@charset "utf-8";

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

/* sidebar Box */
#nt_sidebar{ width: 100%; height:calc(100% - 116px); position: fixed; z-index: 15; top: 116px;left: 0 !important;display: none !important;}
#nt_sidebar #nt_sidebar_header{height: 110px;width: calc(100% - 40px);max-width: var(--max-width);margin: 0 auto;display: flex;justify-content: space-between;align-items: center;display: none;}
#nt_sidebar #nt_sidebar_header .hd_logo{height: 100%;display: flex;justify-content: center;align-items: center;}
#nt_sidebar #nt_sidebar_header .hd_logo img{height: 30%;}
#nt_sidebar #nt_sidebar_header .sidebar-close{height: 50px; width: auto; aspect-ratio: auto 1 / 1; display: flex;justify-content: center;align-items: center;}
#nt_sidebar #nt_sidebar_header .sidebar-close i{font-size: 24px !important;}
#nt_sidebar #nt_sidebar_body{height: calc(100% - 200px);}
#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{width: calc(100% - 40px);height: 100%; max-width: var(--max-width); margin: 0 auto; display: flex ; justify-content: space-between;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li{width: 20%;height: 100%;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(4)>a::before,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(6)>a::before{content: "▼"; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-weight: 300; font-size: 10px;display: none;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(1)>a::before,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(2)>a::before,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(3)>a::before,
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:nth-child(5)>a::before{content: "▶"; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-weight: 300; font-size: 10px;display: none;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a{font-size: var(--font-24); font-weight: 600; text-align: center; padding: 0 20px;display: block;width: 100%;color: #000;line-height: 80px;border-radius: 50px;position: relative;top: 0;left: 0;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:hover >a{background: #000;color: #fff;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li.active>a{background: #000 !important;color: #fff !important;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul{width: 100%;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li{width: 100%;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a{color: #666666;display: block;width: 100%;text-align: center;padding: 0 20px;font-size: var(--font-20);line-height: 50px;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li.active>a{color:#000 !important;font-weight: 600;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a:hover,
#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:focus{color:#000}

@media screen and (max-width:1200px){
	#nt_sidebar #nt_sidebar_header{height: 80px;}
	#nt_sidebar #nt_sidebar_header .sidebar-close{height: 40px;}
	#nt_sidebar #nt_sidebar_body{height: calc(100% - 100px); overflow-y: auto;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul{flex-flow: column;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li{height: fit-content;width: 100%;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a{line-height: 50px;text-align: center;padding: 0;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a{padding: 0;line-height: 40px;}

}
@media screen and (max-width:900px){
	#nt_sidebar{height:calc(100% - 70px); top: 70px;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li:hover >a{color:#000 !important;background: unset;}
#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li.active>a{color: #fff !important;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a:hover,
	#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:focus{color: #666666;}
}
@media screen and (max-width:600px){
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>a{text-align: center;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul>li>ul li a{text-align: center;}
}
@media screen and (max-width:500px){
	#nt_sidebar.atv{display: block !important;}
	#nt_sidebar #nt_sidebar_body{height: calc(100% - 20px);padding: 20px 0;}
	#nt_sidebar #nt_sidebar_body #sidebar-menu #nt_sidebar_menu>ul{justify-content: unset;}
}