#top_wrap {
	height: 120px; position:absolute; z-index: 30;
}
#top_wrap .top_inner {
	transition:0.2s ease-out; top: 0px; width: 100%; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 0px; 
	border-bottom-style: solid; position: fixed; z-index: 16; opacity: 1; background-color: rgba(255, 255, 255, 1); -webkit-transition: all 0.2s ease-out;
}
#top_wrap .on.top_inner {
	margin-top: -40px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 0px; border-bottom-style: solid; 
	box-shadow: 0px 2px 3px rgba(0,0,0,0.1); background-color: rgba(255, 255, 255, 1);
}
#top_wrap .top_inner::after {
	left: 0px; top: 0px; width: 100%; height: 40px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; 
	border-bottom-style: solid; position: absolute; z-index: -1; content: ""; background: #113873;
}
@media screen and (max-width:1024px)
{
#top_wrap {
	height: 100px;
}
#top_wrap .top_inner {
	background-color: rgb(255, 255, 255);
}
}
@media screen and (max-width:480px){
#top_wrap .on.top_inner {
	margin-top: 0px;}
#top_wrap .top_inner::after {border:none; background: #fff;}
}

.top_grid {
	margin: 0px auto; padding: 7px 15px 0px; border: 0px solid rgb(170, 170, 170); width: 90%; height: 40px; 
	font-size: 0.8em; position: relative; max-width: 1300px;
}
.top_grid .top_util {
	float: right;
}
.top_util .side_menu {float:left; margin:1px 10px 0 0;}
.top_util .side_menu a {margin:0 10px; color: #fff;}

.top_util .falldown { 
	margin-right: 0px; float: left; position: relative;
}
.top_util .falldown p { font-size:13px;
	transition:0.2s ease-out; width: 130px; height: 28px; text-align: center; color: rgb(102, 102, 102); background:#eee;
	line-height: 26px; cursor: pointer; -webkit-transition: all 0.2s ease-out; border:1px solid #ddd; border-radius:2px;
}
.top_util .falldown:hover p {
	color: rgb(102, 102, 102); background:#fff;
}
.top_util .falldown ul {
	border: 1px solid rgb(204, 204, 204); left: 0px; top: 28px; width: 130px; display: none; position: absolute; z-index: 100; background-color: rgb(255, 255, 255);
}
.top_util .falldown ul li {
	
}
.top_util .falldown ul li a {
	transition:0.2s ease-out; text-align: center; line-height: 35px; font-size: 1em; font-weight: 400; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: block; -webkit-transition: all 0.2s ease-out;
}
.top_util .falldown ul li:hover a {
	color: rgb(102, 102, 102); padding-left: 10px; position: relative;
}
.top_util .falldown ul li:hover a::before {
	left: 5px; top: 19px; height: 1px; position: absolute; content: ""; background-color: rgb(51, 51, 51);
}
.top_util .falldown ul li:last-child a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}

.top_util .social {
	margin-right: 10px; float: left;
}
.top_util .social ul {
	overflow: hidden; float: right;
}
.top_util .social li {
float: left; margin:0 3px; border-radius: 3px; text-align:center;
	border:1px solid #bbb; transition:0.2s ease-out; width: 26px; height: 26px; overflow: hidden; 
	opacity: 0.6; -webkit-transition: all 0.2s ease-out; font-size:15px; line-height:25px;

}
.top_util .social li:hover {opacity: 1.0;}
.top_util .social li a {width:100%; height:100%; display:inline-block;}
.top_util .social li img {
	border: 0px currentColor; transition:0.2s ease-out; width: 80%; opacity: 0.8; -webkit-transition: all 0.2s ease-out;
}
.top_util .social li img.on {
	transition:0.2s ease-out; opacity: 1; transform: rotate(30deg); -webkit-transition: all 0.2s ease-out;
}

@media screen and (max-width:1024px)
{
.top_grid {
	padding: 5px 0px 0px; width: 100%;
}
.top_util .social {
	display: none;
}
.falldown {
	display: none;
}
}
@media screen and (max-width:480px) {
.top_grid {display:none;}
}

.top_util .top_login { 
	float: left; margin-right:10px;
}
.top_util .top_login ul {
	overflow: hidden;
}
.top_util .top_login li {
	margin-left: 3px; float: left;
}
.top_util .top_login li a {
	border-radius: 2px; border: 1px solid rgba(100, 100, 100, 0.2); transition:0.2s ease-out; width: 60px; height: 28px; text-align: center; color: rgb(85, 85, 85);
	line-height: 26px; display: block; background-color: rgba(255, 255, 255, 0.6); -webkit-transition: all 0.2s ease-out;
}
.top_util .top_login li a:hover {
	color: rgb(17, 17, 17); background-color: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width:1024px)
{
.top_util .top_login {
	margin-right: 5px;
}
}
.top_util .lang { 
	margin-right: 10px; float: left;
}
.top_util .lang ul {
	overflow: hidden; float: right;
}
.top_util .lang li {
	margin-top: 0px; margin-left: 3px; float: left; opacity: 0.6;
}
.top_util .lang li:hover {
	opacity: 1;
}
.top_util .lang li.on {
	opacity: 1;
}


#top_wrap .top_inner .nav_wrap {
	margin: 0px auto; padding: 0px 15px; width: 90%; max-width: 1300px;
}
#top_wrap .top_inner .nav_wrap .logo_grid {
	margin: 11px 0 0; width: 25.6%; overflow: hidden; float: left; display: table; position: relative; background-color: transparent;
}
#top_wrap .top_inner .nav_wrap .nav_grid {
	width: 70%; float: right; position: relative;
}
@media screen and (max-width:1024px)
{
#top_wrap .top_inner .nav_wrap {
	padding: 0px; width: 100%; background-color: transparent;
}
#top_wrap .top_inner .nav_wrap .logo_grid { border:0px solid #666;
	width: 100%; height:60px;
}
#top_wrap .top_inner .nav_wrap .nav_grid {
	width: 100%;
}
}

.logo_grid .logo {
	text-align: left; vertical-align: middle; display: table-cell;
}
.logo_grid .logo a {
	text-align: center; display: inline-block; position: relative; max-width: 100%; background-color: transparent;
}
.logo_grid .logo img {
	min-width: 100%;
}
@media screen and (max-width:1024px)
{
.logo_grid .logo {
	text-align: left; padding-left: 20px;
}
.logo_grid .logo img {
	width: 100%; 
}
    #top_wrap .top_inner .nav_wrap .logo_grid {margin: 5px 0;}
}

.logo_grid .button {display: none; 
	width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); padding-top: 7px; 
	margin: 0px 10px 0 0; cursor: pointer; background-color: rgb(17, 17, 17);
}
@media screen and (max-width:1024px)
{
.logo_grid .button {
	border-radius: 2px; top: 10px; right: 10px; display: block; position: absolute;
}
.logo_grid .on.button {
	color: rgb(255, 255, 255); background-color: rgb(208, 0, 0);
}
}

.main_nav {
	margin: 0px auto; border: 0px solid rgb(255, 0, 0); transition:0.4s ease-out; -webkit-transition: all 0.4s ease-out;
}
.on.main_nav {
}
.main_nav > ul {
	width: 100%; float: right;
}
.main_nav > ul.grid > li {
	width: 20%;
}
.main_nav > ul > li {
	border-left-color: rgb(255, 255, 255); border-left-width: 0px; border-left-style: solid; float: left; position: relative; background-color: transparent;
}
.main_nav > ul > li:first-child {
	border: currentColor;
}
.main_nav > ul > li:hover {
	background-color: transparent;
}
.main_nav > ul > li > a {
	margin: 0px; transition:0.1s ease-out; height: 80px; text-align: center; color: rgb(51, 51, 51); 
	line-height: 80px; font-size: 1.1em; font-weight: 600; border-right-color: rgb(68, 68, 68); border-right-width: 0px; border-right-style: solid; display: block; background-color: transparent; -webkit-transition: all 0.1s ease-out;
}
.main_nav > ul > li:hover > a {
	color: #666; background-color: transparent;
}
.main_nav > ul > li:last-child > a {
	border-right-color: currentColor; border-right-width: medium; border-right-style: none;
}
.sub_nav {
	left: -30px; width: 130%; padding-top: 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; display: none; position: absolute; box-sizing: border-box; background-color: transparent;
}
.sub_nav a {font-family:'nanum gothic'; 
	border-width: 1px 1px 0px; border-style: solid; border-color: #ddd; padding: 0px 10px; 
	height: 50px; text-align: center; color: rgb(85, 85, 85); line-height: 50px; font-size: 0.85em; font-weight: 400; display: block; position: relative; background-color: rgb(255, 255, 255);
}
.sub_nav a:hover {
	color: rgb(0, 0, 0); font-weight: 500; background-color:#eee;
}
.sub_nav a:first-child {
	border-top-color: rgb(255, 255, 255); border-top-width: 0px; border-top-style: solid;
}
@media screen and (max-width:1024px)
{
#top_wrap .top_inner .nav_wrap .main_nav {
	width: 100%; right: 0px; padding-top: 0px; display: none; position: absolute; opacity: 0.95;
}
#top_wrap .top_inner .nav_wrap .main_nav > ul {
	overflow: auto; margin-top: 0px; max-height: 500px;
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li {
	width: 100%; border-top-color: rgb(68, 68, 68); border-top-width: 1px; border-top-style: solid;
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li:last-child {
	border-bottom-color: rgb(68, 68, 68); border-bottom-width: 1px; border-bottom-style: solid;
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li > a {
	margin: 0px; height: 50px; color: rgb(255, 255, 255); line-height: 50px; display: block; background-color: rgb(51, 51, 51);
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li.s_on > a {
	background-color: rgb(17, 17, 17);
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li > .sub_nav {
display:none !important;
	padding: 0px; left: 0px; top: 0px; position: relative;
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li.s_on .sub_nav {
	border: currentColor;
}
#top_wrap .top_inner .nav_wrap .main_nav > ul > li.s_on .sub_nav a {
	
}
#top_wrap .top_inner .main_nav {
	transition:none; -webkit-transition: none;
}
#top_wrap .top_inner .on.main_nav {
	transition:none; padding-right: 0px; -webkit-transition: none;
}
}
@media screen and (min-width:1025px)
{
#top_wrap .top_inner .nav_wrap .main_nav {
	display: block !important; position: relative;
}
}