@charset "utf-8";
header {position: fixed;}
.gnb-box-flex .gnb {width: 70%;}
.gnb-box-flex h1.logo {display: flex; width: auto;}
.gnb-box-flex h1.logo a.side {width: auto; line-height: 37px; margin-left: 40px; background: none; text-indent: 0; font-family: 'jalnan'; font-size: 1.60em; color: #fff; position: relative;}
header.active .gnb-box-flex h1.logo a.side {color: #5289c1 !important; width: auto !important;}
header.active .gnb-box-flex h1.logo a.side {background: none !important;}
.gnb-box-flex h1.logo a.side::before {content: ''; position: absolute; top: 5px; left: -20px; background: #f5f5f5; width: 1px; height: 30px; animation: none;}
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;}            

.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap {width: 100%; padding: 0;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit {position: relative; width: 25%; padding: 30px 0 0 160px; box-sizing: border-box; background-color: #ebf2f9; overflow: hidden;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit::before {content: ''; position: absolute; bottom: -20px; right: -20px; background: url('/Jangsu/culture/images/layout/gnbBg.png') no-repeat; width: 105px; height: 105px; background-size: 100%;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .bunch5 {width: 65%; padding: 30px; box-sizing: border-box;}

.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt {position: relative; padding-bottom: 170px;}
.gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt::before {content: ''; position: absolute; bottom: 15px; left: 0; width: 149px; height: 140px; background: url('/images/Culture/images/layout/gnb_icon1.png') no-repeat; background-size: 100%;}
.gnb-wrap .gnb .dl .secs:nth-child(2) .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt::before {background: url('/images/Culture/images/layout/gnb_icon2.png') no-repeat; background-size: 100%; bottom:0;}
.gnb-wrap .gnb .dl .secs:nth-child(3) .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt::before {background: url('/images/Culture/images/layout/gnb_icon3.png') no-repeat; background-size: 100%;}
.gnb-wrap .gnb .dl .secs:nth-child(4) .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt::before {background: url('/images/Culture/images/layout/gnb_icon4.png') no-repeat; background-size: 100%;}
.gnb-wrap .gnb .dl .secs:nth-child(5) .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt::before {background: url('/images/Culture/images/layout/gnb_icon5.png') no-repeat; background-size: 100%;}

.sub-container .subNavWrap .subNav_tit {background-color: #0eada8}  
.sub-container .subNavWrap .subNavBox .subNav_List > a.active, .sub-container .subNavWrap .subNavBox .subNav_List > a.on {background-color: #5289c1;}  


@media screen and (max-width: 1600px) {
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit {padding-left: 80px;}
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit .btxt::before {width: 140px; left: 10px;}
}

@media screen and (max-width: 1200px) {
    .gnb-wrap .gnb .dl .secs .sub-gnb .sub-gnb-wrap .nav .nav-tit {padding-left: 40px;}
    .gnb-wrap .gnb .dl .secs .level1-1 {font-size: 1.10em; padding: 8px 0 20px 0;}
    .gnb-box-flex h1.logo a.side {margin-left: 15px; line-height: 33px; font-size: 1.30em;}
    .gnb-box-flex h1.logo a.side::before {left: -8px; top: 2px;}
}

@media screen and (max-width: 480px) {
    .gnb-box-flex h1.logo a.side {font-size: 18px; margin-left: -10px; line-height: 25px;}
    .gnb-box-flex h1.logo a.side::before {left: -5px; height: 20px;}
    header.active .gnb-box-flex h1.logo a::before {background: none;}
}