@charset "utf-8";
.gnb {
    max-width: 1280px;
    padding:0 10px;
    margin: 0 auto;
}

.gnb-list > li {
    display: block;
    float: left;
    width:14.2%;
    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:400
}

.gnb-list > li > a:before {
    display: block;
    content:"";
    width:100%;
	height:0;
    background:#ed6d00;
    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:300px;
    text-align: center;
    padding:20px 15px;
    position: absolute;
    left:0;
    top:50px;
    z-index: 111150;
    display: none;
    overflow: hidden;
	background:#fff;
	
}

.gnb-list > li:last-child .gnb-dep2-wrap {
    border-right:1px solid #e5e5e5;
}

.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:5px;
}

.gnb-dep2-list > li > a {
    font-size:15px;
    color:#777;
    font-weight:300;
    display: block;
    padding:5px ;
	line-height:120%;
}
.gnb-dep2-list > li:hover > a,
.gnb-dep2-list > li > a:hover {
    color:#295cab;
}

.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:77px;
    background:#fff;
    width:100%;
    height:300px;
    z-index: 49;
    display: none;
}

.gnb-dimed.active {
    display: block;
}

.mob-gnb-btn {
    display: none;
}

