/* 로고 */
#header .container .logo_wrap{left: 50%; transform: translate(-50%, -50%);}
/* 메뉴 */
#nav{height: 100%;}
#gnb{ position: absolute !important; bottom: 0; transform: translate(-50%, 100%); background: #213890; width: calc(100vw + 5rem + 1px); left: 50%; height: 3.5rem; }

#nav #gnb .dep01_tit{height: 100%;}
#nav #gnb .dep01_tit > ul{justify-content: center; height: 100%; width: 100%; max-width: 70rem; margin: 0 auto;}
#nav #gnb .dep01_tit > ul > li{ flex: 1; height: 100%; }
#nav #gnb .dep01_tit > ul > li > a{ padding: 0 1rem; color: #fff; height: 100%;}
#nav #gnb .depth01{top: 3.5rem;}
#nav #gnb .depth01 .gnb_info{display: none;}
#nav #gnb .depth01 > ul{justify-content: center; padding-left: 0; height: 100%; max-width: 70rem;}
#nav:not(.fullDown) #gnb .depth01 > ul > li{ flex: 1; height: 100%;}
#nav:not(.fullDown) #gnb .depth01 > ul > li > a{height:3.5rem; color: #fff; padding: 0 1rem;}
#header.on .depth01 > ul > li > a{padding: 0 1rem;}
#nav #gnb.gnbon .dep01_tit > ul > li > a {padding: 0 1rem;}



.open #nav:not(.fullDown) #gnb .depth01{top: 3.5rem; height: 100%;}
.fullDown #gnb .depth01 > ul > li:nth-child(1){border-left: 1px solid #eee;}

.oneFull #gnb{position: absolute !important;}

@media screen and (max-width: 1820px) {
    #gnb{width:100%; transform: translate(0%, 100%); left:0;}
    .fullDown #gnb .dep01_tit > ul{padding-left: 0;}
    #nav #gnb .dep01_tit > ul{width: 100%; max-width: 100%;}
    .fullDown #gnb .depth01 > ul {padding-left:0;}

}
@media screen and (max-width: 1280px) {
    #header .container .logo_wrap{left: auto; transform: none;}

}