@charset "utf-8";
html, body, div, p {word-break: keep-all; font-size:17px; color: #444; line-height:1.4;}


/*------------------ 공통---------------- */
.ff-pp{font-family: 'Poppins', sans-serif;}
.f-navy{color:#283C62;}
.f-blue{color:#29529E;}
.fw-700{font-weight:700;}
section:last-child{margin-bottom:200px;}
.bg_bl{background:linear-gradient(to right, #F4F7FB, #ffffff); padding-top:100px; padding-bottom:100px;}
.bg_gray{background:#FAFAFA; padding-top:100px; padding-bottom:100px;}
.head_img img{border-radius:30px; }
.top_img{text-align:center; margin-top:100px;}
.title_st01{text-align:center; margin-top:100px; margin-bottom:50px;}
.title_st02{text-align:center; margin-top:40px; margin-bottom:10px;}
.mt-30{margin-top:30px;}
.mt-50{margin-top:50px;}
.mb-30{margin-bottom:30px;}
@media(max-width:1180px){
	.head_img img{border-radius:10px; width:100%;}
}
@media(max-width:820px){
	.title_st01{margin-top:70px;}

}
@media(max-width:550px){
	section:last-child{margin-bottom:100px;}
	
}



/* 특징 및 장점 */
.adv ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.adv ul li{display:flex; flex-wrap:wrap; background-color:#F4F7FB; width:450px; height:auto; border-radius:25px; padding:20px; margin-bottom:25px;}
.adv ul li.empty{background-color:#fff;}
.adv ul li .icon{background-color:#fff; width:60px; height:60px; border-radius:50%; margin-right:20px; display:flex; align-items:center; justify-content:center; }
.adv ul li .icon img{align-items:center;}
.adv ul li p{max-width:330px;}

.adv_etc ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.adv_etc ul li{display:flex; flex-wrap:wrap; background-color:#F4F7FB; width:450px; height:auto; border-radius:25px; padding:20px; margin-bottom:25px;}
.adv_etc ul li .icon{background-color:#fff; width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.adv_etc ul li .icon img{align-items:center;}
.adv_etc ul li .etc_t{width:330px; margin-right:20px;}
.adv_etc ul li .etc_t .icon_tt{margin-bottom:10px;}
.adv_etc ul li.empty{background-color:#fff;}
@media(max-width:1180px){
	.adv ul li{width:49%; height:auto;}
	.adv ul li p{max-width:340px;}

	.adv_etc ul li{width:49%; height:auto;}
	.adv_etc ul li .etc_t{width:360px; }
}
@media(max-width:820px){
	.adv ul li p{max-width:250px;}
	.adv ul li .icon{margin-right:10px;}

	.adv_etc ul li .etc_t{max-width:250px;margin-right:10px;}
}
@media(max-width:550px){
	.adv ul li{width:100%;}
	.adv ul li p{max-width:77%;}
	
	.adv_etc ul li{width:100%;}
	.adv_etc ul li .etc_t{max-width:79%;}
}
@media(max-width:380px){
	.adv_etc ul li .etc_t{max-width:75%;}
}

/*------------------ 서브페이지 ---------------- */

/* 5-인사말 */
.page-05 .wrap > div{display:flex;}
.page-05 .wrap > div div.gr_img {margin-right:40px; width:100%;} 
.page-05 .wrap > div div p.fs-17{margin-top:40px;}
@media(max-width:1180px){
	.page-05 .wrap > div{flex-wrap:wrap;}
	.page-05 .wrap > div div.gr_img {margin:0 auto; text-align:center;}
	.page-05 .wrap > div div p{ margin:50px auto; width:70%;}
	
}
@media(max-width:550px){
	.page-05 .wrap > div div.gr_img {margin-right:0;}
	.page-05 .wrap > div div p{ margin:50px auto; width:100%;}
}

/* 6-연혁 */
.page-06 .wrap .hi-box{display:flex; flex-wrap:wrap;}
.page-06 .wrap .hi-box .hi_img {margin-right:40px;}
.page-06 .wrap .hi-box .hi_text{width:50%;}
.page-06 .wrap .hi-box .hi_text:before{content:''; width:35px; border-top:3px solid #ebebeb; display:block; padding-bottom:5px;}
.page-06 .wrap .hi-box ul > li{display:flex; flex-wrap:wrap; line-height:1.8;}
.page-06 .wrap .hi-box .hi_text > ul > li{margin-top:13px;}
.page-06 .wrap .hi-box .year{width:80px; }
.page-06 .wrap .hi-box .hi-cont {width:80%;}
.page-06 .wrap .hi-box .hi-cont li:last-child {width:600px; border-bottom:1px dashed #ebebeb; padding-bottom:13px;}
.page-06 section{margin-bottom:100px;} 
.page-06 section:last-child{margin-bottom:200px;}
@media(max-width:1180px){
	.page-06 .wrap .hi-box .hi_img {margin-right:2%; width:48%;}
	.page-06 .wrap .hi-box .hi-cont {width:100%;}
	.page-06 .wrap .hi-box .hi-cont li:last-child {width:100%;}
}
@media(max-width:550px){
	.page-06 .wrap .hi-box .hi_img{width:100%; margin-right:0;}
	.page-06 .wrap .hi-box .hi_text{width:100%; margin-top:50px;}
	
}


/* 7-오시는길 */
.page-07 .wrap .map{width:1400px; height:400px; border-radius:30px; margin-bottom:70px; }

.page-07 .wrap .loc_text ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-07 .wrap .loc_text ul li{display:flex; flex-wrap:wrap; width:48%; padding-bottom:25px;}
.page-07 .wrap .loc_text ul li p.fs-22{width:75px;}
@media(max-width:1180px){
	.page-07 .wrap .map{width:100%; }
	.page-07 .wrap .loc_text ul li p.fs-22{width:auto; margin-right:10px;}
}
@media(max-width:820px){
	.page-07 .wrap .map{height:250px;}
}
@media(max-width:550px){
	.page-07 .wrap .map{margin-bottom:50px; }
	.page-07 .wrap .loc_text ul li{width:100%; padding-bottom:15px;}
}

/* 8-직교류형 냉각탑 */
.page-08 .wrap { } 


/* 9-대향류형 사각 냉각탑 */
@media(max-width:1180px){
	.page-09 .wrap .tb-st02 table{min-width:1200px; }
}


/* 10-대향류 사각 밀폐형 냉각탑 */
.page-10 .wrap .top_img {margin-top:0; } 
.page-10 .wrap .fs-17{text-align:center;}


/* 14-Splash grid filler */
.page-14 .wrap .pr-etc{margin-top:70px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-14 .wrap .pr-etc img{border:1px solid #EBEBEB; border-radius:30px;}
.page-14 .wrap .test_f{display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-14 .wrap .test_f .test p{margin-top:15px; text-align:center;}
.page-14 .bg_gray {margin-top:100px;}
.page-14 .bg_gray .wrap .title_st01{margin-top:0;}
.page-14 .wrap .etc_ex{display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-14 .wrap .etc_ex .ex{margin-bottom:40px;}
.page-14 .wrap .etc_ex .ex p{margin-top:15px; text-align:center;}
@media(max-width:1180px){
	.page-14 .wrap .pr-etc img{width:49%;}
	.page-14 .wrap .test_f .test{width:49%;}
	.page-14 .wrap .etc_ex .ex{width:49%;}
}
@media(max-width:550px){
	.page-14 .wrap .pr-etc img{width:100%; margin-bottom:10px;}
	.page-14 .wrap .test_f .test{width:100%; margin-bottom:10px;}
	.page-14 .wrap .etc_ex .ex{width:100%; margin-bottom:30px;}
}

/* 15-P.V.C filler */
.page-15 .wrap .pr-etc{margin-top:70px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.page-15 .wrap .pr-etc img{border:1px solid #EBEBEB; border-radius:30px;}
@media(max-width:1180px){
	.page-15 .wrap .pr-etc img{width:49%;}

}
@media(max-width:550px){
	.page-15 .wrap .pr-etc img{width:100%; margin-bottom:10px;}

}

/* 16-기타 냉각탑 부품 */
.page-16 section{margin-top:100px;}
.page-16 .wrap .etc_p{display:flex; flex-wrap:wrap;}
.page-16 .wrap .etc_p .etc_img img{border-radius:25px; border:1px solid #EBEBEB; margin-right:30px;}
.page-16 .wrap .etc_p ul {width:48%;}
.page-16 .wrap .etc_p ul li {margin-bottom:10px;}
.page-16 .wrap .etc_p ul li .etc_text{display:flex; }
.page-16 .wrap .etc_p ul li .etc_text p.fw-700{width:auto; margin-right:7px;}
.page-16 section:last-child{margin-bottom:0;}
@media(max-width:1180px){
	.page-16 .wrap .etc_p .etc_img {width:49%; margin-right:2%;}
	.page-16 .wrap .etc_p ul{width:49%;}
	.page-16 .wrap .etc_p ul li .etc_text .f-navy{font-size:17px;}
	.page-16 .wrap .etc_p ul li .etc_text p.fw-700{ }

}
@media(max-width:550px){
	.page-16 .wrap .etc_p .etc_img {width:100%; margin-right:0;}
	.page-16 .wrap .etc_p ul{width:100%;}
	.page-16 .wrap .etc_p ul li .etc_text p.fw-700{margin-right:10px;}

}

/* 18-운전 점검 및 정기관리 */
.page-18 section{margin-top:100px;}
.page-18 .bg_gray .title_st01{margin-top:0;}
.page-18 .wrap .title_st01, .page-18 .wrap .title_st02{text-align:left;}
.page-18 .wrap .title_st02{margin-top:0; margin-bottom:10px;}
.page-18 .wrap .drv {display:flex; flex-wrap:wrap;justify-content:space-between;}
.page-18 .wrap .drv > li{width:690px; height:auto; background-color:#F4F7FB; border-radius:25px; padding:25px; position:relative; margin-bottom:20px;}
.page-18 .wrap .drv li .drv_list li:before{content:'·'; color:#C7C7C7; font-weight:800; margin-right:5px;}
.page-18 .wrap .drv li .drv_list li{margin-bottom:10px; max-width:460px; text-indent:-10px; margin-left:10px;}
.page-18 .wrap .drv li .drv_icon{position:absolute; bottom:25px; right:25px; background-color:#fff; width:100px; height:100px; border-radius:50%; display:flex; align-items:center; justify-content:center; }
.page-18 .wrap .drv li .drv_icon img{align-items:center;}
.page-18 .wrap .tb-st02 tbody tr td:first-child{font-weight:700; color:#283C62; padding-left:10px;}
.page-18 section:last-child{margin-bottom:0;}
@media(max-width:1180px){
	
	.page-18 .wrap .drv > li{width:49%; height:360px; }
}
@media(max-width:820px){
	.page-18 section{margin-top:50px;}
	.page-18 .wrap .drv > li{width:100%; height:auto; min-height:150px;}
	.page-18 .wrap .drv li .drv_list li{max-width:80%;}
}
@media(max-width:550px){
	.page-18 .wrap .drv li .drv_list li{max-width:100%;}
	.page-18 .wrap .drv li .drv_list li:last-child{max-width:80%;}
	.page-18 .wrap .drv li .drv_icon{bottom:22px; right:22px; width:60px; height:60px;}
	.page-18 .wrap .drv li .drv_icon img{width:30px;}
}


/* 19-운전 · 유지보수 */
.page-19 .wrap .title_st01, .page-19 .wrap .title_st02{text-align:left;}
.page-19 .wrap .title_st02{margin-top:10px; margin-bottom:10px;}
.page-19 .wrap .drv_way > li{width:100%; background-color:#F4F7FB; border-radius:25px; padding:25px; margin-bottom:20px; display:flex; flex-wrap:wrap; }
.page-19 .wrap .drv_way li .drv_n{background-color:#fff; width:100px; height:100px; border-radius:50%; font-size:40px; color:#4366A8;  font-weight:800;display:flex; align-items:center; justify-content:center; margin-right:30px;}
.page-19 .wrap .drv_way > li .mb{display:none;}
.page-19 .wrap .drv_way li .way-text{ width:80%;}
.page-19 .wrap .drv_way li .drv_list li:before{content:'·'; color:#C7C7C7; font-weight:800; margin-right:5px;}
.page-19 .wrap .drv_way li .drv_list li{margin-bottom:10px; text-indent:-10px; margin-left:10px;}
@media(max-width:1180px){
	.page-19 .wrap .drv_way li .way-text{width:85%;}
}
@media(max-width:820px){
	.page-19 .wrap .drv_way li .drv_n{width:70px; height:70px; font-size:30px;margin-right:10px;}	
}
@media(max-width:550px){
	.page-19 .wrap .drv_way > li .mb{display:flex; align-items:center; font-size:24px;}
	.page-19 .wrap .drv_way li .way-text{width:100%; margin-top:20px;}
	.page-19 .wrap .drv_way li .way-text .title_st02{display:none;}
}

/* 20-인증 및 특허 */
.page-20 section{margin-top:100px;}
.page-20 .bg_gray .title_st01{margin-top:0;}
.page-20 .wrap ul{display:flex; flex-wrap:wrap;justify-content:space-between; }
.page-20 .wrap ul li.clearbx > div{width: 250px;}
.page-20 .wrap ul li{margin-bottom:35px; text-align:center;}
.page-20 .wrap ul li p{margin-top:10px;text-align:center; width:250px;}
.page-20 section:last-child{margin-bottom:0;}
@media(max-width:1180px){
	.page-20 .wrap ul li{width:18%;}
	.page-20 .wrap ul li p{width:175px;}
}
@media(max-width:820px){
	.page-20 section{margin-top:50px;}
	.page-20 .wrap ul{ justify-content:space-evenly;}
	.page-20 .wrap ul li{width:30%;}
	.page-20 .wrap ul li p{width:220px;}
    .page-20 .wrap ul li.clearbx{display: none;}
}
@media(max-width:550px){
	.page-20 .wrap ul li{width:48%;}
	.page-20 .wrap ul li p{width:180px;}
    .page-20 .wrap ul li.clearbx{display: none;}
}

/*tab css*/
.tab{width:1400px; margin-bottom:200px;}
.tabnav{font-size:0; width:100%; border:1px solid #ddd; display:table; table-layout:fixed;}
.tabnav li{display: table-cell;  height:46px; text-align:center; border-right:1px solid #ddd;}
.tabnav li:last-child{ border-right:none;}

.tabnav li a.active:before{background:#283C62;}
.tabnav li a{ position:relative; display:block; background: #f8f8f8; color: #000; padding:0 30px; line-height:46px; text-decoration:none; font-size:16px;}
.tabnav li a:hover,
.tabnav li a.active{background:#283C62; color:#fff; }
@media(max-width:1180px){
	.tab{width:100%;}
	.tabnav li a{padding:0 5px;}
}
@media(max-width:820px){
	.tab{}
	.tab_scr{overflow-x:scroll;}
	.tabnav{width:1024px;}
}


/*table style*/
table {border-top:2px solid #283C62; border-bottom:2px solid #283C62; margin-top:20px; width:100%; display:table; table-layout:fixed;}
table tr td{font-size:17px; text-align:center; padding-top:10px; padding-bottom:10px; vertical-align:middle;}
table tr{border-bottom:1px solid #C7C7C7;}
table tr:last-child{border-bottom:0;}
.tb-st01{}
.tb-st01 tr td{width:25%;}
.tb-st01 tr td:nth-child(2n-1){background:#F4F7FB; color:#283C62; font-weight:600;}
.tb-st01 tr td:nth-child(2n){background:#fff;}

.tb-st02 thead{background:#F4F7FB;color:#283C62;font-weight:600;border-bottom:1px solid #C7C7C7;}
.tb-st02 tbody{background:#fff;}

.tb-st03 thead{background:#F4F7FB;color:#283C62;font-weight:600;border-bottom:1px solid #C7C7C7;}
.tb-st03 tr td{width:25%;}
.tb-st03 tr td:nth-child(2n-1){background:#F4F7FB; color:#283C62; font-weight:600;}

.tb-st04 p{float:left;color:#283C62; font-weight:600; margin-bottom:10px;}
.tb-st04 thead{background:#F4F7FB;color:#283C62;font-weight:600;border-bottom:1px solid #C7C7C7;}
.tb-st04 tr td{width:25%;}
.tb-st04 tr td:first-child{background:#F4F7FB; color:#283C62; font-weight:600;}


@media(max-width:1180px){
	.tb-st01, .tb-st02, .tb-st03,.tb-st04{overflow-x:scroll;}
	table {max-width:1180px; min-width:750px;}
	.tb-st04 table{min-width:1100px;}
	.tb-st04 tr td:first-child{  
	position: -webkit-sticky; 
	position: sticky; 
	left: 0;}

}