@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
html, body {margin:0;padding:0;min-width:320px;height:100%;font-family:"NanumSquare","Nanum Gothic","나눔고딕 Regular","나눔 고딕","맑은 고딕","Malgun Gothic","돋움",dotum,Helvetica,sans-serif;font-size:12px;line-height:1.5;color:#333;background:#fff;letter-spacing:-0.5px;-webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
.clear_fixed:after{display:block; content:""; clear:both;}
table {width:100%;border-spacing:0;border-bottom:1px solid #cccccc;border-collapse: collapse;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}


#wrap{width:100%; min-width:320px;}
.main{margin-bottom:30px;}
#header {position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #d6d6d6;z-index:30;}
#header {position:relative;}
#header h1 {position:relative;height:56px;}
#header h1 a {display:block;float:left;width:226px;height:57px;background:url(/env-health/mobile/images/common/logo.jpg) no-repeat 10px 15px;background-size:150px auto;font-size:0;}

.swiper-container {
width: 100%;
height: 100%;
}

.swiper4 {
width: 100%;
height: 100%;
}

.sbn4{background:url(/env-health/mobile/images/common/naviArrow_r_md.png)right top no-repeat;}
.sbp4{background:url(/env-health/mobile/images/common/naviArrow_l_md.png)left top no-repeat;}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img{display:block; width:100%;}
.main-visual{position: relative;}
.swiper-container:after{display:block; content:""; clear:both; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0); z-index:9;}
.main-visual-text{position:absolute; left:0; top:80px; width:100%; z-index:10; text-shadow:2px 2px #333;}
.main-visual-text span{display:block; text-align:center; color:#fff; font-size:14px;}
.main-visual-text span:last-child{margin-top:6px; font-size:26px; font-weight:bold;}

#header .menu {display:none;}
#header .gnb {margin-top:1px;}
#header .gnb ul {width:100%;display:none;overflow:hidden;}
#header .gnb ul li .stitle {display:block;position:relative;height:47px;padding:0 20px;background:#fff;border-bottom:1px solid #d6d6d6;line-height:47px;font-size:15px;color:#666;}
#header .gnb ul li .stitle:after {content:"";display:block;position:absolute;top:50%;right:20px;width:15px;height:15px;margin-top:-8px;background:url(/env-health/mobile/images/common/img.png) no-repeat -15px 0;background-size:150px auto;}
#header .gnb ul li .stitle.active:after {background-position:-30px 0;}
#header .gnb ul li ul {display:none;overflow:hidden;}
#header .gnb ul li ul li a {display:block;position:relative;height:47px;padding:0 20px;line-height:47px;font-size:15px;color:#666;background:#327fa8;border-top:1px solid #80a0c1;color:#fff;}
#header .gnb ul li ul li:first-child a {border-top:none;}
#header .gnb ul li ul li:last-child a {border-bottom:1px solid #abbbcb;}
#header .btn-open {display:block;position:absolute;top:0;right:0;width:56px;height:56px;font-size:0;}
#header .btn-open:after {content:"";display:block;position:absolute;top:50%;right:20px;width:19px;height:15px;margin-top:-8px;background:url(/env-health/mobile/images/common/img.png) no-repeat -45px 0;background-size:150px auto;}
#header .btn-close {display:none;position:absolute;top:0;right:0;width:56px;height:56px;font-size:0;}
#header .btn-close:after {content:"";display:block;position:absolute;top:50%;right:20px;width:15px;height:15px;margin-top:-8px;background:url(/env-health/mobile/images/common/img.png) no-repeat 0 0;background-size:150px auto;}

.sub_content{box-sizing: border-box; margin:20px;}
.sub_content h3.sub_title{position:relative; margin-top:30px; margin-bottom:40px; text-align:center; font-size:16px; font-weight:bold;}
.sub_content h3.sub_title:after{display:block; content:""; clear:both; position:absolute; left:50%; top:28px; margin-left:-60px; width:120px; height:1px; border-bottom:1px solid #5c340c;}

.footer{position:relative; padding:20px; background-color:#fff;  border-top:1px solid #e3e3e3;}
.footer span.footer_logo{display:block; margin-bottom:20px; text-align:center;}
.footer .address{}
.footer .address li{margin:5px 0 12px 0; color:#333; font-size:12px; text-align:center;}
.footer .address li:first-child a{display:block; font-size:14px; font-weight:bold; color:red;}
.footer .address li:last-child{font-size:12px;}