@charset "utf-8";

#mobile_wrap{display: block;width:100%;max-width:768px;margin:0 auto;}
body{background: none;}
	
	
#mobile_header{background:#fff;border-bottom: 1px solid #ededed;height:68px;position: relative;}


.mobile_logo{width:100%;z-index:10;margin:-2px auto;background:url(../img/logo.png) no-repeat center bottom;background-size: 30%;max-width: 400px;height:70px;margin-top:10px;}

.mobile_slogan {position:relative;width:100%;/* background: url(../img/mobile/slogan.png) no-repeat center center; */background-size: 75%;max-width: 400px;margin:0 auto;}
	.mobile_slogan:before{content:"";display:block;padding-top:40%;}

#mobile_content{width:100%;position:relative;}

#mobile_slide_wrap{position:relative;width:100%;height:100%;z-index:-1;}
.mabile_bg1{position: relative;top:0px;width:100%;height:100%;background: url(../img/mobile/1.jpg) no-repeat center right;background-size: cover;height:400px;z-index: -1}
.mabile_bg2{position: absolute;top:0px;width:100%;height:100%;background: url(../img/mobile/2.jpg) no-repeat center center;background-size: cover;height:400px;z-index: -1}
.mabile_bg3{position: absolute;top:0px;width:100%;height:100%;background: url(../img/mobile/3.jpg) no-repeat center center;background-size: cover;height:400px;z-index: -1}
	
.mobile_icon{width:70%;padding:0px;margin:0 auto; max-width:400px;font-size:1.2em;text-align: center}
	.mobile_icon li{display:block;width:28%;margin-right:6%; margin-bottom:6%;display: inline-block;}
	.mobile_icon li:nth-child(3n), .mobile_icon li:nth-child(6n){margin-right:0px;}
	.mobile_icon li img {width:100%;}
	.phone{width:19%; margin:0 auto;max-width:100px;}

.box30{height:120px;}




#mobile_footer{background:#333 url('../img/footer_bg.jpg') repeat-x top;color:#c9c9c9;font-size:12px;}
#mobile_footer_wrap{padding:40px 12px 40px;}
#mobile_footer_wrap a{color:#777;}
#mobile_footer_wrap strong{font-weight:600;}
#mobile_footer_wrap .contact{font-size:16px;font-weight:600;color:#999;padding-bottom:15px;text-align:center;}



/*미디어쿼리 start*/
@media screen and (max-width:400px) {
	.box30{height:auto;}

		.mabile_bg1,.mabile_bg2,.mabile_bg3{height:auto;}
		.mabile_bg1:before{content:"";display:block;padding-top:100%;}
		.mabile_bg2:before{content:"";display:block;padding-top:100%;}
		.mabile_bg3:before{content:"";display:block;padding-top:100%;}

}
}
@media screen and (max-width:400px) {


}
@media screen and (max-width:320px) {
#mobile_footer{font-size:11px;}
	}
/*end 미디어쿼리*/