@charset "utf-8";

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

/* sidebar Box */
#nt_sidebar{ top: 0; width: 100%; height:100%; position: fixed; z-index:1010; box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0 0 5px 5px rgba(50, 60, 70, 0.15); top: 0;left: 0;display: none;}
#nt_sidebar #nt_sidebar_header{width: 50px; height: 50px; top: 30px; right: 25px; position: absolute;}
#nt_sidebar #nt_sidebar_header a{display: block;width: 100%;height: 100%;position: relative;top: 0;left: 0;}
#nt_sidebar #nt_sidebar_header a i{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 30px !important; color: #333333 !important;}
#nt_sidebar #nt_sidebar_body{height: 100%;}
#nt_sidebar #nt_sidebar_body #sidebar-menu{height: 100%;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu{height: 100%;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul{display: flex; justify-content: flex-start; align-items: flex-start; flex-flow: row wrap; height: calc(100% - 150px); overflow-y: auto; position: absolute; top: 110px; left: 100px; width: calc(100% - 200px); border: none !important;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li{height: 48%;width: 20%; border-right: 1px solid #ddd;padding: 30px 50px;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(1),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(2),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(3),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(4),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(5){border-bottom: 1px solid #ddd;min-height: 400px;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(6),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(7),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(8),
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(9){}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(5n){border-right:unset;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a{font-size:var(--font-20); font-weight: 600; display: block;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a:focus,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a:active,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a:hover{color: #000 !important;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul{margin-top: 10px;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li{}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a{height: 33px; line-height: 33px; display: block; font-size: var(--font-17);color: #666666;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a:focus,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a:active,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a:hover{color: var(--mint) !important;}

@media (max-width:1400px){
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li{padding: 30px 20px;}
}

@media (max-width:1200px){
	#nt_sidebar #nt_sidebar_header{top: 10px;right: 0;}
	#nt_sidebar #nt_sidebar_header a i{font-size: 20px !important;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul{top: 65px;width: calc(100% - 40px);height: calc(100% - 100px); left: 50%;transform: translateX(-50%);text-align: center;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li{width: 100%;height: fit-content !important;min-height: unset !important;border-right: none !important;border-bottom: 1px solid #ddd;padding:30px 0;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:last-child{border-bottom: unset;}
}

@media (max-width:900px){
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a:hover{color: #000 !important;}
}