@charset "utf-8";
/*나눔고딕 폰트*/
@font-face{font-family: 'NG';font-style: normal;font-weight: normal;src: url('http://elwkdls.com/iNNo/css/Fonts/NG.eot');src: local('☺'), url('http://elwkdls.com/iNNo/css/NG.woff') format('woff'), url('http://elwkdls.com/iNNo/css/NG.ttf') format('truetype');}
@font-face{font-family: 'NGB';font-style: normal;font-weight: bold;src: url('http://elwkdls.com/iNNo/css/Fonts/NGB.eot');src: local('☺'), url('http://elwkdls.com/iNNo/css/NGB.woff') format('woff'), url('http://elwkdls.com/iNNo/css/NGB.ttf') format('truetype');}

/* On */
body{background:#fff;color:#333;line-height:1.28;margin:0;padding:0;text-align:left;direction:ltr;unicode-bidi:embed}
body, label, select, td, textarea{font-family:'lucida grande',tahoma,verdana,arial,sans-serif;font-size:11px}
input botton{position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:30px; background-color:transparent;  overflow:visible; width:127px;}
a{cursor:pointer;text-decoration:none; color:#000}
table{width:100%;}
img{margin:auto}
.bt{padding:10px; font-size:14px; font-weight:bold}

#gnb ul,
#gnb li,
#gnb span,
#gnb a{margin: 0;
	padding-left:10px;
	position: relative;
	color:#fff;
}
#gnb ul {
  list-style: none;
}
#gnb > ul {
  float: left;
}
#gnb > ul > li {
  float: left;
}
#gnb > ul > li > a {
  font-size: 12px;
}




#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}

#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #fefefe;
  background: -moz-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #ececec));
  background: -webkit-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -o-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: -ms-linear-gradient(top, #fefefe 0%, #ececec 100%);
  background: linear-gradient(top, #fefefe 0%, #ececec 100%);
  color: #000;
  display: inline-block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 20px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
#cssmenu > ul > li > a {
  color: #000;
  font-size: 12px;
}

#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}

#cssmenu > ul > li.active > a {
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
}
#cssmenu > ul > li:hover > a {
  background: #ececec;
  background: -moz-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececec), color-stop(100%, #ffeeff ef));
  background: -webkit-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -o-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: -ms-linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  background: linear-gradient(top, #ececec 0%, #ffeeff ef 100%);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
}
#cssmenu .has-sub {
  z-index: 1;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}

#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}


.headcontent{
	width:1035px;
	height:200px;
	background-image:url(../image/head.png);
	margin:auto;
}
.bodycontent{
	width:1035px;
	min-height:1000px; height:auto;
	margin:auto;
	position:relative;
	overflow:hidden;
	}
.bodysideleft{
	width:735px;
	min-height:1000px; height:auto;
	position:relative;
	float:left;
}
.bodysideright{
	width:295px;
	min-height:1000px; height:auto;
	float:right;
	background-color:#ececec;
}

.copyright{
	width:100%; 
	margin:auto; 
	color:#000; 
	padding-top:20px; 
	padding-bottom:20px;
	background-color:#ececec;		
	float:none;
}

.sn_login{ width:300px; float:right;}
.sn_login .s_login{ position:relative; width:300px; margin:0 auto 0 auto; height:30px; font-size:10px; z-index:10000;}
.sn_login .s_login .account{ position:absolute; top:13px; right:10px; margin:0; padding:0px; z-index:2; height:25px; width:120px;}
.sn_login .s_login .account li{ position:relative; float:left; list-style:none;}
.sn_login .s_login .account li *{ vertical-align:top;}
.sn_login .s_login .account li li{ float:none; height:auto; background-image:none;}

.sn_login .s_login .account li.log{color:#000;}
.sn_login .s_login .account li.log a{ display:block; padding:5px 0px 0px 13px; text-decoration:none; color:#000;}
.sn_login .s_login .account li.profile{z-index:10000; padding:11px 0px 0px 5px; text-decoration:none; color:#000; _margin-top:-6px;}
.sn_login .s_login .account li.profile span{cursor:pointer; margin-left:7px;  background-image:none; line-height:0;}
*:first-child+html li.profile{margin-top:-6px;}
div.black .sn_login .s_login .account li.profile button{ background-position:center 5px;}
.sn_login .s_login .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}


.sn_login .s_login .account li.profile .memberProfile.active{ display:block;}
.sn_login .s_login .account li.profile .memberProfile .authorName{ margin:0 0 10px 10px; font-size:13px; font-weight:bold; color:#fff; white-space:nowrap;}
.sn_login .s_login .account li.profile .memberProfile .authorName a{ margin:0 0 10px 10px; font-size:13px; font-weight:bold; color:#fff; white-space:nowrap; text-decoration:none;}
.sn_login .s_login .account li.profile .memberProfile ul{ margin:0; padding:5px; list-style:none;}
.sn_login .s_login .account li.profile .memberProfile li{ float:left; white-space:nowrap; margin:5px 5px 5px 5px; padding:0 0 0 5px;}
.sn_login .s_login .account li.profile .memberProfile li a{ background:none; color:#fff; text-decoration:none;font-size:11px;}
.sn_login .s_login .account li.profile .memberProfile li a:hover,
.sn_login .s_login .account li.profile .memberProfile li a:active,
.sn_login .s_login .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.sn_login .s_login .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:30px; height:27px; background:transparent url(../image/log_close.gif) no-repeat center center;}
.sn_login .s_login .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;width:30px; height:27px;}

.sn_login .s_login .account li.register a{ display:block; width:43px; padding:5px 8px;}
div.black .sn_login .s_login .account li.register a{ background-position:center 5px;}
.sn_login .s_login .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:700;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#25272d; opacity:.7; filter:alpha(opacity:70);}

.loginLayer{ background:transparent url(../image/login.png) no-repeat;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin-top:50px; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block; }
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dd{ margin:0 0 10px 0; width:100px;}
.loginWindow .loginLayer .inputText{ width:145px; height:21px; padding:9px 0px 0px 5px; border:0px; font:11px Tahoma; color:#000;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer .keep{ margin:6px 0px 15px 10px; float:left; font-size:11px; line-height:normal; white-space:nowrap; height:19px;}
.loginWindow .loginLayer .keep label{ color:#FFF;}
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#fff;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:45px; height:45px; background:transparent url(../image/log_close.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}
.float_left {float:left; width:150px;}
