@charset "utf-8";
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 제작 211020 [s] */
table,tbody,thead,tr,td,th{border-collapse:collapse}
.pagecommon{font-size:16px;color:#777;letter-spacing:-.2px;line-height:1.8;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br {white-space:pre-line}
.pagecommon .tit_area span{display:block;font-weight:700;font-size:13px;color:#ff9518;line-height:13px;font-family:'Poppins',sans-serif}
.pagecommon .tit_area p{margin-bottom:20px;font-size:30px;color:#222;}
.pagecommon .cont1{padding:10px 25px;}
.pagecommon .cont2{padding:50px 32px;background-color:#f2f2f2}
.pagecommon .txt_area{overflow:hidden;margin-bottom:20px}
.pagecommon .txt_area li{float:left;margin:0 24px 24px 0}
.pagecommon .cont1 .txt_area li:nth-child(3n){margin-right:0}
.pagecommon .cont2 .txt_area{padding:30px 30px 12px;background-color:#fff}
.pagecommon .cont2 .txt_area li{margin:0 15px 15px 0}
.pagecommon .cont2 .txt_area li:nth-child(4n){margin-right:0}
.pagecommon .tit{position:relative;padding-left:20px;color:#222;font-size:18px;font-family:'notokr-medium'}
.pagecommon .tit:before{position:absolute;left:0;top:9px;height:14px;width:2px;background-color:#ffcc18;content:''}
.pagecommon .txt{padding-left:20px}
.pagecommon .txt img{margin-top:10px}
.pagecommon .txt .announce{margin-top:10px;font-size:14px;text-align:right}
.pagecommon .txt_box{margin-bottom:25px}
.pagecommon table{width:100%;border:1px solid #ccc}
.pagecommon table thead{background-color:#ff9518}
.pagecommon table thead tr th:first-child{width:180px}
.pagecommon table thead tr th{padding:5px 0;color:#fff;border-right:1px solid #fff;font-weight:normal;font-family:'notokr-medium'}
.pagecommon table thead tr th:last-child{border-right:0}
.pagecommon table tbody tr{border-bottom:1px solid #ccc}
.pagecommon table tbody tr:last-child{border-bottom:0}
.pagecommon table tbody tr th{padding:5px 0;border-right:1px solid #ccc;font-weight:normal;color:#222;font-family:'notokr-medium'}
.pagecommon table tbody tr td{text-align:left;padding:10px 20px;border-right:1px solid #ccc}
.pagecommon table tbody tr td:last-child{border-right:0}
.pagecommon .txt_area table tbody tr td ul li{float:none;margin:0 0 2px}
.pagecommon .txt_area table tbody tr td ul li p{padding:10px 12px;margin-bottom:14px;background-color:#f2f2f2}
.pagecommon .tit_p{position:relative;padding-left:15px;font-size:16px;color:#222;font-family:'notokr-medium'}
.pagecommon .tit_p:before{position:absolute;left:0;top:11px;width:5px;height:5px;border:1px solid #ff9518;border-radius:50%;content:'';}
.pagecommon .txt_p{padding-left:16px;margin-bottom:5px}

/*인사말*/
#p33{position:relative;margin:115px 83px 80px 0;padding:62px 48px 25px;border:1px solid #ccc;background-color:#fff}
#p33:before{position:absolute;right:-83px;top:-74px;width:100%;height:247px;background-color:#ffcc18;content:'';z-index:-1}
#p33:after{position:absolute;left:28px;top:48px;background-color:rgba(85,85,85,.6);width:100%;height:100%;content:'';z-index:-1}
#p33 .tit_area p{font-family:'notokr-thin'}
#p33 .txt_area{letter-spacing:-.8px}
#p33 .txt_area p{margin-top:20px;text-align:right;color:#333}
#p33 .txt_area p span{font-size:32px;font-family:'Nanum Pen Script',cursive;}

/*회사개요*/
#p34 .cont1 .txt_area{position:relative;margin:20px 0 30px 10px;padding:15px 0 0 5px;}
#p34 .cont1 .txt_area:before{position:absolute;top:0;left:5px;width:1px;height:100%;border-left:1px dashed #aaa;content:''}
#p34 .cont1 .txt_area .txt_g{margin-bottom:30px;}
#p34 .cont1 .txt_area .txt_g:after{content:'';display:block;clear:both}
#p34 .cont1 .txt_area .txt_g .year{position:relative;float:left;padding-left:22px;margin-right:30px;font-size:20px;color:#222;font-weight:700;font-family:'Poppins',sans-serif;}
#p34 .cont1 .txt_area .txt_g .year:before{position:absolute;left:-3px;top:13px;height:7px;width:7px;border:1px solid #aaa;border-radius:50%;background-color:#fff;content:'';}
#p34 .cont1 .txt_area .txt_g .day{float:left;margin-top:4px;}
#p34 .cont1 .txt_area .txt_g .day dl{overflow:hidden}
#p34 .cont1 .txt_area .txt_g .day dl dt{float:left;margin-right:22px;color:#333;font-family:'notokr-medium'}
#p34 .cont1 .txt_area .txt_g .day dl dd{float:left}
#p34 .cont2 .tit_area p{margin-bottom:14px}
#p34 .cont2 .txt_area{padding:34px;background-color:#fff}
#p34 .cont2 .txt_area dl:last-child{margin-bottom:0}

/**/
#p35 .cont1 li {overflow:hidden;width:227px;height:306px;border:1px solid #e1e1e1}
/*#p35 .cont1 li img {width:100%}*/


/*특허증*/
#p36 .cont1 .txt_area li{margin:0 15px 15px 0;border:1px solid #e1e1e1}
#p36 .cont1 .txt_area li:nth-child(3n){margin-right:15px}
#p36 .cont1 .txt_area li:nth-child(4n){margin-right:0}

/*시험성적서*/
#p37 .cont1 .txt_area li{margin-right:17px}
#p37 .cont1 .txt_area li:nth-child(3n){margin-right:17px}
#p37 .cont1 .txt_area li:nth-child(4n){margin-right:0}

/*자착식방수시트*/
#p39 .cont1 .txt_area .txt_box{margin-bottom:30px}
#p39 .cont1 .txt_area .txt_box .txt img{margin-bottom:25px}
#p39 .cont1 .txt_area .txt_box .txt .box{float:left;text-align:center;margin-top:20px}
#p39 .cont1 .txt_area .txt_box .txt .box:first-child{margin-right:25px}
#p39 .cont1 .txt_area .txt_box .txt .box .box_tit{width:330px;margin-bottom:65px;line-height:120px;border-radius:50px 0 50px 0;background-color:#ff9518;font-size:20px;color:#fff;font-family:'notokr-bold'}
#p39 .cont1 .txt_area .txt_box .txt .box .box_tit{position:relative;width:330px;margin-bottom:65px;line-height:120px;border-radius:50px 0 50px 0;background-color:#ff9518;font-size:20px;color:#fff;font-family:'notokr-bold'}
#p39 .cont1 .txt_area .txt_box .txt .box .box_tit:before{position:absolute;left:50%;bottom:-42px;margin-left:-15px;background:url(/sh_page/img/arrow.png) no-repeat center;width:30px;height:22px;content:''}
#p39 .cont1 .txt_area .txt_box .txt .box .box_txt{margin-bottom:10px;background-color:#f2f2f2;line-height:50px;color:#333;font-family:'notokr-medium'}
#p39 .cont1 .txt_area .txt_box .txt .box .box_txt:last-child{margin-bottom:40px}

/*기존공법비교*/
#p40 .txt_box:last-child table tbody tr td{text-align:center}
#p40 .color{background-color:#f2f2f2}

#p50 table{margin-top:20px}
#p50 table tbody tr td{text-align:center}
#p50 table thead tr th:last-child{width:12%}
#p50 table tbody tr td:last-child{border-right:1px solid #ccc}
#p50 table tbody tr .s_tit{text-align:left;font-family:'notokr-bold'}
#p50 table tbody tr .s_tit:before{content:'';display:inline-block;width:4px;height:4px;margin:0 4px 4px 0;background:#ffcc18}