@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	" board｜errors｜goods｜service｜layout/board｜layout/display｜layout/goods "
	" layout/popup.html "

	위 폴더 및 페이지 커스텀 및 layout, navigation, button, company 관련 편집 css 파일 입니다.

	** header, footer, main 관련은 /css/skin.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	
	common.css 커스텀 css 아래에 작성

───────────────────────────────────────────────────────────*/


/*───────────────────────────────────────────────────────────

	sub visual

───────────────────────────────────────────────────────────*/
	.sub_visual{width:100%;height:0;padding-bottom:360px;position: relative;}
	.sub_visual .txt_box{width:calc(100% - 30px);text-align: center;position: absolute;top:50%;transform:translate(-50%, -50%);box-sizing:border-box;left:50%;}
	.sub_visual .txt_box h2{font-size:60px;color:#fff;font-weight:700;margin-top:12px;}

	/*네비게이션*/
	.sub_visual .nav_box {box-sizing:border-box;margin:0 auto;width:auto;padding:0;display:block;margin-top:19px;}
	.sub_visual .nav_box > ul {font-size:0;}
	.sub_visual .nav_box > ul > li, .sub_visual .nav_box > ul > li a {font-size:16px;font-weight:400;color:#fff;letter-spacing:0.32px;}
	.sub_visual .nav_box > ul > li {width:auto;text-align:left;display: inline-block;box-sizing:border-box;vertical-align:middle;position:relative;z-index:1;}
	.sub_visual .nav_box > ul > li + li {margin-left:1em;padding-left: calc(1em + 8px);}
	.sub_visual .nav_box > ul > li + li:before {width:7px;height:11px;left:0;top:50%;transform:translateY(-50%);display:inline-block;content:"";background:url('../images/sub/icon-navi-arrow.png') no-repeat 50% 50%;background-size:cover;position:absolute;}
	.sub_visual .nav_box > ul > li:first-child {text-align:center;}
	.sub_visual .nav_box > ul > li.nav_dep1 {}
	.sub_visual .nav_box > ul > li.nav_dep1 a {}

	/*메뉴*/
	#side_box{position:relative;z-index:5;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;}
	#side_box .sub_menu dl{}
	#side_box .sub_menu dl dt{font-size:0;cursor:pointer;position: relative;z-index:5;}
	#side_box .sub_menu dl dt span{display: block;font-size:inherit;color:inherit;font-weight:inherit;max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	#side_box .sub_menu dl dd{text-align:center;font-size:0;}
	#side_box .sub_menu dl dd a{display: inline-block;vertical-align: top;color:#666;font-size:20px;font-weight:400;vertical-align:middle;box-sizing:border-box;position: relative;height:70px;line-height:70px;letter-spacing:0.4px;padding:0 32px;}
	#side_box .sub_menu dl dd a span{font-size:inherit;color:inherit;font-weight:inherit;;}
	#side_box .sub_menu dl dd a + a:after{width:3px;height:3px;content:"";box-sizing:border-box;border-radius:100%;background:#999;position: absolute;left:-2px;top:calc(50% + 1px);}
	#side_box .sub_menu dl dd a.on{color:#009cdc;}
	#side_box .sub_menu dl dd a.on:before{width:40px;height:3px;content:"";background:#009cdc;position: absolute;left:50%;transform:translate(-50%);bottom:-1px;}

	.sub_title{font-size:50px;color:#000;font-weight:700;letter-spacing:1px;text-align: center;margin-bottom:59px;}

	@media only screen and (max-width:1200px){
		.sub_visual{padding-bottom:300px;}

		/*메뉴*/
		#side_box .sub_menu dl dd a{font-size:16px;}

		.sub_title{font-size:40px;margin-bottom:6vw;}
	}
	@media only screen and (max-width:800px){
		.sub_visual {padding-bottom:38%;}
		.sub_visual .txt_box h2{font-size:40px;}

		/*네비게이션*/
		.sub_visual .nav_box > ul > li, .sub_visual .nav_box > ul > li a{font-size:14px;}

		#side_box .sub_menu dl dd a{font-size:14px;height:54px;line-height:54px;padding:0 20px;}

		.sub_title{font-size:36px;}

	}
	@media only screen and (max-width:640px){
		#side_box{border-bottom:none;}
		#side_box{background:#ffff;transform:translateY(0)}
		#side_box .w_custom{padding:0 !important;}
		#side_box .sub_menu dl dt{font-size:18px;font-weight:500;color:#333;height:55px;line-height:1.4;background:#fff;padding:0 15px;display:flex;align-items:center;border-bottom:1px solid #ddd;}
		#side_box .sub_menu dl dt span{max-width:92%;}
		#side_box .sub_menu dl dt:after{content:'';width:10px;height:10px;border-bottom:1px solid #888;border-right:1px solid #888;position:absolute;top:50%;right:15px;transform:rotate(45deg);margin-top:-8px;}
		#side_box .sub_menu dl dt.on:after{transform:rotate(-135deg);margin-top:-3px;}
		#side_box .sub_menu dl dd{position:absolute;width:100%;top:100%;left:0;height:auto;padding:15px 0;box-shadow:0 7.5px 20px 0 rgba(0,0,0,0.2);background:#fff;display:none;}
		#side_box .sub_menu dl dd.open{display:block;}
		#side_box .sub_menu dl dd a{color:#888;font-size:16px;display:block;padding:10px 0;text-align:left;height:initial;line-height:initial;}
		#side_box .sub_menu dl dd a + a:after{display: none;}
		#side_box .sub_menu dl dd a.on{color:#333333;font-weight:500;}
		#side_box .sub_menu dl dd a.on:before{display: none;}
		#side_box .sub_menu dl dd a span{padding:0 15px;display:block;box-sizing:border-box;}
		#side_box .sub_menu dl dd a + a span:before{display: none;}

		.sub_title{font-size:28px;}
	}
	@media only screen and (max-width:500px){
		.sub_visual{padding-bottom:50%;}
		.sub_visual .txt_box h2{font-size:28px;}

		/*네비게이션*/
		.sub_visual .nav_box > ul > li, .sub_visual .nav_box > ul > li a{font-size:13px;}
		.sub_visual .nav_box > ul > li + li{margin-left:0.8em;padding-left:calc(0.8em + 4px);}
		.sub_visual .nav_box > ul > li .home{width:10px;height:10px;margin-top:3px;}

		#side_box .sub_menu dl dt{font-size:16px;height:44px;}
		#side_box .sub_menu dl dd a{font-size:14px;}

		.sub_title{font-size:24px;}
	}

	@media only screen and (max-width:350px){
		.sub_visual{padding-bottom:60%;}
	}


/*───────────────────────────────────────────────────────────
	button common
───────────────────────────────────────────────────────────*/
/* custom button type */
	/* button 공통 요소 */
.btn, .btn_lg, .btn_sm, .btn_md {font-weight:700;border-style:solid !important;border-width:1px !important;padding:0 15px;margin:0;text-indent:0;vertical-align:top !important;text-align:center;display:inline-block;box-sizing:border-box;cursor:pointer;box-shadow:none;outline:0 !important;}
	/* button 크기별 */

.btn_wd {width:100%;height:50px;line-height:48px;font-size:17px;}
.btn {min-width:108px;width:auto;height:40px;line-height:38px;font-size:15px;}
.btn_lg {min-width:92px;width:auto;height:72px;line-height:70px;font-size:14px;}
.btn_md {min-width:60px;width:auto;line-height:28px;height:30px;font-size:13px;}
.btn_sm {min-width:30px;width:auto;line-height:28px;width:auto !important;padding:0 8px;font-size:inherit;border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
	/* button 색상별 */
.btn_point, .btn_point:hover {border-color:#009cdc !important;background-color:#009cdc !important;color:#fff !important;}
.btn_basic, .btn_basic:hover {border-color:#777 !important;background-color:#777 !important;color:#fff !important;}
.btn_default, .btn_default:hover {border-color:#aaa !important;background-color:#aaa !important;color:#fff !important;}
.btn_info, .btn_info:hover {border-color:#d3d3d3 !important;background-color:#fff !important;color:#555 !important;}
.btn_reset, .btn_reset:hover {border-color:#d3d3d3 !important;background:#fff url(../images/common/icon_btn_reset.gif) no-repeat 9px 50% !important;padding:0 10px 0 30px !important;color:#555 !important;}
	/* button wrapper */
.btn_wrap {margin:0 auto;padding:0;padding-top:2.8%;font-size:0;vertical-align:top;display:inline-block;}
.btn_wrap.ta_center {width:100%;}
.btn_wrap a + a,
.btn_wrap button + button,
.btn_wrap a + button,
.btn_wrap button + a {margin-left:12px;vertical-align:top;}
.btn_wrap button > a, .btn_wrap a > a{margin-left:0;}
.view_btn .btn_wrap.ta_right {position:absolute;right:0px;top:0px;}

@media only screen and (max-width:1200px) {
		/* button wrapper */
	.btn_wrap {padding-top:3.8%;}
}
@media only screen and (max-width:1023px) {
		/* button wrapper */
	.btn_wrap {padding-top:4.2%;}
	.view_btn .btn_wrap.ta_left {position:absolute;left:0px;top:0px;}
}
@media only screen and (max-width:860px) {

}
@media only screen and (max-width:767px) {
		/* button wrapper */
	.btn_wrap {padding-top:5.2%;}
}
@media only screen and (max-width:640px) {
		/* button wrapper */
	.btn_wrap {padding-top:5.8%;}
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:8px;}
}
@media only screen and (max-width:479px) {
		/* button 크기별 */
	.btn_wd {font-size:16px;}
	.btn {min-width:70px;font-size:13px;}
	.btn_lg {min-width:72px;font-size:13px;}
	.btn_md {min-width:60px;font-size:12px;}
	.btn_sm {padding:0 4px;font-size:12px;}
		/* button wrapper */
	.btn_wrap a + a,
	.btn_wrap button + button,
	.btn_wrap a + button,
	.btn_wrap button + a {margin-left:6px;}
	.view_btn .paging {width:100%;min-height:87px;}
	.view_btn .paging + .btn_wrap.ta_right{top:70px;}
}
@media only screen and (max-width:320px) {
		/* button 크기별 */
	.btn {min-width:68px;}
	.btn_md {min-width:44px;font-size:12px;}
}





/*───────────────────────────────────────────────────────────

	 COMPANY

───────────────────────────────────────────────────────────*/
	/*about*/
		.sub_about .about_img{width:100%;height:0;padding-bottom:430px;background:url('../images/sub/about-img.jpg')no-repeat center;background-size:cover;position: relative;}
		.sub_about .about_img .logo{position: absolute;top:32%;left:50%;transform:translate(-50%);text-align: center;}
		.sub_about .about_txt{background:#fff;text-align:left;padding:71px 58px 0 58px;position: relative;width:1320px;margin:0 auto;box-sizing:border-box;margin-top:-80px;}
		.sub_about .about_txt:before{width:376px;height:376px;content:"";background:url('../images/sub/about-icon-01.png')no-repeat center;background-size:auto 100%;position: absolute;right:-30%;top:28%;}
		.sub_about .about_txt:after{width:492px;height:492px;content:"";background:url('../images/sub/about-icon-02.png')no-repeat center;background-size:auto 100%;position: absolute;left:-33.5%;top:59.5%;}
		.sub_about .about_txt h4{font-size:50px;color:#111;font-weight:700;letter-spacing:1px;}
		.sub_about .about_txt h4 strong{font-size:inherit;color:#009cdc;font-weight:inherit;letter-spacing:inherit;}
		.sub_about .about_txt h5{font-size:30px;color:#333;font-weight:500;letter-spacing:0.6px;margin:32px 0 18px;}
		.sub_about .about_txt p{font-size:20px;color:#666;font-weight:300;letter-spacing:0.4px;line-height:36px;}
		.sub_about .about_txt p + p{margin-top:36px;}
		.sub_about .about_txt .sign{text-align: right;font-size:20px;color:#333;font-weight:500;letter-spacing:0.4px;margin-top:30px;}

		@media only screen and (max-width:1500px){
			.sub_about .about_txt:before{right:-12%;}
			.sub_about .about_txt:after{left:-18.5%;}
		}
		@media only screen and (max-width:1350px){
			.sub_about .about_txt{width:calc(100% - 60px);padding:60px 48px 0 48px;}
			.sub_about .about_txt p br{display: none;}
		}
		@media only screen and (max-width:1240px){
			.sub_about .about_txt{padding:50px 38px 0 38px;}
		}
		@media only screen and (max-width:1024px){
			.sub_about .about_img{padding-bottom:34%;}
			.sub_about .about_img img{width:60%;}
			.sub_about .about_txt{margin-top:-40px;padding:40px 28px 0 28px;}
			.sub_about .about_txt:before{width:230px;height:230px;}
			.sub_about .about_txt:after{width:300px;height:300px;}
			.sub_about .about_txt h4{font-size:40px;}
			.sub_about .about_txt h5{font-size:25px;margin:24px 0 12px;}
			.sub_about .about_txt p{font-size:16px;line-height:26px;}
			.sub_about .about_txt p + p{margin-top:24px;}
			.sub_about .about_txt .sign{font-size:18px;}
		}
		@media only screen and (max-width:640px){
			.sub_about .about_txt{width:calc(100% - 40px); padding-top:30px;}
			.sub_about .about_txt:before{right:-27%;}
			.sub_about .about_txt:after{left:-33.5%;}
			.sub_about .about_txt h4{font-size:30px;}
			.sub_about .about_txt h5{font-size:20px;margin:14px 0 12px;}
			.sub_about .about_txt p{font-size:14px;line-height:24px;}
		}
		@media only screen and (max-width:500px){
			.sub_about .about_img{padding-bottom:40%;}
			.sub_about .about_img .logo{top:25%;}
			.sub_about .about_img .logo img{width:100%;}
			.sub_about .about_txt{padding:30px 18px 0 18px;}
			.sub_about .about_txt:before{width:170px;height:170px;right:-40%;}
			.sub_about .about_txt:after{width:230px;height:230px;left:-40.5%;}
			.sub_about .about_txt h4{font-size:24px;}
			.sub_about .about_txt h5{font-size:16px;}
			.sub_about .about_txt p{font-size:12px;line-height:20px;}
			.sub_about .about_txt p + p{margin-top:18px;}
			.sub_about .about_txt .sign{margin-top:20px;font-size:15px;}
		}

	/*ci*/
		.sub_ci_content{position: relative;padding-bottom:184px;}
		.sub_ci_content:before{width:100%;height:87%;background:#009cdc;position: absolute;bottom:0;left:0;opacity:0.05;content:"";}
		.sub_ci .logo_img{width:100%;height:300px;background:url('../images/sub/ci-bg.png')no-repeat center;background-size:100% 100%;position: relative;display:flex;align-items:center;justify-content:center;}
		.sub_ci .logo_img img{}

		.sub_ci .ci_des{display:flex;flex-wrap:wrap;margin-top:40px;}
		.sub_ci .ci_des li{display:flex;align-items:center;width:50%;margin-bottom:56px;box-sizing:border-box;}
		.sub_ci .ci_des li:nth-of-type(2n){padding-left:49px;}
		.sub_ci .ci_des li .icon{width:90px;height:90px;box-sizing:border-box;border-radius:100%;border:2px solid #ddd;background:#fff;display:flex;align-items:center;justify-content:center;}
		.sub_ci .ci_des li p{width:calc(100% - 90px);padding-left:30px;box-sizing:border-box;font-size:18px;color:#333;font-weight:400;letter-spacing:0.36px;line-height:30px;}

		.sub_ci .ci_color{margin-top:57px;}
		.sub_ci .ci_color > dt{font-size:36px;color:#000;font-weight:700;letter-spacing:0.72px;}
		.sub_ci .ci_color > dd{margin-top:30px;}
		.sub_ci .ci_color > dd > ul{display:flex;}
		.sub_ci .ci_color > dd > ul > li{display:flex;align-items:center;width:calc(50% - 15px);background:#fff;}
		.sub_ci .ci_color > dd > ul > li + li{margin-left:30px;}
		.sub_ci .ci_color > dd .color{width:44.6%;height:196px;}
		.sub_ci .ci_color > dd .color_info{width:55.4%;background:#fff;text-align: center;height:100%;box-sizing:border-box;border:1px solid #ccc;display:flex;align-items:center;justify-content:center;}
		.sub_ci .ci_color > dd .color_info dt{font-size:24px;color:#000011;font-weight:700;letter-spacing:0.48px;margin-bottom:14px;}
		.sub_ci .ci_color > dd .color_info dd ul li{font-size:18px;color:#666;font-weight:400;letter-spacing:0.36px;line-height:30px;}
		.sub_ci .ci_color > dd .color_info dd ul li strong{font-size:inherit;color:#333;font-weight:500;letter-spacing:inherit;display: inline-block;margin-right:5px;}

		@media only screen and (max-width:1217px){
			.sub_ci .ci_des li p br{display: none;}
		}
		@media only screen and (max-width:860px){
			.sub_ci_content{padding-bottom:20vw;}
			.sub_ci .logo_img{height:240px;}
			.sub_ci .ci_des li{margin-bottom:40px;}
			.sub_ci .ci_des li:nth-of-type(2n){padding-left:20px;}
			.sub_ci .ci_des li p{padding-left:15px;font-size:16px;line-height:22px;}

			.sub_ci .ci_color > dt{font-size:30px;}
			.sub_ci .ci_color > dd .color{height:160px;}
			.sub_ci .ci_color > dd .color_info dt{font-size:18px;}
			.sub_ci .ci_color > dd .color_info dd ul li{font-size:14px;line-height:24px;}
		}
		@media only screen and (max-width:640px){
			.sub_ci .logo_img{height:180px;}
			.sub_ci .logo_img img{width:48%;}
			.sub_ci .ci_des{display: block;}
			.sub_ci .ci_des li{width:100%;margin-bottom:20px;}
			.sub_ci .ci_des li:nth-of-type(2n){padding:0;}

			.sub_ci .ci_color > dd > ul > li{display: block;}
			.sub_ci .ci_color > dd .color{width:100%;height:130px;}
			.sub_ci .ci_color > dd .color_info{width:100%;height:auto;padding:30px 0;}
		}
		@media only screen and (max-width:500px){
			.sub_ci .logo_img{height:120px;}
			.sub_ci .ci_des{margin-top:30px;}
			.sub_ci .ci_des li .icon{width:70px;height:70px;}
			.sub_ci .ci_des li .icon img{max-width:50%;}
			.sub_ci .ci_des li:nth-child(2) .icon img{max-width:100%;}
			.sub_ci .ci_des li p{padding-left:10px;width:calc(100% - 70px);font-size:14px;line-height:20px;}

			.sub_ci .ci_color{margin-top:40px;}
			.sub_ci .ci_color > dt{font-size:22px;}
			.sub_ci .ci_color > dd{margin-top:10px;}
			.sub_ci .ci_color > dd > ul > li{width:calc(50% - 7.5px);}
			.sub_ci .ci_color > dd > ul > li + li{margin-left:15px;}
			.sub_ci .ci_color > dd .color{height:90px;}
			.sub_ci .ci_color > dd .color_info{padding:20px 0;}
			.sub_ci .ci_color > dd .color_info dt{font-size:15px;margin-bottom:8px;}
			.sub_ci .ci_color > dd .color_info dd ul li{font-size:12px;line-height:20px;}
		}

	/*who we are*/
		.sub_who{position: relative;background:url('../images/sub/sub-who-bg.jpg')no-repeat bottom center;background-size:100%;padding:60px 0 35px;}
		.sub_who .w_custom{display:flex;justify-content:space-between;}
		.sub_who .txt_box{width:60%;}	
		.sub_who .txt_box h4{font-size:40px;color:#333;font-weight:700;letter-spacing:0.8px;line-height:56px;}
		.sub_who .txt_box p{font-size:20px;color:#666;font-weight:300;letter-spacing:0.4px;position: relative;margin-top:44px;padding-top:43px;line-height:34px;}
		.sub_who .txt_box p:before{width:50px;height:2px;content:"";background:#009cdc;position: absolute;top:0;left:0;}
		.sub_who .img_box{transform:translate(33px, -76px);width:40%;}

		@media only screen and (max-width:1217px){
			.sub_who .txt_box p br{display: none;}
		}
		@media only screen and (max-width:1024px){
			.sub_who .txt_box h4{font-size:34px;line-height:42px;}
			.sub_who .txt_box p{font-size:18px;margin-top:28px;padding-top:28px;line-height:30px;}

		}
		@media only screen and (max-width:860px){
			.sub_who{padding:35px 0 12vw;}	
			.sub_who .txt_box h4{font-size:30px;line-height:38px;}
			.sub_who .img_box{transform:translate(10px, -40px);}
		}
		@media only screen and (max-width:640px){
			.sub_who .w_custom{display: block;}
			.sub_who .txt_box{width:100%;}
			.sub_who .img_box{transform:none;text-align: right;width:100%;margin-top:40px;}
			.sub_who .img_box img{width:45%;}
		}
		@media only screen and (max-width:500px){
			.sub_who{padding-top:0;}
			.sub_who .txt_box h4{font-size:20px;line-height:28px;}
			.sub_who .txt_box h4 br{display: none;}
			.sub_who .txt_box p{font-size:16px;line-height:26px;margin-top:20px;padding-top:20px;}
			.sub_who .txt_box p:before{width:30px;}

		}

/*───────────────────────────────────────────────────────────

	 More from water

───────────────────────────────────────────────────────────*/
	.sub_findings .water_des{width:100%;margin:0 auto;box-sizing:border-box;position: relative;padding:0 72px;}
	.sub_findings .water_des dl{}	
	.sub_findings .water_des dl + dl{margin-top:114px;}
	.sub_findings .water_des dl dt{width:100%;height:320px;position: relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0 20px;text-align: center;}
	.sub_findings .water_des dl:nth-child(1) dt{background:url('../images/sub/sub-finding-01.jpg')no-repeat center;background-size:cover;}
	.sub_findings .water_des dl:nth-child(2) dt{background:url('../images/sub/sub-finding-02.jpg')no-repeat center;background-size:cover;}
	.sub_findings .water_des dl:nth-child(3) dt{background:url('../images/sub/sub-finding-03.jpg')no-repeat center;background-size:cover;}
	.sub_findings .water_des dl dt span{font-size:36px;color:#fff;font-weight:700;letter-spacing:0.72px;}
	.sub_findings .water_des dl dd{text-align: center;margin-top:41px;box-sizing:border-box;}
	.sub_findings .water_des dl dd p{font-size:20px;color:#666;font-weight:300;letter-spacing:0.4px;line-height:34px;}

	.sub_findings .finding_icon{width:100%;background:#f5f5f5;box-sizing:border-box;padding:120px 0 90px;margin-top:116px;position: relative;}
	.sub_findings .finding_icon:before{width:1px;height:100px;content:"";background:#000;position: absolute;left:50%;top:-50px;}
	.sub_findings .finding_icon ul{display:flex;flex-wrap:wrap;}	
	.sub_findings .finding_icon ul li{width:calc(50% - 15px);box-sizing:border-box;margin-bottom:30px;background:#fff;text-align: center;padding:57px 0 51px;}
	.sub_findings .finding_icon ul li:nth-of-type(2n){margin-left:30px;}
	.sub_findings .finding_icon ul li .icon{height:87px;display:flex;justify-content:center;align-items:center;}
	.sub_findings .finding_icon ul li dl{margin-top:34px;box-sizing:border-box;}
	.sub_findings .finding_icon ul li dl dt{font-size:20px;color:#333;font-weight:400;letter-spacing:0.4px;}
	.sub_findings .finding_icon ul li dl dd{font-size:18px;color:#666;font-weight:300;letter-spacing:0.36px;line-height:30px;margin-top:14px;box-sizing:border-box;}

	@media only screen and (max-width:1400px){
		.sub_findings .water_des{padding:0 30px;}

	}
	@media only screen and (max-width:1200px){
		.sub_findings .water_des dl + dl{margin-top:80px;}
		.sub_findings .water_des dl dt{height:260px;}
		.sub_findings .water_des dl dt span{font-size:28px;}
		.sub_findings .water_des dl dd{padding:0 20px;}
		.sub_findings .water_des dl dd p{font-size:18px;line-height:30px;}
		.sub_findings .water_des dl dd p br{display: none;}

		.sub_findings .finding_icon ul li dl{padding:0 15px;}
		.sub_findings .finding_icon ul li dl dt{font-size:18px;}
		.sub_findings .finding_icon ul li dl dd{font-size:16px;line-height:26px;}
		.sub_findings .finding_icon ul li dl dd br{display: none;}
	}
	@media only screen and (max-width:640px){
		.sub_findings .water_des{padding:0 15px;}
		.sub_findings .water_des dl + dl{margin-top:66px;}
		.sub_findings .water_des dl dt{height:180px;}
		.sub_findings .water_des dl dt span{font-size:22px;}
		.sub_findings .water_des dl dd{margin-top:25px;padding:0 10px;}
		.sub_findings .water_des dl dd p{font-size:15px;line-height:25px;}

		.sub_findings .finding_icon{margin-top:80px;padding:90px 0 70px;}
		.sub_findings .finding_icon:before{height:50px;top:-25px;}
		.sub_findings .finding_icon ul li{width:calc(50% - 7.5px);margin-bottom:15px;padding:23px 0 22px;}
		.sub_findings .finding_icon ul li:nth-of-type(2n){margin-left:15px;}
		.sub_findings .finding_icon ul li .icon{height:55px;}
		.sub_findings .finding_icon ul li .icon img{max-height:100%;}
		.sub_findings .finding_icon ul li dl{margin-top:20px;padding:0 10px;}
		.sub_findings .finding_icon ul li dl dt{font-size:16px;}
		.sub_findings .finding_icon ul li dl dd{font-size:14px;line-height:20px;;}
	}
	@media only screen and (max-width:500px){
		.sub_findings .finding_icon ul li{width:100%;}
		.sub_findings .finding_icon ul li:nth-of-type(2n){margin-left:0;}
	}

/*───────────────────────────────────────────────────────────

	 Water Ionization

───────────────────────────────────────────────────────────*/
	/*device*/
		.sub_device .device_des{box-sizing:border-box;background:#f5f5f5;padding:113px 0 107px;}
		.sub_device .device_des dl dd{margin-top:22px;}
		.sub_device .sub_device_box{margin-top:113px;}
		.sub_device dl dt{font-size:36px;color:#000;font-weight:700;letter-spacing:0.72px;}
		.sub_device dl dd{font-size:20px;color:#666;font-weight:300;letter-spacing:0.4px;line-height:34px;}
		.sub_device dl dd .img_box{box-sizing:border-box;border:1px solid #ddd;margin-top:38px;}
		.sub_device dl dd .img_box + p{margin-top:33px;}
		.sub_device dl dd p{font-size:inherit;color:inherit;font-weight:inherit;line-height:initial;}

		@media only screen and (max-width:1217px){
			.sub_device dl dd br{display: none;}
		}
		@media only screen and (max-width:860px){
			.sub_device dl dt{font-size:32px;}
			.sub_device dl dd{font-size:18px;line-height:32px;}
		}	
		@media only screen and (max-width:640px){
			.sub_device .device_des{padding:50px 0 50px;}
			.sub_device dl dt{font-size:26px;}
			.sub_device dl dd{font-size:15px;line-height:26px;margin-top:10px;}

			.sub_device .sub_device_box{margin-top:60px;}
			.sub_device dl dd .img_box{margin-top:15px;}
			.sub_device dl dd .img_box + p{margin-top:18px;}
		}
		@media only screen and (max-width:500px){
			.sub_device .device_des{padding:30px 0 30px;}
			.sub_device dl dt{font-size:20px;}
			.sub_device .device_des dl dd{margin-top:10px;font-size:14px;line-height:24px;}
			.sub_device .sub_device_box{margin-top:45px;}
		}

	/*strength*/
		.strength_intro{box-sizing:border-box;background:url('../images/sub/active-intro-bg.jpg')no-repeat bottom center;padding-bottom:25.85%;background-size:100%;}
		.strength_intro .txt{text-align: center;}
		.strength_intro .txt > span{font-size:26px;color:#666;font-weight:400;letter-spacing:0.52px;}
		.strength_intro .txt .icon{margin-top:23px;}
		.strength_intro .txt .icon span{display: inline-block;box-sizing:border-box;vertical-align: top;width:137px;height:60px;line-height:60px;border-radius:30px;text-align: center;font-size:24px;color:#fff;font-weight:500;letter-spacing:0.48px;background:#5e5f62;position: relative;}
		.strength_intro .txt .icon span + span{background:#009cdc;margin-left:80px;}
		.strength_intro .txt .icon span + span:before{width:22px;height:14px;content:"";background:url('../images/sub/txt-arw.png')no-repeat left center;position: absolute;left:-53px;top:22px;background-size:auto 100%;}
		.strength_intro .txt p{font-size:34px;color:#111;font-weight:500;letter-spacing:0.68px;line-height:50px;margin-top:39px;}

		.sub_strength .sub_strength_box{margin-top:113px;box-sizing:border-box;}
		.sub_strength .sub_strength_box:nth-of-type(2n+1){background:#f9f9f9;padding:113px 0 120px;}
		.sub_strength .sub_strength_box + .sub_strength_box{}
		.sub_strength_box .str_table + .str_table{margin-top:58px;}
		.sub_strength_box h4{font-size:36px;color:#000;font-weight:700;letter-spacing:0.72px;margin-bottom:34px;}
		.sub_strength_box h5{font-size:22px;color:#666;font-weight:400;letter-spacing:0.44px;position: relative;box-sizing:border-box;padding-left:17px;margin-bottom:22px;}
		.sub_strength_box h5 strong{font-size:inherit; font-weight:inherit; color:#009cdc;}
		.sub_strength_box h5:before{width:5px;height:5px;content:"";box-sizing:border-box;border-radius:100%;background:#009cdc;position: absolute;left:0;top:11px;}
		.sub_strength_box .table_box{box-sizing:border-box;border-top:1px solid #333;}
		.sub_strength_box .table_box table{width:100%;}
		.sub_strength_box .table_box table thead tr th{box-sizing:border-box;background:#f5f5f5;border-bottom:1px solid #ddd;font-size:18px;color:#333;font-weight:400;letter-spacing:0.36px;padding:16px 0;}
		.sub_strength_box .table_box table thead tr th + th{border-left:1px solid #ddd;}
		.sub_strength_box .table_box table tbody tr th, .sub_strength_box .table_box table tbody tr td{box-sizing:border-box;text-align: left;border-bottom:1px solid #ddd;vertical-align: middle;font-size:18px;font-weight:400;letter-spacing:0.36px;padding:16px 0;}
		.sub_strength_box .table_box table tbody tr th{background:#f5f5f5;padding-left:20px;color:#333;}
		.sub_strength_box .table_box table tbody tr td{padding-left:20px;color:#666;background:#fff;}
		.sub_strength_box .table_box.table_col table tr th, .sub_strength_box .table_box.table_col table tr td{text-align: center;padding-left:10px;padding-right:10px;}
		.sub_strength_box .table_box.table_col table tr td{border-left:1px solid #ddd;}
		.sub_strength_box .str_table p{font-size:20px;color:#666;font-weight:300;letter-spacing:0.4px;line-height:34px;margin-top:-6px;} 
		.sub_strength_box .str_table p + .table_box{margin-top:24px;}
		.sub_strength_box .str_table .img_box{width:100%;text-align: center;background:#fff;box-sizing:border-box;border:1px solid #ddd;padding:60px 0;margin-top:24px;}
		.sub_strength_box .str_table .img_box.benefits {padding: 0 !important; border: 0 !important; margin-top: 0 !important; margin-bottom: 40px;}
		.sub_strength_box .str_table .des_box{width:100%;box-sizing:border-box;background:#f9f9f9;padding:35px 30px;}
		.sub_strength_box .str_table .des_box + .img_box{margin-top:40px;}
		.sub_strength_box .str_table .img_box + p{margin-top:30px;}
		.sub_strength_box .str_table .des_box > ul{}
		.sub_strength_box .str_table .des_box > ul > li{box-sizing:border-box;position: relative;padding-left:12px;}
		.sub_strength_box .str_table .des_box > ul > li:before{width:3px;height:3px;content:"";background:#666;box-sizing:border-box;border-radius:100%;position: absolute;left:0;top:20px;}
		.sub_strength_box .str_table .des_box > ul > li > span{font-size:20px;color:#666;font-weight:400;letter-spacing:0.4px;line-height:40px;}
		.sub_strength_box .str_table .des_box > ul > li > span strong{font-size:inherit; font-weight:400; color:#009cdc;}
		.sub_strength_box .str_table .des_box > ul > li .dep2{margin-bottom:7px;}
		.sub_strength_box .str_table .des_box > ul > li .dep2 li{font-size:17px;color:#999;font-weight:300;letter-spacing:0.34px;line-height:30px;}
		.sub_strength_box .str_table .des_box > ul > li .dep2 li:before{content:"-";font-size:inherit;color:inherit;font-weight:inherit;display: inline-block;margin-right:2px;}

		.sub_strength_box .str_table .qulity_list{ counter-reset:counter;}
		.sub_strength_box .str_table .qulity_list li{font-size:20px;color:#666;font-weight:300;letter-spacing:0.4px;line-height:30px;counter-increment:counter;position: relative;padding-left:36px;}
		.sub_strength_box .str_table .qulity_list li + li{margin-top:10px;}
		.sub_strength_box .str_table .qulity_list li:before{content:"0" counter(counter) ".";position: absolute;left:0;top:0;font-size:inherit;color:#009cdc;font-weight:700;}

		@media only screen and (max-width:1217px){
			.sub_strength_box .str_table p br{display: none;}			
			.sub_strength_box .str_table .qulity_list li br{display: none;}
		}
		@media only screen and (max-width:1024px){
			.sub_strength .sub_strength_box{margin-top:80px;}
			.sub_strength .sub_strength_box:nth-of-type(2n+1){padding:60px 0 80px;}
			.sub_strength_box h4{font-size:32px;margin-bottom:16px;}
			.sub_strength_box h5{font-size:18px;margin-bottom:15px;padding-left:12px;}
			.sub_strength_box h5:before{top:9px;}
			.sub_strength_box .str_table + .str_table{margin-top:40px;}
			.sub_strength_box .table_box table tbody tr th, .sub_strength_box .table_box table tbody tr td{font-size:16px;}
			.sub_strength_box .table_box table tbody tr th{padding-left:10px;}
			.sub_strength_box .table_box table thead tr th{font-size:16px;}
			.sub_strength_box .str_table p{font-size:16px;line-height:30px;}
			.sub_strength_box .str_table .img_box{padding:40px 30px;margin-top:20px;}
			.sub_strength_box .str_table .img_box.benefits {margin-bottom: 24px;}
			.sub_strength_box .str_table .des_box{padding:25px 20px;}
			.sub_strength_box .str_table .des_box > ul > li > span{font-size:18px;line-height:36px;top:17px;}
			.sub_strength_box .str_table .des_box > ul > li:before{top:17px;}
			.sub_strength_box .str_table .des_box > ul > li .dep2 li{font-size:15px;}
			.sub_strength_box .str_table .qulity_list li{font-size:18px;}
		}
		@media only screen and (max-width:860px){
			.strength_intro .txt > span{font-size:22px;}
			.strength_intro .txt .icon span{width:130px;height:50px;line-height:50px;font-size:18px;}
			.strength_intro .txt .icon span + span{margin-left:64px;}
			.strength_intro .txt .icon span + span:before{left:-44px;top:18px;}
			.strength_intro .txt p{font-size:28px;margin-top:24px;line-height:40px;}
			.strength_intro .txt p br{display: none;}
		}	
		@media only screen and (max-width:640px){
			.strength_intro .txt > span{font-size:16px;}
			.strength_intro .txt .icon{margin-top:15px;}
			.strength_intro .txt .icon span{width:100px;height:40px;line-height:40px;font-size:15px;}
			.strength_intro .txt .icon span + span{margin-left:40px;}
			.strength_intro .txt .icon span + span:before{width:16px;height:9px;top:16px;left:-28px;}
			.strength_intro .txt p{font-size:22px;line-height:30px;margin-top:16px;}
		}
		@media only screen and (max-width:500px){
			.sub_strength .sub_strength_box{margin-top:50px;}
			.sub_strength_box h4{font-size:22px;margin-bottom:10px;}
			.sub_strength_box h5{font-size:15px;padding-left:8px;margin-bottom:10px;}
			.sub_strength_box h5:before{width:3px;height:3px;top:8px;}
			.sub_strength_box .str_table + .str_table{margin-top:25px;}
			.sub_strength .sub_strength_box:nth-of-type(2n+1){padding:40px 0 50px;}
			.sub_strength_box .table_box table tbody tr th, .sub_strength_box .table_box table tbody tr td{font-size:14px;padding:10px 5px;}
			.sub_strength_box .table_box table thead tr th{font-size:14px;}
			.sub_strength_box .str_table p{font-size:12px;line-height:22px;}
			.sub_strength_box .str_table .des_box{padding:15px 10px;}
			.sub_strength_box .str_table .des_box > ul > li{padding-left:10px;}
			.sub_strength_box .str_table .des_box > ul > li + li{margin-top:5px;}
			.sub_strength_box .str_table .des_box > ul > li:before{top:9px;}
			.sub_strength_box .str_table .des_box > ul > li > span{font-size:14px;line-height:20px;}
			.sub_strength_box .str_table .des_box > ul > li .dep2{margin-bottom:12px;}
			.sub_strength_box .str_table .des_box > ul > li .dep2 li{font-size:13px;line-height:23px;}
			.sub_strength_box .str_table .des_box + .img_box{margin-top:25px;}
			.sub_strength_box .str_table .img_box{padding:20px 10px;}
			.sub_strength_box .str_table .img_box + p{margin-top:15px;}
			.sub_strength_box .str_table .qulity_list li{font-size:15px;line-height:22px;padding-left:28px;}
			.sub_strength_box .str_table .qulity_list li + li{margin-top:6px;}
		}

/*───────────────────────────────────────────────────────────

	 Products

───────────────────────────────────────────────────────────*/
	/*리스트*/
		.sub_goods_title{margin:0;}
		.sub_cate_wrap ul.sub_cate {margin-top:27px;vertical-align:top;text-align:center;width:calc(100% + 20px);margin-left:-10px;font-size:0;}
		.sub_cate_wrap ul.sub_cate:after {clear:both; content:""; display:block;}
		.sub_cate_wrap ul.sub_cate li {margin:0 10px 20px;display:inline-block;vertical-align:top;box-sizing:border-box;}
		.sub_cate_wrap ul.sub_cate li a {font-size:18px;color:#666;font-weight:400;display:block;box-sizing:border-box;height:65px;line-height:65px;background:#eee;border-radius:32.5px;padding:0 34.5px;}
		.sub_cate_wrap ul.sub_cate li.on a{background:#009cdc;color:#fff;}

		.sub_list .list_array {margin:50px 0 0 0;}
		.sub_list .list_array:after {clear:both; content:""; display:block;}
		.sub_list .list_array .list_count{font-size:18px;color:#777;font-weight:400;vertical-align:top;display:inline-block;text-align:left;letter-spacing:0.36px;}
		.sub_list .list_array .list_count span {color:#009cdc;font-size:inherit;font-weight:700;}

		.sub_list .list .list_Galleryform {margin-top:30px;}
		.sub_list .list .list_Galleryform > ul {width:calc(100% + 35px);margin-left:-17.5px;display:flex;flex-wrap:wrap;}
		.sub_list .list .list_Galleryform > ul:after {clear:both;content:"";display:block;}
		.sub_list .list .list_Galleryform > ul li {width:calc(33.3333% - 35px);margin:0 17.5px 42px 17.5px;}
		.sub_list .list .list_Galleryform > ul li dl {}
		.sub_list .list .list_Galleryform > ul li dl dt {border:1px solid #ddd;height: 0;overflow: hidden;position: relative;padding-bottom: calc(100% - 2px);box-sizing:border-box;}
		.sub_list .list .list_Galleryform > ul li dl dt img {max-width:inherit;width:auto;height:100%;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
		.sub_list .list .list_Galleryform > ul li dl dd {text-align:center;margin-top:20px;}
		.sub_list .list .list_Galleryform > ul li dl dd p {color:#333;font-size:20px;font-weight:500;line-height:30px;letter-spacing:0.4px;}

		@media only screen and (max-width:860px){
			.sub_cate_wrap ul.sub_cate li a{font-size:16px;padding:0 28px;height:55px;line-height:55px;}

			.sub_list .list_array .list_count{font-size:16px;}

			.sub_list .list .list_Galleryform > ul{width:calc(100% + 20px);margin-left:-10px;}
			.sub_list .list .list_Galleryform > ul li{margin:0 10px 35px 10px;width:calc(33.3333% - 20px);}
			.sub_list .list .list_Galleryform > ul li dl dd{margin-top:10px;}
			.sub_list .list .list_Galleryform > ul li dl dd p{font-size:18px;}
		}
		@media only screen and (max-width:640px){
			.sub_cate_wrap ul.sub_cate{margin-top:20px;width:calc(100% + 10px);margin-left:-5px;}
			.sub_cate_wrap ul.sub_cate li{margin:0 5px 10px;}
			.sub_cate_wrap ul.sub_cate li a{font-size:14px;padding:0 15px;height:45px;line-height:45px;}

			.sub_list .list_array{margin-top:35px;}
			.sub_list .list_array .list_count{font-size:14px;}
			.sub_list .list .list_Galleryform > ul{width:calc(100% + 15px);margin-left:-7.5px;}
			.sub_list .list .list_Galleryform > ul li{margin:0 7.5px 30px 7.5px;width:calc(50% - 15px);}
			.sub_list .list .list_Galleryform > ul li dl dd p{font-size:16px;line-height:20px;}
		}

	/*view*/
		.sub_goods_view .info_box{display:flex;margin-top:47px;}
		.sub_goods_view .info_box .thumb_box{width:580px;position: relative;overflow:hidden;box-sizing:border-box;padding-right:80px;}
		/* .sub_goods_view .info_box .thumb{box-sizing:border-box;border:1px solid #ddd;} */
		.sub_goods_view .info_box .info{width:calc(100% - 580px);box-sizing:border-box;border-top:2px solid #333;border-bottom:1px solid #ddd;}
		.sub_goods_view .info_box .info .goods_name{font-size:40px;color:#333;font-weight:500;letter-spacing:0.8px;line-height:56px;margin-top:29px;}
		.sub_goods_view .info_box .goods_des{font-size:20px;color:#555;font-weight:400;letter-spacing:0.4px;line-height:30px;margin-top:26px;}
		.sub_goods_view .info_box .goods_des p{font-size:inherit;color:inherit;font-weight:inherit;}

		.sub_goods_view .detail_img{text-align: center;margin-top:113px;}
		.sub_goods_view .detail_img h4{font-size:36px;color:#222;font-weight:700;letter-spacing:0.72px;}
		.sub_goods_view .detail_img ul{margin-top:52px;}

		.goods_view_btn .btn_wrap{padding-top:60px;}
		.goods_view_btn .btn_wrap a{width:200px;height:60px;line-height:60px;padding:0;font-size:18px;color:#fff;font-weight:700;letter-spacing:0.36px;}

		@media only screen and (max-width:1024px){
			.sub_goods_view .info_box .thumb_box{width:55%;padding-right:7%;}
			.sub_goods_view .info_box .info{width:45%;}
			.sub_goods_view .info_box .info .goods_name{font-size:32px;margin-top:15px;line-height:44px;}
			.sub_goods_view .info_box .goods_des{font-size:16px;line-height:25px;margin-top:15px;}

			.sub_goods_view .detail_img{margin-top:80px;}
			.sub_goods_view .detail_img ul{margin-top:28px;}
		}
		@media only screen and (max-width:767px){
			.sub_goods_view .info_box{display: block;margin-top:40px;}
			.sub_goods_view .info_box .thumb_box{width:100%;padding:0;}
			.sub_goods_view .info_box .info{width:100%;margin-top:20px;padding-bottom:50px;}

		}
		@media only screen and (max-width:500px){
			.sub_goods_view .info_box{margin-top:20px;}
			.sub_goods_view .info_box .info{margin-top:30px;padding-bottom:40px;}
			.sub_goods_view .info_box .info .goods_name{font-size:26px;margin-top:10px;line-height:36px;}
			.sub_goods_view .info_box .goods_des{font-size:14px;line-height:22px;}

			.sub_goods_view .detail_img{margin-top:55px;}
			.sub_goods_view .detail_img h4{font-size:28px;}
			.sub_goods_view .detail_img ul{margin-top:20px;}
			.goods_view_btn .btn_wrap{padding-top:30px;}
			.goods_view_btn .btn_wrap a{width:130px;height:45px;line-height:45px;font-size:16px;}

		}

/*───────────────────────────────────────────────────────────

	 Recruit

───────────────────────────────────────────────────────────*/
	.sub_content .recruit_box{height:400px;display:flex;align-items:center;}
	.recruit_box .recruit_bg{position: absolute;width:100%;height:100%;top:0;background:url('../images/sub/recruit-bg.jpg')no-repeat right center;background-size:cover;box-sizing:border-box;}
	.recruit_box .txt{position: relative;z-index:3;width:100%;box-sizing:border-box;padding:0 60px;}
	.recruit_box .txt h4{font-size:30px;color:#333;font-weight:700;letter-spacing:0.6px;line-height:40px;}	
	.recruit_box .txt p{font-size:20px;color:#333;font-weight:300;letter-spacing:0.4px;line-height:34px;margin-top:16px;}
	.recruit_box .txt .icon{margin-top:25px;}
	.recruit_box .txt .icon a{display:inline-block;position: relative;font-size:18px;color:#666;font-weight:300;letter-spacing:0.36px;line-height:40px;padding-left:36px;}
	.recruit_box .txt .icon a.icon_mail{background:url('../images/sub/icon-mail.png')no-repeat left 9px;}	
	.recruit_box .txt .icon a.icon_phone{background:url('../images/sub/icon-phone.png')no-repeat left 11px;}	
	.recruit_box .txt .icon a.icon_youtube{background: url('../images/sub/icon-youtube.png')no-repeat left 12px;}	

	@media only screen and (max-width:1217px){
		.sub_content .recruit_box{width:calc(100% - 60px);padding:0 !important;}
		.recruit_box .txt{padding:0 15px;}
	}
	@media only screen and (max-width:900px){
		.sub_content .recruit_box{height:330px;}
		.recruit_box .txt{width:65%;}
		.recruit_box .txt h4{font-size:26px;line-height:32px;}
		.recruit_box .txt p{font-size:18px;line-height:30px;margin-top:12px;}
		.recruit_box .txt .icon{margin-top:16px;}
		.recruit_box .txt .icon a{line-height:26px;background-position:left top !important;}
		.recruit_box .txt .icon a.icon_youtube{background-position:left 3px !important;}
		.recruit_box .txt .icon div + div{margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.sub_content .recruit_box{height:auto;display: block;}
		.recruit_box .recruit_bg{position: static;height:0;padding-bottom:45%;}
		.recruit_box .txt{width:100%;margin-top:40px;padding:0;}
	}
	@media only screen and (max-width:640px){
		.sub_content .recruit_box{width:calc(100% - 30px);}
	}
	@media only screen and (max-width:500px){
		.recruit_box .txt{margin-top:30px;}
		.recruit_box .txt h4{font-size:20px;line-height:26px;}
		.recruit_box .txt p{font-size:16px;line-height:24px;}
		.recruit_box .txt .icon div + div{margin-top:12px;}
		.recruit_box .txt .icon a{font-size:14px;line-height:20px;background-size:auto 18px !important;padding-left:28px;}
		.recruit_box .txt .icon a.icon_youtube{background-size:auto 15px !important; background-position:left 1px !important;}

	}