@charset "utf-8";
@import url("default.css");

html{overflow-y:scroll;}
html, body{height:100%;}

/* layout 
=================================================================*/
body{}
#wrap{width:100%; }

#wrap #header{width:100%; height:100% ;}
#wrap #header:after{content:""; clear:both; display:block;}

#wrap #content{width:1010px; min-height:100%; margin:0 auto; *border:solid #FFF ;}
#wrap #content:after{content:""; clear:both; display:block;}

/* #sub_wrap #footer{width:980px; height:80px; margin:0 auto; padding-bottom:20px; margin-top:180px; margin: -50px auto 0 auto;} */
#footer{width:1010px; height:40px; padding:5px 0 5px; margin:0 auto; text-align:center; color:#FFF ; background:#000 ; }



/* gnb
-------------------------------------------------------------------*/
.gnb{position:absolute; width:100%;  top:0;  padding:0px 0 0 0; text-align:center; height:140px ;z-index:300;}
.sub_gnb{position:absolute; width:100%;  top:0;  padding:0px 0 0 0; text-align:center; height:105px ;z-index:3000;  background:url(images/menu_bg.png) ;}
.gnb h1, .gnb ul{float:left;}
.gnb li{display:inline-block; float:left;}
nav {
     font-family: arial, sans-serif;
     font-size:15px;
     color:#333;
     margin: 10px 0 0 0 auto;

}
 
.menu {width:1010px;  *border:solid #ffffff ; left:50% ; position:absolute; margin-left:-505px; z-index:3000; }
 
nav ul li {
     float: left;
     position: relative;
     top:-38px;
}
 

.mli {
    text-align: center;
    padding:15px 40px;
    display:block;
    text-decoration:none;
    color:#FFF;
    font-weight:bold;
    margin:0px 1px;
	*border:solid;
}



nav ul li:hover > a {
	background:#FFF;
	color:#333;
	text-shadow:none;
	
	
}
nav ul li ul {
     display: none;


}
 
nav ul li:hover ul {
     display: block;
     position: absolute;
     top:100px;
     left:-1px;
     padding:0;
    margin-top:-15px;
     width:auto;
     *border:solid;
	 left:50% ; position:absolute; margin-left:-80px;
	 
	 	 
}
nav ul li:hover ul li a {
     display:block;
     background:#fff;
     color:#333;
     text-align: center;
     border: 1px solid #efefef;
     border-top: none;
     border-radius: 0;
     font-weight:normal;
     width:150px;
	 height:30px; 
	 font-size:12px; 
	 letter-spacing:-0.5px ;
	 padding-top:10px;
	  *border:solid #000000;


	 
}
 
nav ul:hover ul  a:hover, nav ul  a:hover {
	background:#000;
    color:#0054a6;
}
nav li:hover li  a:hover, nav li  a:hover {
	background:#eee;
    color:#333;
}

.sbg { position:relative;  width:100%;  background-color:#000000 ; height:225px ; top:105px;}
.sb { position:absolute; width:1010px; top:105px; left:50% ;  margin-left:-490px  }
.smg { position:absolute;  width:100%;  background-color:#FFF ; height:80px ; top:300px; border-bottom: solid 1px #ccc }
.sm { position:relative; width:1010px; top:90px; left:50% ;  margin-left:-490px; margin-top:10px; *border:solid  ; background-color:#FFF }
.lsm {float:left}
.ssm {float:right ;}
.lsmfont { font-size:24px ; font-family:"Helvetica LT Std" ; color:#CCC}
.bar {margin-left:5px ; margin-right:5px ; color:#999}
.content {   min-height:700px; }
.footmain{  position:relative; width:100%; height:40px; padding:0px 0 0px; margin:0 auto; background-color:#000000; text-align:center ; z-index:1000  }
.foot{   width:100%; height:80px; padding:0px 0 0px; margin:0 auto; background-color:#ffffff; text-align:center ; background:url(images/foot_bg.gif) ;  }
.conf{position:relative ;  width:1010px; top:150px; left:50% ;  margin-left:-490px; ; z-index:1000}
.fix { z-index:1000; position:relative }



/*container*/
#container {_position:relative; *position:relative; padding-left:20px; clear:both; padding-right:20px;  margin-top:4%; overflow:hidden;}