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

.doc-title {position:relative; font-size:25px; line-height:1.4em; font-weight:800; color:#333; padding-left:30px; margin-bottom:25px; padding-bottom:15px; border-bottom:1px solid #398164;font-family: 'NanumSquare', sans-serif;}
.doc-title:before {content:"";position:absolute; top:6px; left:0; width:20px; height:20px; background:#3b8769 url('../images/sub/doc_dot.png') 50% 50% no-repeat; background-size:contain; border-radius:50%;}

.doc-indent {padding-left:30px;}

.doc-cnt  ul li {position:relative; padding-left:15px; margin-bottom:10px; font-size:18px; line-height:1.5em; color:#454545;}
.doc-cnt  ul li:before {content:"";position:absolute; top:11px; left:0; width:3px; height:3px; background:#3b8769; border-radius:50%;}

.doc-feature {display:flex; align-items:center; padding:0 50px;}
.doc-feature .info {width:50%; padding-right:30px;}
.doc-feature .info .group {margin-bottom:25px;}
.doc-feature .info .group:last-child {margin-bottom:0;}
.doc-feature .info h4 {position:relative; font-size:20px;line-height:1.4em; color:#00653d;font-weight:700; margin-bottom:15px; padding-left:30px; font-family: 'NanumSquare', sans-serif;}
.doc-feature .info h4:before {content:"";position:absolute; top:5px; left:0; width:18px; height:18px; background:url('../images/sub/icon_check.png') 50% 50% no-repeat; background-size:contain;}
.doc-feature .pic {width:50%; padding-left:15px;}

.doc-type {text-align:center;}
.doc-type .head {position:relative;color:#242424;border-bottom:1px solid #35785e; padding-bottom:40px; margin-bottom:40px;}
.doc-type .head:before,
.doc-type .head:after {content:"";position:absolute; width:32px; height:28px; background-repeat:no-repeat; background-position:50% 50%; background-size:contain}
.doc-type .head:before {top:0; left:10%; background-image:url('../images/sub/quo_1.png')}
.doc-type .head:after {bottom:30%; right:8%; background-image:url('../images/sub/quo_2.png')}
.doc-type .head .tit {font-size:25px; line-height:1.4em; font-weight:700; margin-bottom:7px;}
.doc-type .head .tit strong {color:#1ed59a;font-size:28px;}
.doc-type .head p {font-size:20px; line-height:1.4em;font-weight:500;}
.doc-type .head p strong {font-weight:700;}
.doc-type .img-group {margin-bottom:55px;}
.doc-type .img-group ul {display:flex; justify-content:center; margin:0 -22.5px;}
.doc-type .img-group ul li {padding:0 22.5px;}
.doc-type .img-group ul li .img {margin-bottom:15px;}
.doc-type .img-group ul li .tit {font-size:20px; line-height:1.4em;font-weight:700; color:#242424}
.doc-type .box {background:#fafafa url('../images/sub/icon.png') 7% 50% no-repeat; padding:60px 15px;border-radius:5px;}
.doc-type .box .tit {font-size:20px; line-height:1.4em;font-weight:500; color:#454545; margin-bottom:30px;}
.doc-type .box .tit strong {font-size:23px; color:#016c42}
.doc-type .box .btn {display:inline-block; min-width:200px; height:45px;background:#fff; border:1px solid #ddd; border-radius:45px; font-size:15px; line-height:43px; color:#3b8769; font-weight:500;}
.doc-type .box .btn:hover {background:#3b8769; border-color:#3b8769; color:#fff;}

.product-apply {}
.product-apply .row {display:flex; flex-wrap:wrap; margin-left:-30px; margin-bottom:-40px;}
.product-apply .col {position:relative; width:calc(50% - 30px); margin-left:30px; margin-bottom:40px;}
.product-apply .col:after {content:"";position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #ddd}
.product-apply .col .pic img {width:100%;}
.product-apply .col .info {padding:26px 30px;}
.product-apply .col .tit {font-size:24px; line-height:1.4em; color:#242424; font-weight:700; margin-bottom:15px;}
.product-apply .col .doc-cnt ul li {margin-bottom:5px;}

.history {}
.history .year {border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.history .year .tit {display:inline-block; padding-right:20px;font-size:25px; line-height:1.4em; color:#242424;font-weight:500;position:relative;}
.history .year .tit:after {content:"";position:absolute; bottom:-21px; left:0; width:100%; height:2px; background:#242424;}
.history .group {margin-bottom:40px; display:flex;}
.history .group:last-child {margin-bottom:0;}
.history .group .month {width:80px; color:#3b8769; font-size:23px; line-height:1.4em; font-weight:700;}
.history .group .info {flex:1 1 auto; min-width:0; width:1%;  position:relative;}
.history .group .info ul {padding-top:7px;}
.history .group .info ul li {position:relative; margin-bottom:7px; font-size:17px; line-height:1.4em; color:#454545; padding-left:35px;}
.history .group .info ul li:after {content:"";position:absolute; top:10px; left:0; width:6px; height:6px; background:#3b8769; border-radius:50%;}
.history .group .info ul li:last-child {margin-bottom:0;}

.cert ul {display:flex; justify-content:center; margin:0 -9px;}
.cert ul li {width:20%; padding:0 9px;text-align:center;}
.cert ul li .pic {margin-bottom:10px;}
.cert ul li .tit {font-size:16px; line-height:1.4em; color:#686868;}

.rnd-box {border:1px solid #ddd; background:#fafafa; text-align:center;padding:60px 15px;}

.location-box {background:#fafafa; border:1px solid #ddd; margin-bottom:40px; padding:60px 15px;}
.location-box ul {display:flex; margin:0 -15px;}
.location-box ul li {width:33.333333%; position:relative;  text-align:center; padding:0 15px;}
.location-box ul li:after {content:"";position:absolute; top:50%; margin-top:-85px; left:0; width:1px; height:170px; background:#ddd}
.location-box ul li:first-child:after {display:none}
.location-box ul li .icon {width:100px; height:100px; background:#3b8769; border-radius:50%; margin:0 auto 20px; overflow:hidden;}
.location-box ul li .tit {font-size:20px; line-height:1.4em; color:#242424; font-weight:500;margin-bottom:10px;}
.location-box ul li p {font-size:18px; line-height:1.6em;}

.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;}