@charset "utf-8";

/********************************************************
■ Side Menu : 사이드 메뉴
********************************************************/
#nt_title{overflow:unset;z-index: 2;}
#nt_title .title_bg_wrap{width: 100%;height: 40vw;min-height: 500px;background-repeat: no-repeat !important;background-size: cover !important;background-position: center;position: relative;top: 0;left: 0;background: #000;}
#nt_title .title_bg_wrap .text_wrap{position: absolute;width: calc(100% - 40px);text-align: center;color: #fff;top: 50%; left: 50%; transform: translate(-50%, -50%);}
#nt_title .title_bg_wrap .text_wrap > h1 {font-size: 3.50em;font-weight: 700;}
#nt_side_menu{position: absolute;bottom: -1px;margin: 0 !important;width: 100%;background: rgba(0, 0, 0, 0.1);backdrop-filter: blur(8px);}
#nt_side_menu .side_menu_wrap{width: 100%;max-width: 1320px;margin: 0 auto;display: flex;align-items: center;height: 70px;}
#nt_side_menu .side_menu_wrap a.home{height: 100%;width: auto;aspect-ratio: auto 1 / 1;border-left: 1px solid rgba(255,255,255,.3);border-right: 1px solid rgba(255,255,255,.3);position: relative;top: 0;left: 0;}
#nt_side_menu .side_menu_wrap a.home img{width: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#nt_side_menu .side_menu_wrap .now{max-width: 350px;width: calc((100% - 70px) / 2);height: 100%;display: flex;justify-content: space-between;align-items: center;position: relative;top: 0;left: 0;padding: 0 20px;border-right: 1px solid rgba(255,255,255,.3);cursor: pointer;}
#nt_side_menu .side_menu_wrap .now>p{width: 100%; height: 100%; display: flex; align-items: center; color: #fff;font-weight: 500;}
#nt_side_menu .side_menu_wrap .now .now_icon{height: 100%;width: 27px;position: relative;top: 0;left: 0;}
#nt_side_menu .side_menu_wrap .now .now_icon img{position: absolute;width: 12px; top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}
#nt_side_menu .side_menu_wrap .now .now_icon.atv img{transform: translate(-50%, -50%) rotate(-90deg);}
#nt_side_menu .side_menu_wrap .now .now_list{position: absolute;top:70px;left: 0;width: 100%;background: rgba(0, 0, 0, 0.7);display: none;}
#nt_side_menu .side_menu_wrap .now .now_list li{color: #fff; height: 50px; line-height: 50px; padding: 0 0 0 20px; cursor: pointer;font-size: 18px;}
#nt_side_menu .side_menu_wrap .now .now_list li:hover{background: rgba(255,255,255,.2);}
#nt_side_menu .side_menu_wrap .now .now_list li.atv{background: rgba(255,255,255,.2);}
#nt_side_menu .side_menu_wrap .dep2{max-width: 350px;width: calc((100% - 70px) / 2);height: 100%;display: flex;justify-content: space-between;align-items: center;position: relative;top: 0;left: 0;padding: 0 20px;border-right: 1px solid rgba(255,255,255,.3);cursor: pointer; }
#nt_side_menu .side_menu_wrap .dep2>p{width: 100%;height: 100%;display: flex;align-items: center;color: #fff;font-weight: 500;line-height: 1.3;}
#nt_side_menu .side_menu_wrap .dep2 .dep2_icon{height: 100%;width: 27px;position: relative;top: 0;left: 0;}
#nt_side_menu .side_menu_wrap .dep2 .dep2_icon img{position: absolute;width: 12px; top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}
#nt_side_menu .side_menu_wrap .dep2 .dep2_icon.atv img{transform: translate(-50%, -50%) rotate(-90deg);}
#nt_side_menu .side_menu_wrap .dep2 .me-ul{position: absolute;top:70px;left: 0;width: 100%;background: rgba(0, 0, 0, 0.7);display: none;}
#nt_side_menu .side_menu_wrap .dep2 .me-ul .me-li{height: 50px; line-height: 50px; cursor: pointer;}
#nt_side_menu .side_menu_wrap .dep2 .me-ul .me-li i{display: none;}
#nt_side_menu .side_menu_wrap .dep2 .me-ul .me-li a{color: #fff !important;font-size: 18px;padding: 0 0 0 20px;display: block;}
#nt_side_menu .side_menu_wrap .dep2 .me-ul .me-li:hover{background: rgba(255,255,255,.2);}
#nt_side_menu .side_menu_wrap .dep2 .me-ul .me-li.active{background: rgba(255,255,255,.2);}
#nt_side_menu .side_menu_wrap .dep3{height: 100%;width: 350px;display: none;justify-content: space-between;align-items: center;position: relative;top: 0;left: 0;padding: 0 20px;border-right: 1px solid #7A7A7A;cursor: pointer; }
#nt_side_menu .side_menu_wrap .dep3>p{width: 100%; height: 100%; display: flex; align-items: center; color: #fff;}
#nt_side_menu .side_menu_wrap .dep3 .dep3_icon{height: 100%;width: 27px;position: relative;top: 0;left: 0;}
#nt_side_menu .side_menu_wrap .dep3 .dep3_icon img{position: absolute;width: 15px; top: 50%;left: 50%;transform: translate(-50%, -50%) rotate(90deg);}
#nt_side_menu .side_menu_wrap .dep3 .dep3_icon.atv img{transform: translate(-50%, -50%) rotate(-90deg);}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1.on{display: none;}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1.off{display: none !important;}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1{position: absolute;top:78px;left: 0;width: 100%;background: rgba(0, 0, 0, 0.7);}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1 .me-li1{height: 50px; line-height: 50px; cursor: pointer;}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1 .me-li1 a{color: #fff !important;font-size: var(--font16); padding: 0 0 0 20px;display: block;}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1 .me-li1:hover{background: rgba(255,255,255,.2);}
#nt_side_menu .side_menu_wrap .dep3 .me-ul1 .me-li1.active{background: rgba(255,255,255,.2);}

@media all and (max-width:1199px) {
	#nt_title .title_bg_wrap .text_wrap > h1 {font-size: 3.0em;}
	#nt_side_menu .side_menu_wrap .now,
	#nt_side_menu .side_menu_wrap .dep2 {width: 300px;}
}
@media all and (max-width: 1024px){
	#nt_side_menu .side_menu_wrap .now,
	#nt_side_menu .side_menu_wrap .dep2 {width: 270px;}
}
@media all and (max-width:640px) {
	#nt_title .title_bg_wrap .text_wrap > h1 {font-size: 2.50em;}
	#nt_side_menu .side_menu_wrap .now{display: none;}
	#nt_side_menu .side_menu_wrap .dep2{width: 100%;}
}