@charset = "UTF-8";

.position_relative {position:relative;}
a span.en {
	letter-spacing:-1px;
}
#gnb {
	background-color: #000637;/* 21.01.26 수정 */
}
#menu {
	width:1200px;/* 21.01.26 수정 */
	margin:0 auto;
}
div#gnb > ul.menu:after {
	clear:both;
	content:'';
	height:0;
	display:block;
}
/* 21.01.26 수정(start) */
div#gnb > ul.menu {
	font-size: 0;
	line-height: 0
}
div#gnb > ul.menu > li {
	display: inline-block;
	font-size:18px;
	line-height:60px;
	font-weight:400;
	height:60px;
	color:#ffffff;
	height:100%;
	width: 20%;
}
div#gnb > ul.menu > li > a {
	display:inline-block;
	text-shadow:none;
	height:100%;
	width: auto;
}
div#gnb > ul.menu > li.on > a,
div#gnb > ul.menu > li:hover > a {
	background-color:#000637;
	color:#fff;
}
div#gnb > ul.menu > li > a {
	position: relative; 
	display: inline-block; 
	color: #fff; 
	-webkit-transition: all 0.2s ease-out; 
	transition: all 0.2s ease-out;
}
div#gnb > ul.menu > li > a:after {
	content: ''; 
	position: absolute; 
	background-color: #fff; 
	top: 50px; 
	left: 50%; 
	width: 0; 
	height: 1px; 
	-webkit-transform: translate(-50%, 0); 
	transform: translate(-50%, 0); 
	-webkit-transition: 0.3s ease-in-out; 
	transition: 0.3s ease-in-out;
}
div#gnb > ul.menu > li:hover a:after {
	width: 100%;
}
#gnb ul.menu ul.gnb_sub_menu {
	z-index:1000;
	display: none;
	position: absolute; 
	left: 0px; 
	top: 58px;
	width:100%;
	height: auto;
	box-sizing:border-box;
	padding: 15px 10px 10px 10px; 
	-webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    background-color: #fff;
    border: 3px solid #000637;
    list-style: none;
}
#gnb ul.menu li > ul.on { 
	display: block;
}
#gnb ul.menu ul.gnb_sub_menu > li {
    display: block;
	text-align:left;
    height: 24px;
	line-height:24px;
	margin-bottom: 5px;

}
#gnb ul.menu ul.gnb_sub_menu > li > a {
	display: block;
	padding-right: 0px;
	height: auto;
    width: auto;
	font-size:15px;
	text-indent: 16px;
	color:#666;
	font-weight:normal;
}
/* // 21.01.26 수정(end) */