@charset "utf-8";

/*
** ksjade
** enigma5685@naver.com
** http://ksodesign.com
--------------------------------------------- */

#gnb { position:relative; width:100%; z-index:999; }
#gnb ul,
#gnb li { position:relative; float:left; margin:0; padding:0; list-style:none; }
#gnb ul li a { display:block; font:12px 'Trebuchet MS',verdana,Arial; text-transform:uppercase; text-decoration:none; }
#gnb ul li .first_a { padding-top:33px; padding-bottom:32px; margin:0; display:inline-block; text-align:center; overflow:hidden; cursor:pointer;}

#gnb ul li ul { display:none; position:absolute; left:30px; top:80px; width:170px; border-top:0; }
#gnb ul li ul li { position:relative; width:100%;}
#gnb ul li ul li a { display:block; padding:5px 0 5px 15px; white-space:nowrap; cursor:pointer; border:1px solid; border-top:none; overflow:hidden; }
#gnb ul li ul li a.sub { background:url(img/arrow.png) no-repeat 155px 9px;}
#gnb ul li ul li ul { left:169px; top:-1px; border-top:1px solid;}


/* black */
#container_wrap.black #gnb ul li .first_a:hover { color:#eee;}
#container_wrap.black #gnb ul li ul { background:#242424; }
#container_wrap.black #gnb ul li ul li a { color:#aaa; border:1px solid #111; border-top:none; } 
#container_wrap.black #gnb ul li ul li ul { border-color:#111;}

/* white */
#container_wrap.white #gnb ul li .first_a:hover { color:#222;}
#container_wrap.white #gnb ul li ul { background:#fafafa; }
#container_wrap.white #gnb ul li ul li a { color:#666; border:1px solid #666; border-top:none; }
#container_wrap.white #gnb ul li ul li ul { border-color:#666;}


/* Point color
----------------------------------------------------------------------------*/

/* cornblue #6495ED */
#container_wrap.cornblue #gnb ul li .first_a { color:#6495ED;}
#container_wrap.cornblue #gnb ul li ul li a:hover { color:#6495ED;}

/* deeppink #FF1493 */
#container_wrap.deeppink #gnb ul li .first_a { color:#FF1493;}
#container_wrap.deeppink #gnb ul li ul li a:hover { color:#FF1493;}

/* seagreen #3CB371 */
#container_wrap.seagreen #gnb ul li .first_a { color:#3CB371;}
#container_wrap.seagreen #gnb ul li ul li a:hover { color:#3CB371;}

/* purple #9370DB */
#container_wrap.purple #gnb ul li .first_a { color:#9370DB;}
#container_wrap.purple #gnb ul li ul li a:hover { color:#9370DB;}

/* gold #dfc55b */
#container_wrap.gold #gnb ul li .first_a { color:#dfc55b;}
#container_wrap.gold #gnb ul li ul li a:hover { color:#dfc55b;}

/* dark #666 */
#container_wrap.dark #gnb ul li .first_a { color:#666;}
#container_wrap.dark #gnb ul li ul li a:hover { color:#666;}