@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.doc-title {font-size:30px; line-height:1.4em; color:#2c2c2c; font-weight:700; margin-bottom:25px;}

.business-img {border:1px solid #dfdfdf; text-align:center; padding:40px; margin-bottom:30px;}
.business-cnt {font-size:18px; line-height:1.6em; margin-bottom:60px;}
.business-cnt.none {margin-bottom:0;}
.business-cnt .cnt {margin-bottom:25px;}
.business-cnt .cnt:last-child {margin-bottom:0;}

.business-head {text-align:center; margin-bottom:60px; font-size:20px; line-height:1.6em; color:#2c2c2c; letter-spacing:.03em;}
.business-head .cnt {margin-bottom:25px;}
.business-head .cnt:last-child {margin-bottom:0;}
.business-head strong {font-weight:500;}

.business-ul ul {display:flex; flex-wrap:wrap; padding-left:1px; margin-top:1px;}
.business-ul ul li {width:33.333333%; border:1px solid #dfdfdf; margin-left:-1px; margin-top:-1px; padding:38px; text-align:center;}

.business-imgs {margin-bottom:60px;}
.business-imgs ul {display:flex; flex-wrap:wrap; padding-left:1px; margin-top:1px;}
.business-imgs ul li {width:33.333333%; border:1px solid #dfdfdf; margin-left:-1px; margin-top:-1px; text-align:center;}
.business-imgs ul li .img {padding:38px;}
.business-imgs ul li .tit {background:#fafafa; font-size:17px; line-height:1.5em; padding:15px; border-top:1px solid #dfdfdf;}
.business-imgs.type2 ul li {width:50%;}
.business-imgs.type3 ul {margin-bottom:-20px;}
.business-imgs.type3 ul li {margin-bottom:20px;}
.business-imgs.none {margin-bottom:0;}

.overview .com-name {color:#062e4b; font-size:54px; line-height:1.4em; font-weight:700; margin-bottom:10px;font-family: 'Inter', sans-serif;}
.overview .cnt {margin-bottom:35px; font-size:20px; line-height:1.6em;}
.overview .img {position:relative; height:300px; margin-bottom:35px;background:url('../images/sub/overview.jpg') 50% 50% no-repeat; background-size:cover; overflow:hidden;}
.overview .img .contain {position:relative; height:100%}
.overview .img .logo {position:absolute; bottom:20px; right:10px; z-index:2}
.overview .sain {display:flex; align-items:center;}
.overview .sain .tit {color:#2c2c2c; font-size:17px; line-height:1.4em; font-weight:500;}
.overview .sain .name {margin-left:30px;}


.history {}
.history .head {margin-bottom:35px;}
.history .head .since {display:inline-block; color:#062e4b; font-size:54px; line-height:1.4em;font-weight:700; font-family: 'Inter', sans-serif;}
.history .head .txt {display:inline-block;  font-size:20px; line-height:1.4em; padding-left:20px;}
.history .img {position:relative; height:300px; margin-bottom:60px;background:url('../images/sub/history.jpg') 50% 50% no-repeat; background-size:cover; overflow:hidden;}
.history .img .contain {position:relative; height:100%}
.history .img .logo {position:absolute; bottom:20px; right:10px; z-index:2}
.history .row {border-top:2px solid #062e4b; padding-top:30px;}
.history .col {display:flex; align-items:center; border-bottom:1px solid #dfdfdf; padding-bottom:30px; margin-bottom:30px;}
.history .col:last-child {margin-bottom:0;}
.history .col .year {position:relative; width:101px; text-align:center; font-size:32px; line-height:1.4em; letter-spacing:-.03em; color:#2c2c2c; font-weight:700;font-family: 'Inter', sans-serif;}
.history .col .year:after {content:"";position:absolute; bottom:6px; left:0; width:100%; height:12px;background:#ddebf5; z-index:-1}
.history .col .info {flex:1 1 auto; width:1%; min-width:0; padding-left:50px;}
.history .col .info ul li {position:relative; padding-left:15px; margin-bottom:5px; font-size:17px; line-height:1.4em; font-weight:300; letter-spacing:-.03em;}
.history .col .info ul li:after {content:"";position:absolute; top:9px; left:0; width:5px; height:5px; background:#dfdfdf; border-radius:50%;}
.history .col .info ul li:last-child {margin-bottom:0;}


.root_daum_roughmap {width:100% !important; height:450px !important;}
.root_daum_roughmap .wrap_map {height:450px !important;}
.roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.roughmap_lebel_text:after {content:"(주)준이엔씨"; font-size:12px; line-height:15px;}

.location-info {margin-top:40px;}
.location-info ul {display:flex;}
.location-info ul li {width:33.333333%; padding:25px 15px; color:#2c2c2c; text-align:center; border-left:1px dashed #dfdfdf;}
.location-info ul li:first-child {border-left:0;}
.location-info ul li .icon {width:120px; height:120px; border-radius:50%; margin:0 auto 25px; background:#f4f4f4; overflow:hidden}
.location-info ul li .tit {font-size:17px;line-height:1.4em; color:#0e71b8; font-weight:500; margin-bottom:15px; letter-spacing:-.03em;}
.location-info ul li .cnt {font-size:17px;line-height:1.5em; letter-spacing:-.03em;}
.location-info ul li .tel {font-size:26px; line-height:1.5em; letter-spacing:-.03em;}

.company-download {}
.company-download ul {display:flex; justify-content:center; margin:0 -20px;}
.company-download ul li {width:25%; padding:0 20px;}
.company-download ul li .img {background:#f4f4f4;  padding:30px; margin-bottom:20px;}
.company-download ul li .link {display:flex;  background:#0e71b8; align-items:center; justify-content: space-between; padding:0 30px;}
.company-download ul li .link .tit {font-size:17px; line-height:55px; color:#fff;font-weight:500;}
.company-download ul li .link .icon {width:20px; height:20px; background:url('../images/sub/icon_download.png') 50% 50% no-repeat; background-size:contain;}

/* -------------------------------------------------- */
/* 유지보수 20251016 - 사업분야(5page) */
/* -------------------------------------------------- */

/* 집진설비 */
.bs-group:last-child { margin-bottom: 0; }
.bs-fx { display: flex; align-items: center; margin-bottom: 100px; }
.bs-fx:last-child { margin-bottom: 0; }
.bs-fx.rv { flex-direction: row-reverse;}
.bs-fx .img { width: 54%; text-align: center; position: relative; }
.bs-fx .img::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border: 1px solid #ddd;}
.bs-fx .info { width: 46%; padding-left: 130px; }
.bs-fx .info h2 { line-height: 1em; font-size: 44px; font-weight: 700; color: #0e71b8; margin-bottom: 45px; position: relative; }
.bs-fx .info h2::before { content: ""; position: absolute; left: -50px; top: -40px; width: 100px; height: 100px; border-radius: 100px; background: #ecf4fa; z-index: -1; }
.bs-fx.rv .info { padding-left: 50px; padding-right: 20px; }
.bs-fx.rv .info h2 { color: #242424; }
.bs-fx.rv .info p { margin-bottom: 30px; }
.bs-fx.rv .info p:last-child { margin-bottom: 0; }

/* Engineering Service */
.bs-group { margin-bottom: 100px; }
.subtit { position: relative; font-size: 26px; font-weight: 700; color: #2c2c2c; line-height: 1.3em; margin-bottom: 35px; padding-left: 29px; }
.subtit::before { content: ""; position: absolute; left: 0; top: 8px; width: 20px; height: 20px; background: url(../../images/sub/tit-bf.png) center no-repeat; background-size: contain; }
.bs-list { display: flex; flex-wrap: wrap; gap: 60px 42px; text-align: center; }
.bs-list li { width: calc(100%/3 - 28px); font-size: 20px; font-weight: 700; line-height: 1.3em; color: #505050; letter-spacing: -.03em; }
.bs-list li .tit { margin-top: 15px; }
.bs-list.wt li { width: calc(100%/2 - 21px); border: 1px solid #ddd;}
.bs-list.wt2 { gap: 30px;}
.bs-list.wt2 li {border: 1px solid #ddd;}

/* EPC 탭메뉴 */
.pj-tab { display: flex; border: 1px solid #ddd; margin-bottom: 80px; }
.pj-tab li { flex: 1; border-right: 1px solid #ddd;}
.pj-tab li a { display: flex; align-items: center; justify-content: center; line-height: 1em; font-size: 20px; font-weight: 300; color: #505050; height: 60px; } 
.pj-tab li.active a { background: #0e71b8; color: #fff; }