/* 메인 메뉴 */ 
#gnb { display: block; margin: 0; padding: 0; position:relative; z-index:2; }
#gnb li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#gnb { display: block; }
#gnb ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #gnb ul { line-height: 0; } /* IE6 "fix" */
#gnb ul a { zoom: 1; } /* IE6/7 fix */
#gnb ul li a { float: none; }
#gnb ul ul { top: 0; }
    
/* Essentials - configure this */
#gnb ul { width: 160px; top:43px;*top:44px; }
#gnb ul ul { left: 158px; top:0px; }

/* Everything else is theming */
#gnb { height:46px; margin-left: 8px;_margin-left: 8px;margin-right: 5px;_margin-right: 5px; }
#gnb *:hover { actground-color: none; }
#gnb li a { position:relative; margin:0 12px; _margin:0 6px; padding:0px 0 0 0; height:43px;float: left; text-align:center; color:#fff;display:block; font:12px Dotum, 나눔고딕, NanumGothic, Geneva, Helvetica, Verdana,sans-serif; color:#fff; z-index:1; text-decoration:none; font-weight:bold;line-height:43px; outline:0; selector-dummy:expression(this.hideFocus=true); }
#gnb li a:hover { color:#E7E7E7; }
#gnb li a .vr { position:absolute; width:2px; height:43px; top:0px;right:-12px; *right:-12px;z-index:1; display:block; }
#gnb li a .harrow { position:absolute; width:6px; height:5px;top:18px;right:-10px; display:block;text-align:center;}
#gnb li.act { height:43px;z-index:1; position: absolute; top:1px; }
#gnb li.on a { color:#E7E7E7!Important; }
#gnb li.hover a { }
#gnb ul {  }
#gnb ul li {margin-bottom:-1px; border:1px solid #424242; background:#000; color:#505050 }
#gnb ul a { color:#bbb; display:block; margin:0; padding:9px 0 0 12px!Important; width:160px!Important; height:21px!Important; font:12px Dotum, 나눔고딕, NanumGothic, Geneva, Helvetica, Verdana,sans-serif; letter-spacing:-1px; text-align:left; background:none !Important; top:0!Important; font-weight:normal!Important; line-height:120%!Important; }
#gnb ul a span { position:absolute; top:10px; right:10px; }
#gnb ul a:hover { background:#282828 !Important; color:#E0FFE0!Important; }
#gnb ul .on { background:#282828; }

/* #gnb ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* Main Surrounds */
.gnb-m {margin-left: 5px;_margin-left: 5px;margin-right: 5px;_margin-right: 4px;*margin-right: 4px;}
.gnb-l {margin-left: -5px;_margin-left: -5px;*zoom:1;}
.gnb-r {position:relative;margin-right: -5px;_margin-right: -5px;*margin-right: -4px;padding:0px;*zoom:1;}
.gnb-m {position:relative;}
.gnb-m {z-index:1;}
.gnb-l,.gnb-r {*zoom:1;}

/* Main gnb colorset */
.gnb-m {background: url(../img/default/gnb-m.png) 0 0 repeat-x;}
.gnb-l {background: url(../img/default/gnb-l.png) 0 0 no-repeat;}
.gnb-r {background: url(../img/default/gnb-r.png) 100% 0 no-repeat;}
#gnb li a .vr { background: url(../img/default/gnb-div.png) 0 0 no-repeat;; }
#gnb li.act { background: url(../img/default/gnb-act.png) 0 0px repeat-x;}