@charset "utf-8";

/********************************************************
■ Side Menu : 사이드 메뉴
********************************************************/
#nt_title{overflow:unset;z-index: 2;}
#nt_title .title_bg_wrap{width: 100%; height: 31vw; 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 b{font-size: var(--font60);font-weight: 500; line-height: 1;}
#nt_title .title_bg_wrap .text_wrap p{font-size: var(--font20); line-height: 1.4; margin-top: 20px;}
#nt_side_menu{position: absolute; bottom: 0; margin: 0 !important; width: 100%; background: rgba(0, 0, 0, 0.6);}
#nt_side_menu .side_menu_wrap{ width: 100%; max-width:1200px; margin: 0 auto; display: flex; align-items: center;height: 78px;}
#nt_side_menu .side_menu_wrap a.home{height: 100%; width: auto; aspect-ratio: auto 1 / 1; border-left: 1px solid #7A7A7A; 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{height: 100%;width: 350px;display: flex;justify-content: space-between;align-items: center;position: relative;top: 0;left: 0;padding: 0 20px; border-left: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A;cursor: pointer;}
#nt_side_menu .side_menu_wrap .now>p{width: 100%; height: 100%; display: flex; align-items: center; color: #fff;font-size: var(--font20);}
#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: 15px; 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:78px;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: var(--font16);}
#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{height: 100%;width: 350px;display: flex;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 .dep2>p{width: 100%; height: 100%; display: flex; align-items: center; color: #fff;font-size: var(--font20);}
#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: 15px; 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:78px;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: var(--font16);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;font-size: var(--font20);}
#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:1000px) {
	#nt_side_menu .side_menu_wrap .now{width: 25%;}
	#nt_side_menu .side_menu_wrap .dep2{width: 35%;}
	#nt_side_menu .side_menu_wrap .dep3{width: 30%;}
}
@media all and (max-width:800px) {
	#nt_side_menu .side_menu_wrap .now{display: none;}
	#nt_side_menu .side_menu_wrap .dep2{width: 100%;}
}