@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*.nanumsquare {
    font-family: 'NanumSquare', sans-serif !important;
}*/


#wrap, html, body {;margin:0;padding:0;}
.clear { content:"" ; display:block;  height:0px; line-height:0px; font-size:0px; clear:both; }

body { min-width: 1300px; background: #fff; }

body {background: #fff url(http://cdn-img.kingkongsoft.kr/richm/bg/bg.jpg) 50% 0 no-repeat;}
body.one {background: #fff url(http://cdn-img.kingkongsoft.kr/richm/bg/bg_v2.jpg) 50% 0 no-repeat;}
body.sub {background: none;}

#wrap {  min-width: 1300px; }
#wrap.sub {  min-width: 1300px; overflow: unset;padding-bottom: 300px;}
#smartPop_overlay { background: #000 !important; }
#smartPop_content { padding: 0px !important;  }
#smartPop_container {background-color:white; -webkit-box-shadow:none !important;}

.naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 30px;height: 30px;background: url(http://cdn-img.kingkongsoft.kr/mhorigin/btn/login_n.jpg) 0 0 no-repeat;vertical-align: middle;margin-left: 2px;}
.naver_login_btn > img {display: none;}
.kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 30px;height: 30px;background: url(http://cdn-img.kingkongsoft.kr/mhorigin/btn/login_k.jpg) 0 0 no-repeat;margin-left: 2px;vertical-align: middle;}
.kakao_login_btn > img {display: none;}
.google_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 30px;height: 30px;background: url(http://cdn-img.kingkongsoft.kr/mhorigin/btn/login_g.jpg) 0 0 no-repeat;margin-left: 2px;vertical-align: middle;}
.google_login_btn > img {display: none;}
.facebook_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 30px;height: 30px;background: url(http://cdn-img.kingkongsoft.kr/mhorigin/btn/login_f.jpg) 0 0 no-repeat;margin-left: 2px;vertical-align: middle;}
.facebook_login_btn > img {display: none;}

/*div.login_box p.btn_box > span {  display: inline-block;*display: inline;*zoom: 1; line-height: 1.0; font-size: 9pt; color: #848484;vertical-align: middle;}*/

/* 스크롤이 생기도록 강제로 변경 */
div[class^=sbHolder_type] {
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
 }
ul[class^=sbOptions_type] {
    overflow-y: auto !important;
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }
ul[class^=sbOptions_type] > li {
   -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}
ul[class^=sbOptions_type] > li > a {
   -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

div#header { position: relative;  }
div#header > div.top_content { width: 1200px;margin: 0px auto; position: relative; height: 108px;z-index: 20;}
div#header > div.top_content > a.logo { position: absolute; left:50px;top:8px; z-index: 998; }

div#header > div.top_content > div.navi { position: absolute; z-index: 998;  font-size: 0pt; left:215px;top:0px; line-height: 0pt; height:73px; z-index: 3;/*overflow: hidden;*/
    /*-webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;*/
    padding-top: 30px;
}

div#header > div.top_content > a.btn_start {position: absolute; right:180px;top:118px;}

div#header > div.top_content >  a.login_btn {position: absolute;right:160px;font-size: 10pt;color: #e86e6e; font-weight: bold;top:35px;border: 1px solid #a2a2a2;padding: 0px 8px;}
div#header > div.top_content >  a.login_btn.out {position: absolute;right:160px;font-size: 10pt;color: #e86e6e; font-weight: bold;top:46px;border: 1px solid #a2a2a2;padding: 0px 8px;}
div#header > div.top_content >  a.myinfo {position: absolute;right:160px;font-size: 10pt;color: #fff; font-weight: bold;top:19px;border: 1px solid #a2a2a2;padding: 0px 8px;width: 55.8px;text-align: center;}

div#header > div.top_content > div.navi > span.top_line { border-top: 3px solid #fff;z-index: 2; top:73px; left:0px; position: absolute; width: 150px; display: none;}

/*div#header > div.top_content > div.navi.hover,
div#header > div.top_content > div.navi:hover {
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
    height:232px;
}*/

div#header div.navi_layer {
    z-index: 4;
    position: absolute;
    left:0px;
    right:0px;
    height: 0px;
    background: #000;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    /*-webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;*/
    height: 87px;
}

div#wrap.sub div#header div.navi_layer {
    height: 87px;
    background: #000;
}
/*div#wrap.sub div#header div.navi_layer.hover {
    height: 232px;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    border: 1px solid #444;
}

div#header div.navi_layer.hover {
    height: 232px;
    -webkit-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
    border: 1px solid #444;
}
*/

div#header > div.top_content > div.navi:hover dt a {color: #fff;font-weight: 900;}

div.navi > ul { position: relative;z-index: 99; }
div.navi > ul > li:first-child { margin-left: 0px;  }
div.navi > ul > li { width: 150px; display: inline-block;*display: inline;*zoom: 1; font-size: 10pt; line-height: 1.6; vertical-align: top; overflow: hidden;height: 57px;

}
div.navi > ul > li:hover  {
    height: unset;
}
div.navi > ul > li:hover dd {
    background: #000;
    -webkit-opacity: 0.7;
    -moz-opacity: 0.7;
    -ms-opacity: 0.7;
    -o-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

div.navi > ul > li > dl {  }
div.navi > ul > li > dl > dt { text-align: center; }
div.navi > ul > li > dl > dt a { color: #fff; font-size: 20px;font-weight: 900; font-family: 'NanumSquare' !important; position: relative;}
div#wrap.sub div.navi > ul > li > dl > dt a { color: #fff; font-size: 20px;font-weight: 900; font-family: 'NanumSquare' !important; }
div.navi > ul > li > dl > dt a:hover { color: #c03923; }
div.navi > ul > li > dl > dt a.hover { color: #c03923; }
div.navi > ul > li > dl > dt a:hover:after {content: '';position: absolute; height: 0px;font-size: 0pt;line-height: 0pt;border-bottom: 2px solid #fff;bottom:-5px;left:0px;right:0px;}
div.navi > ul > li:last-child > dl > dt a img {width: 82px;}
div.navi > ul > li:last-child > dl > dt a:hover:after {display: none;}
div.navi > ul > li > dl > dd { text-align: center; line-height: 1.5; margin-top: 25px; padding: 20px 0px;  }
div.navi > ul > li > dl > dd > a {  color: #fff;margin-bottom: 8px;font-size: 17px; font-family: 'NanumSquare' !important;}
div.navi > ul > li > dl > dd > a:hover { color: #c03923; text-decoration: underline; }
div.navi > ul > li > dl > dd > a.hover { color: #c03923; text-decoration: underline;}
div.navi dl > dd a { display: block; height: 20px; margin-bottom: 3px; color: #cccccc;position: relative;}
div.navi dl > dd a > b {color: red; font-size: 8pt;position: absolute;right:24px;top:-3px;}
div.navi > p.line { border-top: 1px solid #fff; position: absolute; width: 813px; right:39px; top:75px; }


div.container { width: 1200px; min-height: 300px;  margin: 0px auto 0px auto; position: relative; font-size: 0pt;line-height: 0pt;}
div.container.main { width: 1200px; min-height: 862px;  margin: 0px auto 0px auto; position: relative; font-size: 0pt;line-height: 0pt;}


div.container.sub div.game_start_area {position: relative;z-index: 4;margin-bottom: 30px;}
div.container.sub div.game_start_area > a {display: block;width: 375px;height: 402px; position: relative;left:50%;transform: translateX(-50%); }




/* floating banner */
div.fixed_layer{ position: absolute; right:104px;top:3px; width: 0px;height: 0px; z-index: 99;}
div.fixed_layer > a.float_banner { position: fixed;  }

/*div.fixed_banner{ position: absolute; right:-58px;top:233px; width: 0px;height: 0px; z-index: 99;}
div.fixed_banner > a.fixed { position: fixed;  }

div.float_banner {position: absolute;}
div.float_banner.type01 {top:204px;right:-274px;}
div.float_banner.type02 {top:-85px;right:-301px;}
div.float_banner.type03 {top:406px;right:-301px;}
div.float_banner > a.fixed {position: fixed;}*/


input.og_agree {border: none; width: 180px; height: 39px; display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/ongate/btn_og_arr.jpg) 0 0 no-repeat; cursor:pointer;font-size: 0pt;line-height: 0pt;}

div.login_box {width: 268px;height: 464px;display: inline-block;*display: inline;*zoom: 1; background: url(http://cdn-img.kingkongsoft.kr/rich/web/login/login_box.png) 0 0 no-repeat;  padding: 76px 33px 0px 35px;line-height: 1.6;}

div.login_box > h3 { font-size: 24px; color: #000; font-weight: 600; margin-bottom: 7px; position: relative; text-align: center;}
div.login_box img.line {display: block;margin: 15px 0px 8px 0px;}

div.login_box div.reg_input { position: relative; margin-bottom: 8px; }
div.login_box div.reg_input > input.text { background: #eeeeee; font-size: 13px; padding:8px 0px 8px 5px; color: #bbb; width: 200px;border: 1px solid #e2e2e2;margin-bottom: 6px;}
div.login_box div.reg_input > input.text::placeholder { color: #b6b6b6; }
div.login_box div.reg_input > input.login_btn { color: #fff; font-weight: bold; width: 200px;height: 45px;border: 1px solid #9f0908; background: #ae1213;border: 0px;margin-top: 4px;font-size: 15px;line-height: 0pt;cursor:pointer;}

/*div.login_box div.reg_input > input.login_btn:hover { background: url(http://cdn-img.kingkongsoft.kr/boss/btn/login_on.png) 0 0 no-repeat;  }*/
/*div.login_box a.join {display: block;padding: 11px 0px; text-align: center;background: #2f2f2f;border: 1px solid #333;color: #fff;font-size: 11pt;}*/

div.login_box p.short_link { font-size: 13px; color: #c6c6c6; line-height: 1.6;vertical-align: middle;}
div.login_box p.short_link > a { color: #575757; letter-spacing: -1pt; display: inline-block;*display: inline;*zoom: 1;margin-left: 2px;margin-right: 2px;}
div.login_box.online p.short_link > a { color: #575757; border: 1px solid #b6b6b6; width: 96px; padding: 5px 0px 5px 0px; text-align: center; letter-spacing: -1pt; display: inline-block;*display: inline;*zoom: 1;margin-left: 4px;margin-right: 0px !important;}
div.login_box p.short_link > a:first-child {margin-left: 0px;}


div.login_box p.btn_box { line-height: 1.0; text-align: center; margin-top: 5px;}
div.login_box p.social_login { line-height: 0;font-size: 0pt; text-align: center; margin: 0px 0px 0px -4px; margin-top: 10px;width: 204px;}
div.login_box p.social_login > a {margin-left: 4px;margin-bottom: 4px;}

div.login_box p.social_login .naver_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 98px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/rich/web/login/ico_n.png) 0 0 no-repeat;vertical-align: middle;}
div.login_box p.social_login .naver_login_btn > img {display: none;}
div.login_box p.social_login .kakao_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 98px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/rich/web/login/ico_k.png) 0 0 no-repeat;vertical-align: middle;}
div.login_box p.social_login .kakao_login_btn > img {display: none;}
div.login_box p.social_login .google_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 98px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/rich/web/login/ico_g.png) 0 0 no-repeat;vertical-align: middle;}
div.login_box p.social_login .google_login_btn > img {display: none;}
div.login_box p.social_login .facebook_login_btn { display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height:0pt; width: 98px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/rich/web/login/ico_f.png) 0 0 no-repeat;vertical-align: middle;}
div.login_box p.social_login .facebook_login_btn > img {display: none;}

div.login_box.online {}
div.login_box div.mem_info { line-height: 1.6; font-size: 11pt;  margin-bottom: 5px;min-height: 70px;}
div.login_box div.mem_info > h3 { font-size: 24px; color: #000; font-weight: 900; margin-bottom: 30px; position: relative;text-align: center;}
div.login_box div.mem_info > h3 > span { font-size: 19px; font-weight: bold; margin-left: 5px; }
div.login_box div.mem_info > p.cash_info {  position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-ms-box-sizing: border-box;}

div.login_box div.mem_info > p.cash_info > span.cash_text { width: 200px;font-size: 17px;padding-left: 10px;background: #fff;border: 1px solid #212121; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;-ms-box-sizing: border-box !important;}
div.login_box div.mem_info > p.cash_info > a.cash_charge { background: #ae1213; border: 1px solid #9f0908; padding: 8px 10px 8px 10px;text-align: center; width:200px;color: #fff;font-size: 19px;font-weight: bold; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;-ms-box-sizing: border-box !important;display: inline-block;*display: inline;*zoom: 1;margin-top: 13px;}
div.login_box p.line {font-size: 0pt;line-height: 0;border-top: 1px solid #b6b6b6;margin: 18px 0px 9px 0px;}

 div.login_box div.mem_info > p.agree_text {  position: relative; text-align: center; color: #666; font-size: 12px; margin-top: 20px;line-height: 1.8;}
div.login_box div.mem_info > p.agree_text > b {  color: red; }

div.login_box div.mem_info > p.cash_info > span { border: 1px solid #b9b9b9; background: #a5a5a5; color: #000; font-size: 14px;font-weight: bold; width: 187px; padding: 5px 0px 5px 5px; display: inline-block;*display: inline;*zoom: 1;position: relative;}
div.login_box div.mem_info > p.cash_info > span > b { position: absolute;right:5px; color: #ab2506; }

div.login_box p.btn_box > a.agree { display: inline-block;*display: inline;*zoom: 1;width: 170px; font-size: 17px; padding: 14px 14px; font-weight: bold; background: #ae1213; color: #fff; border: 1px solid #a1080a;}

div.login_box p.btn_box > a.goldgift { display: inline-block;*display: inline;*zoom: 1;width: 200px; font-size: 17px; padding: 13px 0px 13px 0px; font-weight: bold; background: #fff; color: #ad1313; border: 1px solid #ad1313;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;-ms-box-sizing: border-box;}

div.login_box p.btn_box > a.gold { display: inline-block;*display: inline;*zoom: 1;width: 104px; font-size: 10pt; padding: 24px 12px; font-weight: bold; background: #5d1c1c; color: #fff; border: 1px solid #2e0e0e;}
div.login_box p.btn_box > a.coupon { display: inline-block;*display: inline;*zoom: 1;width: 104px; font-size: 10pt; padding: 24px 12px; font-weight: bold; background: #5d1c1c; color: #fff; border: 1px solid #2e0e0e;}
div.login_box p.btn_box > a.logout_btn { font-size: 14px; color: #666;display: inline-block;*display: inline;*zoom: 1;margin-top: 20px;}

/*div.login_box p.btn_box > a.gold { display: inline-block;*display: inline;*zoom: 1;width: 130px; height: 63px; overflow: hidden;}
div.login_box p.btn_box > a.coupon { display: inline-block;*display: inline;*zoom: 1;width: 130px; height: 63px;overflow: hidden;}*/

div.login_box p.btn_box > a.gold > img {width: 100%;}
div.login_box p.btn_box > a.coupon > img {width: 100%;}

div.section {}
div.article {}

div.left_content { position: relative;line-height: 1.6; }
div.right_content {width: 268px;float: right;}
div.main div.right_content {margin-top: -291px;}
div.sub div.right_content {margin-top: -117px;}
div.right_content > div.section {}
div.right_content div.article {margin-bottom: 2px;line-height: 0pt;font-size: 0pt;}

div.right_content div.article.event {position: relative;margin-top: 40px;}
div.right_content div.article.event .bx-wrapper {position: relative;}
div.article.event .bx-controls {position: absolute; top:190px;left:10px;z-index: 99;width: 280px;}
div.article.event .bx-controls .bx-pager-item {display: inline-block;*display: inline;*zoom: 1;}
div.article.event .bx-controls .bx-pager-item a {width: 15px;height: 15px;margin-left: 3px;background: #737574;display: inline-block;*display: inline;*zoom: 1;
    -webkit-border-radius:11.5px ;
    -moz-border-radius:11.5px ;
    -ms-border-radius:11.5px ;
    -o-border-radius:11.5px ;
    border-radius:11.5px ;
}
div.article.event .bx-controls .bx-pager-item a.active {background: #fff !important;}

div.left_content > div.phone { position: relative; width: 405px;height: 697px;margin: 0px auto; background: url(http://cdn-img.kingkongsoft.kr/richm/bg/bg_phone.png) 0 0 no-repeat;}
div.left_content > div.phone div.float_area { position: absolute;right:-500px; top:354px; }
div.left_content > div.phone > div.screen_area {position: absolute;width: 357px;height: 570px;left:50%;transform: translateX(-50.4%);top:64px;}
div.screen_area > div.bg_box {position: absolute;left:0px;top:0px;right:0px;bottom:0px;}
div.screen_area > div.bg_box.bg01 {background: url(http://cdn-img.kingkongsoft.kr/richm/bg/bg_01.jpg) 0 0 no-repeat; z-index: 2;}
div.screen_area > div.bg_box.bg02 {background: url(http://cdn-img.kingkongsoft.kr/richm/bg/bg_02.jpg) 0 0 no-repeat; z-index: 1;}

div.screen_area a {position: absolute;bottom:20px; left:50%;transform: translateX(-50%);z-index: 99;}
div.screen_area > a > img.glow {
    position: absolute;
    left:-4px;top:10px;
    animation-name : glow_action;
    animation-duration : 3.5s;
    animation-iteration-count: infinite;
}


div.flip-card { background-color:transparent; width: 357px;height: 570px;perspective:1000px;position: absolute;left:50%;transform: translateX(-50.4%);top:64px;}
div.flip-card-inner {position: relative;width: 100%;height: 100%;text-align: center;transition:transform 0.8s; transform-style:preserve-3d;}
/*div.flip-card:hover .flip-card-inner { transform:rotateY(180deg); }*/
div.flip-card.on .flip-card-inner { transform:rotateY(180deg); }
div.flip-card-front,div.flip-card-back {position: absolute;width: 100%;height: 100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
div.flip-card-front {}
div.flip-card-front > a.game_start { position: absolute;top:350px;left:50%;transform:translateX(-50%);  }
div.flip-card-back > a.game_start { position: absolute;top:350px;left:50%;transform:translateX(-50%);  }
div.flip-card-back { transform:rotateY(180deg); }


div.left_content > div.flip { position: relative; width: 480px;height: 697px;margin: 0px auto; }

a.btn_rotate {width: 150px;position: absolute;top:290px;}
a.btn_rotate > img {width: 100%;}
a.btn_rotate.left {left:-240px;}
a.btn_rotate.right {right:-240px;}


@keyframes move_back {
0% {transform: rotateY(360deg) translateZ(-300px) scale(1);z-index: 10;top:125px;}
100% {transform: rotateY(180deg) translateZ(-300px) scale(1);z-index: 1;top:27px;}
}
@keyframes move_front {
0% {transform: rotateY(180deg) translateZ(300px) scale(1);z-index: 1;top:27px;}
100% {transform: rotateY(360deg) translateZ(300px) scale(1);z-index: 10;top:125px;}
}
.flip-card2 {text-align: center;width: 480px;}
.flip-card-front2 {
position: absolute;
transform: rotateY(360deg) scale(1); z-index: 10;
top:125px;
width: 480px;
}
.flip-card-back2 {
position: absolute;
  transform:rotateY(180deg) scale(1); z-index: 1;
  top:27px;
  width: 480px;
}

.flip-card-front2.front {
animation-name:move_front;
animation-duration:2s;
position: absolute;
transform: rotateY(360deg) scale(1); z-index: 10;
top:125px;
}
.flip-card-front2.back {
animation-name:move_back;
animation-duration:2s;
position: absolute;
  transform:rotateY(180deg) scale(1); z-index: 1;
  top:27px;
}
.flip-card-back2.front {
animation-name:move_front;
animation-duration:2s;
animation-name:move_front;
animation-duration:2s;
position: absolute;
transform: rotateY(360deg) scale(1); z-index: 10;
top:125px;
}
.flip-card-back2.back {
animation-name:move_back;
animation-duration:2s;
position: absolute;
  transform:rotateY(180deg) scale(1); z-index: 1;
  top:27px;
}
div.start_box {position: absolute;bottom:0px; left:50%;transform: translateX(-50%);width: 740px;}
div.start_box > a {}
div.start_box > a > img.glow {
    position: absolute;
    left:-4px;top:10px;
    animation-name : glow_action;
    animation-duration : 3.5s;
    animation-iteration-count: infinite;
}
div.start_box > div.game_start > a {margin-left: 15px;}
div.start_box > div.game_start > a:first-child {margin-left: 0px;}



#fade_action {
    animation-name : bg_fade_action;
    animation-duration : 12s;
    animation-iteration-count: infinite;
}
@keyframes bg_fade_action {
  0% { opacity : 0 }
  16% { opacity : 0 }
  41% { opacity : 1 }
  75% { opacity : 1 }
  100% { opacity : 0}
}
@keyframes glow_action {
  0% { opacity : 0.45 }
  25% { opacity : 0.25}
  35% { opacity : 0.75}
  50% { opacity : 0.38}
  75% { opacity : 0.25}
  90% { opacity : 0.7}
  100% { opacity : 1}
}

div.phone > div.type_box {position: absolute;top:700px; left: 50%;transform: translateX(-50%);width: 536px;}
div.phone > div.type_box img:first-child {margin-left: 0px;}
div.phone > div.type_box img {margin-left: 80px;}


.footer { background: #151515;  min-height: 254px; padding-bottom: 15px;}
.footer ul,
.footer ol { margin: 0px; padding: 0px; list-style: none;}

div.footer_top {  border-bottom: 1px solid #999; }
div.footer_top > ul.site_info { width: 1200px; margin: 0px auto; font-size: 0pt;line-height: 0pt; padding: 20px 0px;}
div.footer_top > ul.site_info > li {  display: inline-block;*display: inline;*zoom: 1; padding: 0px 20px 0px 25px; font-size: 16px;line-height: 1.0; position: relative;}
div.footer_top > ul.site_info > li > a {  color: #ababb3;}
div.footer_top > ul.site_info > li > a > b { color: #ce0019; }
div.footer_top > ul.site_info > li:first-child { padding-left: 0px;  }
div.footer_top > ul.site_info > li:first-child:after {border: 0px;}
div.footer_top > ul.site_info > li:after { position: absolute; content:""; left:0px; top:0px; bottom:0px; border-left: 1px solid #494a4e; }

div.footer_bottom { width: 1200px; margin: 0px auto; padding-top: 30px; position: relative; }
div.footer_bottom > ul { width: 146px; float: left; height: 100px; }
div.footer_bottom > p.addr { margin-left: 130px; }

div.footer_bottom > p.addr { margin-left: 160px; color: #7b7c81; font-size: 12px;}
div.footer_bottom > div.grade { position: absolute; right: 0px; top:33px; }
div.footer_bottom > div.grade > img:first-child { margin-left: 0px;  }
div.footer_bottom > div.grade > img { margin-left: 3px; }
.bottom_logo { width: 146px; height: 43px; }
.king_mark { width: 109px; height: 37px;display:block; background: url(http://cdn-img.kingkongsoft.kr/sin/img/logo_kingkongsoft.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;margin: 0px auto;}

h2.page_title { position: relative;font-size: 40px; font-weight: 900; color: #262626; line-height: 1.0;z-index: 3;padding: 0px 15px 10px 0px; margin-bottom: 40px; border-bottom: 7px solid #262626;font-family: 'Arita-buri-SemiBold' !important;letter-spacing: 2pt;}
h2.page_title > b {position: absolute;font-size: 13pt; color: red;left: 131px;top:-1px;line-height: 1.6; font-weight: bold;}
div.board_content { position: relative;z-index: 3; padding: 30px 27px; min-height: 870px; line-height: 1.6; /*margin-right: 303px;*/width: 897px;margin: 0px auto 0px auto; background: #fff;border: 1px solid #5d1c1c;}


h3.sub_text { position: relative;font-size: 18px; font-weight: 600; color: #666; line-height: 1.0;z-index: 3;padding: 15px 0px;}
div.board_content > ul.tab { list-style:none;margin: 0px;padding: 0px;line-height: 0pt;font-size: 0pt; margin-bottom: 30px; position: relative;}
div.board_content > ul.tab > li { display: inline-block;*display: inline;*zoom: 1; position: relative;}
div.board_content > ul.tab > li:first-child {margin-left: 0px;}
div.board_content > ul.tab > li > a { display: inline-block;*display: inline;*zoom: 1; padding: 12px 0px 11px 0px; text-align: center;color: #959595;font-size: 16px;font-family:'NanumSquare' ;width: 113px;position: relative;z-index: 3;line-height: 1;background: #fff; border: 1px solid #262626;}
div.board_content > ul.tab.guide > li > a { width: 120px;  }
div.board_content > ul.tab > li > a:hover { color: #fff;font-weight: bold;background: #262626;}
div.board_content > ul.tab > li > a.hover { color: #fff;font-weight: bold; background: #262626;}
div.board_content > ul.tab.faq > li > a {  width:109px;  }
div.board_content > ul.tab.outpage > li > a {  width:140px;  }

div.board_content > ul.tab > li > a > span {/*position: absolute;top:13px;right:3px;*/font-size: 9pt;color: #cacaca;}
div.board_content > ul.tab > a.remote { position: absolute; right:0px; top:-5px;  }
table.board_table { width: 100%; border-top: 1px solid #959595; font-family: "NanumSquare"}
table.board_table thead th { background: #262626; color: #fff; font-size: 15px;text-align: center; padding: 16px 0px 15px 0px;border-bottom: 1px solid #959595;font-family: "NanumSquare";font-weight: bold;}
table.board_table thead th:first-child {border-left: 1px solid #959595;  }
table.board_table thead th:last-child {border-right: 1px solid #959595;  }
table.board_table tbody th { text-align: center; font-family: "NanumSquare"; color: #262626 !important; }
table.board_table tbody th,table.board_table tbody td { border-bottom: 1px solid #959595;/*border-bottom: 1px solid #e4e4e4;*/ padding: 9px 0px 9px 0px; font-size: 13px;color: #323232;}
table.board_table tbody th b {
    display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 13px; padding: 0px 0px;width: 62px;text-align: center;color: #fff;font-weight: 900;font-family: 'NanumSquare';vertical-align: middle !important;background: #4c5c8a;
    -webkit-border-radius:5px ;
    -moz-border-radius:5px ;
    -ms-border-radius:5px ;
    -o-border-radius:5px ;
    border-radius:5px ;
}
table.board_table tbody th b {font-family: "NanumSquare";display: inline-block;*display: inline;*zoom: 1;width: 70px;height: 25px;font-size: 0pt;line-height: 0pt;vertical-align: top;}
table.board_table tbody th b.notice { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_title_01.png) 0 0 no-repeat; }
table.board_table tbody th b.event { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_title_04.png) 0 0 no-repeat;  }
table.board_table tbody th b.check { background: #4c8a82; color: #fff;font-size: 13px; line-height: 1.8; }
table.board_table tbody th b.open { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_title_03.png) 0 0 no-repeat;  }
table.board_table tbody th b.update { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_title_02.png) 0 0 no-repeat;  }
table.board_table tbody th b.best { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_title_05.png) 0 0 no-repeat;  }


table.board_table tbody th b.red { background: red;  color: #fff !important; font-size: 13px !important;line-height: 1.8;}
table.board_table tbody th b.yellow { background: #7b7b3f; color: #000 !important; font-size: 13px !important;line-height: 1.8;}
table.board_table tbody th b.green { background: green; color: #fff !important; font-size: 13px !important;line-height: 1.8;}

table.board_table tbody th b.we { background: #00B050; color: #fff !important; }
table.board_table tbody th b.chock { background: #E1993E; color: #fff !important; }
table.board_table tbody th b.oh { background: #448ACA; color: #fff !important; }

table.board_table tbody th b.type01 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_01.png) 0 0 no-repeat;  }
table.board_table tbody th b.type02 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_02.png) 0 0 no-repeat;  }
table.board_table tbody th b.type03 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_03.png) 0 0 no-repeat;  }
table.board_table tbody th b.type04 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_04.png) 0 0 no-repeat;  }
table.board_table tbody th b.type05 { background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/ico_guide_05.png) 0 0 no-repeat;  }




table.board_table tbody td a { color: #262626; display: block;width: 458px; height: 21px; padding-left:10px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-family: "NanumSquare";font-size:11pt ;}
table.board_table tbody td a.gmaw { color: #00e7ff; }
table.board_table tbody td { font-family: "NanumSquare"}
table.board_table tbody th { font-family: "NanumSquare"}

table.board_table tbody tr.notice { position: relative; }
/*table.board_table tbody tr.notice { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/notice_bg.png) 0 0 repeat;  }*/
table.board_table tbody tr.notice { /*background: #7d7d7d; */ background: rgba(218, 216, 216 ,0.65); }
table.board_table tbody tr.notice th,
table.board_table tbody tr.notice td {  padding: 10px 0px 10px 0px; font-family: "NanumSquare"}
table.board_table tbody tr.notice td > a { font-weight: bold;  font-family: "NanumSquare"}

table.board_table tbody tr.best { position: relative; }
/*table.board_table tbody tr.best { background: url(http://cdn-img.kingkongsoft.kr/jo/bg/notice_bg.png) 0 0 repeat;  }*/
table.board_table tbody tr.best { background: rgba(51, 3, 241 , 0.1); }
table.board_table tbody tr.best th,
table.board_table tbody tr.best td {  padding: 10px 0px 10px 0px; font-family: "NanumSquare"}
table.board_table tbody tr.best td > a { font-weight: bold;  font-family: "NanumSquare"}

/*i.adicon { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/jo/img/img_foot_logo.png) 50% 50% no-repeat; background-size: 100%;width: 44px ; height: 40px; vertical-align: middle;}*/
i.adicon { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/rich/web//img/logo.png) 50% 50% no-repeat; background-size: 100%;width: 56px ; height: 35px; vertical-align: middle;}
i.gm_icon_01 { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/gm_name_01.png) 50% 50% no-repeat; background-size: 100%;width: 60px ; height: 30px; vertical-align: middle;}
i.gm_icon_02 { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/gm_name_02.png) 50% 50% no-repeat; background-size: 100%;width: 60px ; height: 30px; vertical-align: middle;}
i.gm_icon_03 { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/rich/web/icon/gm_name_03.png) 50% 50% no-repeat; background-size: 100%;width: 60px ; height: 30px; vertical-align: middle;}


div.search_box { text-align: center; margin-top: 30px;}
div.search_box input.search_string { border: 1px solid #9f9f9f; font-size: 13px;padding:9px 0px 9px 5px; outline:0px;vertical-align: middle;width: 185px; background:#fff; opacity:0.8; color: #868686;margin-left: -1px;}
div.search_box input.search_btn { display: inline-block;*display: inline;*zoom: 1; border: 1px solid #959595; width: 63px;height: 35px;background: url(http://cdn-img.kingkongsoft.kr/boss/btn/search_icon.jpg) 0 0 no-repeat;line-height: 0pt;font-size: 0pt;vertical-align: middle; cursor:pointer; vertical-align: middle;}

div.pageing { text-align: center; line-height: 0pt;font-size: 0pt;margin-top: 30px;}
div.pageing > ul {}
div.pageing > ul > li { display: inline-block; *display: inline;*zoom: 1;margin-left: 2px;}
div.pageing > ul > li:first-child { margin-left: 0px; }
div.pageing > ul > li > a { display: inline-block;*display: inline;*zoom: 1; font-size: 12px; line-height: 1; padding:8px 0px 8px 0px; text-align: center; width:35px; background: #fff;color: #525a5d;border: 1px solid #9f9f9f;}
div.pageing > ul > li > span.cur { display: inline-block;*display: inline;*zoom: 1;line-height: 1;padding: 8px 0px 8px 0px;font-size: 12px;width: 35px ;background: #5d1c1c;  color: #fff; border: 1px solid #5a493f;}
div.pageing > ul > li > a.prev_f { width: 65px; }
div.pageing > ul > li > a.next_l { width: 65px; }
div.pageing > ul > li > a.prev { width: 40px;  }
div.pageing > ul > li > a.next { width: 40px; }

dl.board_view { font-size: 10pt; line-height: 1.6; }
dl.board_view > dt {  }
dl.board_view > dt.title { background: #262626;border: 1px solid #959595; color: #fff; font-weight: bold; padding: 18px 15px 19px 15px;line-height:1pt;font-size: 15px;position: relative;}
dl.board_view > dt > span.date { min-width: 100px; float:right;vertical-align: middle;  line-height: 1;font-size: 12px; position: absolute;right:0px;top:13px;}
dl.board_view > dt.write_info { border-bottom: 1px solid #6b6b6b; padding: 8px 0px 8px 15px;position: relative; }
dl.board_view > dt.write_info b { line-height: 1; position: relative;margin-left: 5px; font-weight: normal; color: #292929; }
dl.board_view > dt.write_info > span.count { position: absolute;right:33px; top:10px; color: #a5a5a5;font-size: 13px; }

dl.board_view > dd.textarea { padding: 35px 25px 150px 25px; color: #262626; line-height: 2; border-bottom: 1px solid #555; word-wrap: break-word;}


dl.board_view > dd.textarea img {  max-width:776px; }
dl.board_view > dd.textarea.event { padding-left:0px !important;padding-right:0px !important; padding-bottom: 20px !important; }
dl.board_view > dd.textarea.event img {  max-width:840px; }
/* 이벤트 업데이트 게시판에만 이미지 최대싸이즈 변경 */
div.section.pull-content div#left div.board_content dl.board_view > dd.textarea.event img { max-width: 838px; }

dl.board_view > dd.answer { padding:35px 25px 35px 100px ; position: relative;color: #444; border-bottom: 1px solid #555;border-top: 1px dotted #fff;margin-top: -1px;}
dl.board_view > dd.answer > span { display: inline-block;*display: inline;*zoom: 1;width: 75px; position: absolute;left:25px;top:35px;}
/* 글쓰기 */
dl.board_write {  border-top: 1px solid #6b6b6b; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt {  border-bottom: 1px solid #6b6b6b; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt ul {  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt ul li {  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt div {  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; }
dl.board_write > dt > span { display: inline-block;*display: inline;*zoom: 1; color:#262626; min-width: 65px;line-height: 1.2;margin-right: 20px;border-right: 1px solid #555; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt > input.text { padding:10px 0px 9px 10px; font-size: 12px; border: 1px solid #9f9f9f;color: #7f7f7f; width: 650px;vertical-align: middle;background: #fff; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt > input.text.type01 { width: 570px; margin-left: 5px; }
dl.board_write > dt > textarea[name=des] { width: 650px; vertical-align: middle; background: transparent;border: 1px solid #666; color: #7f7f7f; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
/*dl.board_write > dt.subject { font-size: 12px; padding:9px 0px 8px 10px;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt.subject > span { padding-left:10px;  }*/
dl.board_write > dt { font-size: 12px; padding:7px 0px 6px 20px;  -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
dl.board_write > dt > span { padding-left:10px;  }

dl.board_write > dt.etc { font-size: 12px; position: relative; color: #d7af8c;padding:7px 0px 6px 20px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
/*dl.board_write > dt.etc > select { font-size: 12px; }*/
dl.board_write > dt.etc  input[type=checkbox] { vertical-align: middle; }
dl.board_write > dt.etc label {color: #262626;}

dl.board_write > dt.etc > input#fileInput { padding:8px 0px 8px 10px; width: 620px;border: 1px solid #666;color: #000;}
dl.board_write > dt.etc > input.file_input_button { display:none; width: 103px;height: 31px;background: url(http://img.noxgame.kr/images/noxgame/cc/btn/btn_file_search.gif) 0 0 no-repeat;font-size: 0pt;line-height: 0pt; text-indent: -9999; border:none;position: absolute;right:0px;top:7px;z-index: 1;cursor:pointer;}
dl.board_write > dt.etc > input.file_input_hidden {
    width: 620px;
    padding:6px 0px 7px 0px;
    border: 1px solid #666;
    /*width: 75px;height: 28px; text-indent: -9999; border:none;position: absolute;right:29px;top:7px;display: inline-block;*display: inline;*zoom: 1;z-index: 98;
     -webkit-opacity:0 ; -moz-opacity:0 ; -ms-opacity:0 ; -o-opacity:0 ; opacity: 0; filter: alpha(opacity=0); cursor:pointer;*/
}

dl.board_write > dd.textarea { /*background: #444;*/ }

ul.img_list { font-size: 0pt;line-height: 0pt;  width: 856px;position: relative;left:-18px;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.img_list > li { width: 410px; /*border: 1px solid #555;*/ display: inline-block;*display: inline;*zoom: 1;margin-left: 18px; margin-bottom: 18px;vertical-align: top; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;border: 1px solid #000;}
ul.img_list > li > a { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 408px;max-height: 197px; overflow: hidden;background: #fff;text-align: center;line-height:180px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.img_list > li > a > img { width: 100%; vertical-align: middle; }
ul.img_list > li > a > span.best { color: #262626; background: #2d5bb3; font-size: 12px;line-height: 1.0;padding: 8px 0px; width: 65px;position: absolute;left:0px;top:0px;text-align: center;font-weight: bold;}
ul.img_list > li > a > div.subject { position: absolute; bottom:0px; left:0px; right:0px; height:38px;line-height: 1.6;}
ul.img_list > li > a > div.subject > span.text { color: #262626; line-height: 1.0; font-size: 14px;z-index: 3;position: relative; display: inline-block;*display: inline;*zoom: 1;margin: 10px 10px 10px 10px;width: 220px; height: 15px;overflow: hidden;}
ul.img_list > li > p { background: #fff; padding: 15px 15px; color: #262626;font-size: 13px;line-height: 1.0;border-top: 1px solid #262626;}
ul.img_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #262626;}

ul.gallery_list { font-size: 0pt;line-height: 0pt;  width: 856px; position: relative;left:-18px; display: block; margin-top: 20px;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
/*ul.gallery_list.best { font-size: 0pt;line-height: 0pt;  width: 860px;height: 342px; margin-left: -16px; display: block;background: url(http://cdn-img.kingkongsoft.kr/boss/bg/best_image.jpg) 0 0 no-repeat; padding: 60px 0px 17px 0px;margin-top: 0px;}*/
ul.gallery_list > li { width: 267px; height: 272px; border: 1px solid #262626; display: inline-block;*display: inline;*zoom: 1;margin-left: 18px; margin-bottom: 18px;vertical-align: top;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.gallery_list > li > a { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 265px;height:202px;max-height: 206px; overflow: hidden;background: #2e2e2e;text-align: center;line-height:170px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -ms-box-sizing: border-box !important;}
ul.gallery_list > li > a > img { width: 100%; vertical-align: middle; }
ul.gallery_list > li > a > span.best { font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/boss/icon/best.png) 0 0 no-repeat; width: 40px; height: 41px;position: absolute;left:0px;top:0px;text-align: center;font-weight: bold;}
ul.gallery_list > li > a > div.subject { position: absolute; bottom:0px; left:0px; right:0px; height:38px;line-height: 1.6;background: #000; background: rgba(0,0,0,40%);}
ul.gallery_list > li > a > div.subject > span.text { color: #fff; line-height: 1.0; font-size: 14px;z-index: 3;position: relative; display: inline-block;*display: inline;*zoom: 1;margin: 9px 10px 9px 10px;width: 220px; height: 15px;overflow: hidden;}
ul.gallery_list > li > p { background: #fff; padding: 7px 15px; color: #262626;font-size: 13px;line-height: 1.0;border-top: 1px solid #d5d5d5;}
ul.gallery_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #a5937b; vertical-align: middle; padding: 10px 0px 0px 0px; height:20px; position: relative;}
ul.gallery_list > li > p > b > i { position: absolute; left:0px; top:3px;  }
ul.gallery_list > li > p  i { font-style: normal; color: #e64a3b;  }
ul.gallery_list > li > p > span {float: right;}

div.board_content > p.line { line-height: 0pt;font-size: 0pt; border-top: 1px solid #9f9f9f; }

div.board_content > ul.update_list2 {  }
div.board_content > ul.update_list2 > li:first-child { padding-top: 0px;  }
div.board_content > ul.update_list2 > li { padding:0px 0px 0px 0px; position: relative;height: 122px;border: 1px solid #262626;background: #fff; margin-bottom: 20px;}
div.board_content > ul.update_list2 > li > div { padding:0px 0px 0px 320px;  }
div.board_content > ul.update_list2 > li > div > a { width: 492px; height: 26px; color: #000; overflow: hidden; display: block;margin-top: 30px;}
div.board_content > ul.update_list2 > li > div > a > img { position: absolute;left:5px; top:5px; width: 281px !important; height: 110px !important;}
div.board_content > ul.update_list2 > li > div > a > p { color: #000; font-size: 16px;font-weight: bold; position: relative;}
div.board_content > ul.update_list2 > li > div > a > p > span.count {font-size: 12px; color: #959595;font-weight: bold;}
div.board_content > ul.update_list2 > li > div > p.des { color: #959595; font-size: 14px;  line-height: 1.2;margin-top: 5px;height: 65px;}
div.board_content > ul.update_list2 > li > div > span.date { display: inline-block;*display: inline;*zoom: 1;font-size: 12px; color: #b3b3b3; vertical-align: middle}
div.board_content > ul.update_list2 > li > div > i { vertical-align: middle; margin-right: 10px;}



div.board_content > ul.gmtip_list { margin-left: -22px; width: 876px;}
/*div.board_content > ul.gmtip_list > li:first-child { padding-top: 0px;  }*/
div.board_content > ul.gmtip_list > li { padding:0px 0px 0px 0px; position: relative;width: 402px;height: 236px; display: inline-block;*display: inline;*zoom: 1;margin-left: 22px; margin-bottom: 28px;}
div.board_content > ul.gmtip_list > li > a {position: relative;height: 236px;display: block;width: 402px;}
div.board_content > ul.gmtip_list > li > a > span { position: absolute;bottom:0px; left:0px; right:0px; padding:10px 0px 10px 10px; background-color:rgba(0,0,0,0.5);color: #fff;font-size: 10pt;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
/*div.board_content > ul.gmtip_list > li > div { padding:0px 0px 0px 350px;  }
div.board_content > ul.gmtip_list > li > div > a { width: 412px; height: 70px; color: #fff; overflow: hidden; display: block; }
div.board_content > ul.gmtip_list > li > div > a > img { position: absolute;left:0px; top:28px; width: 320px; height: 150px;}
div.board_content > ul.gmtip_list > li > div > a > p { color: #fff; font-size: 24px;font-weight: bold; margin-top: 42px;  }
div.board_content > ul.gmtip_list > li > div > p.des { color: #a0a0a0; font-size: 14px;  line-height: 1.2;margin-top: 5px;height: 65px;}
div.board_content > ul.gmtip_list > li > div > span.date { display: inline-block;*display: inline;*zoom: 1;font-size: 14px; color: #707070; }*/


div.btn_box { margin: 25px 0px 10px 0px; text-align:right; line-height: 0pt;font-size: 0pt;position: relative;}
div.btn_box a { display: inline-block;*display: inline;zoom: 1; margin-left: 2px; color: #fff; font-size: 11pt;line-height: 1;}
div.btn_box > div.another { position: absolute;left:0px; line-height: 1.0;}

div.btn_box > .btn {
    display: inline-block;*display: inline;*zoom: 1; padding:9px 4px 9px 4px; color: #111; line-height: 1; font-size: 14px; border: 1px solid #959595; background: #fff;  text-align: center; min-width:85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
}

div.btn_box > .btn.list { width: 34px !important;height: 34px !important; background: url(http://cdn-img.kingkongsoft.kr/boss/btn/btn_list.jpg) 0 0 no-repeat; min-width:0px; padding: 0px;font-size: 0pt;line-height: 0pt;border: none;vertical-align: top;}

div.btn_box > div.another > .btn.prev { display: inline-block;*display: inline;*zoom: 1; width: 34px; height: 34px; background: url(http://cdn-img.kingkongsoft.kr/boss/btn/btn_list_prev.jpg) 0 0 no-repeat; font-size: 0pt;line-height: 0pt; }
div.btn_box > div.another > .btn.next { display: inline-block;*display: inline;*zoom: 1; width: 34px; height: 34px; background: url(http://cdn-img.kingkongsoft.kr/boss/btn/btn_list_next.jpg) 0 0 no-repeat;  font-size: 0pt;line-height: 0pt; }


div.reply_write_box { position: relative; margin-top: 30px; /*margin-bottom: 30px;*/ padding: 25px; line-height: 1.6; font-size: 12pt;background: #f7f7f7;}
div.reply_write_box > textarea { width: 682px;padding:10px; background: #fff; border: 1px solid #cbcbcb; height:48px;vertical-align:middle;color: #000;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
div.reply_write_box > input.submit { width: 98px; padding: 22px 0px 23px 0px; display: inline-block;*display: inline;*zoom: 1; border:none;vertical-align: middle;cursor:pointer; background: #fff; font-size: 12pt;line-height: 1pt;color: #262626;font-weight: bold;font-family: 'NanumSquare';vertical-align:middle;letter-spacing: -1px;border: 1px solid #d0d0d0;}
p.reply_count { color: #000; margin-bottom: 5px; }
p.reply_count > img { vertical-align: middle; }
p.reply_count > b { vertical-align: middle;color: #000; font-weight: normal;}
ul.reply_list { border-top: 1px solid #6b6b6b; }
ul.reply_list > li { padding:20px 0px 18px 20px; border-bottom:1px solid #6b6b6b; position: relative;color: #707070;}
ul.reply_list > li > span.writer { display: inline-block;*display: inline;*zoom: 1; margin-right: 10px;font-size: 10pt; font-weight: bold;vertical-align: middle;color: #292929;}
ul.reply_list > li > span.writer > img { height: 30px; }
ul.reply_list > li > span.date {  display: inline-block;*display: inline;*zoom: 1; font-size: 12px; letter-spacing: -1px; vertical-align: middle;margin-right: 10px;color: #a0a0a0;}
ul.reply_list > li > span.func_btn { position: absolute; right:0px; top:25px; }
/*ul.reply_list > li > span.func_btn > img.re_btn { vertical-align: top; cursor:pointer;}*/
ul.reply_list > li > span.func_btn > a.re_btn { vertical-align: top; font-size: 9pt;color: #a0a0a0;}
ul.reply_list > li > span.func_btn > a.del_btn { vertical-align: top; font-size: 9pt;color: #a0a0a0;}
ul.reply_list > li > span.func_btn > a  { vertical-align: top; }
ul.reply_list > li > span.func_btn > a > img { vertical-align: top; }
ul.reply_list > li > span.func_btn > b { font-size: 8pt; color: #a0a0a0; vertical-align: middle;margin: 0px 3px 0px 3px;}


ul.reply_list > li > p { font-size: 10pt; margin-top: 5px; padding-right: 20px;line-height: 12pt;word-wrap: break-word;color: #262626;}
ul.reply_list > li.depth { padding-left: 45px; }
/*ul.reply_list > li.depth a.del_btn { overflow: hidden;display: inline-block;*display: inline;*zoom: 1;width: 42px;height: 13px;}
ul.reply_list > li.depth a.del_btn > img { margin: -2px; }*/
ul.reply_list > li.depth a.del_btn { vertical-align: top; font-size: 9pt;color: #a0a0a0; }

ul.reply_list > li > span.reply_icon2 { display: inline-block;*display: inline;*zoom: 1;width: 14px;  height: 14px; background: url(http://cdn-img.kingkongsoft.kr/boss/icon/btn_reply.png) 0 0 no-repeat;position: absolute;left:20px;top:22px; margin-right: 5px;}
ul.reply_list > li.reply_write {  }
ul.reply_list > li.reply_write > img { vertical-align: top;margin-right: 5px; }
ul.reply_list > li.reply_write > textarea { vertical-align: middle; padding:5px; height: 37px; width: 640px; border: 1px solid #d0d0d0; background: #fff;color: #000;font-size: 10pt;line-height: 1.6;margin: -1px 2px 0px 0px;}
ul.reply_list > li.reply_write > input.reply_reg { width: 98px; padding: 18px 0px 17px 0px; display: inline-block;*display: inline;*zoom: 1; border:none;vertical-align: middle;cursor:pointer; background: #fff; font-size: 11pt;line-height: 1pt;color: #262626;border: 1px solid #d0d0d0;font-weight: bold;font-family: 'NanumSquare'vertical-align:middle; }

.ready_box {
    position: relative;
    text-align: right;
}
.ready_box > p { font-size: 26pt; font-weight: 900; color: #fff;  position: absolute;left:62px; top:111px; }
.ready_box > img {width: 100%;}

div.movie_area { height:472px; }

div.media_box { border-top: 1px solid #555; margin-top: 30px; }
div.media_box > ul.media_list { font-size: 0pt; line-height: 0pt;  padding: 30px 0px 15px 0px;margin-left: -11px;}
/*div.media_box > ul.media_list > li:first-child { margin-left: 0px; }*/
div.media_box > ul.media_list > li { display: inline-block;*display: inline;*zoom: 1; width: 270px; position: relative; margin-bottom: 18px; vertical-align: top; text-align: center;margin-left: 11px;}
div.media_box > ul.media_list > li > a { display: inline-block;*display: inline;*zoom: 1;width: 270px; position: relative;}
div.media_box > ul.media_list > li > a > img.thum { width: 270px; height: 200px; }
div.media_box > ul.media_list > li > a > img.best_icon { position: absolute;left:0px; top:0px; }
div.media_box > ul.media_list > li > a > p { position: absolute; bottom:0px; left:0px; right:0px; height: 38px;}
div.media_box > ul.media_list > li > a > p > span.op {
    background: #000;
     -webkit-opacity:0.7 ;
    -moz-opacity:0.7 ;
    -ms-opacity:0.7 ;
    -o-opacity:0.7 ;
    opacity: 0.7;
    filter: alpha(opacity=70);
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index:0;
}
div.media_box > ul.media_list > li > a > p > b { color: #fff; font-size: 10pt;line-height: 1.6; position: absolute;z-index: 3; height: 22px; width: 220px; top:8px; left:10px; overflow: hidden;}
div.media_box > ul.media_list > li > b { display: block; font-size: 9pt;line-height: 1.4; padding: 15px 0px 5px 10px; position: relative; min-height: 15px;}
div.media_box > ul.media_list > li > b > img { height:25px; position: absolute;left:3px; top:9px; }
div.media_box > ul.media_list > li > span { display: block;font-size: 9pt;line-height: 1.4; padding: 5px 0px 0px 10px; margin-bottom: 10px;}
div.media_box > ul.media_list > li > span > b { color: #999; display: inline-block;*display: inline;*zoom: 1;font-size: 9pt; vertical-align: middle; height: 10px; margin: 0px 5px 0px 6px; line-height: 0.7;}

div.board_content > ul.update_list { border-top: 2px solid #707070; border-bottom: 1px solid #9f9f9f;}
div.board_content > ul.update_list > li:first-child { padding-top: 0px;  }
div.board_content > ul.update_list > li { padding:0px 20px 20px 20px; position: relative;height: 208px;  border-top: 1px solid #eeeeee; }
div.board_content > ul.update_list > li > div { padding:0px 0px 0px 350px;  }
div.board_content > ul.update_list > li > div > a { width: 412px; height: 70px; color: #fff; overflow: hidden; display: block; margin-bottom: 15px;}
div.board_content > ul.update_list > li > div > a > img { position: absolute;left:0px; top:28px; width: 350px; height: 150px;}
div.board_content > ul.update_list > li > div > a > p { color: #333; font-size: 24px;font-weight: bold;   }
div.board_content > ul.update_list > li > div > p.des { color: #a0a0a0; font-size: 14px;  line-height: 1.2;margin-top: 5px;height: 65px;}
div.board_content > ul.update_list > li > div > span.date { display: inline-block;*display: inline;*zoom: 1;font-size: 14px; color: #707070; }



div.page_tab_contents.newbie { position: relative;  }
div.page_tab_contents.newbie > div.download_box { position: absolute;  }
div.page_tab_contents.newbie > div.type01 { font-size: 0pt; line-height: 0pt; top:297px;left:111px;}
div.page_tab_contents.newbie > div.type01 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 94px;}
div.page_tab_contents.newbie > div.type01 > a:first-child { margin-left: 0px;  }
div.page_tab_contents.newbie > div.type02 { font-size: 0pt; line-height: 0pt; top:611px;left:111px; }
div.page_tab_contents.newbie > div.type02 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 94px;}
div.page_tab_contents.newbie > div.type02 > a:first-child { margin-left: 0px;  }

div.page_tab_contents.newbie > div.type03 { font-size: 0pt; line-height: 0pt; top:334px;left:49px; }
div.page_tab_contents.newbie > div.type03 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 125px;}
div.page_tab_contents.newbie > div.type03 > a:first-child { margin-left: 0px;  }
div.page_tab_contents.newbie > div.toon_image {  }
div.page_tab_contents.newbie > div.toon_image > img { display: block;width:797px; margin-bottom: 10px;border: 3px solid #fff;}

div.gallery_box { font-size: 0pt;line-height: 0pt; }
div.gallery_box > div.grid { width: 856px;  margin-left: -18px;}
div.gallery_box > div.grid > div.grid-item {margin-left: 18px;width: 410px;height: 250px;display: inline-block;*display: inline;*zoom: 1;position: relative;margin-bottom: 20px;overflow: hidden;}
div.gallery_box > div.grid > div.grid-item > a.download {position: absolute;right:15px;bottom:15px;width: 32px;}
div.gallery_box > div.grid > div.grid-item > a.download > img {width: 100%;}

div.model_box { font-size: 0pt;line-height: 0pt; }
div.model_box > div.grid { width: 845px;  margin-left: -20px;}
div.model_box > div.grid > div.grid-item {margin-left: 20px;width: 260px;height: 230px;display: inline-block;*display: inline;*zoom: 1;position: relative;margin-bottom: 20px;}
div.model_box > div.grid > div.grid-item > a.download {position: absolute;right:15px;bottom:15px;width: 32px;}
div.model_box > div.grid > div.grid-item > a.download > img {width: 100%;}

div#right a.buy_gold_btn {display: block;margin-bottom: 10px;}



div.page_tab_contents > h4 {line-height: 1; margin-left: 25px;}
div.page_tab_contents > img.arrow { position: absolute; top:670px; cursor: pointer;}
div.page_tab_contents > img.left { left:15px; }
div.page_tab_contents > img.right { right:15px; }
div.page_tab_contents.boss > img.arrow { position: absolute; top:380px; cursor: pointer;}
div.page_tab_contents.boss > img.left { left:10px; }
div.page_tab_contents.boss > img.right { right:10px; }

h5.faq_title {font-size: 13pt; line-height: 1.6; padding: 8px 0px 8px 20px;color: #fff;background: #565656;border: 1px solid #414e5e;font-weight: bold;}
div.faq_list {font-size: 12pt;line-height: 1.6;}
div.faq_list { }
div.faq_list > dl {border-bottom: 1px solid #ddd;}
div.faq_list > dl > dt { padding: 6px 0px 6px 0px; color: #262626;font-size: 11pt;font-weight: bold; cursor: pointer;position: relative;}
div.faq_list > dl > dt:after {content:"";width: 13px; height: 7px; position: absolute; right:20px; top:15px;line-height: 1;font-weight: bold;background: url(http://cdn-img.kingkongsoft.kr/boss/icon/down_arrow.png) 0 0 no-repeat;}
div.faq_list > dl > dt.on:after {content:"";width: 13px; height: 7px; position: absolute; right:20px; top:15px;line-height: 1;font-weight: bold;background: url(http://cdn-img.kingkongsoft.kr/boss/icon/up_arrow.png) 0 0 no-repeat;}

div.faq_list > dl > dt > span {color: #a5937b;font-size: 12pt;font-weight: bold;display: inline-block;*display: inline;*zoom: 1;width: 160px;text-align: center;}
div.faq_list > dl > dt.on { background: #a5937b; color: #fff ;font-weight: bold;}
div.faq_list > dl > dt.on > span {color: #fff;font-size: 11pt;font-weight: bold;}
div.faq_list > dl > dd { padding: 25px 60px; background: #eeeeee; font-size: 10pt;color: #313131;line-height: 1.6;display:none;}

div.movi_box { width: 700px; height: 380px;  }

div.buy_content { overflow: hidden; }
div.buy_content.cash { padding-left: 15px; }
div.buy_content > h3 { color: #000; font-size: 11pt;font-weight: bold; margin-bottom: 10px;}
div.buy_content > h3 > img { vertical-align: middle; margin-top: -1px; margin-right: 2px;}
div.buy_content > ul.cash_info { border: 1px solid #b5b5b5; position: relative;padding:28px 0px 27px 20px; margin-bottom: 30px;}
div.buy_content > ul.cash_info > li:first-child { width: 0px; }
div.buy_content > ul.cash_info > li:first-child > a { position: absolute;right: 30px; top:50%; margin-top: -18px;}
div.buy_content > ul.cash_info > li { display: inline-block;*display: inline;*zoom: 1; font-size: 11pt; color: #fff;width: 270px;}
div.buy_content > ul.cash_info > li > span { font-weight: bold; color: #d6d6d6;}


div.buy_content > div.gold_select { font-size: 0pt;line-height: 0pt;width: 800px; margin-bottom: 30px;margin-left: -5px;}
div.buy_content > div.gold_select > label { width: 155px;height: 155px; position: relative; display: inline-block;*display: inline;*zoom: 1; margin: 0px 0px 6px 5px;vertical-align: top; /*background-size:100%;*/}
div.buy_content > div.gold_select > label > input { display:none; }
div.buy_content > div.gold_select > label > b {position: absolute; top:0px;right:0px;bottom:0px;left:0px; border: 1px solid #959595; background-color: rgba(0,0,0,0.1);}
div.buy_content > div.gold_select > label:hover > b {display: block; background-color: rgba(251,251,251,0.30); border: 2px solid #d21e00;}
div.buy_content > div.gold_select > label.hover > b {display: block; background-color: rgba(251,251,251,0.30); border: 2px solid #d21e00;}

div.buy_content > div.gold_select > label.gold25000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_01.png) 50% 35% no-repeat;}
div.buy_content > div.gold_select > label.gold20000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_02.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold15000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_03.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold10000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_04.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold8000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_05.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold5000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_06.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold3000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_07.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold2500 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_08.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold1500 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_09.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold1000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_10.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold500 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_11.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold300 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_12.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold250 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_13.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold150 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_14.png) 50% 35% no-repeat; }

/*div.buy_content > div.gold_select > label.gold50 { background-image: url(http://cdn-img.kingkongsoft.kr/god/shop/box_1_1.jpg) ; }*/


div.buy_content > div.gold_select > label > i { position: absolute; left:0px; bottom:25px; width: 155px;  font-size: 13px;font-weight: bold;line-height: 1.2; text-align: center;padding:4px 0px 4px 0px; color: #fff;font-style: normal;font-family: 'NanumSquare'}
div.buy_content > div.gold_select > label > span { position: absolute; left:0px; bottom:8px; width: 155px;  font-size: 12px;font-weight: bold;line-height: 1.2; text-align: center;padding:4px 0px 4px 0px; color: #ff2400;}

div.buy_content > ul.gold_info { border: 1px solid #b5b5b5; position: relative;padding:15px 0px 15px 20px; margin-bottom: 30px;}
div.buy_content > ul.gold_info > li { display: inline-block;*display: inline;*zoom: 1; font-size: 10pt; color: #ff9f72;letter-spacing: -1px;margin: 0px 18px 10px 0px; ;min-width: 349px;}
div.buy_content > ul.gold_info > li > span { font-weight: normal; color: #fff;}
div.buy_content > ul.gold_info > li > u { font-style: normal; margin-left: 5px; text-decoration: none;color: #fff;}
div.buy_content > ul.gold_info > li > img { vertical-align: middle; margin-top: -2px;margin-right: 5px;}

div.buy_content > ul.coution > li { font-size: 10pt; color: #000; font-weight: normal; }


div.buy_content a.cash_btn { display: inline-block;*display: inline;*zoom: 1;background: #fff; text-align: center; min-width: 90px; padding: 6px 0px 6px 0px; color: #594840;font-weight: bold; border: 1px solid #b5b5b5; font-size: 10pt;line-height: 1.6;}
div.buy_content a.charge_btn { display: inline-block;*display: inline;*zoom: 1;background: #a5937b; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #fff;font-weight: bold; border: 1px solid #847f7a;font-size: 10pt;line-height: 1.6;}
div.buy_content a.gift_gold_btn { display: inline-block;*display: inline;*zoom: 1;background: #bb1219; text-align: center; min-width: 125px; padding: 6px 0px 6px 0px; color: #fff;font-weight: bold; border: 1px solid #8a2e32;font-size: 10pt;line-height: 1.6;margin-left: 10px;}
div.buy_content p.btn_box { text-align: center; margin: 15px 0px;  }
select#server_key { width: 200px; font-size: 11pt; font-weight: bold; padding: 5px 0px;}

div.swordinfo {position: relative;}
div.swordinfo div.job_content_layer { position: absolute; left: 0px;right:0px;top:0px;bottom:0px;z-index: 2;}

div.swordinfo ul.job_tab {height: 53px; position: absolute;top:0px;left:30px;z-index: 4;}
div.swordinfo ul.job_tab.sub {height: 100px; position: absolute;top:100px;left:30px;z-index: 4;}
div.swordinfo ul.job_tab > li { display: inline-block;*display: inline;*zoom: 1; margin-left: 30px;}
div.swordinfo ul.job_tab.sub > li { display: inline-block;*display: inline;*zoom: 1; margin-left: 15px;}
div.swordinfo ul.job_tab > li:first-child {margin-left: 0px;}
div.swordinfo ul.job_tab > li > a { position: relative;display: block;width: 184px; }
div.swordinfo ul.job_tab.sub > li > a { position: relative;display: block;width: 77px; }
div.swordinfo ul.job_tab > li > a > img {position: absolute;left:0px;top:0px;}
div.swordinfo ul.job_tab > li > a > img.on {display: none;}
div.swordinfo ul.job_tab > li > a:hover img.off { display: none; }
div.swordinfo ul.job_tab > li > a:hover img.on {display: block;}
div.swordinfo ul.job_tab > li > a.hover img.off { display: none; }
div.swordinfo ul.job_tab > li > a.hover img.on {display: block;}



div.swordinfo ul.job_tab_sub {height: 80px; position: absolute;top:100px;left:30px;z-index: 4;}
div.swordinfo ul.job_tab_sub > li { display: inline-block;*display: inline;*zoom: 1; margin-left: 15px;}
div.swordinfo ul.job_tab_sub > li:first-child {margin-left: 0px;}
div.swordinfo ul.job_tab_sub > li > a { position: relative;display: block;width: 77px; }
div.swordinfo ul.job_tab_sub > li > a > img {position: absolute;left:0px;top:0px;}
div.swordinfo ul.job_tab_sub > li > a > img.on {display: none;}
div.swordinfo ul.job_tab_sub > li > a:hover img.off { display: none; }
div.swordinfo ul.job_tab_sub > li > a:hover img.on {display: block;}
div.swordinfo ul.job_tab_sub > li > a.hover img.off { display: none; }
div.swordinfo ul.job_tab_sub > li > a.hover img.on {display: block;}
div.swordinfo ul.job_tab_sub > li > span {display: block;text-align: center;margin-top: 75px;}


div.page_tab_contents {height: 100%;position: relative;}

div.page_tab_contents > div.character {display: inline-block;*display: inline;*zoom: 1;width: 48%;margin-left: -1%;text-align: center;margin-top: 170px;}
div.page_tab_contents > div.character:first-child {margin-left: 0px;}
div.page_tab_contents > div.character div.image {margin-bottom: 30px;}

div.page_tab_sub > div.character {height: 100%;position: relative;}
div.page_tab_sub > div.character div.image { display: inline-block;*display: inline;*zoom: 1; position: absolute; left:10px;top:190px;}
div.page_tab_sub > div.character div.skills { display: inline-block;*display: inline;*zoom: 1; position: absolute;right:10px;top:260px;}

img.remote_image {margin-top:10px;background: #fff;width: 836px;}


div.rp_info {position: relative;border: 1px solid #696969;padding: 10px 30px 10px 30px;margin-bottom: 13px;}
div.rp_info > span {font-size: 16pt; font-weight: 900;color: #000;vertical-align: middle; font-family: serif;}
div.rp_info > b {font-weight: 900;width: 120px;text-align: center;font-size: 26pt;color: #000;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-family: cursive;}

ul.rp_item_list { width: 850px; margin-left: -10px;margin-bottom: 50px;}
ul.rp_item_list > li { border: 1px solid #696969; text-align: center; width: 202.4px; margin-left: 10px; margin-bottom: 10px; display: inline-block;*display: inline;*zoom: 1;font-size: 10pt;line-height: 1.6;padding: 15px 0px 15px 0px; background: #fff;}
ul.rp_item_list > li > img {width: 110px;border: 0px solid #4c4c4c;}
ul.rp_item_list > li > span.rp_point {display: block;color: #fff;font-size: 10pt;font-weight: bold; border: 1px solid #696969;
  width: 55px;
  background: #4e4e4e;
  margin: 0px auto 10px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
ul.rp_item_list > li > span.name {display: block;color: #000;font-size: 10pt;font-weight: bold; margin:5px 0px 5px 0px;}
ul.rp_item_list > li > a.change_btn { display: block;width:84px;height: 23px; font-size: 10pt;line-height: 1.6;margin: 0px auto;color: #fff;
  border: 1px solid #4e4e4e;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #8e8e8e;
}

ul.rp_item_list > li > a#change_rp {background: #000;}
ul.rp_item_list > li > a.change_btn.entry {background: #bd3030 !important;}
ul.rp_item_list > li > a.change_btn.entry2 {background: #2330cc !important;}
ul.rp_item_list > li.empty_item {display: block;width: 826px; color: #fff;font-size: 16pt;padding: 30px 0px;}

div.rp_banner {margin-bottom: 13px;}
div.rp_banner > a {border: 1px solid #696969;display: inline-block;*display: inline;*zoom: 1;margin-left: 11px;}
div.rp_banner > a > img {width: 413px;}
div.rp_banner > a:first-child {margin-left: 0px;}
div.rp_banner > a.left {  }
div.rp_banner > a.right {  }