@charset "UTF-8";

/********************************************************
■ Mobile Header : 모바일 헤더 부분
********************************************************/
#m-top { background:#fff; left:0; position:fixed; right:0; top:70px; height:40px; z-index: 99; border-bottom:1px solid #ddd; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.05); display:flex; justify-content:center; }
#m-top .top { align-items: center; display: flex; height: 50px; justify-content: space-between; padding: 0 10px; }
#m-top .top > a { display: block; }
#m-top .top .logo { background: url("../../img/logo.png") left center/contain no-repeat; height: 40px; width: 250px; }

/* 모바일 메뉴바 */
#m-menubar { position: relative; height:100%; transition-duration: 300ms; margin:0 35px; }
#m-menubar a { display:flex; justify-content:center; align-items:center; height: 100%; padding:0 10px; font-weight: 800; }
#m-menubar a.on { }
#m-menubar .swiper-wrapper { }
#m-menubar .swiper-slide { width:auto; }
#m-top .swiper-nav { position:absolute; top:0; height:100%; width:20px; z-index:2; cursor:pointer; display:flex; justify-content:center; align-items:center; }

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


@media (min-width: 1024px) {
    #m-top { display:none; }
}