@charset "UTF-8";

@media (max-width:1200px){
	.site-map,
	#gnb1 {display:none}
	#gnb2 {display:block}
	
	/*전체메뉴*/
	#gnb2 .control {position:absolute; right:-1rem; top:3.3rem; display:block; width:5rem; height:5rem; line-height:5rem; overflow:hidden; text-align:center}
	#gnb2 .control:before {color:#333; display:block; font-family:'xeicon'; font-size:3.2rem; width:100%; height:100%; line-height:inherit; transition:all .3s}
	#gnb2 .open:before {content:''}
	#gnb2 .close {display:none}
	#gnb2 .close:before {content:''}
	#head_menu_all {display:none; visibility:hidden; opacity:0; height:0; position:fixed; left:1rem; top:11rem; width:calc(100% - 2rem); z-index:1}
	#head_menu_all:before {content:''; background-color:#edf7ff; width:200%; height:calc(100% - 10rem); position:fixed; left:0; top:10rem; z-index:-1}
	#head_menu_all:after {content:''; background:#edf7ff url('/kor/img/layout/menu-bg.jpg') repeat left -5rem bottom -3rem; width:100%; height:40%; position:fixed; left:0; bottom:0; z-index:-1}
	#head_menu_all > li {border-bottom:1px solid #ddd}
	#head_menu_all > li > a {color:#333; display:block; font-size:2rem; padding:2rem 3rem 1.5rem; position:relative; z-index:1}
	#head_menu_all > li > a:after {content:''; font-family:'xeicon'; font-size:2.4rem; position:absolute; right:2rem; top:1.5rem; transition:all .3s}
	#head_menu_all .submenu {visibility:hidden; opacity:0; height:0}
	#head_menu_all .submenu > ul > li > a {color:#fff; display:block; font-size:1.8rem}
	#head_menu_all .submenu > ul > li + li {margin-top:2rem}
	#head_menu_all .submenu div a {color:rgba(255,255,255,0.8); position:relative; padding-left:1rem}
	#head_menu_all .submenu div a:before {content:''; background-color:rgba(255,255,255,0.8); width:2px; height:2px; position:absolute; left:0; top:6px}

	#gnb2.active .open {display:none}
	#gnb2.active .close {display:block}
	#gnb2.active #head_menu_all {display:block; visibility:visible; opacity:1; overflow-y:scroll; height:calc(100% - 12rem)}
	#head_menu_all > li.active {border-bottom:0; border-radius:1.5rem 1.5rem 0 0; background-color:#317bb5}
	#head_menu_all > li.active > a {background-color:#182346; border-radius:1rem; color:#fff}
	#head_menu_all > li.active > a:before {content:''; background:url('/kor/img/sub/snb-bg.jpg') no-repeat center; background-size:contain; width:10rem; height:4rem; position:absolute; bottom:-6px; left:2rem; opacity:0.35; z-index:-1}
	#head_menu_all > li.active > a:after {transform:rotate(180deg)}
	#head_menu_all > li.active .submenu {visibility:visible; opacity:1; height:100%; padding:3.5rem 3rem 3rem}
}

@media (max-width:820px){
	.footer_wrap {padding:4rem 0}
	.footer_wrap .siteinfo {text-align:center}
	.footer_wrap .siteinfo .fax:after {display:none}
	.footer_wrap .siteinfo .mail {display:block}
	.footer_wrap .wa {display:none}
	#footer .btn-top {right:1.5rem; top:-3rem}
}