@charset "UTF-8";
/*-------------------------------------------------
title       :레이아웃 반응형
Create date :2022-08-29
-------------------------------------------------*/

@media (max-width:1499px) {
	#issue .tt {top:0 !important}
 
	#gnb1 > ul {margin:0 auto; width:100%}
	
	#wrap:before {content:none}
	#header {background-color:#f0f5fa; border-left:none; border-bottom:1px solid #ddd; padding-bottom:5rem}
	#header:after {content:none}
	#hnb {position:relative; width:100%; top:1rem;z-index: 2;}
	.fixed {position:relative; width:100%; top:4rem; padding:0}
	#logo {width:20rem; position:relative; z-index:10}
	.solgun {text-align:center}
	
	#wrap.sitemap #header {height:52rem}
	#wrap.sitemap .solgun, #wrap.sitemap #Search, #wrap.sitemap .notice {display:none}
	
	#main_wrap {margin:0}
	
	#gnb1 {display:none}
	
	/*전체메뉴 (사이트맵)*/
	#gnb2 {display:block; position:absolute; right:0; top:0; width:100%; z-index:1}
	#gnb2 .control.open {border-top:0.4rem solid #000;  color:transparent; display:block; font-size:0; overflow:hidden; position:absolute; right:0; top:4rem; width:3rem; height:3rem} 
	#gnb2 .control.open:before {content:''; width:60%; height:0.4rem; background:#000; position:absolute; top:0.8rem; right:0; transition:all .2s}
	#gnb2 .control.open:after {content:''; box-shadow:0 4px 0 #000; border-top:0.4rem solid #000; width:100%; height:2rem; position:absolute; top:2rem; right:0; transition:all .2s}
		
	#gnb2 .control.close {display:none; overflow:hidden; position:absolute; right:0; top:4rem; z-index:3; width:3rem; height:3rem; line-height:3rem; text-align:center} 
	#gnb2 .control.close::before {content:''; color:#000; display:block; width:100%; height:100%; font-family:"xeicon"; font-size:3rem; font-weight:bold; text-align:center; line-height:inherit; transition:all 0.2s}
	#gnb2 .control.close:hover::before, #gnb2 .control.close:focus::before {transform:rotate(180deg) translateY(2px)}
	
	#gnb2 > ul {display:none; visibility:hidden; overflow:hidden; width:100%; opacity:0; color:#333; transition:opacity 0.2s; margin:13rem 0 0 0;}
	#gnb2 > ul > li > a {color:#333; display:block; font-size:2.2rem; font-weight:normal; padding:1rem; position:relative;  word-break:break-all}
	
	#gnb2 > ul > li.active > a {color:#005eae}
	#gnb2 > ul > li.active > a:after {opacity:1}
	#gnb2 > ul > li.active .submenu {visibility:visible; opacity:1; width:100%; height:100%}

	#gnb2 > ul .submenu {visibility:hidden; overflow:hidden; width:0; height:0; opacity:0}
	#gnb2 > ul .submenu > ul {padding:0 0 0 5rem}
	#gnb2 > ul .submenu > ul > li {border-bottom:1px dashed #ddd; position:relative; width:100%}
	#gnb2 > ul .submenu > ul > li:last-child {border-bottom:0}
	#gnb2 > ul .submenu > ul > li > a {color:#000; font-size:2rem; 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:200%; height:100%;background-color: #f0f5fa; position:absolute; left:50%; top:4rem; z-index:-1; transform:translateX(-50%)}
	#gnb2.active .open {display:none}
	#gnb2.active .close {display:block}
	#gnb2.active > ul {display:block; visibility:visible; opacity:1; flex-wrap:wrap}
	#gnb2.active > ul > li {border-bottom:1px solid #ddd; width:100%}
	#gnb2.active > ul > li:last-child {border-bottom:none}
	#gnb2.active > ul > li > a {display:block}
	#gnb2.active > ul > li > a:before {font-family:'xeicon'; font-size:3rem; display:inline-block; text-align:center; margin-right:1rem; vertical-align:middle}
	#gnb2.active > ul > li > a:after {content:''; font-family:'xeicon'; font-size:3rem; position:absolute; right:1rem}
	#gnb2.active > ul .lnb1 > a:before {content:''}
	#gnb2.active > ul .lnb2 > a:before {content:''}
	#gnb2.active > ul .lnb3 > a:before {content:''}
	#gnb2.active > ul .lnb4 > a:before {content:''}
	#gnb2.active > ul .lnb5 > a:before {content:''}
	
	
	/*3depth*/
	#gnb2 > ul .submenu li.type1 > a:after {display:none; content:''; color:#000; font-family: "xeicon"; position:absolute; right:0; transition:all .2s}
	#gnb2 > ul .submenu .lnb-detail {display:none; 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.8rem; margin:1rem 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: 1rem;}
	#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; border-radius:0.5rem; margin-bottom:2rem}
	#gnb2 > ul .active > .submenu > ul > li.active > div {display:block}
	#gnb2 > ul .submenu > ul > li.active > a {color:#005eae}
	#gnb2 > ul .submenu > ul > li.type1 > a:hover:after {transform:rotate(180deg)}

	/*공지사항*/
	.notice .list {margin:0}
	.notice .list .slick-dots {text-align:center}
	.notice .item {border-bottom:none}

	.sns {display:none}
	
}

@media (max-width:768px) {
	.footer_wrap {text-align:center}
	.footer_wrap .fnb {display:block; padding:2rem 0 }
	
	.footer_wrap .article {display:block; padding:3rem 0}
	.footer_wrap .article .f-logo {margin:0 auto}
	.footer_wrap .article .siteinfo {margin:2rem 0; width:auto}
	.copyright {font-size:1.2rem}
}

@media screen and (min-width:767px) and (max-width:1200px){
	
	/*공지사항*/
	.notice .item a {display:flex; justify-content:space-between; align-items:center; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
	
}

@media (max-width:767px) {
	
	#hnb .hnb2 ul {text-align:center}
	#hnb .hnb2 .login-name {display:none}
}