@charset "utf-8";

/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
*/

/* font style */
@font-face{
	font-family:NanumGothicWeb;
	src:url('../font/NanumGothic.eot'); /* IE */
	src:local(?),
	url('../font/NanumGothic.woff') format('woff') /* FF, CH */
	url('../font/NanumGothic.ttf') format('truetype') /* FF, CH, SF, OP */
}

/* Menu Common */
.menu{ overflow:visible; position:relative; font-size:12px; font-family:Dotum,"돋움", Helvetica, AppleGothic, Sans-serif; line-height:normal; z-index:100; white-space:nowrap; *zoom:1}
.menu:after{display:block;clear:both;content:""}

.menu .inset{overflow:visible; position:relative; z-index:20; background-image:url(../../images/main/ebz_fq_mn_bg.gif); background-repeat:repeat-x; *zoom:1}
.menu .inset:after{display:block; clear:both; content:""}

.menu ul{float:left; padding:0; }
.menu ul:after{display:block;clear:both;content:""}

.menu li{float:left; position:relative; z-index:10 }
.menu a{float:left; position:relative; padding:13px 0 11px 0; text-decoration:none !important; cursor:pointer}
.menu a span{ display:block; width:100%; height:14px; padding:0 20px 13px 20px; font-weight:bold; color:#c6d6ef; vertical-align:top}
.menu a span .i{display:inline-block;overflow:hidden;width:8px;height:8px;margin:3px 0 0 7px;padding:0;border:0 !important;font-size:0;line-height:0;vertical-align:top;background:url(img/ico_sub.gif) no-repeat center top;opacity:.4;filter:alpha(opacity=40)}

.menu .major ul li a span.ms_ative{ border-bottom:3px solid #C00; }

/* Menu Major */
.menu .major{ width:990px; margin:0 auto; position:relative;z-index:20}
.menu .major a{overflow:hidden; font-family:NanumGothicWeb, NanumGothic,'돋움', dotum; font-size:14px; color:#c6d6ef;}
.menu .major span{_zoom:1}

.menu .major ul li.m1 a{ width:162px; text-align:left; padding-left:3px } 
.menu .major ul li.m1 a.active span,
.menu .major ul li.m1 a:hover span,
.menu .major ul li.m1 a:active span,
.menu .major ul li.m1 a:hover span{ color:#fff; }


.menu .major ul li.m2 a{ width:161px; text-align:left; padding-left:4px}
.menu .major ul li.m2 a.active span,
.menu .major ul li.m2 a:hover span,
.menu .major ul li.m2 a:active span,
.menu .major ul li.m2 a:hover span{ color:#fff;}

.menu .major ul li.m3 a{ width:161px; text-align:left; padding-left:4px}
.menu .major ul li.m3 a.active span,
.menu .major ul li.m3 a:hover span,
.menu .major ul li.m3 a:active span,
.menu .major ul li.m3 a:hover span{ color:#fff;}

.menu .major ul li.m4 a{ width:163px; text-align:left; padding-left:2px}
.menu .major ul li.m4 a.active span,
.menu .major ul li.m4 a:hover span,
.menu .major ul li.m4 a:active span,
.menu .major ul li.m4 a:hover span{ color:#fff;}

.menu .major ul li.m5 a{ width:160px; text-align:left; padding-left:5px}
.menu .major ul li.m5 a.active span,
.menu .major ul li.m5 a:hover span,
.menu .major ul li.m5 a:active span,
.menu .major ul li.m5 a:hover span{ color:#fff;}

.menu .major ul li.m6 a{ width:159px; text-align:left; padding-left:3px}
.menu .major ul li.m6 a.active span,
.menu .major ul li.m6 a:hover span,
.menu .major ul li.m6 a:active span,
.menu .major ul li.m6 a:hover span{ color:#fff;}

/* Menu Hover */
.menu .major li a:hover,
.menu .major li a:active,
.menu .major li a:focus{ color:#fff; }
.menu .major li.active a{ color:#fff; }

/* Menu Sub */
.menu .major .sub{display:none; position:absolute; top:43px; left:0px; width:160px; *width:auto; z-index:100; }
html:first-child .menu .major .sub{ position:absolute; top:36px;  }
.menu .major li.active .sub{display:block}
.menu .major .sub ul{margin:0; padding:1px; border:2px solid #003b95; border-top:0; background:#fff; }
.menu .major .sub li{display:block; _display:inline; float:none; clear:both; width:100%; *width:auto; margin:0; border:0; }
.menu .major .sub a{display:block; float:none; clear:both; width:100%; _width:auto; margin:0; padding:0 !important; background-image:none !important; filter:none; font-size:12px; font-family:Dotum,"돋움", Helvetica, AppleGothic, Sans-serif; color:#fff; }
.menu .major .sub a:hover{ background-color:#4c7fcd; color:#fff; }
.menu .major .sub a:focus{ background-color:#4c7fcd; color:#fff; }
.menu .major .sub a span{display:block; height:auto; padding:6px 5px 6px 20px; border:0; font-family:NanumGothicWeb, NanumGothic,'돋움', dotum; font-size:12px; color:#000; _zoom:0; }
.menu .major .sub a:hover span{ background-color:#4c7fcd; color:#fff;  }
.menu .major .sub a:focus span{ background-color:#4c7fcd; color:#fff; }

.menu .major .sub li.first{ padding-top:6px; }
.menu .major .sub li.last{ padding-bottom:7px; }

/* Menu Sub OVER */
/* ie7 */
*+html .menu .major .sub ul li a span{ color:#000 !important;  }
*+html .menu .major .sub ul li a:hover span{ background-color:#4c7fcd; color:#fff !important; text-decoration:none;  }

.menu .major .sub a:hover span,
.menu .major .sub a.active span,
.menu .major .sub a:active span,
.menu .major .sub a:focus span{ background-color:#4c7fcd; color:#fff !important; text-decoration:none; }


/* UI LEFT MENU */
.menu_left{ position:relative; width:163px; font-family:NanumGothicWeb, NanumGothic,'돋움', dotum; line-height:normal; z-index:1; }
.menu_left ul{ margin:0; padding:0; }
.menu_left li{ position:relative; vertical-align:top; *zoom:1}

/* 1차 메뉴 */
.menu_left li a{ display:block; position:relative; padding:8px 0; background:url(../../images/common/ebz_lnb_dot.gif) 19px center no-repeat; font-weight:bold; color:#636363; font-size:14px; text-decoration:none; border-bottom:1px solid #e0e0e0; *zoom:1}
.menu_left li a span{ display:block; padding-left:30px; width:130px; cursor:pointer  }
.menu_left li a.active{ z-index:1; border:3px solid #a7bad6; }
.menu_left li a:hover,
.menu_left li a:active,
.menu_left li a:focus{ color:#000 !important; text-decoration:none; }

/* 2차 메뉴 */
.menu_left li ul{ padding:5px 0; background:#fff; z-index:1; }
.menu_left li li{ margin:0; }
.menu_left li li a{ padding:5px 10px; font-size:12px; border:0; background:#fff; font-weight:normal}
.menu_left li li a span{color:#666}
.menu_left li li a:hover span,
.menu_left li li a:active span,
.menu_left li li a:focus span{ color:#000 !important; text-decoration:none; }


/* //UI LEFT MENU */