@charset "utf-8";

.btn_menu,
.btn_sch{display:none;}


#header .logo strong{padding: 0;font-size: 28px;font-weight: 600;letter-spacing: -0.05em;}
#header .logo strong span{margin: 2px 0 0;font-size: 22px;}
#header .logo span > span{padding:0;line-height:100%;font-size: 16px;font-weight: 400;letter-spacing: 0;color: #797979;}
#footer .info {padding: 0; text-align: center;}

@media all and (max-width:1024px) {
	.btn_menu{display:block;}

	#header .logo{top:15px;}
	#header .logo strong{padding: 8px 0 0;font-size:24px;}
	#header .logo strong span{font-size:19px;}
	#header .logo span > span{font-size:16px; letter-spacing:-2px;}
    .sns_wrap {right: 70px;}
    #footer address {padding: 0;}
}
@media all and (max-width:768px) {
	.inner{padding:0 10px;}
	#header .logo {top:11px; left:10px;}
	#header .logo strong{font-size:22px;}
	#header .logo span > span{font-size:14px;}
	.global > li {width:50%;}
}
@media all and (max-width:568px) {
	#header .logo {top:10px;}
	#header .logo strong{padding: 0;font-size: 18px;width: 200px;}
	#header .logo span > span{padding:2px 0 0 0;}
}
@media all and (max-width:380px) {
	#header .logo strong{font-size: 17px;}
	#header .logo span > span{padding:1px 0 0 0;}
}

/* 메인메뉴 */
#menuArea .bar{display:none;}
#menuArea.on{box-shadow:none;}
#menuArea:after{z-index:95;}
#menuArea:before,
#menuArea.on:before,
#menuArea.on:after,
#topmenu .menu:before{display: none;}
#topmenu{padding: 0 0 0 45%;}
#topmenu > li {position:relative;width: 36%;}
#topmenu > li:nth-child(2),
#topmenu > li:nth-child(3) {width:20%;}
#topmenu > li:last-child {display:block; width:35%;}

#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#fff;}

#topmenu li .menu{z-index:96; visibility:hidden; opacity:0; position:absolute; top:90px; left:50%; width:210px; min-height:0; padding:21px 0; box-shadow:3px 3px 18px rgba(0,0,0,0.1); transform:translateX(-50%); text-align:center; background:#328972; transition:0.22s ease-in-out; }
#topmenu li.active .menu{visibility:visible; opacity:1; top:80px;}

#topmenu .menu > ul > li{width:100%; padding:0; margin:0 0 7px;}
#topmenu .menu > ul > li > a{height:auto; line-height:110%; padding:10px 0; color:#fff; text-decoration:none;}
#topmenu .menu > ul > li > a,
#topmenu .menu > ul > li:hover > a, 
#topmenu .menu > ul > li.current_on > a, 
#topmenu .menu > ul > li > a:hover{background:transparent; border:none;}
#topmenu .menu > ul > li > a:before{display:none;}
#topmenu ul ul {display:none;}
#topmenu li li a{font-family:"Noto Sans KR"; font-size:17px; font-weight:400; justify-content:center;}
#topmenu li li a span{position:relative; display:inline-block; padding:0 18px;}
#topmenu li li a span:after{content:''; display:block; position: absolute; bottom:-8px; left:50%; width:0; height:2px; background:rgba(255,255,255,0.5);}
#topmenu li li a:hover span:after{left:0; width:100%; transition:0.18s ease-in-out;}
#topmenu > li:hover > a, #topmenu > li > a:hover, #topmenu > li > a:active, #topmenu > li > a:focus, #topmenu > li.current_on > a {color: #333;}

#submenu .depth2 > li > a {padding: 0 20px;}