@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.common_page{font-size:15px;line-height:1.8;letter-spacing:-.3px;color:#666;font-family:'notokr-regular'}
.common_page .pl{white-space:pre-line}
.common_page .eng_tit{font-size:13px;text-align:center;font-weight:600;letter-spacing:.3px;color:#f48c05;font-family:'Poppins', sans-serif}
.common_page .cont_wrap{margin-top:33px;padding:170px 50px 0}
.common_page .cont_box{padding:60px 40px 0;background:#fff}
.common_page .tit_box{position:relative;margin:60px 0;text-align:center}
.common_page .tit_box:before{position:absolute;left:0;top:16px;content:'';width:100%;height:1px;border-top:1px dotted #e1e1e1}
.common_page .tit_box .tit_txt{display:inline-block;position:relative;padding:3px 20px;border-radius:50px;color:#fff;background:#f48c05;font-family:'notokr-medium'}
.common_page table{width:100%;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;border-spacing:0;text-align:center}
.common_page table tr th{padding:10px 0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;font-weight:normal;color:#444;background:#f5f5f5;font-family:'notokr-medium'}
.common_page table tr td{padding:10px 0;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
.common_page .img_list{overflow:hidden}
.common_page .img_list li{float:left;position:relative;width:calc(100%/3 - 10px);margin:0 15px 15px 0}
.common_page .img_list li:nth-child(3n){margin-right:0}
.common_page .img_list li img{width:100%}
.common_page .img_list li .img_tit{position:absolute;left:0;bottom:0;width:100%;height:40px;text-align:center;line-height:40px;color:#fff;background:rgba(000,000,000,.5);font-family:'notokr-medium'}
.common_page .img_list.w_50 li{width:calc(100%/2 - 7.5px)}
.common_page .img_list.w_50 li:nth-child(3n){margin-right:15px}
.common_page .img_list.w_50 li:nth-child(2n){margin-right:0}

.bis_common .ko_tit{font-size:30px;text-align:center;color:#222;font-family:'notokr-bold'}
.bis_common .cont_wrap{padding:0 50px}
.bis_common .bis_box .box_cont{padding:50px 40px}
.bis_common .bis_box:last-child .box_cont{padding-bottom:0}
.bis_common .bis_box .box_tit{overflow:hidden;line-height:50px;background:#f5f5f5}
.bis_common .bis_box .box_tit .num{display:block;float:left;width:50px;height:50px;text-align:center;font-weight:700;letter-spacing:0;color:#fff;background:#333;font-family:'Poppins', sans-serif}
.bis_common .bis_box .box_tit .tit{display:block;float:left;width:calc(100% - 50px);padding-left:30px;font-size:16px;color:#333;font-family:'notokr-medium'}
.bis_common .bis_box .box_img{display:block;margin:0 auto}
.bis_common .bis_box .box_txt{position:relative;margin-top:40px;padding:33px 40px 33px 54px;border:1px solid #e1e1e1;word-break:keep-all}
.bis_common .bis_box .box_txt:before{position:absolute;left:40px;top:44px;content:'';width:4px;height:4px;border-radius:100px;background:#f48c05}
.bis_common .img_list li{margin-bottom:0}

/* CEO 인사말 */
#p33{text-align:center}
#p33 .b_txt{margin-top:20px;font-size:28px;line-height:38px;word-break:keep-all;color:#222;font-family:'notokr-light'}
#p33 .b_txt span{font-family:'notokr-bold'}
#p33 .b_txt span.co{color:#f48c05}
#p33 .line{display:inline-block;width:30px;height:1px;margin:34px 0 26px;background:#e1e1e1}
#p33 .img_box{position:relative;margin-top:44px;padding:0 50px 60px}
#p33 .img_box:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:230px;background:#f5f5f5}

/* 회사개요,조직도 */
#p34 .cont_wrap{background:url('/sh_page/img/p34_img.jpg') no-repeat center top}
#p34 .org_box{padding:60px 40px 0;background:#fff}
#p34 table{margin-top:60px}
#p34 table tr th{width:15%}
#p34 table tr td{width:35%;word-break:keep-all}
#p34 .res_table{display:none}
#p34 .table_txt{margin-top:3px;font-size:14px;text-align:right;color:#888}

/* 연혁 */
#p35 .cont_wrap{background:url(/sh_page/img/p35_img.jpg) no-repeat center top}
#p35 .his_box{padding-top:30px;background:#fff}
#p35 .his_box dl{overflow:hidden;padding:0 40px}
#p35 .his_box dl:nth-child(2n){background:#f5f5f5}
#p35 .his_box dl dt{float:left;width:130px;padding-top:24px;font-weight:700;letter-spacing:0;color:#222;font-family:'Poppins', sans-serif}
#p35 .his_box dl dd{position:relative;float:left;width:calc(100% - 130px);padding:24px 0 24px 35px;word-break:keep-all}
#p35 .his_box dl dd:after{position:absolute;left:0;top:35px;content:'';width:5px;height:5px;border-radius:100px;background:#f48c05}
#p35 .his_box dl dd:before{position:absolute;left:2px;top:0;content:'';width:1px;height:100%;background:#e1e1e1}
#p35 .his_box dl:first-child dd:before{top:auto;bottom:0;height:calc(100% - 35px)}
#p35 .his_box dl:last-child dd:before{height:calc(100% - 35px)}

/* 보유면허,등록증 */
#p36 .cont_wrap{background:url(/sh_page/img/p36_img.jpg) no-repeat center top}
#p36 .cer_list{overflow:hidden;padding:60px 40px 0;background:#fff}
#p36 .cer_list li{float:left;width:calc(100%/4 - 11.25px);margin-right:15px;text-align:center}
#p36 .cer_list li:nth-child(4n){margin-right:0}
#p36 .cer_list li .cer_tit{margin:9px 0 23px;word-break:keep-all;color:#333;font-family:'notokr-medium'}

/* 토양정화사업 */
#p39{padding:0 50px;text-align:center}
#p39 .s_txt{margin:12px 0 44px}
#p39 .num_list{overflow:hidden;margin-top:50px;padding:10px 0;border:1px solid #e1e1e1;border-radius:5px}
#p39 .num_list li{float:left;width:calc(100%/3);padding:30px 0}
#p39 .num_list li+li{border-left:1px solid #e1e1e1}
#p39 .num_list .num{display:inline-block;width:40px;height:40px;margin-bottom:19px;border-radius:100%;font-size:13px;text-align:center;line-height:40px;font-weight:600;letter-spacing:0;color:#fff;background:#333;font-family:'Poppins', sans-serif
}

/*토양관련누출검사 기술용역사업*/
#p40{padding:0 50px}
#p40 table{margin-top:38px;border-top:5px solid #222;border-left:none}
#p40 table th{width:20%}
#p40 table td{padding:23px 40px;border-right:none;text-align:left}
#p40 table td ul li{position:relative;padding-left:18px}
#p40 table td ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#f48c05}
#p40 .cont_wrap{margin-top:50px;padding:0}
#p40 .leak_box{padding:44px 40px;border-bottom:1px dotted #e1e1e1}
#p40 .leak_box:last-child{border-bottom:none}
#p40 .leak_box .leak_tit{position:relative;margin-bottom:13px;padding-left:18px;color:#333;font-family:'notokr-bold'}
#p40 .leak_box .leak_tit:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#f48c05}
#p40 .leak_box .leak_txt{margin-bottom:29px;padding-left:18px;word-break:keep-all}
#p40 .leak_box .leak_txt:last-child{margin-bottom:0}
#p40 .leak_box .leak_txt span{display:block;text-decoration:underline;color:#444;font-family:'notokr-medium'}
#p40 .law_box{padding:43px 40px;background:#f7f7f7}
#p40 .law_box .law_tit{margin-bottom:19px;color:#333;font-family:'notokr-bold'}

/* 반입정화시설 */
#p44 .cont_wrap{background:url(/sh_page/img/p44_img.jpg) no-repeat center top}
#p44 .img_list2{margin-bottom:30px}
#p44 .img_list2_res{display:none;margin-bottom:30px}
#p44 .table_tit{margin-top:30px;padding:10px 0;text-align:center;font-family:'notokr-medium';color:#fff;background:#333}

/* 사업실적,고객사 */
#p46 .cont_wrap{background:url(/sh_page/img/p46_img.jpg) no-repeat center top}
#p46 .partner_list{overflow:hidden}
#p46 .partner_list li{float:left;width:calc(100%/4 - 11.25px);margin:0 15px 15px 0}
#p46 .partner_list li:nth-child(4n){margin-right:0}
#p46 .partner_list li img{width:100%}


/* 반응형 [s] */
@media (max-width:1230px){

}

@media (max-width:1024px){
.common_page{padding:40px 0}
#p33{padding:40px 0 0}
#p33 .b_txt{font-size:23px;line-height:33px}
#p33 .img_box{padding:0 15px 40px}
#p33 .img_box:before{height:80%}
#p36 .cer_list li{width:calc(100%/3 - 10px)}
#p36 .cer_list li:nth-child(4n){margin-right:15px}
#p36 .cer_list li:nth-child(3n){margin-right:0}
#p36 .cer_list li img{width:100%}
#p39{padding:40px 15px}
#p40{padding:40px 15px}
}

@media (max-width:768px){
.common_page{padding:40px 0}
.common_page .pl{white-space:normal;word-break:keep-all}
.common_page .cont_wrap{padding:170px 15px 0}
.common_page .cont_box{padding:60px 20px 0}
.common_page .table_box{width:100%;overflow-x:scroll}
.common_page .table_box table{width:700px}
.common_page .img_list li{width:calc(100%/2 - 7.5px)}
.common_page .img_list li:nth-child(3n){margin-right:15px}
.common_page .img_list li:nth-child(2n){margin-right:0}
.bis_common .cont_wrap{padding-top:0}
.bis_common .bis_box .box_cont{padding:50px 0}
.bis_common .bis_box .box_tit .tit{font-size:15px}
.bis_common .bis_box .box_txt{padding:33px 25px 33px 39px}
.bis_common .bis_box .box_txt:before{left:25px}
#p33{padding:40px 0 0}
#p33 .b_txt{padding:0 15px}
#p33 .s_txt{padding:0 15px}
#p34 .org_box{padding:60px 20px 0}
#p34 table{display:none}
#p34 .res_table{display:block}
#p35 .his_box dl{padding:0 25px}
#p35 .his_box dl dt{width:110px}
#p35 .his_box dl dd{width:calc(100% - 110px)}
#p36 .cer_list{padding:60px 20px 0}
#p39 .s_txt{word-break:keep-all}
#p39 .num_list{padding:0 10px}
#p39 .num_list li{width:100%}
#p39 .num_list li+li{border-left:none;border-top:1px solid #e1e1e1}
#p40 table td{padding:23px 25px}
#p40 .leak_box{padding:44px 25px}
#p40 .law_box{padding:44px 25px}
#p46 .partner_list li{width:calc(100%/3 - 10px)}
#p46 .partner_list li:nth-child(4n){margin-right:15px}
#p46 .partner_list li:nth-child(3n){margin-right:0}
}

@media (max-width:480px){
.common_page .tit_box{margin:50px 0}
.bis_common .ko_tit{font-size:25px;line-height:35px;word-break:keep-all}
.bis_common .bis_box .box_tit .num{width:100%}
.bis_common .bis_box .box_tit .tit{width:100%;padding-left:0;text-align:center}
#p33 .b_txt{font-size:20px;line-height:30px}
#p35 .his_box dl dt{position:relative;width:100%;padding-left:15px}
#p35 .his_box dl dt:after{position:absolute;left:0;top:35px;content:'';width:5px;height:5px;border-radius:100px;background:#f48c05}
#p35 .his_box dl dd{width:100%;padding:10px 0 24px 0}
#p35 .his_box dl dd:before{display:none}
#p35 .his_box dl dd:after{display:none}
#p36 .cer_list li{width:calc(100%/2 - 7.5px)}
#p36 .cer_list li:nth-child(3n){margin-right:15px}
#p36 .cer_list li:nth-child(2n){margin-right:0}
#p40 .bis_box .box_tit .num{display:none}
#p44 .img_list2_res{display:block}
#p44 .img_list2_res li+li{margin-top:15px}
#p44 .img_list2_res li img{width:100%}
#p44 .img_list2{display:none}
#p46 .partner_list li{width:calc(100%/2 - 7.5px)}
#p46 .partner_list li:nth-child(3n){margin-right:15px}
#p46 .partner_list li:nth-child(2n){margin-right:0}
}

@media (max-width:380px){
.common_page .img_list li{width:100%;margin-right:0 !important}
.common_page .img_list li:last-child{margin-bottom:0}
.common_page .img_list.w_50 li{width:100%}
.bis_common .bis_box .box_img{width:100%}
.bis_common .img_list li+li{margin-top:15px}
#p36 .cer_list li{width:100%;margin-right:0 !important}
#p44 table tr td{padding:10px}
#p46 .partner_list li{width:100%;margin-right:0 !important}
#p46 .partner_list li:last-child{margin-bottom:0}
}
/* 반응형 [e] */