@charset "utf-8";

@media (max-width: 1024px) {
	/* head */
	#header{position:absolute}
	.gnb_navi h1 {top:53px; left:20px}
	.gnb_navi {border-bottom:1px solid rgba(181,176,177,0.5); max-width:1080px; max-width:100%; margin:0 auto; position:relative; height:45px}

	/*사이트 링크*/
	.slidelist {top:0;}
	.slidelist > div {font-size:0.8em; float:left; display:block; height:100%; padding:14px 10px}
	.slidelist a{color:#b5b0b1}
	.slidelist a:hover {color:#b5b0b1}
	.slidelist a i {background-image:none}
	.slidelist .language {margin:0 0 0 1px; position:relative}
	.slidelist .language .tt a{position:relative}
	.slidelist .language:hover i.arrow-b:before {transform:rotate(-45deg); top:9px}
	.slidelist .language .site {display:none; width:90%; position:relative; top:10px; z-index:10; text-align:center; padding:15px 0 0; margin:0 0 10px 0}
	.slidelist .language .site:before {content:''; border-top:1px solid #999; border-right:1px solid #999; background:#fff; width:7px; height:7px; transform:rotate(-45deg); position:absolute; top:2px; left:45%; z-index:1}
	.slidelist .language .site:after {content:''; box-sizing:border-box; border:1px solid #999; border-radius:3px; background:#fff; width:100%; height:100%; position:absolute; top:6px; left:0; z-index:-1}
	.slidelist .language .site a {display:block; padding:3px 10px 7px}

	/* 상단 검색 */
	.header_wrap .search {border-bottom:0}

	/*삭제*/
	.gnb_bg, .sitemap-btn {display:none !important}

	/*모바일 메뉴 열기 버튼*/
	.AllMn {display:block; width:60px; height:60px; position:absolute; right:0; top:55px; z-index:2}
	.AllMn a {display:block; width:100%; height:100%; padding:15px; position:relative; overflow:hidden}
	.AllMn i:before, .AllMn i:after {content:''; position:absolute}
	.AllMn i.all-gnb{display:inline-block; background:#b5b0b1; display:inline-block; position:relative;  width:25px; height:3px; vertical-align:9px; margin-left:2px; transition:all .3s}
	.AllMn i.all-gnb:before {background:#b5b0b1; width:100%; height:3px; top:7px}
	.AllMn i.all-gnb:after {background:#b5b0b1; width:100%; height:3px; top:14px}

	/*모바일 메뉴 닫기 버튼*/
	.Allmn-close {background:#554743; display:none; position:fixed; right:0; top:60px; z-index:2}
	.Allmn-close a {display:block; position:relative; overflow:hidden}
	.Allmn-close i.all-gnb{background:none; display:inline-block;position:relative;}
	.Allmn-close i:before {display:flex; flex-direction:row; align-items:center; justify-content:center; width:60px; height:60px; content:"\e93a"; color:#fff; font-weight:bold; font-size:20px; font-family:'icomoon' !important;}

	/* 상단 메뉴 gnb */
	#gnb1{ display:none; width:100%; z-index:2; position:fixed; right:0; top:120px; height:calc(100vh - 120px); padding:0}
	#gnb1:before {content:''; background:#554743; width:100%; height:1100%; position:absolute; z-index:-1; overflow:visible !important}
	#gnb1 > ul.topmenu{height:95%; overflow-y:auto; display:block; padding:0 10px;}
	#gnb1 > ul > li {border-bottom:1px solid rgba(181,176,177,0.5);display:block; width:100% !important}
	#gnb1 > ul > li > a {text-align:left; height:60px; line-height:60px}
	#gnb1 > ul > li:nth-child(n+4) .submenu {text-align:left}
	#gnb1 .submenu {display:none; position:initial; padding:0 0 15px}
	#gnb1 .submenu ul {margin-left:10px}
	#gnb1 .submenu ul li {display:block}
	#gnb1 .submenu ul li a {position:relative}
	#gnb1 .submenu > ul > li > a:before {content:'';border-bottom:1px solid #857b7a;border-left:1px solid #857b7a;width:5px;height: 198%;position:absolute;left:-10px;bottom: 12px}
	#gnb1 .submenu > ul > li:first-child > a:before {height:40%}
	#gnb1 .submenu ul.lnb-detail {padding:5px 0 0 0; position:relative}
	#gnb1 .submenu ul.lnb-detail:before {content:''; background:#5d5969; width:1px; height:100%;position:absolute;left:-10px; top:-13px}
	#gnb1 .submenu ul.lnb-detail li a {color:rgba(255,255,255,0.5); font-size:1.1rem; padding-left:10px}
}

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

	/*사이트 링크*/
	.slidelist {top:0;}

	/* 상단 검색 */
	.header_wrap .search,
	.header_wrap .contents {width:100%}

	#footer div.link a {display:block}
	#footer div.link a:after {content:none}

}