@charset "utf-8";
/* CSS Document */

#nav {list-style:none;
      height:0px;
   padding:0;
   margin:0;
     }


#nav li {
 float:left;
 margin:0;
 position:relative;
}
 
#nav li a{
 display:block;
 width:
 font-family:"나눔고딕", "돋움", "맑은 고딕", "궁서체";
 font-weight:500;
 font-size:0.8em;
 padding:0px 0px;
 color:#000;
 text-decoration:none;
 margin:0;
 border-radius:3px;
 text-shadow:0 1px 1px rgba(0,0,0,0.2);}
 
#nav ul {
 margin:0;
 padding:0;
 list-style:none;
 position:absolute;
 left:0;
 top:35px;
 width:100px; /*이값을 없애면 가로로 보여진다*/
 
 border:0px solid #b4b4b4;
    box-shadow:0 0px 0px rgba(0,0,0,0.3);
 opacity:0;} /*보조메뉴숨기기*/
 
#nav li:hover a {
 background:#ebebeb;
 color:#444;
 text-shadow:0 1px 1px rgba(255,255,255,1);
 box-shadow:0 1px 1px rgba(0,0,0,0.2);} /*rgba 색상에 대한 투명도 */
 
#nav ul li {
 float:none;/*이값을 없애면 가로로 보여진다*/
 margin:0;
 padding:0;
 height:0;
 overflow:hidden; /*보조메뉴숨기기*/
 
}
#nav ul li a {
 font-weight:normal;
 text-shadow:0 1px 0 #fff;
 border-radius:0px;
 color:#333;}
 
#nav ul li:hover a {
 background:#0078ff;
 color:#fff;
 text-shadow:0 1px 1px rgba(0,0,0,0.1);
 }
#nav ul li:first-child>a {
 border-top-left-radius:8px;
 border-top-right-radius:8px;} 


#nav ul li:last-child>a {
 border-bottom-left-radius:8px;
 border-bottom-right-radius:8px;}
 
#nav li:hover ul {
 opacity:1; /* 보조메뉴 보여지게 하는값*/
}
#nav li:hover ul li{
 height:37px;
 overflow:visible;
}