@charset "utf-8";

.gray-bg {background:#f5f5f5;}

.dot-list ul li {padding-left:11px; position:relative; font-size:17px; font-weight:400; letter-spacing:0; line-height:1.882em; color:#222;}
.dot-list ul li:before {content:""; position:absolute; left:0; top:9px; width:5px; height:5px; background:#6fa36f; border-radius:100%;}

.dot-list2 ul li {margin-bottom:8px; padding-left:15px; position:relative; font-weight:400; letter-spacing:0; line-height:1.4em; color:#222;}
.dot-list2 ul li:before {content:""; position:absolute; left:0; top:8px; width:4px; height:4px; background:#222; border-radius:100%;}
.dot-list2 ul li:last-child {margin-bottom:0;}

.sub-tab {margin-bottom:96px;}
.sub-tab ul {display:flex; justify-content:center;}
.sub-tab ul li {width:auto; padding:0 30px;}
.sub-tab ul li a {display:block; font-size:21px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#0c370c;}

.sub-sec {display:flex; border-bottom:1px solid #ddd; padding:67px 0;}
.sub-sec:first-child {border-top:1px solid #ddd;}
.sub-cnt {flex:1 1 auto; min-width:0; width:1%;}

.doc-head {width:260px;}

.doc-tit {font-size:21px; font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#0c370c;}
.doc-tit2 {font-size:17px; font-weight:600; letter-spacing:-.03em; line-height:1.5em; color:#222;}

.block {display:block;}

/* 비전 */
.vision {padding-bottom:181px; text-align:center; background:url("../images/sub/vision_bg.png") no-repeat 30% 100%;}
.vision .sub-title {margin-bottom:42px;}
.vision p {margin-bottom:27px; font-size:17px; font-weight:400; letter-spacing:0; line-height:1.647em;}
.vision p.last {font-size:20px; letter-spacing:0; margin-bottom:0;}
.vision p.last strong {font-weight:600;}

/* 설립이념 */
.ideology .txt {max-width:990px; margin:24px 40px; font-size:17px; font-weight:400; letter-spacing:0; line-height:1.647em;}

/* 오시는길 */
.root_daum_roughmap {width:100% !important;}
.location .group + .group {margin-top:115px;}
.location .addr {margin-bottom:27px;}
.location .addr dl {display:flex; align-items:center;}
.location .addr dl dt {padding-left:10px; width:164px; display:flex; align-items:center; font-size:22px; font-weight:600; letter-spacing:0; line-height:1.5em;}
.location .addr dl dt img {margin-right:12px;}
.location .addr dl dd {flex:1 1 auto; min-width:0; width:1%; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.5em; color:#454545;}
.location-info {margin-top:19px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:31px 20px; display:flex; align-items:center; justify-content:space-between;}
.location-info dl {display:flex; align-items:center;}
.location-info dl dt {margin-right:80px; color:#242424; font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.5em;}
.location-info dl dt svg {vertical-align:middle; margin: -0.2em 22px 0 0;}
.location-info dl dt path {fill:#b7d1b7;}
.location-info dl dd {color:#454545; font-weight:400; letter-spacing:-.03em; line-height:1.5em;}

/* 조직도 */
.org {text-align:center;}

/* 주요사업소개 */
.major .group {padding:50px 0;}
.major .group:first-child {padding-top:0;}
.major .group .contain {display:flex; align-items:center;}
.major .group:nth-child(even) .contain {flex-direction:row-reverse;}
.major .group:nth-child(odd) .img {margin-right:82px;}
.major .group:nth-child(even) .img {margin-left:82px;}
.major .group .cnt .tit {margin-bottom:19px; font-size:26px; font-weight:600; letter-spacing:0; line-height:1.4em; color:#222;}
.major .group .cnt .tit .num {color:#6fa36f; margin-right:12px;}
.major .group .cnt .dot-list {padding-left:44px;}

/* 사업부 */
.order-wrap {margin-top:35px;}
.order-wrap .row {max-width:900px; margin:0 auto;}
.order-wrap .row ol {display:flex; margin:0 -38px;}
.order-wrap .row ol li {width:33.333%; padding:0 38px; position:relative;}
.order-wrap .row ol li:after {content:""; position:absolute; right:0; top:50%; margin:-13px -7px 0 0; width:15px; height:26px; background:url("../images/sub/order_arr.png") no-repeat 50% 50% / contain;}
.order-wrap .row ol li .con {font-size:17px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; border-radius:25px 10px 25px 10px; text-align:center; color:#fff; height:60px; display:flex; justify-content:center; align-items:center; padding:0 15px;}
.order-wrap .row1 ol li:nth-child(1) .con {background:#3b7f3b;}
.order-wrap .row1 ol li:nth-child(2) .con {background:#246424;}
.order-wrap .row1 ol li:nth-child(3) .con {background:#195319;}
.order-wrap .row2 ol li:nth-child(1) .con {background:#0f410f;}
.order-wrap .row2 ol li:nth-child(2) .con {background:#0b340b;}
.order-wrap .row2 ol li:nth-child(3) .con {background:#072e07;}
.order-wrap .row2 ol {flex-direction:row-reverse;}
.order-wrap .row1 {margin-bottom:50px;}
.order-wrap .row1 ol li:last-child:after {top:auto; bottom:-37px; right:50%;}
.order-wrap .row2 ol li:first-child:after {display:none;}

.picture-list ul {display:flex; flex-wrap:wrap; margin:-20px;}
.picture-list ul li {width:50%; padding:20px;}

.enterprise .sec3 .picture-list {margin-top:29px;}

.dot-tit {margin-bottom:9px; font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.5em; color:#222; position:relative; padding-left:14px;}
.dot-tit:before {content:""; width:4px; height:4px; border-radius:100%; background:#222; position:absolute; left:0; top:11px;}

.dashed-cnt {padding:35px 0; border-bottom:1px dashed #dfdfdf;}
.dashed-cnt:first-child {padding-top:0;}
.dashed-cnt.none {padding-bottom:0; border-bottom:0;}

.pl-space {padding-left:14px;}

.check-list .tit {margin-bottom:12px; font-size:17px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#6fa36f;}
.check-list ul li {margin-bottom:7px; padding-left:33px; position:relative; line-height:1.4em;}
.check-list ul li:before {content:""; position:absolute; left:0; top:0px; width:20px; height:20px; background:url("../images/sub/check.png") no-repeat 50% 50% / contain;}
.check-list ul li:last-child {margin-bottom:0;}

.table01 .caption {margin-left:-3px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#222; margin-bottom:17px;}
.table01 table {text-align:center; border-top:1px solid #ddd; border-spacing:0; border-collapse:collapse; width:100%; letter-spacing:-.03em; line-height:1.4em;}
.table01 table th {padding:15px 5px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-weight:600; background:#f5f5f5;}
.table01 table td {padding:15px 5px; border-bottom:1px solid #ddd;}
.table01 table strong {font-weight:600;}

.gray-box-list .row {display:flex; margin:-15px;}
.gray-box-list .col {padding:15px;}
.gray-box {height:100%; padding:20px 30px 25px 24px;background:#f5f5f5; border-radius:20px;}
.gray-box .tit { text-align:center; font-size:17px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.gray-box .bar {margin:15px 0; height:1px; width:100%; background:#ddd;}
.gray-box-list.col-4 .row {margin:-6px;}
.gray-box-list.col-4 .col {width:25%; padding:6px;}

.department .sec1 .cnt1 .doc-txt {margin-bottom:23px;}
.department .sec1 .cnt2 .doc-txt {margin-bottom:21px;}
.department .sec1 .cnt3 .doc-txt {margin-bottom:25px;}
.department .sec1 .cnt4 .doc-txt {margin-bottom:10px;}

.department .sec3 .doc-txt {margin-bottom:27px;}

.department .sec4 .dashed-cnt {display:flex;}
.department .sec4 .dot-tit {width:170px;}
.department .sec4 .doc-txt {flex:1 1 auto; min-width:0; width:1%;}

.department .sec5 .doc-txt {margin-bottom:18px;}

.department .sec6 .doc-txt {margin-bottom:18px;}

.environment .dot-tit {margin-bottom:17px;}

.environment .sec1 .group3 .dot-tit {margin-bottom:9px;}
.environment .group + .group {margin-top:48px;}

.environment .sec2 .group2 .table01 table th:last-child {border-right:0;}
.environment .sec2 .group2 .table01 table td {border-right:1px solid #ddd;}
.environment .sec2 .group2 .table01 table td:last-child {border-right:0;}