@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01-01 CEO 인사말 */
.greeting .wrap {display:flex; margin-bottom:30px;}
.greeting .wrap .img-box {width:38%;}
.greeting .wrap .txt {width:62%;}
.greeting .wrap .txt h3 {font-size:20px; line-height:1.4em; font-weight:500; color:#242424; margin-bottom:20px;}
.greeting .wrap .txt p {line-height:1.75em; color:#454545; margin-bottom:20px;}
.greeting .wrap .txt p:last-child {font-size:17px; font-weight:500;}
.greeting .box {padding:70px 0; border-radius:10px; background-image:url('../images/sub/greeting02.jpg'); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.greeting .box ul {display:flex; margin-left:-60px; justify-content:center;}
.greeting .box ul li {font-size:20px; line-height:1.4em; color:#fff; font-weight:500; width:260px; height:260px; line-height:260px; text-align:center; border-radius:50%; background:rgba(10,1,133,0.89); margin-left:60px;}
/* sub01-02 회사연혁 */
.history .tit {text-align:center; margin-bottom:40px;}
.history .tit h3 {font-size:32px; line-height:1.2em; color:#242424;}
.history .tit h3 strong {font-weight:900; font-family:'Roboto';}
.history .tit h3 span {font-weight:500; font-family:'Roboto';}
.history .tit p {font-size:62px; line-height:1.2em; color:#f0f3f6; letter-spacing:-.03em; font-weight:700; font-family:'Roboto';}
.history .box {display:flex;}
.history .box .year {width:46%; font-size:25px; line-height:1.1em;  position:relative; padding-right:50px; text-align:right;}
.history .box .year:before {content:''; width:18px; height:18px; border:5px solid #0a0185; background:#fff; position:absolute; top:5px; right:-9px; border-radius:50%; z-index:1;}
.history .box .year:after {content:''; width:1px; height:100%; background:#ddd; position:absolute; top:5px; right:-1px;}
.history .box .txt {width:54%; font-size:16px; line-height:1.7em; display:flex; padding-left:48px; padding-bottom:50px; position:relative; color:#454545;}
.history .box .txt span { width:30px; font-family:'Roboto'; font-weight:500;}
.history .box .txt ul {width:calc(100% - 30px);}
.history .box:last-child .year:after {display:none;}
/* doc-common */
.doc-tit {font-size:20px; padding-left:28px; line-height:1.5em; font-weight:500; color:#242424; border-bottom:1px solid #ddd; padding-bottom:12px; position:relative;}
.doc-tit:before {content:''; width:20px; height:20px; top:5px; left:0; background-image:url('../images/bbs/doc-tit.png'); background-repeat:no-repeat; background-size:cover; position:absolute;}
.doc-cnt {padding-left:28px; margin-top:15px; margin-bottom:45px;}
.doc-cnt p {line-height:1.8em; color:#454545; margin-bottom:26px;}
/* sub01-04 인증 및 기술보유 */
.making ul {display:flex; flex-wrap:wrap; margin-left:-32px; margin-bottom:-30px;}
.making ul li {width:calc(33.33333% - 32px); margin-left:32px; margin-bottom:30px;}
.plan ul {display:flex; margin-left:-29px;}
.plan ul li {margin-left:29px; display: inline-block;}
.building ul {display:flex;}
.building ul li {width:50%; text-align:center;}
.building ul li .img-box {margin-bottom:16px;}
.building ul li p {line-height:1.8em; color:#242424; font-weight:500;}
/* sub01-05 공장 전경 오시는 길 */
.directions .wrap {display:flex; margin-left:-30px; margin-bottom:50px}
.directions .wrap>div {width:50%; padding-left:30px;}
.directions .box li .pic {position:relative; height:400px; padding-bottom:68.377%; overflow:hidden;}
.directions .box li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.directions .root_daum_roughmap {width:100% !important; height:400px !important;}
.directions .root_daum_roughmap .wrap_map {height:400px !important;}
.directions .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.directions .roughmap_lebel_text:after {content:"(주)금성"; font-size:12px; line-height:15px;}
.directions .slick-arrow {font-size:0; border:0; width:30px; height:50px; background-color:rgba(0,0,0,0.6); position:absolute; top:50%; transform:translateY(-50%); background-repeat:no-repeat; background-position:center center; background-size:40%; z-index:11;}
.directions .slick-prev {background-image:url('../images/bbs/slider_prev.png'); left:0;}
.directions .slick-next {background-image:url('../images/bbs/slider_next.png'); right:0;}
.directions .address li {display:flex; border-top:1px solid #ddd; padding:0 20px; line-height:59px;}
.directions .address li:last-child {border-bottom:1px solid #ddd;}
.directions .address li span {width:110px; font-weight:500; color:#242424;}
.directions .address li p {width:calc(100% - 110px); color:#454545;}
/* sub02-01 보강토블록 */
.public-reinforced .introduction ul {display:flex; margin-left:-30px; margin-bottom:26px;}
.public-reinforced .introduction ul li {width:50%; margin-left:30px;}
.public-reinforced .compose .img-box {margin-bottom:46px;}
.public-reinforced .doc-cnt h3 {font-size:18px; font-weight:500; color:#242424; line-height:1.6em;}
.public-reinforced .order ol {display:flex; flex-wrap:wrap; margin-left:-10px; margin-bottom:-50px;}
.public-reinforced .order ol li {width:calc(25% - 10px); margin-left:10px; text-align:center; margin-bottom:50px;}
.public-reinforced .order ol li .img-box {margin-bottom:8px;}
.public-reinforced .order ol li p {color:#454545; margin-bottom:0;}
/* sub02-02 식생대형블록 */
.public-vegetation .order ol {display:flex; flex-wrap:wrap; margin-left:-10px; margin-bottom:-50px;}
.public-vegetation .order ol li {width:calc(25% - 10px); margin-left:10px; text-align:center; margin-bottom:50px;}
.public-vegetation .order ol li .img-box {margin-bottom:8px;}
.public-vegetation .order ol li p {color:#454545; margin-bottom:0;}
/* sub03-01,sub03-02 보강토블록 식생대형블록 스플릿 */
.split table {width:100%; border-spacing:0; border-collapse:collapse; border-top:2px solid #242424; text-align:center; margin-bottom:50px;}
.split table th,
.split table td {line-height:48px; border:1px solid #ddd;}
.split table th:first-child {border-left:0;}
.split table td:last-child,
.split table th:last-child {border-right:0;}
.split table th {background:#f8f8f8; font-weight:500; color:#242424;}
.split table td {color:#454545;}
.split ul {display:flex; flex-wrap:wrap; margin-left:-10px; margin-bottom:-50px;}
.split ul li {width:calc(25% - 10px); margin-left:10px; text-align:center; margin-bottom:50px;}
.split ul li .img-box {margin-bottom:8px;}
.split ul li p {color:#454545; margin-bottom:0;}
/* sub04-detail */
.detail .tit {font-size:24px; margin-bottom:26px; font-weight:500; line-height:1.25em; color:#242c41;}
.detail .wrap {border-bottom:1px solid #ddd; margin-bottom:50px; padding-bottom:51px;}
.detail .origin {margin-bottom:50px;}
/*슬라이드간 간격*/
.detail .thumbs .slider {margin-left:-4px;}
.detail .thumbs .item {margin-left:4px;}
/*화살표*/
.detail .thumbs .slick-slider {padding:0 38px;}
.detail .slick-arrow {width:15px; height:25px; top:50%; margin-top:-13px; background-color:transparent; background-repeat:no-repeat; background-size:cover; z-index:11; position:absolute; border:0; font-size:0;}
.detail .slick-arrow.slick-prev {background-image:url("../images/bbs/detail_arrow_prev.png"); left:4px;}
.detail .slick-arrow.slick-next {background-image:url("../images/bbs/detail_arrow_next.png"); right:0;}
/*리사이징*/
.detail .origin .pic {position:relative; height:0; padding-bottom:58.334%; overflow:hidden;}
.detail .thumbs .pic {position:relative; height:0; padding-bottom:64.75%; overflow:hidden;}
.detail .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
/*슬라이드액티브*/
.detail .thumbs .pic:after {content:''; width:100%; height:100%; position:absolute; top:0; left:0; border:1px solid #ddd;}
.detail .thumbs .slick-current .pic:after {border:2px solid #0a0185;}
/*목록*/
.detail .list {text-align:center;}
.detail .list a {font-size:18px; line-height:50px; padding:0 50px; color:#fff; background:#0a0185; display:inline-block;}