@charset "utf-8";
*{margin: 0; padding: 0;}
a{text-decoration: none;}
li{text-decoration: none;}
img{border: 0;}

@font-face {
    font-family: RixVitaM; // 사용할 폰트명
    src: local(※), url('/fonts/RixVitaM.woff') format('woff') // ie9이상은 woff 포맷 적용
    }
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


.board_box_wrap{
  position: relative;
  float: left;
  width: 500px;
  height: 437px;
  background-color: white;
  font-size: 18px;
}



/* 보드박스 텝 메뉴*/

.tab_box{
	/*
  position: relative;
  height: 437px;*/
}
.tab_box .tab_menu {
  width: 500px;
  left: -1px;
  border-bottom: 2px solid #5c5c5c;
  text-decoration: none;
  text-align: center;
 }

.tab_box .tab_menu li{
  float:left;
  margin-right:2px;

}
.tab_box .tab_menu li a{
  display: inline-block;
  color: #707070;
  font-size: 14px;
  font-family: Segoe UI;
  text-decoration: none;
  padding-top: 14px;
}

.tab_box .tab_menu li a:hover{
  color: #ffffff;
  width:108px;
  height:47px;
  font-weight: bold;
}
.tab_box .tab_menu .tab_menu01{
  width:108px;
  height:47px;
  border-right: 1px solid #eaeaeb;
}
.tab_box .tab_menu .tab_menu02{
  width: 108px;
  height: 47px;
  border-right: 1px solid #eaeaeb;
  margin-left: -2px;
}
.tab_box .tab_menu .tab_menu03{
  width: 108px;
  height: 47px;
  border-right: 1px solid #eaeaeb;
  margin-left: -2px;
}
.tab_box .tab_menu .tab_menu04{
  width: 108px;
  height: 47px;
  border-right: 1px solid #eaeaeb;
  margin-left: -2px;
}

.tab_box .btn_more a{
  position: absolute;
  top: 17px;
  left: 472px;
}
.tab_box .btn_more a img{
    vertical-align: top;
}
.tab_box .tab_list{
  clear: both;
  width: auto;
  height: 389px;
  overflow: hidden;
}
.tab_box .tab_list li{
  clear:both;
  color:#707070;
  width: 440px;
  height: 24px;
  margin: 0 auto;
  border-bottom: 1px solid #eaeaeb;
  padding: 20px 0 20px 0;
}
.tab_box .tab_list li a{
  display: inline-block;
  max-width: 320px;
  font-family: Segoe UI;
  color: #707070;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  padding-top: 1px;
}
.tab_box .tab_list img{
  top: -3px;
  position: relative;
  padding-right: 15px;
}
.tab_box .tab_list span{
  float:right;
  color: #707070;
  padding-right: 10px;
  font-size: 13px;
  font-family: 'Nanum Gothic', sans-serif;
}
.tab_box .tab_list .new .main_list_new {display:inline-block; width:15px; height:17px; background:url("http://rs1o-global-cdn.redstone-online.com/WEB-GLOBAL-IMG/web/img/common/icon_new.gif") no-repeat;}

/* 보드박스 사이드 */
.side_right{
  position: relative;
  width: 223px;
  height: 437px;
  float: left;
  z-index: 1;
}
.sns{
  width: 224px;
  height: 323px;
}
/*  탑으로 가기 버튼 */
.fix{
  position: fixed;
  width: 100%;
  min-width: 1000px;
  bottom: 61px;
  left: 1500px;
  z-index: 101;
}
/*  탑으로 가기 버튼 */
/* 캐릭터 소개 */
#banner{
  width: 1004px;
  height: 304px;
  margin-top: 20px;
}
.banner_box{
  width: 1004px;
  position: relative;
}
.banner_box .banner_img li{
  display:none;
  width:430px;
  height:279px;
}
.banner_box .banner_img .active{
  display:block;
  cursor:pointer;
}
.banner_box .banner_btn{
  position: absolute;
  width: 355px;
  top: 124px;
  left: 37px;
}
.banner_box .banner_btn li{float:left; width:40px;height:40px; margin-left:5px; }
.banner_box .banner_btn .banner_btn_secend{margin-left:0px; margin-top: 5px; margin-right: 5px;}
.banner_box .banner_btn li a{display:block; opacity:0; filter: alpha(opacity=0);}
.banner_box .banner_btn li:first-child{margin-left:0px;}

.btn_go{position:absolute; top:16px; left:130px;}
.btn_go p{margin-bottom:10px;}
.mizuno{width:220px; height:120px; position:absolute; top:220px; left:130px;}

#sitemap{
	border-top: 1px solid #24252d;
	margin-top: 0;
}


.blind{width:1px; height:1px; font-size:0; line-height:0; position:absolute; top:0; left:-1000%; overflow:hidden;}
.clearFix{zoom:1;}
.clearFix:after{clear:both; display:block; content:'';}
*:focus { outline:none; }
#adArea {position:relative;width: 100%;height: 338px;}
#adArea .linkArea {float: left; width: 777px;height: 100%;}
#adArea .linkArea a {display: block;width: 100%;height: 100%;}
#adArea .thumbArea {margin-top:54px; position: relative;float: left; width: 223px; height: 284px; overflow:hidden; background: url(http://rs1o-global-cdn.redstone-online.com/WEB-GLOBAL-IMG/web/img/main/sum_bg.png)}
#adArea .thumbArea ul {position: relative;height:9999px;}
#adArea .thumbArea li {width: 100%; height: 87px; padding-bottom: 0px;}
#adArea .thumbArea li:nth-child(3){padding-bottom: 17px;}
#adArea .thumbArea li:nth-child(6){padding-bottom: 17px;} /* 2018-01-08 추가 */
/*#adArea .thumbArea li.on {background:url(http://rs1o-global-cdn.redstone-online.com/WEB-GLOBAL-IMG/web/img/main/sum01_on.png) no-repeat; background-position: 47%; z-index: 99999;}*/
#adArea .thumbArea li a{display: block; width: 100%; height: 100%;}
/*#adArea .thumbArea li .standard {display: inline-block; width: 1px; height: 100%; vertical-align: middle;}*/
#adArea .thumbArea li .dataGroup {display: inline-block; width:203px;vertical-align: middle;padding-left: 10px;padding-top: 15px;}
#adArea .thumbArea li .dataGroup span img{}
#adArea .thumbArea li .dataGroup .tit {padding-bottom:8px;  z-index: 1;}
#adArea .thumbArea li .dataGroup .tit img{width: 201px; height: 81px; }
#adArea .thumbArea li .dataGroup .date { position: absolute; padding-bottom:8px;  z-index: 1;  display: none;}
#adArea .thumbArea li .dataGroup .date img{width: 201px; height: 81px;}
#adArea .thumbArea li.on .dataGroup .date { position: relative; top: -81px; display: block;}

#adArea .controller button {position: absolute; border: none; right: 0; width: 35px; height:17px; text-align: center; cursor: pointer; z-index: 10;}
#adArea .controller .up {top:9px; right: 90px; background:url(http://rs1o-global-cdn.redstone-online.com/WEB-GLOBAL-IMG/web/img/main/sum_btn_up.png) no-repeat center bottom;}
#adArea .controller .down {bottom: 9px; right: 90px; background:none;}
#adArea .paging {position: absolute; left: 45px; top: 277px; width: 155px; height:39px; text-align: center;}
#adArea .paging ul {margin-top:20px; display: inline-block; *display:inline; zoom:1; width: 155px;}
#adArea .paging li {float:left; margin-right:7px; }
#adArea .paging li button {display: block; width: 13px; height: 13px; border: none; background:url(http://rs1o-global-cdn.redstone-online.com/WEB-GLOBAL-IMG/web/img/main/rolling_btn_off.png) no-repeat;}
#adArea .paging li button:focus {border:0; outline:0;}
#adArea .paging li.on button {width: 27px; height: 13px; background:url(http://rs1o-global-cdn.redstone-online.com/WEB-GLOBAL-IMG/web/img/main/rolling_btn.png) no-repeat;}