@charset "utf-8";

/* .top-bg {background-image:url(/images/sub/sv1.jpg); width:100%; height:420px; background-position:50%; background-repeat:no-repeat; background-size:cover;}   */
.top-bg img {width:100%;}
.company-top {display:flex; justify-content:space-between; align-items:flex-start;}
.company-top .img {position:relative;}
.company-top .img::after {content:''; position:absolute; left:-146px; top:-130px; background-image:url(/images/sub/company-bg.png); width:794px; height:130px; background-repeat:no-repeat; background-size:cover;}
.company-top .txt-box {margin-left:30px;}
.company-top .txt-box h3 {padding-top:95px; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.04em; line-height:1.8em; color:#2c2c2c;}
.company-top .txt-box p {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.04em; line-height:1.8em; color:#505050;}
.company-top .txt-box .tt {margin:40px 0 30px;}
.company-btm {margin-top:135px; padding-top:70px; border-top:1px solid #000;}
.company-btm ul li {display:flex; align-items:center; margin-bottom:70px;}
.company-btm ul li:last-child {margin-bottom:0;}
.company-btm ul li img {width:31.7%;}
.company-btm ul li .t-box {margin-left:100px; flex:1 1 auto; min-width:0; width:1%;}
.company-btm ul li h4 {position:relative; padding-top:35px; margin-bottom:30px; font-size:var(--font-size-38); font-weight:800; letter-spacing:-.04em; line-height:1.2em; color:#2c2c2c;}
.company-btm ul li h4::before {content:''; position:absolute; top:0; left:0; background-color:var(--color-secondary); width:12px; height:12px;}
.company-btm ul li p {font-size:var(--font-size-18); font-weight:500; letter-spacing:-.04em; line-height:1.8em; color:#2c2c2c;}
.company-btm ul li:nth-child(even) {flex-direction:row-reverse;}
.company-btm ul li:nth-child(even) .t-box {margin-left:0; margin-right:100px;}
.company-btm ul li:nth-child(even) h4 {text-align:right;}
.company-btm ul li:nth-child(even) h4::before {right:0; left:unset;}
.company-btm ul li:nth-child(even) p {text-align:right;}

.root_daum_roughmap .wrap_controllers,
.root_daum_roughmap .border1,
.root_daum_roughmap .border2,
.root_daum_roughmap .border3,
.root_daum_roughmap .border4 {display:none;}
.root_daum_roughmap {width:100% !important;}

.prod-tabs {margin:-30px 0 100px;}
.prod-tabs ul {display:flex; margin:0 -10px; padding-top:10px;}
.prod-tabs ul li {padding:0 10px; width:192px;}
.prod-tabs ul li a {position:relative; display:flex; align-items:center; justify-content:center; padding:0 30px; height:50px; border-radius:25px; font-size:var(--font-size-16); font-weight:700; letter-spacing:-.04em; line-height:1.8em; color:#2c2c2c; background-color:#f1f1f1;}
.prod-tabs ul li a .num {position:absolute; right:-6px; top:-10px; display:flex; align-items:center; justify-content:center; width:28px; height:28px; font-size:10px; font-weight:700; letter-spacing:-.04em; line-height:1.8em; color:#fff; border-radius:100%; background-color:#c1c1c1;}
.prod-tabs ul li.active a {background-color:var(--color-primary); color:#fff;}
.prod-tabs ul li.active a .num {background-color:var(--color-secondary); color:var(--color-primary);}

.prod-cnt {display:flex;}

.prod-sub-tabs {border-top:1px solid #000; width:280px; margin-right:80px;}
.prod-sub-tabs p {margin:30px 0 35px; font-size:var(--font-size-20); font-weight:800; letter-spacing:-.04em; line-height:1.8em; color:#2c2c2c;}
.prod-sub-tabs ul li {margin-bottom:15px;}
.prod-sub-tabs ul li:last-child {margin-bottom:0;}
.prod-sub-tabs ul li a {font-size:var(--font-size-14); font-weight:700; letter-spacing:-.04em; line-height:1.8em; color:#878787;}
.prod-sub-tabs ul li.active a {color:var(--color-primary);}

.product-list {flex:1 1 auto; min-width:0; width:1%;}

.location {margin-top:100px;}
.location .contain {display:flex; flex-wrap:wrap;}
.location dl {position:relative;display:flex; align-items:center; width:100%; padding:30px 0; border-bottom:1px solid #ddd;}
.location dl::after {content:''; position:absolute; left:0; top:-3px; background-color:#505050; width:180px; height:3px;}
.location dl:first-child {border-top:1px solid #ddd;}
.location dl dt { padding:0 45px; font-size:var(--font-size-20); font-weight:800; letter-spacing:-.04em; line-height:1.8em; color:#2c2c2c;}
.location dl dt img {margin-right:10px;}
.location dl dd {padding:0 40px; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.04em; line-height:1.8em; color:#505050;}
.location dl.col {width:50%;}