@charset "utf-8"; 

/* Menu Common  span안 클릭의 문제 */
.menu{ 
	position:relative; overflow:visible; 
	*zoom:1; white-space:nowrap;
	width: 715px; height: 80px;
	display:block; float:right; border: 0;
}


.menu:after{ 
	content:""; display:block; clear:both;
}
.menu .inset{ 
	border:0px solid #0000ff; z-index:2; *zoom:1; 
}
.menu .inset:after{ 
	content:""; display:block; clear:both;
}
.menu ul{ 
	float:left; list-style:none; margin:0; padding:0;
}
.menu ul:after{ 
	content:""; display:block; clear:both;
}
.menu li{ 
	position:relative; z-index:1; float:left;
}
.menu a{ 
	position:relative; float:left; padding:0px 0 0px 0; 
	*padding:0px 0 0px 0; margin-bottom:0px; 
	text-decoration:none !important; 
	cursor:pointer;
}
.menu a span{ 
	padding:0 0px; height:14px; color:#fff; font-weight:bold; vertical-align:top;
}
.menu a span .i{ 
	display:inline-block; padding:0; margin:0px 0 0 0px; 
	border:0 !important; font-size:0; line-height:0; overflow:hidden; 
	vertical-align:top; 
	filter:alpha(opacity=40);
}

/* Menu Major */
.menu .major{ position:relative; z-index:2; float:left;}
.menu .major a{ overflow:hidden;}
.menu .major span{ 
	border-left:0px solid; border-right:0px solid; _zoom:1;
}

/* Menu Hover */
.menu .major li.active{ 
	z-index:2; margin:0;
	border-left:0px solid; border-right:0px solid; _border:0; _margin:0;
}
.menu .major li a:hover,
.menu .major li a:active,
.menu .major li a:focus{ 
	padding-left:0px; padding-right:0px; 
}
.menu .major li.active a{ 
	padding-left:0px; padding-right:0px; 
}
.menu .major li.active .i{ background-position:center -50px; opacity:1; filter:none;}

/* Menu Active */
.menu .major.m1 .m1,
.menu .major.m2 .m2,
.menu .major.m3 .m3,
.menu .major.m4 .m4,
.menu .major.m5 .m5,
.menu .major.m12 .m12{ z-index:3;}

.menu .major.m1 .m1 a,
.menu .major.m2 .m2 a,
.menu .major.m3 .m3 a,
.menu .major.m4 .m4 a,
.menu .major.m5 .m5 a,
.menu .major.m12 .m12 a{ 
	padding-left:0px; padding-right:0px; 
}

.menu .major.m1 .m1 span,
.menu .major.m2 .m2 span,
.menu .major.m3 .m3 span,
.menu .major.m4 .m4 span,
.menu .major.m5 .m5 span,
.menu .major li.active span{ border:0;}

/* Menu Sub */
.menu .major .sub{ 
	position:absolute; top:100%; 
	left:0px; margin:1px 0 0 0; display:none; 
	width:100px;
	font-size:12px; text-align:left;
}
.menu .major li.active .sub{ display:block;}

.sub_show {
	position:absolute; top:100%; 
	left:0px; margin:1px 0 0 0; display:block; 
	width:100px;
	font-size:12px; text-align:left;
}


.menu .major .sub ul{ 
	margin:0; padding:1px; border:0px solid #878787; 
	border-top:0; background:#fff;
}
.menu .major .sub li{ 
	float:none; clear:both; 
	display:inline; margin:0px;
}

.menu .major .sub a{ 
	float:none; clear:both; 
	display:inline; padding:0 !important; margin:0; 
	background-image:none !important; filter:none;
}
.menu .major .sub a span{
	display:inline-block; height:auto; padding:1px 3px; 
	font-weight:normal; color:#767676; border:0;
}



/* Menu Sub1 ===========서브메뉴 오른쪽 정렬을 위해서 */ 
.menu .major .sub1{ 
	position:absolute; top:100%; 
	right:1px; margin:1px 0 0 0; display:none; 
	width:480px;
	font-size:12px; text-align:left;
}
.menu .major li.active .sub1{ display:block;}

.sub_show {
	position:absolute; top:100%; 
	right:0px; margin:1px 0 0 0; display:block; 
	width:100px;
	font-size:12px; text-align:left;
}


.menu .major .sub1 ul{ 
	margin:0; padding:1px; border:0px solid #878787; 
	border-top:0; background:#fff;
}
.menu .major .sub1 li{ 
	float:none; clear:both; 
	display:inline; margin:0px;
}

.menu .major .sub1 a{ 
	float:none; clear:both; 
	display:inline; padding:0 !important; margin:0; 
	background-image:none !important; filter:none;
}
.menu .major .sub1 a span{
	display:inline-block; height:auto; padding:1px 3px; 
	font-weight:normal; color:#767676; border:0;
}