/* GNB */
#gnb { position:relative; *zoom:1; }

/* Main Menu */
#gnb ul { z-index:99; margin:0; padding:30px 0px; list-style:none; *zoom:1; }
#gnb li { position:relative; margin:0; padding:0; text-align:right; }
#gnb li a { display:inline-block; padding:8px 20px 8px 20px; font-size:16px; font-weight:normal; text-decoration:none; }
#gnb li a img { vertical-align:middle; }
#gnb li.on a { color:#fff; }

#gnb.red li.on { background:#c00; }
#gnb.orange li.on { background:#f97b00; }
#gnb.cyan li.on { background:#7bd3e5; }


/* Dropdown Menu*/
#gnb li ul { display:none; *zoom:1; position:absolute; top:0; left:100%; list-style:none; margin:0; padding:0; -moz-box-shadow:2px 2px 3px #111; -webkit-box-shadow:2px 2px 3px #111; box-shadow:2px 2px 3px #111;; }
#gnb li li { margin:0; padding:0; *vertical-align:top; *zoom:1; background:none; text-align:left; background:#222;}
#gnb li li a { display:block; font-size:12px; font-weight:normal; margin:0 0 -1px; padding:10px 15px; border:1px solid #000; white-space:nowrap; }
#gnb li li a span { display:block; margin:0; padding:0; }
#gnb li li a.parent span { background:url(../../../img/arrow.gif) right center no-repeat; }

#gnb.red li li:hover > a.parent span { background:url(../../../img/arrow_r_on.gif) no-repeat right center; }
#gnb.orange li li:hover > a.parent span { background:url(../../../img/arrow_o_on.gif) no-repeat right center; }
#gnb.cyan li li:hover > a.parent span { background:url(../../../img/arrow_c_on.gif) no-repeat right center; }

	/* Dropdown Menu 3th */
#gnb li li ul { top:0; }