@charset "UTF-8";

/********************************************************
■ Mobile Header : 모바일 헤더 부분
********************************************************/
#m-top { position:fixed; left:0; right:0; top:auto; height:60px; transition-duration: 200ms; z-index:999; background:#fff; border-right:1px solid #eee; }

#m-top .top { position:relative; height:100%; padding:0 15px; }

#m-top .top .logo { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:180px; height: 35px; background: url("../img/logo.png") center/contain no-repeat; }


#m-top .top .lang { position:absolute; top:15px; border:1px solid #ddd; border-radius: 5px; transition-duration: 300ms; padding:7px 10px; z-index:9; }
#m-top .top .lang.on { background: #fff; color:#555; }
#m-top .top .lang .item .fa { margin-left:10px; }
#m-top .top .lang.on .item { border-bottom:1px solid #ddd; }
#m-top .top .lang .sub { display:none; margin-top:5px; }
#m-top .top .lang a { display:block; font-size:.75rem; font-weight:600; color:#333; }
#m-top .top .lang .sub a { padding:5px 0 5px 25px; background:none no-repeat left center/20px; }
#m-top .top .lang a.kor { background-image:url('../img/lang_kor.png'); }
#m-top .top .lang a.eng { background-image:url('../img/lang_eng.png'); }
#m-top .top .lang a.jp { background-image:url('../img/lang_jp.png'); }
#m-top .top .lang a.ch { background-image:url('../img/lang_ch.png'); }



/* 상단 우측 메뉴버튼 */
#m-top .top-menu-btn { position:absolute; right:15px; top:50%; transform:translateY(-50%); width:25px; height:40px; }
#m-top .top-menu-btn div { background-color:#555; position:absolute; left:50%; top:50%; width:100%; height:2px; border-radius:2px; transform:translate(-50%, -50%); transition:all .5s; }
#m-top .top-menu-btn div:nth-child(1) { margin-top:-8px; }
#m-top .top-menu-btn div:nth-child(3) { margin-top:8px; }


/* 모바일 메뉴바 */
#m-menubar { position:relative; margin-top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; transition:all .3s ease; padding:0 25px; }
#m-menubar .swiper-slide { width:auto; }
#m-menubar .swiper-slide:last-child { margin-right:0 !important; }
#m-menubar a { display:block; height:40px; line-height:40px; text-align:center; }
#m-menubar a.on { font-weight:700; }

#m-menubar .swiper-nav { position:absolute; top:0; height:100%; width:20px; z-index:2; cursor:pointer; display:flex; justify-content:center; align-items:center; }

#m-menubar .swiper-nav.swiper-button-disabled { opacity:0.3; }
#m-menubar .swiper-nav.swiper-prev { left:0; }
#m-menubar .swiper-nav.swiper-next { right:0; }

@media (max-width: 480px) {
	#m-menubar { padding:0 15px; }
}