@charset "utf-8";


/* Common */
.pcView{display:block;}
.overlay{background:#000;opacity:0.6;position:fixed;z-index:121;width:100%;height:100%;display:none;top:0;left:0}
.grayFull{position:relative;}
.grayFull:before{width:100vw;height:100%;position:absolute;left:50%;top:0;transform:translateX(-50%);background:#f4f4f4;content:'';z-index:-1;}

.contBox:nth-of-type(n+2){margin-top:76px;}

.flexCont{display:flex;}
.flexWrap{flex-wrap:wrap;}


/* Width */
.wid_8{width:8%;} 
.wid_14{width:14%;} 
.wid_21{width:21%;}
.wid_100{width:100% !important;}

/* Title */
.contTitle{font-size:2.8rem;font-weight:700;color:#333;letter-spacing:-0.05em;margin-bottom:20px;}
.lineTitle{}
.lineTitle:before{width:30px;height:3px;background:#008228;content:'';display:inline-block;margin:0 20px 3px 0;vertical-align:middle;}

/*Category*/
.subTopCategory ul{display:flex;justify-content:center;margin-bottom:62px;}
.subTopCategory ul li{width:20.139%;word-break:keep-all;margin:0 5px;text-align:center;}
.subTopCategory ul li a{width:100%;height:60px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;background:#fff;font-size:1.8rem;}
.subTopCategory ul li a.active{border-color:#008228;background:#008228;color:#fff;}
.subTopCategory ul li a#bo_cate_on{border-color: #008228;background: #008228;color: #fff;}



/* Color */


/* Btn */
.btnDesign{width:140px;height:60px;line-height:60px;text-align:center;display:block;}
.btnDesign.btnRegistration{background:#000;color:#fff;}
.btnDesign.btnDel{line-height:58px;background:#fff;color:#333;border:1px solid #ccc;margin-left:10px;}

/* Sub Common */
.basicText{line-height:1.624;letter-spacing:-0.05em;word-break:keep-all;}

/* Tab */
.tabDesign{padding-bottom:19px}
.tabDesign ul{display:flex;justify-content:center;}
.tabDesign ul li{background:url(/img/common/tab_line.gif) no-repeat right center;margin:0 5px;padding-right:8px}
.tabDesign ul li:last-child{background:0}
.tabDesign ul li a{font-size:18px;padding:2px 10px 4px 8px;display:inline-block;letter-spacing:-0.04em}
.tabDesign ul li a:hover, .tabDesign ul li.selected a{background:#ccceef;border-radius:3px;text-shadow: 0 0 0 #333, 0 0 0 #333;padding:2px 10px 4px 8px}


/* Vertical Table */
.verticalTable table{width:100%;border-top:1px solid #3a3a3a;table-layout:fixed;}
.verticalTable table th{text-align:center;background:#f4f4f4;padding:15px 5px 18px;border-bottom:1px solid #ddd;font-size:1.8rem;color:#3a3a3a;font-weight:700;letter-spacing:-0.03em;}
.verticalTable table td{padding:16px 5px;font-size:1.6rem;color:#666;border-bottom:1px solid #d2d2d2;word-break:break-all;text-align:center;line-height:1.667;letter-spacing:-0.03em;}
.verticalTable table tr:first-child th, .verticalTable  table tr:first-child td{border-top:0;}
.verticalTable table tr:last-child th, .verticalTable table tr:last-child td{border-bottom:1px solid #000;}

/* Horisontal Table */
.horizontalTable table{width:100%;border-top:1px solid #000;table-layout:fixed;}
.horizontalTable table th{background:#f4f4f4;padding:18px 30px 20px;border-top:1px solid #d9d9d9;font-size:1.8rem;font-weight:500;color:#333;word-break:break-all;line-height:1.2;letter-spacing:-0.05em;text-align:left;}
.horizontalTable table td{padding:18px 27px 20px;font-size:1.6rem;color:#666;border-top:1px solid #d9d9d9;line-height:1.2;letter-spacing:-0.05em;}
.horizontalTable table tr:first-child th, .horizontalTable table tr:first-child td{border-top:0;}
.horizontalTable table tr:last-child th, .horizontalTable table tr:last-child td{border-bottom:1px solid #000;}


/* 회사소개 > 회사개요 */ 
.summaryTop{text-align:center;padding-bottom:135px;}
.summaryTop dl dt{font-size:3.2rem;line-height:1.4376;margin:57px 0 28px;letter-spacing:-0.05em;color:#333;}
.summaryOrganization{padding:127px 0 140px;text-align:center;}
#subCon .summaryOrganization .pageTitle{padding-bottom:24px;}
.summaryOrganization .imgBox{margin-top:65px;}


/* 회사소개 > 회사연혁 */
.historyBox{position:relative;}
.historyBox:before{width:1px;height:calc(100% - 7px);background:#ccc;position:absolute;left:50%;top:7px;content:'';}
.historyBox .historyCont{margin-bottom:33px;position:relative;}
.historyBox .historyCont:after{clear:both;display:block;content:'';}
.historyBox .historyCont:last-of-type{margin-bottom:0;}
.historyBox .historyCont:nth-child(n+2) dl dt{padding-top:38px;}
.historyBox .historyCont:nth-child(n+2) dl dt:before{top:45px;}
.historyBox .historyCont:nth-child(n+2) dl dt:after{top:55px;}
.historyBox .historyCont dl dt{font-size:5rem;font-weight:700;color:#333;line-height:1;margin:-7px 0 33px;}
.historyBox .historyCont dl dt:before,
.historyBox .historyCont dl dt:after{position:absolute;left:50%;transform:translateX(-50%);content:'';border-radius:50%;}
.historyBox .historyCont dl dt:before{width:28px;height:28px;background:#fff;border:1px solid #82c196;top:7px;z-index:2;}
.historyBox .historyCont dl dt:after{width:8px;height:8px;background:#008228;top:17px;z-index:3;}
.historyBox .historyCont dl dd ol li{line-height:1.3;position:relative;padding-left:16px;margin-bottom:17px;font-size:1.8rem;display:flex;}
.historyBox .historyCont dl dd ol li:last-child{margin-bottom:0;}
.historyBox .historyCont dl dd ol li:before{width:5px;height:5px;background:#008228;position:absolute;left:1px;top:11px;content:'';}
.historyBox .historyCont dl dd ol li strong{flex-shrink:0;margin-right:5px;color:#333;}
.historyBox .historyCont dl.historyLeft dd ol li{padding:0 16px 0 0;}
.historyBox .historyCont dl.historyLeft dd ol li:before{left:auto;right:1px;}
.historyBox .historyCont dl.historyLeft dd ol li{justify-content:flex-end;}
.historyBox .historyCont dl.historyLeft dd ol li strong{order:1;margin-left:5px;margin-right:0;}
.historyBox .historyCont dl.historyLeft dd ol li p{order:0;}
.historyBox .historyCont .historyLeft{float:left;width:50%;text-align:right;padding-right:72px;}
.historyBox .historyCont .historyRight{float:right;width:50%;padding-left:72px;}

.historyTab{margin:0 auto 124px;max-width:1440px;}
.historyTab ol{display:flex;}
.historyTab ol li{flex:1;font-size:24px;font-weight:700;color:#a9a9a9;letter-spacing:-0.05em;padding-bottom:25px;border-bottom:1px solid #d9d9d9;text-align:center;position:relative; }
.historyTab ol li.active{border-color:#008228;color:#008228;}
.historyTab ol li.active:after{width:8px;height:8px;background:#008228;display:block;bottom:-5px;border-color:#008228}
.historyTab ol li.active:before{display:block;}
.historyTab ol li:before,
.historyTab ol li:after{position:absolute;left:50%;transform:translateX(-50%);content:'';border-radius:50%;}
.historyTab ol li:before{width:24px;height:24px;background:#fff;border:1px solid #82c196;bottom:-12px;z-index:2;display:none;}
.historyTab ol li:after{width:12px;height:12px;background:#fff;bottom:-6px;z-index:3;border:1px solid #5d5d5d;}

/* 회사소개 > 보유기술 현황 */
.statusPatentList{display:flex;flex-wrap:wrap;}
.statusPatentList li{width:23.612%;margin-right:1.85%;}
.statusPatentList li:nth-child(4n){margin-right:0;}
.statusPatentList li:nth-child(n+5){margin-top:65px;}
.statusPatentList li .imgGray{padding:50px 15%;background:#f6f6f6;position:relative;text-align:center;}
.statusPatentList li .imgGray .detailImg{position:absolute;right:0;bottom:0;cursor:pointer;}
.statusPatentList li .txtBox{margin-top:23px;letter-spacing:-0.05em;}
.statusPatentList li .txtBox p{font-size:1.8rem;color:#333;line-height:1.667;letter-spacing:-0.05em;margin-top:2px;}


.detailPop {position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1003;display:none;}
.detailPop .certification_close{position:absolute;top:0;right:-108px;cursor:pointer;}

/* 회사소개 >  오시는길 */

.location .contBox:nth-of-type(1){padding-top:33px;border-top:1px solid #ccc;}
.location .contBox:nth-of-type(n+2){margin-top:130px;padding-top:35px;border-top:1px solid #ccc;}
.location .flexCont{align-items:center;margin-bottom:35px;}
.location .flexCont .contTitle{width:340px;flex-shrink:0;margin-bottom:0;margin-top:-2px;}
.location .flexCont .locationInfo{width:100%;}
.location .flexCont .locationInfo ul{display:flex;flex-wrap:wrap;letter-spacing:-0.05em;}
.location .flexCont .locationInfo ul li:nth-child(1){width:100%;}
.location .flexCont .locationInfo ul li:nth-child(2){margin-right:62px;}
.location .flexCont .locationInfo ul li:nth-child(n+2){margin-top:12px;}
.location .flexCont .locationInfo span{width:74px;height:34px;line-height:32px;display:inline-block;border:1px solid #7fc093;color:#008228;letter-spacing:-0.05em;margin-right:15px;text-align:center;}
.location .root_daum_roughmap .wrap_controllers{display:none;}
.location  .root_daum_roughmap_landing .border2{display:block;}

/* 제품소개 */
.productList{display:flex;flex-wrap:wrap;}
.productList > li{width:460px;margin-right:30px;letter-spacing:-0.05em;padding-bottom:75px;border-bottom:1px solid #d9d9d9;word-break:keep-all;}
.productList > li:hover{border-color:#008228;}
.productList > li:hover dl dt{color:#008228;}
.productList > li:nth-child(3n){margin-right:0;}
.productList > li:nth-child(n+4){margin-top:80px}
.productList > li dl dt{font-size:2.6rem;font-weight:700;color:#333;margin:25px 0 19px;line-height:1.2;}
.productList > li dl dt span{font-size:1.6rem;font-weight:400;}
.productList > li dl dd{line-height:1.624;height:4.872em;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.productList > li dl dd ul li{letter-spacing:-0.06em;}

.bridge .contBox:nth-of-type(n+2){margin-top:111px;}


.contBox.test {display:flex;}
.contBox.test .aside{width:19.445%;min-width:200px;height: 540px;background:red;margin-right:4.167%;}
.contBox.test .productList > li {width:535px;}



/* 납품실적 */
.per .verticalTable table th{position:relative;}
.per .verticalTable table th:after{width:1px;height:20px;background:#c3c3c3;position:absolute;right:0;top:50%;transform:translateY(-50%);content:'';}
.per .verticalTable table th:last-child:after{display:none;}




/* 카다로그 */

.cadalogWrap{width:calc(100% + 480px);height:730px;left:-240px;position:relative;background:url('/img/cadalog/cadalog_bg.jpg')no-repeat center / cover;padding:155px 240px 185px;}
/*.cadalogWrap{width:100vw;height:730px;position:relative;left:50%;transform:translateX(-50%);background:url('/img/cadalog/cadalog_bg.jpg')no-repeat center / cover;}*/
.cadalogWrap .inner{max-width:1440px;margin:0 auto;}
.cadalogWrap .downWrap{display:flex;}
.cadalogWrap .downBox{width: 52.084%;margin-right:6.25%;}
.cadalogWrap .downBox .info{letter-spacing:-0.03em;color:#333;border-bottom:1px solid #000;padding-bottom:26px;}
.cadalogWrap .downBox .info > span{font-size:1.8rem;font-weight:700;color:#008228;}
.cadalogWrap .downBox .info > h4{font-size:5rem;font-weight:700;}
.cadalogWrap .downBox .info > p{font-size:1.8rem;font-weight:400;margin-top:25px;}
.cadalogWrap .downBox .info > ul{display:flex;margin-top:63px;}
.cadalogWrap .downBox .info > ul li {margin-right:5.334%;}
.cadalogWrap .downBox .info > ul li:nth-child(n+2){margin-right:0;}
.cadalogWrap .downBox .info > ul li a{font-size:2.2rem;font-weight:400;display:flex;word-break:keep-all;}
.cadalogWrap .downBox .info > ul li a:before{width:35px;height:35px;display:inline-block;margin-right:8px;content:'';}
.cadalogWrap .downBox .info > ul li:first-child a:before{background:url('/img/cadalog/cadalog_icon01.png')no-repeat left center / cover;}
.cadalogWrap .downBox .info > ul li:nth-child(2) a:before{background:url('/img/cadalog/cadalog_icon02.png')no-repeat left center / cover;}
.cadalogWrap .downBox .downLink{display:inline-block;margin-top:40px;}
.cadalogWrap .downBox .pdf_download_btn{width:200px;height:60px;font-size:1.8rem;font-weight:700;color:#fff;background:#008228;border-radius:30px;display:flex;justify-content:center;align-items:center;line-height:1.7777777;}
.cadalogWrap .imgBox{margin-top:-23px;}


/* 고객지원 > 견적의뢰*/
.questionTop{height:200px;display:flex;align-items:center;background:#edeff2 url(/img/customer/question_top.jpg)no-repeat right top;letter-spacing:-0.05em;padding:0 491px 0 60px;word-break:keep-all;}
.questionTop div > span{font-weight:300;font-size:2.6rem;line-height:32px;color:#333;margin-bottom:5px;display:block;}
.questionFormBox{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:55px;}
.questionFormBox > li{width:calc(50% - 20px);letter-spacing:-0.05em;}
.questionFormBox > li:nth-child(n+3){margin-top:40px;} 
.questionFormBox > li dl dt{font-size:2rem;font-weight:700;color:#333;margin-bottom:10px;}
.questionFormBox > li input[type="text"], .questionFormBox li input[type="tel"], .questionFormBox li select{width:100%;height:60px;line-height:58px;border:1px solid #ccc;padding-left:5px;}
.questionFormBox > li.questionEmail dl dd{display:flex;align-items:center;}
.questionFormBox > li.questionEmail dl dd input{width:36%;}
.questionFormBox > li.questionEmail dl dd span{width:5%;display:inline-block;text-align:center;}
.questionFormBox > li.questionEmail dl dd select{width:calc(23% - 10px);margin-right:10px;padding-right:25px;}
.questionFormBox > li.wid100{width:100%;}
.questionFormBox > li.questionType dd ul{display:flex;margin-top:22px;}
.questionFormBox > li.questionType dd ul li{margin-right:70px;font-size:1.8rem;}
.questionFormBox > li.questionType dd ul li input{width:24px;height:24px;margin-right:9px;cursor:pointer;}
.questionFormBox > li.questionType dd ul li:last-child{margin-right:0;}
.questionFormBox > li textarea{width:100%;height:200px;border:1px solid #ccc;padding:30px 20px;}
.question_cont .btnBox{margin-top:80px;text-align:center;}
.question_cont .btnBox .btnQuestion{width:440px;height:80px;line-height:80px;font-weight:500;font-size:2rem;letter-spacing:-0.05em;background:#008228;border:0;color:#fff;}

.questionFormBox > li.questionFile dl dd{display:flex;justify-content:space-between;}
.questionFormBox > li .file_input_div{display:flex;}
.questionFormBox > li .file_input_div .btnRegistrationBox{position:relative;}




@media all and (max-width:1500px) {

/* 제품소개 */
.productList > li{width:32%;margin-right:2%;}

}


@media all and (max-width:1279px) {
/* Sub Common */
.brNone{display:none}

/* 회사소개 > 회사개요 */ 
.summaryTop .imgBox img{width:64%;}

/* 회사소개 >  오시는길 */
.location .flexCont .contTitle{width:23.612%;min-width:240px;}


/* 카다로그 */
.cadalogWrap{height:auto;}
.cadalogWrap .downBox .info > ul{flex-wrap:wrap;}
.cadalogWrap .downBox .info > ul li{width:100%;margin-right:0;}
.cadalogWrap .downBox .info > ul li:nth-child(n+2){margin-top:15px;}
.cadalogWrap .downBox .info > ul li a:before{width:30px;min-width:30px;height:30px;min-height:30px;}
.cadalogWrap .imgBox{margin-top:50px;}


/* 고객지원 > 견적의뢰*/
.questionTop{padding:0 34% 0 4.5%;}
.questionTop{background-size:40% 100%;}
}

@media all and (max-width:979px) {

/* Sub Common */
.subTopCategory ul li a{height:50px;}

/* 카다로그 */
.cadalogWrap .downWrap{flex-wrap:wrap;}
.cadalogWrap .downBox{width:100%;margin-right:0;}

}

@media all and (max-width:767px) {
/* Common */
.pcView{display:none;}
.contBox:nth-of-type(n+2){margin-top:38px;}


/* Title */
.contTitle{margin-bottom:10px;}
.lineTitle:before{width:20px;height:2px;margin-right:10px;}

/*Category*/
.subTopCategory ul{margin-bottom:31px;flex-wrap:wrap;}
.subTopCategory ul li {width:30.333%;margin:0 2px;}
.subTopCategory ul li:nth-child(n+5){margin-top:2px;}
.subTopCategory ul li a{height:50px;font-size:2rem;line-height:1.2;}

/* Btn */
.btnDesign{width:80px;height:45px;line-height:45px;}
.btnDesign.btnDel{line-height:43px;margin-left:5px;}

/* Sub Common */

/* Tab */
.tabDesign{padding-bottom:10px}
.tabDesign ul li{margin:0 3px;padding-right:4px}
.tabDesign ul li a{font-size:16px;padding:0 5px 3px 4px;}
.tabDesign ul li.selected a{background:#ccceef;border-radius:3px}

/* Vertical Table */
.verticalTable table th{padding:15px 5px 13px;}
.verticalTable table td{padding:14px 5px 11px;}

/* Horisontal Table */

.horizontalTable table th{padding:13px 15px 15px;}
.horizontalTable table td{padding:13px 15px 15px;}

/* 회사소개 > 회사개요 */ 
.summaryTop{padding-bottom:67.5px;}
.summaryTop .imgBox img{width:100%;}
.summaryTop dl dt{margin:28.5px 0 14px;}
.summaryOrganization{padding:63.5px 0 70px;}
#subCon .summaryOrganization .pageTitle{padding-bottom:20px;}
.summaryOrganization .imgBox{margin-top:37.5px;}

/* 회사소개 > 회사연혁 */
.historyBox .historyCont .imgBox{display:none;}
.historyBox:before{display:none;}
.historyBox .historyCont{margin-bottom:10px !important;}
.historyBox .historyCont dl dt{margin:0 0 15px;font-size:4.5rem;}
.historyBox .historyCont dl dd ol li{margin-bottom:8px;padding-left:10px;}
.historyBox .historyCont dl dd ol li:before{width:3px;height:3px;top:9px;}
.historyBox .historyCont dl dt:before,
.historyBox .historyCont dl dt:after{display:none;}
.historyBox .historyCont dl{width:100% !important;float:none !important;text-align:left !important;}
.historyBox .historyCont .historyRight{padding-left:0;}
.historyBox .historyCont dl.historyLeft dd ol li{padding:0 0 0 10px;justify-content:flex-start;}
.historyBox .historyCont dl.historyLeft dd ol li:before{right:auto;left:1px;}
.historyBox .historyCont dl.historyLeft dd ol li strong{order:0;margin:0 5px 0 0}
.historyBox .historyCont dl.historyLeft dd ol li p{order:1;}

.historyTab{margin-bottom:62px;}
.historyTab ol li{font-size:18px;padding-bottom:15px;}
.historyTab ol li.active:after{width:6px;height:6px;bottom:-4px;}
.historyTab ol li:before{width:18px;height:18px;bottom:-10px;}
.historyTab ol li:after{width:10px;height:10px;bottom:-5px;}

/* 회사소개 > 보유기술 현황 */
.statusPatentList li{width:48%;margin-right:2% !important;}
.statusPatentList li:nth-child(2n){margin-right:0 !important;}
.statusPatentList li:nth-child(n+3){margin-top:32.5px;}
.statusPatentList li .txtBox{margin-top:11.5px;}
.statusPatentList li .imgGray{padding:25px 15%;}
.detailPop .certification_close{right:-70px;}
.detailPop .certification_close img{width:50px;}

/* 회사소개 >  오시는길 */
.location .contBox:nth-of-type(n+2){margin-top:65px;padding-top:17.5px;}
.location .flexCont{display:block;margin-bottom:17.5px;}
.location .flexCont .locationInfo{margin-top:20px;}
.location .flexCont .locationInfo span{width:65px;height:30px;line-height:26px;margin-right:7.5px;}
.location .flexCont .locationInfo ul li:nth-child(2){margin-right:31px;}
.location .root_daum_roughmap .wrap_map{height:300px !important;}

/* 제품소개 */
.productList > li{width:49%;padding-bottom:37.5px;margin-right:2% !important;}
.productList > li:nth-child(2n){margin-right:0 !important;}
.productList > li:nth-child(n+3){margin-top:40px}
.productList > li dl dt{margin:11px 0 9.5px;}
.bridge .contBox:nth-of-type(n+2){margin-top:55.5px;}

/* 카다로그 */

.cadalogWrap{padding:120px 240px 145px;}
.cadalogWrap .downBox .info{padding-bottom:13px;}
.cadalogWrap .downBox .info > p{margin-top:13px;}
.cadalogWrap .downBox .info > ul{margin-top:32px;}
.cadalogWrap .downBox .info > ul li:nth-child(n+2) {margin-top:10px;}
.cadalogWrap .downBox .info > ul li a:before{width:25px;height:25px;min-width:unset;min-height:unset;}
.cadalogWrap .downBox .downLink{margin-top: 20px;}
.cadalogWrap .downBox .pdf_download_btn{width: 160px;height: 40px;}
.cadalogWrap .imgBox{margin-top:30px;}


/* 고객지원 > 견적의뢰*/
.questionTop{height:auto;padding:20px; background:#edeff2;}

.questionFormBox{margin-top:27.5px;}
.questionFormBox > li{width:calc(50% - 10px);}
.questionFormBox > li:nth-child(n+3){margin-top:20px;}
.questionFormBox > li input[type="text"], .questionFormBox li input[type="tel"], .questionFormBox li select{height:45px;line-height:43px;}
.questionFormBox > li.questionEmail{width:100% !important;}
.questionFormBox > li.questionType dd ul{margin-top:11px;}
.questionFormBox > li.questionType dd ul li{margin-right:35px;}
.questionFormBox > li.questionType dd ul li input{width:18px;height:18px;}
.questionFormBox > li textarea{height:160px;padding:15px;}


.question_cont .btnBox .btnQuestion{width:300px;height:60px;line-height:60px;}
.questionFormBox > li.questionEmail dl dd input:last-child{width:33%; }
.questionFormBox > li.questionEmail dl dd select{width:calc(26% - 5px);}

}

@media all and (max-width:501px) {
.summaryTop dl dt{font-size:2.6rem;}

/*Category*/
.subTopCategory ul li a{height:45px;font-size:1.8rem;}

/* 회사소개 > 회사연혁 */
.historyTab ol li{font-size:14px;}

/* 회사소개 > 보유기술 현황 */
.detailPop .certification_close{right:-60px;}
.detailPop .certification_close img{width:40px;}

/* 납품실적 */
.per .verticalTable .wid_14{width:60px;}

/* 카다로그 */
.cadalogWrap {padding: 90px 240px 115px;}
.cadalogWrap .downBox .info > ul li a{display:inline-block;}
.cadalogWrap .downBox .info > ul li a:before{vertical-align: -6px;}
}