@charset "utf-8";
.gnb {
    max-width: 1400px;
    padding:0 10px;
    margin: 0 auto;
}

.gnb-list > li {
    display: block;
    float: left;
    width:25%;
    position: relative;
}

.gnb-list > li.all_menu {width:10%;padding:20px 0;cursor:pointer;}

.gnb-list > li > a {
    display: block;
    font-size:18px;
    color:#000;
    padding:9.5px 0;
    position:relative;
	font-weight:500
}

.gnb-list > li > a:before {
    display: block;
    content:"";
    width:100%;
	height:0;
    background:#00a3db;
    position: absolute;
    left:0;
    bottom:0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
}

.gnb-list > li:hover > a:before {
    width:100%;
	height:5px;
}

.gnb-dep2-wrap {
    width:100%;
    height:400px;
    text-align: left;
    padding:20px 25px;
    border-right:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	background:#fff;
    position: absolute;
    left:0;
    top:60px;
    z-index: 111150;
    display: none;
    overflow: hidden;
}

.navbar-nav > li:first-child .gnb-dep2-wrap {
    border-left:1px solid #e5e5e5;
}

.navbar-nav .menu1_word {position:relative; top:0; font-size:21px; font-weight:600; transition:color .6s cubic-bezier(.13,.77,.35,1), top .2s cubic-bezier(.13,.77,.35,1), bottom .2s cubic-bezier(.13,.77,.35,1);}
.navbar-nav:hover .menu1_word.top { top:-3px;}
.navbar-nav:hover .menu1_word.bottom { top:2px; border-top:2px solid #1871ca;}
.navbar-nav.on .menu1_word.top { top:-3px;}
.navbar-nav.on .menu1_word.bottom { top:2px; border-top:2px solid #1871ca;}

.gnb-dep2-wrap.active {
    display: block;
}

.gnb-dep2-wrap:before {
    display: block;
    content:"";
    width:100%;
    height:100%;
    background:#fbfbfb;
    position: absolute;
    left:0;
    top:-2px;
    z-index: -1;
    opacity: 0;
    transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}

.gnb-list > li:hover .gnb-dep2-wrap:before,
.gnb-dep2-wrap:hover:before {
    opacity: 1;
}

.gnb-dep2-list > li {
    margin-bottom:10px;
}

.gnb-dep2-list > li > a {
    font-size:16px;
    color:#000;
    font-weight:500;
    display: block;
    padding:0 0 8px 5px;
    border-bottom:1px solid #f1f1f1;
	text-align:center;
}
.gnb-dep2-list > li:hover > a,
.gnb-dep2-list > li > a:hover {
    color:#385fbc;
}

.gnb-dep3-wrap {
    padding:8px 0 10px 5px;
}

.gnb-dep3-wrap li {
    margin-top:6px;
}

.gnb-dep3-wrap a {
    display: block;
    font-size:14px;
    color:#000;
    padding-left:10px;
    position: relative;
}

.gnb-dep3-wrap a:before {
    display: block;
    content:"·";
    position: absolute;
    left:0;
    top:0;
}

.gnb-dep3-wrap a:hover {
    text-decoration: underline;
}

.gnb-dimed {
    position: absolute;
    left:0;
    top:130px;
    background:#fff;
    width:100%;
    height:400px;
    border-top:1px solid #e5e5e5;
    border-bottom:1px solid #bfbfbf;
    z-index: 49;
    display: none;
}

.gnb-dimed.active {
    display: block;
}

.mob-gnb-btn {
    display: none;
}

@media all and (max-width: 1023px) {
    .header {
        padding-top:3px;
    }

    .header-etc {
        position: static;
        left:auto;
        top:auto;
        padding: 10px 0 0;
    }

    .header-etc-box:first-child {
        margin:0;
    }

    .header-etc-box {
        margin-top:7px;
    }

    .header-logo {
        padding-top:0;
    }

    .mob-gnb-btn {
        display: block;
        width:38px;
        height:25px;
        position: absolute;
        right:20px;
        top:63px;
    }

    .mob-gnb-btn .ico {
        display: block;
        width:100%;
        border:2px solid #211e1f;
        background:#211e1f;
        position: absolute;
        left:0;
        top:50%;
        margin-top:-2px;
        border-radius: 70px;
        -webkit-border-radius: 70px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .mob-gnb-btn .ico:before,
    .mob-gnb-btn .ico:after {
        display: block;
        content:"";
        width:100%;
        border:2px solid #211e1f;
        background:#211e1f;
        position: absolute;
        left:-2px;
        border-radius: 70px;
        -webkit-border-radius: 70px;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .mob-gnb-btn .ico:before {
        top:-13px;
    }

    .mob-gnb-btn .ico:after {
        bottom:-13px;
    }

    .mob-gnb-btn.active .ico {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .mob-gnb-btn.active .ico:before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        top:50%;
        margin-top:-2px;
    }

    .mob-gnb-btn.active .ico:after {
        display: none;
    }


	/*
    .gnb {
        max-width: none;
        padding:0;
        margin: 0;
        position: fixed;
        left:-60%;
        top:125px;
        height:100%;
        min-height: 100vh;
        background:#fff;
        width:45%;
        border-top:1px solid #e2e2e2;
        box-shadow: 3px 0 2px rgba(0,0,0,0.2);
        -webkit-box-shadow: 3px 0 2px rgba(0,0,0,0.2);
        z-index: 55;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
    }

    .gnb.active {
        left:0;
    }
	

	.gnb {display:none;}

    .gnb-wrap {
        height:100%;
        min-height:100%;
        overflow-y:auto;
        position: relative;
        padding-bottom:200px;
    }

    .gnb-list > li {
        float: none;
        width:100%;
        border-bottom:1px solid #e2e2e2;
    }

    .gnb-list > li > a {
        padding:0 30px;
        font-size:17px;
        text-align: left;
        line-height: 60px;
    }

    .gnb-list > li > a:before {
        display: none;
    }

    .gnb-dep2-wrap {
        height: auto;
        position:static;
        left: auto;
        top:auto;
        background:#f5f5f5;
        border-top:1px solid #e2e2e2;
        padding:20px 30px;
    }

    .gnb-dep2-wrap:before {
        display: none;
    }

    .gnb-dep2-list > li {
        margin-bottom:15px;
    }

    .gnb-list > li.active > a {
        background:#15a4e7;
        color:#fff;
    }

    .gnb-dep2-list > li:last-child {
        margin-bottom:0;
    }

    .gnb-dep2-list > li > a {
        border-bottom:none;
        font-size:16px;
        font-weight: normal;
        padding:0;
    }

    .gnb-dep2-list > li:hover > a,
    .gnb-dep2-list > li > a:hover {
        color:#000;
    }

    .gnb-dep3-wrap {
        padding:5px 0 10px;
    }

    .gnb-dep3-wrap a {
        color:#5f5f5f;
        font-size:15px;
    }

    .gnb-dimed {
        background: #000;
        width:100%;
        height:100%;
        min-height: 100vh;
        border:none;
        top:125px;
        opacity: 0.7;
    }
	*/
}

@media all and (max-width: 767px) {
    .header {
    }

    .header-logo {
        padding-top:3px;
    }

    .header-logo img {
        max-width: 125px;
    }

    .mob-gnb-btn {
        top:59px;
        width:32px;
        height:22px;
    }

    .mob-gnb-btn .ico:before {
        top: -11px;
    }

    .mob-gnb-btn .ico:after {
        bottom: -11px;
    }

    .gnb {
       display:none;
    }

    .gnb-dimed {
        top:110px;
    }

	.navbar-toggle {position:absolute;right:20px;top:50%;margin-bottom:0 !important;margin-top:-19px !important;}
	.navbar-header {margin-left:0 !important;margin-right:0 !important;}

}