@charset "utf-8";

.subWrap{background-image: url("/images/Head/layout/subTopBg.jpg");}
.subWrap .sub-container .subNavWrap .subNav_tit{background-image: none; background-color:#005bac;}
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.active,
.subWrap .sub-container .subNavWrap .subNavBox .subNav_List > a.on {color:#fff; background-color:#434756;}
header .headerBot_cont nav .menuClosePc{top:125px;}
header .headerBot_cont nav > .menuBox .menu_deps1 > a span i.menu-named{font-style:inherit; font-size:1.200em; display: inline-block;}



@media screen and (min-width: 1024px){

    header .headerBot_cont nav {width: 60%}
    header .headerBot_cont nav > .menuBox .menu_deps1{position: relative; margin:0; width:25%;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a{justify-content: center;}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a span{padding:0; font-size:1.333em;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2{width:100%; left:0; transform: translate(0,0); min-height:auto; max-height: none; height: 350px;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox{padding:20px 0; align-items: center; background-color:#fff; height:100%; box-sizing: border-box; border-right:1px solid #e8e8e8; overflow-y: initial; display: block;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner{width:90%; margin-right:0; margin-bottom:5%;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit{height: auto; background:none; border:none; color:#111; font-size:1.067em; font-family:'NotokrR';}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit > a{color:#111; font-size:1em; font-family:'NotokrR';}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:before{width:80%; left:50%; transform: translate(-50%,0);}
    header .headerBot_cont nav > .menuBox .menu_deps1 > a:after{width:70%;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit > a span{display: inline-block; padding:0 5px 3px; box-sizing: border-box; border-bottom:1px solid #ffffff;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner.on .deps2Inner_tit, header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit:hover{background: none;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner.on .deps2Inner_tit > a,
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit:hover >a{ font-family:'NotokrB'; color:#009b63; border-color:#009b63;}
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner.on .deps2Inner_tit > a span,
    header .headerBot_cont nav > .menuBox .menu_deps1 .menu_deps2 .deps2_menuBox .deps2Inner .deps2Inner_tit:hover >a span{border-color:#009b63;}
    header .headerBot_cont nav > .headMenu_bg{position: absolute; top:83px; left:50%; width:2000px; transform: translate(-50%,0); height:350px; background-color:#fff; display: none; border-top:1px solid #009b62;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left{width:30.9%; height: 100%; background:url("/images/Head/layout/menuBg.jpg")left top no-repeat; background-size: cover; position: relative;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left:before{content:''; display: block; position: absolute; bottom:30px; right:50px; border-radius: 50%; background-color:#fff; background-repeat:no-repeat; width:70px; height: 70px;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left#headMenu1:before{background-image: url("/images/Head/layout/menuIcon1.png"); background-position: 42% center;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left#headMenu2:before{background-image: url("/images/Head/layout/menuIcon2.png"); background-position: 70% center;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left#headMenu3:before{background-image: url("/images/Head/layout/menuIcon3.png"); background-position: center 45%;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left#headMenu4:before{background-image: url("/images/Head/layout/menuIcon4.png"); background-position: center;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left .hmbTit{font-size:2em; font-family:'NexonB'; color:#fff; line-height: 100%; padding-top:20px; position: absolute; top:40px; left:35%;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left .hmbTit:before{content:''; display: block; position:absolute; top:0px; left:0; width:40px; height: 4px; background-color:#fff; }
    header .headerBot_cont nav > .headMenu_bg .hmb_left .menuClosePc{width: 40px; height: 40px; top:0; right:0; left:auto; margin-right:0;}

    .headMunu_deps3{display: none;}
}

@media screen and (max-width:1600px){
    header .headerBot_cont nav > .headMenu_bg{width:1700px;}
}

@media screen and (max-width:1400px){
    header .headerBot_cont nav > .headMenu_bg{width:1400px;}
}

@media screen and (max-width:1200px){
    header .headerBot_cont nav > .headMenu_bg{width:1200px;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left{width: 32%;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left .hmbTit{font-size:1.7em; left:25%;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left:before{width:50px; height: 50px; background-size: 40%;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left#headMenu2:before{background-size: 60%;}
    header .headerBot_cont nav > .headMenu_bg .hmb_left#headMenu3:before{background-size: 55%;}
}


.taps-dt4 li:hover, .taps-dt4 li.active {background-color:#005bac;}
.taps-dt5 li.active a, .taps-dt5 li:hover a {color:#005bac;}