@charset "utf-8";

	#mobile_wrap{display:none}

/*미디어쿼리 start*/
@media screen and (max-width:640px) {


	/*팝업창 이미지 사이즈 재설정 - 필수*/
	.drag_pop{left:0 !important;top:0 !important;max-width:310px !important;height:auto !important;}

	#main_gal{display: none}
	#main_con{display: none}
	#main_footer{display: none}
	/*#mobile_header{display: block;}*/
	#mobile_wrap{display: block;}
	/*#mobile_wrap .number {position: absolute; top:0 right:50px;}*/
	/*#mobile_wrap .mobile_logo{;width:100%;z-index:10;margin:0 auto;background: url(../img/logo_m.png) no-repeat  20px center;background-size: 180px;height:80px;border-bottom:dashed 1px rgba(255,255,255,0.3);}*/
		.bg{width:100%;/*height:400px;*/z-index: -1;top:0;}
		.bg:before{content:"";display:block;padding-top:40%;}	
		#inner_fade{width:100%;position: relative;height:auto;z-index: -1; border-bottom: 1px solid #e5e5e5;}
		#inner_fade:before{content:"";display:block;padding-top:40%;}	
		.bg.bg1{width:100%;background:url(../img/mobile/bg1.jpg) no-repeat center center ;background-size: cover}
		.bg.bg2{width:100%;background:url(../img/mobile/bg2.jpg) no-repeat center center ;background-size: cover}

		#mobile_content{ position:relative;background: #fff;z-index: 0}

		.slogan{position: absolute;max-width:320px;width:80%;right:50%;margin-right:-160px;margin-top:90px;}
		#mobile_content .menuwarp{ position:relative;margin-top:400px;}
		#mobile_content .menuwarp .menu{width:85%;text-align: center;margin:0 auto;max-width:420px;line-height: 10px;}
		#mobile_content .menuwarp .menu li{display: inline-block;width:21%;margin:0 1.5%;}
		#mobile_content .menuwarp .menu li:nth-child(3){display: none;}


		#mobile_content .menuwarp .menu li a{display: block;width:100%;height:100%;}
.box1:before{padding-top:00%;}
	#mobile_wrap .mobile_footer{width:100%;margin:0 auto; background-color:#222;}
	.add450{display: none}

	.telbox{width:100%;overflow: hidden;padding:10px;background: #1c62a5}
	.telbox p{font-size: 19px;text-align: center;padding:2px;color: rgba(255,255,255,0.85);font-weight: 600;}

		.blind350{display: inline-block;}


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


		.slogan{position: absolute;max-width:320px;width:80%;right:10%;margin-right:0px;margin-top:130px;}

}
@media screen and (max-width:450px) {
	.add450{display: block}
}
@media screen and (max-width:450px) {
}
@media screen and (max-width:360px) {
		#mobile_content .menuwrap{ display: none;}
		#mobile_content .menuwrap2{display: block;}
		#mobile_content .menuwrap2 img{width:270px;}
	}
@media screen and (max-width:320px) {


}
/*end 미디어쿼리*/