@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:500);

.lnb { width: 100%; height:39px; }
.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: #fff;
	-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 a {text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.lnb ul > li > ul {
	background: #1c63a0;
	border-radius: 3px;
	border: 1px solid #1a4578;
	-webkit-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
	-o-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
	-moz-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
	-ms-box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
	box-shadow: 0 1px 2px rgba(2, 2, 2, 0.25), inset 0 1px 1px rgba(255, 255, 255, 0.15);
}
.lnb ul > li {float: left;list-style: none;}
.lnb ul > li > a { /*¼­ºê¸Þ´º*/
	position: relative;display: block;text-decoration: none;padding: 10px 20px;font-size: 13px;font-weight:600;
}
.lnb ul > .has-sub > a { /*»ó´Ü¸Þ´º*/
	position: relative;display: block;padding: 12px 45px 11px;text-decoration: none;font-size: 16px;font-weight:600;
}
.lnb ul > li > a:hover {
	background: #1a4578;
	-webkit-box-shadow: inset 0 0 1px #0d2d49;
	-o-box-shadow: inset 0 0 1px #0d2d49;
	-moz-box-shadow: inset 0 0 1px #0d2d49;
	-ms-box-shadow: inset 0 0 1px #0d2d49;
	box-shadow: inset 0 0 1px #0d2d49;
	-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 ul > li > a:hover:before {
	content: '';z-index: 2;position: absolute;top: 0;left: -1px;
	border: 1px solid white;border-top: 0;border-bottom: 0;border-right: 0;
	width: 100%;height: 100%;
	opacity: .2;
}
.lnb ul > li > a:hover:after {
	content: '';z-index: 2;position: absolute;top: 0;right: -1px;
	border: 1px solid white;border-top: 0;border-bottom: 0;border-left: 0;
	width: 100%;height: 100%;opacity: .2;
}
.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;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}
.lnb > ul > li > ul {width: 163px;position: absolute;}
.lnb > ul > li > ul > li {float: none;position: relative;}