@charset "utf-8";
.subWrap {background-image: url('/images/Gunsu/images/layout/subTopBg.png');}
.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level3-1 {display: none;}

.sub-container .subNavWrap .subNav_tit {background-color: #2b458f;}
.sub-container .subNavWrap .subNavBox .subNav_List > a.active, .sub-container .subNavWrap .subNavBox .subNav_List > a.on {background-color: #107caa;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active:before, .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:hover:before {background: #3086b0;}
.sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a.active, .sub-container .subNavWrap .subNavBox .subNav_List .subNav_inner a:hover,.sub-container .subContentWrap .subCnt_top .sct_left .sct_location > li.sct_now{color:#3086b0;}

.gnb-box-flex h1.logo a.side, header.active .gnb-box-flex h1.logo a.side {color:#2b458f !important;}

header.on .gnb-box-flex h1.logo a:last-child {background: 0;}

.gnb-wrap .gnb .dl {justify-content: space-between;}
.gnb-wrap .gnb .dl .secs {width: auto;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 { width: 85%;  justify-content: center;}
.gnb-wrap .gnb .dl .secs:nth-child(1) .sub-gnb .sub-gnb-wrap .nav .bunch5 {transform: translateX(-285px);}
.gnb-wrap .gnb .dl .secs:nth-child(3) .sub-gnb .sub-gnb-wrap .nav .bunch5 {transform: translateX(200px);}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level{flex-basis: 20%;}

.gnb-wrap .gnb .dl .secs .sub-gnb {background-image: none !important;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav {justify-content: center;}
.gnb-wrap .gnb .dl .secs:nth-child(5) .sub-gnb .sub-gnb-wrap .nav {justify-content: flex-end;}

.sub-gnb .sub-gnb-wrap .nav .bunch5 .level .level2-1 span {white-space: nowrap;}

.gnb_right {display: flex;} 
.gnb_right a.nuriBtn {display: flex;}
.gnb_right a.nuriBtn .img, header.active .gnb_right .nuriBtn .img, header.on .gnb_right .nuriBtn .img {background: url("/images/layout/gnb-search.png") center no-repeat;}
            
.gnb-wrap .gnb .dl .secs {width: 20%;}

@media screen and (max-width: 1000px) {
    .gnb_right {display: none;}
}    


@media (max-width: 1200px) {
      .gnb-box-flex h1.logo a.side {font-size: 1.40em; margin-left: 20px;}
      .gnb-box-flex h1.logo a.side::before {left: -10px;}
      .gnb-wrap .gnb .dl .secs .sub-gnb {height: auto; top: 79px;}
      .gnb-wrap .gnb .dl .secs .level1-1 {padding-top: 10px;}
      .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 {justify-content: flex-start;}
      .gnb-wrap .gnb .dl .secs:nth-child(1) .sub-gnb .sub-gnb-wrap .nav .bunch5, .gnb-wrap .gnb .dl .secs:nth-child(3) .sub-gnb .sub-gnb-wrap .nav .bunch5 {transform: translateX(0);}
     .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 .level:nth-child(4) {padding: 0 0 20px 20px}
}               

@media screen and (max-width: 480px) {
    .gnb-box-flex h1.logo a.side {font-size: 18px; margin-left: 10px;}
    .gnb-box-flex h1.logo a, header.on .gnb-box-flex h1.logo a {width: 100px;}
}


header .gnb-box-flex h1.logo a::before, .gnb-box-flex h1.logo::before, .gnb-box-flex h1.logo::after {display: none;}       
.gnb-box-flex h1.logo a.side::before {display: block;}