/* Menu CSS */
.gnb{ZOOM: 1; clear: both; background:#333 url('./img/basic.gif') repeat-x left top; height: 36px; }
.gnb ul, .gnb li, .gnb dl, .gnb dt, .gnb dd{padding:0px; margin:0px;}
.gnb em, .gnb span { display: inline-block; white-space: nowrap; vertical-align:top; cursor:pointer; }
.gnb .gnbbox { display:inline-block; background: url('./img/bar_gray.png') no-repeat left center;}
.gnb .navibox { display:inline-block; background: url('./img/bar_gray.png') no-repeat right center;}

/* Normal Menu CSS */
.gnb .navi { }
.gnb .navi li{z-index:333; position: relative; background: url('./img/bar_gray.png') no-repeat right center; float: left; vertical-align:top; list-style:none; margin-left:-1px;}
.gnb .navi li a{display:block; font:bold 13px Arial; line-height:36px; color: #fff; text-decoration: none;}
.gnb .navi li a.select, .navi li a.on {color:#ff8b20; text-decoration: none;}
.gnb .navi li a em.old { padding:0px 25px; }
.gnb .navi li a em.new { background: url('./img/arrow_new.gif') no-repeat right center; padding:0px 24px; margin-right:20px; }
.gnb .navi li.first { margin-left:0px; }
.gnb .navi li.last { background: none transparent scroll repeat 0% 0%; }

/* Sub Menu CSS */
.gnb .navi li.over {height:36px;}
.gnb .navi li.over a {padding:0 10px 0 0; display: block; }
.gnb .navi li.over a em { padding:0px 15px 0px 28px; background: url('./img/arrow_white.gif') no-repeat right center; margin-right:5px; }
.gnb .navi li.over a.select em, .gnb .navi li.over a.on em { background: url('./img/arrow_gold.gif') no-repeat right center; margin-right:5px; }
.gnb .navi li.over a em.new{ padding:0px 19px 0px 28px; background: url('./img/arrow_new.gif') no-repeat right center; margin-right:0px; }

/* Sero Sub Item CSS */
#sero { z-index: 999; position: absolute; width:100%; text-align:center; border:1px solid #000; border-top:0px; background: url('./img/trans.png'); top: 36px; left: 0px;}
#sero dl { }
#sero dt { display:none; }
#sero dd { font:normal 12px Dotum,AppleGothic; }
#sero dd.first { }
#sero dd.last { }
#sero dd a { line-height:1.0; color:#fff; padding:10px 15px; font-weight:normal; }
#sero dd a:hover{ background:#000; color:#ff8b20; }
#sero dd a span.old { }
#sero dd a span.new { background: url('./img/arrow_new.gif') no-repeat right center; padding-right:20px; }

/* Garo Sub Item CSS */
#garo { z-index: 999; position: absolute; background: url('./img/blank.gif'); top: 36px; left: 0px;}
#garo dl { }
#garo dt { display:none; }
#garo dd { float:left; font:normal 12px Dotum,AppleGothic; height:32px; border-bottom:1px solid #000;}
#garo dd.first { border-left:1px solid #000; }
#garo dd.last { border-right:1px solid #000; }
#garo dd a { color:#fff; padding:10px; line-height:1.0; font-weight:normal; text-decoration:none; background: url('./img/trans.png'); }
#garo dd a:hover{ background:#000; color:#ff8b20; }
#garo dd a span.old { padding:0 10px; }
#garo dd a span.new { background: url('./img/arrow_new.gif') no-repeat right center; padding:0 10px 0 0; }