/* Menu CSS */
.lnb{ padding-left:200px; }

.lnb ul,
.lnb ul li,
.lnb ul li a {
	padding: 0; margin: 0; line-height: 1;
	font-family: 'nanumGothic', sans-serif; font-weight: 500; color: #777;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	transition: all ease .3s;
}
.lnb:before,.lnb:after,
.lnb > ul:before,
.lnb > ul:after { content: ''; display: table; }
.lnb:after,
.lnb > ul:after { clear: both; }

.lnb ul > li > ul {
	background: #fff; border-radius: 3px;
	border: 1px solid #dedede; border-top:none;
}

.lnb ul > li{ float: left; list-style: none; }
.lnb ul > li > a{ position: relative; display: block; text-align:center; padding: 10px 0; }
.lnb ul > li > a span{ text-decoration: none; font-size: 13px;  text-align:center; font-weight:600; }
.lnb ul > .has-sub > a{ position: relative; display: block; width:158px; padding:14px 0; }
.lnb ul > .has-sub > a span{ text-decoration: none; color:#fff; font-size: 16px; font-weight:600; }

.lnb ul > li > a:hover { color:#ff8400; background:#505050; }
.lnb ul > li > a:hover:before {
	content: ''; z-index: 2;
	position: absolute; top: 0; left: -1px; opacity: .2;
	width: 100%; height: 100%;
}

.lnb > ul > li > ul { z-index:100; opacity: 0; visibility: hidden; position: absolute; }
.lnb > ul > li:hover > ul {
	opacity: 1; visibility: visible; position: absolute;
	border-radius: 0 0 3px 3px;
}
.lnb > ul > li > ul { position: absolute; width:156px; }
.lnb > ul > li > ul > li { float: none; position: relative; }