@charset "utf-8";
/* CSS Document */

#mainVisual{height:724px; background:url("../images/main/main_visual.png") center top no-repeat;}
#mainVisual .main_visual_m{font-size:0; display:none;}

.main_title{text-align:center;}
.main_tit{display:inline-block; font-size:60px; line-height:90px; font-weight:bold; color:#fff;}
.main_tit:before{content:""; display:block; width:97px; height:6px; background-color:#fff;}
.main_txt{margin:20px 0 0 0; font-size:20px; color:#fff;}

/* 산소발생기 */
#mainCon01{padding:0 0 150px 0; background:url("../images/main/main_bg_01.png") center 120px no-repeat;}
#mainCon01 .main_tit{color:#000;}
#mainCon01 .main_tit:before{background-color:#009641;}
#mainCon01 .main_txt{color:#000;}
#mainCon01 .main_con{margin:60px 0 0 0;}

#product{margin:-6px 0 0 35px; padding:0; width:375px;}
#product ul{margin-left:-6px; overflow:hidden;}
#product li{padding:6px 0 0 6px; width:33.3%; float:left; box-sizing:border-box;}
#product li a{display:block; border:1px solid #d8d8d8; font-size:0;}

/* 슬라이드 */
#slide {padding:0; height:354px; width:770px; position:relative;}
#mainSlide {position:relative; margin:0 auto; width:648px; height:100%; border:1px solid #dadada; overflow:hidden; box-sizing:border-box; background:url("../images/main/slide_bg.png") center center repeat;}
#mainSlide ul { position:relative; width:100%; height:100%;}
#mainSlide li { position:absolute; left:100%; width:100%; height:100%;}
#mainSlide li a {display:block; height:100%; font-size:0; text-align:center;}
#mainSlide li .slide_m{display:none;}
#mainSlide .slide_01 {left:0px;}

#buttonList{position:absolute; top:28px; right:36px; display:none;}
#buttonList li{ background:url("../images/main/btnVisual.png") 0 -11px no-repeat; width:9px; height:9px; float:left; position:relative; overflow:hidden; margin:0 3px; cursor:pointer;}
#buttonList li.on { background-position:0 0;}
#buttonList li a {display:block;text-indent:-9999px}

#slide .prev{position:absolute; top:150px; left:0px; z-index:1000;}
#slide .prev a{display:block; width:51px; height:51px; border:1px solid #a0a0a0; font-size:0;}
#slide .next{position:absolute; top:150px; right:0px; z-index:1000;}
#slide .next a{display:block; width:51px; height:51px; border:1px solid #a0a0a0; font-size:0;}

/* 네뷸라이저 */
#mainCon02{padding:150px 0 90px 0; background:url("../images/main/main_bg_02.png") center top no-repeat;}
#mainCon02 .main_con{margin:80px 0 0 -16px; padding:0 50px;}
#mainCon02 .product_con{padding:0 0 0 16px;}
#mainCon02 .product_tit{padding:15px 0; background-color:#f3ca09; border:4px solid #fff; font-size:30px; font-weight:bold; text-align:center; color:#fff;}
#mainCon02 .product_txt{padding:10px; height:60px; background-color:#fff; font-size:16px;text-align:center;}
#mainCon02 .product_img{margin:0; font-size:0; line-height:0; border:none;}

/* 온라인 상담신청 */
#mainCon03{padding:0 0 50px 0; background:url("../images/main/main_bg_03.png") center top repeat;}
#mainCon03 .main_title{padding-top:70px; height:460px; background:url("../images/main/main_bg_03.jpg") center top no-repeat;}
#mainCon03 .main_con{margin:-235px 0 0 0; padding:0 50px;}
#mainCon03 .consult{padding:40px; background-color:#2f4d38;}
#mainCon03 .consult input[type="text"]{margin:0 0 15px 0; padding:10px; width:100%; height:60px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:16px;}
#mainCon03 .consult textarea{padding:10px; width:100%; height:120px; border:1px solid #d8d8d8; box-sizing:border-box; font-size:16px;}
#mainCon03 .consult .btn_consult{margin:35px auto 0 auto; display:block; width:227px; height:95px; background-color:#009338; line-height:95px; vertical-align:middle; text-align:center; font-size:30px; font-weight:bold; color:#fff;}
.call{display:none; width:100%; height:90px;  position:fixed; bottom:0;z-index:1001;}
.btn_call{display:block; padding:0 0 0 30px; width:100%; height:90px; line-height:90px; vertical-align:middle; background:#009379 url("../images/main/btn_call.png") center center no-repeat; font-size:24px; font-weight:bold; text-align:center; color:#fff;}

@media screen and (max-width: 1180px) {
	#mainVisual{height:auto; background:none;}
	#mainVisual .main_visual_m{display:block;}
	
	#product{margin:0; padding:0 10%; width:100%;}	
	#product ul{margin-left:-20px; overflow:hidden;}
	#product li{padding:20px 0 0 20px;}
	
	#slide{width:100%;}
	#mainSlide{width:80%;}
	#mainSlide li .slide_w{display:none;}
	#mainSlide li .slide_m{display:inline-block;}
	#slide .prev{left:10px;}
	#slide .next{right:10px;}
}

@media screen and (max-width: 767px) {
	.main_tit{font-size:34px; line-height:50px;}
	.main_tit:before{width:56px; height:4px;}
	.main_txt{margin-top:10px; padding:0 10%; font-size:16px;}
	.main_txt br{display:none;}
	
	#mainCon01{padding:0 0 50px 0;}
	#mainCon01 .main_con{margin:20px 0 0 0;}
	
	#product li{width:50%;}
	
	#slide{height:243px;}
	#slide .prev{top:110px; left:5px;}
	#slide .prev a{width:23px; height:23px;}
	#slide .next{top:110px; right:5px;}
	#slide .next a{width:23px; height:23px;}
	
	#mainCon02{padding:50px 0 50px 0; background:url("../images/main/main_bg_02_m.png") center center repeat;}
	#mainCon02 .main_con{margin:0; padding:0 10%}
	#mainCon02 .product_tit{padding:10px 0; font-size:24px;}
	#mainCon02 .product_con{padding:35px 0 0 0;}
	
	#mainCon03{padding:0;}
	#mainCon03 .main_title{height:200px;}
	#mainCon03 .main_con{margin:0; padding:0;}
	#mainCon03 .consult{padding:12px 12px 25px 12px;}
	#mainCon03 .consult .btn_consult{margin:20px auto 0 auto; white-space:164px; height:68px; line-height:68px; font-size:22px;}
	.call{display:block;}
}