@charset "UTF-8";

/*해상도가 1024이하*/
@media(max-width:1200px){
}

@media(max-width:1024px){
	.answer { width:90%; padding:0 5%;}
	#footer { width:90%; padding:3% 5%;}
	#footer .footer_info address > br { display:none;}
	#footer .footer_info { margin:10px 0 0 5%; }
	.contents03 { height:auto;}
}

@media all and (min-width: 1024px) and (max-width: 1200px) {
	#header { padding:40px 5% 20px 5%; width:90%;}
	#header .gnb > li { width:130px;}
	
	
}

@media(max-width:970px){
	#main_visual .slide_wrap li .slide_txt { margin:120px auto 0; width:60%; }
}

@media all and (min-width:320px) and (max-width:1023px){
	#header { width:90%; padding:0px 5% 0 5%;}
	#header .logo { width:100px; float:none;}
	
	#m_gnb { display:block; position:absolute; top:25px; right:0; z-index:10000;}
	#header .gnb  { display:none;}
	#header .gnb { width:100%; float:none; text-align:center; background:rgba(255,255,255,0.9); position:absolute; z-index:9999;}
	#header .gnb > li > .ulDepth2 { position:relative; top:0 !important;}
	#header .gnb > li > .ulDepth2 li > a { padding:5px 0;}
	#header .gnb > li { float:none; width:100%; margin:0;}
	#header .gnb > li > a { color:#333 !important; padding:15px 0;}
	#header .gnb > li > a.on { color:#ee0000 !important;}
	#header .gnb > li > .sub_m > li { background:rgba(0,0,0,0.9); }
	#header .gnb > li > .sub_m > li > a { padding:10px 0;}
	.m_bg { position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.6); z-index:0;}
	
	#main_visual .direction { top:15%; height:85%;}
	#main_visual .slide_icon { display:none;}	

	#main_visual .slide_wrap li .slide_txt { width:70%;}

	.contents01 .brand_story, 
	.contents01 .store_interior {width:100%; float:none;}
	.contents01 .brand_story .brand_wrap, 
	.contents01 .store_interior .store_wrap { float:none;}
	.contents01 .brand_story .brand_wrap, 
	.contents01 .store_interior .store_wrap { margin:0 auto; display:block;}
	.contents02 .info { width:90%; padding:3%; border-right:none; border-bottom:1px solid #262626; margin:0 auto; float:none;}

	/*서브페이지*/
	.navi_wrap .navi {padding:0 5%;}
	.subcon_wrap { padding:30px 5% 0 5%;}
	.groupmenu  { display:none;}
	

}

@media(max-width:640px){
	#main_visual .slide_wrap li .slide_txt {margin: 200px auto 0;  }

	.contents01 h2 { font-size:30px;}
	.contents01 .more { margin:20px 0 0 0;}
	.contents01 .brand_story .brand_wrap, 
	.contents01 .store_interior .store_wrap { width:90%; padding:0 5%;}
	
	.contents01 .brand_story .icon, 
	.contents01 .store_interior .icon { display:none;}

	#footer .footer_menu {  text-align:center;}
	#footer .footer_menu li { float:none; display:inline-block; margin:5px 10px 0 0;}
	#footer .footer_logo { width:20%;}
	#footer .footer_info { font-size:12px; width:75%; margin:0 0 0 5%;}
	#footer .sns { display:inline-block; float:none; text-align: center; width:100%; margin:15px 0 0 0;}


	/*오시는길*/
	#map_load { height:350px;}
}

@media(max-width:480px){
	#main_visual .slide_wrap li .slide_txt { margin:150px auto 0;}
	#main_visual { height:60%;}

	.contents01 p > br{ display:none;}
	.contents01 .more { margin:40px 0 0 0;}

	.contents01 .brand_story .brand_wrap, 
	.contents01 .store_interior .store_wrap { padding:5%;}

	.contents02 .cscenter .phone_num { font-size:35px;}
	.contents02 .menu dl dt { width:100%; margin:0 0 10px 0;}  
	.contents02 .menu dl dd { width:100%;}
	.contents03 p { font-size:16px;}	

	#footer { padding:5%;}
	#footer .footer_logo { width:25%; margin:0 auto; float:none;}
	#footer .footer_info { text-align:center; float:none; width:100%; margin:10px 0 0 0;}

	/*서브페이지*/
	.sub_visu { display:none;}
}

@media(max-width:320px){
	.contents02 .cscenter p { float:none;}
	.contents02 .cscenter .consulting { float:none; width:100%; text-align:center; padding:3px 0; margin:10px 0 0 0;}

}


@media(max-height:360px){
	#main_visual { height:100%;}
	#main_visual .slide_wrap li .slide_txt { margin:90px auto 0; width:60%; }
	#header .logo { width:100px }
}