/* BASIC css start */
#hdWrap { width:100%; height:40px; background:#fff; position:fixed; _position:absolute; z-index:1001; left:0px; top:0px;  margin:0 auto;  border-bottom:1px solid #efefef; border-top:2px solid #000;}


#hdWrap #header { position: relative; width:1240px; padding:2px 0 0; height:35px; margin:0 auto; }


#hdWrap #header .login {float: right;}
#hdWrap #header .login ul {float: left;}
#hdWrap #header .login li {float: left; line-height:35px; }
#hdWrap #header .login li:first-child a { border-left:0px solid #e5e5e5;}
#hdWrap #header .login li a { margin:0 0px; padding:0 15px;  border-left:1px solid #e5e5e5;  font-family: 'Roboto','¸¼Àº °íµñ','arial','dotum',sans-serif; line-height:10px;}
#hdWrap #header .login li:last-child a { padding:0 0 0 15px; }
#hdWrap #header .login li a:hover { color:#d4cdce; }

#hdWrap #header .login .joinbt { position:absolute; z-index:79; top:25px; margin:0 0 0 5px;}


#hdWrap #header .djsdj{float: left; padding:0 0px 0 0px; height:39px; }
#hdWrap #header .djsdj ul {float: left;}
#hdWrap #header .djsdj li {float: left; margin:11px 4px 0 0; font-family: 'Roboto','¸¼Àº °íµñ','arial','dotum',sans-serif; }
#hdWrap #header .djsdj li:first-child { font-weight:700; border-right:1px solid #e5e5e5; padding:0 10px 0 0; }
#hdWrap #header .djsdj li a { margin:0 0px; padding:0 5px;  line-height:10px; font-family: 'Roboto','¸¼Àº °íµñ','arial','dotum',sans-serif; }

#logo { position: relative; width:100%; text-align:center; padding-top:50px;  }


#topmenu { float:left; top:0; width:100%; z-index:100; position:relative; margin:0px auto 0px; padding:20px 0 0; height:45px;  border-bottom:0px solid #e5e5e5; background:#fff; }

#cate1 { width:100%; height:35px; background:#fff; 
border-bottom:0px solid #cbc8c8;  margin:0px auto 0; }


#cate1 ul {margin:0 auto; width:1240px; border-top:0px solid #000; }
#cate1 li {position:relative; float: left; padding:0 4px 0 0px; font-family: 'Roboto','¸¼Àº °íµñ','arial','dotum',sans-serif; line-height:35px;  }
#cate1 li a { padding:0 28px 0 0; font-family: 'Roboto','¸¼Àº °íµñ','arial','dotum',sans-serif; line-height:35px; font-weight:bold;     font-size: 12px;}
#cate1 li a:hover { color:#d4cdce; }
#cate1 li:first-child a { padding:0 27px 0 0; color:#; }
#cate1 li:last-child { padding:0; }


#cate1 li .sub2 { -moz-transition-timing-function: ease;
-webkit-transition-timing-function: ease;
-ms-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-moz-transition-duration:0.4s;
-o-transition-duration:0.4s;
-ms-transition-duration:0.4s;
-webkit-transition-duration:0.4s;
transition-duration:0.4s; border:1px solid #999;  border-top:0px solid #999; 
 opacity:0;  width:100px; z-index:1000; background:#fff; position: absolute; top:10px; left:-10px; padding:10px 0;  }
#cate1 li .sub2 ul { width:100px; }
#cate1 li .sub2 ul li { width:100px; line-height:15px; height:20px; text-align:left; }
#cate1 li .sub2 ul li a { width:100px; line-height:15px; text-align:left; font-size:11px; padding:0 13px;  }
#cate1 li .sub2 ul li:first-child a { width:100px; line-height:15px; text-align:left; font-size:11px; padding:0 13px; color:#616161; }
#cate1 li:hover .sub2 { opacity:1; top:35px; left:-10px; }
#cate1 li .sub2 ul li a:hover { color:#d4cdce; }


#rsearch {float: left; height:35px; width:160px;  margin:-5px 0 0 0px;}
#rsearch .hd-search { width:130px; height:35px; font-family: 'Lora', serif; border-bottom: 1px solid #000;}
#rsearch .hd-search a { width:20px; font-size:13px; padding:0; }
#rsearch .hd-search .input-keyword { width:110px; background-color: #fff; border:0;  height:17px;  }



#jointip{  z-index:110;
font-family:Lato; font-size:10px; color:#ffffff; font-weight: 500;
position:absolute;
margin:0px 0 0 10px;
top:35px;
line-height:18px;
width:50px;
 
      padding: 0px 1px;
      text-align: center;
      color: #fff;
      background: #999999;
      border: 0px solid #c0af93;
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.0980392) 0px;
      box-shadow: rgba(0, 0, 0, 0.0980392)0px;
}

#jointip:after {color: #fff;
      content: "";
      position: absolute;
      top: -7px;
      left: 22px;
      border-width: 4px;
      border-style: solid;
      border-color: transparent  transparent #999999 transparent;
}
/* BASIC css end */