@charset "UTF-8";

#header-sticky-wrapper {
    z-index: 10000;
}

#header {
    /*position: absolute;*/
    position: fixed;
    z-index: 10000;
    width: 100%;
    height: 130px;
    max-width: 100%;
    background: #fff;
    border-bottom: 1px solid #eff3f6;
}

#header>div {
    position: relative;
    height: 130px;
    max-width: 1170px;
    margin: 0 auto;
}

#header.small {
    height: 85px;
    -webkit-transition: 0.7s 0.1s ease-out;
    transition: 0.7s 0.1s ease-out;
    border-bottom: 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

#header.small>div {
    height: 85px;
    -webkit-transition: 0.7s 0.1s ease-out;
    transition: 0.7s 0.1s ease-out
}

#header.small .h_top {
    display: none
}

#header.small .logo {
    float: left;
    padding-top: 10px;
}

#header.small #gnb.on::after {
    border-top: 1px solid #01b552;
}

#gnb {}

#gnb .nav .allmenu button {
    width: 32px;
    height: 34px;
    background: #fff url(../../assets/images/menu-ctrl.png) 0 2px no-repeat;
    margin-right: 6px;
}

#gnb .nav .lang button {
    width: 30px;
    height: 34px;
    background: #fff url(../../assets/images/menu-ctrl.png) -30px 2px no-repeat;
}

#gnb .nav>li {
    margin-left: 65px;
}

#gnb .nav>li.on>a {
    color: #01b552;
}

#gnb .nav>li.on>a:before {
    display: none;
}

#gnb .nav>li>div>ul {
    border: 0;
    background: transparent !important;
    top: 77px;
    padding: 0px;
    width: 145px;
}

#gnb .nav>li:nth-child(n+2)>div>ul::after {
    content: "";
    width: 1px;
    height: 230px;
    display: block;
    position: absolute;
    left: -20px;
    top: -18px;
    background: #ddd
}

#gnb .nav>li>div>ul>li>a {
    display: block;
    color: #111;
    line-height: 1.2;
    padding-bottom: 10px;
    border-bottom: none;
    word-break: keep-all;
}

#gnb .nav>li>div>ul>li>a:hover {
    color: #01b552;
    font-weight: 400;
    text-decoration: underline;
}

#gnb.on::after {
    border-bottom: 2px solid #244788;
    content: "";
    display: block;
    width: 200%;
    height: 230px;
    position: absolute;
    top: 130px;
    left: -50%;
    background: #fff;
}

#gnb.on .nav>li>div {
    display: block;
}

#header.small #gnb.on::after {
    top: 85px;
}

#header.small #gnb .nav>li:nth-child(n+2)>div>ul::after {
    top: -8px;
}

#header.small #gnb .nav>li>div>ul {
    padding-top: 20px
}



@media (max-width: 1200px) {
    #gnb .nav>li {
        margin-left: 35px;
    }

    #gnb .nav>li>div>ul {
        width: 100px;
    }

    #gnb .nav>li:nth-child(n+2)>div>ul::after {
        height: 400px;
    }

    #gnb.on::after {
        height: 400px;
    }
}

@media (max-width: 1000px) {
    #gnb .nav>li {
        margin-left: 25px;
    }
}

@media (max-width: 991px) {


    #header.small {
        height: 75px;
    }

    #header.small>div {
        height: 75px;
    }

    #header.small .h_top {
        display: block
    }

    #header.small .logo {
        float: left;
        padding-top: 10px;
    }

    #header {
        border-bottom: 1px solid #a8a8a8;
        height: 75px;
        text-align: right;
    }

    #header .logo a {
        left: 20px;
        top: 0;
        margin: 0;
        height: 40px;
    }

    #header .m-nav-toggle {
        position: relative;
        left: 0;
        top: 0;
        width: 32px;
        height: 22px;
        background: url(../../assets/images/menu-ctrl.png) 0 0 no-repeat;
        display: inline-block;
    }

    #header .m-top-sh-toggle {
        position: relative;
        right: 0;
        top: 0;
        width: 32px;
        height: 22px;
        background: url(../../assets/images/menu-ctrl.png) -330px 0 no-repeat;
        display: inline-block;
        margin-right: 20px;
    }

    .mobile #allmenuSet .nav {
        text-align: left;
    }

    .mobile #allmenuSet {
        top: 0
    }

}