@charset "utf-8";

/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/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/kd/bg/bg.jpg) 50% 0 no-repeat;}

/*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: 5%; }
}

div.top_line { width: 1275px;margin: 0px auto; text-align: center;background: rgba(0,0,0,0.7);padding: 5px 0px;}
div.top_line > h1 {display: inline-block;*display: inline;*zoom: 1;}

div#container {width: 1275px;margin:0px auto;position: relative;min-height: 1430px;}
div#container div.header { width: 230px; position: absolute;left:0px;top:0px;bottom:0px;padding: 0px 0px;/*border-right: 1px solid #e6e6e6;*/z-index: 3;overflow: hidden;}
div#container div.body { margin-left: 230px;background: #0e0e0e; min-height:1430px; padding: 0px 0px 254px 0px;}

div#container div.header > h1.logo {display:flex;background: #fff;border-top-left-radius: 30px 30px; border-top-right-radius:30px 30px;align-items:center;flex-direction: column;position: relative;height: 131px;margin-top: 65px;padding-bottom: 20px;justify-content: flex-end;-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box; box-sizing: border-box !important;-ms-box-sizing: border-box;}
div#container div.header > h1.logo> a {position: absolute;top:-50px;}
div#container div.header > h1.logo > div.title_text {font-size: 13pt;margin-bottom: 0px;font-family: "bitbit"}

/* 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.square_zone { width: 225px;height: 482px;  position: fixed;}
div.body div.mobile_app_banner > div.square_zone > a {position: absolute;left:21px;}
div.body div.mobile_app_banner > div.square_zone > a.google {bottom:202px;}
div.body div.mobile_app_banner > div.square_zone > a.apple {bottom:139px;}
div.body div.mobile_app_banner > div.square_zone > a.onestore {bottom: 77px;}
div.body div.mobile_app_banner > div.square_zone > a.galaxy {bottom: 15px; }
/*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: #fff;padding: 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.chennel_onstove {display:none;}

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: 220px;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 { color: #fff; font-weight: bold; width: 220px;height: 25px;font-size: 0px;border: 0px solid #000;line-height: 0pt;cursor:pointer;background: url(http://cdn-img.kingkongsoft.kr/kd/btn/btn_login.png) 0 0 no-repeat;font-size: 0pt;}
div.login_box a.join { display: inline-block;*display: inline;*zoom: 1;font-size: 0pt;line-height: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kd/btn/btn_join.png) 0 0 no-repeat;width: 220px;height: 23px; }

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: 3px;}


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 {margin-top: -51px;}

div.login_box.online div.exp_info { color: #666;font-size: 10pt;position: relative;z-index: 3; }
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 > span.level > img {width: 100%;}

div.login_box div.mem_info { line-height: 1.6; font-size: 11pt;  margin-bottom: 0px;min-height: 53px;width: 220px; -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: left;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: 220px;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 > a.cash_charge { background: #5b0000; border: 1px solid #4a1818; padding: 4px 0px 4px 0px;text-align: center; width:220px;color: #fff;font-size: 13px; -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.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 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 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: #cd001e; border: 1px solid #ffb3bf; padding: 6px 0px 6px 0px;text-align: center; width:220px;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: 220px; 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 p.btn_box > a.logout_btn {position: relative;}

/*div.login_box a.logout_btn { font-size: 13px; color: #666;display: inline-block;*display: inline;*zoom: 1;position: absolute;right:5px;top:8px;font-weight: normal;}*/
div.login_box a.logout_btn { background: #feb956c7; border: 1px solid #ed9922c7; padding: 5px 0px 5px 0px;text-align: center; width:220px;color: #fff;font-size: 14px;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.gold { display: inline-block;*display: inline;*zoom: 1;width: 130px; height: 63px; overflow: hidden;}
div.login_box p.btn_box > a.coupon { display: inline-block;*display: inline;*zoom: 1;width: 130px; height: 63px;overflow: hidden;}*/

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

a.go_to_write {display: inline-block;border-left: 2px solid #cd001e;border-right: 2px solid #cd001e;}


dl.nav_area {padding: 30px 0px 0px 20px;background: rgba(0,0,0,0.8);height: 100%;}
dl.nav_area dt { font-size: 11pt;color: #fff; margin-bottom: 2px;}
dl.nav_area dt > img {margin-right: 7px; vertical-align: middle;}
dl.nav_area dd { padding-left: 23px; margin-bottom: 30px;}
dl.nav_area dd a {color: #fff;}
dl.nav_area dd ul li {margin-bottom: 2px;}
dl.nav_area dd ul li b {font-size: 8pt; color: red; display: inline-block; margin-left: 1px;}

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


div.top_notice {position: relative;margin-bottom: 8px;overflow: hidden;padding-top: 6px;height: 35px;}
div.top_notice > img.icon_bell { position: absolute;left:10px;top:4px; }
ul.notice_list  {padding: 10px 5px 5px 5px; /*height: 187px;overflow-y: hidden;*/}
ul.notice_list > li { position: relative;margin-bottom: 10px;max-width: 500px;width: 100%;padding-right: 60px;}
ul.notice_list > li > a { color: #fff; /*width: 430px;*/ font-size: 14px; height: 25px; display: block;overflow: hidden; vertical-align: middle;}
ul.notice_list > li > i {color: #ddd; font-style: normal;font-size: 10pt;position: absolute;right:0px;top:1px;}

div.top_notice ul.notice_list  {padding: 5px 5px 5px 40px; overflow-y: hidden;margin-bottom: 30px;}
div.top_notice ul.notice_list > li { position: relative;width: 960px;height: 25px;margin-bottom: 0px;}
div.top_notice ul.notice_list > li > a { color: #fff; width: 870px; font-size: 14px; height: 25px; display: block;overflow: hidden; vertical-align: middle;}
div.top_notice ul.notice_list > li > a:hover {color: #c89657;}
ul.notice_list > li > b { color: #ababab; font-size: 13px; position: absolute; right:0px; top:1px; margin-right: 5px;}

/*ul.notice_list > li > a > b { display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 11pt;color: #fff; padding: 9px 0px 9px 0px; width: 79px;text-align: center;}
ul.notice_list > li > a > b.notice { background: #0b1692;font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle;}
ul.notice_list > li > a > b.event { background: #416130 ;font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle; }
ul.notice_list > li > a > b.check { background: #4c8a82;font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle; }
ul.notice_list > li > a > b.open { background: #30457e;font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle; }
ul.notice_list > li > a > b.update { background: #b57f15;font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle;  }*/

ul.notice_list > li > a > b { display: inline-block;*display: inline;*zoom: 1;line-height: 1;font-size: 11pt;color: #fff; padding: 9px 0px 9px 0px; width: 70px;text-align: center; border-radius: 15px;}
ul.notice_list > li > a > b.notice { border:1px solid red; color: red;   font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle;}
ul.notice_list > li > a > b.event { border:1px solid red; color: red; ;font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle; }
ul.notice_list > li > a > b.check { border:1px solid red; color: red; font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle; }
ul.notice_list > li > a > b.open { border:1px solid red; color: red; font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle; }
ul.notice_list > li > a > b.update { border:1px solid red; color: red; font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle;  }
ul.notice_list > li > a > b.guide { border:1px solid red; color: red; font-size: 10pt;line-height: 1pt; height: 4px;vertical-align: middle;  }

div.top_notice ul.notice_list > li > i { display: none; color: #ddd; font-style: normal;font-size: 10pt;position: absolute;right:0px;top:1px;}
div.top_notice ul.notice_list > li:hover > i {color: #c89657; }



div.section.banner {height: 337px;margin-bottom: 0px;}
div.rolling_box { position: absolute; width: 1045px;height: 337px;z-index: 3;overflow: hidden;}
div.rolling_box div.rolling_list { height: 337px; position: relative; overflow: hidden;}
div.rolling_box > div.rolling_list > a { display: inline-block;*display: inline;*zoom: 1;}


div.rolling_box .bx-wrapper .bx-wrapper {position: relative;}
div.rolling_box .bx-wrapper .bx-controls {position: absolute; bottom:15px;z-index: 99;text-align: center; width: 900px;left:50%;transform: translateX(-50%);}
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item {display: inline-block;*display: inline;*zoom: 1;}
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item a {width: 50px;height: 3px;margin-left: 2px;background: #565656;display: inline-block;*display: inline;*zoom: 1; font-size: 0pt;line-height: 0; }
div.rolling_box .bx-wrapper .bx-controls .bx-pager-item a.active {background: #fff !important;}


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.ingame_pop {position: relative;z-index: -1;}
div.ingame_pop > img.today { position: absolute; top:70px;}
div.ingame_pop > img.today.day1 {left:203px;}
div.ingame_pop > img.today.day2 {left:342px;}
div.ingame_pop > img.today.day3 {left:482px;}
div.ingame_pop > img.today.day4 {left:760px;}
div.ingame_pop > img.today.day5 {left:723px;}
div.ingame_pop > img.today.day6 {left:899px;}
div.ingame_pop > img.today.day0 {left:1039px;}

div.section.game {margin-bottom: 30px;}
div.game_start_area { position: relative;width: 1045px;margin-top: -1px;}
div.game_start_area > a.btn_start { position: relative;height: 140px;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;}
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;}

div.section.news {/*margin: 25px 0px 25px 0px;*/ /*height: 220px;*/padding: 5px;}
div.section.news div.article.noitce {/*width: 500px;*/ height: 280px; overflow: hidden;padding: 0px 10px;}
div.section.news div.article > h3 { font-size: 20pt;color: #fff;font-weight: 900;border-bottom: 1px solid #cacaca; padding-bottom: 10px;min-width: 461.84px;font-family: 'Shilla_CultureB-Bold';}
div.section.news div.article.event {/*width: 500px;*/ height: 280px;padding: 0px 10px;}



div.section.rank { position: relative; margin: 0px 0px 50px 0px; width: 540px;}
div.section.rank > div.article { }
div.section.rank > div.article > h3 { font-size: 20pt;color: #fff;font-weight: 900; font-family: 'Shilla_CultureB-Bold';/*border-bottom: 1px solid #cacaca;*/ padding-bottom: 10px;margin-bottom: 60px;}
div.section.rank > div.article div.today_warrior { text-align: center;position: relative; }
div.section.rank > div.article div.today_warrior div.wraper {position: absolute;top:0px;left:0px;right:0px;}
div.section.rank > div.article div.today_warrior div.rank_top {position: absolute;text-align: center;width: 136px;color: #fff;}
div.section.rank > div.article div.today_warrior div.rank_top > b { font-size: 12pt; display: block;}
div.section.rank > div.article div.today_warrior div.rank_top > span { font-size: 10pt; display: block;}
div.section.rank > div.article div.today_warrior div.rank_top.gold {top:-49px;left:201px;}
div.section.rank > div.article div.today_warrior div.rank_top.silver {top:-15px;left:52px;}
div.section.rank > div.article div.today_warrior div.rank_top.bronze {top:-12px;right:53px;}

div.section.rank > div.article > div.rank_list {width: 400px;margin: 0px auto;}
div.section.rank > div.article > div.rank_list table {width: 100%;}
div.section.rank > div.article > div.rank_list table thead th {text-align: center;color: #fff;font-size: 14px;border-bottom: 1px solid #ddd;padding: 8px 0px 8px 0px;}
div.section.rank > div.article > div.rank_list table tbody th {text-align: center;color: #fff;font-size: 13px;padding: 8px 0px 0px 0px;line-height: 1.6;}
div.section.rank > div.article > div.rank_list table tbody th > span.gold {width: 20px;height: 20px;line-height: 0pt;font-size: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/icon_gold.png) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
div.section.rank > div.article > div.rank_list table tbody th > span.silver {width: 20px;height: 20px;line-height: 0pt;font-size: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/icon_silver.png) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
div.section.rank > div.article > div.rank_list table tbody th > span.bronze {width: 20px;height: 20px;line-height: 0pt;font-size: 0pt;background: url(http://cdn-img.kingkongsoft.kr/kmh/web/icon/icon_bronze.png) 0 0 no-repeat;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}

div.section.rank > div.article > div.rank_serach { position: absolute;top:5px;right:15px; }
div.section.rank > div.article > div.rank_serach > span {font-weight: bold;font-size: 11pt;color: #fff;}
div.section.rank > div.article > div.rank_serach > select {padding:5px;background: #f1f1f1;border: 1px solid #ddd;}

div.section.customer {display:flex;flex-direction:row;justify-content: space-between; padding: 0px 10px;}











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: 200px; height: 150px; overflow: hidden;position: relative;  margin-left: 5px;}*/
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:0px;right:0px;z-index: 3;}
.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: 0px;  }
div.footer_top > ul.site_info > li:first-child:after {border: 0px;}
div.footer_top > ul.site_info > li:after { position: absolute; content:""; left:0px; top:0px; bottom:0px; border-left: 1px solid #494a4e; }

div.footer_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: 146px; float: left; height: 100px; }
div.footer_bottom > p.addr { margin-left: 130px; }

div.footer_bottom > p.addr { margin-left: 170px; 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: 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;}
.bi_stove { width: 148px; height: 37px;display:block; background: url(http://cdn-img.kingkongsoft.kr/www/common/channel/stove/STOVE_INDIE_LOGO.png) 50% 0 no-repeat; background-size: 100%; font-size: 0pt;}

h2.page_title { position: relative;font-size: 30px;font-family:  'Noto Sans KR'; font-weight: 900; color: #fff; line-height: 1.0;z-index: 3;padding: 0px 15px 10px 0px; margin-bottom: 20px; letter-spacing: 2pt;}
h2.page_title > b {position: absolute;font-size: 13pt; color: red;left: 131px;top:-1px;line-height: 1.6; font-weight: bold;}
div.board_content { position: relative;z-index: 3; padding: 30px 15px; min-height: 890px; line-height: 1.6; background: #0e0e0e;margin-bottom: 10px;}


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


div.board_content > ul.tab { list-style:none;margin: 0px;padding: 0px;line-height: 0pt;font-size: 0pt; margin-bottom: 30px; position: relative;}
div.board_content > ul.tab > li { display: inline-block;*display: inline;*zoom: 1; position: relative;}
div.board_content > ul.tab > li:first-child {margin-left: 0px;}
div.board_content > ul.tab > li > a { display: inline-block;*display: inline;*zoom: 1; padding: 12px 0px 11px 0px; text-align: center;color: #bab8b9;font-size: 12pt;width: 125px;position: relative;z-index: 3;line-height: 1;background: #2e2e2e; border: 1px solid #bab8b9;}
div.board_content > ul.tab.guide > li > a { width: 120px;  }
div.board_content > ul.tab > li > a:hover { color: #5c5c5c;font-weight: bold;background: #bab8b9;}
div.board_content > ul.tab > li > a.hover { color: #5c5c5c;font-weight: bold; background: #bab8b9;}

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 #4c4c4c; font-family: "Noto Sans KR"}
table.board_table thead th { background: #313131; color: #fff; font-size: 14px;text-align: center; padding: 16px 0px 15px 0px;border-bottom: 1px solid #4c4c4c;font-family: "Noto Sans KR";font-weight: bold;}
table.board_table thead th:first-child {border-left: 1px solid #4c4c4c;  }
table.board_table thead th:last-child {border-right: 1px solid #4c4c4c;  }
table.board_table tbody th { text-align: center; font-family: "Noto Sans KR"; color: #fff !important; }
table.board_table tbody th,table.board_table tbody td { border-bottom: 1px solid #6b6b6b;/*border-bottom: 1px solid #e4e4e4;*/ padding: 13px 0px 13px 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: #fff; 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(114 114 114 / 65%); }
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/kd/img/logo.png) 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/pa/web/icon/icon_gm_01.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 27px; 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/pa/web/icon/icon_gm_02.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 27px; 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/pa/web/icon/icon_gm_03.png) 50% 50% no-repeat; background-size: 100%;width: 78px ; height: 27px; vertical-align: middle;}*/


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

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

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

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


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:1015px; }
/* 이벤트 업데이트 게시판에만 이미지 최대싸이즈 변경 */
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:#fff; 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 > 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: #fff;}

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: 1064px;position: relative;left:-30px;-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: 30px; margin-bottom: 30px;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 #454545;}
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: #2e2e2e; padding: 15px 15px; color: #c5c5c5;font-size: 13px;line-height: 1.0;border-top: 1px solid #454545;}
ul.img_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #c5c5c5;}

ul.gallery_list { font-size: 0pt;line-height: 0pt;  width: 1064px; position: relative;left:-30px; 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: 315px; height: 206px; border: 1px solid #454545; display: inline-block;*display: inline;*zoom: 1;margin-left: 30px; margin-bottom: 30px;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:136px;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: #2e2e2e; padding: 7px 15px; color: #eceaea;font-size: 13px;line-height: 1.0;border-top: 1px solid #454545;}
ul.gallery_list > li > p > b { font-weight: normal; display: block; margin-bottom: 10px; color: #a5937b; vertical-align: middle; padding: 10px 0px 0px 0px; height:20px; position: relative;}
ul.gallery_list > li > p > b > 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;
}

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

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


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

.ready_box {
    position: relative;
    /*text-align: right;*/
    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.page_tab_contents.newbie > div.download_box { position: absolute;  }
div.page_tab_contents.newbie > div.type01 { font-size: 0pt; line-height: 0pt; top:297px;left:59px;}
div.page_tab_contents.newbie > div.type01 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 94px;}
div.page_tab_contents.newbie > div.type01 > a:first-child { margin-left: 0px;  }
div.page_tab_contents.newbie > div.type02 { font-size: 0pt; line-height: 0pt; top:611px;left:59px; }
div.page_tab_contents.newbie > div.type02 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 94px;}
div.page_tab_contents.newbie > div.type02 > a:first-child { margin-left: 0px;  }

div.page_tab_contents.newbie > div.type03 { font-size: 0pt; line-height: 0pt; top:334px;left:49px; }
div.page_tab_contents.newbie > div.type03 > a {  display: inline-block;*display: inline; *zoom: 1; margin-left: 125px;}
div.page_tab_contents.newbie > div.type03 > a:first-child { margin-left: 0px;  }



div.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 #454545;border-bottom: 0px;}
div.faq_list { }
div.faq_list > dl {border-bottom: 1px solid #454545;}
div.faq_list > dl > dt { padding: 6px 0px 6px 0px; color: #c2c2c2;font-size: 11pt;font-weight: bold; cursor: pointer;position: relative;background: #333;}
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: #c2c2c2;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: #da5455; color: #fff ;font-weight: bold;}
div.faq_list > dl > dt.on > span {color: #fff;font-size: 11pt;font-weight: bold;}
div.faq_list > dl > dd { padding: 25px 60px; background: #eeeeee; font-size: 10pt;color: #313131;line-height: 1.6;display:none;}

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

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


ul.job_tab { position: absolute;top: 74%; left:5%; width: 36%;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;right:0px; top:0px;bottom:0px;transition: all 0.5s ease 0s; opacity: 1; animation: 0.8s ease 0s 1 normal forwards running fadeIn;}
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;left:5%; top:17%; transition: all 0.5s ease 0s; opacity: 1; animation: 0.8s ease 0s 1 normal forwards running show_leftway;}
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 #797979;padding: 10px 30px 10px 30px;margin-bottom: 13px;}
div.board_content div.exp_info > span {font-size: 16pt; font-weight: 900;color: #bcbcbc;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: #bcbcbc;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-family: cursive;}

ul.exp_item_list { width: 1025px; margin-left: -10px;margin-bottom: 50px;}
ul.exp_item_list > li { border: 1px solid #5c5c5c; text-align: center; width: 246px; 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: 116px;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";
}