@charset "utf-8";

/* sub-common : s */
.title-box {text-align: center; margin-bottom: 80px;}
.title-box.type2 { text-align: center; margin-bottom: 40px;}
.title-box h3 {font-size: 20px; letter-spacing: -.03em; color: #454545; font-weight: 500; margin-bottom: 14px;}
.title-box p {font-size: 18px; letter-spacing: -.03em; color: #454545;}
.title-boxtype2 p {font-size: 16px;}
.bg-box .title-box {margin-bottom: 40px;}
.doc-tit {font-size:20px; font-weight:500; color:#242424; padding-left:29px; padding-bottom:17px; border-bottom:1px solid #ddd; background:url("../images/sub/sub_dot.png")top 5px left no-repeat; margin-bottom:19px; letter-spacing:-.03em;}
.doc-cnt{padding-left:29px; margin-bottom:55px; font-size:16px; color:#454545;}
.img-line-box {border:1px solid #ddd; padding:30px 5px; text-align:center; margin-bottom:12px; }
/*.img-box {text-align:center;}*/
span.color-orange {color:#ed8205;}

.table-box table{width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; letter-spacing:-.03em; text-align:center; }
.table-box th {font-size:16px; font-weight:500; color:#242424; background:#f0f0f0; border:1px solid #ddd; padding:15px 5px; letter-spacing:-.03em;}
.table-box td {font-size:16px; font-weight:400; color:#454545; border:1px solid #ddd; padding:15px 5px; letter-spacing:-.03em;}
.table-box th:first-child,
.table-box td:first-child {border-left:0;}
.table-box th:last-child,
.table-box td:last-child {border-right:0;}

/* sub-common : e */


/* 회사소개 */

.title-box .img-box {margin-top: 40px; }
.bg-box {padding: 50px 0; background:#f5f5f5; text-align: center; margin-bottom: 80px;}
.bg-box .tit {font-size: 20px; color: #7b9522; font-weight: 500; letter-spacing: -.03em; margin-bottom: 10px;}
.bg-box .txt {font-size: 18px; color: #454545; letter-spacing: -.03em; margin-bottom: 45px;}
.bg-box .round {}
.bg-box .round ul {display: flex; align-items:center; justify-content: center; color: #fff;}
.bg-box .round ul li {width: 25%; margin:0 25px; background:#9ba634; border-radius:100%; text-align: center; width: 212px; height: 212px; padding: 45px 0; text-align: center;}
.bg-box .round ul li:nth-child(odd) {background:#7b9022;}
.bg-box .round p {font-size: 18px; letter-spacing: -.03em; line-height: 1.8em; margin-top: 12px;}
.bg-box:last-child {margin-bottom: 0;}
.sell-com .title-box {margin-bottom: 40px;}
.sell-com .com-list {margin-bottom: 80px; }
.sell-com .com-list ul {display:flex; margin: 0 -15px;}
.sell-com .com-list ul li {width: 25%; margin: 0 15px; border: 1px solid #ddd; text-align: center;}
.sell-com .com-list ul li .img-box {height: 99px; padding: 22.5px 0;}
.sell-com .com-list ul li p {background:#f5f5f5;color: #454545;font-weight: 500;padding: 11px;}
.sell-com .com-list {}

.process .img-box {margin-top: 45px;}
.process-step {}
.process-step .step ul {display: flex;  justify-content: center;}
.process-step .step ul li {width: calc(33.3333% - 30px); }
.process-step .step dl {text-align: left; margin: 0 12px;}
.process-step .step dl dt {font-size: 18px; color: #597014; line-height: 1.3em; margin-bottom: 5px;}
.process-step .step dl dd {color: #454545; font-weight: 200; line-height: 1.8em; margin-bottom: 16px;}
.process-step .step .img-box {text-align: center;}
.process-step .bg-box {margin-bottom: 46px;}

.location-wrap .title-box {margin-bottom: 40px;}
.title-box p.tit {font-weight: 500;}

.location-map {width:100%; height:500px;}
.location-map .root_daum_roughmap {width:100% !important;}
.location-map .wrap_map {width:100% !important;}
.wrap_controllers {display:none;}
.root_daum_roughmap, .wrap_map {width:100% !important;height:100% }
.location-info {margin-bottom: 43px;}
.location-info ul {display: flex; justify-content:center;}
.location-info ul li { padding-left: 65px;margin:0 55px; height: 55px;  line-height: 1.5em;}
.location-info ul li.num {background:url("../images/sub/location_icon01.png")left center no-repeat;}
.location-info ul li.email {background:url("../images/sub/location_icon02.png")left center no-repeat;}
.location-info ul li.locat {background:url("../images/sub/location_icon03.png")left center no-repeat;}
.location-info ul li span {display: block; padding-top: 13px;}


/*다기능 그늘막*/
.cadal {display: block; width: 215px; height: 40px; padding: 5px 0 0 60px; font-weight: 500px; color: #fff; letter-spacing: -.03em; background-color:#9faa34; background-image:url("../images/common/file_down.png"); background-position: left 20px center; background-repeat: no-repeat;  border-radius:20px; margin-bottom: 30px;}
.multi-list {display: flex; margin: 0 -15px; margin-top: 43px; }
.multi-list .product {width: 50%; margin: 0 15px;}
.multi-list .product dl {text-align: center; margin-bottom: 15px;}
.multi-list .product dt {font-size: 18px; font-weight: 500; color: #454545; letter-spacing: -.03em; line-height: 1.5em; margin-bottom: 3px;}
.multi-list .product dd {color: #454545; }
.multi-list .product .img-box	 {margin-bottom: 20px; }
.multi-list .detail-box {display: flex;}
.multi-list .detail-box .cnt-txt {background:#f5f5f5; padding: 30px; width: 375px; height: 206px;}
.multi-list .detail-box .cnt-txt ul {}
.multi-list .detail-box .cnt-txt ul li {display: flex; margin-bottom:12px; line-height: 1.5em;}
.multi-list .detail-box .cnt-txt ul li .tit {margin-right: 20px; letter-spacing: -.03em; font-weight: 500; color: #454545;}
.multi-list .detail-box .cnt-txt ul li .txt {letter-spacing: -.03em; color: #454545; }
.multi-list .detail-box a {display: block; background:#454545; width: 160px; height: 100%; color: #fff; font-weight: 500; text-align: center; padding: 100px 0 62px ; background-image:url("../images/common/down_icon.png"); background-position: top 70px center; background-repeat: no-repeat; line-height: 1.4em;}
.multi-list .detail-box  {}
.notice {color: #ff0000; letter-spacing: -.03em; margin-top: 15px; margin-bottom: 76px;}

.product-color {text-align: center;}
.product-color > .tit {position: relative; font-size: 26px; font-weight: 500px; color: #242424; letter-spacing:-.03em; line-height: 1em; padding-bottom: 28px; margin-bottom: 20px;}
.product-color .tit:after {content: ''; position: absolute; width: 50px; height: 3px; background: #7b9522;	bottom:0; left:50%; margin-left: -25px;}
.product-color p {color: #454545; margin-bottom: 27px;} 
.product-color .color-list ul {display: flex; flex-wrap:wrap; margin: 0 -15px;}
.product-color .color-list ul li {text-align: center; margin: 0 15px 15px;}
.product-color .color-list ul li .tit {color: #454545; margin-top: 7px;}