@charset "utf-8";

#nav { width:100%; background-color: #6e0306; clear:both;border-bottom: 3px solid #ececec;}
.menu_wrap {background: #dd042b;color: #fff;position: relative;}
.menu_wrap_mobile { display:none;}
#topmenu { }
#topmenu .topmenu_logo { display:none;}
#topmenu h3 { display: none; }
#topmenu .menu_all_btn {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	/* padding: 15px 0; */
	width: 15%;
	text-align: left;
	color: #fff;
	background: url('../../img/layout/menu_all_btn.png') no-repeat left center;
	padding-left: 30px;
}
#topmenu > .inner_wrap > ul {position: relative;left: 15%;width: 75%;}
#topmenu > .inner_wrap > ul > li {float: left;width: 25%;}

#topmenu > .inner_wrap > ul > li > a {display: inline-block;text-align: center;color: #fff;font-size: 16px;padding: 15px;/* font-weight: bold; */ line-height:1;}
#topmenu > .inner_wrap > ul > li:before {}
#topmenu > .inner_wrap > ul > li:first-child:before {}
#topmenu > .inner_wrap > ul > li > a.on, #topmenu > ul > li > a:hover {font-weight: 500;}
#topmenu > .inner_wrap > ul > li:hover > ul {display: block;}
#topmenu > .inner_wrap > ul > li > ul {display: none;position: absolute;top: 100px;line-height: 100%;z-index: 4;border-top: 2px solid #5aa2d8;background-color: #363636;}

#topmenu > .inner_wrap > ul > li > ul > li  {/* float: left; */}

#topmenu > .inner_wrap > ul > li > ul > li a {display: block;font-size: 14px;padding: 0 15px;color: #fff;margin: 24px 0;}
#topmenu > .inner_wrap > ul > li > ul > li:first-child a { margin-left:0; }

#topmenu > .inner_wrap > ul > li > ul > li a span { display: block; padding: 0; }

* html #topmenu > .inner_wrap > ul > li > ul > li a { width: 1%; }
#topmenu > .inner_wrap > ul > li > ul > li a.on, #topmenu > ul > li > ul > li a:hover, #topmenu > ul > li > ul > li a:focus {font-weight: bold;}
#topmenu > .inner_wrap > ul > li > ul > li a.on {/* color: #85ba1a; *//* border-bottom: 4px solid #89c21b; */border-bottom: 4px solid #6e0306;}

#topmenu2 {
	display: none;
	position: absolute;
	top: 46px;
	background:url('../../img/layout/topmenu2_bg.png');
	width:100%;
	z-index: 20;
	box-sizing: border-box;
}
#topmenu2 ul {position:relative;float: left;display: none;}
#topmenu2 ul.on { display:block; }

#topmenu2 ul#top2m1 {left: 12%;}
#topmenu2 ul#top2m2 {left: 33%;}
#topmenu2 ul#top2m3 {left: 45%;}
#topmenu2 ul#top2m4 {left: 65%;}
#topmenu2 ul#top2m5 {left: 80%;}

#topmenu2 ul li {}
#topmenu2 ul li a {display: inline-block;margin: 0;padding: 15px;font-size: 14px;color: #666666;}
#topmenu2 ul li a.on, #topmenu2 ul li a:hover {font-weight: 500;color: #dd042b;}


#topmenu_all {
	display: none;
	position: absolute;
	top: 46px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
}

#topmenu_all > div > ul {padding: 38px 10% 50px 15%;width:100%;background: #fff;border-bottom:1px solid #999;}
#topmenu_all > div > ul > li {float:left; width:25%;color: #dd042b; text-align:center; font-size:14px;}
#topmenu_all > div > ul > li:first-child { margin-left:0;}
#topmenu_all > div > ul > li > ul { padding:8px 0 }
#topmenu_all > div > ul > li > ul > li {color:#333333;padding: 8px 0;}
#topmenu_all > div > ul > li > ul > li a:hover {color:#dd042b;}
#topmenu_all .menu_all_btn {position:absolute;right:20px;top:20px;z-index: 30;}

#topmenu > .inner_wrap > .language {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 10%;
	text-align: center;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
}

#topmenu > .inner_wrap > .language button {
	background: url('../../img/layout/language_arrow.png') no-repeat right center;
	padding: 0 20px;
	color:#fff;
	line-height: 26px;
}

#topmenu > .inner_wrap > .language ul {display:none;background-color: #fff;color: #323232;position: absolute;width: 100%;top: 46px;z-index: 23;}
#topmenu > .inner_wrap > .language ul li {padding: 10px 20px;}
#topmenu > .inner_wrap > .language ul li a { display:block; }

@media (max-width:1136px) {
	#topmenu > button { left:20px;}
}

@media (max-width:920px) {
	#topmenu_all > ul > li {width:20%;font-size: 14px;margin-left: 0;} 
}

@media (max-width: 640px) {
	.menu_wrap { display:none; }

	.menu_wrap_mobile {display:block;background: #dd042b;}
	.menu_wrap_mobile .head {line-height:49px;background-color:#dd042b;}
	.menu_wrap_mobile .head .topmenu_logo {display: inline-block;float: left;line-height: 50px;}

	.menu_wrap_mobile .head button {
		position:relative;
		right:0;
		float: right;
		width: auto;
		padding: 14px 0 0 0;
	}

	.menu_wrap_mobile .head button span{position:relative;display:block;width:16px;height:2px;margin:4px auto;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;-ms-transform:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
	.menu_wrap_mobile .head button.on span{width:25px;}
	.menu_wrap_mobile .head button.on .lines1{-webkit-transform:translateY(6px) rotate(45deg);-ms-transform:translateY(6px) rotate(45deg);-o-transform:translateY(6px) rotate(45deg);transform:translateY(6px) rotate(45deg);}
	.menu_wrap_mobile .head button.on .lines2{opacity:0;}
	.menu_wrap_mobile .head button.on .lines3{-webkit-transform:translateY(-6px) rotate(-45deg);-ms-transform:translateY(-6px) rotate(-45deg);-o-transform:translateY(-6px) rotate(-45deg);transform:translateY(-6px) rotate(-45deg);}

	

	.menu_wrap_mobile .body {background-color:#fff;position: fixed;width: 100%;height: 100%;z-index: 9999; display:none;}
	/* .menu_wrap_mobile .body.on { visibility: visible; -moz-transform:translate3d(0, 0, 0);   -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0);} */

	.menu_wrap_mobile .body .inner { position:relative; height:100%; }
	.menu_wrap_mobile .body ul.menus {height: 100%;background: url('../../img/layout/mobile_menu_dot.png') repeat-y 105px;}
	.menu_wrap_mobile .body ul.menus > li {width: 105px;text-align: left;}
	.menu_wrap_mobile .body ul.menus > li > a {line-height: 49px;border-bottom: 1px solid #ddd;display: block;padding: 0 15px;font-weight: 500;}
	.menu_wrap_mobile .body ul.menus > li > a.on { color:#dd042b;}
	.menu_wrap_mobile .body ul.menus > li > ul {position:absolute;top: 0;left: 105px;display: none;}
	.menu_wrap_mobile .body ul.menus > li > a.on + ul { display:block;}
	.menu_wrap_mobile .body ul.menus > li > ul > li { line-height:49px;}
	.menu_wrap_mobile .body ul.menus > li > ul > li:hover { color:#dd042b; }
	.menu_wrap_mobile .body ul.menus > li > ul > li > a {color: #999;padding: 0 15px;}
	.menu_wrap_mobile .body ul.menus > li > ul > li > a::after {display:block; clear:both;}

	.menu_wrap_mobile .body ul.utilMb{position:absolute;left:0;bottom: 115px;width: 105px;padding:0 10px;font-size:0;}
	.menu_wrap_mobile .body ul.utilMb li{margin:20px 0;}
	.menu_wrap_mobile .body ul.utilMb li select{width:100%;height:30px;padding:0 0 0 10px;border:1px solid #ccc;border-radius:3px;background:#fff url('/kor/img/common/arrow.gif') no-repeat right center; background-size:12px 4px; font-size:11px;}
	.menu_wrap_mobile .body ul.utilMb li select{min-width:0;line-height:30px;}
	.menu_wrap_mobile .body ul.utilMb p{display:inline-block;vertical-align:top;font-size:11px;line-height:1;}
	.menu_wrap_mobile .body ul.utilMb p a{display:block;}
	.menu_wrap_mobile .body ul.utilMb em{display:inline-block;width:1px;height:10px;margin:1px 6px 0 6px;background-color:#ccc;vertical-align:top;}
}