@charset "utf-8"; 

/* Menu Common */
.menu{position:absolute; width: 960px; margin-top:43px;  z-index:1100; overflow:visible; border:0px solid; font-size:15px; line-height:normal; *zoom:1; white-space:nowrap; font-family: arial,"굴림", Tahoma, Geneva, sans-serif;  height:36px; left:50%; margin-left:-480px;}
.menu:after{ content:""; display:block; clear:both;}
.menu .inset{ position:relative;   overflow:visible; border:0px solid; z-index:2; *zoom:1; background-image:none;   height:36px;}
.menu .inset:after{ content:""; display:block; clear:both;}
.menu ul{ float:left; list-style:none; margin:0px 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:9px 0 18px 0; height:9px; margin-bottom:0px; text-decoration:none !important; cursor:pointer;}
.menu a span{ padding:0 20px; height:15px; color:#ffffff; font-weight:bold; vertical-align:top;} /*메인메뉴 기본 color 조절*/
.menu a span .i{ display:inline-block; width:8px; height:8px; padding:0; margin:3px 0 0 5px; border:0 !important; font-size:0; line-height:0; overflow:hidden; vertical-align:top; background:url(iconSub.gif) no-repeat center top; opacity:.4; filter:alpha(opacity=40);}
.menu .gradient{ display:none; _display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:36px; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBar.png', sizingMethod='scale');}
.menu .shadow{ position:absolute; bottom:-3px; left:0; width:100%; height:0; font-size:0; line-height:0; overflow:hidden; margin:0; z-index:1; border:0px solid #ffffff; border-top:0;}

/* Menu Major */
.menu .major{ position:relative; z-index:2;}
.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 0px; border-left:0px solid; border-right:0px solid; _border:0; _margin:0; height:36px; /*background-image:url(../skin/common-img/navi/bgBar.png); background-color:#afb7b9; 메인메뉴 백그라운드 컬러*/}
.menu .major li a:hover,
.menu .major li a:active,
.menu .major li a:focus{ height:9px;background-image:url(../skin/common-img/navi/bgBar.png);/*메뉴백그라운드 이미지*/ _background-image:none; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBarHover.png', sizingMethod='scale');*/}
.menu .major li.active a{  _background-image:url(); _background-image:none; /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bgBarActiveHover.png', sizingMethod='scale');*/}
.menu .major li.active .i{ background-position:center -50px; opacity:1; filter:none;}


.menu .major li.active span{ border:0; color:#ffffff;} /*메인메뉴 오버시 color 조절*/

/* Menu Sub */
.menu .major .sub{ position:absolute; top:100%; left:0px; margin:0 0 0 0; display:none; width:300px; *width:auto; font-size:12px;}
.menu .major li.active .sub{ display:block;}
.menu .major .sub ul{  margin:0; padding:0px; border:0px solid #415f80; border-top:1; background:#999999; } /*섭메뉴 bg color*/
.menu .major .sub li{ width:100%; *width:auto; float:none; clear:both; display:inline; _display:block; border:0; margin:0;}
.menu .major .sub a{ width:100%; _width:auto; float:none; clear:both; display:inline; padding:0 0 10px 0; !important; margin:0; background-image:none !important; filter:none;  }
.menu .major .sub a span{ display:inline-block; height:auto;  padding:5px 20px 3px; font-weight:normal; color:#ffffff; border:0; font-weight:bold;}/*섭메뉴 기본 폰트 color*/


/* Menu Color Variation */

/* Menu Purple */
.mcPurple{ border-color:#983499; border-bottom-color:#682368;}
.mcPurple .inset{ border-color:#b65eb7; border-bottom-color:#89388a; }
.mcPurple .major span{ border-left-color:#944095; border-right-color:#7d2b7e;}
.mcPurple .aside{ border-color:#752676;}
.mcPurple .aside ul{ border-color:#a044a2;}
.mcPurple .major.m1 .m1,
.mcPurple .major.m2 .m2,
.mcPurple .major.m3 .m3,
.mcPurple .major.m4 .m4,
.mcPurple .major.m5 .m5,
.mcPurple .major.m6 .m6,
.mcPurple .major.m7 .m7,
.mcPurple .major.m8 .m8,
.mcPurple .major.m9 .m9,
.mcPurple .major.m10 .m10,
.mcPurple .major.m11 .m11,
.mcPurple .major.m12 .m12,
.mcPurple .major li.active{ border-color:#983499;}
.mcPurple .major .sub a span:hover,
.mcPurple .major .sub a span:active,
.mcPurple .major .sub a span:focus{background:url(../skin/common-img/navi/check.gif); color:#fff;}/*섭메뉴 오버시 color*/

/*test
.m1 a{
	height:9px; background-image:url(../skin/common-img/navi/bgBar.png);
}
.m1 a span{
	color:#FF0;
}

.m1_1 a span{
	background:url(../skin/common-img/navi/check.gif); color:#FF0;
}

.menu .major .sub .m1_1 a span{
	color:#FF0;
}
*/

/* Menu Violet */
.mcViolet{ border-color:#6755bf; border-bottom-color:#4a3c96;}
.mcViolet .inset{ border-color:#8e7de1; border-bottom-color:#6c5dbb; background-color:#6251b7;}
.mcViolet .major span{ border-left-color:#7363c5; border-right-color:#5c4dac;}
.mcViolet .aside{ border-color:#5849a4;}
.mcViolet .aside ul{ border-color:#7563cc;}
.mcViolet .major.m1 .m1,
.mcViolet .major.m2 .m2,
.mcViolet .major.m3 .m3,
.mcViolet .major.m4 .m4,

.mcViolet .major.m5 .m5,
.mcViolet .major.m6 .m6,
.mcViolet .major.m7 .m7,
.mcViolet .major.m8 .m8,
.mcViolet .major.m9 .m9,
.mcViolet .major.m10 .m10,
.mcViolet .major.m11 .m11,
.mcViolet .major.m12 .m12,
.mcViolet .major li.active{ border-color:#6755bf;}
.mcViolet .major .sub a:hover,
.mcViolet .major .sub a:active,
.mcViolet .major .sub a:focus{ background-color:#f0eef8;}

/* Menu Orange */
.mcOrange{ border-color:#d0690f; border-bottom-color:#a84f00;}
.mcOrange .inset{ border-color:#eb961b; border-bottom-color:#dc7011; background-color:#db6600;}
.mcOrange .major span{ border-left-color:#e07813; border-right-color:#c66200;}
.mcOrange .aside{ border-color:#c55c00;}
.mcOrange .aside ul{ border-color:#ed7f13;}
.mcOrange .major.m1 .m1,
.mcOrange .major.m2 .m2,
.mcOrange .major.m3 .m3,
.mcOrange .major.m4 .m4,
.mcOrange .major.m5 .m5,
.mcOrange .major.m6 .m6,
.mcOrange .major.m7 .m7,
.mcOrange .major.m8 .m8,
.mcOrange .major.m9 .m9,
.mcOrange .major.m10 .m10,
.mcOrange .major.m11 .m11,
.mcOrange .major.m12 .m12,
.mcOrange .major li.active{ border-color:#d0690f;}
.mcOrange .major .sub a:hover,
.mcOrange .major .sub a:active,
.mcOrange .major .sub a:focus{ background-color:#faf0e7;}

/* Menu Green */
.mcGreen{ border-color:#2d8685; border-bottom-color:#237473;}
.mcGreen .inset{ border-color:#58b2b1; border-bottom-color:#3c8e8d; background-color:#2e8686;}
.mcGreen .major span{ border-left-color:#419695; border-right-color:#2c7f7e;}
.mcGreen .aside{ border-color:#297878;}
.mcGreen .aside ul{ border-color:#3c9999;}
.mcGreen .major.m1 .m1,
.mcGreen .major.m2 .m2,
.mcGreen .major.m3 .m3,
.mcGreen .major.m4 .m4,
.mcGreen .major.m5 .m5,
.mcGreen .major.m6 .m6,
.mcGreen .major.m7 .m7,
.mcGreen .major.m8 .m8,
.mcGreen .major.m9 .m9,
.mcGreen .major.m10 .m10,
.mcGreen .major.m11 .m11,
.mcGreen .major.m12 .m12,
.mcGreen .major li.active{ border-color:#2d8685;}
.mcGreen .major .sub a:hover,
.mcGreen .major .sub a:active,
.mcGreen .major .sub a:focus{ background-color:#eaf3f3;}

/* Menu Gray */
.mcGray{ border-color:#707070; border-bottom-color:#474747;}
.mcGray .inset{ border-color:#797979; border-bottom-color:#4a4a4a; background-color:#3e3e3e;}
.mcGray .major span{ border-left-color:#545454; border-right-color:#3f3f3f;}
.mcGray .aside{ border-color:#383838;}
.mcGray .aside ul{ border-color:#646464;}
.mcGray .major.m1 .m1,
.mcGray .major.m2 .m2,
.mcGray .major.m3 .m3,
.mcGray .major.m4 .m4,
.mcGray .major.m5 .m5,
.mcGray .major.m6 .m6,
.mcGray .major.m7 .m7,
.mcGray .major.m8 .m8,
.mcGray .major.m9 .m9,
.mcGray .major.m10 .m10,
.mcGray .major.m11 .m11,
.mcGray .major.m12 .m12,
.mcGray .major li.active{ border-color:#555;}
.mcGray .major .sub a:hover,
.mcGray .major .sub a:active,
.mcGray .major .sub a:focus{ background-color:#f0f0f0;}