@charset "UTF-8";

@media (max-width:1669px){
 	#logo {left:10rem}
}

@media (max-width:1230px){
	#gnb1 > ul > li > .submenu .desc .title {font-size: 3rem;}
}

@media (max-width:1200px){
	
	

	/* #gnb2 .control.close {right:2rem}
	#gnb2.active:after {content: ''; background: url(/kor/img/layout/logo.png) no-repeat center; background-size: cover; width: 16.5rem; height: 100%; max-height: 7rem; position: absolute; left: 2rem; top: 2.3rem; } */
	
}

@media (max-width:1024px) { 
	#header .header_wrap {padding:0}
	#logo { left: 2rem; }
	#hnb {right:2rem; z-index:10}
	#hnb li.sitemap {display:none}
	
	#gnb1 {display:none}
	#gnb2 {display:block}
	#gnb2 .control { display: block; color: #fff; font-size: 2.6rem; width: 4.3rem; height: 4.3rem; line-height: 4rem; text-align: center; overflow: hidden; position: absolute; right: 7rem; top: 3.5rem; z-index: 3; background-color: #3f435e; border-radius: 100%; }
	#gnb2 .control:before {content:''; display:block; font-family:"xeicon"; width:100%; height:100%; text-align:center; line-height:inherit}
	#gnb2 .control.close {display:none}
	#gnb2 .control.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; }
	#gnb2 .control.close:hover::before, #gnb2 .control.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }
	#gnb2 .control.close::before {content:''; color:#fff}
	
	#gnb2 > ul {background-color:#fff; display:none; padding:11.5rem 0 0; visibility:hidden; overflow:hidden; width:100%; height:100%; opacity:0; position:fixed; left:0; top:0; color:#333; transition:opacity 0.2s; }
	#gnb2 > ul::before {content:''; position:absolute; top:11.5rem; left:0; width:100%; height:1px; background-color:#ddd}
	#gnb2 > ul::after {content:''; position:absolute; top:11.5rem; left:0; width:35%; height:100%; background-color:#fbf7ea; z-index:-1}
	#gnb2 > ul > li > a {color:#434d66; display:block; font-size:1.7rem; font-weight:500; padding:2rem 5rem 2rem 2rem; position:relative; width:35%; word-break:break-all}
	#gnb2 > ul > li > a::after {position:absolute; top:2rem; right:1.5rem; font-family:"xeicon"; color:#e5f0f8; content:''; -webkit-transition:all 0.2s; transition:all 0.2s}
	
	#gnb2 > ul > li.active > a {background-color:#3f435e; color:#fff}
	#gnb2 > ul > li.active > a::after {color:#fff}
	#gnb2 > ul > li.active .submenu {visibility:visible; opacity:1; height:calc(100% - 14rem); overflow-y:scroll}

	#gnb2 > ul .submenu {visibility:hidden; overflow:hidden; opacity:0; padding:1.5rem 2rem; position:fixed; right:0; top:11rem; width:calc(100% - 35%); transition:all 0.2s}
	#gnb2 > ul .submenu > ul > li {border-bottom:1px dashed #ddd; position:relative; width:100%}
	#gnb2 > ul .submenu > ul > li > a {color:#333; font-size:1.6rem; font-weight:400; display:block; padding:1.5rem 0; position:relative}
	#gnb2 > ul .submenu .linkWindow:after {content:''; font-family:'xeicon'; display:inline; margin-left:0.3rem; vertical-align:-0.1rem}
	#gnb2.active:after {content:''; width:100%; height:10rem; position:absolute; left:0; top:4rem; z-index:-1}
	#gnb2.active .open {display:none}
	#gnb2.active .close {display:block}
	#gnb2.active > ul {display:block; visibility:visible; opacity:1}
	/*3depth*/
	#gnb2 > ul .submenu li.type1 > a:after {content:''; color:#000; font-family: "xeicon"; position:absolute; right:0; transition:all .2s}
	#gnb2 > ul .submenu .lnb-detail {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0;-webkit-transition:all 0.2s; transition:all 0.2s;  word-break: keep-all;}
	#gnb2 > ul .submenu .lnb-detail li {font-size:1.6rem; margin:0.5rem 0; position:relative; padding-left:1rem}
	#gnb2 > ul .submenu .lnb-detail li.active a {border-bottom:1px solid #555}
	#gnb2 > ul .submenu .lnb-detail li:last-child {margin-bottom:0}
	#gnb2 > ul .submenu .lnb-detail li:before {content:''; background-color:#666; border-radius:100%; width:0.3rem; height:0.3rem; position:absolute; left:0; top:1.2rem}
	#gnb2 > ul .submenu > ul > li.active .lnb-detail {visibility:visible; overflow:visible; width:auto; height:auto; opacity:1}
	
	#gnb2 > ul .submenu > ul > li > div {display:none; background-color:#f7f7f7; border-radius:0.5rem; padding:1.5rem 2rem; margin-bottom:2rem}
	#gnb2 > ul .active > .submenu > ul > li.active > div {display:block}
	#gnb2 > ul .submenu > ul > li.active > a {color:#53461d}
	#gnb2 > ul .submenu > ul > li.active.type1 > a:after {content:''; color:#60bb46 !important; transform:rotate(0)}
	#gnb2 > ul .submenu > ul > li.type1 > a:hover:after {transform:rotate(180deg)}
	
	
	#footer .footer_wrap {padding:4rem 0 16rem 0; text-align:center}
	#footer .footer_wrap .f-logo {position:relative; top:auto}
	.siteinfo {margin-top:2rem}
	/*.sns {position:relative; top:auto; margin:1.5rem 0 1rem}*/
	.mark {left: 50%; transform: translateX(-50%); top: 7.7rem; width: 15%}
}
 
@media (max-width:768px) {
	
	#hnb li {margin-left:0.5rem}
	
	#footer .footer_wrap { padding: 4rem 0 12rem 0;}
	.mark {top: 12.7rem}
	.siteinfo address .tel {margin:0; padding:0}
	.siteinfo address .tel:before {display:none}
}