@charset "utf-8";

/********************************************************
■ Side Menu : 사이드 메뉴
********************************************************/
#nt_side_menu ul.off { display:none; }
#nt_side_menu li { padding:0; margin:0; position:relative; }
#nt_side_menu a { display:block; padding:0.6rem 1.0rem;	padding-right:2.5rem; border-top:1px solid #eee; overflow:hidden; }
#nt_side_menu .tree-toggle { position:absolute;  z-index:1; top:0; right:0; width:2.5rem; padding:0.6rem 0; margin-top:0.15rem; text-align:center; cursor:pointer; color:#aaa; }
#nt_side_menu .me-ul { background:#fff; }
#nt_side_menu .me-ul1 {	background:#fafafa; }
#nt_side_menu .me-ul2 { }
#nt_side_menu .me-li.active .me-a,
#nt_side_menu .me-li1.active .me-a1,
#nt_side_menu .me-li2.active .me-a2 { color:#000; font-weight:bold; }
#nt_side_menu .me-line1 .me-a1 { background:#eee; font-weight:bold; }
#nt_side_menu .me-line2 .me-a2 { background:#eee; font-weight:bold; }
#nt_title .title_bg_wrap { width: 100%; height: 31vw;min-height: 400px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; top: 0; left: 0; }
#nt_title .title_bg_wrap .text_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-flow: column; align-items: center; justify-content: center;width: 100%;gap: 20px;}
#nt_title .title_bg_wrap .text_wrap b{color: #fff; font-size: var(--font-size70); font-weight: 500;display: block;line-height: var(--font-size70);}
#nt_title .title_bg_wrap .text_wrap p{color: #ffffff94; font-size: var(--font-size40);line-height: var(--font-size50);}
#nt_title .title_bg_wrap>ul { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 900px; background: #ffffffc7; border-radius: 30px 30px 0 0; display: flex; justify-content: center; align-items: center; }
#nt_title .title_bg_wrap>ul li { height: 100%; line-height: 60px; }
#nt_title .title_bg_wrap>ul li.active { position: relative; top: 0; left: 0; }
#nt_title .title_bg_wrap>ul li.active::after {content: "";width: 100%;height: 3px;left: 0;bottom: 0;background: var(--blue-main);position: absolute;}
#nt_title .title_bg_wrap>ul li a {border: none;padding: 0 25px;font-size: var(--font-size18);width: max-content;color: #000;}
#nt_title .title_bg_wrap>ul li.active a {color: var(--blue-main) !important; }
@media all and (max-width:1400px) {
	#nt_title .title_bg_wrap .text_wrap{gap: 10px;}
	#nt_title .title_bg_wrap .text_wrap b{font-size: var(--font-size60);line-height: var(--font-size60);}
}

@media all and (max-width:1200px) {
	#nt_title .title_bg_wrap>ul li a { padding: 0 20px;font-size: var(--font-size20); }
}
@media all and (max-width:900px) {
    #nt_title .title_bg_wrap>ul {overflow-x: auto; padding: 0 10px;justify-content: space-around; }
}

@media all and (max-width:575px) {
	.responsive #nt_side_menu .me-ul.border { border-left:0 !important; border-right:0 !important; }
}