@charset "utf-8";

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

#gnb { position:relative; z-index:9999; }
#gnb a.site_logo { float:left; margin-right:30px; }
#gnb ul,
#gnb li { float:left; margin:0; list-style:none; padding:0; line-height:0; font-size:0; }
#gnb ul a { text-decoration:none; display:block; font:12px 'Trebuchet MS',verdana,Arial; text-transform:uppercase;}
#gnb ul li { float:left; position:relative; }
#gnb ul li .first_a { padding:15px 20px 0; margin:0; height:36px; overflow:hidden; display:inline-block; color:#fff; text-align:center; font-weight:normal; cursor:pointer;}
#gnb ul li .first_a span { display:block; padding:0;}
#gnb ul li .first_a:hover,
#gnb ul li .first_a:focus { color:#fff; }
#gnb ul li .first_sub { }
#gnb ul li ul { display:none; position:absolute; left:0px; top:51px; width:140px; border-top:0; z-index:9999; }
#gnb ul li ul li { position:relative; text-indent:0; width:100%;}
#gnb ul li ul li a { overflow:hidden; display:block; padding:10px 0 10px 15px; white-space:nowrap; color:#eee; cursor:pointer;}
#gnb ul li ul li a span { display:block; padding:0; }
#gnb ul li ul li a:hover,
#gnb ul li ul li a:focus { color:#eee;}
#gnb ul li ul li ul { left:140px; top:0;}
#gnb ul li ul .selected_2 .second_a:hover,
#gnb ul li ul .selected_3 .third_a:hover,
#gnb ul li ul .selected_4 a:hover,
#gnb ul li ul .selected_2 .second_a:focus,
#gnb ul li ul .selected_3 .third_a:focus,
#gnb ul li ul .selected_4 a:focus { background:none; }


/* Light #eee */
#container_wrap.light #gnb ul li .first_a { color:#eee;}
#container_wrap.light #gnb ul li .first_a:hover,
#container_wrap.light #gnb ul li .first_a:focus { color:#999;}
#container_wrap.light #gnb ul li.selected a { color:#999;}
#container_wrap.light #gnb ul li ul li a:hover,
#container_wrap.light #gnb ul li ul li a:focus { color:#999;}

/* red #ff338e */
#container_wrap.red #gnb ul li .first_a { color:#ff338e;}
#container_wrap.red #gnb ul li .first_a:hover,
#container_wrap.red #gnb ul li .first_a:focus { color:#fff;}
#container_wrap.red #gnb ul li.selected a { color:#fff;}
#container_wrap.red #gnb ul li ul li a:hover,
#container_wrap.red #gnb ul li ul li a:focus { color:#ff338e;}

/* sky #87baff */
#container_wrap.sky #gnb ul li .first_a { color:#87baff;}
#container_wrap.sky #gnb ul li .first_a:hover,
#container_wrap.sky #gnb ul li .first_a:focus { color:#fff;}
#container_wrap.sky #gnb ul li.selected a { color:#fff;}
#container_wrap.sky #gnb ul li ul li a:hover,
#container_wrap.sky #gnb ul li ul li a:focus { color:#87baff;}

/* green #98e992 */
#container_wrap.green #gnb ul li .first_a { color:#98e992;}
#container_wrap.green #gnb ul li .first_a:hover,
#container_wrap.green #gnb ul li .first_a:focus { color:#fff;}
#container_wrap.green #gnb ul li.selected a { color:#fff;}
#container_wrap.green #gnb ul li ul li a:hover,
#container_wrap.green #gnb ul li ul li a:focus { color:#98e992;}

/* purple #d492e9 */
#container_wrap.purple #gnb ul li .first_a { color:#d492e9;}
#container_wrap.purple #gnb ul li .first_a:hover,
#container_wrap.purple #gnb ul li .first_a:focus { color:#fff;}
#container_wrap.purple #gnb ul li.selected a { color:#fff;}
#container_wrap.purple #gnb ul li ul li a:hover,
#container_wrap.purple #gnb ul li ul li a:focus { color:#d492e9;}