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

.pc_nav {
	display:flex;
	position:absolute;
	background:rgba(255,255,255,0);
	width:100%;
	padding:15px 0;
	z-index:8 !important;
	overflow:hidden;
}
.pc_nav.on {
	background:rgba(255,255,255,1.0);
	border-bottom:0px solid #e0e0e0;
}
.pc_nav > ul { 
	display:flex;
	margin-left:auto;
	padding:0 5% 0 0;
}
.pc_nav > ul:after {
	content:"";
	display:block;
	clear:both;
}
.pc_nav > ul > li { 
	margin-left:90px;
}
.pc_nav.on > ul > li > a {
	position:relative;
	display:block;
	font-size:1.1em;
	font-weight:600;
	color:#222;
	line-height:60px;
	letter-spacing:0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
} /* relative, block 언더바 효과 필요 */

.pc_nav > ul > li > a {
	position:relative;
	display:block;
	font-size:1.1em;
	font-weight:600;
	color:#fff;
	line-height:60px;
	letter-spacing:0;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.pc_nav > ul > li > a:hover, .pc_nav > ul > li > a.on {
	 color:#ff6600;
}
/* 오버시 언더바 생성 */

.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	content: '';
	border-bottom: solid 2px #ff6600;
	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.3s ease;
	transition: all 0.3s 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;
	margin-bottom:7px;
}
.pc_nav > ul > li > ul > li > a {
	font-size:1.0em;
	color:#444;
	letter-spacing:-0.5px;
	transition:.3s;
}
.pc_nav > ul > li > ul > li > a.on, .pc_nav > ul > li > ul > li > a:hover {
	font-weight:500; color:#ff6600;
	transition:;
}


 @media screen and (max-width: 767px) {
.pc_nav {
	display: none;
}
}