@charset "utf-8";

.btn_menu,
.btn_sch,
#search{display:none;}

.logo strong{padding:6px 0 0 0;}
.logo span > span{padding:0; line-height:100%; font-size:16px; letter-spacing:-1px;}

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

	.logo{top:13px;}
	.logo strong{padding:5px 0 0 0; font-size:24px;}
	.logo span > span{font-size:15px;}
}
@media all and (max-width:768px) {
	.inner{padding:0 10px;}
	
	.logo {top:11px; left:10px;}
	.logo strong{padding:4px 0 0 0; font-size:22px;}
	.logo span > span{font-size:14px;}
}
@media all and (max-width:568px) {
	.logo {top:10px;}
	.logo strong{font-size:21px;}
	.logo span > span{font-size:13px;}
}
@media all and (max-width:380px) {
	.logo strong{font-size:20px;}
}

/* 메인메뉴 */
#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 30%;}
#topmenu > li{position:relative; width:25%;}
#topmenu > li:last-child {display:block;}

#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:180px; min-height:0; padding:21px 0; box-shadow:3px 3px 18px rgba(0,0,0,0.1); transform:translateX(-50%); text-align:center; background:#e65245; transition:0.22s ease-in-out;}
#topmenu li.active .menu{visibility:visible; opacity:1; top:100px;}

#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 li li a{font-family:"Noto Sans KR"; font-size:17px; font-weight:400;}
#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;}

#footer .info{padding-top:10px;}
#footer .logo ,
#footer .logo strong{padding:0;}
#footer .logo span{padding:4px 0 0 2px; letter-spacing:1px;}
.btn_top{top:-23px;}
@media all and (max-width:1024px) {
	#footer .info{padding:0;}
	#footer .logo span{letter-spacing:0.7px;}
}
@media all and (max-width:768px) {
	.btn_top{top:-19px;}
	#footer .logo span{letter-spacing:0.8px;}
}
.member{padding:40px 13.33%; border-radius:20px; text-align:center; color:#fff; background:url(/images/member/sub/bg_member.jpg) no-repeat 0 100% / cover;}
.member .pic{overflow:hidden; border-radius:5px; box-sizing:border-box;}
.member .pic img{width:100%;}
.member .txt{padding:20px 0 0 0; margin:20px 0 0 0; border-top:1px solid rgba(255,255,255,0.25); border-bottom:1px solid rgba(255,255,255,0.25);}
.member .name{font-size:20px;}
.member .name strong{font-size:30px; font-weight:800; font-family:"Jalnan";}
.member .dot{padding:21px 0 5px 0; line-height:130%; box-sizing:border-box; text-align:left; letter-spacing:0;}
.member .dot li{padding:0 0 10px 40%;}
.member .dot li strong{position:absolute; top:0; left:8px;}
.member .dot li span{font-weight:900;}
.member .dot li.lts1 strong{letter-spacing:16px;}
.member .dot li:before{width:4px; height:4px; background:#fff;}