@charset "utf-8";

/********************************************************
■ SideBar : 사이드바(모바일 메뉴)
********************************************************/

/* sidebar Box */
#nt_sidebar {  position: fixed; top: 0; right: -100%; z-index: 1000; width: 100%; height:100%; background: rgba(0,0,0,.9);  transition: all .3s;}
#nt_sidebar .sidebar-content { height: 100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }

/* Icon */
.sidebar-icon i { font-size:22px; line-height:22px; }

/* Menu */
.sidebar-list h5 { padding:0.55rem 1.0rem; margin:0; font-weight:bold !important; border-top:1px solid #dee2e6; margin-top:-1px;  }
.sidebar-list ul { text-align: center;}
.sidebar-list ul.me-ul1 { display:none; }
.sidebar-list ul.me-ul1.on { display:block; }
.sidebar-list li { position:relative; }
.sidebar-list li a { display:block; color:#fff; line-height: 1;}
.sidebar-list li .me-a { padding: 15px 0; font-size: 30px; font-weight: 700; }
.sidebar-list li .me-a1 { padding: 10px 0; }
.sidebar-list .me-ul .me-li { padding: 0 0 15px;}
.sidebar-list .me-ul .me-li1 a { color: #f5f5f5; font-size: 18px;}
.sidebar-list .me-ul .me-li1.active a { font-weight: 700; color: #fff;}


.sidebar-list .me-ul2 { }



#sidebar-menu { position: relative; width: 100%; height: 100%;}
#sidebar-menu #nt_sidebar_menu_wrap { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center;}
#sidebar-menu .sidebar-close i { font-size: 46px;}


@media (max-width:768px) , (max-height:500px){
    .sidebar-list .me-ul .me-li { padding: 0 0 15px;}
    .sidebar-list li .me-a { padding: 10px 0;}  
}