/*---------- Wrapper --------------------*/
#nav {
 width: 688px;
 height: 30px;
 background-color: #fff;
 margin:0;
 z-index:1;
 float:right;
 position:relative;
 top:-26px;
}

#nav .nav_naviarea{ margin:0; padding:0; width:688px; height:30px;}
#nav .nav_naviarea ul {
 text-align: center;
}

#nav ul li {
 font-size: 13px;
 cursor: pointer;
 -webkit-transition: padding .05s linear;
 -moz-transition: padding .05s linear;
 -ms-transition: padding .05s linear;
 -o-transition: padding .05s linear;
 transition: padding .05s linear;
 width: auto;
 float:left;
 /*background-color:#ffffff;*/
 text-decoration:none;
}

ul li.drop {
 position: relative;
 width: 100px;
 float:left;
 /*background-color:#ffffff;*/ 

/*¼­ºê ¸Þ´ºÀÖÀ»¶§ */
 z-index:10000000;
 font-weight:bold;
}

ul > li {
 display: inline-block;
}

ul li a {}

ul li a:link{
 color: #666;
 text-decoration:none;
}
ul li a:visited{
 color: #666;
 text-decoration:none;
}

ul li a:hover {
 color: #000;
 text-decoration:none;
}

.dropOut {top:12px;}

.dropOut .triangle {
/* width: 0;
 height: 0;
 position: absolute;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-bottom: 8px solid #525860;
 top: -8px;
 left: 54%;
 margin-left: 0px;*/
 
}

.dropdownContain {
 width: 120px;
 position: absolute;
 z-index: 2;
 left: 50%;
 margin-left: -60px; /* half of width */
 top: -1000px;
 text-decoration:none;
 
 
}
.dropOut {
 width: 120px;
 /*background-color: #ffffff;*/
 float: left;
 position: relative;
 margin-top: 0px;
 opacity: 0;
 /*-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 2px;*/
 -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
 -moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
 box-shadow: 0 1px 6px rgba(0,0,0,.15);
 -webkit-transition: all .1s ease-out;
 -moz-transition: all .1s ease-out;
 -ms-transition: all .1s ease-out;
 -o-transition: all .1s ease-out;
 transition: all .1s ease-out;
}

.dropOut ul {
 float: left;
 padding: 0px 0 0px 0;
 background-color:#8dc63f; 
/*line color*/
}
.dropOut ul li { background-color:#8dc63f; /*bg color*/ text-align: center;float: left; width: 120px; padding: 0px 0 0px 0px;margin: 0px 0px; color:#ffffff; /*submenu color*/ /*-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;*/-webkit-transition: background .1s ease-out; -moz-transition: background .1s ease-out;-ms-transition: background .1s ease-out; -o-transition: background .1s ease-out;transition: background .1s ease-out;}

.dropOut ul li:hover { background-color: #8dc63f; /*li mouse over*/color:#ffffff;}

ul li:hover a { color: #000; }
ul li:hover .dropdownContain { top: 30px; }
ul li:hover .underline { border-bottom-color: #777; }
ul li:hover .dropOut { opacity: 1; margin-top: 2px; }
li .smlist a:link{ color:#fff; display:block; font-size:12px; width:125px;padding-left: 10px;padding-right: 10px; width: 120px;}
li .smlist a:visited{ color:#fff; display:block; font-size:12px;}

li .smlist a:hover{ color:#fff600; display:block; font-size:12px;}