@charset "utf-8";
/* ==================================================
	gnb
================================================== */

.gnb_area {
    float: left;
    width: 72%;
    /*max-width:750px;*/
    margin: 0 auto;
    z-index: 80;
}

.gnb {
    position: relative;
}

.gnb>li {
    float: left;
    position: relative;
    padding: 0 0 0 6.8%;
}

/* .gnb>li:first-child {
    padding: 0 0 0 9%;
} */

.gnb>li>a {
    display: block;
    font-size: 16pt;
    font-weight: 700;
    transform: skew(-0.001deg);
    color: #000;
}

.maintop .gnb>li>a {
    color: #000;
}

.gnb>li:hover>a,
.gnb>li>a.active,
.gnb>li:focus>a {
    color: #459648;
    font-weight: 800;
    text-decoration: none;
}

.gnb>li>a span {
    position: relative;
    display: block;
    line-height: 98px;
}

.gnb>li>a span:after {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 20px;
    background: #459648;
    transition: all .2s;
    transform: scaleX(0);
}

.gnb>li.active>a span:after {
    transform: scaleX(1);
}

.gnb_sub {
    display: none;
    position: absolute;
    /* left: 25px; */
}

/* .gnb_sub1 {
    left: 48px;
}

.gnb_sub3 {
    left: -10px;
}

.gnb_sub4 {
    left: 2px;
}

.gnb_sub5 {
    left: 58px;
}

.gnb_sub6 {
    left: 18px;
}

.gnb>li:last-child>.gnb_sub {
    right: 0;
} */

.gnb_sub>li>a {
    display: block;
    width: 170px;
    padding: 10px 10px 10px 15px;
    font-size: 12pt;
    font-weight: 700;
    transform: skew(-0.03deg);
    color: #fff;
    background-color: #81B925;
}

.gnb_sub>li>a.on {
    /*background: url('../images/gnb/icon_navi.png') #2f586e;
	background-repeat:no-repeat;
	background-position:140px -18px;
	color: #fff;*/
}

/* .gnb_sub3>li>a {
    width: 230px;
}

.gnb_sub4>li>a {
    width: 180px;
} */

.gnb_sub>li:first-child>a {
    border-radius: 10px 10px 0 0;
}

.gnb_sub>li:last-child>a {
    border-radius: 0 0 10px 10px;
}

/* #header .gnb_sub6>li:last-child>a {
    border-radius: 10px 10px;
} */

.gnb_sub>li>a:hover,
.gnb_sub>li>a:active,
.gnb_sub>li>a:focus {
    background-color: #459648;
    color: #fff;
    text-decoration: none;
}

.ssub_menu {
    display: none !important;
}



.gnb_area {float:left;width:80%;/*max-width:750px;*/margin:0 auto;z-index: 80;text-align:right;}
.gnb {position: relative;width:100%;display:inline-block;}
.gnb::after{content:"";display:block;clear:both;}
.gnb>li{
	/* float:left;position:relative;padding:0 0 0 5%; */
	float:none;
	display:inline-block;
	position:relative;
	/* padding:0 0 0 5%; */
	padding:0 0 0 1%;
}
.gnb>li:last-child{padding:0 0 0 1.5%;}
.gnb>li>a {display:block;font-size:20px;font-weight:700;transform:skew(-0.001deg);color:#fff;}
.maintop .gnb>li>a {color:#fff;}

.gnb>li>a {display:block;font-size:20px;font-weight:700;transform:skew(-0.001deg);color:#00296b;}
.maintop .gnb>li>a {color:#000;}


.gnb>li:hover>a,.gnb>li>a.active,.gnb>li:focus>a{
	
	/* color:#459648; */
	/* color:#ff8407; */
	/* color:#ff9800; */
	color:#ff0083;
	font-weight:700;
	text-decoration:none;
}
.gnb>li>a span{position:relative;display:block;line-height:68px;}
/* .gnb>li>a span:after{position:absolute;display:block;content:'';width:100%;height:2px;left:0;bottom:10px;background:#459648;transition:all .2s;transform:scaleX(0);} */
/* .gnb>li>a span:after{position:absolute;display:block;content:'';width:100%;height:2px;left:0;bottom:10px;background:#ff9800;transition:all .2s;transform:scaleX(0);} */
.gnb>li>a span:after{position:absolute;display:block;content:'';width:100%;height:2px;left:0;bottom:10px;background:#ff0083;transition:all .2s;transform:scaleX(0);}
.gnb>li.active>a span:after {transform:scaleX(1);}
.gnb_sub{
	display:none;
	position:absolute;
	left:50%;
	text-align:left;
	transform:translateX(-35%);
}
/* .gnb_sub1{left:-2px;}
.gnb_sub2{left:-2px;}
.gnb_sub3{left:-2px;}
.gnb_sub4{left:18px;}
.gnb_sub5{left:36px;} */
/* .gnb_sub6{left:18px;} */

/* .gnb_sub>li>a{display:block;width:220px;padding:10px 10px 10px 15px;font-size:15px;font-weight:700;transform:skew(-0.03deg);color:#fff;background-color:#81B925;} */
/* .gnb_sub>li>a{display:block;width:220px;padding:10px 10px 10px 15px;font-size:15px;font-weight:700;transform:skew(-0.03deg);color:#fff;background-color:#ff9800;} */
.gnb_sub>li>a{display:block;width:220px;padding:10px 10px 10px 15px;font-size:15px;font-weight:700;transform:skew(-0.03deg);color:#fff;background-color:#ff0083;}


.gnb_sub>li>a.on {
    /*background: url('../images/gnb/icon_navi.png') #2f586e;
	background-repeat:no-repeat;
	background-position:140px -18px;
	color: #fff;*/
}
/* .gnb_sub1>li>a{width:190px;}
.gnb_sub2>li>a{width:215px;}
.gnb_sub3>li>a{width:190px;}
.gnb_sub4>li>a{width:190px;}
.gnb_sub5>li>a{width:215px;}
.gnb_sub6>li>a{width:215px;}
 */
.gnb_sub>li:first-child>a{border-radius:10px 10px 0 0;}
.gnb_sub>li:last-child>a{border-radius: 0 0 10px 10px;}
/* #header .gnb_sub6>li:last-child>a {
    border-radius: 10px 10px;
} */

/* .gnb_sub>li>a:hover,.gnb_sub>li>a:active,.gnb_sub>li>a:focus{background-color:#459648;color:#fff;text-decoration:none;} */
/* .gnb_sub>li>a:hover,.gnb_sub>li>a:active,.gnb_sub>li>a:focus{background-color:#d77f00;color:#fff;text-decoration:none;} */
.gnb_sub>li>a:hover,.gnb_sub>li>a:active,.gnb_sub>li>a:focus{background-color:#c10063;color:#fff;text-decoration:none;}


.ssub_menu{display:none !important;}



/*** 모바일CSS ***/


@media all and (max-width:1600px) {
    .gnb>li>a {
        font-size: 17px;
    }
    .gnb>li:last-child>.gnb_sub{left:20%;}
}

@media all and (max-width:1400px) {
    .gnb>li>a {
        font-size: 15px;
    }
    .gnb>li:last-child{padding:0 0 0 1.5%;}
}

@media all and (max-width:1200px) {
    .gnb>li>a {
        font-size: 13px;
    }
    .gnb>li {
        padding: 0 0 0 1.5%;
    }
    /* .gnb>li:first-child {
        padding: 0 0 0 6.5%;
    } */
	.gnb>li>a span{line-height:58px;}
	.gnb_sub>li>a{font-size:13px;width:160px;}
	.gnb>li>a span:after{bottom:10px;}

}

@media all and (max-width:1023px) {
    .gnb_area {
        height: 66px;
        padding: 0 20px;
    }
}




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

	.gnb_area{width:100%;}
	
}


/* 서브메뉴 가로위치
ul.gnb li ul.gnb_sub1 {
	left:10px;
	}
ul.gnb li ul.gnb_sub2 {
	
	}
ul.gnb li ul.gnb_sub5 {
	left:-10px;
	} */


/* ==================================================
	스크롤 내렸을때 변화
================================================== */

#header.active {
    background-color: #fff;
    border-bottom: 1px solid #eaeaea;
    box-shadow: 0 0 14px rgba(0, 0, 0, .4);
}

.headerin.wbg .gnb>li>a {
    color: #333;
}

.headerin.wbg .gnb_sub>li:first-child>a {
    border-radius: 0;
}

.headerin.wbg .gnb_sub6>li:last-child>a {
    border-radius: 0 0 10px 10px;
}

.headerin.wbg .gnb>li:hover>a,
.headerin.wbg .gnb>li:active>a,
.headerin.wbg .gnb>li>a.active,
.headerin.wbg .gnb>li:focus>a {
    /* color: #459648;
	color: #ff8407; */
	color: #ff0083;
	
}



.headerin.wbg .gnb>li>a span:after {
	/* background: #459648;
	background: #ff8407; */
	background: #ff0083;
}


@media all and (min-width:1300px) {

	.gnb>li{padding:0 0 0 2%;}
	
}

@media all and (min-width:1500px) {

	.gnb>li{padding:0 0 0 2%;}
	
}