@charset "utf-8";
/* CSS Document */

body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
body,input,textarea,select,table,button{font-size:12px;line-height:1.25em;font-family: Verdana, "굴림",Gulim,Helvetica,AppleGothic,Sans-serif; letter-spacing:-1px;}
body{position:relative;color:#696969;}
body{background:#a1a1a1;background:url(../img/sub_back.jpg) no-repeat -20px 40px;}

img,fieldset{border:0}
ul,ol{list-style:none}
a{color:#696969;text-decoration:none;cursor:pointer}
em,address{font-style:normal}


#wrap{margin-top:30px}
#header{width:100%;height:360px;}
#element,#container{width:980px;text-align:left;}
#foot{width:100%;text-align:left;}
/*Header*/

.logo {margin-bottom:5px;margin-left:60px;}
.menu {height:51px; background:url(../img/menu_back.png);padding-left:20px;}
.main {overflow:visible;position:relative;}
#tabs-1 li,#tabs-2 li{padding:3px 0 3px 13px; background:url(../img/arrow.png) no-repeat  -5px 0px;}

#submenu {width:193px;margin-top:-40px;margin-left:60px;float:left;}

.ban {margin:10px 0 0 5px;}

#container{clear:both;}

#content {float:right;width:670px;margin-top:20px;}
.body {margin:30px 0px 50px 10px}

.join_top {
border-top:2px #E2E0D6 solid;	
border-bottom:1px #ECEAE3 dotted;	
}

.join_bottom {
border-bottom:2px #dad2ce solid;	
padding:0 0 0 15px;
}

.join_table {
padding:0 0 0 15px;
border-bottom:1px #dad2ce dotted;	
}
.mbody img {padding-right:10px;padding-bottom:10px;}



#foot{clear:both;height:110px; background:#a1a1a1;}
.copyright{padding:20px 0 50px 50px;}

#hidden {display:none;color:#666;padding:20px;text-align:left;}



nav {
  width: 1920px;
  top:60px;
  position:absolute;
  z-index:50;
  background: linear-gradient(to bottom,#9fc240, #aad043 50%, #9fc240);
}

#main-menu > li {
  float: left;
  position: relative;
  width: 320px;
}

#main-menu > li > a {
  font-size: 0.85rem;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  display: block;
  padding: 14px 30px;
  border-right: 1px solid rgba(255,255,255,0.2);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

#sub-menu {
  position: absolute;
  background: #9fc240;
  opacity: 0;
  visibility: hidden;
  transition: all 0.15s ease-in;
  width: 320px;
}

#sub-menu > li {
  padding: 15px 15px;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  text-align:center;
}

#sub-menu > li >  a {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.85rem;
}

#main-menu > li:hover #sub-menu {
  opacity: 1;
  visibility: visible;
}

#sub-menu > li >  a:hover {
 color:#5e761d;
}