@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}
.title_bg_wrap .text_wrap{position: absolute; left:0; bottom:150px;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-top:.5em}
.title_bg_wrap .img_wrap img {height:100%;object-fit: cover;}
.side_menu_wrap {position:absolute; right:0; bottom:-60px;}
.side_menu_wrap .dep2 {display:flex;gap:30px; align-items: center;height:60px;}
.side_menu_wrap .dep2 .me-ul {display:flex; align-items: center; gap:30px;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:#004F96;display: flex;align-items: center;font-weight:500}
.side_menu_wrap .dep2 .me-ul li:first-child a:before {content:''; position:absolute; top:-5px; left:50%; transform: translateX(-50%);width:10px; height:10px; border-radius: 50%;background: #004F96;}
.side_menu_wrap .dep2 .me-ul li:first-child.active a {border-bottom:1px solid #004F96}
@media all and (max-width:1199px) {
    .nt-container {margin-top:75px}
}
@media all and (max-width: 1024px){
    .title_bg_wrap .img_wrap{height:400px;}
}
@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 h1 {font-size:35px;}
    .side_menu_wrap .dep2 .me-ul a {font-size:14px;}

}