@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#navi, #navi ul, #navi ul li #navi ul li ul{
	margin:0px;
	padding:0;
	}
#navi  {
  background: #666666;
  padding-bottom: 3px;
  width:980px;
  height:35px;
  border-radius: 5px 5px 5px 5px ;
}

#navi:before,
#navi:after,
#navi > ul:before,
#navi > ul:after {
  content: '';
  display: block;
  clear: both;
}

#navi ul {
  background: #666666;
  list-style: none;
  border-radius: 5px 5px 5px 5px ;
}

#navi ul li {
	float: left;
	position: relative;
	z-index: 55;
}
#navi ul li a {
  padding: 10px 28px;
  display: block;
  color: #FFF;
  font-family: 'Nanum Gothic', sans-serif;
  font-weight: bold;
  font-size: 17px;
  text-decoration: none;
  line-height: 18px;
}
#navi > ul > li:hover > a {
	
  background:#999;
     color:#000;
  border-radius: 5px 5px 0 0;
}

#navi > ul > li.active > a,
#navi > ul > li > a:active {
	 
   
}
/* 부메뉴 */
#navi > ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: #CCC;
  border-radius: 0 0 5px 5px;
  
  
}
#navi > ul li:hover ul {
   opacity: 0.9;
   visibility: visible;
  top: 38px;
  left: 0;
}

#navi > ul ul li {
  list-style: none;
}
#navi > ul ul li a {
  padding: 6px 23px;
  display: block;
  color: #000;
  font-size: 14px;
  text-decoration: none;
  width: 70px;
 border-left: 4px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#navi > ul ul li a:hover {
  border-left: 4px solid #00F;
  background: #333;
  opacity: 0.8;
  color: #FFF;
   border-radius: 0px 0px 5px 5px ;
 }
.style {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}