@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{margin-bottom:10px;font-size:13px;text-align:center;font-weight:700;letter-spacing:.3px;color:#7826e2;font-family:'Exo 2', sans-serif}
.common_page .ko_tit{font-size:28px;text-align:center;line-height:38px;word-break:keep-all;color:#222;font-family:'notokr-light'}
.common_page .ko_tit span{font-family:'notokr-bold'}
.common_page .ko_tit span.co{color:#7826e2}

.bis_common .ko_tit{margin-bottom:45px}
.bis_common .facility_box{overflow:hidden;margin-bottom:40px}
.bis_common .facility_box:last-child{margin-bottom:0}
.bis_common .facility_box .img{float:left;width:500px}
.bis_common .facility_box .img img{width:100%}
.bis_common .facility_box .cont{float:left;width:calc(100% - 500px);padding:6px 0 0 40px}
.bis_common .facility_box .cont .tit{position:relative;padding:0 0 9px 22px;border-bottom:1px solid #e1e1e1;font-size:20px;color:#222;font-family:'notokr-bold'}
.bis_common .facility_box .cont .tit:before{position:absolute;left:0;top:15px;content:'';width:7px;height:7px;border:2px solid #7826e2;border-radius:100px;background:#fff}
.bis_common .facility_box .cont table{width:100%;margin-top:15px;border-top:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-spacing:0}
.bis_common .facility_box .cont table th{width:140px;padding:9px 0;border-bottom:1px solid #e1e1e1;font-weight:normal;color:#444;font-family:'notokr-medium';background:#f7f7f7}
.bis_common .facility_box .cont table td{padding:9px 20px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
    
/* 인사말 */
#p33 .g_top{overflow:hidden;padding:0 50px}
#p33 .eng_tit{float:left;margin:0 40px 0 0;text-align:left}
#p33 .ko_tit{float:left;text-align:left}
#p33 .g_box{margin-top:35px;padding:190px 50px 0;background:url('/sh_page/img/p33_bg.jpg') no-repeat center top}
#p33 .g_box .g_txt{padding:54px 50px;border:1px solid #e1e1e1;background:#fff}
#p33 .g_box .sign{padding-top:18px;text-align:right}
#p33 .g_box .sign span{color:#444;font-family:'notokr-medium'}
#p33 .g_box .sign em{margin-left:5px;font-size:25px;font-style:normal;letter-spacing:0;color:#444;font-family:'Song Myung', serif}

/* 연혁 */
#p34 .his_wrap{margin-top:34px;padding:190px 50px 0;background:url('/sh_page/img/p34_bg.jpg') no-repeat right top}
#p34 .his_wrap .his_box{padding-top:20px;background:#fff}
#p34 .his_box dl{overflow:hidden;padding:33px 50px;border-bottom:1px solid #e1e1e1}
#p34 .his_box dl:nth-child(2n){background:#f7f7f7}
#p34 .his_box dl:last-child{border-bottom:none}
#p34 .his_box dl dt{float:left;width:106px;font-size:25px;font-weight:700;letter-spacing:0;color:#222;font-family:'Exo 2', sans-serif}
#p34 .his_box dl dd{float:left;width:calc(100% - 106px)}
#p34 .his_box dl dd ul{padding-top:7px}
#p34 .his_box dl dd ul li{position:relative;padding-left:19px;word-break:keep-all}
#p34 .his_box dl dd ul li:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:#7826e2}

/* 설비현황 및 제조현장 */
#p37 .sites_box{padding:0 50px}
#p37 .sites_box p{margin-top:10px;font-size:20px;font-weight:600;letter-spacing:0;text-align:center;color:#333;font-family:'Exo 2', sans-serif}

/* 표창 및 인증서 */
#p39 .cer_box{margin-top:34px;padding:190px 50px 0;background:url('/sh_page/img/p39_bg.jpg') no-repeat center top}
#p39 .cer_list{overflow:hidden;padding:60px 50px 0;text-align:center;background:#fff}
#p39 .cer_list .box_tit{display:block;width:100px;margin:0 auto 30px;padding:3px 0;border-radius:50px;color:#fff;background:#333;font-family:'notokr-medium'}
#p39 .cer_list li{float:left;width:calc(100%/2 - 10px);margin-bottom:20px}
#p39 .cer_list li:nth-of-type(2n){margin-left:20px}
#p39 .cer_list li img{width:100%}

/* 제품현황 */
#p41 .product_list{overflow:hidden}
#p41 .product_list li{float:left;width:calc(100%/3 - 13.4px);margin:0 20px 50px 0}
#p41 .product_list li:nth-child(3n){margin-right:0}
#p41 .product_list li img{width:100%}
#p41 .product_list li .tit{position:relative;padding:7px 0 9px 22px;border-bottom:1px solid #e1e1e1;font-size:20px;font-weight:600;letter-spacing:0;color:#222;font-family:'Exo 2', sans-serif}
#p41 .product_list li .tit:before{position:absolute;left:0;top:22px;content:'';width:7px;height:7px;border:2px solid #7826e2;border-radius:100px;background:#fff}
#p41 .product_list li .tit span{margin-right:10px;color:#7826e2}
#p41 .product_list li .txt{margin-top:10px;padding:28px 22px;background:#f7f7f7}


/* 반응형 [s] */
@media (max-width:1230px){
.bis_common .facility_box .img{width:40%}
.bis_common .facility_box .cont{width:60%}
}

@media (max-width:1024px){
.common_page{padding-bottom:30px}
.common_page .ko_tit{font-size:25px;line-height:35px}
.bis_common{padding:0 15px 30px}
#p33 .g_top{padding:0 15px}
#p33 .g_box{padding:190px 15px 0}
#p33 .g_box .g_txt{padding:54px 25px}
#p34 .his_wrap{padding:190px 15px 0}
#p34 .his_box dl{padding:33px 25px}
#p34 .his_box dl dt{width:70px;font-size:20px}
#p34 .his_box dl dd{width:calc(100% - 70px)}
#p34 .his_box dl dd ul{padding-top:4px}
#p37 .sites_box{padding:0}
#p39 .cer_box{padding:190px 15px 0}
#p39 .cer_list{padding:60px 25px 0}
#p41 .product_list li .tit{font-size:18px}
#p41 .product_list li .tit:before{top:20px}
}

@media (max-width:860px){
#p33 .s_txt{white-space:normal;word-break:keep-all}
#p41 .product_list li{width:calc(100%/2 - 10px)}
#p41 .product_list li:nth-child(3n){margin-right:20px}
#p41 .product_list li:nth-child(2n){margin-right:0}
}

@media (max-width:768px){
.bis_common .facility_box .img{width:100%}
.bis_common .facility_box .cont{width:100%;padding-left:0}
#p33 .ko_tit{white-space:normal;width:calc(100% - 86px)}
#p41 .product_list li .tit{font-size:15px}
#p41 .product_list li .tit:before{top:18px}
}

@media (max-width:480px){
.common_page .ko_tit{font-size:23px;line-height:33px}
.bis_common .facility_box .cont .tit{font-size:18px}
.bis_common .facility_box .cont .tit:before{top:13px}
#p33 .eng_tit{width:100%;margin-bottom:15px;padding-right:0}
#p33 .ko_tit{width:100%}
#p34 .his_box dl dt{width:100%}
#p34 .his_box dl dd{width:100%}
#p39 .cer_list li{width:100%}
#p39 .cer_list li+li{margin:10px 0 0}
#p41 .product_list li{width:100%;margin-right:0 !important}
#p41 .product_list li:last-child{margin-bottom:0}
}

@media (max-width:380px){}
/* 반응형 [e] */