@charset "utf-8";

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

/* sidebar Box */
#nt_sidebar { font-family: namumsquareneo; background-color: black; top: 0; width: 280px; height:100%; position: fixed; z-index:1000; overflow-y: auto; }
#nt_sidebar .sidebar-content { overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }
#nt_sidebar .nt_sidebar_con { padding: 0 20px; position: relative; }

/* sidebar Header */
#nt_sidebar_header { min-height: 70px; padding: 20px 0; }
#nt_sidebar_header > h3{ font-family: namumsquareneo; font-size: 14px; font-weight: 800; line-height: 2.1em; }

/* sidebar Menu top */
#nt_sidebar_m_top_menu { padding: 0; margin-bottom: 30px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap:13px }
#nt_sidebar_m_top_menu .bg_gray_border { min-height: 90px; background-color: #444; border-radius: 10px; padding-bottom: 15px; cursor: pointer; }
#nt_sidebar_m_top_menu .nt_sidebar_m_top_menu_c_div { display: flex; flex-direction: column; align-items: center; }
#nt_sidebar_m_top_menu .nt_sidebar_m_top_menu_c_div .img-ct { height: 60px; display: flex; align-items: center; }
#nt_sidebar_m_top_menu .nt_sidebar_m_top_menu_c_div .img-ct img {  }
#nt_sidebar_m_top_menu .nt_sidebar_m_top_menu_c_div > span { font-family: nanumsquareneo; font-size: 13px; font-weight: bold; line-height: 1.1em; color: white; }

/* sidebar Menu list */
#nt_sidebar_menu .nt_sidebar_m_menu_depth_1 { min-height: 50px; display: flex; align-items: center; border-bottom: 1px solid #555; }
#nt_sidebar_menu .nt_sidebar_m_menu_depth_1 a { color: white; font-family: 'nanumsquareneo'; font-weight: 800; font-size: 18px; line-height: 1.1em; }
#nt_sidebar_menu .nt_sidebar_m_menu_depth_2_list { margin-bottom: 20px; display: grid; grid-template-columns: 1fr 1fr; }
#nt_sidebar_menu .nt_sidebar_m_menu_depth_2_list > li { min-height: 50px; display: flex; align-items: center;}
#nt_sidebar_menu .nt_sidebar_m_menu_depth_2_list > li a { color: white; }

#sidebar-user { background-color: #ccc; padding: 15px; }


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

@media (min-width: 768px) {
	#nt_sidebar_footer { display: none;}
}
@media (max-width: 767px) {
	#nt_sidebar .nt_sidebar_con { min-height: calc(100vh - 42px); }
	#nt_sidebar_footer { width: 100%; background-color: var(--maincolor);  }
	#nt_sidebar_footer a { background-color: var(--maincolor); border: none; width: 33.33333333%;  line-height: 2em; }
}

/* Mask */
#nt_sidebar_mask { display:none; position:fixed; z-index:499; background:rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; }

/* Noti Tack */
#nt_sidebar_noti { position: fixed; z-index: 100; }
@media (min-width: 768px) {
	#nt_sidebar_noti { top:40%; right: 0; border-top-left-radius: 50rem !important; border-bottom-left-radius: 50rem !important; }
}
@media (max-width: 767px) {
	#nt_sidebar_noti { left:0; bottom:25px; border-top-right-radius: 50rem !important; border-bottom-right-radius: 50rem !important; }
}

/* Go to Top */
#nt_sidebar_move { display:none; position: fixed; width: 40px; bottom: 20px; right: 25px; z-index: 2; }
#nt_sidebar_move span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:5px 0; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
#nt_sidebar_move .sidebar-move-bottom { display:none; }