@charset "utf-8";

#wrapper {overflow:hidden;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #a8a8a8;}
.table01 td {padding:15px 15px; border:1px solid #dfdfdf; border-top:0; font-size:16px; color:#505050;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}

.doc-tit {margin-bottom:15px;}
.doc-tit h3 {position:relative; font-size:22px; color:#242424; font-weight:500; letter-spacing:-.03em; line-height:1.818em; padding-left:30px;}
.doc-tit h3:before {position:absolute; content:""; width:20px; height:21px; top:50%; margin-top:-10.5px; left:0; background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain;}

.history {background:#f8f8f8; padding:100px 0; margin:100px 0;}
.history .history-wrap {margin-bottom:100px;}
.history .history-wrap dl {display:flex; align-items:center; padding:15px 0; border-bottom:1px solid #ddd;}
.history .history-wrap dl dt {font-size:18px; font-weight:500; letter-spacing:-.03em; width:130px; height:40px; line-height:40px; background:#adcc05; border-radius:10px; text-align:center; color:#fff;}
.history .history-wrap dl dd span {font-weight:500; color:#242424; padding:0 10px 0 20px;}
.history .cnt {padding-left:30px;}
.history .summary-flex {display:flex;}
.history .summary-flex-list {border-top:3px solid #adcc05; margin-left:20px;}
.history .summary-flex dl {display:flex; border-bottom:1px solid #ddd; padding:10px 0;}
.history .summary-flex dl dt {width:140px; color:#242424; font-weight:500; letter-spacing:-.03em; text-align:center;}

.organization .img {text-align:center;}

.map {background:#f8f8f8; padding:100px 0; margin-top:100px;}
.map .location dl {display:flex; align-items:center; padding:20px 0; border-bottom:1px solid #ddd;} 
.map .location dl dt {position:relative; width:145px; font-size:18px; color:#242424; line-height:1.3em; font-weight:500; letter-spacing:-.01em;}
.map .location dl dt:before {position:absolute; content:""; width:1px; height:15px; background:#ddd; top:50%; margin-top:-7.5px; right:0;}
.map .location dl dt span {padding:0 20px;}
.map .location dl dd {padding-left:30px; line-height:1.875em; letter-spacing:-.01em;}

.performance-list {width:100%; max-width:850px; display:flex; justify-content:center; margin:0 auto; margin-bottom:60px;}
.performance-list li {flex:1; width:auto; padding:0 5px;} 
.performance-list li.active a {background-color:#90aa04; color:#fff;}
.performance-list li a {display:block; text-align:center; font-size:18px; font-weight:500; color:#90aa04; letter-spacing:-.03em; height:50px; line-height:48px; border-radius:30px; border:1px solid #90aa04;}

.detail .contain {max-width:1780px;}
.detail .contain.width {max-width:1700px;}
.detail .detail-flex {position:relative;}
.detail .detail-flex .img {position:absolute;}
.detail .detail-flex .btn-wraps {position:absolute; top:0; right:0;}

.detail-wrap .slick-arrow {position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; border:none; overflow:hidden; text-indent:-999em; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; z-index:50; background-size:contain;}
.detail-wrap .slick-prev {left:-100px; background-image:url("../images/sub/slide_prev.png");}
.detail-wrap .slick-prev:hover {background-image:url("../images/sub/slide_prev_w.png");}
.detail-wrap .slick-next {right:-100px; background-image:url("../images/sub/slide_next.png");}
.detail-wrap .slick-next:hover {background-image:url("../images/sub/slide_next_w.png");}
.detail-wrap .slick-dots {position:absolute; bottom:80px; left:0; width:100%; text-align:center; z-index:50; line-height:0; opacity:.8;}
.detail-wrap .slick-dots li {display:inline-block; padding:0 5px;}
.detail-wrap .slick-dots li button {display:block; background:transparent; width:13px; height:13px; border:2px solid #fff; border-radius:50%; overflow:hidden; text-indent:-9999px; border-radius:8px;}
.detail-wrap .slick-dots li.slick-active button {background:#fff;}
.detail-wrap .img {position:relative; padding-bottom:62.5%; overflow:hidden;}
.detail-wrap .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;}

.detail-list h3 {font-size:35px; color:#242424; line-height:1.3em; margin-bottom:30px; font-weight:500; letter-spacing:-.03em; text-align:center;}
.detail-list .detail-lists ul {display:flex; width:100%; max-width:470px; margin:0 auto; margin-bottom:60px; justify-content:center;}
.detail-list .detail-lists ul li {position:relative; padding:0 25px; white-space:nowrap;}
.detail-list .detail-lists ul li:before {position:absolute; content:""; width:1px; height:10px; background:#ddd; top:50%; margin-top:-5px; right:0;}
.detail-list .detail-lists ul li:last-child:before {display:none;}

.produce .imgs img {min-height:964px;}
.produce ul {display:flex; flex-wrap:wrap; margin:0 -20px; margin-bottom:-140px;}
.produce ul li {position:relative; width:25%; text-align:center; margin-bottom:140px; padding:0 20px;}
.produce ul li:nth-child(5) {order:8;}
.produce ul li:nth-child(6) {order:7;}
.produce ul li:nth-child(7) {order:6;}
.produce ul li:nth-child(8) {order:5;}
.produce ul li:nth-child(8) .circle {border-color:#83b062;}
.produce ul li:nth-child(-n+4) .circle:before {rotate:180deg}
.produce ul li:nth-child(4) .circle:before {top:auto; bottom:-270px; right:70px; rotate:270deg;}
.produce ul li:nth-child(5) .circle:before {display:none;}
.produce ul li .circle:before {position:absolute; content:""; width:22px; height:37px; background:url('../images/sub/sub-prev.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-18.5px; right:-95px;}
.produce ul li .circle {position:relative; display:flex; flex-direction:column; align-items: center; justify-content: center; width:195px; height:195px; border:15px solid transparent; border-radius: 50%; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #475d6f 0%,  #919da7 100%); background-origin: border-box; background-clip: content-box, border-box; margin:0 auto;}
.produce ul li .circle .num {color:#838282; font-weight:500; letter-spacing:-.02em; margin-bottom:10px;}
.produce ul li .tit {position:relative; display:inline-block; font-size:18px; color:#242424; line-height:1.389em; font-weight:500; letter-spacing:0; padding:20px 0 10px; margin-bottom:15px;}
.produce ul li .tit:before {position:absolute; content:""; left:50%; margin-left:-26.5px; bottom:0; background:#b2b2b2; width:53px; height:2px;}
.produce ul li .txt {line-height:1.563em;}
.produce ul li .txt strong {color:#83b062; font-weight:500;}
.produce ul li .txt span {font-size:14px; line-height:1.786em; letter-spacing:-.03em;}

.inquirys-wrap {display:flex;}
.inquirys-wrap .lg-tit {font-weight:500; color:#adcc05; margin-top:30px; text-align:center;}
.inquirys-wrap .produce {width:50%; margin-right:60px;}
.inquirys-wrap .produce ul {margin:0 -50px; margin-bottom:-70px;}
.inquirys-wrap .produce ul li {width:50%; margin-bottom:70px; padding:0 50px;}
.inquirys-wrap .produce ul li .circle .num {color:#838282; font-weight:500; letter-spacing:-.02em; margin-bottom:0;}
.inquirys-wrap .produce ul li .circle .tits {color:#333; letter-spacing:-.03em; font-weight:500; line-height:1.375em;}
.inquirys-wrap .produce ul li:nth-child(2) .circle:before {bottom:-70px; top:auto; right:70px; rotate:-90deg;}
.inquirys-wrap .produce ul li:nth-child(3) {order:4}
.inquirys-wrap .produce ul li:nth-child(3) .circle:before {top:50%; right:auto; left:-110px; rotate:0deg;}
.inquirys-wrap .produce ul li:nth-child(4) {order:3}
.inquirys-wrap .produce ul li:nth-child(4) .circle:before {top:auto; bottom:-70px; right:70px; rotate:270deg;}
.inquirys-wrap .produce ul li:nth-child(5) {order:5;}
.inquirys-wrap .produce ul li:nth-child(5) .circle:before {display:block; rotate:180deg;}
.inquirys-wrap .produce ul li:nth-child(6) {order:6;}
.inquirys-wrap .produce ul li:nth-child(6) .circle:before {bottom:-70px; top:auto; right:70px; rotate:-90deg;}
.inquirys-wrap .produce ul li:nth-child(7) {order:8;}
.inquirys-wrap .produce ul li:nth-child(7) .circle:before {display:none;}
.inquirys-wrap .produce ul li:nth-child(8) {order:7;}

.btn-flex {position:relative; display:flex; justify-content:flex-end;}
.btn-flex:before {position:absolute; content:""; top:-15px; width:1px; height:60px; background:#ddd; right:90px;}
.btn-flex .prev {width:63px; height:39px; background-image:url("../images/sub/slides_prev.png"); padding-right:60px; background-repeat: no-repeat; background-size:contain;}
.btn-flex .prev:hover {background-image:url("../images/sub/slides_prev_w.png");}
.btn-flex .next {width:63px; height:39px; background-image:url("../images/sub/slides_next_w.png"); margin-left:60px; background-repeat: no-repeat; background-size:contain;}
.btn-flex .next:hover {background-image:url("../images/sub/slides_next.png");}


.root_daum_roughmap {width:100% !important; height:500px !important;}
.root_daum_roughmap .wrap_map {height:500px !important;}

.detail-wrap {width:100%; max-width:1720px; margin:0 auto;}