#gnb { z-index:99; position:relative;; margin:0 auto; padding:0; list-style:none; width:100%; height:50px; text-align:center; }
#gnb:after { content:""; display:block; clear:both; }
#gnb li { position:relative; display:inline-block; *display:inline; margin:0; padding:0; height:50px; line-height:50px; *zoom:1; background:url(../img/gnb_section.png) left center no-repeat; }
#gnb li:first-child { background:none; }
#gnb li a { display:inline-block; vertical-align:middle; text-decoration:none; margin:0; padding:0 20px; font-size:14px; font-weight:bold; text-align:center; color:#fff; }
#gnb li a img { vertical-align:middle; }
#gnb li:hover > a { color:#fff; }
#gnb li.on > a { font-weight:bold; color:#fff; }

/* 2차 메뉴 */
#gnb ul { display:none; list-style:none; margin:0; padding:0; position:absolute; left:0; top:50px; width:200px; }
#gnb ul li { display:block; height:30px; line-height:30px; background:none; }
#gnb ul li.bg1 { background:#b1a59b; }
#gnb ul li.bg2 { background:#927e79; }
#gnb ul li a { display:block; *float:left; font-size:12px; text-align:left; white-space:nowrap; color:#fff; *zoom:1; }

#gnb ul li:hover > a,
#gnb ul li a.on { background:url(../img/gnb_sub_arrow.png) 5px center no-repeat; background-color:rgba(0,0,0,0.8); *background-color:#222; color:#fff; }
#gnb ul li a.on { font-weight:bold; }

/* 3차 메뉴 */
#gnb ul ul { top:0; left:100%; }