@charset "UTF-8";
.r_mp { margin:0; padding:0 }
.r_li { margin:0; padding:0; list-style-type:none }
.full { width:100%; height:100%; box-sizing:border-box }
.fullWidth { width:100% }
.center { text-align:center }
.flex { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center }
.block { display:block }
.i_block { display:inline-block; vertical-align:middle }
.hidden { overflow:hidden }
.clear { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
html { font-size:10px; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:'CustomFont',sans-serif; -webkit-text-szie-adjust:none; -moz-text-szie-adjust:none; -ms-text-size-adjust:none }
a, address, body, button, button, caption, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, input, legend, li, ol, p, pre, select, table, td, textarea, th, ul { margin:0; padding:0 }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:1.4rem }
body { line-height:1.2; color:#2b2b2b; min-width:100%; letter-spacing:0; -webkit-overflow-scrolling:touch; word-break:break-word; word-wrap:break-word; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }
a, button, input, label, select, textarea { -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; appearance:none; border-radius:0; vertical-align:top }
input { font-weight:normal; color:#626262; outline:0 }
::-ms-clear,
::-ms-reveal { display:none }
a { cursor:pointer }
caption { visibility:hidden; font-size:0; text-indent:-9999px }
input { vertical-align:middle }
button, input, select, textarea { font-size:1.4rem; font-family:'CustomFont',sans-serif }
button span { position: relative; }
li, ol, ul { list-style:none }
a { text-decoration:none; color:#2b2b2b; cursor:pointer }
img { vertical-align:top; border:0 }
table { border-collapse:collapse; border-spacing:0; width:100%; max-width:100% }
em { font-style:normal }
button { border:0; background:none; outline:0; cursor:pointer }
button, button:focus, button:active { padding:0; }
.blind { position:absolute; overflow:hidden; clip:rect(0 0 0 0); margin:-1px; width:1px; height:1px }
fieldset { width:100%; border:0 }
legend { position:absolute; left:-9999px; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999px }
html, body { height: 100% }
select::-ms-expand { display:none; opacity:0 }
iframe { max-width:100% }
p { line-height:initial }
[data-ephox-mobile-fullscreen-style] header { display:none }
@media screen and (min-width: 1025px) {html { font-size:16px } }
@media screen and (max-width: 1024px) {html { font-size:23.98px } }
@media screen and (max-width: 768px) {html { font-size:23.98px } }
@media screen and (max-width: 750px) {html { font-size:23.98px } }
@media screen and (max-width: 740px) {html { font-size:23.66px } }
@media screen and (max-width: 730px) {html { font-size:23.33px } }
@media screen and (max-width: 720px) {html { font-size:23.01px } }
@media screen and (max-width: 710px) {html { font-size:22.69px } }
@media screen and (max-width: 700px) {html { font-size:22.36px } }
@media screen and (max-width: 690px) {html { font-size:22.04px } }
@media screen and (max-width: 680px) {html { font-size:21.72px } }
@media screen and (max-width: 670px) {html { font-size:21.39px } }
@media screen and (max-width: 660px) {html { font-size:21.07px } }
@media screen and (max-width: 650px) {html { font-size:20.75px } }
@media screen and (max-width: 640px) {html { font-size:20.42px } }
@media screen and (max-width: 630px) {html { font-size:20.1px } }
@media screen and (max-width: 620px) {html { font-size:19.77px } }
@media screen and (max-width: 610px) {html { font-size:19.45px } }
@media screen and (max-width: 600px) {html { font-size:19.13px } }
@media screen and (max-width: 590px) {html { font-size:18.8px } }
@media screen and (max-width: 580px) {html { font-size:18.48px } }
@media screen and (max-width: 570px) {html { font-size:18.17px } }
@media screen and (max-width: 560px) {html { font-size:17.84px } }
@media screen and (max-width: 550px) {html { font-size:17.53px } }
@media screen and (max-width: 540px) {html { font-size:17.21px } }
@media screen and (max-width: 530px) {html { font-size:16.89px } }
@media screen and (max-width: 520px) {html { font-size:16.57px } }
@media screen and (max-width: 510px) {html { font-size:16.25px } }
@media screen and (max-width: 500px) {html { font-size:15.93px } }
@media screen and (max-width: 490px) {html { font-size:15.62px } }
@media screen and (max-width: 480px) {html { font-size:15.29px } }
@media screen and (max-width: 470px) {html { font-size:14.98px } }
@media screen and (max-width: 460px) {html { font-size:14.66px } }
@media screen and (max-width: 450px) {html { font-size:14.34px } }
@media screen and (max-width: 440px) {html { font-size:14.02px } }
@media screen and (max-width: 430px) {html { font-size:13.71px } }
@media screen and (max-width: 420px) {html { font-size:13.38px } }
@media screen and (max-width: 410px) {html { font-size:13.07px } }
@media screen and (max-width: 400px) {html { font-size:12.75px } }
@media screen and (max-width: 390px) {html { font-size:12.43px } }
@media screen and (max-width: 380px) {html { font-size:12.11px } }
@media screen and (max-width: 370px) {html { font-size:11.79px } }
@media screen and (max-width: 360px) {html { font-size:11.47px } }
@media screen and (max-width: 350px) {html { font-size:11.16px } }
@media screen and (max-width: 340px) {html { font-size:10.83px } }
@media screen and (max-width: 330px) {html { font-size:10.52px } }
@media screen and (max-width: 320px) {html { font-size:10.2px } }

/* reset end */
.sha.hidden .header_wrap { z-index: 999 }

/* 국가별 show */
:lang(ko-KR) .img_cn,
:lang(ko-KR) .img_en,
:lang(ko-KR) .img_ru { display:none!important }
:lang(en-US) .img_cn,
:lang(en-US) .img_kr,
:lang(en-US) .img_ru { display:none!important }
:lang(ru-RU) .img_cn,
:lang(ru-RU) .img_en,
:lang(ru-RU) .img_kr { display:none!important }
:lang(zh-CN) .img_en,
:lang(zh-CN) .img_kr,
:lang(zh-CN) .img_ru { display:none!important }
:lang(ru-RU) .no_ru { display:none!important }

:lang(zh-CN) .no_cn { display: none !important; }

.spr_etc { background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-size:800px 800px; }
.spr_etc.spr_sort { display:block; width:11px; height:18px; background-position: -637px -264px; }
.sorting_asc .spr_etc.spr_sort { background-position-x: -617px; }
.sorting_desc .spr_etc.spr_sort { background-position-x: -657px; }

.inGameWrap { font-family:'CustomFontIngame',sans-serif }
.googleRobot > div { margin:auto }
.hide { display:none; position:fixed; z-index:-999; font-size:0; width:0; height:0; opacity:0; top:-100%; left:-100% }
body.hidden { height:100%; overflow:hidden }
#wrap { position: relative; margin: 0 auto; background-color: #000; height: 100% }
.page_wrap { background-color: #fff }
.container { min-height: 1000px; box-sizing: border-box }
.contents_wrap { position:relative; width:100%; padding:0 3%; box-sizing:border-box; }
.inner_section { position: relative; max-width: 1300px; width: 100%; box-sizing: border-box; }
.header_wrap { position:absolute; left:0; top:0; z-index:90; overflow:hidden; width:100%; height:80px; background:rgba(0, 0, 0, 0.9); box-sizing:border-box; transition:height .2s }
.header_wrap:before { display:block; content:""; position:absolute; left:0; top:80px; width:100%; height:1px; background:rgba(255, 255, 255, 0.1) }
.header_wrap.open { height:auto }
.header_wrap .btn_all_menu { display:none; position:absolute; left:210px; top:0; z-index:2; width:60px; height:65px; border-left:1px solid rgba(255, 255, 255, 0.3); border-right:1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box }
.header_wrap .btn_all_menu > span { display:block; position:absolute; left:14px; width:30px; height:2px; background-color:#f0f0f2; opacity:1; transition:transform 0.15s }
.header_wrap .btn_all_menu > span:nth-child(1) { top:23px }
.header_wrap .btn_all_menu > span:nth-child(2) { top:32px }
.header_wrap .btn_all_menu > span:nth-child(3) { top:41px }
.header_wrap .btn_all_menu.on > span:nth-child(1) { top:32px; transform:rotate(135deg) }
.header_wrap .btn_all_menu.on > span:nth-child(2) { opacity:0 }
.header_wrap .btn_all_menu.on > span:nth-child(3) { top:32px; transform:rotate(-135deg) }
.header_wrap .logo { position:absolute; left:0; top:0; z-index:10; width:210px; height:80px }
.header_wrap .logo a { position:relative; display:flex; width:100%; height:100%; justify-content:center; align-items:center }
.header_wrap .logo a .logo_m {display:none;}
.header_wrap .logo a img { display:block; max-width:100%; }
.header_wrap .logo a .logo_small { z-index:-1; opacity:0; display:none }
.header_wrap nav { padding-left:215px; box-sizing:border-box }
.header_wrap nav .btn_mob_logo { display:none }
.header_wrap nav > ul { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:flex-start; -ms-align-items:flex-start; -moz-align-items:flex-start; -o-align-items:flex-start; align-items:flex-start; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -moz-justify-content:flex-start; -o-justify-content:flex-start; justify-content:flex-start; -ms-flex-align:flex-start }
.header_wrap nav > ul > li { position:relative }
.header_wrap nav > ul > li > a { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; width:150px; height:80px; color:rgba(255, 255, 255, 0.9); font-size:17px; text-align:center; box-sizing:border-box }
.header_wrap nav > ul > li > a.disabled { color:#757575 }
.header_wrap nav > ul > li .sp_comm { position:relative; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:5px 0 4px 5px }
.header_wrap nav > ul > li .sp_comm:before { display:block; content:""; overflow:hidden; width:100%; height:100%; box-sizing:border-box; background:url(../../img/common/spr_etc.png?v=1) -90px -448px no-repeat; background-size:800px 800px }
.header_wrap nav > ul > li > a.mob_link { display:none }
.header_wrap nav > ul > li .sub_menu { position:relative; z-index:10; width:150px; box-sizing:border-box }
.header_wrap nav > ul > li .sub_menu > ul { padding:30px 0 25px }
.header_wrap nav > ul > li .sub_menu > ul > li { padding:0 5px 15px }
.header_wrap nav > ul > li .sub_menu > ul > li > a { display:block; font-size:14px; color:rgba(255, 255, 255, 0.6); text-align:center; line-height:1.5 }
.header_wrap nav > ul > li .sub_menu > ul > li > a.disabled { color:#757575 }
.header_wrap nav > ul > li .sub_menu > ul > li > a.active { color:#ae8d67 }
.header_wrap nav > ul > li .sub_menu > ul > li .sp_comm { position:relative; display:inline-block; vertical-align:middle; width:14px; height:14px; margin:2px 0 4px 5px }
.header_wrap nav > ul > li .sub_menu.on { background:url(../../img/common/dimm_sub_menu.png) center 0 no-repeat }
.header_wrap nav .btn_nav_close { display:none }
.header_wrap .btn_mob_mypage { display:none }
.header_wrap .util_wrap { position:absolute; right:0; top:0; z-index:10; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; height:80px; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -moz-justify-content:flex-start; -o-justify-content:flex-start; justify-content:flex-start; -ms-flex-align:flex-start }
.header_wrap .util_wrap > ul { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; height:100%; margin-right:50px; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -moz-justify-content:flex-start; -o-justify-content:flex-start; justify-content:flex-start; -ms-flex-align:flex-start }
.header_wrap .util_wrap > ul > li { position:relative; margin-left:30px; padding-left:30px }
.header_wrap .util_wrap > ul > li:first-child { margin-left:0; padding-left:0 }
.header_wrap .util_wrap > ul > li:last-child:before { display:block; content:""; position:absolute; left:0; top:4px; width:1px; height:12px; background-color:#4e5054 }
.header_wrap .util_wrap > ul > li > a { position:relative; display:block; color:#fff; font-size:15px }
.header_wrap .util_wrap > ul > li > a.btn_login { display:block; font-size:15px; padding-left:28px }
.header_wrap .util_wrap > ul > li > a.btn_login:before { display:block; width:18px; height:18px; box-sizing:border-box; content:""; position:absolute; top:0; left:0; background:url(../../img/common/spr_etc.png?v=1) -536px -541px no-repeat }
.header_wrap .util_wrap > ul > li > a.btn_join { display:block; font-size:15px; padding-left:30px }
.header_wrap .util_wrap > ul > li > a.btn_join:before { display:block; width:18px; height:18px; box-sizing:border-box; content:""; position:absolute; top:0; left:0; background:url(../../img/common/spr_etc.png?v=1) -503px -541px no-repeat }
.header_wrap .util_wrap > ul.after_login > li > a { color:#fff }
.header_wrap .util_wrap > ul.after_login > li > a.btn_login { padding-left:50px; font-size:14px; color:#fff; font-weight:normal }
.header_wrap .util_wrap > ul.after_login > li > a.btn_login:before { display:none }
.header_wrap .util_wrap > ul.after_login > li > a.btn_mypage { display:none }
.header_wrap .util_wrap > ul.after_login > li > a.btn_join:before { background-position:-569px -541px }
.header_wrap .util_wrap > ul > li > a span.icon_character { position:absolute; top:50%; left:0; transform:translate(0, -50%); width:36px; height:36px; box-sizing:border-box }
.header_wrap .util_wrap .btnTopSide { display:block; overflow:hidden; width:200px; height:80px; background:#b77929;  font-size:20px; line-height:80px; text-align:center; color:#fff; -webkit-transition:filter .3s; transition:filter .3s; }
.header_wrap .util_wrap > ul.after_login > li > a.btn_login:after { display:none; content:''; position:absolute; left:24px; top:50%; margin-top:4px; width:18px; height:18px; background:url(../../img/common/spr_etc.png?v=1) -498px -448px no-repeat }
.header_wrap .util_wrap .mob_copyright { display:none }
.dimm_sub_menu { position:fixed; left:0; top:0; z-index:13; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); display:none }
.header_wrap.small { height:65px; transition:0.2s; background:rgba(0, 0, 0, 0.9) }
.header_wrap.small:before { top:65px }
.header_wrap.small.open { height:auto }
.header_wrap.small .logo { height:65px }
.header_wrap.small nav > ul > li > a { height:65px }
.header_wrap.small .util_wrap { height:65px; transition:0.2s }
.header_wrap.small .util_wrap .btnTopSide { height:65px; line-height:65px }
.supporter .user_name,
.supporter span.writer { color:#45459d }
.supporter_mark { display:none; padding:0 1rem; height:24px; border-radius:15px; line-height:24px; background-color:#7967ff; color:#fff; font-size:12px; vertical-align:middle; box-sizing:border-box; cursor:default }
.snsArea a[class^="sns_"] { box-sizing:border-box; background:url(../../img/common/icon_sns.png?v=1) no-repeat; display:block; width:60px; height:60px; text-indent:-99999px; overflow:hidden; font-size:0 }
.util_sns.snsArea { display:none; align-items:center; justify-content:space-around; padding:3.333rem 0 1.667rem 0; }
.steamArea { display:none; width:100%; margin-top:0.833rem; }
.steamArea a { display:flex; justify-content:center; align-items:center; width:100%; height:4.791rem; box-sizing:border-box; text-indent:-99999px; overflow:hidden; font-size:0; border:1px solid rgba(223, 190, 106, 0.5); filter:sepia(1) }
.steamArea a:after { content:''; display:block; width:8.333rem; height:2.625rem; background:url(../../img/common/icn_steam_m.png) no-repeat 0 0 /8.333rem 2.625rem; opacity:0.8;  }
@keyframes blighter_package {
    0%,
    10%,
    100%,
    90% { -webkit-filter:brightness(1.2); filter:brightness(1.2) }
    50% { -webkit-filter:brightness(1); filter:brightness(1) }
 }
.cursor-text { cursor:text }
.cursor-pointer { cursor:pointer }
.cursor-default { cursor:default }
@media screen and (min-width: 1025px) and (max-width: 1680px) {
    .header_wrap .util_wrap > ul.after_login > li > a.btn_login { font-size:0 }
 }
@media screen and (max-width: 1830px) and (min-width: 1025px) {
    .header_wrap .util_wrap .btnTopSide { display:none }

 }
@media screen and (min-width: 1025px) and (max-width: 1557px) {.header_wrap { height:65px; box-sizing:border-box; background:rgba(0, 0, 0, 0.9) }
.header_wrap:before { top:65px; background:rgba(255, 255, 255, 0.3) }
.header_wrap.open { height:auto }
.header_wrap .logo { height:65px; box-sizing:border-box }
.header_wrap .btn_all_menu { display:block }
.header_wrap nav { padding-left:0 }
.header_wrap nav > ul { position:relative; top:0; left:0; align-items:stretch; justify-content:center; height:auto; box-sizing:border-box; padding-top:65px }
.header_wrap nav > ul:after { display:block; content:""; clear:both }
.header_wrap nav > ul > li { display:inline-block; max-width:14.285%; width:160px; vertical-align:middle; border-left:1px solid rgba(255, 255, 255, 0.3) }
.header_wrap nav > ul > li:first-child { border-left:none }
.header_wrap nav > ul > li > a { width:100%; padding:0 15px }
.header_wrap nav > ul > li .sub_menu { width:100% }
.header_wrap nav > ul > li .sub_menu > ul { padding-top:0 }
.header_wrap nav > ul > li .sub_menu > ul > li { padding:0 15px 15px }
.header_wrap .util_wrap { height:65px; box-sizing:border-box }
.header_wrap .util_wrap .btnTopSide { height:65px; line-height:65px }
 }
footer.footer_wrap { position:relative; padding-bottom:80px; background:#0f0c0a; }
footer.footer_wrap .layer_wechat { display:flex; justify-content:center; align-items:center; position:relative; }
footer.footer_wrap .layer_wechat .qr_box { display: none; justify-content: center; align-items: center; position: absolute; top: -60px; left: calc(50% - 415px); box-sizing: border-box; padding: 15px; background: #0f0c0a; border: 1px solid #3e3c3a; }
footer.footer_wrap .layer_wechat .qr_box.on { display:flex;}
footer.footer_wrap .layer_wechat .qr_box:after { content: ''; display: inline-block; position: absolute; bottom: -5px; left: calc(50% - 3px); padding: 4px; border: solid #3e3c3a; border-width: 0 1px 1px 0; background: #0f0c0a; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
footer.footer_wrap .sns_area { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; box-sizing: border-box; padding: 5rem 0 0 0; background: #0f0c0a; }
footer.footer_wrap .sns_area .btn_sns { position: relative; display: inline-block; width: 75px; height: 75px; margin: 0 20px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 50%; font-size: 0; transition: background .35s }
footer.footer_wrap .sns_area .btn_sns:before { display: block; content: ""; position: absolute; left: 50%; top: 50%; width: 40px; height: 36px; transform: translate(-50%, -50%); background: url(../../img/common/sha_icon_sns.png?v=5) no-repeat 0 0 / 800px 800px; -webkit-transition: .35s; transition: .35s }
footer.footer_wrap .sns_area .btn_facebook:before { background-position:-7px -661px; }
footer.footer_wrap .sns_area .btn_youtube:before { background-position:-52.1px -661px;}
footer.footer_wrap .sns_area .btn_twitch:before { background-position: -105px -661px; }
footer.footer_wrap .sns_area .btn_vk:before { background-position: -155px -661px; }
footer.footer_wrap .sns_area .btn_discord:before { background-position: -220px -661px; }
footer.footer_wrap .sns_area .btn_bahamut:before { background-position: -10px -661px; }
footer.footer_wrap .sns_area .btn_weibo:before { background-position: -286.5px -661px; }
footer.footer_wrap .sns_area .btn_twitter:before { background-position: -348.5px -661px; }
footer.footer_wrap .sns_area .btn_opgg:before { width: 55px; background-position: -414.5px -661px; }
footer.footer_wrap .sns_area .btn_17173:before { width: 60px; background-position: -493px -661px; }
footer.footer_wrap .sns_area .btn_douyu:before { background-position: -574px -661px; }
footer.footer_wrap .sns_area .btn_huya:before { background-position: -629px -661px; }
footer.footer_wrap .sns_area .btn_wechat:before { background-position: -687px -661px; }
footer.footer_wrap .sns_area .btn_bili:before { background-position: -401px -480px; }
footer.footer_wrap .inner_footer { position: relative; padding-top: 2.5rem; box-sizing: border-box }
footer.footer_wrap .inner_footer .term_list { width:100%; margin-bottom:40px; text-align:center; box-sizing:border-box; padding:0 5%; line-height:2 }
footer.footer_wrap .inner_footer .term_list a { display:inline-block; position:relative; padding:0 24px; font-size:14px; color:#d5d4d4 }
footer.footer_wrap .inner_footer .term_list a:nth-of-type(2){ color:#fff; font-weight:bold }
footer.footer_wrap .inner_footer .term_list a:before { display:block; content:""; position:absolute; left:0; top:50%; width:1px; height:11px; margin-top:-5px; background-color:#727373 }
footer.footer_wrap .inner_footer .term_list a:first-child:before { display:none }
footer.footer_wrap .inner_footer address { text-align:center; font-style:normal }
footer.footer_wrap .inner_footer address span { display:inline-block; position:relative; padding:0 20px; vertical-align:middle; font-size:13px; color:#7f7e7e; line-height:1.769 }
footer.footer_wrap .inner_footer address span a { font-size:13px; color:#7f7e7e; line-height:1.769; text-decoration:underline }
footer.footer_wrap .inner_footer address span:before { display:block; content:""; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#727373 }
footer.footer_wrap .inner_footer address span:first-child:before { display:none }
footer.footer_wrap .inner_footer .copyright { margin-top:40px; text-align:center; position:relative }
footer.footer_wrap .inner_footer .copyright .btn_pearlabyss { display:inline-block; position:relative; width:144px; height:26px; vertical-align:middle; font-size:0 }
footer.footer_wrap .inner_footer .copyright .btn_pearlabyss:before { display:block; content:""; width:100%; height:100%; background:url(../../img/common/spr_etc.png?v=1?v=20200120) -190px -767px no-repeat; background-size:800px 800px }
footer.footer_wrap .inner_footer .copyright p { display:inline-block; margin-left:15px; vertical-align:middle; font-size:13px; color:#7f7e7e }
footer.footer_wrap .inner_footer .adrCopyright { text-align:left; padding:10px 0 20px; justify-content:center; display:flex; align-items:center }
footer.footer_wrap .inner_footer .adrCopyright .txtRating { margin-left:12px; display:inline-block; vertical-align:middle; font-size:13px; color:#7f7e7e }
footer.footer_wrap .inner_footer .box_game_info { margin-top:40px; text-align:center }
footer.footer_wrap .inner_footer .box_game_info .left_area { display:inline-block; vertical-align:middle }
footer.footer_wrap .inner_footer .box_game_info .left_area ul { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; align-items:stretch; justify-content:flex-start }
footer.footer_wrap .inner_footer .box_game_info .left_area ul li { width:56px; height:66px; box-sizing:border-box; margin:0 3px; background-size:55px 66px; background-repeat:no-repeat;  }
footer.footer_wrap .inner_footer .box_game_info .left_area ul li.sensibility { background-image:url(../../img/common/footer_sensibility.png); }
footer.footer_wrap .inner_footer .box_game_info .left_area ul li.violence { background-image:url(../../img/common/footer_violence.png); }
footer.footer_wrap .inner_footer .box_game_info .left_area ul li.grade { background-image:url(../../img/common/footer_grade15.png); }
footer.footer_wrap .inner_footer .box_game_info .right_area { display:inline-block; vertical-align:middle }
footer.footer_wrap .inner_footer .box_game_info .right_area .table {display: flex; justify-content: space-between; align-items:center; flex-wrap: wrap; width: 560px; background:#fab746;}
footer.footer_wrap .inner_footer .box_game_info .right_area ul { display:block; height: 100%; flex: 0 0 17%; }
footer.footer_wrap .inner_footer .box_game_info .right_area ul.info {flex: 0 0 33%;}
footer.footer_wrap .inner_footer .box_game_info .right_area ul li {display: flex; justify-content: flex-start; align-items: center; height: 22px; box-sizing: border-box; padding-left:0.2rem; border-right: 1px solid #000; border-bottom: 1px solid #000; font-size:12px; font-weight:normal; color:#111115; text-align:left; letter-spacing:-1px;   }
footer.footer_wrap .inner_footer .box_game_info .right_area ul li br {display: none;}
footer.footer_wrap .inner_footer .box_game_info .right_area ul li.bd_none { border:none; }
footer.footer_wrap .inner_footer .box_game_info .right_area ul li.bdb_none { border-bottom:none; }
footer.footer_wrap .inner_footer .box_game_info .right_area ul li.bdr_none { border-right:none; }
footer.footer_wrap .inner_footer .box_game_info .right_area ul li.wide { width:307px }
footer.footer_wrap .inner_footer .box_game_info .right_area ul li span.title { position:relative; display:inline-block; vertical-align:middle; width:131px; text-align:left }
footer.footer_wrap .inner_footer .box_game_info .right_area ul li span.title:after { display:block; content:""; position:absolute; top:50%; right:0; width:1px; height:10px; box-sizing:border-box; margin-right:14px; transform:translate(0, -50%); background:#5f3339 }
.footer_item { display:flex; justify-content:center; align-items:center }
.sitemap_country { display:none; width:100%; background:#252831; border-top:1px solid #35383f; border-bottom:1px solid #35383f; position:absolute; left:0; bottom:calc(100% - 1px) }
.sitemap_platform { max-width:960px; margin:0 auto; text-align:center; display:flex; justify-content:center; align-items:center; color:#fff }
.sitemap_platform article { width:calc(100% - 510px ); height:210px; display:flex; flex-direction:column; text-align:left; padding-left:30px; padding-top:50px }
.sitemap_platform article.site_mobile { width:150px; border-right:1px solid #35383f; padding-left:30px }
.sitemap_platform article.site_gstar { width:196px; border-right:1px solid #35383f; padding-left:30px }
.sitemap_platform article.site_gstar li { width:auto; max-width:100% }
.sitemap_platform article.site_gstar li span { cursor:default }
.sitemap_platform article.site_gstar li a,
.sitemap_platform article.site_gstar li span { font-size:14px; color:#ecaf4b }
.sitemap_platform article.site_gstar em { color:red; padding:12px 0 8px 6px; font-size:9px }
.site_title { display:block; font-size:16px; color:#ecaf4b; font-weight:bold }
.sitemap_platform article ul { margin-top:8px }
.sitemap_platform article.site_pc ul { width:100%; display:flex; flex-wrap:wrap }
.sitemap_platform article ul li { display:block; width:33.33% }
.sitemap_platform article ul li a,
.sitemap_platform article ul li span { display:block; padding:8px 0; font-size:14px; color:#7c7c7e }
.sitemap_platform article ul li a.active { color:#7999f0; text-decoration:underline }
.btn_country { display:inline-block; vertical-align:middle; position:relative; margin-left:30px; margin-top:0; max-width:220px; padding:16px 40px 16px 20px; font-size:14px; color:#7c7c7e; border:1px solid #42454d; background:#252831; text-align:left; order:1 }
.btn_country:before { display:block; position:absolute; right:20px; top:50%; margin-top:-2.5px; content:""; width:0; border-bottom:5px solid #3d3d3d; border-left:4px solid transparent; border-right:4px solid transparent; transition:.3s }
.btn_country.active { color:#d5d4d4; border-color:#35383f; border-top-color:transparent }
.btn_country.active:before { transform:rotate(180deg) }
.messageBox { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.3); z-index:999; display:none }
.messageBox .content { width:80%; height:80%; max-width:800px; max-height:600px; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#fff }
.messageBox .header { height:10%; text-align:right }
.messageBox .body { height:80%; text-align:center }
.messageBox .body:before { content:''; width:1px; height:100%; display:inline-block; vertical-align:middle; margin-left:-1px }
.messageBox .body > span { display:inline-block; vertical-align:middle }
.messageBox .footer { height:10%; display:flex; justify-content:center }
#popupSlider { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.9); z-index:999; display:none }
#popupSlider .pop_header { position:absolute; top:-90px; left:0; width:100%; font-size:0; text-align:right }
#popupSlider .pop_header .btn { display:inline-block; vertical-align:middle; width:65px; height:65px; box-sizing:border-box; border:1px solid #3a3a3a }
#popupSlider .pop_header .btn_not_today { word-break:keep-all; font-size:.8rem; color:#fff; width:160px }
#popupSlider .pop_header .btn_pop_close { margin-left:-1px }
#popupSlider .pop_header .btn_pop_close span { display:block; position:absolute; left:14px; top:30px; width:35px; height:2px; box-sizing:border-box; background:rgba(255, 255, 255, 0.5) }
#popupSlider .pop_header .btn_pop_close span:nth-child(1) { transform:rotate(45deg) }
#popupSlider .pop_header .btn_pop_close span:nth-child(2) { transform:rotate(135deg) }
#popupSlider .pop_header .btn_pop_download:before { display:block; content:""; width:29px; height:27px; box-sizing:border-box; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../../img/common/spr_etc.png?v=1) -383px 0 no-repeat; background-size:800px 800px; opacity:1 }
#popupSlider .pop_body { height:100%; box-sizing:border-box }
#popupSlider .pop_content { max-width:calc(100% - 300px); max-height:calc(100% - 300px); height:100%; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#000 }
#popupSlider .pop_content.main { max-width:100%; max-height:100% }
#popupSlider .pop_content .pop_slide_wrap { position:relative; height:100%; text-align:center }
#popupSlider .pop_content .pop_slide_wrap img { max-width:100%; max-height:100% }
#popupSlider .pop_content .pop_slide_wrap .owl-stage-outer { height:100%!important }
#popupSlider .pop_content .pop_slide_wrap .owl-stage { height:100%; box-sizing:border-box }
#popupSlider .pop_content .pop_slide_wrap .owl-item img { width:auto; max-width:100%; max-height:100%; margin:0 auto }
#popupSlider .pop_content .pop_slide_wrap button[role="presentation"] { display:block; overflow:hidden; position:absolute; top:50%; transform:translate(0, -50%); width:65px; height:117px; box-sizing:border-box }
#popupSlider .pop_content .pop_slide_wrap button[role="presentation"]:before { display:block; content:""; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
#popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-prev { left:-115px }
#popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-prev:before { left:90%; width:80px; height:80px; background-color:transparent; border-left:2px solid rgba(255, 255, 255, 0.5); border-top:2px solid rgba(255, 255, 255, 0.5); transform:translate(-50%, -50%) rotate(-45deg) }
#popupSlider .pop_content .pop_slide_wrap .owl-item { height:100%; box-sizing:border-box; display:flex; align-items:center }
#popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-next { right:-115px }
#popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-next:before { left:10%; width:80px; height:80px; background-color:transparent; border-left:2px solid rgba(255, 255, 255, 0.5); border-top:2px solid rgba(255, 255, 255, 0.5); transform:translate(-50%, -50%) rotate(135deg) }
#popupSlider .pop_content .pop_slide_wrap .owl-dots { display:none }
.popup_coupon { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.9); z-index:999; display:none }
.popup_coupon .pop_header { position:absolute; top:-90px; left:0; width:100%; font-size:0; text-align:right }
.popup_coupon .pop_header .btn { display:inline-block; vertical-align:middle; width:65px; height:65px; box-sizing:border-box; border:1px solid #3a3a3a }
.popup_coupon .pop_header .btn_pop_close { margin-left:-1px }
.popup_coupon .pop_header .btn_pop_close span { display:block; position:absolute; left:14px; top:30px; width:35px; height:2px; box-sizing:border-box; background:rgba(255, 255, 255, 0.5) }
.popup_coupon .pop_header .btn_pop_close span:nth-child(1) { transform:rotate(45deg) }
.popup_coupon .pop_header .btn_pop_close span:nth-child(2) { transform:rotate(135deg) }
.popup_coupon .pop_header .btn_pop_download:before { display:block; content:""; width:29px; height:27px; box-sizing:border-box; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../../img/common/spr_etc.png?v=1) -383px 0 no-repeat; background-size:800px 800px }
.popup_coupon .pop_content { max-width:752px; max-height:392px; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#000 }
.popup_coupon .pop_content .pop_coupon_wrap { width:752px; height:392px; box-sizing:border-box; background:url(../../img/common/pop_coupon_wrap_bg.png) no-repeat; background-size:752px 392px; text-align:center; position:relative; padding:50px; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center }
.popup_coupon .pop_content .pop_coupon_wrap h2 { font-size:26px; color:#30343f; font-weight:bold; padding:0; margin-top:30px }
.popup_coupon .pop_content .pop_coupon_wrap span.h2_desc { display:block; font-size:15px; color:#30343f; font-weight:normal; margin-top:20px }
.popup_coupon .pop_content .pop_coupon_con:before { display:block; content:''; width:50px; height:50px; margin:0 auto; background:url(../../img/common/spr_etc.png?v=1) -590px -628px no-repeat; background-size:800px 800px }
.popup_coupon .pop_content .pop_coupon_wrap .btn_wrap { margin-top:40px }
.popup_coupon .remaining_time_wrap { margin-top:20px; line-height:1 }
.popup_coupon .remaining_time_wrap span { display:inline-block; vertical-align:middle; font-size:18px; color:#931313; font-weight:bold }
.popup_coupon .remaining_time_wrap span.remaining_time { padding-left:25px; margin-left:25px; position:relative }
.popup_coupon .remaining_time_wrap span.remaining_time:before { display:block; content:''; position:absolute; top:50%; left:0; width:1px; height:17px; background:#af9b8c; transform:translateY(-50%) }

@media screen and (max-width: 1400px) {
    #popupSlider .pop_content { max-width:1000px; max-height:680px }
}

.loadingLayer { position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.9); z-index:999; display:none }
.loadingLayer .loading_progress_wrap { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; width:100%; height:100% }
.loadingLayer .loading_progress_wrap .loading_circle { display:block; width:100px; height:100px; margin:0 auto; text-align:center; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; align-items:center }
.loadingLayer .loading_progress_wrap .loading_circle .loader { color:#fff; font-size:14px; margin:0 auto; width:1em; height:1em; border-radius:50%; position:relative; text-indent:-9999em; -webkit-animation:1.3s linear infinite load5; animation:1.3s linear infinite load5; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0) }
.loadingLayer .loading_progress_wrap img { width:100%; animation:4s linear infinite spin }
.loadingLayer .loading_progress_wrap .loading_text { display:block; font-size:20px; color:#fff; font-weight:normal; margin-top:28px }
@keyframes spin {
    from { transform:rotate(0) }
    to { transform:rotate(360deg) }
 }
@-webkit-keyframes load5 {
    0%,
    100% { box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.5),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7) }
    12.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5) }
    25% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.5),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    37.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5),2.5em 0 0 0 rgba(255, 255, 255, 0.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    50% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.5),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    62.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5),0 2.5em 0 0 rgba(255, 255, 255, 0.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    75% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.5),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    87.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5),-2.6em 0 0 0 rgba(255, 255, 255, 0.7),-1.8em -1.8em 0 0 #fff }
 }
@keyframes load5 {
    0%,
    100% { box-shadow:0 -2.6em 0 0 #fff,1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.5),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7) }
    12.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.7),1.8em -1.8em 0 0 #fff,2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5) }
    25% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.5),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.7),2.5em 0 0 0 #fff,1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    37.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.5),2.5em 0 0 0 rgba(255, 255, 255, 0.7),1.75em 1.75em 0 0 #fff,0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    50% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.5),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.7),0 2.5em 0 0 #fff,-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.2),-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    62.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.5),0 2.5em 0 0 rgba(255, 255, 255, 0.7),-1.8em 1.8em 0 0 #fff,-2.6em 0 0 0 rgba(255, 255, 255, 0.2),-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    75% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.5),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.7),-2.6em 0 0 0 #fff,-1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2) }
    87.5% { box-shadow:0 -2.6em 0 0 rgba(255, 255, 255, 0.2),1.8em -1.8em 0 0 rgba(255, 255, 255, 0.2),2.5em 0 0 0 rgba(255, 255, 255, 0.2),1.75em 1.75em 0 0 rgba(255, 255, 255, 0.2),0 2.5em 0 0 rgba(255, 255, 255, 0.2),-1.8em 1.8em 0 0 rgba(255, 255, 255, 0.5),-2.6em 0 0 0 rgba(255, 255, 255, 0.7),-1.8em -1.8em 0 0 #fff }
 }
.container.notfound { background: #f0f0f0; min-height: 100vh; padding: 0 }
.notfound_wrap { text-align: center; padding-top: 200px }
.notfound_wrap .notfound_msg { position: relative; z-index: 2; overflow: hidden }
.notfound_wrap .img_area { width: 719px; height: 273px; box-sizing: border-box; margin: 0 auto 3rem; }
.notfound_wrap .img_area:before { display: block; content: ''; width: 100%; height: 100%; background: url(../../img/common/error_404.png) no-repeat top center/100% auto; }
.notfound_wrap .text_area .text01 { display: block; font-size: 19px; color: #000; font-weight: bold; line-height: 1.57 }
.notfound_wrap .text_area .text02 { display: block; font-size: 16px; color: #545454; font-weight: normal; line-height: 1.25; margin-top: 30px }
.notfound_wrap .btn_wrap { margin-top: 70px }
.notfound_wrap .btn_wrap .btn_big { width: 369px; height: 95px; font-size: 24px; }
.footer_wrap.notfound { background: #f0f0f0; padding: 0 }
.footer_wrap.notfound .copyright { text-align: center; padding: 110px 0 35px }
.footer_wrap.notfound .copyright a.btn_pearlabyss { display: inline-block; vertical-align: middle; position: relative; width: 143px; height: 26px; font-size: 0; margin: 0 6px }
.footer_wrap.notfound .copyright a.btn_pearlabyss:before { display: block; content: ""; width: 100%; height: 100%; background: url(../../img/common/spr_etc.png?v=1) -190px -767px no-repeat; background-size: 800px 800px }
.footer_wrap.notfound .copyright p { display: inline-block; vertical-align: middle; font-size: 13px; color: #7f7e7e; font-weight: normal; margin: 0 6px }
.container.closetime { background:#f0f0f0; min-height:100vh; padding:0 }
.closetime_wrap { text-align:center; padding-top:180px }
.closetime_message { overflow:hidden }
.closetime_wrap .closetime_msg { position:relative; z-index:2 }
.closetime_wrap .img_area { height:309px; box-sizing:border-box; margin:0 auto; position:relative }
.closetime_wrap .img_area:before { display: block; content: ''; width: 100%; height: 100%; background: url(../../img/common/system_check.png) top center no-repeat }
.closetime_wrap .text_area { position: relative; max-width: 1000px; box-sizing: border-box; margin: 0 auto; padding: 30px 0 100px; }
.closetime_wrap .text_area .text01 { display:block; font-size:19px; color:#000; font-weight:bold; line-height:1.57; margin-bottom:30px }
.closetime_wrap .text_area .text02 { display:block; font-size:17px; color:#000; font-weight:bold; line-height:1.58 }
.closetime_wrap .text_area .text03 { display:block; font-size:16px; color:#545454; font-weight:normal; line-height:1.5; margin-top:20px }
.closetime_wrap .text_area .text04 { display:block; font-size:17px; color:#000; font-weight:bold; line-height:1.57; margin-top:100px }
.closetime_wrap .text_area .text_red { color:#911412 }
.closetime_wrap .btn_wrap { margin-top:50px }
.footer_wrap.closetime { background:#f0f0f0; height:118px; padding:0 }
.footer_wrap.closetime .copyright { text-align:center; padding:60px 0 20px; box-sizing:border-box }
.footer_wrap.closetime .copyright a.btn_pearlabyss { display:inline-block; vertical-align:middle; position:relative; width:144px; height:26px; font-size:0; margin:0 6px }
.footer_wrap.closetime .copyright a.btn_pearlabyss:before { display:block; content:""; width:100%; height:100%; background:url(../../img/common/spr_etc.png?v=1) -190px -767px no-repeat; background-size:800px 800px }
.footer_wrap.closetime .copyright p { display:inline-block; vertical-align:middle; font-size:13px; color:#7f7e7e; font-weight:normal; margin:0 6px }
.container.policy { padding-top:80px }
.container.policy .sort_area { margin:24px 0 50px }
.container.policy .sort_area:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
.container.policy .sort_area .right_area { float:right; vertical-align:top }
.container.policy .sort_area .right_area span.custom_select + span.custom_select { margin-left:5px }
.container.policy h2 { padding:0 0 40px; border-bottom:2px solid #555; font-size:45px; color:#2e2e2e; font-weight:normal }
.container.policy .policy_wrap { padding:50px 0 }
.mar_t10 { margin-top:10px }
.mar_t15 { margin-top:15px }
.mar_t20 { margin-top:20px }
.mar_t30 { margin-top:30px }
.mar_t40 { margin-top:40px }
.mar_t50 { margin-top:50px }
.mar_t100 { margin-top:100px }
.mar_l15 { margin-left:15px }
.mar_l20 { margin-left:20px }
.mar_b10 { margin-bottom:10px }
.mar_b15 { margin-bottom:15px }
.mar_b20 { margin-bottom:20px }
.mar_b30 { margin-bottom:30px }
.mar_b40 { margin-bottom:40px }
.mar_b50 { margin-bottom:50px }
.mar_b100 { margin-bottom:100px }
.custom_check { position:relative; display:inline-block }
.custom_check input[type="checkbox"],
.custom_check input[type="radio"] { position:absolute; left:-1px; top:-1px; width:1px; height:1px; opacity:0 }
.custom_check input[type="checkbox"] + label { position:relative; display:inline-block; padding-left:42px; vertical-align:middle; font-size:16px; color:#000; line-height:1.3; cursor:pointer }
.custom_check input[type="checkbox"] + label:before { display:block; content:""; position:absolute; left:0; top:50%; width:28px; height:28px; background-color:#d5d5d5; border:1px solid #d5d5d5; transition:0.25s; box-sizing:border-box; transform:translate(0, -50%) }
.custom_check input[type="checkbox"] + label:after { display:block; content:""; overflow:hidden; position:absolute; left:8px; top:calc(50% - 6px); z-index:10; width:12px; height:10px; background:url(../../img/common/spr_etc.png?v=1) 0 -411px no-repeat; background-size:800px 800px }
.custom_check input[type="checkbox"]:checked + label:before { background-color:#2b2f5a; border:1px solid #2b2f5a }
.custom_check.round input[type='checkbox'] + label:before { width:14px; height:14px; background:#fff; border:1px solid #b6b6b6; border-radius:50% }
.custom_check.round input[type="checkbox"] + label:after { width:8px; height:8px; background:#fff; left:3px; top:3px; border-radius:50% }
.custom_check.round input[type='checkbox']:checked + label:before { border-color:#262626 }
.custom_check.round input[type='checkbox']:checked + label:after { background:#262626 }
.custom_check.single { width:28px; height:28px; box-sizing:border-box }
.custom_check.single input[type="checkbox"] + label { width:100%; height:100%; font-size:0; padding:0 }
.custom_radio { position:relative; display:inline-block }
.custom_radio input[type="radio"] { position:absolute; left:-1px; top:-1px; width:1px; height:1px; opacity:0 }
.custom_radio input[type="radio"] + label { position:relative; display:inline-block; padding-left:24px; vertical-align:middle; font-size:16px; color:#000; line-height:1.4; cursor:pointer }
.custom_radio input[type="radio"] + label:before { display:block; content:""; position:absolute; left:0; top:50%; width:14px; height:14px; background:#fff; border:1px solid #b6b6b6; border-radius:50%; transition:0.25s; box-sizing:border-box; transform:translateY(-50%) }
.custom_radio input[type="radio"] + label:after { display:block; content:""; overflow:hidden; position:absolute; left:0; width:8px; height:8px; background:#fff; top:50%; border-radius:50%; z-index:10; transform:translateY(-50%); margin-left:3px }
.custom_radio input[type='radio']:checked + label:before { border-color:#262626 }
.custom_radio input[type='radio']:checked + label:after { background:#262626 }
.custom_input { position:relative; display:inline-block; width:calc(100% - 2px); border:1px solid #b3b3b3; box-sizing:content-box }
.custom_input input[type="email"],
.custom_input input[type="password"],
.custom_input input[type="text"] { width:100%; height:58px; max-height:66px; padding:0 25px; font-size:17px; color:#323232; box-sizing:border-box; border:0;  }
.custom_input.mid input[type="email"],
.custom_input.mid input[type="password"],
.custom_input.mid input[type="text"] { height:53px }
.custom_input label:before { display:block; content:""; position:absolute; left:0; top:0; z-index:-1; width:100%; height:54%; box-sizing:border-box; background:#fff }
.custom_input.label label { position:absolute; left:27px; top:50%; transform:translate(0, -50%); font-size:17px; color:#323232; transition:0.15s }
.custom_input > *,
.custom_input:after,
.custom_input:before { cursor:text }
input.active { box-shadow:0 0 0 1px #2b305a }
.custom_input.sml input[type="text"] { height:43px; box-sizing:border-box; padding:0 18px; font-size:14px; color:#4f4f4f; font-weight:normal }
.custom_input .circle_pending { position:absolute; top:50%; transform:translateY(-50%); right:20px }
.custom_input.active { border:1px solid #2b305a }
.custom_input.active label { left:18px; top:-8px; transform:translate(0, 0); padding:0 9px; background-color:#fff; font-size:13px; color:#2b305a }
.custom_input.error { border:1px solid #931313 }
.custom_input.error label { color:#931313 }
.custom_input input.active + label { left:18px; top:-8px; transform:translate(0, 0); padding:0 9px; font-size:13px; color:#2b305a }
.custom_input.error input { box-shadow:0 0 0 1px #931313 }
.custom_input.error input + label,
.custom_input.error input:focus + label { color:#931313 }
.custom_input.correct input { background-color:#e8f0fe }
.custom_input.icon input[type="password"],
.custom_input.icon input[type="text"] { padding-right:60px }
.custom_input.sml.icon input[type="text"] { padding-right:45px }
.custom_input.icon:before { display:block; content:""; overflow:hidden; position:absolute; right:20px; top:50%; transform:translate(0, -50%); background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-size:800px 800px }
.custom_input.icon_email:before { width:21px; height:16px; background-position:-73px -383px }
.custom_input.icon_pass:before { width:18px; height:22px; background-position:-117px -383px }
.custom_input.icon_pass_check:before { right:15px; width:22px; height:22px; background-position:-225px -383px }
.custom_input.icon_user:before { width:18px; height:18px; background-position:-155px -383px }
.custom_input.icon_verification:before { width:19px; height:21px; background-position:-190px -383px }
.custom_input.error:before { right:20px; width:21px; height:21px; background-position:-35px -447px }
.custom_input.icn_cal:before { width:18px; height:18px; box-sizing:border-box; background-position:-383px -383px }
.custom_input.icon_phone:before { width:18px; height:24px; background-position:-585px -383px }
.custom_input.icon_key:before { width:14px; height:24px; background-position:-612px -383px }
.custom_input input[type="email"]:disabled,
.custom_input input[type="password"]:disabled,
.custom_input input[type="text"]:disabled,
.custom_select select:disabled { background:#f4f4f4; color:#b3b3b3; cursor:not-allowed }
.custom_input input:disabled + label { left:18px; top:-8px; transform:translate(0, 0); padding:0 9px; font-size:13px; color:#2b305a }
.custom_input input[readonly] { background:#f4f4f4; color:#b3b3b3 }
.custom_input input[readonly] + label { left:18px; top:-8px; transform:translate(0, 0); padding:0 9px; font-size:13px; color:#2b305a }
input:focus { box-shadow:0 0 0 1px #2b305a }
.custom_input input:focus + label { left:18px; top:-8px; transform:translate(0, 0); padding:0 9px; font-size:13px; color:#2b305a }
input:disabled:focus { box-shadow:0 0 0 1px #b3b3b3 }
input[readonly]:focus { box-shadow:0 0 0 1px #b3b3b3 }
.custom_select { position:relative; display:inline-block; box-sizing:border-box }
.custom_select:after { display:block; content:""; overflow:hidden; width:8px; height:8px; border-left:2px solid #4f4f4f; border-top:2px solid #4f4f4f; background-color:transparent; transform:translate(0, -50%) rotate(225deg); position:absolute; right:20px; top:45% }
.custom_select select { width:100%; height:58px; padding:0 45px 0 25px; border:1px solid #b3b3b3; box-sizing:border-box; font-size:18px; color:#4f4f4f; cursor:pointer; outline:0 }
.custom_select.mid select { height:48px; box-sizing:border-box; font-size:15px; color:#888 }
.btn_wrap { position:relative; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; text-align:center }
.btn { position:relative; display:inline-block; box-sizing:border-box; text-align:center; vertical-align:middle }
.btn + .btn { margin-left:5px }
.btn span { position:relative }
.btn:before { display:block; content:""; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0, 0, 0, 0.1); opacity:0; transition:opacity 0.25s }
.btn_big { width:290px; height:75px; border-radius:2px; line-height:1; display:flex; justify-content:center; align-items:center; font-size:19px }
.btn_mid { width:260px; height:60px; border-radius:2px; line-height:1; display:flex; justify-content:center; align-items:center; font-size:16px }
.btn_mid2 { width:260px; height:70px; border-radius:2px; line-height:1; display:flex; justify-content:center; align-items:center; font-size:17px }
.btn_mid3 { min-width:150px; padding:0 20px; height:50px; line-height:1; display:flex; justify-content:center; align-items:center; font-size:15px }
.btn_link { min-width:150px; height:50px; box-sizing:border-box; font-size:15px; color:#fff; line-height:50px }
.btn_link span { padding-right:22px }
.btn_link span:before { display:block; content:""; overflow:hidden; position:absolute; top:3px; right:0; width:16px; height:16px; box-sizing:border-box; background:url(../../img/common/spr_etc.png?v=1) -499px -383px no-repeat }
.btn_sml { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; max-width:200px; height:38px; padding:0 15px; font-size:14px }
.btn_sml02 { height:45px; padding:0 35px; line-height:45px; font-size:14px }
.btn_sml03 { height:43px; padding:0 24px; font-size:15px; color:#fff; font-weight:normal; line-height:43px }
.btn_blue { color:#fff; background-color:#2b305a }
.btn_white { color:#2b305a; background-color:#fff; border:1px solid #2b305a }
.btn_gray { color:#606060; border:1px solid #cbcbcb; background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2)); background-image:-webkit-linear-gradient(top, #fff, #f2f2f2); background-image:-moz-linear-gradient(top, #fff, #f2f2f2); background-image:-ms-linear-gradient(top, #fff, #f2f2f2); background-image:-o-linear-gradient(top, #fff, #f2f2f2); background-image:linear-gradient(top, #fff, #f2f2f2); background-color:#fff }
.btn_gray02 { background:#e7e7e7; font-size:19px; color:#575757; font-weight:normal }
.btn_black { background:#323232; color:#fff }
.btn_yellow { background:#9f865d; color:#fff }
.btn_share { background:#3c5a99; color:#fff }
.btn_share span { position:relative; padding-left:15px }
.btn_share span:before { display:block; content:''; position:absolute; left:0; top:50%; width:7px; height:13px; transform:translateY(-50%); background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-size:800px 800px; background-position:0 -574px }
.btn_text { text-decoration:underline }
.btn_text.text_blue { color:#286bc6 }
.btn_arrow span { position:relative; padding-right:28px }
.btn_arrow span:after { display:block; content:""; position:absolute; top:55%; right:5px; transform:translate(0, -50%) rotate(-40deg) skewX(10deg); width:8px; height:8px; box-sizing:border-box; border-right:1px solid #7f7f7f; border-bottom:1px solid #7f7f7f }
.btn_grd_blue { background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4c5891), color-stop(1, #404975)); background:-moz-linear-gradient(top, #4c5891 0, #404975 100%); background:-webkit-linear-gradient(top, #4c5891 0, #404975 100%); background:-o-linear-gradient(top, #4c5891 0, #404975 100%); background:-ms-linear-gradient(top, #4c5891 0, #404975 100%); background:linear-gradient(top, #4c5891 0, #404975 100%) }
.btn_grd_gray { background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #e3e3e3), color-stop(1, #cacaca)); background:-moz-linear-gradient(top, #e3e3e3 0, #cacaca 100%); background:-webkit-linear-gradient(top, #e3e3e3 0, #cacaca 100%); background:-o-linear-gradient(top, #e3e3e3 0, #cacaca 100%); background:-ms-linear-gradient(top, #e3e3e3 0, #cacaca 100%); background:linear-gradient(top, #e3e3e3 0, #cacaca 100%) }
.btn_grd_yellow { background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #9a866a), color-stop(1, #87765d)); background:-moz-linear-gradient(top, #9a866a 0, #87765d 100%); background:-webkit-linear-gradient(top, #9a866a 0, #87765d 100%); background:-o-linear-gradient(top, #9a866a 0, #87765d 100%); background:-ms-linear-gradient(top, #9a866a 0, #87765d 100%); background:linear-gradient(top, #9a866a 0, #87765d 100%) }
.btn_grd_gold { background:url(../../img/portal/data/spr_data.png) no-repeat; background-size:800px 800px; background-position:left 0 top 0; transition:0.3s }
.btn.disabled { border:0; background:none; background:#f6f6f6; color:#aaa; cursor:default }
.btn.disabled:before { display:none }
.btn .icon { position:relative }
.btn .icon:before { display:block; content:""; overflow:hidden; position:absolute; top:50%; left:0; transform:translate(0, -50%); background:url(../../img/common/icn_cm_spr.png) no-repeat; background-size:1600px 1600px }
.btn .icon.icn_download { display:inline-block; vertical-align:middle; width:46px; height:46px; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.5); border-radius:50%; margin:0 10px; flex:0 0 46px }
.btn .icon.icn_download:before { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:20px; height:20px; background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-position:-290px -29px }
.btn .icon.icn_buy { display:inline-block; vertical-align:middle; flex:0 0 46px; width:46px; height:46px; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 0.5); border-radius:50%; margin:0 10px }
.btn .icon.icn_buy:before { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:26px; height:24px; background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-position:-577px -446px }
ul.bullet_list { margin-top:13px }
ul.bullet_list li { position:relative; padding-left:9px; font-size:13px; line-height:1.538; color:#3d3d3d }
ul.bullet_list li:before { display:block; content:""; position:absolute; left:0; top:7px; width:3px; height:3px; background-color:silver }
ul.bullet_list.red li { color:#931313 }
ul.bullet_list.red li:before { background:#931313 }
ul.bullet_list.fs14 li { font-size:14px; line-height:1.785 }
ul.bullet_list.fs14 li:before { top:10px }
ul.bullet_list.fs15 li { font-size:15px; line-height:1.785 }
ul.bullet_list.fs15 li:before { top:12px }
ul.bullet_list.icon { position:relative; padding-left:112px }
ul.bullet_list.icon:before { display:block; content:""; overflow:hidden; position:absolute; top:50%; left:0; transform:translate(0, -50%); background:url(../../img/common/icn_cm_spr.png) no-repeat; background-size:1600px 1600px }
ul.bullet_list.icon.icn_list01:before { width:91px; height:91px; box-sizing:border-box; background-position:0 -1012px }
.brown { color:#7b4c29 }
.blue { color:#2e3b7d }
.paging { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center }
.paging a { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; position:relative; width:37px; height:37px; box-sizing:border-box; font-size:14px; color:#3d3d3d; font-weight:normal; transition:0.25s; white-space:nowrap }
.paging a.active { background:#323232; color:#fff }
.paging span { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; align-items:flex-end; width:37px; height:37px; box-sizing:border-box; padding:0 15px 10px; font-size:14px; color:#3d3d3d; font-weight:normal; white-space:nowrap }
.paging a.btn_arrow { border:1px solid #dedede }
.paging a.btn_arrow:before { display:block; content:""; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-size:800px 800px }
.paging a.prev { margin:0 20px 0 -1px }
.paging a.next { margin:0 -1px 0 20px }
.paging a.first:before { width:12px; height:13px; box-sizing:border-box; background-position:0 -518px }
.paging a.prev:before { width:7px; height:13px; box-sizing:border-box; background-position:-22px -518px }
.paging a.next:before { width:7px; height:13px; box-sizing:border-box; background-position:-35px -518px }
.paging a.last:before { width:12px; height:13px; box-sizing:border-box; background-position:-52px -518px }
.paging_area { position:relative }
.paging_area .btn_wrap { position:relative; display:flex; justify-content:flex-start; margin-top:20px }
.paging_area .btn_wrap.left_area { left:0; right:auto }
.tag_label { display:inline-block; vertical-align:middle; height:28px; box-sizing:border-box; padding:0 15px; font-size:14px; line-height:28px }
.tag_label.event { background:#31395e; color:#fff }
.tag_label.GMnote { background:#977b4c; color:#fff }
.tag_label.update { background:#931313; color:#fff }
.tag_label.noti { background:#64321e; color:#fff }
.tag_label.shop { background:#7797bf; color:#fff }
.tag_label.tip { background:#9f865d; color:#fff }
.tag_label.all { background:#931313; color:#fff }
.tag_label.board { background:#2e3b7d; color:#fff }
.tag_label.tip { background:#9f865d; color:#fff }
.tag_label.best { margin-left:10px; background:#bb4646; color:#fff; border-radius:15px }
.tag_label.screen { background:#693393; color:#fff }
.tag_label.friend { background:#323232; color:#fff }
.tag_label.guide { background: #553f69; color: #fff }
.tag_label.comp { background: #b9890b; color: #fff }
.btn_like { position:relative; display:inline-block; vertical-align:middle; padding-left:20px; font-size:14px; color:#3d3d3d; font-weight:normal }
.btn_like:before { display:block; content:""; position:absolute; top:4px; left:0; width:13px; height:12px; box-sizing:border-box; background:url(../../img/common/spr_etc.png?v=1) 0 -605px no-repeat; background-size:800px 800px }
.no_data { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; width:100%!important; padding:145px 0; border-top:1px solid #dfdfdf; box-sizing:border-box }
.no_data p { position:relative; height:50px; box-sizing:border-box; padding-left:65px; font-size:16px; color:#000; font-weight:normal; text-align:center; line-height:50px }
.no_data p:before { display:block; content:""; overflow:hidden; position:absolute; top:0; left:0; width:54px; height:54px; box-sizing:border-box; background:url(../../img/common/icn_cm_spr.png) -271px -724px no-repeat; background-size:1600px 1600px }
.icon_character { position:relative; display:inline-block; width:128px; height:128px; box-sizing:border-box; overflow:hidden; border-radius:50% }
.icon_character:before { display:block; content:""; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; top:0; left:0; background:url(../../img/common/character/character_default.jpg) no-repeat 0 0/cover; }
.icon_character.mid { width:80px; height:80px; box-sizing:border-box }
.icon_character.mid:before { background-image:url(../../img/common/character/character_default_mid.jpg) }
.icon_character.sml { width:45px; height:45px; box-sizing:border-box }
.icon_character.sml:before { background-image:url(../../img/common/character/character_default_sml.jpg) }
.icon_character.icn_character0:before { background-image:url(../../img/common/character/character0.jpg) }
.icon_character.thum_character:before{ content:''; display:block; width:100%; height:100%; border-radius:50%; background:#3e3e3e url(../../img/common/character/sha_character_52_v2.png) no-repeat -16px -31px/150px 82px;}
.midsize.icon_character.thum_character:before { background-position:-92px -26px;}
.largesize.icon_character.thum_character:before { background-size:300px 164px; background-position:-179px -49px;}
.icon_character.thum_character.thum_character_52:before,
.largesize.icon_character.thum_character.thum_character_52:before,
.midsize.icon_character.thum_character.thum_character_52:before { background-image:url(../../img/common/character/sha_character_52_v2.png) }
.icon_character.thum_character.thum_character_53:before,
.largesize.icon_character.thum_character.thum_character_53:before,
.midsize.icon_character.thum_character.thum_character_53:before { background-image:url(../../img/common/character/sha_character_53_v2.png) }
.icon_character.thum_character.thum_character_55:before,
.largesize.icon_character.thum_character.thum_character_55:before,
.midsize.icon_character.thum_character.thum_character_55:before { background-image:url(../../img/common/character/sha_character_55_v2.png) }
.icon_character.thum_character.thum_character_58:before,
.largesize.icon_character.thum_character.thum_character_58:before,
.midsize.icon_character.thum_character.thum_character_58:before { background-image:url(../../img/common/character/sha_character_58_v2.png) }
.icon_character.thum_character.thum_character_60:before,
.largesize.icon_character.thum_character.thum_character_60:before,
.midsize.icon_character.thum_character.thum_character_60:before { background-image:url(../../img/common/character/sha_character_60_v2.png) }
.icon_character.thum_character.thum_character_63:before,
.largesize.icon_character.thum_character.thum_character_63:before,
.midsize.icon_character.thum_character.thum_character_63:before { background-image:url(../../img/common/character/sha_character_63_v2.png) }
.icon_character.thum_character.thum_character_69:before,
.largesize.icon_character.thum_character.thum_character_69:before,
.midsize.icon_character.thum_character.thum_character_69:before { background-image:url(../../img/common/character/sha_character_69_v2.png) }
.icon_character.thum_character.thum_character_81:before,
.largesize.icon_character.thum_character.thum_character_81:before,
.midsize.icon_character.thum_character.thum_character_81:before { background-image:url(../../img/common/character/sha_character_81_v2.png) }
.icon_character.thum_character.thum_character_87:before,
.largesize.icon_character.thum_character.thum_character_87:before,
.midsize.icon_character.thum_character.thum_character_87:before{ background-image:url(../../img/common/character/sha_character_87_v2.png) }
.icon_character.thum_character.thum_character_65:before,
.largesize.icon_character.thum_character.thum_character_65:before,
.midsize.icon_character.thum_character.thum_character_65:before { background-image: url(../../img/common/character/sha_character_65_v2.png) }
.icon_character.thum_character.thum_character_62:before,
.largesize.icon_character.thum_character.thum_character_62:before,
.midsize.icon_character.thum_character.thum_character_62:before { background-image: url(../../img/common/character/sha_character_62_v2.png) }
.icon_character.thum_character.thum_character_77:before,
.largesize.icon_character.thum_character.thum_character_77:before,
.midsize.icon_character.thum_character.thum_character_77:before { background-image: url(../../img/common/character/sha_character_77.png) }
.icon_character.thum_character.thum_character_86:before,
.largesize.icon_character.thum_character.thum_character_86:before,
.midsize.icon_character.thum_character.thum_character_86:before { background-image: url(../../img/common/character/sha_character_86.png) }
.icon_character.thum_character.thum_character_88:before,
.largesize.icon_character.thum_character.thum_character_88:before,
.midsize.icon_character.thum_character.thum_character_88:before { background-image: url(../../img/common/character/sha_character_88.png) }
.icon_character.thum_character.thum_character_73:before,
.largesize.icon_character.thum_character.thum_character_73:before,
.midsize.icon_character.thum_character.thum_character_73:before { background-image: url(../../img/common/character/sha_character_73.png) }


.inGame .header_title { display:block!important; position:relative; z-index:5; overflow:hidden; margin-bottom:15px; padding:18px 20px 16px; border:1px solid #dfdfdf; font-size:20px!important; color:#333; line-height:1.4; text-align:left; font-family:inherit }
.inGame .header_title:before { z-index:-1 }
/* 흑정령 마크라서 주석처리*/
/*.inGame .header_title:after { display:block; content:""; position:absolute; top:50%; right:-24px; transform:translate(0, -50%); width:128px; height:128px; box-sizing:border-box; background:url(../../img/common/icn_detail_title_spr.png) no-repeat }*/
.inGame .header_title span { position:relative; z-index:2 }
.inGame .header_title.yellow { background:#957c60; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #957c60), color-stop(1, #867059)); background:-moz-linear-gradient(top, #957c60 0, #867059 100%); background:-webkit-linear-gradient(top, #957c60 0, #867059 100%); background:-o-linear-gradient(top, #957c60 0, #867059 100%); background:-ms-linear-gradient(top, #957c60 0, #867059 100%); background:linear-gradient(top, #957c60 0, #867059 100%); border:none; color:#fff }
.inGame .header_title.yellow:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box }
.inGame .header_title.yellow:after { background-position:-137px 0 }
.inGame .header_title.black { background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #303030)); background:-moz-linear-gradient(top, #3e3e3e 0, #303030 100%); background:-webkit-linear-gradient(top, #3e3e3e 0, #303030 100%); background:-o-linear-gradient(top, #3e3e3e 0, #303030 100%); background:-ms-linear-gradient(top, #3e3e3e 0, #303030 100%); background:linear-gradient(top, #3e3e3e 0, #303030 100%); border:none; color:#fff }
.inGame .header_title.black:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box }
.inGame .header_title.black:after { background-position:-274px 0 }
.inGame .first_title { position:relative; margin-bottom:28px; padding-left:9px; font-size:20px!important; color:#000; line-height:1.6 }
.inGame .first_title:before { display:block; content:""; position:absolute; top:8px; left:0; width:3px; height:17px; box-sizing:border-box; background:#000 }
.inGame .second_title { position:relative; margin-bottom:15px; font-size:18px!important; color:#000 }
.inGame .sub_title { position:relative; margin-bottom:15px; font-size:15px!important; color:#000 }
.inGame .table_contents { position:relative; margin:40px 0 }
.inGame .table_contents > .inner { display:inline-block; vertical-align:middle; min-width:270px; border:1px solid #dfdfdf; background:#fff }
.inGame .table_contents > .inner h3 { height:48px; box-sizing:border-box; padding:0 20px; background:#f9f9f9; line-height:48px; font-size:18px!important; color:#000 }
.inGame .table_contents > .inner > ol { padding:10px 20px }
.inGame .table_contents > .inner > ol > li { margin:9px 0 }
.inGame .table_contents > .inner > ol > li a { font-size:15px; color:#b78a63; font-weight:normal }
.inGame .table_contents > .inner > ol > li > ol { margin:9px 9px 9px 20px }
.inGame .box_img_wrap { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; justify-content:flex-start; align-items:stretch; margin:20px 0 }
.inGame .box_img_wrap .img_area { width:62.5%; box-sizing:border-box }
.inGame .box_img_wrap .box_text { width:37.5%; box-sizing:border-box }
.inGame .box_img_wrap .img_area + .box_text { padding:0 15px }
.inGame .box_img_wrap .box_text + .img_area { padding:0 15px }
.inGame .box_contents { position:relative; border:1px solid #efefef; padding:20px; min-height:50px; margin:20px 0 }
.inGame .box_contents.gray { background:#fafafa; border-color:#c3c3c3 }
.inGame .box_contents.darkgray { background:#fafafa; border-width:2px; border-color:#7f7f7f; pointer-events:none; }
.inGame .box_contents.darkgray:before { display:block; content:''; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:1px solid #c1c1c1 }
.inGame .btn_detail_more { position:relative; font-size:15px; color:#9e2a2a; font-weight:normal; text-decoration:underline; padding-right:15px; margin-right:10px }
.inGame .btn_detail_more.active { padding-bottom:20px; }
.inGame .btn_detail_more:after { display: block; content: ""; overflow: hidden; position: absolute; top: 5px; right: 0; width: 6px; height: 6px; box-sizing: border-box; border-right: 1px solid #9e2a2a; border-bottom: 1px solid #9e2a2a; background: 0 0; transform: rotate(50deg) skew(10deg) }
.inGame .btn_detail_more.active:after { top:10px; transform:rotate(-130deg) skew(10deg) }
.inGame .btn_link { min-width:150px; height:50px; box-sizing:border-box; padding:0 15px; font-size:15px; color:#fff; line-height:50px }
.inGame .btn_link span { padding-right:22px }
.inGame .btn_link span:before { display:block; content:""; overflow:hidden; position:absolute; top:3px; right:0; width:16px; height:16px; box-sizing:border-box; background:url(../../img/common/spr_etc.png?v=1) -499px -383px no-repeat }
.inGame { padding:50px 20px; font-size:15px; color:#3d3d3d; font-weight:normal; line-height:1.6; min-height:150px }
.inGame img { max-width:100%!important; height:auto!important }
.inGame p { font-size:15px; color:#3d3d3d; font-weight:normal; line-height:1.6 }
.inGame h1 { font-size:45px }
.inGame h2 { font-size:30px }
.inGame h3 { font-size:22.5px }
.inGame em { font-style:italic }
.inGame pre { white-space:normal }
.inGame table { margin:20px 0; border-color:#ccc; border-style:solid; border-collapse:collapse; line-height:1.6 }
.inGame table td { padding:14px 20px; border-style:solid; line-height:1.6 }
.inGame .box_detail_slider { padding:14px 20px 14px; margin:20px 0; border:1px solid #efefef; background:#fafafa }
.inGame .box_detail_slider.active { padding-bottom:34px; }
.inGame .box_detail_slider .inner_detail { display: none }
.inGame .detail_content_wrap { padding:0 10px }
.inGame .detail_content_wrap .box_contents { margin:0 }
.inGame.img_mode { padding:0 }
.inGame.img_mode img { max-width:100%; margin:0 auto; display:block }
.inGame.wiki { line-height:1.2 }
.inGame.wiki #main .contents { line-height:1.2 }
.inGame.wiki .head_title { position:relative; font-size:32px; color:#603a3a; font-weight:bold; padding-bottom:24px; margin-bottom:30px; border-bottom:1px solid #613a3a; padding-left:32px; line-height:1.2 }
.inGame.wiki .head_title:before { display:block; content:''; position:absolute; top:7px; left:0; width:24px; height:24px; background:url(../../img/common/spr_etc.png?v=1) -372px -541px no-repeat }
.inGame.wiki .first_title { font-size:24px!important; color:#000; font-weight:bold; padding-left:25px }
.inGame.wiki .first_title:before { display:block; content:''; width:8px; height:8px; background:#000; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:15px }
.inGame.wiki .second_title { font-size:20px!important; color:#323232; font-weight:bold }
.inGame.wiki .sub_title { font-size:17px!important; color:#3d3d3d; font-weight:normal }
.inGame.wiki hr { height:1px; border:0; background:#dfdfdf; margin:24px 0 }
.inGame.wiki .no_data p { line-height:50px }
.inGame.wiki .btn.btn_top { display:none; position:relative; width:66px; height:66px; background:#6e5856; position:absolute; right:20px; bottom:140px }
.inGame.wiki .btn.btn_top:before { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); overflow:hidden; width:21px; height:23px; background:url(../../../img/common/spr_etc.png?v=1) no-repeat; background-position:-419px -541px; opacity:1 }
.inGame.wiki .search_title { font-size:24px; color:#3d3d3d; font-weight:normal }
.inGame.wiki .search_title ~ .search_title { padding-top:30px; margin-top:30px; border-top:1px solid #dfdfdf }
.inGame.wiki .search_result { margin-top:30px }
.inGame.wiki .search_result.no_data { margin-top:-30px; border-top:0; border-bottom:1px solid #dfdfdf }
.inGame.wiki .search_result ul li { margin:20px 0 }
.inGame.wiki .search_result ul li a { display:inline-block; vertical-align:middle; position:relative; font-size:15px; color:#3d3d3d; font-weight:normal; padding-bottom:5px; line-height:1 }
.inGame.wiki .search_result ul li a .year { position:relative; padding-right:15px; margin-right:10px; vertical-align:top }
.inGame.wiki .search_result ul li a .year:after { display:block; content:""; position:absolute; right:0; top:50%; width:8px; height:8px; box-sizing:border-box; background:0 0; border-left:1px solid #fff; border-top:1px solid #fff; transform:translate(0, -50%) rotate(135deg) }
.inGame.wiki .search_result ul li a:hover { color:#ae8d67 }
.inGame.wiki .search_result ul li a:hover:after { display:block; content:''; border-bottom:1px solid #ae8d67; position:absolute; left:0; bottom:0; width:100%; height:100%; box-sizing:border-box }
html:lang(ru-RU) .box_report .box_report_list ul { background:#fff }
html:lang(ru-RU) .box_reply .box_modal .box_modal_list > ul li a { word-break:keep-all }
html:lang(ru-RU) .box_report { z-index:2 }

.icon_symbol { position:relative; display:block; width:45px; height:45px; box-sizing:border-box; overflow:hidden }
.icon_symbol:before { display:block; content:""; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../../img/common/character/icn_class_symbol_spr.svg) no-repeat; background-size:135px auto }
.icon_symbol.icn_symbol0:before { background-position:-90px 0 }
.icon_symbol.icn_symbol4:before { background-position:-90px -45px }
.icon_symbol.icn_symbol8:before { background-position:-90px -90px }
.icon_symbol.icn_symbol16:before { background-position:-90px -135px }
.icon_symbol.icn_symbol12:before { background-position:-90px -180px }
.icon_symbol.icn_symbol25:before { background-position:-90px -225px }
.icon_symbol.icn_symbol26:before { background-position:-90px -270px }
.icon_symbol.icn_symbol31:before { background-position:-90px -315px }
.icon_symbol.icn_symbol28:before { background-position:-90px -360px }
.icon_symbol.icn_symbol21:before { background-position:-90px -405px }
.icon_symbol.icn_symbol24:before { background-position:-90px -450px }
.icon_symbol.icn_symbol20:before { background-position:-90px -495px }
.icon_symbol.icn_symbol27:before { background-position:-90px -540px }
.icon_symbol.icn_symbol19:before { background-position:-90px -585px }
.icon_symbol.icn_symbol23:before { background-position:-90px -630px }
.icon_symbol.icn_symbol11:before { background-position:-90px -675px }
.icon_symbol.icn_symbol29:before { background-position:-90px -720px }
.icon_symbol.icn_symbol17:before { background-position:-90px -765px }
.icon_symbol.icn_symbol5:before { background-position:-90px -810px }
.icon_symbol.thumb { width:80px; height:80px }
.icon_symbol.thumb:before { background-size:240px auto }
.icon_symbol.thumb.icn_symbol0:before { background-position:0 0 }
.icon_symbol.thumb.icn_symbol4:before { background-position:0 -80px }
.icon_symbol.thumb.icn_symbol8:before { background-position:0 -160px }
.icon_symbol.thumb.icn_symbol12:before { background-position:0 -240px }
.icon_symbol.thumb.icn_symbol16:before { background-position:0 -320px }
.icon_symbol.thumb.icn_symbol25:before { background-position:0 -400px }
.icon_symbol.thumb.icn_symbol26:before { background-position:0 -480px }
.icon_symbol.thumb.icn_symbol31:before { background-position:0 -560px }
.icon_symbol.thumb.icn_symbol28:before { background-position:0 -640px }
.icon_symbol.thumb.icn_symbol21:before { background-position:0 -720px }
.icon_symbol.thumb.icn_symbol24:before { background-position:0 -800px }
.icon_symbol.thumb.icn_symbol20:before { background-position:0 -880px }
.icon_symbol.thumb.icn_symbol27:before { background-position:0 -960px }
.icon_symbol.thumb.icn_symbol19:before { background-position:0 -1040px }
.icon_symbol.thumb.icn_symbol23:before { background-position:0 -1120px }
.icon_symbol.thumb.icn_symbol11:before { background-position:0 -1200px }
.icon_symbol.thumb.icn_symbol29:before { background-position:0 -1280px }
.icon_symbol.thumb.icn_symbol17:before { background-position:0 -1360px }
.icon_symbol.thumb.icn_symbol5:before { background-position:0 -1440px }
.icon_symbol.reply { width:20px; height:20px; background:#cacaca }
.icon_symbol.reply:before { background-size:60px auto }
.icon_symbol.reply.icn_symbol0:before { background-position:-20px 0 }
.icon_symbol.reply.icn_symbol4:before { background-position:-20px -20px }
.icon_symbol.reply.icn_symbol8:before { background-position:-20px -40px }
.icon_symbol.reply.icn_symbol12:before { background-position:-20px -60px }
.icon_symbol.reply.icn_symbol16:before { background-position:-20px -80px }
.icon_symbol.reply.icn_symbol25:before { background-position:-20px -100px }
.icon_symbol.reply.icn_symbol26:before { background-position:-20px -120px }
.icon_symbol.reply.icn_symbol31:before { background-position:-20px -140px }
.icon_symbol.reply.icn_symbol28:before { background-position:-20px -160px }
.icon_symbol.reply.icn_symbol21:before { background-position:-20px -180px }
.icon_symbol.reply.icn_symbol24:before { background-position:-20px -200px }
.icon_symbol.reply.icn_symbol20:before { background-position:-20px -220px }
.icon_symbol.reply.icn_symbol27:before { background-position:-20px -240px }
.icon_symbol.reply.icn_symbol19:before { background-position:-20px -260px }
.icon_symbol.reply.icn_symbol23:before { background-position:-20px -280px }
.icon_symbol.reply.icn_symbol11:before { background-position:-20px -300px }
.icon_symbol.reply.icn_symbol29:before { background-position:-20px -320px }
.icon_symbol.reply.icn_symbol17:before { background-position:-20px -340px }
.icon_symbol.reply.icn_symbol5:before { background-position:-20px -360px }
.bullet_check { position:relative; padding-left:21px }
.bullet_check:before { display:block; content:""; position:absolute; top:0; left:0; width:10px; height:15px; box-sizing:border-box; border-right:3px solid #2b2f5a; border-bottom:3px solid #2b2f5a; background:0 0; transform:rotate(45deg) skewX(10deg) }
.custom_input.error + .bullet_list li.error { display:none }
.custom_input.error:not(.customerror) + .bullet_list li.error { display:block }
.custom_input + .bullet_list li.error { display:none }
.custom_input.error.error_not_valid + .custom_input + .bullet_list li.error.error_not_valid { display:block }
.custom_input.error.error_not_valid + .bullet_list li.error.error_not_valid { display:block }
.custom_input.error.error_not_equals + .bullet_list li.error.error_not_equals { display:block }
.custom_input.error + .bullet_list li { color:#931313 }
.custom_input.error + .custom_input + .bullet_list li { color:#931313 }
.hover { position:relative }
.hover:before { display:block; content:""; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0, 0, 0, 0.1); opacity:0 }
.header_title { display:block!important; position:relative; max-height:90px; z-index:5; overflow:hidden; margin-bottom:15px; padding:18px 20px 16px; border:1px solid #dfdfdf; font-size:20px!important; color:#333; line-height:1.4; text-align:left; font-family:inherit }
.header_title:before { z-index:-1 }
.header_title:after { display:block; content:""; position:absolute; top:50%; right:-24px; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); width:128px; height:128px; box-sizing:border-box; background:url(../../img/common/icn_detail_title_spr.png) no-repeat }
.header_title span { position:relative; z-index:2 }
.header_title.yellow { background:#957c60; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #957c60), color-stop(1, #867059)); background:-moz-linear-gradient(top, #957c60 0, #867059 100%); background:-webkit-linear-gradient(top, #957c60 0, #867059 100%); background:-o-linear-gradient(top, #957c60 0, #867059 100%); background:-ms-linear-gradient(top, #957c60 0, #867059 100%); background:linear-gradient(top, #957c60 0, #867059 100%); border:none; color:#fff }
.header_title.yellow:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box }
.header_title.yellow:after { background-position:-137px 0 }
.header_title.black { background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #303030)); background:-moz-linear-gradient(top, #3e3e3e 0, #303030 100%); background:-webkit-linear-gradient(top, #3e3e3e 0, #303030 100%); background:-o-linear-gradient(top, #3e3e3e 0, #303030 100%); background:-ms-linear-gradient(top, #3e3e3e 0, #303030 100%); background:linear-gradient(top, #3e3e3e 0, #303030 100%); border:none; color:#fff }
.header_title.black:before { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box }
.header_title.black:after { background-position:-274px 0 }
.first_title { position:relative; margin-bottom:28px; padding-left:9px; font-size:20px!important; color:#000; line-height:1.6 }
.first_title:before { display:block; content:""; position:absolute; top:50%; left:0; width:3px; height:17px; box-sizing:border-box; background:#000; transform:translateY(-50%) }
.second_title { position:relative; margin-bottom:15px; font-size:18px!important; color:#000 }
.sub_title { position:relative; margin-bottom:15px; font-size:15px!important; color:#000 }
.table_contents { position:relative; margin:40px 0 }
.table_contents > .inner { display:inline-block; vertical-align:middle; min-width:270px; border:1px solid #dfdfdf; background:#fff }
.table_contents > .inner h3 { height:48px; box-sizing:border-box; padding:0 20px; background:#f9f9f9; line-height:48px; font-size:18px!important; color:#000 }
.table_contents > .inner > ol { padding:10px 20px }
.table_contents > .inner > ol > li { margin:9px 0 }
.table_contents > .inner > ol > li a { font-size:15px; color:#b78a63; font-weight:normal }
.table_contents > .inner > ol > li > ol { margin:9px 9px 9px 20px }
.box_img_wrap { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; justify-content:flex-start; align-items:stretch; margin:20px 0 }
.box_img_wrap .img_area { width:62.5%; box-sizing:border-box }
.box_img_wrap .box_text { width:37.5%; box-sizing:border-box }
.box_img_wrap .img_area + .box_text { padding:0 15px }
.box_img_wrap .box_text + .img_area { padding:0 15px }
.box_contents { position:relative; border:1px solid #efefef; padding:20px; min-height:50px; margin:20px 0 }
.box_contents li { line-height:2.4 }
.box_contents.gray { background:#fafafa; border-color:#c3c3c3 }
.box_contents.darkgray { background:#fafafa; border-width:2px; border-color:#7f7f7f }
.box_contents.darkgray:before { display:block; content:''; position:absolute; left:5px; right:5px; top:5px; bottom:5px; border:1px solid #c1c1c1 }
.btn_detail_more { position: relative; display: block; font-size: 15px; color: #9e2a2a; font-weight: normal; text-decoration: underline; padding-right: 15px; margin-right: 10px }
.btn_detail_more.active { padding-bottom:20px; }
.btn_detail_more:after { display:block; content:""; overflow:hidden; position:absolute; top:5px; right:0; width:6px; height:6px; box-sizing:border-box; border-right:1px solid #9e2a2a; border-bottom:1px solid #9e2a2a; background:0 0; transform:rotate(50deg) skew(10deg) }
.btn_detail_more.active:after { top:10px; transform:rotate(-130deg) skew(10deg) }
.btn_link { min-width:150px; height:50px; box-sizing:border-box; padding:0 15px; font-size:15px; color:#fff; line-height:50px }
.btn_link span { padding-right:22px }
.btn_link span:before { display:block; content:""; overflow:hidden; position:absolute; top:3px; right:0; width:16px; height:16px; box-sizing:border-box; background:url(../../img/common/spr_etc.png?v=1) -499px -383px no-repeat }
.contents_area { padding:50px 20px; font-size:15px; color:#3d3d3d; font-weight:normal; line-height:1.6; min-height:150px; overflow-x:auto }
.contents_area img { max-width:100%!important; height:auto!important }
.contents_area h1,
.contents_area h2,
.contents_area h3,
.contents_area h4,
.contents_area h5 { line-height:2 }
.contents_area .mceTmpl > img,
.img_mode img,
.tableLayoutNormal img { padding:0 }
.contents_area p { font-size:15px; color:#3d3d3d; font-weight:normal; line-height:2 }
.contents_area h1 { font-size:45px }
.contents_area h2 { font-size:30px }
.contents_area h3 { font-size:22.5px }
.contents_area em { font-style:italic }
.contents_area pre { white-space:normal }
.contents_area table { margin:20px 0; border-color:#ccc; border-style:solid; border-collapse:collapse; line-height:1.6 }
.contents_area table td { padding:14px 20px; border-style:solid; line-height:1.6 }
.contents_area .tableLayoutNormal td,
.content_wrap .detail_wrap td { padding: .5rem; }
.content_wrap .detail_wrap table { margin:20px 0; }
.contents_area .tableLayoutNormal td > ol,
.contents_area .tableLayoutNormal td > ul { padding: 14px 20px }
.box_detail_slider { padding: 14px 20px 14px; margin: 20px 0; border: 1px solid #efefef; background: #fafafa }
.box_detail_slider.active { padding-bottom: 34px; }
.box_detail_slider .inner_detail { display:none }
.detail_content_wrap { padding:0 10px }
.detail_content_wrap .box_contents { margin:0 }
.btn_top_mobile { display:block; position:fixed; bottom:2.416rem; right:1.25rem; z-index:30 }
.btn_top_mobile .btn { font-size:0 }
.btn_top_mobile .btn + .btn { margin-left:0 }
.btn_top_mobile .btn_top { display:none; width:4.166rem; height:4.166rem; box-sizing:border-box; border:1px solid #7f7f7f; background:#fff }
.btn_top_mobile .btn_top.active { display:block }
.btn_top_mobile .btn_top:before { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); overflow:hidden; width:1.416rem; height:1.583rem; background:url(../../img/common/spr_etc.png?v=1) no-repeat; background-size:33.33rem 33.33rem; background-position:-17.9583rem -2.125rem; opacity:1 }
.agree_wrap { position: relative; width:100%; margin: 0 auto; }
.agree_wrap .box_agree { border:1px solid #dfdfdf }
.agree_wrap .box_agree .sec_header { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; justify-content:flex-start; box-sizing:border-box; min-height:56px; padding:8px 15px; position:relative }
.agree_wrap .box_agree .sec_header.join_policy_box { justify-content:space-between;}
.agree_wrap .box_agree .box_policy { overflow-y:auto; -webkit-overflow-scolling:touch; height:167px; box-sizing:border-box; padding:25px; border-top:1px solid #dfdfdf }
.agree_wrap .box_agree { margin-bottom:20px }
.agree_wrap .box_agree:last-child { margin-bottom:0 }
.agree_wrap .box_agree .btn { position:absolute; right:15px; top:50%; transform:translateY(-50%) }
.agree_wrap .box_agree .btn.btn_agree_more_js { display:none; padding:0 35px; }
.agree_wrap .box_agree .btn.active { border-color:#2b2f5a; background:#fff; color:#2b2f5a }
.agree_wrap .box_agree .btn.join_policy_btn { position: relative; right: auto; top: auto; width: 100%; margin-left: .3rem; margin-right: 0; transform: inherit; white-space: nowrap; overflow: hidden; }
.agree_wrap .box_agree h5 { font-size:15px; color:#000; font-weight:normal }
.agree_wrap .box_agree p { font-size:14px; color:#3d3d3d; font-weight:normal }
.agree_wrap .box_agree.box_agree_type2 .btn.btn_agree_more_js,
.agree_wrap .box_agree.toggle .btn.btn_agree_more_js { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center }
.agree_wrap .box_agree.toggle .box_policy { display:none }
.reply_area { margin-top:30px; border:1px solid #dfdfdf }
.box_report { position:relative }
.box_report .box_report_list { display:none; position:absolute; top:100%; margin-top:7px; z-index:20; margin-left:calc(-100% / 2); min-width:90px; border:1px solid #931313; background:#fff }
.box_report .box_report_list ul { padding:9px 0 }
.box_report .box_report_list ul li a { display:block; height:25px; box-sizing:border-box; padding:0 18px; text-align:center; font-size:14px; color:#931313; font-weight:normal; line-height:25px; white-space:nowrap }
.box_reply { position:relative; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; justify-content:flex-start; align-items:stretch; padding:25px 0; border-bottom:1px solid #dfdfdf }
.box_reply .user_area { width:180px; text-align:center; padding:0 20px; cursor:default; }
.box_reply .user_area a { display: box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: -moz-flex; display: -o-flex; display: flex; -webkit-align-items: center; -ms-align-items: center; -moz-align-items: center; -o-align-items: center; -webkit-justify-content: center; -ms-justify-content: center; -moz-justify-content: center; -o-justify-content: center; justify-content: center; -ms-flex-align: center; justify-content: flex-start; align-items: center; padding: 0; cursor: default; }
.box_reply .user_area a .img_area { overflow:hidden; width:45px; height:45px; box-sizing:border-box; margin:0 auto; border-radius:50%; margin:0 10px 0 0 }
.box_reply .user_area a .box_user { width:calc(100% - 55px); text-align:left }
.box_reply .user_area a .box_user.supporter .supporter_mark { margin-top:0.4rem; display:inline-block; font-size:10px; height:20px; line-height:20px; padding:0 0.6rem }
.box_reply .user_area a .user_name { display:block; font-size:16px; color:#3d3d3d; font-weight:bold }
.box_reply .user_area a .box_user.supporter .user_name { color:#43489b }
.box_reply .user_area a .level_area { margin-top:6px }
.box_reply .user_area a .level_area span { display:inline-block; vertical-align:middle; float:left }
.box_reply .user_area a .level_area span.text { margin-left:10px; font-size:15px; color:#888; font-weight:normal }
.box_reply .text_area { position:relative; width:calc(100% - 180px); padding:0 20px; box-sizing:border-box }
.box_reply .text_area .box_text { font-size:14px; color:#3d3d3d; font-weight:normal; line-height:1.714; margin-right:40px }
.box_reply .text_area .box_text .userID { display:inline-block; margin-right:3px; color:#065fd4 }
.box_reply .text_area .box_date { margin-top:15px; line-height:1 }
.box_reply .text_area .box_date span { position:relative; display:inline-block; vertical-align:middle; font-size:14px; color:#888; font-weight:normal }
.box_reply .text_area .box_date .btn_like { margin-left:20px; padding-left:40px }
.box_reply .text_area .box_date .btn_like:before { top:2px; left:20px }
.box_reply .text_area .box_date .btn_like:after { display:block; content:""; position:absolute; top:2px; left:0; width:1px; height:11px; box-sizing:border-box; background:#d7d7d7 }
.box_reply .text_area .box_reply_user { position:relative; display:none; margin-bottom:10px; padding:8px 45px 8px 16px; border:1px solid #dfdfdf; background:#fff; font-size:16px; color:#3d3d3d; font-weight:bold }
.box_reply .text_area .box_reply_user.active { display:inline-block; vertical-align:middle }
.box_reply .text_area .box_reply_user .btn_delete { display:block; position:absolute; top:50%; right:10px; width:24px; height:24px; box-sizing:border-box; border:1px solid #dfdfdf; transform:translate(0, -50%) }
.box_reply .text_area .box_reply_user .btn_delete:before { display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); z-index:5; width:1px; height:14px; box-sizing:border-box; background:#999; opacity:1 }
.box_reply .text_area .box_reply_user .btn_delete:after { display:block; content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) rotate(45deg); z-index:5; width:14px; height:1px; box-sizing:border-box; background:#999; opacity:1 }
.box_reply .text_area textarea { width:100%; height:120px; box-sizing:border-box; padding:20px; background:#fff; border:1px solid #dfdfdf; font-size:14px; color:#3d3d3d; font-weight:normal; line-height:1.714; resize:none }
.box_reply .text_area .btn_wrap.resist { position:static; margin-top:10px; justify-content:flex-end }
.box_reply .btn_wrap { margin-top:10px; justify-content:flex-end }
.box_reply .btn_wrap .btn_reply { display:inline-block; vertical-align:middle; height:30px; box-sizing:border-box; margin-left:5px; padding:0 20px; border:1px solid #323232; font-size:14px; color:#323232; font-weight:normal; line-height:28px }
.box_reply .btn_wrap .btn_reply.btn_report { position:relative; display:inline-block; vertical-align:middle; border:1px solid #931313; color:#931313; transition:0.25s }
.box_reply .btn_wrap .btn_reply.btn_report.on { background:#931313; color:#fff }
.box_reply .box_modal { display:block; position:absolute; bottom:auto; right:24px; top:24px }
.box_reply .box_modal .btn_modal { display:block; font-size:0; width:20px; height:18px }
.box_reply .box_modal .btn_modal:before { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:18px; height:4px; background:url(../../img/common/spr_etc.png?v=1) -549px -383px no-repeat }
.box_reply .box_modal .box_modal_list { display:none; position:absolute; top:100%; right:0; z-index:5; margin-top:11px }
.box_reply .box_modal .box_modal_list:before { display:block; position:absolute; top:-11px; right:0; content:''; width:12px; height:12px; border-right:1px solid #911412; background:#fff }
.box_reply .box_modal .box_modal_list:after { display:block; position:absolute; top:-11px; right:0; content:''; width:7px; height:17px; border-left:1px solid #911412; transform:rotate(45deg) }
.box_reply .box_modal .box_modal_list > ul { border:1px solid #911412; background:#fff; min-width:90px; box-sizing:border-box }
.box_reply .box_modal .box_modal_list > ul li a { display:block; padding:0 15px; height:34px; line-height:34px; text-align:center; font-size:0.9166rem; color:#911412; font-weight:normal; box-sizing:border-box }
.box_reply.text_report { padding-left:10px }
.box_reply.text_report .text_area { font-size:15px; color:#888 }
.box_reply.write { background:#f5f4f3 }
.box_reply.write.full .text_area { width:100% }
.box_reply.re { padding-left:30px }
.box_reply.re:before { display:block; content:""; overflow:hidden; position:absolute; top:25px; left:42px; width:16px; height:20px; box-sizing:border-box; background:url(../../img/common/spr_etc.png?v=1) -117px -541px no-repeat; background-size:800px 800px }
.box_reply.re .user_area { padding-left:40px }
.box_reply.re.text_report { padding-left:50px }
.box_reply .text_area img { max-width:100%; height:auto }
.box_reply .text_area p { font-size:15px; color:#3d3d3d; font-weight:normal; line-height:1.6 }
.box_reply .text_area h1 { font-size:45px }
.box_reply .text_area h2 { font-size:30px }
.box_reply .text_area h3 { font-size:22.5px }
.box_reply .text_area em { font-style:italic }
.box_reply .text_area pre { white-space:normal }
.rating { display:block }
.rating img { display:block; max-width:100%; margin:0 auto }
.rating.en img { width:294px; height:133px; }

#languageBox { margin:15px auto; text-align:center }
#languageBox .custom_select { width:210px }
#languageBox select { height:45px; font-size:14px; color:#7f7e7e; border:none; border-bottom:1px solid #7f7f7f; background-color:transparent }
body.scrolling .header_wrap { top:0; position:fixed; z-index:999 }

@media screen and (min-width: 1025px) {

    .only-m { display:none!important }
    .hover:hover:before { opacity:1 }
    .header_wrap:hover { background:rgba(0, 0, 0, 0.9) }
    .header_wrap .util_wrap > ul > li > a:hover { color:#ae8d66 }
    .header_wrap nav > ul > li .sub_menu > ul > li > a:hover { color:#ae8d67 }
    .header_wrap nav > ul > li .sub_menu > ul > li > a.disabled:hover { color:#757575 }
    .header_wrap .util_wrap > ul > li > a.btn_login:hover:before { background-position:-536px -575px }
    .header_wrap .util_wrap > ul > li > a.btn_join:hover:before { background-position:-503px -575px }
    .header_wrap .util_wrap > ul.after_login > li > a.btn_join:hover:before { background-position:-569px -575px }
    .header_wrap .util_wrap > ul.after_login > li > a.btn_login:hover { color:#ae8d66 }
    .header_wrap .util_wrap .btnTopSide:hover { filter: saturate(1.3); }
    footer.footer_wrap .sns_area .btn_sns:hover { background-color:rgba(255, 255, 255, 0.6); }
    footer.footer_wrap .sns_area .btn_sns:hover:before { background-position-y:-608px; filter: grayscale(1); }
    footer.footer_wrap .sns_area .btn_sns.btn_bili:hover:before { background-position-y: -426px; }
    footer.footer_wrap .sns_area .btn_sns.btn_opgg:hover:before { background-position-y: -608.5px; }
    footer.footer_wrap .inner_footer .term_list a:hover { text-decoration: underline }
    #languageBox select:hover { transition:.3s; color:#aaa; border-bottom-color:#aaa }
    .btn_country:hover { transition:.3s; color:#aaa; border-color:#aaa }
    .btn_country:hover:before { transition:.3s; border-bottom-color:#aaa }
    .sitemap_platform article ul li a { transition:color .3s }
    .sitemap_platform article ul li a:hover { color:#7999f0; text-decoration:underline }
    .sitemap_platform article.site_gstar ul li a:hover { color:#7999f0; text-decoration:none }
    #popupSlider .pop_header .btn_not_today:hover { background:#fff; color:#000 }
    #popupSlider .pop_header .btn_pop_close:hover { background:#fff }
    #popupSlider .pop_header .btn_pop_close:hover span { background:#000 }
    #popupSlider .pop_header .btn_pop_download:hover { background:#fff }
    #popupSlider .pop_header .btn_pop_download:hover:before { background-position:-499px 0 }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-prev:hover:before { border-left:2px solid #fff; border-top:2px solid #fff }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-next:hover:before { border-left:2px solid #fff; border-top:2px solid #fff }
    .popup_coupon .pop_header .btn_pop_close:hover { background:#fff }
    .popup_coupon .pop_header .btn_pop_close:hover span { background:#000 }
    .popup_coupon .pop_header .btn_pop_download:hover { background:#fff }
    .popup_coupon .pop_header .btn_pop_download:hover:before { background-position:-499px 0 }
    .table_contents > .inner ol li a:hover { text-decoration:underline }
    .btn:hover:before { opacity: 1 }
    .paging a:hover { background:#323232; color:#fff }
    .paging a.btn_arrow:hover { border:1px solid #323232 }
    .paging a.first:hover:before { background-position:-107px -518px }
    .paging a.prev:hover:before { background-position:-129px -518px }
    .paging a.next:hover:before { background-position:-146px -518px }
    .paging a.last:hover:before { background-position:-163px -518px }
    .custom_check input[type="checkbox"] + label:hover:before { background-color:#fff; border:1px solid #2b2f5a }
    .custom_check input[type="checkbox"] + label:hover:after { background-position:0 -428px }
    .custom_check input[type="checkbox"]:checked + label:hover:before { background:#2b2f5a; border-color:#2b2f5a }
    .custom_check input[type="checkbox"]:checked + label:hover:after { background-position:0 -411px }
    .custom_check.round input[type="checkbox"] + label:hover:before { width:14px; height:14px; background:#fff; border:1px solid #b6b6b6; border-radius:50% }
    .custom_check.round input[type="checkbox"] + label:hover:after { width:8px; height:8px; background:#fff; left:3px; top:3px; border-radius:50% }
    .custom_check.round input[type='checkbox']:checked + label:hover:before { border-color:#262626 }
    .custom_check.round input[type='checkbox']:checked + label:hover:after { background:#262626 }
    .custom_radio input[type='radio']:checked + label:hover:after { background:#262626 }
    .custom_select select:not([disabled]):hover { border-color:#000 }
    .custom_select select:not([disabled]):hover option { border-color:#000 }
    .custom_select select:not([disabled]):focus { border-color:#000 }
    .custom_select select:not([disabled]):focus option { border-color:#000 }
    .custom_select:not([disabled]):hover:after { transition:border-color .3s; border-color:#aaa }
    .custom_select select:disabled:hover,
    .custom_select:disabled:hover:after { cursor:not-allowed }
    .box_report .box_report_list ul li:hover a { background:#f5f4f3 }
    .box_reply .text_area .box_reply_user .btn_delete:hover { border:1px solid #323232 }
    .box_reply .text_area .box_reply_user .btn_delete:hover:before { background:#323232 }
    .box_reply .text_area .box_reply_user .btn_delete:hover:after { background:#323232 }
    .box_reply .box_modal .box_modal_list > ul li a:hover { background:#f5f4f3 }
    .box_reply .user_area a .level_area { overflow:hidden }
    html:lang(ru-RU) .box_profile_area .btn_wrap { right:0; transform:translate(-60px,-50%) }
    html:lang(ru-RU) .header_wrap nav > ul > li:nth-child(7) .sub_menu,
    html:lang(ru-RU) .header_wrap nav > ul > li:nth-child(7) > a { width:138px }
 }


@media screen and (max-width: 1024px) {
    .spr_etc { background-size: 33.33rem 33.33rem;}
    .spr_etc.spr_sort { width: 0.45833rem; height: 0.75rem; background-position: -26.5417rem -11rem; }
    .sorting_asc .spr_etc.spr_sort { background-position-x: -25.7083rem; }
    .sorting_desc .spr_etc.spr_sort { background-position-x: -27.375rem; }

    .only-pc { display:none!important }
    .sha .util_sns.snsArea { display:flex; }
    .sha .util_sns.snsArea li:not(:last-child) { margin-bottom:0 }
    .sha .util_sns.snsArea a { display:flex; justify-content:center; align-items:center; width:4.375rem; height:4.375rem; background:rgba(178, 151, 108, 0.1); border-radius:50%; }
    .sha .util_sns.snsArea a:after { content:''; display:block; width:2.5rem; height:2.5rem; background:url(../../img/common/sha_icon_sns.png?v=5) no-repeat -0.93rem -7.15rem/38.333rem 38.333rem; opacity:0.8;}
    .sha .util_sns.snsArea a.sns_fb:after{ background-position-y:-0.9rem }
    .sha .util_sns.snsArea a.sns_yt:after { background-position-y:-7.6rem }
    .sha .util_sns.snsArea a.sns_dc:after { background-position-y:-10.75rem }
    .sha .util_sns.snsArea a.sns_vk:after { background-position-y:-13.85rem }
    .sha .util_sns.snsArea a.sns_wb:after { background-position-y:-17.65rem }
    .sha .util_sns.snsArea a.sns_17173:after { background-position-y: -24rem; opacity:1; }
    .sha .util_sns.snsArea a.sns_douyu:after { background-position-y: -26rem; opacity:1; }
    .sha .util_sns.snsArea a.sns_wch:after { background-position-y: -21.25rem }
    .steamArea { display: block; }
    .sha .header_wrap .logo img { max-height:100% }
    .sha .header_wrap .logo .logo_default {display:none;}
    .sha .header_wrap .logo .logo_m {display:block;}
    .sha .header_wrap nav .btn_mob_logo { width:100% }
    .sha .guide_wrap ul { border-top:none }
    .sha .guide_wrap ul li:nth-child(1),
    .sha .guide_wrap ul li:nth-child(2) { border-top:1px solid #dbdbdb }
    .icon_character { width:6.666rem; height:6.666rem; box-sizing:border-box }
    .icon_character.mid { width:3.333rem; height:3.333rem; box-sizing:border-box }
    .icon_character.sml { width:3.333rem; height:3.333rem; box-sizing:border-box }
    .icon_character.sml.icn_character0:before { background-image:url(../../img/common/character/character0_mid.jpg) }
    .icon_character.sml.icn_gm:before { background-image:url(../../img/common/character/gm_mid.png) }
    .icon_character.thum_character:before{ background-size:6.25rem 3.417rem; background-position: -0.667rem -1.292rem}
    .midsize.icon_character.thum_character:before { background-size:12.5rem 6.833rem; background-position: -1.181rem -2.642rem;}
    .largesize.icon_character.thum_character:before {background-size:12.5rem 6.833rem; background-position: -7.458rem -2.042rem}
    #wrap { min-width:auto }
    .container { min-height:auto }
    .header_wrap { overflow:inherit; min-width:auto; height:4.166rem; background:rgba(0, 0, 0, 0.9); border-bottom:none }
    .header_wrap:before { display:none }
    .header_wrap.small { height:4.166rem }
    .header_wrap.small nav { display:block }
    .header_wrap .btn_all_menu { display:block; position:absolute; left:1.041rem; top:1.416rem; width:1.875rem; height:1.333rem; border:none }
    .header_wrap .btn_all_menu > span { position:absolute; left:0; width:100%; height:0.188rem; background-color:#fff }
    .header_wrap .btn_all_menu > span:nth-child(1) { top:0 }
    .header_wrap .btn_all_menu > span:nth-child(2) { top:0.583rem }
    .header_wrap .btn_all_menu > span:nth-child(3) { top:1.166rem }
    .header_wrap.small .btn_all_menu { display:block; position:absolute; left:1.041rem; top:1.416rem; width:1.875rem; height:1.333rem; border:none }
    .header_wrap.small .btn_all_menu > span { position:absolute; left:0; width:100%; height:0.166rem; background-color:#fff }
    .header_wrap.small .btn_all_menu > span:nth-child(1) { top:0 }
    .header_wrap.small .btn_all_menu > span:nth-child(2) { top:0.583rem }
    .header_wrap.small .btn_all_menu > span:nth-child(3) { top:1.166rem }
    .header_wrap .logo { left:50%; top:50%; width:38%; height:4.166rem; margin-top:-2.083rem; margin-left:-18%; text-align:center }
    .header_wrap .logo img { max-width:100%; max-height:2.5rem }
    .header_wrap nav { position:fixed; left:0; top:0; z-index:15; width:87.837%; max-width:650px; height:100%; overflow-y:auto; padding-left:0; -webkit-transform:translate(-100%, 0); transform:translate(-100%, 0); -webkit-overflow-scrolling:touch; background:#0a0807; border-right:1px solid #161616; box-sizing:border-box }
    .header_wrap nav.active { -webkit-transform:translate(0, 0); transform:translate(0, 0); transition:0.35s }
    .header_wrap nav .btn_mob_logo { position:relative; display:block; width:50.76%; height:11.666rem; margin:0 auto }
    .header_wrap nav .btn_mob_logo img { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100% }
    .header_wrap nav > ul { display:block; height:auto }
    .header_wrap nav > ul > li { border-top:1px solid rgba(0, 0, 0, 0.3) }
    .header_wrap nav > ul > li > a { display:none }
    .header_wrap nav > ul > li > a.mob_link { position:relative; display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:flex-start; -ms-justify-content:flex-start; -moz-justify-content:flex-start; -o-justify-content:center; justify-content:flex-start; -ms-flex-align:center; height:4.5rem; box-sizing:border-box; width:100%; padding:0 2.2916rem; border-top:1px solid rgba(58, 56, 57, 0.6); font-size:1.333rem; color:#d6d6d6 }
    .header_wrap nav > ul > li > a:after { display:block; content:""; position:absolute; right:2rem; top:40%; -webkit-transform:translate(0, -50%) rotate(225deg); transform:translate(0, -50%) rotate(225deg); width:0.832rem; height:0.832rem; border-left:2px solid #d7d6d6; border-top:2px solid #d7d6d6; background:0 0 }
    .header_wrap nav > ul > li > a.active { color:#e49f46}
    .header_wrap nav > ul > li > a.active:after { top:50%; border-color:#e49f46; -webkit-transform:translate(0, -50%) rotate(45deg); transform:translate(0, -50%) rotate(45deg); }
    .header_wrap nav > ul > li .sub_menu { display:none; width:100%; position:static; height:auto; padding:1.25rem 0; background-color:#27201c; }
    .header_wrap nav > ul > li .sub_menu.on { background-image:none }
    .header_wrap nav > ul > li .sub_menu > ul > li { margin-top:1rem; padding:0 }
    .header_wrap nav > ul > li .sub_menu > ul > li:first-child { margin-top:0 }
    .header_wrap nav > ul > li .sub_menu > ul > li > a { padding:0 4.25rem; font-size:1.2083rem; line-height:1.3; text-align:left; color:#d6d6d6; }
    .header_wrap nav > ul > li .sub_menu > ul > li .sp_comm { width:1.25rem; height:1.25rem; box-sizing:border-box; margin:0 0 0 0.625rem }
    .header_wrap nav > ul > li .sub_menu > ul > li .sp_comm:before { width:1.25rem; height:1.25rem; box-sizing:border-box; background-size:33.333rem 33.333rem; background-position:-3.7916rem -20rem }
    .header_wrap .util_wrap { position:static; display:block; width:100%; height:auto; padding:2.5rem 2.5rem 2.083rem; background-color:#1a1919; box-sizing:border-box }
    .header_wrap .util_wrap > ul { display:block; height:auto; margin-right:0 }
    .header_wrap .util_wrap > ul > li { margin:0.833rem 0 0; padding-left:0 }
    .header_wrap .util_wrap > ul > li:first-child { margin-top:0 }
    .header_wrap .util_wrap > ul > li:last-child:before { display:none }
    .header_wrap .util_wrap > ul > li > a { position:relative; width:100%; height:4.791rem; background-color:#b77929; text-align:center; line-height:4.791rem; color:#fff; font-size:1.333rem; box-sizing:border-box }
    .header_wrap .util_wrap > ul > li > a.btn_login { width:100%; height:4.791rem; font-size:1.333rem; padding-left:0 }
    .header_wrap .util_wrap > ul > li > a.btn_join { width:100%; height:4.791rem; font-size:1.333rem; padding-left:0 }
    .header_wrap .util_wrap > ul > li > a.btn_login:before { display:none }
    .header_wrap .util_wrap > ul > li > a.btn_join:before { display:none }
    .header_wrap .util_wrap > ul.after_login > li > a.btn_login { display:none; padding-left:4.5rem; text-align:left; font-size:1.333rem }
    .header_wrap .util_wrap > ul.after_login > li > a.btn_mypage { display:block; }
    .header_wrap .util_wrap > ul.after_login > li > a.btn_join { display:block;  }
    .header_wrap .util_wrap .btnTopSide { display:none; width:100%; height:4.791rem; margin-top:0.833rem; font-size:1.333rem; line-height:4.791rem }
    .header_wrap .util_wrap .mob_copyright { display:block; margin-top:2.083rem; font-size:0.75rem; text-align:center; color:#a5a3a1; line-height:1.777 }
    .header_wrap nav .btn_nav_close { display:block; position:absolute; left:1.125rem; top:1.2083rem; z-index:10; width:1.991rem; height:1.991rem; font-size:0 }
    .header_wrap nav .btn_nav_close:before { display:block; content:""; overflow:hidden; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../../img/common/spr_etc.png?v=1) 0 -10.125rem no-repeat; background-size:33.333rem 33.333rem }
    .header_wrap .btn_mob_mypage { display:block; position:absolute; right:0; top:0; z-index:10; width:3.75rem; height:4.166rem; font-size:0 }
    .header_wrap .btn_mob_mypage:before { display:block; content:""; overflow:hidden; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1.5rem; height:1.583rem; background:url(../../img/common/spr_etc.png?v=1) 0 -12.68rem no-repeat; background-size:33.333rem 33.333rem }
    footer.footer_wrap { min-width:initial; padding-bottom:0 }
    footer.footer_wrap .sns_area {justify-content:space-around; padding-top:3rem; }
    footer.footer_wrap .sns_area .btn_sns { width:3.791rem; height:3.791rem; margin:0 }
    footer.footer_wrap .sns_area .btn_sns:before { width:2rem; height:1.5rem; background-size:33.333rem 33.333rem }
    footer.footer_wrap .sns_area.sns_many { max-width: 26rem; justify-content:center; margin: 0 auto; }
    footer.footer_wrap .sns_area.sns_many.sns_length7 { max-width:26rem; }
    footer.footer_wrap .sns_area.sns_many .btn_sns { width: 4.791rem; height: 4.791rem; margin: .5rem; }
    footer.footer_wrap .sns_area .btn_facebook:before { background-position:-0.3rem -30.57rem }
    footer.footer_wrap .sns_area .btn_youtube:before { background-position:-2.85rem -30.57rem }
    footer.footer_wrap .sns_area .btn_discord:before { background-position: -10.9rem -30.57rem }
    footer.footer_wrap .sns_area .btn_twitch:before { background-position: -5.46rem -30.57rem }
    footer.footer_wrap .sns_area .btn_bahamut:before { background-position:-0.4rem -30.57rem }
    footer.footer_wrap .sns_area .btn_vk:before { background-position:-8.1rem -30.57rem }
    footer.footer_wrap .sns_area .btn_weibo:before { background-position:-13.9rem -30.57rem }
    footer.footer_wrap .sns_area .btn_twitter:before { background-position:-16.5rem -30.57rem }
    footer.footer_wrap .sns_area .btn_opgg:before { width:2.5rem; background-position: -19.1rem -30.47rem }
    footer.footer_wrap .sns_area .btn_17173:before { width: 3.5rem; background-position: -22rem -30.47rem; }
    footer.footer_wrap .sns_area .btn_douyu:before { height:2rem; background-position: -26.1rem -30.15rem }
    footer.footer_wrap .sns_area .btn_huya:before { height: 2rem; background-position: -28.7rem -30.15rem }
    footer.footer_wrap .sns_area .btn_wechat:before { height: 1.8rem; background-position: -31.2rem -30.35rem }
    footer.footer_wrap .sns_area .btn_bili:before { background-position: -16.52rem -22.55rem; }
    footer.footer_wrap .inner_footer { height:auto; padding:2.916rem 2.2916rem }
    footer.footer_wrap .inner_footer .term_list { margin-bottom:1.916rem; padding:0 }
    footer.footer_wrap .inner_footer .term_list a { padding:0 0.625rem; font-size:0.791rem; line-height:1.768 }
    footer.footer_wrap .inner_footer .term_list a:before { height:0.416rem; margin-top:-0.2083rem }
    footer.footer_wrap .inner_footer address span { font-size:0.75rem; line-height:1.666; padding:0 0.583rem }
    footer.footer_wrap .inner_footer address span.mob_line { display:block }
    footer.footer_wrap .inner_footer address span.mob_line:before { display:none }
    footer.footer_wrap .inner_footer address span a { font-size:0.75rem; line-height:1.666; padding:0 0.583rem }
    footer.footer_wrap .inner_footer address span.mob_block { display:block; padding:0 }
    footer.footer_wrap .inner_footer address span.mob_block:before { display:none }
    footer.footer_wrap .inner_footer .copyright { margin-top:2.916rem; text-align:center }
    footer.footer_wrap .inner_footer .copyright .btn_pearlabyss { width:7.333rem; height:1.4166rem }
    footer.footer_wrap .inner_footer .copyright p { display:block; margin-left:0; margin-top:0.625rem; font-size:0.75rem }
    footer.footer_wrap .inner_footer .copyright .btn_pearlabyss:before { background-size:33.333rem 33.333rem; background-position:-7.833rem -29.7916rem }
    footer.footer_wrap .inner_footer .box_game_info { margin-top:1.916rem }
    footer.footer_wrap .inner_footer .box_game_info .left_area { display:block }
    footer.footer_wrap .inner_footer .box_game_info .left_area ul { justify-content:center }
    footer.footer_wrap .inner_footer .box_game_info .left_area ul li { width:3.125rem; height:3.667rem; box-sizing:border-box;  background-size:3.125rem 3.6667rem; margin:0 0.208rem }
    footer.footer_wrap .inner_footer .box_game_info .right_area { display:block; margin-top:0.666rem }
    footer.footer_wrap .inner_footer .box_game_info .right_area .table {width: 100%}
    footer.footer_wrap .inner_footer .box_game_info .right_area ul li {height: 1.25rem; font-size: 0.65rem; }
    .mceTmpl .table_contents { max-width: 100%; width: auto; }
    .mceTmpl .table_contents > .inner { min-width: 12rem; min-height: initial; padding: 0; margin-top:.5rem; }
     .rating.en img {  width:auto; height:auto; max-width:50%; }
     footer.footer_wrap .inner_footer .adrCopyright .txtRating { font-size:0.7rem }
    .footer_item { flex-direction:column }
    .sitemap_country { border:1px solid #35383f }
    .sitemap_platform { flex-direction:column }
    .sitemap_platform article { width:100%; height:auto; padding:2.083rem; box-sizing:border-box }
    .sitemap_platform article.site_mobile { width:100%; border-right:none; border-bottom:1px solid #35383f; padding-left:2.083rem }
    .sitemap_platform article.site_gstar { width:100%; border-right:none; border-bottom:1px solid #35383f; padding-left:2.083rem }
    .sitemap_platform article.site_gstar em { font-size:0.5rem }
    .site_title { font-size:0.916rem }
    .sitemap_platform article ul { margin-top:0.54rem }
    .sitemap_platform article ul li { display:block; width:50% }
    .sitemap_platform article ul li a,
    .sitemap_platform article.site_gstar li a,
    .sitemap_platform article.site_gstar li span { padding:0.54rem 0; font-size:0.75rem }
    .btn_country { display:block; margin-left:0; margin-top:0; width:13.125rem; padding:1.5rem 0 1.5rem 1.25rem; font-size:0.75rem; order:0; margin-bottom:2rem }
    .btn_country:before { display:block; position:absolute; right:1.25rem; margin-top:-.25rem; border-bottom:0.5rem solid #3d3d3d; border-left:0.3rem solid transparent; border-right:0.3rem solid transparent }
    #popupSlider .pop_header { top:-4.375rem; padding:0 1rem; box-sizing:border-box }
    #popupSlider .pop_header .btn { width:3.333rem; height:3.333rem; box-sizing:border-box }
    #popupSlider .pop_header .btn_not_today { font-size:.6rem; width:160px }
    #popupSlider .pop_header .btn_pop_download:before { width:1.5rem; height:1.416rem; box-sizing:border-box; background-size:33.333rem 33.333rem; background-position:-18rem 0 }
    #popupSlider .pop_header .btn_pop_close span { left:0.68rem; top:1.583rem; width:2rem; height:0.083rem; box-sizing:border-box }
    #popupSlider .pop_content { height:auto; min-width:100vw; min-height:56.25vw; max-width:100%; max-height:100% }
    #popupSlider .pop_content .pop_slide_wrap .owl-stage-outer { max-height:20.208rem }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"] { width:3.75rem; height:3.75rem; box-sizing:border-box; background:#000 }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"]:before { width:1.5rem; height:1.5rem; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%) }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-prev { left:0 }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-prev:before { left:60%; width:1.5rem; height:1.5rem; box-sizing:border-box; border-color:#fff }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-next { right:0 }
    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-next:before { left:40%; width:1.5rem; height:1.5rem; box-sizing:border-box; border-color:#fff }
    .popup_coupon .pop_header { top:-4.375rem; padding:0; box-sizing:border-box }
    .popup_coupon .pop_header .btn { width:3.333rem; height:3.333rem; box-sizing:border-box }
    .popup_coupon .pop_header .btn_pop_download:before { width:1.5rem; height:1.416rem; box-sizing:border-box; background-size:33.333rem 33.333rem; background-position:-18rem 0 }
    .popup_coupon .pop_header .btn_pop_close span { left:0.68rem; top:1.583rem; width:2rem; height:0.083rem; box-sizing:border-box }
    .popup_coupon .pop_content { max-width:28.333rem; max-height:18.75rem }
    .popup_coupon .pop_content .pop_coupon_wrap { width:28.333rem; height:18.75rem; padding:3.8033rem 1rem }
    .popup_coupon .pop_content .pop_coupon_wrap { background:url(../../img/common/m_pop_coupon_wrap_bg.png) no-repeat; background-size:cover }
    .popup_coupon .pop_content .pop_coupon_wrap h2 { font-size:1.1666rem; margin-top:1.25rem }
    .popup_coupon .pop_content .pop_coupon_wrap span.h2_desc { font-size:0.8333rem; margin-top:1rem }
    .popup_coupon .pop_content .pop_coupon_wrap .btn_wrap { margin-top:1.666rem }
    .popup_coupon .pop_content .pop_coupon_con:before { width:2.5rem; height:2.5rem; background-position:-24.583rem -28.66rem; background-size:33.333rem 33.333rem }
    .popup_coupon .remaining_time_wrap { margin-top:1rem }
    .popup_coupon .remaining_time_wrap span { font-size:0.916rem }
    .popup_coupon .remaining_time_wrap span.remaining_time { padding-left:1rem; margin-left:1rem }
    .popup_coupon .remaining_time_wrap span.remaining_time:before { width:0.083rem; height:0.833rem; background:#af9b8c; transform:translateY(-50%) }
    .loadingLayer .loading_progress_wrap .loading_circle { width:5.1666rem; height:5.1666rem }
    .loadingLayer .loading_progress_wrap .loading_circle .loader { font-size:0.833rem }
    .loadingLayer .loading_progress_wrap .loading_text { font-size:1.083rem; margin-top:1.25rem }
    .notfound_wrap { padding-top: 12.5rem }
    .notfound_wrap .img_area { max-width: 22.833rem; width: 100%; height: 8.875rem; box-sizing: border-box }
    .notfound_wrap .text_area .text01 { font-size: 1.0416rem }
    .notfound_wrap .text_area .text02 { font-size: 0.8333rem; margin-top: 1.25rem }
    .notfound_wrap .btn_wrap { display: inline-block; margin-top: 2.416rem }
    .notfound_wrap .btn_wrap .btn_big { width: 15.375rem; height: 3.9583rem; font-size: 1rem; }
    .footer_wrap.notfound .copyright { height: 6.916rem; box-sizing: border-box; padding: 2.803rem 0 0 }
    .footer_wrap.notfound .copyright p { display: block; margin: 0.666rem 0 }
    .footer_wrap.notfound .copyright a.btn_pearlabyss { width: 7.166rem; height: 1.291rem }
    .footer_wrap.notfound .copyright a.btn_pearlabyss:before { background-size: 33.333rem 33.333rem; background-position: -7.916rem -29.833rem }
    .footer_wrap.notfound .copyright p { font-size: 0.75rem }
    .closetime_wrap { padding-top:7.8rem }
    .closetime_wrap:before { height:17.0833rem; box-sizing:border-box }
    .closetime_wrap .img_area { width:27rem; max-width:100%; height:11.333rem; box-sizing:border-box }
    .closetime_wrap .img_area:before { background-size: 100% auto; }
    .closetime_wrap .text_area { padding:2.75rem 2.0833rem; margin-top:0; max-width:28.333rem }
    .closetime_wrap .text_area .text01 { font-size:1.0416rem; margin-bottom:1.666rem }
    .closetime_wrap .text_area .text02 { font-size:0.9166rem }
    .closetime_wrap .text_area .text03 { font-size:0.8333rem; margin-top:1.25rem }
    .closetime_wrap .text_area .text04 { font-size:0.9rem; margin-top:3rem }
    .closetime_wrap .btn_wrap { margin-top:2.416rem }
    .footer_wrap.closetime { height:6.5rem }
    .footer_wrap.closetime .copyright { padding:2.5rem 0 1.25rem }
    .footer_wrap.closetime .copyright p { display:block; margin:0.666rem 0 0; line-height:1 }
    .footer_wrap.closetime .copyright a.btn_pearlabyss { width:7.166rem; height:1.333rem }
    .footer_wrap.closetime .copyright a.btn_pearlabyss:before { background-size:33.333rem 33.333rem; background-position:-7.916rem -29.833rem }
    .footer_wrap.closetime .copyright p { font-size:0.75rem }
    .mar_t10 { margin-top:0.833rem }
    .mar_t20 { margin-top:1.583rem }
    .mar_t20 { margin-top:1.666rem }
    .mar_t40 { margin-top:2.0833rem }
    .mar_t50 { margin-top:2.0833rem }
    .mar_t100 { margin-top:6.25rem }
    .mar_b10 { margin-bottom:0.833rem }
    .mar_b20 { margin-bottom:1.583rem }
    .mar_b20 { margin-bottom:1.666rem }
    .mar_b40 { margin-bottom:2.0833rem }
    .mar_b50 { margin-bottom:2.0833rem }
    .mar_b100 { margin-bottom:6.25rem }
    .mar_l15 { margin-left:0.791rem }
    .icon_symbol { position:relative; display:block; width:2.5rem; height:2.5rem; box-sizing:border-box; overflow:hidden }
    .icon_symbol:before { display:block; content:""; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background:url(../../img/common/character/icn_class_symbol_spr.svg) no-repeat; background-size:7.5rem auto }
    .icon_symbol.icn_symbol0:before { background-position:-5rem 0 }
    .icon_symbol.icn_symbol4:before { background-position:-5rem -2.5rem }
    .icon_symbol.icn_symbol8:before { background-position:-5rem -5rem }
    .icon_symbol.icn_symbol12:before { background-position:-5rem -7.5rem }
    .icon_symbol.icn_symbol16:before { background-position:-5rem -10rem }
    .icon_symbol.icn_symbol25:before { background-position:-5rem -12.5rem }
    .icon_symbol.icn_symbol26:before { background-position:-5rem -15rem }
    .icon_symbol.icn_symbol31:before { background-position:-5rem -17.5rem }
    .icon_symbol.icn_symbol28:before { background-position:-5rem -20rem }
    .icon_symbol.icn_symbol21:before { background-position:-5rem -22.5rem }
    .icon_symbol.icn_symbol24:before { background-position:-5rem -25rem }
    .icon_symbol.icn_symbol20:before { background-position:-5rem -27.5rem }
    .icon_symbol.icn_symbol27:before { background-position:-5rem -30rem }
    .icon_symbol.icn_symbol19:before { background-position:-5rem -32.5rem }
    .icon_symbol.icn_symbol23:before { background-position:-5rem -35rem }
    .icon_symbol.icn_symbol11:before { background-position:-5rem -37.5rem }
    .icon_symbol.icn_symbol29:before { background-position:-5rem -40rem }
    .icon_symbol.icn_symbol17:before { background-position:-5rem -42.5rem }
    .icon_symbol.icn_symbol5:before { background-position:-5rem -45rem }
    .icon_symbol.thumb { width:3.33rem; height:3.33rem }
    .icon_symbol.thumb:before { background-size:10rem auto }
    .icon_symbol.thumb.icn_symbol0:before { background-position:0 0 }
    .icon_symbol.thumb.icn_symbol4:before { background-position:0 -3.33rem }
    .icon_symbol.thumb.icn_symbol8:before { background-position:0 -6.66rem }
    .icon_symbol.thumb.icn_symbol12:before { background-position:0 -10rem }
    .icon_symbol.thumb.icn_symbol16:before { background-position:0 -13.33rem }
    .icon_symbol.thumb.icn_symbol26:before { background-position:0 -16.66rem }
    .icon_symbol.thumb.icn_symbol25:before { background-position:0 -20rem }
    .icon_symbol.thumb.icn_symbol31:before { background-position:0 -23.33rem }
    .icon_symbol.thumb.icn_symbol28:before { background-position:0 -26.66rem }
    .icon_symbol.thumb.icn_symbol21:before { background-position:0 -30rem }
    .icon_symbol.thumb.icn_symbol24:before { background-position:0 -33.33rem }
    .icon_symbol.thumb.icn_symbol20:before { background-position:0 -36.66rem }
    .icon_symbol.thumb.icn_symbol27:before { background-position:0 -40rem }
    .icon_symbol.thumb.icn_symbol19:before { background-position:0 -43.33rem }
    .icon_symbol.thumb.icn_symbol23:before { background-position:0 -46.66rem }
    .icon_symbol.thumb.icn_symbol11:before { background-position:0 -50rem }
    .icon_symbol.thumb.icn_symbol29:before { background-position:0 -53.33rem }
    .icon_symbol.thumb.icn_symbol17:before { background-position:0 -56.66rem }
    .icon_symbol.thumb.icn_symbol5:before { background-position:0 -59.99rem }
    .icon_symbol.reply { width:1.083rem; height:1.083rem; background:#cacaca }
    .icon_symbol.reply:before { background-size:3.25rem auto }
    .icon_symbol.reply.icn_symbol0:before { background-position:-1.083rem 0 }
    .icon_symbol.reply.icn_symbol4:before { background-position:-1.083rem -1.083rem }
    .icon_symbol.reply.icn_symbol8:before { background-position:-1.083rem -2.166rem }
    .icon_symbol.reply.icn_symbol12:before { background-position:-1.083rem -3.2499rem }
    .icon_symbol.reply.icn_symbol16:before { background-position:-1.083rem -4.3322rem }
    .icon_symbol.reply.icn_symbol26:before { background-position:-1.083rem -5.4165rem }
    .icon_symbol.reply.icn_symbol25:before { background-position:-1.083rem -6.4998rem }
    .icon_symbol.reply.icn_symbol31:before { background-position:-1.083rem -7.5831rem }
    .icon_symbol.reply.icn_symbol28:before { background-position:-1.083rem -8.6664rem }
    .icon_symbol.reply.icn_symbol21:before { background-position:-1.083rem -9.7497rem }
    .icon_symbol.reply.icn_symbol24:before { background-position:-1.083rem -10.833rem }
    .icon_symbol.reply.icn_symbol20:before { background-position:-1.083rem -11.9163rem }
    .icon_symbol.reply.icn_symbol27:before { background-position:-1.083rem -12.9996rem }
    .icon_symbol.reply.icn_symbol19:before { background-position:-1.083rem -14.0829rem }
    .icon_symbol.reply.icn_symbol23:before { background-position:-1.083rem -15.1662rem }
    .icon_symbol.reply.icn_symbol11:before { background-position:-1.083rem -16.2495rem }
    .icon_symbol.reply.icn_symbol29:before { background-position:-1.083rem -17.3328rem }
    .icon_symbol.reply.icn_symbol17:before { background-position:-1.083rem -18.3158rem }
    .icon_symbol.reply.icn_symbol5:before { background-position:-1.083rem -19.2988rem }
    .custom_check input[type="checkbox"] + label { padding-left:2.333rem; font-size:1.0416rem; line-height:1.666rem }
    .custom_check input[type="checkbox"] + label:before { width:1.666rem; height:1.666rem }
    .custom_check input[type="checkbox"] + label:after { left:0.5rem; top:calc(50% - 0.2916rem); width:0.666rem; height:0.541rem; background-size:33.333rem 33.333rem; background-position:-1.458rem -17.125rem }
    .custom_input label:before { height:56% }
    .custom_check.single { width:1.666rem; height:1.666rem; box-sizing:border-box }
    .custom_radio input[type="radio"] + label:before { width:0.8333rem; height:0.8333rem }
    .custom_radio input[type="radio"] + label:after { width:0.5rem; height:0.5rem; margin-left:0.1666rem }
    .custom_input input[type="email"],
    .custom_input input[type="password"],
    .custom_input input[type="text"] { height:3.75rem; padding:0 1.666rem; font-size:1rem }
    .custom_input.sml input[type="email"],
    .custom_input.sml input[type="password"],
    .custom_input.sml input[type="text"] { height:2.916rem; padding:0 1.666rem; font-size:0.916rem }
    .custom_input.label label { left:1.666rem; font-size:1.083rem }
    .custom_input.icon input[type="password"],
    .custom_input.icon input[type="text"] { padding-right:3.25rem }
    .custom_input.sml.icon input[type="text"] { padding-right:2.25rem }
    .custom_input.icn_cal input[type="text"] { padding-left:0.888rem }
    .custom_input.icon:before { background-size:33.333rem 33.333rem }
    .custom_input.icon_email:before { width:1.375rem; height:1.0416rem; background-position:-3.014rem -17.125rem }
    .custom_input.icon_pass:before { width:1.166rem; height:1.375rem; background-position:-4.875rem -17.125rem }
    .custom_input.icon_pass_check:before { width:1.416rem; height:1.416rem; background-position:-9.375rem -17.125rem }
    .custom_input.icon_user:before { width:1.141rem; height:1.208rem; background-position:-6.458rem -17.025rem }
    .custom_input.icon_verification:before { width:1.308rem; height:1.308rem; background-position:-7.916rem -17.025rem }
    .custom_input.error:before { width:1.291rem; height:1.291rem; background-position:-1.458rem -19.896rem }
    .custom_input.icn_cal:before { right:0.666rem; width:1.083rem; height:1rem; background-position:-15.958rem -17.125rem }
    .custom_input.icon_phone:before { width:1.0833rem; height:1.5rem; background-position:-26.4166rem -15.9583rem }
    .custom_input.icon_key:before { width:0.9166rem; height:1.5833rem; background-position:-27.875rem -15.9583rem }
    .custom_input input.active + label { left:1.5rem; top:-0.583rem; padding:0 0.416rem; font-size:0.916rem }
    .custom_select:after { width:0.5rem; height:0.5rem; right:0.833rem }
    .custom_select select { height:3.75rem; padding:0 2rem 0 1rem; font-size:1.083rem; color:#323232 }
    .custom_select.mid select { height:2.833rem; box-sizing:border-box; font-size:0.833rem }
    .btn_big { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; width:49.2%; height:4.1666rem; margin:0 auto; line-height:inherit; font-size:1.083rem }
    .btn_mid { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; width:100%; height:3.75rem; margin:0 auto; line-height:inherit; font-size:1.041rem }
    .btn_mid2 { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; width:100%; height:3.75rem; margin:0 auto; line-height:inherit; font-size:1.041rem }
    .btn_sml { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; height:2.916rem; margin:0 auto; padding:0 1.5rem; line-height:inherit; font-size:0.916rem }
    .btn_sml02 { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; height:2.916rem; margin:0 auto; padding:0 1.5rem; line-height:inherit; font-size:0.916rem }
    .btn_sml03 { height:2.916rem; padding:0 1.5rem; line-height:2.916rem; font-size:1rem }
    .btn.mob_half { width:50% }
    .btn_wrap.col2 .btn { width:49% }
    .btn_wrap.col2 .btn + .btn { margin-left:2% }
    .btn .icon.icn_buy,
    .btn .icon.icn_download { width:2.2916rem; height:2.2916rem }
    .btn .icon:before { background-size:66.666rem 66.666rem }
    .btn .icon.icn_download:before { width:1rem; height:1rem; box-sizing:border-box; background-position:-12.0833rem -2.416rem; background-size:33.33rem 33.33rem }
    .btn .icon.icn_buy:before { width:1.2rem; height:1.2rem; box-sizing:border-box; background-position:-26rem -18.54rem; background-size:33.33rem 33.33rem }
    .agree_wrap .box_agree .btn.join_policy_btn { margin:0; max-width:10rem;}
    ul.bullet_list { margin-top:0.8333rem }
    ul.bullet_list li { padding-left:0.541rem; font-size:0.833rem; line-height:1.5 }
    ul.bullet_list li:before { top:0.451rem }
    ul.bullet_list.fs14 li { padding-left:0.541rem; font-size:0.875rem; line-height:1.5 }
    ul.bullet_list.fs15 li:before { top:0.5rem }
    ul.bullet_list.fs15 li { font-size:0.833rem; line-height:1.5 }
    ul.bullet_list.fs15 li:before { top:0.625rem }
    .bullet_check { padding-left:1.416rem }
    .bullet_check:before { width:0.5rem; height:0.75rem; border-width:0.125rem }
    .paging a { width:auto; height:1.666rem; box-sizing:border-box; font-size:1rem; margin:0 0.291rem; padding:0 0.5rem }
    .paging span { width:1.666rem; height:1.666rem; box-sizing:border-box; font-size:1rem; margin:0 0.291rem; padding:0; align-items:stretch }
    .paging a.prev { margin:0 1.25rem 0 -1px }
    .paging a.next { margin:0 -1px 0 1.25rem }
    .paging a.first { margin:0 }
    .paging a.last { margin:0 }
    .paging a.btn_arrow { width:2.5rem; height:2.5rem; box-sizing:border-box }
    .paging a.btn_arrow:before { background-size:33.333rem 33.333rem }
    .paging a.first:before { width:0.916rem; height:0.958rem; box-sizing:border-box; background-position:0 -22.541rem }
    .paging a.prev:before { width:0.541rem; height:0.958rem; box-sizing:border-box; background-position:-1.458rem -22.541rem }
    .paging a.next:before { width:0.541rem; height:0.958rem; box-sizing:border-box; background-position:-2.416rem -22.541rem }
    .paging a.last:before { width:0.916rem; height:0.958rem; box-sizing:border-box; background-position:-3.375rem -22.541rem }
    .paging_area .btn_wrap { position:relative; transform:none; justify-content:flex-end; margin-top:1rem }
    .paging_area .btn_wrap.left_area { justify-content:flex-start }
    .tag_label { height:1.875rem; box-sizing:border-box; padding:0 1.166rem; font-size:0.958rem; line-height:1.875rem }
    .tag_label.best { border-radius:1.875rem; margin-left:0.416rem }
    .btn_like { padding-left:1.25rem; font-size:0.958rem }
    .btn_like:before { top:0.25rem; width:1.105rem; height:0.791rem; box-sizing:border-box; background-size:33.333rem 33.333rem; background-position:-0.916rem -25.208rem }
    .no_data { padding:8.25rem 0 }
    .no_data p { height:2.5rem; box-sizing:border-box; padding-left:3.416rem; line-height:2.5rem; font-size:1rem }
    .no_data p:before { width:2.6666rem; height:2.6666rem; box-sizing:border-box; background-size:66.666rem 66.666rem; background-position:-11.333rem -32.4166rem }
    .icon_character { width:4.125rem; height:4.125rem; box-sizing:border-box }
    .icon_character:before { background-size:cover }
    .icon_character.sha_character_1:before { background-position:-10.448rem -2.875rem }
    .container.policy { padding-top:4.166rem }
    .container.policy .sort_area { margin:2.5rem 0 0.833rem; padding:0 1.25rem; font-size:0 }
    .container.policy .sort_area:after { display:block; content:''; height:0; font-size:0; opacity:0; clear:both }
    .container.policy .sort_area .right_area { float:none; vertical-align:top }
    .container.policy .sort_area .right_area span.custom_select + span.custom_select { margin-left:2% }
    .container.policy .sort_area .right_area span.custom_select:first-child { width:59% }
    .container.policy .sort_area .right_area span.custom_select:last-child { width:39% }
    .container.policy h2 { margin:0 1.25rem; padding:1.5rem 0; border-bottom:2px solid #555; font-size:2.166rem; color:#2e2e2e; font-weight:normal }
    .container.policy .policy_wrap { padding:2rem 1.25rem }
    .contents_area { padding:2.5rem 0; line-height:1.541; min-height:3.33rem }
    .contents_area table,
    .contents_area table.Table { width:100%!important }
    .contents_area p { line-height:2 }
    .contents_area table td { padding:.5rem .2rem }
    .agree_wrap .box_agree { margin-bottom:1.666rem }
    .agree_wrap .box_agree .sec_header { min-height:3.1666rem; padding:0.416rem 0.708rem }
    .agree_wrap .box_agree .box_policy { padding:1rem; height:8.5rem; box-sizing:border-box }
    .agree_wrap .box_agree h5,
    .agree_wrap .box_agree p { font-size:0.875rem }
    .agree_wrap .box_agree.box_agree_type2 .custom_check,
    .agree_wrap .box_agree.toggle .custom_check { width:54% }
    .agree_wrap .box_agree .btn.btn_agree_more_js { padding:0 1.5rem; height:2.0833rem; box-sizing:border-box }
    .reply_wrap { margin-bottom:0 }
    .reply_area { margin:0 }
    .box_report .box_report_list { left:auto; right:0; transform:translate(0, 0); margin-top:0.4166rem }
    .box_report .box_report_list ul { padding:0.5rem 0 }
    .box_report .box_report_list ul li a { height:1.666rem; box-sizing:border-box; font-size:0.916rem; line-height:1.666rem }
    .box_reply { display:block; padding:1.4583rem 1.25rem }
    .box_reply .text_area { width:auto; padding:0; margin-bottom:0 }
    .box_reply .text_area .box_text { font-size:0.958rem; color:#3d3d3d; font-weight:normal; margin-right:0 }
    .box_reply .text_area .box_date { margin-top:0.833rem }
    .box_reply .text_area .box_date span { font-size:0.875rem }
    .box_reply .text_area .box_date .btn_like { font-size:0.875rem; margin-left:0.833rem; padding-left:2.0833rem }
    .box_reply .text_area .box_date .btn_like:before { top:0.0833rem; left:0.833rem }
    .box_reply .text_area .box_date .btn_like:after { top:0.0833rem; width:0.083rem; height:0.708rem; box-sizing:border-box }
    .box_reply .text_area .box_reply_user { margin-bottom:0.5rem; padding:0.6rem 2.8rem 0.6rem 0.8rem; font-size:1rem }
    .box_reply .text_area .box_reply_user .btn_delete { right:0.5rem; width:1.5rem; height:1.5rem; box-sizing:border-box }
    .box_reply .text_area .box_reply_user .btn_delete:before { height:0.8rem; box-sizing:border-box }
    .box_reply .text_area .box_reply_user .btn_delete:after { width:0.8rem }
    .box_reply .user_area { width:auto; margin-bottom:1rem; padding:0; margin-right:4.5833rem }
    .box_reply .user_area a { display:box; display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:-moz-flex; display:-o-flex; display:flex; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center; align-items:center; -webkit-justify-content:center; -ms-justify-content:center; -moz-justify-content:center; -o-justify-content:center; justify-content:center; -ms-flex-align:center; justify-content:flex-start; width:auto }
    .box_reply .user_area a .box_user { width:auto; text-align:left }
    .box_reply .user_area a .box_user.supporter .supporter_mark { float:left; margin-left:0.8rem; margin-top:0; height:1.2rem; margin-bottom:0.2rem; font-size:0.6rem; line-height:1.2rem }
    .box_reply .user_area a .user_name { font-size:1rem; line-height:1.2rem; color:#3d3d3d; font-weight:bold; margin-bottom:0.2rem }
    .box_reply .user_area a .box_user.supporter .user_name { float:left }
    .box_reply .user_area a .level_area { margin-top:0.333rem; text-align:left; line-height:1 }
    .box_reply .user_area a .level_area span.text { float:left; margin-left:0.3rem; line-height:1.083rem; font-size:0.875rem }
    .box_reply .user_area a .img_area { width:3.33rem; height:3.33rem; margin-right:0.833rem }
    .box_reply .user_area a .img_area img { width:100% }
    .box_reply .btn_wrap { margin-top:.8rem; justify-content:flex-end }
    .box_reply .btn_wrap .btn_reply { height:2.083rem; box-sizing:border-box; margin-left:0.208rem; padding:0 1.25rem; font-size:0.916rem; line-height:2.083rem }
    .box_reply .btn_wrap .btn_reply.mob_none { display:none }
    .box_reply .box_modal { display:block; position:absolute; bottom:auto; right:1rem; top:1.666rem }
    .box_reply .box_modal .btn_modal { display:block; font-size:0; width:1.25rem; height:1.25rem }
    .box_reply .box_modal .btn_modal:before { display:block; content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:1.0833rem; height:0.2083rem; background:url(../../img/common/spr_etc.png?v=1) -22.875rem -17.125rem no-repeat; background-size:33.33rem 33.33rem }
    .box_reply .box_modal .box_modal_list { display:none; position:absolute; top:100%; right:0; margin-top:0.625rem }
    .box_reply .box_modal .box_modal_list:before { width:0.625rem; height:0.75rem; top:-0.583rem }
    .box_reply .box_modal .box_modal_list:after { width:0.375rem; height:0.875rem; top:-0.583rem }
    .box_reply .box_modal .box_modal_list > ul { border:1px solid #911412; background:#fff; min-width:4.583rem; box-sizing:border-box }
    .box_reply .box_modal .box_modal_list > ul li a { display:block; padding:0 0.416rem; height:2rem; line-height:2rem; text-align:center; font-size:0.9166rem; color:#911412; font-weight:normal; box-sizing:border-box }
    .box_reply.text_report { padding-left:1.25rem }
    .box_reply.text_report .text_area { font-size:0.958rem }
    .box_reply.write { border:0 }
    .box_reply.write .user_area { display:none }
    .box_reply.write .text_area textarea { height:5.208rem; box-sizing:border-box; padding:1rem; font-size:0.958rem }
    .box_reply.write .text_area .btn_wrap.resist { margin-top:0.833rem }
    .box_reply.write .text_area .btn_wrap.resist .btn { min-width:6.66rem }
    .box_reply.write.modify .user_area { display:block }
    .box_reply.re { padding-left:2.5rem }
    .box_reply.re:before { left:1.25rem; top:1.583rem; width:0.875rem; height:1.291rem; box-sizing:border-box; background-size:33.333rem 33.333rem; background-position:-5.791rem -22.541rem }
    .box_reply.re .user_area { padding-left:0 }
    .box_reply.re.text_report { padding-left:2.5rem }
    .box_reply.re.text_report:before { top:1rem }
    .box_reply .text_area h1 { font-size:2rem }
    .box_reply .text_area h2 { font-size:1.666rem }
    .box_reply .text_area h3 { font-size:1.333rem }
    .btn_grd_gold { background-position:left 0 top -4rem; background-size:33.33rem 33.33rem }
    :lang(ko-KR) .steamArea { display:none }
    html:lang(ru-RU) .btn_mid { font-size:0.8rem }
 }
@media screen and (max-width: 768px) {
    .contents_area { padding:2.5rem 0; font-size:1rem; line-height:1.541; min-height:3.33rem }
    .contents_area p { font-size:1rem; line-height:1.541 }
    .contents_area h1 { font-size:2rem }
    .contents_area h2 { font-size:1.666rem }
    .contents_area h3 { font-size:1.333rem }
    .header_title { font-size:1.166rem!important; padding:1.5rem 1.666rem 1.25rem }
    .header_title:after { right:-1.666rem; width:5.333rem; height:5.333rem; background-size:16.7083rem 5.2916rem }
    .header_title.yellow:after { background-position:-5.7083rem 0 }
    .header_title.black:after { background-position:-11.416rem 0 0 }
    .first_title { font-size:1.166rem!important; padding-left:0.833rem }
    .first_title:before { width:0.166rem; height:0.833rem; top:0.5rem }
    .second_title { font-size:1.0416rem!important }
    .sub_title { font-size:1rem!important }
    .table_contents { width:15rem; margin:3.33rem 0 }
    .table_contents > .inner { min-width:16rem }
    .table_contents > .inner h3 { height:3rem; box-sizing:border-box; font-size:1.0416rem!important; line-height:3rem }
    .table_contents > .inner > ol > li { margin:0.625rem 0 }
    .table_contents > .inner > ol > li a { font-size:1rem }
    .box_contents { padding:1.166rem; margin:1.25rem 0 }
    .box_contents.darkgray:before { top:0.416rem; bottom:0.416rem; right:0.416rem; left:0.416rem }
    .btn_detail_more { font-size:1rem; padding-right:1.25rem; margin-right:0.833rem; }
    .btn_detail_more.active { padding-bottom:1rem; }
    .btn_detail_more:after { width: 0.583rem; height: 0.583rem; border-width: 0.0833rem; top: 0.33rem }
    .btn_detail_more.active:after { top:0.625rem }
    .btn_link { font-size:1rem; min-width:10rem; height:3.333rem; line-height:3.333rem }
    .btn_link span { padding-right:1.666rem }
    .btn_link span:before { width:1rem; height:1rem; background-position:-20.7916rem -17.125rem; background-size:33.33rem 33.33rem }
    footer.footer_wrap .inner_footer .box_game_info .right_area ul li { height:2.5rem; }
    footer.footer_wrap .inner_footer .box_game_info .right_area ul li br { display: block; }
    #languageBox { margin:1.6rem auto }
    #languageBox .custom_select { width:40% }
    #languageBox .custom_select select { height:2.416rem; font-size:0.833rem }
}

@media screen and (max-width: 600px) {
    footer.footer_wrap .inner_footer { padding:2.916rem 1.666rem }
    footer.footer_wrap .inner_footer address span { display:block; padding:0; margin:0.416rem 0 }
    footer.footer_wrap .inner_footer address span:before { display:none }
 }

@media only screen and (max-height: 415px) and (min-width: 415px) and (orientation: landscape) {
    html { font-size:12px }
    .header_wrap nav { width:65% }
}
@media screen and (max-width: 360px) {.header_wrap .btn_all_menu > span { min-height:2px } }