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

.doc-tit {position:relative; font-weight:500; padding-left: 32px; font-size:20px; color:#242424; margin:17px 0 13px;}
.doc-tit:before {content:""; position:absolute; top:4px; left:0; width:20px; height:20px; background:url('../images/common/doc-tit.png')0 0 no-repeat;}
.doc-cnt {margin-bottom:40px;}
.doc-cnt:last-child {margin-bottom:0;}
.doc-cnt.indent {padding-left:32px;}
.doc-cnt.indent p {margin-bottom:25px;}

.greeting {display:flex;} 
.greeting .img {width:37.2%;}
.greeting .txt {width:62.8%; padding-left:56px;}
.greeting .txt h3 {margin-bottom:30px; font-size:20px; margin-top:17px; font-weight:500;}
.greeting .txt p {margin-bottom:27px; line-height:1.75em;}
.greeting .txt .sign {text-align:right; margin-bottom:0; font-weight:500; margin-top:62px; font-size:17px;}
.greeting .txt .sign img {margin-top:-25px; margin-left:10px;}
 
.history {display:flex;}
.history .img {width:35.9%;}
.history .cnt {width:64.1%; padding-left:28px;}
.history .cnt ul li {position:relative; padding-left:170px; line-height:1.875em; margin-bottom:30px;}
.history .cnt ul li:first-child {margin-top:0;}
.history .cnt ul li:last-child {margin-bottom:0;}
.history .cnt ul li .year {position:absolute; left:0; top:0; font-size:18px; font-weight:500; color:#225dab; line-height:1.875em;}
.history .cnt ul li .year:before {content:''; position:absolute; top:18px; left:83px; width:57px; height:1px; background-color:#ddd;}
.history .cnt ul li .year:after {content:''; position:absolute; top:14px; left:140px; width:8px; height:8px; background-color:#225dab; border-radius:50%;}

.organization .mobile{display:none;}

.local table {width:100%; border-collapse:collapse; border-spacing:0px;}
.local .table {margin-top:5px;}
.local .table tbody tr th {border-bottom:1px solid #ddd; color:#225dab; font-weight:500; padding:15px 18px; font-size:18px; position: relative; text-align:left; letter-spacing:0;}
.local .table tbody tr th:after {content:''; position:absolute; top:50%; right:0; margin-top:-6px; width:1px; height:12px; background-color:#ddd;}
.local .table tbody tr td {border-bottom:1px solid #ddd; padding:15px 30px;}
.local .group:first-child .table {margin-bottom:45px;}

.business-overview {margin-bottom:40px;}
.business-overview:last-child {margin-bottom:0;}
.business-overview:last-child .business .img:nth-last-child(-n+2) {margin-bottom:0;}
.business-overview .business {display:flex; flex-wrap:wrap; margin:0 -14px;}
.business-overview .business .img {margin:0 14px 30px;}
.business-overview .business .bimg {margin:0 14px 30px;}
.business-overview .txt {text-align:center; margin-top:-16px; line-height:1.556em; font-size:18px;}

.sub-construction {position:relative;}
.sub-construction .items {padding:0 50px;}
.sub-construction .slick-list {}
.sub-construction .slick-list:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
.sub-construction .item {border:1px solid #ddd; text-align: center; height:50px; line-height:48px; border-left:0;}
.sub-construction .item a {display:block; font-size:18px;}
.sub-construction .items .item.active {z-index:2;}
.sub-construction .items .item.active a {background:#029fe4; color:#fff; border-color:#029fe4;}

.sub-construction .slick-arrow {text-indent:-9999px; width:15px; height:25px; position: absolute; top:13px; border:none;}
.sub-construction .slick-prev {background:url('../images/sub/sub_construction_prev.png')0 0 no-repeat; left:14px;}
.sub-construction .slick-next {background:url('../images/sub/sub_construction_next.png')0 0 no-repeat; right:14px;}

.sub-construction .list {border-top:2px solid #242424; margin-top:50px;}
.sub-construction .list .thumb {display:flex; padding:30px 0; border-bottom:1px solid #ddd;}
.sub-construction .list .thumb .img	{width:33.3333%;}
.sub-construction .list .thumb .cnt	{width:66.6667%; padding:19px 85px; position:relative;}
.sub-construction .list .thumb .cnt:before {content:''; position:absolute; top:23px; left:56px; width:20px; height:20px; border:5px solid #225dab; border-radius:50%;}
.sub-construction .list .thumb .cnt h3 {font-size:20px; font-weight:500; margin-bottom:10px;}
.sub-construction .list .thumb .cnt p {font-size:18px; font-weight:500; color:#225dab; margin-bottom:25px;}
.sub-construction .list .thumb .cnt ul {}
.sub-construction .list .thumb .cnt ul li {line-height:1.875em; position:relative; padding-left:10px;}
.sub-construction .list .thumb .cnt ul li:before {content:''; position:absolute; top:13px; left:0; width:4px; height:4px; background-color:#242424; border-radius:50%;}
.sub-construction .list .thumb .cnt ul li span {font-weight:500;}

.client ul {display:flex; flex-wrap:wrap; margin:0 -10px;}
.client ul li {border:1px solid #ddd; border-radius:10px; padding:14px 11px; margin:0 10px 20px 10px; display: flex;align-items:center; justify-content:center;}

.certified ul {display:flex; flex-wrap: wrap; margin:0 -10px;}
.certified ul li {width:20%; padding:0 10px; text-align:center;}
.certified ul li .img {border:1px solid #ddd; margin-bottom:10px; position:relative; padding-bottom:141%; overflow:hidden;}
.certified ul li .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.certified ul li p {color: #686868;	margin-bottom:20px;	line-height:1.438em; }

.certified-view {text-align:center;}
.certified-view .thumb {max-width:500px; border:1px solid #ddd; margin:0 auto 20px;}
.certified-view .tit {color:#686868; margin-bottom:45px; line-height:1.438em;}
.certified-view .more a{display:inline-block; width:100px; height:40px; border-radius:5px; border:1px solid #ddd; line-height:38px;}

.prove {padding:0 122px;}
.prove ul li {width:25%;}

.evaluation-amount .unit {text-align:right; margin:5px 0;}
.evaluation-amount .table table{width:100%; border-top:2px solid #242424; text-align:center; border-collapse:collapse; border-spacing:0px;}
.evaluation-amount .table tr {border-bottom:1px solid #ddd;}
.evaluation-amount .table tr th {padding:15px 0; background-color:#f0f0f0; font-weight:500; border-right:1px solid #ddd;}
.evaluation-amount .table tr th:last-child {border-right:0;}
.evaluation-amount .table tr td {padding:15px 0; border-right:1px solid #ddd;}
.evaluation-amount .table tr td.blue {background-color:#e5f5fc; border-right:0;}
.evaluation-amount .table tr td.last {background-color:#e5f5fc; border-right:0;}