@charset "utf-8";

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

.pagecommon{padding:0 50px;font-size:16px;line-height:1.6;color:#666;font-family:'Pretendard'}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}

.pagecommon .top_logo{padding-bottom:50px;text-align:center;border-bottom:3px solid #111}
.pagecommon .top_logo .tab_list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:45px}
.pagecommon .top_logo .tab_list li a{display:block;padding:0 20px;border-radius:50px;line-height:50px;font-weight:600;color:#888;transition:all .2s;background-color:#f5f5f5}
.pagecommon .top_logo .tab_list li a:hover{color:#fff;background-color:#111}
.pagecommon .cont_box{display:flex;gap:60px;padding:60px 0}
.pagecommon .cont_box+.cont_box{border-top:1px solid #e1e1e1}
.pagecommon .cont_box .l_img{flex-shrink:0;width:495px}
.pagecommon .cont_box .l_img ul{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:20px}
.pagecommon .cont_box .l_img ul li a{display:flex;align-items:center;justify-content:space-between;width:100%;height:50px;padding:0 30px;font-size:15px;color:#fff;background-color:#333;transition:all .2s}
.pagecommon .cont_box .r_txt{width:100%;padding-top:15px}
.pagecommon .cont_box .r_txt em{display:block;margin:15px 0 10px;font-style:normal;font-weight:600}
.pagecommon .cont_box .r_txt .tab_list{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:31px}
.pagecommon .cont_box .r_txt .tab_list li{margin-right:15px;padding-right:15px;border-right:1px solid #e1e1e1}
.pagecommon .cont_box .r_txt .tab_list li:last-child{margin-right:0;padding-right:0;border-right:none}
.pagecommon .cont_box .r_txt .tab_list li a{font-weight:600;color:#888;transition:all .2s}
.pagecommon .cont_box .prod_tit b{display:block;margin-bottom:7px;font-size:30px;font-weight:700;color:#111}
.pagecommon .cont_box .prod_tit b span{display:block;font-size:16px}
.pagecommon .cont_box .table_box{margin-top:30px}
.pagecommon .cont_box table{width:100%;border-top:1px solid #e1e1e1;border-spacing:0;text-align:center;font-size:15px}
.pagecommon .cont_box table th{padding:8px 5px;border-bottom:1px solid #e1e1e1;font-weight:600;color:#333;background-color:#f5f5f5}
.pagecommon .cont_box .table_box table th{width:calc(100%/5)}
.pagecommon .cont_box .table_box.w_6 table th{width:calc(100%/6)}
.pagecommon .cont_box .table_box.w_7 table th{width:calc(100%/7)}
.pagecommon .cont_box .table_box.w_8 table th{width:calc(100%/8)}
.pagecommon .cont_box table th+th{border-left:1px solid #e1e1e1}
.pagecommon .cont_box table td{padding:8px 5px;border-bottom:1px solid #e1e1e1}
.pagecommon .cont_box table td+td{border-left:1px solid #e1e1e1}
.pagecommon .cont_box table .br_line{border-left:1px solid #e1e1e1}
.pagecommon .prod_txt{display:flex;margin-top:50px;padding-top:50px;border-top:1px solid #e1e1e1}
.pagecommon .prod_txt>b{flex-shrink:0;width:95px;color:#111}
.pagecommon .prod_txt>div{width:100%}
.pagecommon .prod_txt>div>img{display:block;margin:0 auto}
.pagecommon .prod_txt .type_list{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:25px}
.pagecommon .prod_txt .type_list li{padding:0 15px;border:1px solid #e1e1e1;border-radius:50px;font-size:15px;line-height:30px;font-weight:500;color:#333;background-color:#f5f5f5}
.pagecommon .prod_txt .txt_list>li{position:relative;padding-left:18px;font-weight:500;line-height:27px}
.pagecommon .prod_txt .txt_list>li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#888}
.pagecommon .prod_txt .txt_list>li ul{margin:5px 0}
.pagecommon .prod_txt .txt_list>li ul li{font-size:15px;font-weight:400}
.pagecommon .txt_tit{margin-bottom:15px;font-weight:600;color:#333}
.pagecommon .txt_tit.mr_t{margin-top:20px}
.pagecommon .pump_table{margin-top:30px}
.pagecommon .sm_txt{margin-top:10px;font-size:15px;color:#888;text-align:right}

.dooch_page .co_t{color:#b1005d !important}
.grun_page .co_t{color:#11497b !important}
.stairs_page .co_t{color:#0b4867 !important}
.korea_page .co_t{color:#ea2e2e !important}
.wilo_page .co_t{color:#009c82 !important}

#p70 .cont_box .r_txt .tab_list{row-gap:5px}
#p70 .cont_box .r_txt .tab_list li:nth-child(7), #p70 .cont_box .r_txt .tab_list li:nth-child(13){border-right:none;margin-right:16px}

/* 모바일 호버 X */
@media (hover: hover) {
.pagecommon .cont_box .l_img ul li a:hover{background-color:#111}
.pagecommon .cont_box .r_txt .tab_list li a:hover{color:#333}
}

/* 회사개요 */
#p33 {padding:0}
#p33 .top_box{display:flex;align-items:center;gap:50px;margin-bottom:153px}
#p33 .top_box .l_box{flex-shrink:0;width:515px;height:465px;background:url('/sh_page/img/p33_bg01.jpg') no-repeat center / cover}
#p33 .top_box .r_box{width:100%}
#p33 .top_box .r_box dl{display:flex;gap:15px;font-weight:600}
#p33 .top_box .r_box dl+dl{margin-top:10px}
#p33 .top_box .r_box dl dt{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100px;height:35px;border-radius:50px;color:#fff;background-color:#111}
#p33 .top_box .r_box dl dd{width:100%;padding-top:3px;color:#111}
#p33 .top_box .r_box dl:last-child{display:block;margin-top:40px;padding-top:40px;border-top:1px solid #e1e1e1}
#p33 .top_box .r_box dl dd ul{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px}
#p33 .top_box .r_box dl dd ul li{text-align:center}
#p33 .top_box .r_box dl dd ul li+li{border-left:1px dashed #e1e1e1}
#p33 .top_box .r_box dl dd ul li span{display:flex;align-items:center;justify-content:center;width:95px;height:95px;margin:0 auto 20px;border-radius:10px;background-color:#f5f5f5}
#p33 .big_txt{display:block;font-size:35px;line-height:45px;font-weight:700;text-align:center;color:#111}
#p33 .img_cont{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:83px}
#p33 .img_cont li{text-align:center}
#p33 .img_cont li img{width:100%}
#p33 .img_cont li:nth-child(1) img{border:1px solid #e1e1e1}
#p33 .img_cont li p b{display:block;margin:33px 0 13px;font-size:20px;font-weight:700;color:#111}
#p33 .box_cont{margin-top:123px;padding:74px 0;text-align:center;color:#fff;background:url('/sh_page/img/p33_bg02.jpg') no-repeat center / cover}
#p33 .box_cont .big_txt{color:#fff}
#p33 .box_cont .s_eng{font-weight:700}
#p33 .box_cont .round_txt{display:flex;justify-content:center;align-items:center;gap:10px;margin:53px 0 73px}
#p33 .box_cont .round_txt li{padding:0 40px;border:2px solid #fff;border-radius:50px;font-size:25px;line-height:60px;font-weight:600;color:#fff}