ul#nav {
float:left;
}

ul#nav > li {
margin:0 15px 0;
}
ul#nav > li:first-child {
margin-left:0;
}

ul#nav li a {
padding:15px;
font-family:Nanum Gothic;
font-size: 18px; 
text-decoration:none;
color:#777;
font-weight:bold;
}

ul#nav li a:hover
,ul#nav li a:focus,
ul#nav li a.on {
color:#fff;
background:#B1DFF3;
}

ul#nav li a.on {
color:#fff;
background:#7DCBEC;
}

ul#nav ul {
background-color:#F4FAFB;
z-index:100;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
border:solid 2px #9DDFDD;
border-top:none;
}

ul#nav ul li a {
font-size: 15px; 
padding:10px;
}

ul#nav ul li.current a {
color:#fff;
background:#7DCBEC;
}

ul#nav ul li:last-child {
padding-bottom:10px; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

ul#nav ul ul {
border-top:1px solid #000;
margin-top:-1px;
background-color:#eee;
}

span.sf-arrow {
top:18px;
right:0;
}

ul ul span.sf-arrow {
right:12px;
top:16px;
}