/* == 10. Horizontal menu Background == */
/*====================
 Color Scheme Begin
=====================================================================
====================================================================*/
/* Menu bar background color */
#navigation, 
#nav li ul li, 
#nav li ul li a{
background: #ffffff;
}
/* Menu Item text color */
#nav li a, 
#nav li a:hover, 
#nav li ul li,
#nav li ul li a,
#nav li ul li a:hover  {
color: #333333; 
}
/* Menu Item background color on hover */
#nav li a:hover, 
#nav li ul li a:hover  {
background: #ffffff; 
}
/* Text Shadow */
#nav li a, 
#nav li a:hover, 
#nav li ul li a:hover  {
font-weight:bold;
color:#000;
}

/*=====================================================================
=======================================================================
 Color Scheme End
====================*/
#menu_div{
 
clear: both;
position: relative;
top: 0;
left: 0;
z-index:999999999;
} /* Free space to top specialy for menu */
#navigation {
/*position: fixed;*/
}
#navigation, #menu_div {
/*width:580px; */
margin: 0 !important;
padding: 0 !important;
}
#menu_div, #navigation, #menu, #nav{
height: 40px; /* menu height */
}
#menu_div:hover,
#navigation:hover,
#nav li a:hover, #nav li ul a 
{
opacity: 1.0;/* Menu transparency on mouse hover*/
} 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
opacity: 1.0;/* Menu transparency on mouse out */
}
#menu {
/*width: 580px;*/
margin:0; /*center the menu*/
padding:0;
position: relative;
}
#nav{
/*width: 580px;*/
margin:0;
padding:0;
position: relative;
font-family:NanumGothic, '³ª´®°íµñ', NG, sans-serif, µ¸¿ò, ±¼¸²;
}
#nav li a,#nav li {
float:left;
}
#nav li {
list-style:none;
position:relative;
}
#nav li a {
line-height: 30px;
padding:13px 18px 0px 18px; /* ´ëºÐ·ù Æеù */
text-decoration:none;
margin:0;
font-size:14px; /*´ëºÐ·ù ÆùÆ® Å©±â Á¶Àý*/
font-weight:bold;
text-transform:uppercase;
}
/*====================
 Submenu 
=====================*/
#nav li ul {
display:none;
position:absolute;
left:0;
top:100%;
padding:10px 0 0 0; /* ´ë¸Þ´º¿Í ¼­ºê¸Þ´º¿ÍÀÇ °£°Ý*/
margin:0;
} 
/* hide submenu */
#nav li:hover > ul {
display:block;
} 
/* show submenu on hover */
#nav li ul li,#nav li ul li a {
float:none;
height: 30px; /* submenu item height */
min-width: 150px; /*  ¼­ºê¸Þ´º °¡·Î submenu item minimal width */
line-height: 14px;
text-shadow: none;
display:block;
font-size:13px; /* ¼­ºê¸Þ´º ÆùÆ® Å©±â */
font-weight:400;
text-transform:inherit;
z-index:99999999999;
background-color: #ffffff;
color:#333333;
/*border:#dddddd 1px solid;*/
} 
/* Submenu item */
#nav li ul li {
_display:inline; /* for IE */
}
/* == 12. Sub-Sub Menu == */
#nav li ul li ul {
display:none;
}
#nav li ul li:hover ul {
left:100%;
top:0;
}
/*========================
  Transitions
========================*/
#nav li a:hover,
#nav li ul li a:hover  {
-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}
.searchfield:focus,
.searchfield:not(:focus){
-webkit-transition-property:width; 
-webkit-transition-duration: 0.5s, 0.5s; 
-webkit-transition-timing-function: linear, ease-out;
}
#menu_div:hover,
#navigation:hover,
#nav li ul a, 
#menu_div,
#navigation, 
#nav li a, 
#menu_div:not(:hover), 
#navigation:not(:hover)
{
-webkit-transition-property:opacity; 
-webkit-transition-duration: 0.5s, 0.5s; /* duration in seconds */
-webkit-transition-timing-function: linear, ease-out;
} /* Menu transparency animation */