/* 공통 */
.wide_con { position: relative; }
.wide_con::before { content: ""; position: absolute; left: calc(0px - ((100vw - 1320px) / 2)); bottom: 0; width: 100vw; height: 100%; background: #f5f5f5; }
.wide_con > * { position: relative; }
@media ( max-width: 1350px ) {
	.wide_con::before { left: -25px; }
}

.content-title { margin-bottom: 3.125rem; text-align: center; }
.content-title h4 { font-size: 1.875rem; font-weight: 800; }
.content-title p { color: #999; font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 400; letter-spacing: 0; line-height: 1; }
@media ( max-width: 768px ) {
	.content-title h4 { font-size: 1.5rem; }
	.content-title p { font-size: 1.25rem; }
}

/* 소개 */
.tb-style { margin-bottom: 4.375rem; }
.tb-style th, .tb-style td { padding: 0.75rem 2.5rem; text-align: left; word-break: keep-all; }
.tb-style th { width: 15.625rem; background: #F3F3F3; font-size: 1.25rem; font-weight: 700; }
.tb-style td { font-size: 1.125rem; }
.tb-style td ul li { margin-bottom: 0.95rem; }
@media ( max-width: 768px ) {
	.tb-style th, .tb-style td { padding: 0.75rem 1rem; }
	.tb-style th { width: auto; }
}

.policy-container { margin-bottom: 3.75rem; padding: 3.125rem 0 5rem; text-align: center; }
.policy-container ul { display: flex; justify-content: center; gap: 3.125rem; }
.policy-container ul li { flex: 1 0 calc(33.33% - 3.125rem); background: #fff; }
.policy-container ul li .image { display: flex; justify-content: center; align-items: center; height: 12.5rem; background-repeat: no-repeat; background-position: 50%; background-size: cover; }
.policy-container ul li h5 { position: relative; color: #fff; font-family: 'Poppins', sans-serif; font-size: 1.875rem; font-weight: 700; letter-spacing: 0.1em; }
.policy-container ul li h5::after { content: ""; position: absolute; bottom: -0.875rem; left: 50%; transform: translateX(-50%); width: 2rem; height: 3px; background: #fff; }

.policy-container ul li:nth-of-type(1) .image { background-image: url("../images/pages/policy01.png"); }
.policy-container ul li:nth-of-type(2) .image { background-image: url("../images/pages/policy02.png"); }
.policy-container ul li:nth-of-type(3) .image { background-image: url("../images/pages/policy03.png"); }

.policy-container ul li .txt { padding: 2.5rem 2.5rem 2.813rem; color: #545454; font-size: 1.125rem; }
.policy-container ul li .txt h6 { margin-bottom: 1.25rem; font-size: 1.5rem; font-weight: 800; letter-spacing: 0; }
@media ( max-width: 992px ) {
	.policy-container ul { flex-direction: column; }
	.policy-container ul li .image { height: 8.5rem; }
}
@media ( max-width: 768px ) {
	.policy-container ul li h5 { font-size: 1.5rem; }
	.policy-container ul li .txt { padding: 1.5rem 2.5rem 2rem; }
}

.motto-container { margin-bottom: 5.625rem; }
.motto-container ul{overflow:hidden;text-align: center;}
.motto-container ul li{ position: relative; display: inline-block; width: 32.5%; margin-left:-2%;margin-bottom:0.5%;text-align:center;background-color:#E3EDF6; border-radius: 60px; padding: 2.625rem 0; font-size: 1.5rem; }
.motto-container ul li:first-child { margin-left: 0; }
.motto-container ul li:nth-child(even) { background-color: rgba(113,181,245,0.35); z-index: 1; }
@media ( max-width: 992px ) {
	.motto-container ul li { width: auto; padding: 2rem 1.5rem; }
}
@media ( max-width: 768px ) {
	.motto-container ul li { margin: 0 0 0.5rem; padding: 1rem 1.5rem; font-size: 1.25rem; }
}

.conduct-container { padding: 4.375rem 2rem; border: 0.375rem solid #F5F5F5; border-radius: 3.75rem 0 3.75rem 0; background: url("../images/pages/conduct_bg.png") 95% bottom no-repeat; text-align: center; }
.conduct-container > div { position: relative; color: #111; font-size: 1.5rem; font-weight: 300; }
@media ( max-width: 768px ) {
	.conduct-container { padding: 3rem 2rem; }
	.conduct-container > div { font-size: 1.25rem; }
}


/* 인사말 */
.greeting .image { height: 45rem; background: url("../images/pages/greeting.jpg") center/cover no-repeat; }
.greeting h3 { margin: 3.75rem 0 1.875rem; font-size: 2.813rem; font-weight: 400; letter-spacing: -0.141rem; }
.greeting .txt{font-size:1.25rem;line-height: 1.7;}
.greeting .txt > p{font-size:1.5rem;text-align: right;font-weight:600;margin-top:4rem;}
@media ( max-width: 992px ) {
	.greeting .image { height: 30rem; }
	.greeting .txt br { display: none; }
}
@media ( max-width: 768px ) {
	.greeting .image { height: 14rem; }
	.greeting h3 { font-size: 1.75rem; }
	.greeting .txt > p { font-size: 1.25rem; }
}


/*연혁*/
.history {position: relative;margin-top: 3.75rem; }
.history::before { content: "";position: absolute; top:calc(14px/2);bottom:0;left:calc(14px/2); display: block; width: 1px; background: #ddd;}
.history > dl {margin: 0 0 1rem;position: relative;display: flex;}
.history dl::before{content: "";position: absolute;top:calc(14px/2);background:#fff;border:3px solid #0B3760;border-radius: 50%;width:14px;height: 14px;}
.history dl > dt { position: relative; font-weight: bold;flex: 0 0 auto;color: #111; font-size:1.75rem;width:20%;min-width: 150px;padding-left:1.875rem;line-height:1;}
.history dl > dd { position: relative; font-weight: normal;font-size:1.215rem;}
.history dl > dd > strong:not(:nth-of-type(1)){display:block;margin-top:1.2rem}
.history dl > dd > ul{margin:0.7rem 0;}
.history dl > dd > ul > li {line-height:1.15;color: #999999;letter-spacing: -0.02em;padding-bottom:0.5rem;padding-left:18px;position: relative;}
.history dl > dd > ul > li::before{content: "";position: absolute;top:10px;left:0;width:8px; height:1px; background:#0B3760;}
@media ( max-width: 768px ) {
	.history > dl { display: block; margin: 0 0 2rem; }
	.history dl > dt { width: 100%; font-size: 1.5rem; }
	.history dl > dt br { display: none; }
	.history dl > dd { padding-left: 1.875rem; padding-top: 1rem; font-size: 1rem; }
}


/*조직도*/
.group{text-align:center;}
.group img{width:auto;max-width: 100%;height:auto;}


/*계열사*/
.series h3 { position: relative; margin-bottom: 2.5rem; padding-left: 8.75rem; font-size: 2.813rem; font-weight: 400; }
.series h3::before { content: ""; position: absolute; top: 0.313rem; left: 0; width: 6.25rem; height: 3.125rem; background: url(../images/pages/hanvit.png) left center / contain no-repeat; background-size: 100%; }
.series img{width:auto;max-width: 100%;height:auto;}
.series dl{display:flex;flex-wrap:nowrap; width: 100%;gap:0 2%; margin-bottom:3rem;}
.series dl dd{flex:0 0 auto;flex-basis:24.2%;}
.series dl dd:nth-child(1){flex: 1 1 auto;}
@media ( max-width: 768px ) {
	.series h3 { padding-left: 8.5rem; font-size: 1.75rem; }
	.series h3::before { top: -0.25rem; }
    .series dl{flex-wrap:wrap;margin-bottom:2rem;gap:0 3%;}
    .series dl dd{flex:0 0 auto;flex-basis:48.5%;}    
    .series dl dd:nth-child(1){margin-bottom: 3%;}
}


/*오시는길*/
.dm-loc{background:transparent;padding:0;display:flex;flex-wrap: wrap; gap: 0 5%;margin-top: 3.3rem;}
.dm-loc h2{width:30%; max-width: 330px; flex:0 0 auto;font-size:2rem;}
.dm-loc ul{flex:1 1 auto;border-top:3px solid #0B3760;border-bottom:1px solid #ddd;padding:2rem 1.7rem;font-size: 1.215rem;}
.dm-loc ul li{ display: flex;flex-wrap: wrap; }
.dm-loc ul li:not(last-of-type){margin-bottom: 0.4rem;}
.dm-loc ul li strong { color: #0B3760; font-weight: 600; width:30%;flex:0 0 auto;max-width: 150px;}
@media ( max-width: 768px ) {
	.dm-map { height: 320px; }
	.dm-loc { flex-direction: column; }
	.dm-loc h2 { width: 100%; font-size: 1.5rem; }
	.dm-loc ul { margin-top: 2rem; }
}


/* 사업 */
#contentId-3033a912eef2d545bf8d8dca2ceb2df6 #container .heading,
#contentId-4a08a00fbfc8d40e07c06e2461b39b84 #container .heading,
#contentId-f779c23ec9e397755317a2a7cacc5e00 #container .heading,
#contentId-00fe8b4174d54619b30d962781bc6da0 #container .heading,
#contentId-dffed1828a3724b15868468c753f404c #container .heading,
#contentId-d03e33f64260c0ee393be7e2d93f82bd #container .heading,
#contentId-5647d7bab39e79a27918fe3ee81d110b #container .heading { display: none; }

/* 사업 인트로 제목 */
.intro-title { display: flex; justify-content: space-between; align-items: flex-start; margin-top: 5.625rem; margin-bottom: 6.25rem; padding-bottom: 5.313rem; border-bottom: 1px solid #E5E5E5; }
.intro-txt { width: 63%; padding-right: 5.938rem; }
.intro-txt p { font-size: 1.25rem; letter-spacing: -0.063rem; line-height: 1.75; }
.intro-img { position: relative; width: 37%;  /* box-shadow: 0 0.625rem 1.25rem rgba(0,0,0,0.31); */ overflow: hidden; }
.intro-img img { width: 100%; }
.intro-title.img .intro-img { width: calc(50% - 1.626rem); margin: 0.813rem; }

.swiper-video-wrap { width: 100%; height: 280px; margin: 0 auto; position: relative; overflow: hidden; }
.swiper-video-wrap .swiper-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; background-position: 0 0; background-size: inherit; }
.vimeo_player_wrapper iframe {margin: 0 !important;width: 100% !important;height: 100% !important;}
.vimeo_player_time,.vimeo_url,.buttonBar{ display: none;}
@media ( max-width: 992px ) {
    .intro-title { flex-direction: column; }
    .intro-title.img { align-items: center; }
    .intro-txt { width: 100%; padding: 0 0 5rem; }
    .intro-img { width: 100%; max-width: 500px; }
    .intro-title.img .intro-img { width: 100%; height: 200px; }
}

/* 보유설비현황 표 */
.equip-container { display: flex; align-items: flex-start; }
.equip-container .equipment-table { width: 64%; }
.equipment-table .equip { position: relative; text-align: left; }
.equipment-table .equip::before { content: ""; position: absolute; top: 1rem; left: 1.25rem; width: 0.375rem; height: 0.375rem; border-radius: 50%; background-color: #0B3760; text-align: left; }
.equip-container .equip-bg { width: 36%; padding-left: 2.5rem; text-align: center; }
.equip-container .equip-bg img { width: 100%; }
@media ( max-width: 992px ) {
    .equip-container { display: block; }
    .equip-container .equipment-table { width: 100%; }
    .equip-container .equip-bg { width: 100%; max-width: 410px; margin: 0 auto; padding: 0; }
}

.equip-list .img-wrap { padding: 1.25rem 0.625rem; border-bottom: 1px solid #FBFBFB; text-align: center; }

/* 항목 리스트 */
.item-list, .product-container { display: flex; flex-wrap: wrap; margin: 0 -0.813rem; }
.item-list li, .product-container > div { margin: 0.813rem; }
.item-list.bd li { border: 1px solid #DBDBDB; }
.item-list.img2 li, .product-container > div { width: calc(50% - 1.626rem); }
.item-list.img3 li { width: calc(33.33% - 1.626rem); }
.item-list.img4 li { width: calc(25% - 1.626rem); }

.item-list li img { width: 100%; }
.item-list li .txt-wrap { padding: 1.35rem 1.7rem; }
.item-list li h6 { margin-bottom: 1.25rem; font-size: 1.375rem; font-weight: 800; letter-spacing: 0; }
.item-list li dt, .item-list li dd { display: inline-block; margin-bottom: 0.313rem; }
.item-list li dt { width: 40%; color: #929292; font-weight: 400; }
.item-list li dd { width: 60%; letter-spacing: 0; }
.item-list li p { text-align: center; font-size: 1.125rem; font-weight: 700; letter-spacing: 0; }
@media ( max-width: 992px ) {
    .item-list li .txt-wrap { padding: 1rem 1.25rem; }
    .item-list li h6 { font-size: 1.125rem; } 
}
@media ( min-width: 768px ) and ( max-width: 992px ) {
    .item-list li dt, .item-list li dd { display: block; }
}
@media ( max-width: 768px ) {
    .product-container { display: block; margin: 0; }
    .product-container > div { width: 100%; margin: 0 0 1.5rem; }
    .item-list.img3 li,
    .item-list.img4 li { width: calc(50% - 1.626rem); }
}
@media ( max-width: 576px ) {
    .item-list li .txt-wrap { padding: 1rem; }
    .item-list li dt, .item-list li dd { display: block; }
}

/* 2023.02.01 홍주영 추가 */
@media ( max-width: 768px ) {
.intro-txt p.m-br>br{ display:none; }
}


/* 2023.02.10 최은빈 추가 */
.item-list li.pepper { background: url("..//images/pages/business/capacity_0702-02.jpg") center/cover no-repeat; }
.item-list li.pepper .img-wrap { opacity: 0; }