@charset "utf-8";

/********************************************************
■ Side Menu : 사이드 메뉴
********************************************************/
.bg_inner {width:92%; max-width:1400px; margin:0 auto ;position:relative}
.nt-container {position:relative;margin-top:100px;}
.title_bg_wrap{width:100%; position:relative}
#nt_side_menu {border-bottom:1px solid #d9d9d9}
.title_bg_wrap .text_wrap{position: absolute; left:0; bottom:100px;width:100%}
.title_bg_wrap .text_wrap h1 {font-size:3em; color:#fff}
.title_bg_wrap .text_wrap h3 {font-size:1rm; color:#fff; margin-bottom:.5em}
.title_bg_wrap .img_wrap img {height:100%;object-fit: cover;}

.side_menu_wrap .dep2 {display:flex; align-items: center;height:60px;justify-content: center;}
.side_menu_wrap .dep2 .me-ul {display:flex; align-items: center; gap:90px;height:100%;z-index:3}
.side_menu_wrap .dep2 .me-ul li {height:60px;position: relative;display: flex;align-items: center;}
.side_menu_wrap .dep2 .me-ul a {color:#121212;display: flex;align-items: center;height:100%;white-space: nowrap;}

.side_menu_wrap .dep2 .me-ul li.active a {border-bottom:3px solid var(--color-main); color:var(--color-main);font-weight: 600;}
@media all and (max-width:1199px) {
    .nt-container {margin-top:75px}
}
@media all and (max-width: 1024px){
    .side_menu_wrap .dep2 .me-ul {gap:40px;}
    .title_bg_wrap .img_wrap{height:400px;}
}

@media all and (max-width: 768px){
    .side_menu_wrap .dep2 .me-ul {gap:30px;width:100%;overflow-x: auto;overflow-y: hidden;}

}
@media all and (max-width:640px) {
    .bg_inner h1 {text-align:center;}
    .bg_inner h3 {text-align:center;font-size:.9em}
    .title_bg_wrap .text_wrap {bottom:50%;transform: translateY(50%);}
    .title_bg_wrap .text_wrap h1 {font-size:35px;}
    .side_menu_wrap .dep2 .me-ul a {font-size:14px;}

}