@charset "utf-8";

@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nanumsquare {
    font-family: 'NanumSquare', sans-serif !important;
}
/*@font-face{
  font-family:'bitbit';
  src:url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff'),url('//cdn.df.nexon.com/img/common/font/DNFBitBit-Regular.woff2') ;
}*/

/*@font-face {
    font-family: 'Shilla_CultureB-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2206-02@1.0/Shilla_CultureB-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}*/

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

body {min-width: 1320px; background: #000  url(http://cdn-img.kingkongsoft.kr/kof/bg/bg1.jpg) 50% 0 repeat-y;
    background-attachment: fixed;
}
body.day1 { background: #000  url(http://cdn-img.kingkongsoft.kr/kof/bg/bg1.jpg) 50% 0 repeat-y; background-attachment: fixed;}
body.day2 { background: #000  url(http://cdn-img.kingkongsoft.kr/kof/bg/bg2.jpg) 50% 0 repeat-y; background-attachment: fixed;}
body.day3 { background: #000  url(http://cdn-img.kingkongsoft.kr/kof/bg/bg1.jpg) 50% 0 repeat-y; background-attachment: fixed;}
body.day4 { background: #000  url(http://cdn-img.kingkongsoft.kr/kof/bg/bg2.jpg) 50% 0 repeat-y; background-attachment: fixed;}
body.day5 { background: #000  url(http://cdn-img.kingkongsoft.kr/kof/bg/bg1.jpg) 50% 0 repeat-y; background-attachment: fixed;}




/*body.sub {background: none;}*/

#wrap {  position: relative;}
#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[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;
}

@keyframes  fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes  fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes  show_rightway {
    0% { right: -100%; }
    100% { right: 5%; }
}

@keyframes  show_leftway {
    0% { left: -100%; }
    100% { left: 0%; }
}

div#container {width: 1300px;margin:0px auto;position: relative;min-height: 1430px;overflow: hidden;}
/*div#container div.header { width: 275px; position: absolute;left:0px;top:0px;bottom:0px;padding: 0px 0px;z-index: 99;overflow: hidden;}*/

div#container div.header { width: 275px; position: fixed;top:0px;bottom:0px;padding: 0px 0px 0px 0px;z-index: 99;overflow-y:scroll; overflow-x: hidden;z-index: 101;background: #fff;}
div#container div.header.header_fix { width: 275px; position: absolute;left:0px;top:0px;bottom:0px;  z-index: 99;overflow: hidden;}
div#container div.body { margin-left: 275px;background: #fff; min-height:1430px;border-left: 1px solid #ddd; padding: 30px 29px 254px 29px;}
/*div#container div.body { margin-left: 275px;background: #fff; min-height:1430px;border-left: 0px solid #ddd; padding: 0px 0px 254px 0px;}*/
body.main div#container div.body { margin-left: 275px;background: #fff; min-height:1430px;border-left: 1px solid #ddd; padding: 0px 0px 254px 0px;}


div#container div.header::-webkit-scrollbar{width:2px;}
div#container div.header::-webkit-scrollbar-track{background-color:rgba(255,255,255,1)}
div#container div.header::-webkit-scrollbar-thumb{background:rgba(30,30,30,0.3);border-radius:7px;}

div#container div.header::-webkit-scrollbar-button:start:decrement{height:0;background:#ddd;}
div#container div.header::-webkit-scrollbar-button:end:increment{height:0;background:#ddd;}






div#container div.header > h1.logo {display:flex;
    background: rgb(66,217,255);
    background: linear-gradient(100deg, rgba(66,217,255,1) 0%, rgba(38,103,222,1) 100%);

    position: relative;height: 256px;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box; box-sizing: border-box !important;-ms-box-sizing: border-box; flex-direction: column; justify-content: flex-end; align-items: center;padding-bottom: 30px;
    transition:height 0.3s; -weibit-transition:height 0.3s;
}
div#container div.header.header_fix > h1.logo {height: 257px !important;}


div#container div.header > h1.logo.ch.m-heigh {height: 294px;transition:height 0.3s; -weibit-transition:height 0.3s;}
div#container div.header > h1.logo.ch.t-heigh {height: 365px;transition:height 0.3s; -weibit-transition:height 0.3s;}
div#container div.header > h1.logo> a {display: inline-block;*display: inline;*zoom: 1;width: 170px;
    -webkit-border-radius:85px ;
    -moz-border-radius:85px ;
    -ms-border-radius:85px ;
    -o-border-radius:85px ;
    border-radius:85px ;
    overflow: hidden;
}
div#container div.header > h1.logo> a > img {width: 100%;}
div#container div.header > h1.logo > div.title_text {font-size: 17pt;margin-bottom: 0px;font-family: "GmarketSansBold";text-align: center;margin-top: 15px;color: #fff;}

/* fliper */
@keyframes  flippers {
    0% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    50% {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }
    100% {
        -webkit-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -o-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
}
div#container div.header > h1.logo> a.flip-container {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;
}
.flip-container, .front, .back {
    width: 100px;
    height: 100px;
}
.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;

    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;

  -o-transition: 0.6s;
    -o-transform-style: preserve-3d;

    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;

    animation: 10s ease 2.5s infinite normal none running flippers;
}
.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}
.front {
    background: url(http://cdn-img.kingkongsoft.kr/lvup/icon/icon_lvup.png) 0 0 no-repeat;
    z-index: 2;
}
.back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
    transform: rotateY(180deg);

    background: #f8f8f8;
}



    /*.flip-container:hover .flipper,
  .flip-container.hover .flipper {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }*/

/*div#container div.header > h1.logo> a img.qr {width: 100px;}

div#container div.header.online > h1.logo {padding-bottom: 50px;}
div#container div.header.online > h1.logo > div.title_text {font-size: 11pt;}*/


div.body div.mobile_app_banner {position: absolute; width: 0px;height: 0px;right:0px;top:17px;}
div.body div.mobile_app_banner > div.fixed {position: fixed;}

div.body div.mobile_app_banner div.float_event {position: relative;}

div.body div.mobile_app_banner div.square_zone { width: 238px;height: 306px; position: relative;}
div.body div.mobile_app_banner div.square_zone > a {position: absolute;left:50%;transform: translateX(-50%);}
div.body div.mobile_app_banner div.square_zone > a.google {top:16px;}
div.body div.mobile_app_banner div.square_zone > a.apple {top:87px;}
div.body div.mobile_app_banner div.square_zone > a.onestore {top: 158px;}
div.body div.mobile_app_banner div.square_zone > a.galaxy {top: 229px; }




/*div.body div.mobile_app_banner a.exp_banner { position: fixed; top:631px; }*/

/*div#container div.header > div.mobile_app_banner > div.square_zone > a.go_prev_event {bottom: -87px;;left:-4px;}*/


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;}
/*a.ongate_login > img { width: 220px; }*/

div.login_box {display: inline-block;*display: inline;*zoom: 1; line-height: 1.6;/*min-height: 100px;*/min-height: 141px;background: #e5e5e5;padding: 25px 26.5px 25px 26.5px;}
div.login_box form {font-size: 0pt;line-height: 0pt;}
div.login_box > h3 { font-size: 24px; color: #000; font-weight: 600; margin-bottom: 20px; position: relative; text-align: center;display: none;}
/*div.login_box img.line {display: block;margin: 25px auto 25px auto;}*/

div.login_box div.reg_input { position: relative; margin-bottom: 0px; font-size: 0pt;line-height: 0pt;}
div.login_box div.reg_input > input.text { background: #fff; font-size: 13px; padding:3px 0px 3px 5px; color: #bbb; width: 222px;border: 1px solid #a7a7a7;margin-bottom: 2px;}
div.login_box div.reg_input > input.text::placeholder { color: #b6b6b6; }
div.login_box div.reg_input > input.login_btn { font-family: 'GmarketSansBold'; color: #fff; font-weight: bold; width: 222px;border: 0px solid #000;line-height: 1.6;cursor:pointer;background: #2667de;font-size: 10pt;padding: 5px 0px 0px 0px;margin-bottom: 1px;}

div.login_box a.join { display: inline-block;*display: inline;*zoom: 1;font-size: 10pt;line-height: 1.6;background: #000;color: #fff;text-align: center;width: 222px; padding: 5px 0px 0px 0px;font-family: 'GmarketSansBold';}

div.login_box p.short_link { font-size: 13px; color: #c6c6c6; line-height: 1.6;vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;margin-top: 3px;}
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 {display: block;margin: 6px 0px 3px 0px;text-align: center;}
div.login_box.online p.short_link > a {font-size: 10pt;line-height: 0pt;margin: 3px 3px 0px 3px !important;color: #282828;}
div.login_box p.short_link > a:first-child {margin-left: 0px !important;}
div.login_box p.btn_box { line-height: 1.0; text-align: center; margin-top: 1px;}


div.login_box p.social_login { line-height: 0;font-size: 0pt; text-align: center; margin: 0px 0px 0px -3px; margin-top: 2px; display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;text-align: right;width: 106px;}

div.login_box p.social_login .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/pa/web/btn/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 .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/pa/web/btn/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: 30px;height: 30px;background: url(http://cdn-img.kingkongsoft.kr/pa/web/btn/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.online div.exp_info { color: #666;font-size: 10pt;position: relative;z-index: 3; text-align: center; letter-spacing: -1px;}
div.login_box.online div.exp_info > span.level {display: inline-block;*display: inline;*zoom: 1;width: 18%;}
div.login_box.online div.exp_info > b {font-weight: bold;color: #000;font-size: 12pt;vertical-align: middle;margin-left: 5px;}
div.login_box.online div.exp_info > span.level > img {width: 100%;vertical-align: middle;}

div.login_box div.mem_info { line-height: 1.6; font-size: 11pt;  margin-bottom: 0px;min-height: 53px;width: 222px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box; box-sizing: border-box !important;-ms-box-sizing: border-box;}
div.login_box div.mem_info > h3 { font-size: 20px; color: #000; font-weight: 900; margin: 10px 0px 0px 0px; position: relative;text-align: center;position: relative;line-height: 1.3;}
div.login_box div.mem_info > h3 > span { font-size: 15px; 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: 222px;font-size: 15px;background: #fff;border: 1px solid #747474; -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 > span { border: 1px solid #b9b9b9; background: #a5a5a5; color: #000; font-size: 14px;font-weight: bold; width: 187px; padding: 3px 0px 3px 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 div.mem_info > p.cash_info > span.cash_text { width: 222px; font-size: 15px;-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;font-size: 13pt;font-weight: bold;text-align: center;letter-spacing: -1px;margin-top: 5px;}
div.login_box div.mem_info > p.cash_info > span.exp_text { width: 222px; font-size: 15px;-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;font-size: 13pt;font-weight: bold;text-align: center;letter-spacing: -1px;margin-top: 5px;}
/*div.login_box div.mem_info > p.cash_info > a.cash_charge { background: #de9226; border: 1px solid #b06801; padding: 4px 0px 4px 0px;text-align: center; width:222px;color: #fff;font-size: 12pt;font-weight: 900; -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: 3px;}*/
div.login_box div.mem_info > p.cash_info > a.coupon { background: #2667de; border: 1px solid #d9e7ff; padding: 7px 0px 3px 0px;line-height: 1.6;text-align: center; width:222px;font-family: 'GmarketSansLight';color: #fff;font-size: 13px;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;}

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


/*div.login_box p.btn_box > a.agree { display: inline-block;*display: inline;*zoom: 1;width: 220px; font-size: 14px; padding: 6px 0px; font-weight: bold; background: #830101; color: #fff; border: 1px solid #600d0d;}*/
div.login_box p.btn_box > a.agree { background: #2667de; border: 1px solid #d9e7ff; padding: 7px 0px 3px 0px;line-height: 1.6;text-align: center; width:222px;font-family: 'GmarketSansLight';color: #fff;font-size: 13px;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;}


div.login_box p.btn_box > a.goldgift { display: inline-block;*display: inline;*zoom: 1;width: 222px; font-size: 14px; padding: 6px 0px 6px 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 a.logout_btn {position: relative; background: #444444; border: 1px solid #ddd; font-family: 'GmarketSansLight';padding: 7px 0px 3px 0px;text-align: center;width:222px;color: #fff;font-size: 13px;line-height: 1.6;-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;}


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

a.go_to_write {display: inline-block; background: rgba(0,0,0,0.8);width: 100%;text-align: center;}


div.app_link_box { text-align: center; background: #fff; padding: 30px 26.5px 30px 26.5px; }
div.app_link_box > a {margin-top: 3px;display: block;}

dl.nav_area {padding: 0px 26.5px 0px 26.5px;background: rgba(255,255,255,1);height: 150%;}
dl.nav_area dt { font-size: 11pt;color: #3e4249;font-weight: 900;padding: 10px 0px 10px 5px;position: relative;cursor: pointer;}
dl.nav_area dt::before {
   content: "";
   position: absolute;
   left:0px;
   right:0px;
   top:0px;
   border-top: 1px solid #e5e5e5;
}
dl.nav_area dt::after {
    content: "";
    width: 13px;
    height: 7px;
    position: absolute;
    right: 20px;
    top: 18px;
    line-height: 1;
    font-weight: bold;
    background: url(http://cdn-img.kingkongsoft.kr/boss/icon/up_arrow.png) 0 0 no-repeat;
    filter: invert(100%);
}
dl.nav_area dt.fold::after {
    content: "";
    width: 13px;
    height: 7px;
    position: absolute;
    right: 20px;
    top: 18px;
    line-height: 1;
    font-weight: bold;
    background: url(http://cdn-img.kingkongsoft.kr/boss/icon/up_arrow.png) 0 0 no-repeat;
    filter: invert(100%);
    transform: rotate(180deg);
}
dl.nav_area dt:hover {background: #ebedee;}
dl.nav_area dt > img {margin-right: 7px; vertical-align: middle;}
dl.nav_area dd {  margin-bottom: 25px;background: #f1f3f4;}
dl.nav_area dd a {color: #3e4249;font-family: 'Noto Sans KR'; padding: 10px 0px 10px 10px;display: block;}
dl.nav_area dd a:hover {background: #ebedee;}
dl.nav_area dt ul {margin-bottom: 30px;}
dl.nav_area dt ul li {margin-bottom: 5px;}
dl.nav_area dd ul li {margin-bottom: 0px;line-height: 1.6;position: relative;}
/*dl.nav_area dd ul li b {font-size: 8pt; color: red; display: inline-block; margin-left: 1px;position: absolute;right:0px;top:50%;transform: translateY(-50%);}*/
dl.nav_area dd ul li a > b { vertical-align: middle; }
dl.nav_area dd ul li a > b > img {vertical-align: middle;}
dl.nav_area dd span {vertical-align: middle;display: inline-block;*display: inline;*zoom: 1;width: 16%;margin-top: -10px;}
dl.nav_area dd span > img {width: 100%;}
dl.nav_area dd ul li a > b.naver_rounge {display: inline-block;*display: inline;*zoom: 1;width: 20px;height: 20px;background: url(http://cdn-img.kingkongsoft.kr/www/common/icon/ci_naverrounge.png) 0 0 no-repeat;background-size: cover;}
dl.nav_area dd ul li a > b.youtube {display: inline-block;*display: inline;*zoom: 1;width: 22px;height: 22px;background: url(http://cdn-img.kingkongsoft.kr/www/common/icon/ci_youtube.png) 0 0 no-repeat;background-size: cover;}
dl.nav_area dd ul li a > b.kakao_channel {display: inline-block;*display: inline;*zoom: 1;width: 22px;height: 22px;background: url(http://cdn-img.kingkongsoft.kr/www/common/icon/ci_kakaochannel.png) 0 0 no-repeat;background-size: cover;}
dl.nav_area dd ul li a > b.facebook {display: inline-block;*display: inline;*zoom: 1;width: 22px;height: 22px;background: url(http://cdn-img.kingkongsoft.kr/www/common/icon/ci_facebook.png) 0 0 no-repeat;background-size: cover;}

dl.nav_area dd a.btn_navi_cash {color: #fec783;font-weight: 900;}
div.section {position: relative;}
div.article {position: relative;}



ul.notice_list  {padding: 9px 0px 5px 0px; /*height: 187px;overflow-y: hidden;*/}
ul.notice_list > li { position: relative;padding:8px 0px 11px 0px;max-width: 457px;width: 100%;padding-right: 60px;border-bottom:1px solid #ddd;}
ul.notice_list > li > a { color: #333; /*width: 430px;*/ font-size: 11pt; height: 25px; display: block;overflow: hidden; vertical-align: middle;font-family: 'NanumSquare';}
ul.notice_list > li > i {color: #868686; font-style: normal;font-size: 10pt;position: absolute;right:0px;top:12px;}
ul.notice_list > li > b { color: #ababab; font-size: 13px; position: absolute; right:0px; top:1px; margin-right: 5px;}

div.notice_slide ul.notice_list  {padding: 8px 5px 5px 180px; overflow-y: hidden;}
div.notice_slide ul.notice_list > li { position: relative;width: 960px;height: 31px;margin-bottom: 0px; border: none;padding:8px 0px 7px 0px;}
div.notice_slide ul.notice_list > li > a { color: #fff; width: 805px; font-size: 14px; height: 31px; display: block;overflow: hidden; vertical-align: middle;}
div.notice_slide ul.notice_list > li > a:hover {color: #c89657;}
div.notice_slide ul.notice_list > li > i { display: none; color: #ddd; font-style: normal;font-size: 10pt;position: absolute;right:0px;top:10px;}


ul.notice_list > li > a > b { display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 11pt;color: #999; padding: 9px 0px 9px 0px; /*width: 70px;*/text-align: center; font-family: 'NanumSquare';font-weight: 900;}
ul.notice_list > li > a > b.notice { color: #de3c3a;    vertical-align: middle;}
ul.notice_list > li > a > b.event { color: #db902b;  vertical-align: middle; }
ul.notice_list > li > a > b.check { color: #de3c3a;  vertical-align: middle; }
ul.notice_list > li > a > b.open { color: #2e7cf4;  vertical-align: middle; }
ul.notice_list > li > a > b.update { color: #ab66b6;  vertical-align: middle;  }
ul.notice_list > li > a > b.guide { color: #499114;  vertical-align: middle;  }


div.notice_slide {background: url(http://cdn-img.kingkongsoft.kr/kof/bg/bg_notice_news.png) 0 0 no-repeat;width: 1000px;height: 50px;overflow: hidden; position: absolute;left:14px;bottom:13px;z-index: 99;}

div.section.banner {height: 872px;position: relative;background: url(http://cdn-img.kingkongsoft.kr/kof/bg/bg_top_content.jpg) 0 50% no-repeat; }
div.section.banner div.castter_box {position: absolute;left:0px;bottom:0px; z-index: 99;}
div.section.banner div.castter_box > p {font-size: 18pt;font-weight: bold;position: absolute;left:202px;bottom:96px;width: 522px;height: 21px;font-family: 'NanumSquare';overflow: hidden;}
div.rolling_box { width: 800px;height: 460px;z-index: 3; overflow: hidden; position: absolute;left:114px;top:95px;}
div.rolling_box div.rolling_list {width: 800px;font-size: 0pt;line-height: 0pt;}
div.rolling_box div.rolling_list > a { display: inline-block;*display: inline;*zoom: 1;}
div.rolling_box div.rolling_list > a:first-child {margin-left: 0px;}



div.rolling_box .bx-wrapper {position: relative; max-width: 966px !important;}
div.rolling_box .bx-wrapper .bx-wrapper {position: relative;}
div.rolling_box .bx-wrapper .bx-controls {position: absolute; bottom:9px;z-index: 99;text-align: center; padding: 0px; left:50%;transform: translateX(-50%);}
div.rolling_box .bx-wrapper .bx-controls .bx-default-pager {line-height: 1;font-size: 0pt; padding: 2px 5px 3px 5px;
    -webkit-border-radius:10px ;
    -moz-border-radius:10px ;
    -ms-border-radius:10px ;
    -o-border-radius:10px ;
    border-radius:10px ;
    background: rgba(255,255,255,50%);
}
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item {display: inline-block;*display: inline;*zoom: 1;margin-left: 5px;}
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item a {width: 10px;height: 10px;background: #fff;display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height: 0;
    -webkit-border-radius:5px ;
    -moz-border-radius:5px ;
    -ms-border-radius:5px ;
    -o-border-radius:5px ;
    border-radius:5px ;
}
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item a.active {background: red !important;}
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item:first-child {margin-left: 0px;}


div.float_banner { position: absolute;left:-225px;top:43px;width: 0px;height: 0px;}
div.float_banner > div.banner_box { position: fixed; display: inline-grid;}
div.float_banner > div.banner_box > a { margin-bottom: 3px; width: 225px; }
div.float_banner > div.banner_box > a > img {width: 100%;}
/*div.float_banner > div.banner_box > a.qrcode { pointer-events:none;}*/

/*div.sub div.float_banner { position: absolute;bottom:0px;z-index: 99; width: 1326px;left:50%;transform: translateX(-50%);}*/
/*div.float_banner > a {position: fixed;}*/
/*div.float_banner > a.banner_ingame_pop {top:211px;}
div.float_banner > a.tmp_float {top:61px;}*/



div.section.game {margin-bottom: 10px;}
div.game_start_area { position: relative;width: 966px;margin-top: -1px;}
div.game_start_area > a.btn_start { position: relative;/*height: 140px;*/height:117px; display: block;overflow-x: hidden;}
div.game_start_area > a.btn_start > img {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index: 1;width: 975px;}
div.game_start_area > a.btn_start > img.off {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:2;}
div.game_start_area > a.btn_start > img.on {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:3;opacity: 0;
    -webkit-transition: opacity 0.9s;
    -o-transition:opacity 0.9s;
    transition: opacity 0.9s;
}
div.game_start_area > a.btn_start:hover > img.on {display: block;
    -webkit-transition: opacity 0.7s;
    -o-transition:opacity 0.7s;
    transition: opacity 0.7s;
    opacity:100;
}

div.game_start_area > a.btn_start > video.off {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:2;width: 100%;}
div.game_start_area > a.btn_start > video.on {position: absolute;top:0px;left:50%;transform: translateX(-50%);z-index:3;
    /*display: none;*/
    opacity: 0;
    -webkit-transition: opacity 0.7s;
    -o-transition:opacity 0.7s;
    transition: opacity 0.7s;
}
div.game_start_area > a.btn_start:hover > video.on {
    /*display: block;*/
    -webkit-transition: opacity 0.9s;
    -o-transition:opacity 0.9s;
    transition: opacity 0.9s;
    opacity:100;
}

div.board_section {display:flex;flex-direction: row;justify-content: space-between;padding: 30px 25px 0px 25px;}

div.section.quickly_fn_box {display: flex;justify-content: space-around;margin-bottom: 25px;}
div.section.quickly_fn_box > a {display: inline-block;*display: inline;*zoom: 1;}

div.section.news {/*margin: 25px 0px 25px 0px;*/ /*height: 220px;*/padding: 0px;}
div.section.news div.article.noitce {width: 457px; height: 411px; overflow: hidden;padding: 0px 0px;margin-bottom: 15px;}
div.section.news div.article > h3 { font-size: 16pt;color: #000;font-weight: 900;border-bottom: 1px solid #cacaca; min-width: 461.84px;font-family: 'GmarketSansBold';line-height: 1.6;}

div.section.news div.article.character {width: 457px; height: 333px;padding: 0px 0px;font-size: 0pt;line-height: 0pt;position: relative;margin-top: 15px;}
div.section.news div.article.character div.character_list {width: 457px;height: 333px;overflow: hidden;}
/*div.section.news div.article.character > a {margin-left: 15px;}*/
/*div.section.news div.article.character > a:first-child {margin-left: 0px;}*/



div.section.boardinfo { position: relative; margin: 0px 0px 0px 0px; width: 457px;}
div.section.boardinfo > div.article { margin-bottom: 15px;}
div.section.boardinfo > div.article > h3 { font-size: 16pt;color: #000;margin-bottom: 10px;border-bottom: 1px solid #cacaca;font-weight: 900; font-family: 'GmarketSansBold';line-height: 1.6;/*border-bottom: 1px solid #cacaca;*/ position: relative;}
div.section.boardinfo > div.article > h3 > p {position: absolute;right:0px;bottom:2px;font-size: 10pt;color: #c4c4c4;}
div.section.boardinfo > div.article > h3 > p > a { font-size: 10pt; margin: 0px 3px; color: #c4c4c4; }
div.section.boardinfo > div.article > h3 > p > a:hover {color: #e5a780;}
div.section.boardinfo > div.article > h3 > p > a.on {color: #e5a780;}

div.article.main_gallery {}
div.article.main_gallery ul {font-size: 0pt;line-height: 0pt;display:flex;flex-direction: row; flex-wrap: wrap; justify-content: space-between;height: 366px;}
div.article.main_gallery ul li {display: inline-block;*display: inline;*zoom: 1;border: 1px solid #ededed; background: #000; font-size: 0pt;line-height: 0pt;margin-bottom: 5px;height: 115px;overflow: hidden;}
div.article.main_gallery ul li a { display: inline-block;*display: inline;*zoom: 1; width: 224px;height: 115px; position: relative; overflow: hidden;text-align: center;}
div.article.main_gallery ul li a > img {width: 100%;height: auto;position: relative;top:8px;}
div.article.main_gallery ul li a:hover > img { position: relative;transition: .3s ease;transform: scale(1.15);}











/*div.section.gallery_thum {margin-bottom: 15px;}
div.section.gallery_thum div.article > h3 { font-size: 15pt;font-weight: 900;border-bottom: 1px solid #cacaca; padding-bottom: 10px;margin-bottom: 10px;}
div.section.gallery_thum div.thum_list { position: relative;}

div.section.gallery_thum div.thum_list > a { display: inline-block;*display: inline;*zoom: 1; width: 201px; height: 112px; overflow: hidden;position: relative;  margin-left: 5px;}
div.section.gallery_thum div.thum_list > a:first-child {margin-left: 0px;}
div.section.gallery_thum div.thum_list > a > img {width: 100%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}
div.section.gallery_thum div.thum_list > a:hover > img {
    -webkit-transition: width 0.5s;
    -o-transition: width 0.5s;
    transition: width 0.5s;
    width: 125%;
 }*/


.footer { background: #151515;  min-height: 200px; padding: 0px 0px 15px 0px;position: absolute;bottom:0px;left:275px;right:0px;z-index: 100;}
.footer ul,
.footer ol { margin: 0px; padding: 0px; list-style: none;}

div.footer_top {  border-bottom: 1px solid #999; position: relative;}
div.footer_top > ul.site_info { width: 1224px; 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: 20px;  }
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_top > div.store {position: absolute;right:10px;top:7px;}

div.footer_bottom { width: 1224px; margin: 0px auto; padding-top: 30px; position: relative; }
div.footer_bottom > ul { width: 200px; 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;}*/
.king_mark { width: 150px; height: 30px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/kingkong/ci_kingkong_w_s.png) 0 0 no-repeat; background-size: 100%; font-size: 0pt;margin: 0px auto;}

h2.page_title { position: relative;font-size: 20px;font-family:  'Noto Sans KR'; font-weight: 900; color: #000; line-height: 1.0;z-index: 3;padding: 0px 15px 10px 0px; margin-bottom: 10px; letter-spacing: 2pt;vertical-align: middle;border-bottom: 1px solid #000;}
h2.page_title > a.home {display: inline-block;*display: inline;*zoom: 1;width: 28px;height: 28px;background: url(http://cdn-img.kingkongsoft.kr/kof/icon/icon_home.png) 0 0 no-repeat;background-size: cover;font-size: 0pt;line-height: 0pt;vertical-align: text-top;}
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 0px; min-height: 890px; line-height: 1.6; background: #fff;margin-bottom: 10px;}
h2.page_title > div.search_box {float:right;margin: -3px 0px 0px 0px;}
h2.page_title > a.btn {float:right;}

h3.sub_text { position: relative;font-size: 18px; font-weight: 600; color: #666; line-height: 1.0;z-index: 3;padding: 15px 0px;}

/* 2024.056.09 추가 */
ul.board_list {}
ul.board_list li {border-top: 1px solid #f0f0f0; position: relative; padding: 20px 0; display: table; width: 100%; }
ul.board_list li.list-none {border-top: 1px solid #f0f0f0; position: relative; padding: 20px 0; display: table; width: 100%; color: #999;text-align: center; font-size: 15px;}
ul.board_list li:last-child {border-bottom: 1px solid #f0f0f0;}
ul.board_list li > div.list_left {display: table-cell; padding-right: 15px; min-width: 609px; max-width: 609px; }
ul.board_list li > div.list_right {display: table-cell; max-width: 357px; vertical-align: middle;}

ul.board_list li > div.list_left > div.sbj {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: auto; }
ul.board_list li > div.list_left > div.sbj > b {font-family: "Noto Sans KR";display: inline-block;*display: inline;*zoom: 1;width: 70px;height: 25px;font-size: 0pt;line-height: 0pt;vertical-align: middle;text-align: center;
    border-radius: 5px;
    margin-right: 5px;
}
ul.board_list li > div.list_left > div.sbj > b.notice { background: #9f1c41;color: #fff;font-size: 13px; line-height: 1.8; }
ul.board_list li > div.list_left > div.sbj > b.event { background: #836d4c;color: #fff;font-size: 13px; line-height: 1.8;}
ul.board_list li > div.list_left > div.sbj > b.check { background: #4c8a82; color: #fff;font-size: 13px; line-height: 1.8; }
ul.board_list li > div.list_left > div.sbj > b.guide { background: #248603; color: #fff;font-size: 13px; line-height: 1.8; }
ul.board_list li > div.list_left > div.sbj > b.open { background: #30477d; color: #fff;font-size: 13px; line-height: 1.8; }
ul.board_list li > div.list_left > div.sbj > b.update { background: #000;color: #fff;font-size: 13px; line-height: 1.8; }
ul.board_list li > div.list_left > div.sbj > b.best { background: #329553;color: #fff;font-size: 13px; line-height: 1.8; }

ul.board_list li > div.list_left > div.sbj a {vertical-align: middle; font-weight: bold; font-size: 20px; color: #3e4249; }
ul.board_list li > div.list_left > div.cont {color: #a4a4a4; font-size: 14px; margin-top: 8px;}
ul.board_list li > div.list_left > div.cont > div.line {overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box;-webkit-line-clamp: 2;}
ul.board_list li > div.list_left > div.cont > div.line a {line-height: 20px;}
ul.board_list li > div.list_left > div.write_info {position: relative;margin-top: 4px;}
ul.board_list li > div.list_left > div.write_info > div.writer {position: relative;margin-top: 4px; font-size: 14px; display: inline-block; max-width: 140px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle;}
ul.board_list li > div.list_left > div.write_info > div.writer > img.lv_icon {width: 35px; vertical-align: text-top;margin-right: 5px;}
ul.board_list li > div.list_left > div.write_info > div.date {color: #a4a4a4;font-size: 14px;display: inline-block;vertical-align: text-top;margin-left: 5px;}
ul.board_list li > div.list_left > div.write_info > div.detail {display: inline-block; color: #7f7f7f; margin-left: 14px; height: 20px;vertical-align: text-top;}
ul.board_list li > div.list_left > div.write_info > div.detail > i {display: inline-block;*display: inline;*zoom: 1;background: url(http://cdn-img.kingkongsoft.kr/kof/icon/icon_eyes.png) 0 0 no-repeat;background-size: cover; width: 15px;height: 15px;filter: invert(0.7);vertical-align: middle;}
ul.board_list li > div.list_left > div.write_info > div.detail > span { vertical-align: text-top; }

ul.board_list li > div.list_right > a {position: relative; display: block; width: 357px; height: 154px; background-color: #f2f2f2; border: none; }
ul.board_list li > div.list_right > a > span {position: relative; width: 100%; height: 100%; display: block; background-position: 50% 50%; background-size: 100% auto; background-repeat: no-repeat; }




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.event::after { content: "";position: absolute;border-bottom: 1px solid #f0f0f0;left:0px;right:0px;bottom:-10px;}

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: #fff;font-size: 12pt;width: 125px;position: relative;z-index: 3;line-height: 1;background: #828282; border: 1px solid #717171;font-family: '"Noto Sans KR"';font-weight: 900;}
div.board_content > ul.tab.guide > li > a { width: 120px;  }
div.board_content > ul.tab > li > a:hover { color: #000;font-weight: bold;background: #f5f5f5;border: 1px solid #e0dedf;}
div.board_content > ul.tab > li > a.hover { color: #000;font-weight: bold; background: #f5f5f5;border: 1px solid #e0dedf;}

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 #e0dedf; font-family: "Noto Sans KR"}
table.board_table thead th { background: #f5f5f5; color: #000; font-size: 14px;text-align: center; padding: 16px 0px 15px 0px;border-bottom: 1px solid #e0dedf;font-family: "Noto Sans KR";font-weight: bold;}
table.board_table thead th:first-child {border-left: 1px solid #e0dedf;  }
table.board_table thead th:last-child {border-right: 1px solid #e0dedf;  }
table.board_table tbody th { text-align: center; font-family: "Noto Sans KR"; color: #000 !important; }
table.board_table tbody th,table.board_table tbody td { border-bottom: 1px solid #e0dedf;/*border-bottom: 1px solid #e4e4e4;*/ padding: 5px 0px 5px 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: "Noto Sans KR";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/kmh/web/icon/ico_board_01.png) 0 0 no-repeat; }
table.board_table tbody th b.event { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_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.guide { background: #248603; color: #fff;font-size: 13px; line-height: 1.8; }
table.board_table tbody th b.open { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_03.png) 0 0 no-repeat;  }
table.board_table tbody th b.update { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_02.png) 0 0 no-repeat;  }
table.board_table tbody th b.best { background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/ico_board_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: #000; display: block;width: 458px; height: 21px; padding-left:10px; vertical-align: middle; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-family: "Noto Sans KR";font-size:11pt ;}
table.board_table tbody td a.gmaw { color: #00e7ff; }
table.board_table tbody td { font-family: "Noto Sans KR"}
table.board_table tbody th { font-family: "Noto Sans KR"}
table.board_table tbody th img.lv_icon {width: 40px;vertical-align: bottom;margin-right: 2px;}

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: rgb(203 203 203 / 24%); }
table.board_table tbody tr.notice th,
table.board_table tbody tr.notice td {  padding: 3px 0px 3px 0px; font-family: "Noto Sans KR"}
table.board_table tbody tr.notice td > a { font-weight: bold;  font-family: "Noto Sans KR"}

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(228, 193, 160 , 0.25); }
table.board_table tbody tr.best th,
table.board_table tbody tr.best td {  padding: 3px 0px 3px 0px; font-family: "Noto Sans KR"}
table.board_table tbody tr.best td > a { font-weight: bold;  font-family: "Noto Sans KR"}

/*i.adicon { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt; background: url(http://cdn-img.kingkongsoft.kr/lvup/icon/ad_icon.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 35px; 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/kof/icon/ad_icon.jpg) 50% 50% no-repeat; background-size: 100%;width: 78px ; 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/kof/icon/icon_gm_01.jpg) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 29px; 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/kof/icon/icon_gm_02.jpg) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 29px; 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/kof/icon/icon_gm_03.jpg) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 29px; 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: 14px;vertical-align: middle; cursor:pointer; vertical-align: middle;font-family: "Noto Sans KR";font-weight: 900;}

div.search_box select.search_select {
    font-size: 11pt;
     width:80px;
     padding:7px 0px 8px 0px;
     margin-right: 2px;
     border:1px solid #b2b2b2;
     /*font-family:'Nanumgothic';*/
     /*background:url(http://img.noxgame.kr/images/noxgame/dg/icon/select-icons.png) no-repeat 95% 50%;*/
     border-radius:3px;
     /*-webkit-appearance: none;
     -moz-appearance: none;
     appearance : none;*/
     vertical-align: middle;
}
div.search_box select#search_key {
    font-size: 11pt;
     width:80px;
     padding:7px 0px 8px 0px;
     margin-right: 2px;
     border:1px solid #b2b2b2;
     /*font-family:'Nanumgothic';*/
     /*background:url(http://img.noxgame.kr/images/noxgame/dg/icon/select-icons.png) no-repeat 95% 50%;*/
     border-radius:3px;
     /*-webkit-appearance: none;
     -moz-appearance: none;
     appearance : none;*/
     vertical-align: middle;
}

div.top_pageing { /*border-bottom: 1px solid #ebebeb;*//*border-top: 1px solid #ebebeb; */}
div.pageing { text-align: center; line-height: 0pt;font-size: 0pt;margin: 15px 0px;}
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: #f5f5f5;border: 1px solid #e0dedf; color: #000; font-weight: bold; padding: 18px 115px 19px 15px;line-height:1.3;font-size: 15px;position: relative;word-break: break-all;}

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:23px;}
dl.board_view > dt.write_info { border-bottom: 1px solid #e0dedf; 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: #000; }
dl.board_view > dt.write_info > span.count { position: absolute;right:33px; top:50%;transform: translateY(-50%);color: #a5a5a5;font-size: 13px; }

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

dl.board_view p.notice_end {text-align: left;}

dl.board_view > dd.textarea img {  max-width:902px; }
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:966px; }
/* 이벤트 업데이트 게시판에만 이미지 최대싸이즈 변경 */
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 #d1d1d1;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:#000;font-weight: 900; min-width: 80px;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 #6b6b6b;color: #7f7f7f; width: 840px;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: 683px; margin-left: 5px; }
dl.board_write > dt > input.text.type02 { width: 109px; margin-left: 0px; }
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:0px 5px 0px 5px;  }

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: #000;}

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: 975px;position: relative;left:-15px;-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: 310px; display: inline-block;*display: inline;*zoom: 1;margin-left: 15px; margin-bottom: 15px;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 #e0dedf;}
ul.img_list > li > a { display: inline-block;*display: inline;*zoom: 1; position: relative; width: 100%;max-height: 134px; overflow: hidden;background: #fff;text-align: center;line-height:135px; -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: #c5c5c5; 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: #c5c5c5; 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: #fafafa; padding: 15px 15px; color: #7f7f7f;font-size: 13px;line-height: 1.0;border-top: 1px solid #b5b5b5;}
ul.img_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #5b5b5b;}

ul.gallery_list { font-size: 0pt;line-height: 0pt;  width: 981px; position: relative;left:-15px; 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: 312px; height: 255px; border: 1px solid #e0dedf; display: inline-block;*display: inline;*zoom: 1;margin-left: 15px; margin-bottom: 15px;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: 100%;height:185px;max-height: 206px; overflow: hidden;background: #2e2e2e;text-align: center;line-height:136px; -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: #fafafa; padding: 7px 15px; color: #7f7f7f;font-size: 13px;line-height: 1.0;border-top: 1px solid #b5b5b5;}
ul.gallery_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #5b5b5b; vertical-align: middle; padding: 10px 0px 0px 0px; height:20px; position: relative;}
ul.gallery_list > li > p > b > img.lv_icon {width: 40px;vertical-align: middle;margin-right: 2px;}

ul.gallery_list > li > p > b > i { position: absolute; left:0px; top:3px;  }
ul.gallery_list > li > p  i { font-style: normal; color: #e64a3b;  vertical-align: middle; }
ul.gallery_list > li > p > span {float: right;}

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

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 #d1d1d1;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: #5d5d5d; 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:6px 4px 6px 4px; color: #f6ca11; line-height: 1; font-size: 14px; border: 1px solid #b2b2b2; background: #000;  text-align: center; min-width:85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor:pointer;
    font-weight: 900;
    font-family: 'Noto Sans KR';
}

/*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: #f5f5f5;border: 1px solid #e0dedf;}
div.reply_write_box > textarea { width: 811px;padding:10px; background: #fff; border: 1px solid #e0dedf; 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: 'Noto Sans KR';vertical-align:middle;letter-spacing: -1px;border: 1px solid #e0dedf;}
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: 0px solid #6b6b6b;border-top: 1px solid #b5b5b5; /*background: #fff;*/}
ul.reply_list > li { padding:20px 0px 18px 20px; border-bottom:1px solid #e0dedf; 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: #000;}
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: #000;}
ul.reply_list > li > span.func_btn { position: absolute; right:31px; top:25px; }
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: #000;}
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: 796px; border: 1px solid #e0dedf; 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;*/
    background: #fff;
}
.ready_box > p { font-size: 26pt; font-weight: 900; color: #fff;  text-align: center; padding: 30px 0px 90px 0px;position: absolute;text-align: center;left:0px;right:0px;top:50%;transform: translateY(-50%);}
.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;width: 925px;}
/*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: 297px; 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: 297px; position: relative;}
div.media_box > ul.media_list > li > a > img.thum { width: 297px; height: 180px; }
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.newbie > dl {border-bottom: 0px solid #e0dedf;margin-bottom: 5px;}
div.newbie > dl > dt { padding: 0px 0px 0px 0px; color: #000;font-size: 11pt;font-weight: bold; cursor: pointer;position: relative;background: #f5f5f5;}
/*div.newbie > 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.newbie > 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.newbie > dl > dt.on { /*background: #a5937b;*/ background: #d4d4d4; color: #000 ;font-weight: bold;}
div.newbie > dl > dt img.over { position: absolute;display:none;}
div.newbie > dl > dt.on img.over { position: absolute;display: block;left:0px;top:0px;  }
div.newbie > dl > dd { padding: 0px 0px; background: #fcfcfc; font-size: 10pt;color: #313131;line-height: 1.6;display:none;}







div.page_tab_contents > div.gameinfo { position: absolute; left:50%;transform: translateX(-50%); top:92px;z-index: 2;width: 863px;height: 423px;overflow: hidden;}
div.page_tab_contents > div.gameinfo > img {
  position: absolute;
  left:0px;
  top:0px;
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity:0;
  opacity: 0;
}
div.page_tab_contents > div.gameinfo > img.on {
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity:1;
  opacity: 1;
}
div.page_tab_contents > div.treasure_box {position: absolute;width: 863px;left: 50%;transform: translateX(-50%);top:526px;z-index: 1;text-align: left;}
div.page_tab_contents > div.treasure_box > a {width: 95px;height: 96px;position: relative;display: inline-block;*display: inline;*zoom: 1;margin-left: 93.2px;}
div.page_tab_contents > div.treasure_box > a:first-child {margin-left: 0px;}
div.page_tab_contents > div.treasure_box > a > img.off {position: absolute;bottom:0px;left: 0px;}
div.page_tab_contents > div.treasure_box > a.on > img.off,
div.page_tab_contents > div.treasure_box > a:hover > img.off{
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity:0;
  opacity: 0;
}
div.page_tab_contents > div.treasure_box > a > img.on {
  -webkit-transition: opacity .4s;
  -o-transition: opacity .4s;
  transition: opacity .4s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity:0;
  opacity: 0;
}
div.page_tab_contents > div.treasure_box > a.on > img.on,
div.page_tab_contents > div.treasure_box > a:hover > img.on
 {
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity:0;
  opacity: 1;
}















div.gallery_box { font-size: 0pt;line-height: 0pt; }
div.gallery_box > div.grid { width: 966px;  margin-left: -15px;/*padding: 0px 28px 0px 28px;*/}
div.gallery_box > div.grid > div.grid-item {margin-left: 15px;width: 300px;height: 185px;display: inline-block;*display: inline;*zoom: 1;position: relative;margin-bottom: 20px;overflow: hidden;}
div.gallery_box > div.grid > div.grid-item > a > img {width: 100%;}
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#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;background: #fff;border: 1px solid #e0dedf;border-bottom: 0px;}
div.faq_list { }
div.faq_list > dl {border-bottom: 1px solid #e0dedf;}
div.faq_list > dl > dt { padding: 6px 0px 6px 0px; color: #000;font-size: 11pt;font-weight: bold; cursor: pointer;position: relative;background: #f5f5f5;}
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: #000;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;*/ background: #d4d4d4; color: #000 ;font-weight: bold;}
div.faq_list > dl > dt.on > span {color: #000;font-size: 11pt;font-weight: bold;}
div.faq_list > dl > dd { padding: 25px 60px; background: #fcfcfc; font-size: 10pt;color: #313131;line-height: 1.6;display:none;}

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

div#payment_layer {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top: 2%;
    /*display: block;*/

    font-size: 3vmin;
    top: 0px;
    width: 90%;
    max-width: 532px;
    min-width: 286px;
    height: 100%;

    /*background: url(http://static.123games.co.kr/h5/201706_ver2/payment_layer_bg.png) no-repeat center 0;*/
    background: url(http://cdn-img.kingkongsoft.kr/missh5/bg/payment_layer_bg.png) no-repeat center 0;
    background-size: 100%;
    display: none;
    z-index: 10000;
}

div.payment_box {width: 90%;position: relative;margin: 170px auto 0px auto; }
div.payment_box > div.layer_title {margin-bottom: 30px;}
div.payment_box > div.layer_title > h1 {color: #000; font-weight: 600; font-size: 1.6rem;text-align: center;}
div.payment_box > div.successPayment {}
div.payment_box > div.successPayment div.paymentCash { margin-bottom: 30px; }
div.payment_box > div.successPayment div.paymentCash > table {width: 100%; border-collapse: collapse;font-size: 1rem;}
div.payment_box > div.successPayment div.paymentCash > table > caption {display: none;}
div.payment_box > div.successPayment div.paymentCash > table tr th { text-align: center; padding: 10px 0vw; border: 1px solid #ddd;background: #f0f0f0; }
div.payment_box > div.successPayment div.paymentCash > table tr td { text-align: center; padding: 10px 0vw; border: 1px solid #ddd;}

div.payment_box > div.successPayment div.caution_list {text-align: left; margin-bottom: 1.5vw;}
div.payment_box > div.successPayment div.caution_list > ul {list-style: none;padding: 0px;font-size: 1rem;}
div.payment_box > div.successPayment div.btn_box {text-align: center;}
div.payment_box > div.successPayment div.btn_box a {display: inline-block;*display: inline;*zoom: 1;width: 23vw;padding: 15px 0px; max-width: 160px;font-weight: bold;text-decoration: none;color: #000;}
div.payment_box > div.successPayment div.btn_box a.okBtn { background: #ba1218; color: #fff; }
div.payment_box > div.successPayment div.btn_box a.closeBtn { background: #ddd; }

div.payment_box > div.successPayment div.need_cash_charge {text-align: center;margin-top: 20px; margin-bottom: 20px;}
div.payment_box > div.successPayment div.need_cash_charge > h3 {font-size: 1.3rem;color: #e47b7b;margin-bottom: 15px;}
div.payment_box > div.successPayment div.need_cash_charge > p {font-size: 1rem;color: #2bb2ca;}

div#layer_mask {display: none;background: #000;position: absolute;z-index: 998;}



div.buy_content { overflow: hidden; }
div.buy_content.cash { padding-left: 15px; }

div.buy_content > h3 { color: #282828; 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: #666;width: 270px;}
div.buy_content > ul.cash_info > li > span { font-weight: bold; color: #181818;}


div.buy_content > div.gold_select { font-size: 0pt;line-height: 0pt;width: 927px; margin-bottom: 30px;margin-left: -5px;}
div.buy_content > div.gold_select > label { width: 226px;height: 185px; position: relative; display: inline-block;*display: inline;*zoom: 1; margin: 0px 0px 6px 5px;vertical-align: top; }
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.gold30000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_01.png) 50% 35% no-repeat;}
div.buy_content > div.gold_select > label.gold25000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_02.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold20000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_03.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold15000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_04.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold10000 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_05.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold5950 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_06.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold3950 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_07.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold2850 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_08.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold1950 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_09.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold1100 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_10.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold600 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_11.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold295 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_12.png) 50% 35% no-repeat; }
div.buy_content > div.gold_select > label.gold60 { background: #131313 url(http://cdn-img.kingkongsoft.kr/sin/shop/gold_13.png) 50% 35% no-repeat; }


div.buy_content > div.gold_select > label > i { position: absolute; left:0px; bottom:37px; width: 226px;  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:18px; width: 226px;  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 #d1d1d1;background: #fff; 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: #000;}
div.buy_content > ul.gold_info > li > u { font-style: normal; margin-left: 5px; text-decoration: none;color: #000;}
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: #282828; 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 > img.bg { width: 100%; }
div.swordinfo div.job_content_layer { position: absolute; left: 0px;right:0px;top:0px;bottom:0px;z-index: 2;}

div.job_content_layer .bx-wrapper {height: 100% !important;}
div.job_content_layer .bx-wrapper .bx-viewport {height: 100% !important;}
div.job_content_layer .bx-wrapper .bx-viewport .character_list {height: 100% !important;}

div.job_content_layer > h3 {position: absolute;left:10%;top:0px;z-index: 132;}
div.swordinfo div.job_content_layer div.character_contents {width: 966px;height: 543px;}

div.swordinfo div.job_content_layer div.character_contents > img.text01 {left:472px; top:50%;transform: translateY(-50%);position: absolute;}
div.swordinfo div.job_content_layer div.character_contents > img.character {right:426px;bottom:0px;position: absolute;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n02 {right:391px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n03 {right:486px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n04 {right:335px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n05 {right:377px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n06 {right:515px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n07 {right:328px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n08 {right:431px;}
div.swordinfo div.job_content_layer div.character_contents > img.character.n09 {right:469px;}


div.swordinfo div.job_content_layer .bx-has-controls-direction {position: absolute;left:0px;width: 100%;top:41%;transform: translateY(-50%);z-index: 100;}
div.swordinfo div.job_content_layer .bx-controls-direction {position: relative;}
div.swordinfo div.job_content_layer .bx-controls-direction a {position: absolute;width: 98px;height: 101px;font-size: 0pt;line-height: 0pt;z-index: 99;}
div.swordinfo div.job_content_layer .bx-controls-direction a.bx-prev {background: url(https://cdn-img.kingkongsoft.kr/hr/event/pre-event/web/page04/tab02/btn_left.png) 0 0 no-repeat;top:0px;background-size: 100%;left:0px;z-index:60;}
div.swordinfo div.job_content_layer .bx-controls-direction a.bx-next {background: url(https://cdn-img.kingkongsoft.kr/hr/event/pre-event/web/page04/tab02/btn_right.png) 0 0 no-repeat;top:0px;background-size: 100%;right:0px;z-index: 60;}




ul.job_tab { position: absolute;top: 77%; right:5%; width: 43%;z-index: 9;}
ul.job_tab li { display: inline-block;*display: inline;*zoom: 1; margin-left: 7%;line-height: 1;}
ul.job_tab li:first-child {margin-left: 0px;}
ul.job_tab li > a {position: relative;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; -webkit-filter: grayscale(90%);filter:grayscale(90%); cursor:pointer;}
ul.job_tab li > a:hover { -webkit-filter: grayscale(0%);filter:grayscale(0%); }
ul.job_tab li > a.hover { -webkit-filter: grayscale(0%);filter:grayscale(0%); }
ul.job_tab li > a > img {vertical-align: middle;}

div.page_tab_contents {position: relative;height: 100%;overflow: hidden;}
div.page_tab_contents > div.character { position: absolute;left:0px;bottom:0px;transition: all 0.5s ease 0s; opacity: 1; animation: 0.8s ease 0s 1 normal forwards running show_leftway;}
div.page_tab_contents > div.character > img {/*position: absolute;left:50%;top:50%;transform: translate(-50%,-40%);*/}
div.page_tab_contents > div.explain.type01 {position: absolute;right:5%; top:14%; transition: all 0.5s ease 0s; opacity: 1; animation: 1.3s ease 0s 1 normal forwards running show_rightway;}
/*div.page_tab_contents > div.explain.type02 {position: absolute;right:5%; bottom:17.5%; transition: all 0.5s ease 0s; opacity: 1; animation: 0.8s ease 0s 1 normal forwards running show_rightway;}*/






img.remote_image {background: #fff;width: 836px;display: block;margin: 10px auto 0px auto;}


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

ul.exp_item_list { width: 1006px; margin-left: -10px;margin-bottom: 50px;}
ul.exp_item_list > li { border: 1px solid #5c5c5c; text-align: center; width: 234px; 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: #3a3a3a;}
ul.exp_item_list > li > img {height: 80px;width: auto;border: 0px solid #4c4c4c;}
ul.exp_item_list > li > span.exp_point {display: block;color: #d9d4ae;font-size: 10pt;font-weight: bold; border: 1px solid #d9d4ae;
  width: 75px;
  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.exp_item_list > li > span.name {display: block;color: #d4bebe;font-size: 10pt;font-weight: bold; margin:5px 0px 5px 0px;}
ul.exp_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.exp_item_list > li > a#change_exp {background: #000;}
ul.exp_item_list > li > a.change_btn.get {background: #af6767 !important;pointer-events: none;}
ul.exp_item_list > li > a.change_btn.entry {background: #bd3030 !important;}
ul.exp_item_list > li > a.change_btn.entry2 {background: #2330cc !important;}
ul.exp_item_list > li.empty_item {display: block;width: 826px; color: #fff;font-size: 16pt;padding: 30px 0px;}


div.layer_server { position: fixed; top:0px;left:0px;bottom:0px;right:0px; z-index: 999; background: rgba(0,0,0,0.5);display: none;}
div.layer_server div.server_pop {background: url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/bg_v2.jpg) 50% 0 no-repeat;width: 1280px;height:660px; position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
div.layer_server div.server_pop > span.close { position: absolute;right:25px;top:25px; cursor: pointer;}
div.server_pop div.list_content {position: absolute;left:0px;top:0px;width: 760px;height: 660px;background: url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/com_box.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box { width: 640px; text-align: left;font-size: 0pt;line-height: 0pt;padding: 0px 0px 0px 0px;position: absolute;top:63px;left:50%;transform:translateX(-50%);z-index: 3;}
div.server_pop div.list_content > div.list_box {height: 100%; padding: 160px 0px 0px 0px;}

div.server_pop div.list_content > div.tab_box > a { display: inline-block;*display: inline;*zoom: 1; margin-bottom: 5px;width: 195px;height: 53px;font-size: 0pt;line-height: 0pt;margin-left: 30px;}
div.server_pop div.list_content > div.tab_box > a:first-child {margin-left: 0px;}
div.server_pop div.list_content > div.tab_box > a.tab01 {background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_01_off.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab01.on {background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_01_on.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab01:hover {background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_01_on.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab02 {background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_02_off.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab02.on {background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_02_on.png) 0 0 no-repeat;}
div.server_pop div.list_content > div.tab_box > a.tab02:hover {background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_02_on.png) 0 0 no-repeat;}

div.server_pop div.list_box > div.list {position: relative;text-align: left;padding: 0px 0px 0px 27px;}
div.server_pop div.list_box > div.list.all {height:498px;}
div.server_pop div.list_box > div.list > a {display: inline-block;*display: inline;*zoom: 1;width: 195px;height: 20px;background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_server_off.png) 0 0 no-repeat;position: relative;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    font-family: "Nanum Gothic";
    /*text-shadow: -2px 0 #fff, 0 2px #fff, 2px 0 #fff, 0 -2px #fff;*/
    padding: 15px 0px 18px 0px;
    margin: 0px 0px 15px 30px;
    text-align: center;
    vertical-align: top;
}
div.server_pop div.list_box > div.list > a:hover { background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_server_on.png) 0 0 no-repeat; }
div.server_pop div.list_box > div.list > a.on { background:url(http://cdn-img.kingkongsoft.kr/rk/web/serverlist/layer/btn_server_on.png) 0 0 no-repeat; }
div.server_pop div.list_box > div.list > a > img {position: absolute;left:0px;top:0px;}
div.server_pop div.list_box > div.list > a > b {position: absolute;left:0px;top:0px;}
div.server_pop div.list_box > div.list > a > b > img {margin-left: 0px;}
div.server_pop div.list_box > div.list > a > b > img:first-child {margin-left: 0px;}

div.server_pop div.list_box > div.list > a > img.resent {position: absolute;left:unset !important;right:0px !important;top:0px;}

div.server_pop div.pager {
    text-align: center;
    margin-top:-68px;
    position: relative;
    z-index: 99;
}

div.server_pop div.pager span {
    display: inline-block;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    color: #fff;
    /*border: 1px solid #000;*/
    /*background: #fff;*/
    margin-right: 0.5em;
    font-size: 22pt;
    font-family: "Nanum Gothic";
    font-weight: normal;
    text-shadow: -1px 0 rgba(0, 0, 0, 0.75), 0 1px rgba(0, 0, 0, 0.75), 1px 0 rgba(0, 0, 0, 0.75), 0 -1px rgba(0, 0, 0, 0.75);
}

div.server_pop div.pager span.active {

    /*border: 1px solid #000;
    background: #000;*/
    /*width: 25px;*/
    color:#fdc13f;
    /*text-shadow: -1px 0 rgba(0, 0, 0, 0.75), 0 1px rgba(0, 0, 0, 0.75), 1px 0 rgba(0, 0, 0, 0.75), 0 -1px rgba(0, 0, 0, 0.75);*/
    font-family: "Nanum Gothic";
}