@charset "UTF-8";
/* 기본 가로 전체메뉴 */

.pc_nav {
position:absolute;
	/*background:linear-gradient(90deg, #82c600, #009f1c, #82c600);*/
	background: #fff; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;
	width:100%;
	z-index:9 !important;
	overflow:hidden;
}
.pc_nav.on {
	background:#fff;
	border-bottom:1px solid #e0e0e0;
}
.pc_nav > ul {display:flex; justify-content:center;
	height:65px;
}
.pc_nav > ul:after {
	content:"";
	display:block;
	clear:both;
}
.pc_nav > ul > li { position:relative;
	margin:0; 
}


.pc_nav > ul > li > a {
	position:;
	display:block; background:#fff; width:260px; 
	font-size:1.0em;
	font-weight:700;
	color:#222;
	line-height:65px;
	letter-spacing:0; text-align:center;
	text-transform: uppercase;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
} /* relative, block 언더바 효과 필요 */

.pc_nav > ul > li span { position:absolute; top:20px; border-left:1px solid #d5d5d5; height:25px; }


.pc_nav > ul > li > a:hover, .pc_nav > ul > li > a.on {
	color:#125ab4;
}

/* 오버시 언더바 생성 */

.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	content: '';
	border-bottom: solid 2px #125ab4;
	position: absolute;
	bottom: 0;
	width: 0;
}
.pc_nav > ul > li > a:before {
	left: 0;
}
.pc_nav > ul > li > a:after {
	right: 0;
}
.pc_nav > ul > li > a:hover:before, .pc_nav > ul > li > a:hover:after {
	width: 50%;
}
.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
/* 오버시 언더바 생성 */


.pc_nav > ul > li.s1 {
margin-left:;
}
.pc_nav > ul > li.s1 > ul {
margin-left:;
}
.pc_nav > ul > li.s2 {
}
.pc_nav > ul > li.s2 > ul {
margin-left:;
}
.pc_nav > ul > li.s3 {
}
.pc_nav > ul > li.s3 > ul {
margin-left:;
}
.pc_nav > ul > li.s4 {
}
.pc_nav > ul > li.s4 > ul {
margin-left:;
}
.pc_nav > ul > li.s5 {
}
.pc_nav > ul > li.s5 > ul {
margin-left:;
}
.pc_nav > ul > li > ul {
	position:absolute;
	top:90px;
	z-index:8;
}
.pc_nav > ul > li > ul > li {
	margin-left:0; width:260px;
	margin-bottom:7px;
text-align:center;
}
.pc_nav > ul > li > ul > li > a {
	font-size:0.9em; font-weight:400;
	color:#222;
	letter-spacing:-0.5px;
	transition:.3s;
}
.pc_nav > ul > li > ul > li > a.on, .pc_nav > ul > li > ul > li > a:hover {
	color:#125ab4;
/*text-decoration: underline;*/
transition:.3s;
}