/* Base Theme
----------------------------------------------------------------------------------------------------*/
.bar_nav { float:right;}
.bar_nav ul.af_1 { margin:0px; padding:0px;}

/* 1st */
.bar_nav ul.af_1 li.menu_1st a{font:11px dotum; color:#666; background:url(/layouts/270_arena/include/main_menu/images/bg_back.png); padding-top:19px;}
.bar_nav ul.af_1 li.menu_1st:hover a{color: #fff; border-bottom:1px solid #e8ba66;}
.bg_line_2 { background:url(../images/bg_back2.png); height:4px; }


.bar_nav ul.af_1 li.menu_1st ul.af_2 { margin:-4px 0 0 0; padding:0px;}
.bar_nav ul.af_1 li.menu_1st ul.af_2 li a { color:#666; border-bottom:1px solid #323232; background:#090909; padding:8px 5px 8px 17px ;}
.bar_nav ul.af_1 li.menu_1st ul.af_2 li:hover a {color: #fff; border-bottom:1px solid #e8ba66; }


/* 아이콘 */
li a span.icon{ right:5px; margin-top:-1px; }
li a span.icon{ background:url(/layouts/270_arena/include/main_menu/images/nav_right.png) no-repeat; position:absolute; right:5px; width:12px; height:12px; top:20px; display:block; cursor:pointer; }

/* 일반 마우스 스타일 */
.bar_nav ul a { }

/* 일반 마우스 스타일 오버 */
.bar_nav ul li:hover > a{}


.bar_nav {
	position: relative;
	z-index: 20;
}
.bar_nav > ul{ color:#fff; }

	
.bar_nav ul{ margin: 0; padding: 0; list-style: none; position: relative; }

.bar_nav ul ul {
	width: 160px;  /* Sub Menu Width (set if you want to frce width of items)*/
	margin: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding-top: 0px;
	margin-top: 0px;
	opacity:0;
}

.bar_nav > ul > li > ul{
	padding-top: 0px;
	margin-top: 0;
}

.nav_up ul ul{
	bottom:100%;
	top:auto;
	margin-bottom: 0px;
}
.nav_up > ul >li > ul{
	padding-bottom: 0px;
}

.nav_up ul li ul li:last-child > ul{
	margin-bottom: -1px;
}

.bar_nav ul ul ul,
.bar_nav ul ul ul ul,
.bar_nav ul ul ul ul ul,
.bar_nav ul ul ul ul ul ul{ 
	top: 0; 
	left: 100%;
	padding-left:0px;
}

.nav_up ul ul ul,
.nav_up ul ul ul ul,
.nav_up ul ul ul ul ul,
.nav_up ul ul ul ul ul ul{ 
	top:auto;
	bottom: 0; 
	left: 100%;
}

	
.bar_nav ul ul ul.slide_left,
.bar_nav ul ul ul ul.slide_left,
.bar_nav ul ul ul ul ul.slide_left{
	top: 0; 
	left:auto;
	right:100%;
	padding-right:0px;
}

.nav_up ul ul ul.slide_left,
.nav_up ul ul ul ul.slide_left,
.nav_up ul ul ul ul ul.slide_left{
	bottom: 0;
	top:auto; 
	left:auto;
	right:100%;
}

.bar_nav ul li { 
	float: left;
	display: block;
	position: relative; 
}

.bar_nav ul ul li { 
	width: 100%;
	display: block; 
}
.bar_nav > ul > li > a{
	height: 30px;
}

/* Root Menu */
.bar_nav ul a {
	padding: 0 20px;
	
	display: block;
	font: bold 12px sans-serif;
	text-decoration: none;
	white-space: nowrap;
	line-height: 30px;
}

.bar_nav ul a img{
	float: right;
	margin: 2px 5px 0 0px;
	position: relative;
	top:-2px;
}



/* Root Menu Hover Persistence */
.bar_nav ul a:hover,
.bar_nav ul li:hover a,
.bar_nav ul li.iehover a {
}

/* 2nd Menu */
.bar_nav ul li:hover li a,
.bar_nav ul li.iehover li a {
	float: none;
}


.bar_nav ul ul{
	z-index: 3;}
.bar_nav ul ul ul{
	z-index: 4;}
.bar_nav ul ul ul ul{
	z-index: 5;}
.bar_nav ul ul ul ul ul{
	z-index: 6;}
.bar_nav ul ul ul ul ul ul{
	z-index: 7;}
.bar_nav ul ul ul ul ul ul ul{
	z-index: 7;}


/* Hover Function - Keep these at the bottom guys! */
.bar_nav ul li:hover ul ul,
.bar_nav ul li:hover ul ul ul,
.bar_nav ul li:hover ul ul ul ul,
.bar_nav ul li.iehover ul ul,
.bar_nav ul li.iehover ul ul ul,
.bar_nav ul li.iehover ul ul ul ul { 
	display: none; 
	opacity:0;
}

.bar_nav ul li:hover ul,
.bar_nav ul ul li:hover ul,
.bar_nav ul ul ul li:hover ul,
.bar_nav ul ul ul ul li:hover ul,
.bar_nav ul li.iehover ul,
.bar_nav ul ul li.iehover ul,
.bar_nav ul ul ul li.iehover ul,
.bar_nav ul ul ul ul li.iehover ul { 
	display: block;
	opacity:1;
}


/* Round corners
---------------------------------------------------------------------------------------------------- */
.bar_nav > ul > li > ul > li:first-child > a,
.bar_nav > ul > li > ul > li > ul > li:first-child > a,
.bar_nav > ul > li > ul > li > ul > li > ul > li:first-child > a,
.bar_nav > ul > li > ul > li > ul > li > ul > li > ul > li:first-child > a{
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.bar_nav > ul > li > ul > li:last-child > a,
.bar_nav > ul > li > ul > li > ul > li:last-child > a,
.bar_nav > ul > li > ul > li > ul > li > ul > li:last-child > a,
.bar_nav > ul > li > ul > li > ul > li > ul > li > ul > li:last-child > a,
.bar_nav > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:last-child > a{
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}