@charset "UTF-8";

@media (max-width:1024px){
	#header {height:10rem}
	#logo {top:2.2rem}
	#gnb1 {display:none}
	#gnb2 .control.open {top:2.5rem}
	#gnb2 .control.close {top:3.5rem}
	#gnb2.active:before {content:''; width:100%; height:1px; background-color:rgba(0,0,0,0.1); position:absolute; left:0; top:10rem; z-index:3}
	#gnb2.active > ul {width:100%; padding-top:14rem; justify-content:inherit}
	#wrap.sitemap #logo {position:fixed; left:6%; z-index:3}
	#wrap.sitemap #logo a {background-image:url('../img/layout/logo.png')}
	
	.footer_wrap {flex-wrap:wrap; padding:4rem 0; justify-content:inherit}
	.footer_wrap > * {display:block; width:100%}
	.footer_wrap > * + * {margin-top:2rem}
}

@media (max-width:640px){
	#wrap.sitemap #logo {left:2rem}
	#gnb2 .control.close {right:2rem}
	#gnb2.active > ul {padding:12rem 2rem 5rem}
	#gnb2 > ul > li {flex-wrap:wrap; justify-content:inherit}
	#gnb2 > ul > li + li {margin-top:2rem}
	#gnb2 > ul > li > a {display:block; width:100%}
	#gnb2 .submenu {width:100%; margin-top:0.5rem}
	#gnb2 .submenu a {font-size:1.8rem}
	#gnb2 .submenu a:before {content:''; width:0.5rem; height:1px; background-color:#666; display:inline-block; margin-right:0.6rem; vertical-align:6px}
}