@charset "utf-8";

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

.common_page{padding-top:60px;font-size:16px;line-height:1.6;color:#666}
.common_page *{word-break:keep-all}
.common_page .pl{white-space:pre-line}
.common_page .eng_tit{margin-bottom:45px;font-size:15px;font-weight:600;color:var(--primary);font-family:'Poppins'}
.common_page .big_txt{font-size:30px;font-weight:300;line-height:45px;color:#222}
.common_page .big_txt span{font-weight:700}

/* 회사개요 및 연혁 */
#p33 .his_box{display:flex}
#p33 .his_box .l_box{width:460px}
#p33 .l_box .big_txt{margin-bottom:22px}
#p33 .his_box .r_box{width:calc(100% - 460px);border-top:3px solid #111}
#p33 .r_box dl{padding:31px 40px 35px;border-bottom:1px solid #e1e1e1}
#p33 .r_box dl:last-child{border-bottom:none}
#p33 .r_box dl dt{margin-bottom:3px;font-size:25px;font-weight:700;color:#222;font-family:'Poppins'}
#p33 .overview_box{margin-top:57px;padding:300px 0 0 70px;background:url('/sh_page/img/p33_img.jpg') no-repeat center top}
#p33 .overview_box .box_cont{display:flex;flex-wrap:wrap;padding:40px 60px 0;background-color:#fff}
#p33 .box_cont dl{display:flex;align-items:center;width:50%;padding:30px 0;border-bottom:1px dotted #e1e1e1}
#p33 .box_cont dl:nth-child(n + 7){border-bottom:none}
#p33 .box_cont dl dt{display:flex;align-items:center;justify-content:center;width:185px;height:45px;border-radius:50px;font-weight:600;color:#fff;background-color:#333}
#p33 .box_cont dl dd{width:calc(100% - 185px);padding-left:15px}

/* 제품소개 공통 */
.product_page .top_box{display:flex}
.product_page .top_box .l_box{width:400px}
.product_page .top_box .r_box{width:calc(100% - 400px);padding:55px 60px 60px;border:1px solid #e1e1e1;border-radius:20px}
.product_page .top_box .r_box p span{text-decoration:underline;font-weight:500;color:#333}
.product_page .img_list{display:flex;justify-content:center;column-gap:40px;text-align:center}
.product_page .r_box .img_list{margin-top:55px}
.product_page .img_list p{margin-top:10px;font-weight:500;color:#444}
.product_page .prod_box .prod_cont{margin-top:70px}
.product_page .cont_tit{display:inline-block;margin-bottom:40px;padding:0 25px;border:2px solid #111;border-radius:50px;font-size:18px;font-weight:600;line-height:40px;color:#222;background-color:#fff}
.product_page .table_wrap table{width:100%;border-top:3px solid #111;border-spacing:0;font-size:15px;text-align:center}
.product_page .table_wrap table th{padding:11px 5px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1;font-weight:600;color:#333;background:#f5f5f5}
.product_page .table_wrap table td{padding:11px 5px;border-bottom:1px solid #e1e1e1;border-right:1px solid #e1e1e1}
.product_page .table_wrap table td a{color:#888;transition:all .3s}
.product_page .table_wrap table td a:hover{color:#222}
.product_page .table_wrap table th:last-child{border-right:none}
.product_page .table_wrap table td:last-child{border-right:none}
.product_page .area_list{display:flex;flex-wrap:wrap}
.product_page .area_list li{width:50%;padding:45px 60px;border-radius:20px;background-color:#f5f5f5}
.product_page .area_list li:nth-child(2n){border-left:1px dashed #e1e1e1}
.product_page .area_list li:nth-child(n + 3){border-top:1px dashed #e1e1e1}
.product_page .area_list li span{display:block;margin-bottom:10px;font-weight:700;color:#333}
.product_page .horiz_wrap{display:flex}
.product_page .horiz_wrap .img_box{display:flex;align-items:center;justify-content:center;width:360px;min-height:350px;border:1px solid #e1e1e1;border-radius:20px}
.product_page .horiz_wrap .r_table{width:calc(100% - 360px);padding-left:60px}
.product_page .table_txt{margin-top:25px;font-size:15px;text-align:right;color:#888}
.product_page .area_txt{padding:45px 60px;border-radius:20px;background-color:#f5f5f5}

/* 제품소개 - 미분말실리카 */
#p36 .table_wrap table th:last-child{border-right:1px solid #e1e1e1}
#p36 .table_wrap table .no_line{border-right:none !important}

/* 제품소개 - 콜로이달실리카 */
#p38 .area_list li{width:calc(100%/3);border-right:1px dashed #e1e1e1}
#p38 .area_list li:nth-child(3n){border-right:none}
#p38 .area_list li:nth-child(3){border-top:none}

/* 제품소개 - 리튬실리케이트 */
#p40 .area_list li{width:calc(100%/3);border-right:1px dashed #e1e1e1}
#p40 .area_list li:nth-child(3n){border-right:none}
#p40 .area_list li:nth-child(3){border-top:none}

/* 알루민산 나트륨 */
#p47 .top_box{display:block}
#p47 .top_box .l_box{width:100%;padding-bottom:53px;border-bottom:1px solid #e1e1e1}
#p47 .cont_wrap{padding-top:41px}
#p47 .cont_wrap .cont_box+.cont_box{padding-top:80px}
#p47 .cont_wrap .wrap_box{padding:34px 0 0 22px}
#p47 .dot_tit{position:relative;padding-left:22px;font-size:25px;font-weight:700;color:#333}
#p47 .dot_tit:before{position:absolute;left:0;top:17px;content:'';width:7px;height:7px;border-radius:100px;background:var(--primary)}
#p47 .dot_tit span{display:block;margin-top:19px;font-size:16px;font-weight:normal;color:#666}
#p47 .cont_txt{display:flex;column-gap:70px;margin-bottom:50px;padding:40px;border-radius:20px;background-color:#f5f5f5}
#p47 .cont_wrap .cont_box:last-child .cont_txt{margin-bottom:0}
#p47 .cont_txt .txt_box+.txt_box{padding-left:70px;border-left:1px solid #e1e1e1}
#p47 .cont_txt .txt_box .cont_tit{margin-bottom:20px}
#p47 .table_wrap{margin-bottom:50px}
#p47 .side_txt{display:flex;align-items:center;column-gap:15px}
#p47 .side_txt .cont_tit{margin-bottom:0}

/* 기술자료 공통 */
.tech_page .r_box img{display:block;max-width:100%;margin:55px auto 0}
.tech_page .prod_cont .cont_tit{margin-bottom:25px}
.tech_page .tech_txt{padding:55px 60px 0;border-top:1px solid #e1e1e1}
.tech_page .tech_txt .img_list{margin-bottom:55px}
.tech_page .sub_tit{margin:40px 0 26px;font-size:17px;font-weight:700;color:var(--primary)}
.tech_page .sub_cont{display:flex;flex-wrap:wrap;margin-bottom:45px;padding:54px 60px;border-radius:20px;background-color:#f5f5f5}
.tech_page .sub_cont li{position:relative;width:calc(100%/3);padding-left:18px;list-style:27px}
.tech_page .sub_cont li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.tech_page .num_list{margin:35px 0}
.tech_page .num_list li{display:flex;align-items:center;font-weight:500}
.tech_page .num_list li+li{margin-top:10px}
.tech_page .num_list li span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:15px;border-radius:100%;font-size:15px;font-weight:600;color:#fff;background-color:#333}
.tech_page .dot_line li{position:relative;padding:11px 0 11px 18px;line-height:27px}
.tech_page .dot_line li+li{border-top:1px dashed #e1e1e1}
.tech_page .dot_line li:last-child{padding-bottom:0}
.tech_page .dot_line li:before{position:absolute;left:0;top:23px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.tech_page .line_img{display:flex;align-items:center;justify-content:center;margin-top:40px;padding:40px;border:1px solid #e1e1e1;border-radius:20px}
.tech_page .line_img img{max-width:100%}

/* 기술자료 - 미분말실리카 */
#p42 .mixing_list{display:flex;align-items:center;justify-content:center;column-gap:10px;margin:39px 0;font-size:15px;font-weight:500;color:#333}
#p42 .mixing_list .circle{display:flex;align-items:center;justify-content:center;width:130px;height:130px;border-radius:100%;border:1px solid #e1e1e1;text-align:center;background-color:#f5f5f5}
#p42 .apply_list{display:flex;justify-content:space-between}
#p42 .apply_list li{width:calc(100%/3 - 27px);text-align:center}
#p42 .apply_list li .tit{margin:15px 0;font-size:17px;font-weight:600;color:#444}
#p42 .apply_list li .txt{min-height:362px;padding:40px;border-radius:15px;text-align:left;background-color:#f5f5f5}

/* 기술자료 - 액상규산 */
#p43 .dot_txt li{position:relative;padding-left:18px;line-height:27px}
#p43 .dot_txt li:before{position:absolute;left:0;top:12px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
#p43 .top_box .r_box .dot_txt{margin-top:15px}
#p43 .sub_wrap .sub_box+.sub_box{margin-top:45px}
#p43 .sub_box .sub_tit{margin-top:0}
#p43 .num_step li{padding:11px 0;line-height:27px}
#p43 .num_step li+li{border-top:1px dashed #e1e1e1}
#p43 .num_step li:last-child{padding-bottom:0}
#p43 .num_step li span{margin-right:15px;font-weight:700;color:#333;font-family:'Poppins'}
#p43 .img_txt{display:flex}
#p43 .img_txt .img{border:1px solid #e1e1e1;border-radius:15px;padding:40px}
#p43 .img_txt .txt{padding:15px 0 0 40px}
#p43 .mr_top{margin-top:40px}
#p43 .bold_txt{margin-bottom:25px;font-weight:600;color:#333}
#p43 .half_wrap{display:flex;flex-wrap:wrap;gap:40px;margin-top:60px}
#p43 .half_wrap .half_box{display:flex;width:calc(100%/2 - 20px)}
#p43 .half_wrap .half_box .txt{padding:10px 0 0 40px}
#p43 .half_wrap .half_box .txt span{display:block;margin-bottom:15px;font-size:18px;font-weight:600;color:#333}
#p43 .half_wrap .half_box.w_100{display:block;width:100%;margin-top:30px}
#p43 .half_wrap .half_box.w_100 .txt{padding:0;margin-bottom:20px}

/* 기술자료 - 콜로이달실리카 */
#p44 .box_list{display:flex;flex-wrap:wrap;margin-top:45px;border-radius:20px;background-color:#f5f5f5}
#p44 .box_list li{width:50%;padding:40px}
#p44 .box_list li .tit{margin-bottom:10px;font-size:18px;font-weight:600;color:#333}
#p44 .box_list li:nth-child(odd){border-right:1px dashed #e1e1e1}
#p44 .box_list li:nth-child(n + 3){border-top:1px dashed #e1e1e1}
#p44 .bg_txt{padding:40px;border-radius:20px;background-color:#f5f5f5}