/*---------- Wrapper --------------------*/
#nav {
 width: 840px;
 height: 30px;
 background-color: #fff;
 margin:0;
 z-index:1;
}
#nav .nav_naviarea{ margin:0; padding:0; width:840px; 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: 120px;
 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 {
 line-height: 30px;
 padding: 5px 5px;
 height: 30px;
 color: #666;
 -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;
}
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 .triangle {
 width: 0;
 height: 0;
 position: absolute;
 border-left: 8px solid transparent;
 border-right: 8px solid transparent;
 border-bottom: 8px solid #353535;
 top: -8px;
 left: 50%;
 margin-left: 0px;
 
}
.dropdownContain {
 width: 100px;
 position: absolute;
 z-index: 2;
 left: 50%;
 margin-left: -60px; /* half of width */
 top: -400px;
 text-decoration:none;
 
 
}
.dropOut {
 width: 100px;
 /*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:#353535; /*line color*/
}
.dropOut ul li {
 background-color:#353535; /*bg color*/¹è°æ»ö»ó
 text-align: center;
 float: left;
 width: 100px;
 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: #525860; /*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: 8px; }
li .smlist a:link{ color:#fff; display:block; font-size:12px;}
li .smlist a:visited{ color:#fff; display:block; font-size:12px;}
li .smlist a:hover{ color:#fff; display:block; background-color:#5C9DDF; font-size:12px;}