@charset "UTF-8"; h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 1.4rem
}

body {
    line-height: 1.2;
    color: #2b2b2b
}

input {
    font-weight: normal;
    color: #626262;
    outline: 0
}

button,input,select,textarea {
    font-size: 1.4rem
}

a {
    color: #2b2b2b
}

.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: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-align: center
}

.block {
    display: block
}

.i_block {
    display: inline-block;
    vertical-align: middle
}

.hidden {
    overflow: hidden
}

.profile_gm,.profile_gm:hover {
    cursor: default
}

.flex_block_mobile {
    display: flex
}

.spr_etc,.spr_etc_after:after,.spr_etc_before:before {
    background: url(../../img/common/spr_etc.png?v=3) no-repeat left top;
    image-rendering: -webkit-optimize-contrast
}

.spr_etc.spr_share {
    width: 15px;
    height: 15px;
    background-position: -777px -261px
}

.spr_profile {
    display: inline-block;
    margin-right: 6px;
    background: url(../../img/common/spr_info.png) no-repeat left top;
    image-rendering: -webkit-optimize-contrast
}

.spr_profile.article {
    width: 17px;
    height: 16px;
    background-position: 1px 0
}

.spr_profile.opinion {
    width: 17px;
    height: 18px;
    background-position: -18px 0
}

.spr_profile.answer {
    width: 17px;
    height: 16px;
    background-position: -42px 0
}

.spr_profile.sympathy {
    width: 16px;
    height: 10px;
    background-position: -65px 0
}

.spr_profile.sympathy.down {
    background-position: -139px 0
}

.spr_profile.sympathy.updown {
    width: 8px;
    height: 15px;
    position: relative;
    background: none
}

.spr_profile.sympathy.updown::after,.spr_profile.sympathy.updown::before {
    position: absolute;
    left: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: ''
}

.spr_profile.sympathy.updown::before {
    top: 0;
    border-bottom: 6px solid #b5b5b5
}

.spr_profile.sympathy.updown::after {
    bottom: 0;
    border-top: 6px solid #b5b5b5
}

.spr_profile.sympathy_mini {
    width: 10px;
    height: 7px;
    background-position: -107px 0
}

.spr_profile.sympathy_mini.down {
    background-position: -107px -12px
}

.spr_profile.view {
    width: 17px;
    height: 10px;
    background-position: -84px 0
}

.spr_profile.quote {
    width: 15px;
    height: 15px;
    background-position: -65px -58px
}

.spr_profile.recommend {
    width: 16px;
    height: 10px;
    background-position: -65px 0
}

.spr_profile.time {
    width: 16px;
    height: 16px;
    background-position: -170px -57px
}

.spr_profile.heart {
    width: 13px;
    height: 12px;
    background-position: -129px 58px
}

.spr_profile.spr_setting {
    width: 19px;
    height: 19px;
    background-position: 0 -87px;
    background-size: 140px
}

.icn_cm_spr {
    display: inline-block;
    background: url(../../img/common/icn_cm_spr.png?v=8)
}

.icn_change_wrap .icn_cm_spr {
    opacity: .4;
    transition: opacity .3s ease;
    transition: opacity .3s ease
}

.icn_change_pc {
    width: 38px;
    height: 28px;
    background-position: 0 -1464px
}

.icn_change_mo {
    width: 24px;
    height: 36px;
    background-position: -50px -1464px
}

.popup_m .icn_change_mo,.popup_pc .icn_change_pc {
    opacity: 1
}

.icn_share {
    display: inline-block;
    width: 17px;
    height: 20px;
    background: url(../../img/common/icon/icn_share.png) no-repeat center/contain
}

.icn_svg {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.icn_svg.svg_comment {
    width: 16px;
    height: 16px;
    background-image: url(../../img/portal/forum/icn_forum_comment.svg)
}

.icn_svg.svg_view {
    width: 16px;
    height: 16px;
    background-image: url(../../img/portal/forum/icn_forum_view.svg)
}

.icn_svg.svg_like {
    width: 16px;
    height: 16px;
    background-image: url(../../img/portal/forum/icn_forum_like.svg)
}

.icn_svg.svg_like_gray {
    width: 16px;
    height: 16px;
    background-image: url(../../img/portal/forum/icn_forum_like_gray.svg)
}

.icn_svg.svg_chain {
    width: 19px;
    height: 21px;
    background-image: url(../../img/common/icon/icn_chain.svg)
}

.icn_svg.svg_facebook_white {
    width: 13px;
    height: 22px;
    background-image: url(../../img/common/icon/icn_facebook_white.svg)
}

.icn_svg.svg_twitter_white {
    width: 22px;
    height: 19px;
    background-image: url(../../img/common/icon/icn_twitter_white.svg)
}

.icn_svg.svg_img {
    width: 18px;
    height: 15px;
    background-image: url(../../img/common/icon/icn_img.svg)
}

.common_info_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    font-size: 15px;
    line-height: 16px;
    margin-top: 14px
}

.common_info_list > li {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 16px;
    line-height: 16px;
    color: #888;
    box-sizing: border-box
}

.common_info_list > li + li {
    margin-left: 10px;
    padding-left: 11px
}

.common_info_list > li + li:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    width: 0;
    height: 12px;
    border-left: 1px solid #c9cac9
}

.grade_color.beginner {
    color: #888
}

.grade_color.apprentice {
    color: #76b24d
}

.grade_color.skilled {
    color: #3786cd
}

.grade_color.professional {
    color: #d62e00
}

.grade_color.artisan {
    color: #b23bc7
}

.grade_color.master {
    color: #b23bc7
}

.grade_color.guru {
    color: #c78045
}

#CybotCookiebotDialog {
    top: auto!important;
    bottom: 0!important;
    width: 101%!important;
    max-width: 101%!important;
    border-radius: 0!important;
    transform: translate(-50%, 0)!important
}

#CybotCookiebotDialog .CybotCookiebotDialogContentWrapper {
    max-width: 1200px!important;
    margin: 0 auto
}

a#CybotCookiebotDialogPoweredbyCybot {
    display: none!important
}

#CybotCookiebotDialogHeader {
    display: none!important
}

div.youtubeContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

div.youtubeContainer iframe {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 1280px) {
    #CybotCookiebotDialog.CybotEdge .CybotCookiebotDialogContentWrapper {
        max-width:1200px
    }
}

@media screen and (max-width: 1279px) {
    #CybotCookiebotDialog {
        padding:0 15%
    }

    #CybotCookiebotDialog *,#CybotCookiebotDialogBodyUnderlay * {
        font-size: 0.86rem!important
    }

    #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
        padding: 0.6rem!important
    }

    #CybotCookiebotDialogPoweredByText {
        display: none!important
    }

    #CybotCookiebotDialogBodyButtons {
        display: flex;
        justify-items: center;
        align-items: center
    }
}

@media screen and (max-width: 768px) {
    #CybotCookiebotDialog {
        padding:0 2% 2% 3%
    }
}

@media screen and (max-width: 600px) {
    #CybotCookiebotDialog {
        padding:0 1%
    }
}

.googleRobot > div {
    margin: auto
}

.hide {
    display: none!important;
    position: fixed;
    z-index: -999;
    font-size: 0;
    width: 0!important;
    height: 0!important;
    opacity: 0;
    visibility: hidden;
    top: -9999px;
    left: -9999px;
    overflow: hidden
}

body.hidden,body.lock {
    height: 100%;
    overflow: hidden
}

#wrap {
    position: relative;
    margin: 0 auto;
    background-color: #000;
    height: 100%
}

.page_wrap {
    background-color: #fff
}

.container {
    position: relative;
    min-height: 1000px;
    box-sizing: border-box
}

.header_wrap {
    position: absolute;
    top: 0;
    z-index: 90;
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, 1);
    box-sizing: border-box;
    -webkit-transition: height .2s;
    transition: height .2s
}

.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;
    -webkit-transition: height .2s;
    transition: height .2s
}

.header_wrap .logo a {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

.header_wrap .logo .logo_default {
    display: block
}

.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: flex;
    white-space: nowrap
}

.header_wrap nav > ul > li {
    display: none;
    position: relative
}

.header_wrap nav > ul > li.visible {
    display: block
}

.header_wrap .more_menu_wrap .more_menu_opener,.header_wrap nav > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 80px;
    padding: 0 30px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
    -webkit-transition: height .2s;
    transition: height .2s
}

.header_wrap .more_menu_wrap .more_menu_opener {
    padding-top: 1px;
    font-size: 14px;
    color: rgba(255, 255, 255, .9);
    -webkit-transition: color .2s,height .2s;
    transition: color .2s,height .2s
}

.header_wrap .more_menu_wrap .more_menu_opener::after {
    content: '';
    width: 0;
    height: 0;
    margin-left: 7px;
    border: 4px solid transparent;
    border-top: 6px solid rgba(255, 255, 255, 0.9);
    border-bottom: none;
    -webkit-transition: transform .2s;
    transition: transform .2s
}

.header_wrap .more_menu_wrap.on .more_menu_opener {
    color: rgba(255, 255, 255, .9)
}

.header_wrap .more_menu_wrap.on .more_menu_opener::after {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.header_wrap nav > ul > li > a.disabled {
    color: #757575
}

.header_wrap .more_menu_wrap .sp_comm,.header_wrap nav > ul > li .sp_comm,.icn_link .sp_comm {
    flex: 0 0 auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    margin: 0 0 0 8px;
    padding-top: 1px
}

.header_wrap .more_menu_wrap .sp_comm:before,.header_wrap nav > ul > li .sp_comm:before,.icn_link .sp_comm:before {
    display: block;
    content: "";
    overflow: hidden;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: url(../../img/common/spr_etc.png?v=3) -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: absolute;
    top: 100%;
    left: 5px;
    min-width: 100%;
    z-index: 10;
    display: none;
    box-sizing: border-box;
    background: #000
}

.header_wrap nav > ul > li .sub_menu > ul {
    padding: 0 0 10px
}

.header_wrap nav .more_menu_list > li .sub_menu > ul {
    padding: 10px 0
}

.header_wrap nav > ul > li .sub_menu > ul > li > a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 10px 27px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-align: left;
    line-height: 1.5;
    white-space: nowrap;
    -webkit-transition: color .15s;
    transition: color .15s
}

.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 a .menu_underline {
    position: relative
}

.header_wrap a .menu_underline::after {
    position: absolute;
    bottom: -5px;
    left: 50%;
    width: 0;
    height: 6px;
    background: linear-gradient(0deg, #d1ab85, transparent 40%);
    opacity: 0;
    content: '';
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: width .2s ease,opacity .2s ease .03s,top .2s;
    transition: width .2s ease,opacity .2s ease .03s,top .2s
}

.header_wrap nav .btn_nav_close {
    display: none
}

.header_wrap .btn_mob_mypage,.header_wrap .btn_mob_open_search {
    display: none
}

.header_wrap .util_wrap {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: flex-start;
    -webkit-transition: height .2s;
    transition: height .2s
}

.header_wrap .util_wrap > ul {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: flex-start
}

.header_wrap .util_wrap > ul > li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 100%
}

.header_wrap .util_wrap > ul > li + li {
    position: relative;
    padding-left: 21px
}

.header_wrap .util_wrap > ul > li + li::before {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: calc(50% - 6px);
    width: 1px;
    height: 12px;
    background-color: #4e5054
}

.header_wrap .util_wrap > ul > li.search_btn_wrap + li::before {
    display: none
}

.header_wrap .util_wrap > ul > .hide + li::before {
    display: none
}

.header_wrap .util_wrap > ul > li > a {
    position: relative;
    display: block;
    color: #fff;
    font-size: 15px;
    -webkit-transition: color .15s;
    transition: color .15s
}

.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=3) -536px -541px no-repeat
}

.header_wrap .util_wrap > ul > li > a.btn_join {
    display: block;
    font-size: 14px;
    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=3) -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: 12px;
    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_area {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 36px;
    height: 36px;
    box-sizing: border-box
}

.header_wrap .util_wrap > ul > li .icn_login {
    display: block;
    position: relative;
    width: 20px;
    font-size: 0;
    opacity: 0.8;
    transition: opacity 0.2s;
    cursor: auto
}

.header_wrap .util_wrap > ul > li .icn_join {
    display: inline-block;
    position: relative;
    width: 20px;
    font-size: 0;
    margin-right: 8px;
    opacity: 0.3;
    transition: opacity 0.2s
}

.header_wrap .util_wrap > ul > li .popup_box .popup_box_login {
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    background: #2b2f5a;
    color: #fff;
    transition: background-color 0.2s
}

.header_wrap .util_wrap > ul > li .popup_box .popup_box_login a {
    display: block;
    padding: 14px 0;
    color: inherit
}

.header_wrap .util_wrap > ul > li .popup_box .popup_box_join a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 6px 0
}

.header_wrap .util_wrap .nowplay_wrap {
    height: 100%;
    margin: 0;
    padding: 0
}

.header_wrap .util_wrap .nowplay_wrap::before {
    display: none
}

.header_wrap .util_wrap .btnTopSide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 100%;
    font-size: 20px;
    text-align: center;
    color: #eaeaea;
    -webkit-transition: height .2s;
    transition: height .2s;
    overflow: hidden;
    background: linear-gradient(to bottom, #8f714a, #ad8b53)
}

.header_wrap .util_wrap > ul.after_login > li > a.btn_login:after {
    display: block;
    content: '';
    position: absolute;
    left: 24px;
    top: 50%;
    margin-top: 4px;
    width: 18px;
    height: 18px;
    -webkit-transition: transform .4s;
    transition: transform .4s;
    background: url(../../img/common/spr_etc.png?v=3) -498px -448px no-repeat
}

.header_wrap .util_wrap .language_wrap,.header_wrap .util_wrap .search_btn_wrap {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 0
}

.header_wrap .util_wrap .btn_open_search,.header_wrap .util_wrap .btn_select_language {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    cursor: default
}

.header_wrap .util_wrap .btn_open_search {
    cursor: pointer;
    padding: 0
}

.header_wrap .util_wrap .btn_open_search .icn_open_search,.header_wrap .util_wrap .btn_select_language .icn_globe {
    position: relative;
    z-index: -1;
    width: 23px;
    height: 23px;
    opacity: .8;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.header_wrap .util_wrap .btn_open_search.active .icn_open_search,.header_wrap .util_wrap .btn_select_language.on .icn_globe {
    opacity: 1
}

.header_wrap .util_wrap .language_list {
    position: absolute;
    top: 100%;
    left: calc(50% - 70px);
    display: none;
    width: 140px;
    padding: 10px 0;
    background: #000
}

.header_wrap .util_wrap .language_selector {
    width: 100%;
    padding: 10px 5px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
    line-height: 1.5;
    text-align: center;
    -webkit-transition: color .15s;
    transition: color .15s
}

.header_wrap .util_wrap .language_list > li.on .language_selector {
    color: #ae8d67
}

.header_wrap .util_wrap .user_profile_popup {
    position: absolute;
    top: 76px;
    right: 50%;
    opacity: 0;
    visibility: hidden;
    z-index: -10;
    -webkit-transform: translate3d(50%, -5%, 0);
    transform: translate3d(50%, -5%, 0);
    -webkit-transition: transform .1s ease,opacity .1s ease,visibility .1s ease,z-index .1s ease,top .2s;
    transition: transform .1s ease,opacity .1s ease,visibility .1s ease,z-index .1s ease,top .2s
}

.header_wrap .util_wrap .user_profile_popup.side_profile {
    left: auto;
    right: 10%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.header_wrap .util_wrap .user_profile_popup.on {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    opacity: 1;
    visibility: visible;
    z-index: 50
}

.header_wrap .util_wrap.is_steam .user_profile_popup {
    -webkit-transform: translate3d(30px, -5%, 0);
    transform: translate3d(30px, -5%, 0)
}

.header_wrap .util_wrap.is_steam .user_profile_popup.on {
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0)
}

.header_wrap .util_wrap .user_profile_popup.side_profile.on {
    left: auto;
    right: 10%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.header_wrap.small .util_wrap .user_profile_popup {
    top: 65px
}

.header_wrap .util_wrap .user_profile_popup::before {
    position: absolute;
    top: -10px;
    left: 50%;
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 10px solid #f4f4f4;
    -webkit-transform: translate3d(-41%, 0, 0);
    transform: translate3d(-41%, 0, 0);
    content: ''
}

.header_wrap .util_wrap.is_steam .user_profile_popup::before {
    left: auto;
    transform: initial;
    right: 18px
}

.header_wrap .util_wrap .user_profile_popup.side_profile::before {
    left: auto;
    right: 17px
}

.header_wrap .util_wrap .popup_box {
    min-width: 240px;
    background: #f4f4f4;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: max-height .25s ease;
    transition: max-height .25s ease
}

.header_wrap .util_wrap .popup_box .profile_info_wrap {
    margin-bottom: 16px
}

.header_wrap .util_wrap .popup_box .profile_info {
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.header_wrap .util_wrap .popup_box .profile_info .profile_icon {
    flex: 0 0 auto;
    border-radius: 50%
}

.header_wrap .util_wrap .popup_box .profile_info .profile_icon .icon_character {
    -webkit-transition: transform .2s ease;
    transition: transform .2s ease
}

.header_wrap .util_wrap .popup_box .profile_info:hover .profile_icon .icon_character {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.header_wrap .util_wrap .popup_box .profile_info .profile_name {
    margin-left: 12px;
    font-size: 14px;
    color: #222;
    white-space: nowrap;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.header_wrap .util_wrap .popup_box .profile_info:hover .profile_name {
    color: #000
}

.header_wrap .util_wrap .popup_box .profile_remote_list {
    padding: 17px 15px;
    box-sizing: border-box
}

.header_wrap .util_wrap .popup_box .profile_remote_item + .profile_remote_item {
    margin-top: 7px
}

.header_wrap .util_wrap .popup_box .profile_remote_btn {
    display: inline-block;
    padding: 3px 5px;
    font-size: 14px;
    color: #646464;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.header_wrap .util_wrap .popup_box .profile_remote_btn:hover {
    color: #0d0d0c
}

.header_wrap .util_wrap .popup_box .popup_box_logout {
    padding: 10px 15px;
    background-color: #eaeaea
}

.header_wrap .header {
    position: relative;
    background: #000;
    z-index: 20
}

.header_wrap.small .search_inner,.scrolling .common_search_wrap .search_inner {
    padding-top: 85px;
    padding-bottom: 25px
}

.common_search_wrap {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    background: rgba(30, 30, 30, 0.8);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
    z-index: 10
}

.common_search_wrap.active {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.common_search_wrap .search_inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 1020px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    padding: 120px 10px 45px 10px;
    box-sizing: border-box;
    transition: padding 0.18s
}

.common_search_wrap .search_input_wrap {
    position: relative;
    flex: 1 1 auto;
    border: none
}

.common_search_wrap .search_select_wrap {
    flex: 0 0 250px;
    margin-right: 7px
}

.common_search_wrap .search_select_wrap .custom_select {
    width: 100%
}

.common_search_wrap .search_input,.common_search_wrap .search_select_wrap .custom_select select {
    line-height: 35px;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 16px;
    color: #222;
    background: #fff
}

.common_search_wrap .search_select_wrap select {
    height: 55px
}

.common_search_wrap .search_input {
    width: 100%;
    height: 55px;
    padding: 10px 46px 10px 20px;
    border: 1px solid transparent;
    border-radius: 3px;
    box-sizing: border-box
}

.common_search_wrap .search_input_wrap .btn_search {
    position: absolute;
    right: 18px;
    top: 50%;
    display: block;
    width: 24px;
    height: 30px;
    background: url(../../img/common/icon/icn_search.svg) no-repeat center center;
    background-size: 22px auto;
    transform: translate3d(0, -50%, 0)
}

.header_wrap .more_menu_wrap {
    display: none
}

.header_wrap .more_menu_wrap.added {
    display: block
}

.header_wrap .more_menu_wrap .more_menu_list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 0 10px;
    background: #000;
    box-sizing: border-box;
    z-index: 10
}

.header_wrap .more_menu_wrap .node1 {
    position: relative;
    display: none
}

.header_wrap .more_menu_wrap .node1.added {
    display: block
}

.header_wrap .more_menu_wrap .left_menu_link {
    position: relative;
    display: flex;
    align-items: center;
    padding: 13px 23px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    text-align: left;
    white-space: nowrap;
    -webkit-transition: color .15s;
    transition: color .15s
}

.header_wrap .more_menu_wrap .mob_link {
    display: none
}

.header_wrap .more_menu_wrap .sub_menu {
    display: block;
    position: absolute;
    top: -10px;
    left: 100%;
    width: 0;
    min-width: 0;
    box-sizing: border-box;
    opacity: 0;
    background: rgba(0, 0, 0, .85);
    z-index: -1;
    overflow: hidden
}

.header_wrap .more_menu_wrap .sub_menu a {
    display: flex;
    align-items: center;
    padding: 10px 17px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    text-align: center;
    line-height: 1.5;
    -webkit-transition: color .15s;
    transition: color .15s
}

.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
}

.header_wrap.small:before {
    top: 65px
}

.header_wrap.small.open {
    height: auto
}

.header_wrap.small .logo {
    height: 65px
}

.header_wrap.small .more_menu_wrap .more_menu_opener,.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
}

.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
}

[data-tooltipbox] {
    position: relative;
    font-style: normal
}

[data-tooltipbox]:hover:after {
    content: attr(data-tooltipbox);
    position: absolute;
    bottom: calc(100% + 0.4rem);
    left: 50%;
    padding: 5px 10px;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    font-size: 12px;
    line-height: 1.6;
    z-index: 9999;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.bedge_console {
    display: inline-block;
    min-width: 46px;
    padding: 1px 8px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #3451a3;
    font-weight: normal;
    border: 2px solid #99a8d1;
    border-radius: 10px;
    box-sizing: border-box
}

.bedge_console.xbox {
    color: #267e26;
    border-color: #92be92
}

.bedge_console + .bedge_console {
    margin-left: 0.06rem
}

.time_auth {
    display: block;
    margin: 25px 0;
    text-align: center;
    font-size: 15px;
    color: #606060;
    opacity: .6;
    line-height: 1.75
}

#_modal_select_region {
    position: fixed;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    padding: 5% 0;
    background: rgba(0, 0, 0, 0.7);
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    z-index: 1100
}

#_modal_select_region .inner {
    display: block;
    width: 41.88rem;
    max-width: 90%;
    border-radius: 0.31rem;
    background: #fff
}

#_modal_select_region .inner_header {
    padding: 3rem 1.5rem 1.75rem 1.5rem;
    box-sizing: border-box
}

#_modal_select_region .title {
    font-size: 1.5rem;
    line-height: 1.48;
    text-align: center;
    color: #0d0d0c
}

#_modal_select_region .place_wrap {
    margin-top: 0.19rem;
    text-align: center
}

#_modal_select_region .icn_place {
    position: relative;
    display: inline-block;
    height: 1.5rem;
    padding-left: 1.13rem;
    font-size: 1rem;
    line-height: 1.48;
    color: #2b2f5a
}

#_modal_select_region .icn_place:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.3rem;
    display: inline-block;
    width: 0.69rem;
    height: 0.94rem;
    background: url(../../img/common/icn_region.svg) no-repeat left center;
    background-size: contain
}

#_modal_select_region .inner_content {
    padding: 2rem 1.5rem 3.13rem;
    border-top: 0.06rem solid #e4e4e4;
    box-sizing: border-box
}

#_modal_select_region .inner_content .desc {
    font-size: 0.88rem;
    line-height: 1.78;
    text-align: center;
    color: #646464
}

#_modal_select_region .inner_content .btn_move_region {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20.38rem;
    max-width: 100%;
    min-height: 4rem;
    margin: 1.88rem auto 0 auto;
    padding: 1rem;
    font-size: 1.13rem;
    border-radius: 0.31rem;
    box-sizing: border-box
}

#_modal_select_region .inner_content .link_line_wrap {
    margin-top: 1.2rem;
    text-align: center
}

#_modal_select_region .inner_content .link_stay {
    display: inline-block;
    padding-bottom: 0.2em;
    font-size: 0.88rem;
    color: #868686;
    border-bottom: 1px solid #868686
}

.cursor-text {
    cursor: text
}

.cursor-pointer {
    cursor: pointer
}

.cursor-default {
    cursor: default
}

:lang(ja-JP) .btn_mid2 {
    font-size: 16px
}

:lang(ja-JP) .header_wrap nav > ul > li > a {
    font-size: 15px;
    letter-spacing: -1px
}

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

@media screen and (min-width: 1025px) and (max-width: 1557px) {
    .header_wrap {
        height:65px;
        box-sizing: border-box
    }

    .header_wrap.open {
        height: auto
    }

    .header_wrap .logo {
        height: 65px;
        box-sizing: border-box
    }

    .header_wrap .btn_all_menu {
        display: none
    }

    .header_wrap .more_menu_wrap .more_menu_opener,.header_wrap nav > ul > li > a {
        height: 65px
    }

    .header_wrap .util_wrap {
        height: 65px;
        box-sizing: border-box
    }

    .header_wrap nav > ul > li > a::after {
        bottom: 18px
    }

    .header_wrap .util_wrap .user_profile_popup {
        top: 65px
    }
}

footer.footer_wrap {
    position: relative;
    padding-bottom: 80px;
    background: #222
}

footer.footer_wrap .sns_area {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 0;
    box-sizing: border-box
}

footer.footer_wrap .sns_area .btn_sns {
    position: relative;
    display: inline-block;
    width: 42px;
    height: 42px;
    margin: 0 8px;
    border-radius: 50%;
    font-size: 0;
    background: #161616;
    -webkit-transition: background .35s;
    transition: background .35s
}

footer.footer_wrap .sns_area .btn_sns::before {
    display: block;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 75%;
    height: 75%;
    opacity: .6;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity .35s;
    transition: opacity .35s
}

footer.footer_wrap .sns_area .btn_twitter::before {
    background-image: url(../../img/common/icon/icn_x_white.svg);
    background-size: 60% auto;
    background-position: center;
}

footer.footer_wrap .sns_area .btn_line::before {
    background-image: url(../../img/common/icon/icn_line.svg)
}

footer.footer_wrap .sns_area .btn_facebook::before {
    background-image: url(../../img/common/icon/icn_facebook.svg)
}

footer.footer_wrap .sns_area .btn_youtube::before {
    background-image: url(../../img/common/icon/icn_youtube.svg)
}

footer.footer_wrap .sns_area .btn_twitch::before {
    background-image: url(../../img/common/icon/icn_twitch.svg)
}

footer.footer_wrap .sns_area .btn_bahamut::before {
    background-image: url(../../img/common/icon/icn_bahamut.svg)
}

footer.footer_wrap .sns_area .btn_vk::before {
    background-image: url(../../img/common/icon/icn_vk.svg)
}

footer.footer_wrap .sns_area .btn_discord::before {
    background-image: url(../../img/common/icon/icn_discord.svg)
}

footer.footer_wrap .sns_area .btn_tiktok::before {
    background-image: url(../../img/common/icon/icn_tiktok.svg)
}

footer.footer_wrap .sns_area .btn_pearlapp::before {
    background-image: url(../../img/common/icon/icn_pearlapp.svg)
}

footer.footer_wrap .sns_area .btn_instagram::before {
    background-image: url(../../img/common/icon/icn_instagram.svg)
}

footer.footer_wrap .inner_footer {
    position: relative;
    padding: 30px 0 0;
    box-sizing: border-box
}

footer.footer_wrap .sns_area + .inner_footer {
    padding: 0
}

footer.footer_wrap .inner_footer .term_list {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto 40px auto;
    padding: 0 1rem;
    text-align: center;
    box-sizing: border-box
}

footer.footer_wrap .inner_footer .term_list a {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 4px 24px;
    font-size: 14px;
    color: rgba(213, 212, 212, .6);
    -webkit-transition: color .2s;
    transition: color .2s
}

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 .term_list strong {
    font-weight: bold
}

footer.footer_wrap .inner_footer .gradeRating {
    margin: 1rem 0 1.4rem 0;
    text-align: center
}

footer.footer_wrap .inner_footer .gradeRating .grade_sa {
    display: flex;
    justify-content: center
}

footer.footer_wrap .inner_footer .gradeRating img {
    max-width: 80%
}

footer.footer_wrap .inner_footer .gradeRating .PEGI img {
    width: 24.8125rem
}

footer.footer_wrap .inner_footer .gradeRating .USK img {
    width: 6.625rem
}

footer.footer_wrap .inner_footer .gradeRating .grade_sa img {
    width: 4.5rem
}

footer.footer_wrap .inner_footer .gradeRating .ESRB img {
    max-width: 380px
}

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: 12px;
    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: 120px;
    height: 18px;
    vertical-align: middle;
    font-size: 0;
    opacity: .375;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

footer.footer_wrap .inner_footer .copyright .btn_pearlabyss:before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../../img/common/bi_white.svg) no-repeat center;
    background-size: contain
}

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.jp table {
    max-width: 432px;
    table-layout: fixed;
    border-collapse: collapse;
    color: #c5afb2;
    font-size: 12px;
    background: #472328;
    text-align: center;
    margin: 0 auto
}

footer.footer_wrap .inner_footer .box_game_info.jp table tr {
    border-bottom: 1px solid #1e2129
}

footer.footer_wrap .inner_footer .box_game_info.jp table td,footer.footer_wrap .inner_footer .box_game_info.jp table th {
    height: 23px
}

footer.footer_wrap .inner_footer .box_game_info.jp table td + td {
    border-left: 1px solid #1e2129
}

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: flex;
    align-items: 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: url(../../img/common/footer_gameinfo_spr.png) no-repeat
}

footer.footer_wrap .inner_footer .box_game_info .left_area ul li.sensation {
    background-position: 0 0
}

footer.footer_wrap .inner_footer .box_game_info .left_area ul li.violent {
    background-position: -62px 0
}

footer.footer_wrap .inner_footer .box_game_info .left_area ul li.grade {
    background-position: -124px 0
}

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 ul {
    display: flex;
    flex-wrap: wrap;
    width: 570px;
    box-sizing: border-box;
    overflow: hidden
}

footer.footer_wrap .inner_footer .box_game_info .right_area ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 30%;
    padding: 4px 4px 4px 8px;
    font-size: 12px;
    color: #c5afb2;
    font-weight: normal;
    line-height: 1.6;
    text-align: left;
    border-bottom: 1px solid #1d2129;
    background: #472328;
    box-sizing: border-box
}

footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(2n+1) {
    justify-content: center;
    width: 20%;
    padding: 4px;
    text-align: center
}

footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(4n),footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(4n+2),footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(4n+3) {
    border-left: 1px solid #1d2129
}

.footer_item {
    display: flex;
    justify-content: center;
    align-items: center
}

.sitemap_country {
    display: inline-block;
    width: 100%;
    background: #272727;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    position: absolute;
    left: 0;
    bottom: calc(100% - 1px);
    z-index: 15
}

.sitemap_platform {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff
}

.sitemap_platform article {
    height: 210px;
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-left: 30px;
    padding-top: 50px
}

.sitemap_platform article.site_mobile {
    flex: 0 0 auto;
    min-width: 150px;
    border-right: 1px solid #444;
    padding-left: 30px;
    padding-right: 30px
}

.sitemap_platform article.site_gstar {
    width: 196px;
    border-right: 1px solid #444;
    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: normal
}

.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 .site_mobile li {
    width: 100%
}

.sitemap_platform article ul li a,.sitemap_platform article ul li span {
    display: block;
    padding: 8px 8px 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: 14px 40px 14px 20px;
    font-size: 12px;
    color: #7f7e7e;
    border: 1px solid #444;
    background: #272727;
    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 #444;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    transition: .3s
}

.btn_country.active {
    color: #d5d4d4;
    border-color: #444;
    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;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 999;
    display: none
}

#popupSlider .btn {
    display: inline-block;
    vertical-align: middle;
    width: 55px;
    height: 55px;
    box-sizing: border-box;
    border: 1px solid #3a3a3a
}

#popupSlider .btn_not_today {
    position: absolute;
    right: 0;
    top: -74px;
    width: 160px;
    padding: 0 1rem;
    font-size: .8rem;
    color: #fff;
    z-index: 3
}

#popupSlider .btn_pop_close {
    position: absolute;
    top: 0;
    right: -60px;
    margin-left: 0;
    width: 44px;
    height: 44px;
    z-index: 3;
    border: none
}

#popupSlider .btn_pop_close span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 2px;
    box-sizing: border-box;
    background: #666;
    -webkit-transition: background-color .3s ease;
    transition: background-color .3s ease
}

#popupSlider .btn_pop_close span:nth-child(1) {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)
}

#popupSlider .btn_pop_close span:nth-child(2) {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg)
}

#popupSlider .popupVideo_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

#popupSlider .popupVideo_wrap iframe {
    width: 100%;
    height: 100%
}

#popupSlider .pop_body {
    height: 100%;
    box-sizing: border-box
}

#popupSlider .pop_content {
    position: relative;
    min-width: 1px;
    height: 100%;
    width: 100%;
    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 .popupImg_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 auto
}

#popupSlider .pop_content .pop_slide_wrap img {
    margin: 0 auto;
    width: auto;
    min-width: 1px;
    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 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 0;
    box-sizing: border-box
}

#popupSlider .pop_content .pop_slide_wrap .owl-item img {
    -webkit-touch-callout: default;
    -webkit-user-select: default;
    -moz-user-select: default;
    -ms-user-select: default;
    user-select: default
}

#popupSlider .pop_content .pop_slide_wrap button.disabled[role="presentation"] {
    display: none
}

#popupSlider .pop_content .pop_slide_wrap button[role="presentation"] {
    position: absolute;
    top: 50%;
    display: block;
    width: 5rem;
    height: 5rem;
    opacity: .5;
    background: #000;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease;
    box-sizing: border-box;
    overflow: hidden
}

#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%);
    box-sizing: border-box
}

#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: 55%;
    width: 1.375rem;
    height: 1.375rem;
    background-color: transparent;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    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: 0
}

#popupSlider .pop_content .pop_slide_wrap button[role="presentation"].owl-next:before {
    left: 45%;
    width: 1.375rem;
    height: 1.375rem;
    background-color: transparent;
    border-left: 2px solid #fff;
    border-top: 2px solid #fff;
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg)
}

#popupSlider .pop_content .pop_slide_wrap .owl-dots {
    display: none
}

#popupSlider .icn_change_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease
}

#popupSlider .pop_view_wrap {
    position: fixed;
    display: none;
    left: 50%;
    margin: 0 auto 0 -5rem;
    bottom: 1.75rem;
    z-index: 3
}

#popupSlider .pop_view_wrap.active {
    display: block
}

#popupSlider .pop_view_change {
    margin: 0 auto;
    text-align: center;
    z-index: 1
}

#popupSlider .pop_view_change .btn_change_image {
    margin-left: 0;
    width: 5rem;
    height: 5rem;
    background: #000;
    transition: border 0.25s
}

#popupSlider .pop_view_change .btn_change_image + .btn_change_image {
    margin-left: -1px
}

#popupSlider .pop_view_change .btn_change_pc {
    z-index: 2
}

#popupSlider .pop_download_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

#popupSlider .pop_download_wrap .btn_pop_download {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    box-sizing: border-box
}

#popupSlider .pop_download_wrap .btn_pop_download::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #666;
    background: rgba(0, 0, 0, .4);
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: -1
}

#popupSlider .pop_download_wrap .btn_pop_download::before {
    display: block;
    content: "";
    width: 36px;
    height: 34px;
    box-sizing: border-box;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: url(../../img/common/spr_etc.png?v=3) -432px 0 no-repeat;
    background-size: 800px 800px;
    opacity: 0.55;
    image-rendering: -webkit-optimize-contrast;
    z-index: 1
}

#popupSlider .pop_download_wrap .btn_pop_download .download_dimmed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4)
}

#popupSlider.popup_m .btn_change_image.btn_change_mo,#popupSlider.popup_pc .btn_change_image.btn_change_pc {
    border: 1px solid #fff;
    z-index: 4
}

#popupSlider.popup_m .pop_content {
    min-height: 75%
}

#popupSlider .pop_content .pop_slide_wrap .popupImg_m {
    display: none
}

#popupSlider.popup_m .pop_content .pop_slide_wrap .popupImg {
    display: none
}

#popupSlider.popup_m .pop_content .pop_slide_wrap .popupImg_m {
    display: block
}

#popupSlider .owl-carousel .item-video {
    width: 100%;
    height: 100%
}

#popupSlider .owl-carousel .item-video iframe {
    width: 100%;
    height: 100%
}

#popupSlider .owl-carousel .owl-video-play-icon {
    background: transparent
}

#popupSlider .owl-carousel iframe + .owl-video-play-icon {
    display: none
}

#popupSlider.photo_swipe .pop_content {
    max-width: calc(100% - 160px);
    max-height: calc(100% - 100px);
    background: none
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap button[role="presentation"].owl-next {
    right: -80px
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap button[role="presentation"].owl-prev {
    left: -80px
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap .owl-item {
    height: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap .popupImg_wrap {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap img {
    cursor: pointer;
    -webkit-user-drag: none
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap img.clone {
    position: absolute;
    cursor: pointer
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap img.larger {
    cursor: zoom-in
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap img.larger.extend {
    max-width: none;
    max-height: none;
    position: absolute;
    cursor: grab
}

#popupSlider.photo_swipe .pop_content .pop_slide_wrap img.larger.extend.grabbing {
    cursor: grabbing
}

.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=3) -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: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-align: center
}

.popup_coupon .pop_content .pop_coupon_wrap h2 {
    font-size: 26px;
    color: #30343f;
    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=3) -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: normal
}

.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%)
}

.tinymce-mobile-android-container .tinymce-mobile-editor-socket iframe {
    background: #fff!important
}

.tinymce-mobile-icon {
    font-family: 'tinymce-mobile'!important
}

.container.skin_leveling .view_detail_area .box_write .right_area .like_wrap {
    display: none
}

.container.skin_leveling .infobox_writer .info_user {
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 auto;
    align-items: center;
    margin-left: 0
}

.container.skin_leveling .infobox_writer .info_user .name_area {
    margin: 0;
    line-height: 20px;
    padding-bottom: 0;
    border-bottom: none
}

.container.skin_leveling .infobox_writer .info_user .icon_symbol {
    margin-top: 0
}

.container.skin_leveling .infobox_writer .info_user .level_area {
    display: inline-flex;
    align-items: center
}

.container.skin_leveling .infobox_writer .info_user span.de {
    font-size: 15px;
    color: #888
}

.container.skin_leveling .infobox_writer .info_user span.th {
    display: none
}

.container.skin_leveling .box_reply .text_area .box_date .btn_like {
    display: none
}

.container.skin_leveling .thumb_nail_table li .recommend {
    display: none
}

.container.skin_leveling .thumb_nail_table li .writer .writer_info .writer_desc .writer_level {
    display: none
}

.container.skin_leveling .section_column .sympathy_wrap {
    display: flex
}

.container.skin_leveling .box_reply .text_area,.container.skin_leveling .box_reply .user_area,.container.skin_leveling .box_reply .user_area a .box_user {
    width: 100%;
    box-sizing: border-box
}

.container.skin_leveling .box_reply .user_area a .box_user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    line-height: 20px
}

.container.skin_leveling .box_reply .user_area a .img_area {
    flex: 0 0 45px
}

.container.skin_leveling .box_reply .user_area a .level_area {
    margin-top: 0;
    margin-left: 10px
}

.container.skin_leveling .box_reply .user_area a .date_area,.container.skin_leveling .box_reply .user_area a .grade_area {
    margin-left: 10px;
    padding-left: 10px;
    font-size: 14px;
    color: #888;
    border-left: 1px solid #dcdcdc
}

.container.skin_leveling .box_reply .user_area {
    margin-bottom: 10px
}

.container.skin_leveling .box_reply.write {
    display: block
}

.container.skin_leveling .reply_mode .reply_wrap .box_reply {
    display: block;
    width: 100%;
    padding: 25px 25px 25px 60px;
    box-sizing: border-box
}

.container.skin_leveling .reply_mode .reply_wrap .box_reply.write {
    padding: 17px 5px
}

.container.skin_leveling .reply_mode .reply_wrap .box_reply.re {
    padding: 25px 0 25px 106px
}

.container.skin_leveling .box_reply.re:before {
    left: 100px
}

.container.skin_leveling .box_reply.re .user_area {
    padding: 0 20px 10px 20px
}

.container.skin_leveling .sympathy_zone {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 78px;
    height: 100%
}

.container.skin_leveling .sympathy_zone .btn_sympathy {
    line-height: 0;
    margin: 0.6rem 0
}

.container.skin_leveling .sympathy_zone .btn_sympathy .sympathy {
    margin-right: 0
}

.container.skin_leveling .sympathy_zone .count_sympathy {
    font-size: 15px;
    color: #888
}

.container.skin_leveling .view_detail_area .title_area .box_writer span.likes {
    display: none
}

.container.skin_forum .skin_wrap .box_write.use_reply .tool_wrap {
    position: initial;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin: 0
}

.container.skin_leveling:not(.skin_forum) .infobox_writer .info_user {
    justify-content: flex-start
}

.container.skin_leveling:not(.skin_forum) .infobox_writer .info_user .name_area {
    margin: 0 16px 0 0
}

.container.skin_leveling:not(.skin_forum) .section_column .infobox_writer {
    position: relative;
    display: block;
    min-height: 110px;
    padding: 25px 25px 25px 150px;
    box-sizing: border-box
}

.container.skin_leveling:not(.skin_forum) .infobox_writer .img_area {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%)
}

.container.skin_leveling:not(.skin_forum) .common_info_list {
    flex: 0 0 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 0;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ececec
}

.custom_share_wrap {
    position: relative;
    margin: .75rem .25rem;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.custom_share_wrap .custom_share_open {
    padding: 0 7px;
    opacity: .7;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    line-height: 0
}

.custom_share_modal {
    display: none;
    position: absolute;
    top: 8px;
    right: 30px;
    width: 340px;
    padding: 26px 14px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    box-sizing: border-box;
    background: #fff;
    z-index: 100
}

.custom_share_modal.on {
    display: block;
    animation: shareModalOn .15s ease both
}

.custom_share_modal .custom_share_list {
    display: flex
}

.custom_share_modal .custom_share_item {
    flex: 0 1 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden
}

.custom_share_modal .custom_share_item .item_icn_wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 44px;
    background: #554135;
    border-radius: 50%;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.custom_share_modal .custom_share_item.copysucess .item_icn_wrap::before {
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 11px);
    width: 18px;
    height: 10px;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
    transform: rotate(-45deg);
    background: transparent;
    opacity: 0;
    -webkit-animation: copyCheck .2s ease forwards;
    animation: copyCheck .2s ease .05s forwards;
    content: ''
}

.custom_share_modal .custom_share_item.copysucess .item_icn_wrap .svg_chain {
    opacity: 0
}

.custom_share_modal .custom_share_item .item_title {
    max-width: 100%;
    padding: 0 4px;
    margin-top: 10px;
    color: #6b6b6b;
    font-size: .8125rem;
    -webkit-transition: color .2s;
    transition: color .2s;
    box-sizing: border-box
}

.custom_share_modal .custom_share_close {
    position: absolute;
    top: 8px;
    right: 12px;
    width: 14px;
    height: 14px
}

.custom_share_modal .custom_share_close::after,.custom_share_modal .custom_share_close::before {
    position: absolute;
    top: 50%;
    left: calc(50% - 7px);
    width: 16px;
    height: 1px;
    background: #a8a8a8;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    content: ''
}

.custom_share_modal .custom_share_close::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.custom_share_modal .custom_share_close::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.custom_sns_list {
    display: inline-block
}

.custom_sns_list li {
    float: left;
    position: relative;
    display: block;
    padding: 0
}

.custom_sns_list .btn_sns {
    display: block;
    width: 22px;
    height: 22px;
    margin: 0 7px;
    opacity: 0.33;
    transition: opacity 0.2s
}

.custom_sns_list .active .icn_favorite path {
    fill: #ffd200
}

.custom_sns_list .btn_sns:hover {
    opacity: 0.5
}

.custom_sns_list .btn_sns.facebook {
    margin: 0 2px;
    opacity: 1
}

.custom_sns_list .btn_sns.twitter {
    margin-top: 0.1rem;
    opacity: 1
}

.custom_sns_list .btn_sns.facebook path {
    fill: #acabab;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.custom_sns_list .btn_sns.twitter path {
    fill: #acabab;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.custom_sns_list button:active .btn_sns.facebook path {
    fill: #3b5998
}

.custom_sns_list button:active .btn_sns.twitter path {
    fill: #00acee
}

.btn_post_favorite {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    margin: 0 7px;
    transition: opacity 0.2s
}

.btn_post_favorite svg {
    width: 100%;
    height: 100%
}

.btn_post_favorite path {
    fill: #acabab;
    -webkit-transition: fill .3s;
    transition: fill .3s
}

.btn_post_favorite.active .icn_favorite path {
    fill: #ffd200
}

.before_login {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: default
}

.mark_exclamation::after,.mark_exclamation::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    background-color: #fff
}

.mark_exclamation::before {
    top: 3px;
    height: 6px
}

.mark_exclamation:after {
    bottom: 3px;
    height: 2px
}

.path_opa_on {
    opacity: 0;
    transform: translateY(0.2rem);
    transition: opacity 0.5s,transform 0.5s
}

.animate .path_opa_on {
    transform: translateY(0);
    opacity: 1
}

.path_scale_on {
    opacity: 0;
    transform: scale(0);
    transition: transform 0.3s,opacity 1s;
    transition-timing-function: cubic-bezier(0, 0.58, 0.29, 1);
    transform-origin: 80% 80%;
    transition-delay: 0.5s
}

.animate .path_scale_on {
    opacity: 1;
    transform: scale(1)
}

.svg_wrap {
    width: 124px;
    margin-top: 10px
}

.path_blackspirit {
    fill: transparent;
    stroke: #3140af;
    stroke-width: 0.3px;
    stroke-dashoffset: 38.2;
    stroke-dasharray: 38.2;
    animation: stroke-blackspirit 3s 1.2s infinite forwards cubic-bezier(0.59, 0.4, 0.19, 0.75)
}

.path_monitor_bg {
    transition-delay: 0.5s
}

.path_monitor_line {
    transition-delay: 0.3s
}

.path_joystick_wrap {
    transition-delay: 0.4s
}

.path_joystick_bg {
    transition-delay: 0.5s
}

.path_joystick_line {
    transition-delay: 0.3s
}

.path_joystick_waveline {
    transition-delay: 0.3s
}

.path_joystick_plus {
    transition-delay: 0.3s
}

.path_joystick_dots {
    transition-delay: 0.5s
}

.game_start_modal_wrap {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
    width: 100%;
    height: 100%
}

.game_start_modal_wrap.active {
    display: flex
}

.game_start_dimmed {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7)
}

.game_start_wrap {
    position: relative;
    height: auto;
    width: 770px;
    max-width: 90%;
    border-radius: 10px
}

.game_start_box {
    display: none;
    width: 100%;
    height: 100%;
    border-radius: 0.5rem;
    background-color: #fff
}

.game_start_box.active {
    display: block
}

.game_start_contents {
    display: flex;
    flex-direction: column;
    flex-direction: column;
    align-items: center;
    padding: 60px 3% 40px
}

.btn_game_start_close {
    position: absolute;
    top: 10px;
    right: 12px;
    width: 25px;
    height: 25px
}

.btn_game_start_close span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25px;
    height: 1px;
    background-color: #2b2f5a;
    opacity: 0.4;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease
}

.btn_game_start_close span:first-of-type {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 45deg)
}

.btn_game_start_close span:last-of-type {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg);
    transform: translate3d(-50%, -50%, 0) rotate3d(0, 0, 1, 135deg)
}

.game_start_wrap .game_start_title {
    display: block;
    max-width: 85%;
    font-weight: normal;
    padding: 1.5rem 0 2.8rem 0;
    font-size: 22px;
    text-align: center;
    line-height: 1.4
}

.game_start_wrap .game_start_text {
    margin-top: 2.5rem;
    line-height: 1.4;
    text-align: center
}

.game_start_wrap .game_start_title_stroke {
    font-weight: bold;
    color: #2b2f5a
}

.game_start_warning {
    padding: 20px 5% 25px;
    border-top: 1px solid #e4e4e4
}

.game_start_warning .game_start_warning_title {
    display: block;
    margin-bottom: 10px;
    font-size: 14px
}

.game_start_warning .game_start_warning_list {
    display: flex;
    justify-content: center
}

.game_start_warning .game_start_warning_list ~ .game_start_warning_list {
    margin-top: 7px;
    margin-bottom: 7px
}

.game_start_warning .game_start_warning_list.align_left {
    justify-content: flex-start
}

.game_start_warning .game_start_mark {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    width: 16px;
    height: 16px;
    margin-top: 0.14rem;
    background-color: #d0d0d0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px
}

.game_start_warning .game_start_desc {
    display: inline-block;
    max-width: 95%;
    padding-left: 5px;
    color: #646464;
    font-size: 14px
}

.game_start_warning .game_start_desc .link {
    display: inline-block;
    color: #2b2f5a;
    font-weight: bold;
    transition: color .3s
}

.game_start_warning .game_start_desc .link.add_underline {
    text-decoration: underline;
    text-underline-offset: 5px
}

.game_start_wrap .btn_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.game_start_wrap .btn_download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    height: 80px;
    padding: 0 30px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: filter 0.4s;
    transition: filter 0.4s
}

.game_start_wrap .btn_download .icn_down {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    border-radius: 50%;
    margin: 0 0 0 30px;
    background-color: rgba(51, 51, 51, 0.3);
    box-shadow: inset 0 3px 4px 2px rgba(0, 0, 0, 0.2),0 0 4px 2px rgba(255, 255, 255, 0.03);
    -webkit-transition: background-color 0.4s,box-shadow 0.4s;
    transition: background-color 0.4s,box-shadow 0.4s
}

.game_start_wrap .btn_download .icn_down::before {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: scale(0.7) translateZ(0);
    transform: scale(0.7) translateZ(0);
    background: url(../../img/portal/data/spr_data.png?v=3) no-repeat;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
    -webkit-backface-visibility: hidden
}

.game_start_wrap .btn_download .icn_down::before {
    width: 19px;
    height: 25px;
    margin: 2px 0 0 1px;
    background-position: -440px -68px
}

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

    #popupSlider .btn_not_today {
        right: 62px
    }
}

.loadingLayer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1300;
    display: none
}

.loadingLayer .loading_progress_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.loadingLayer .loading_progress_wrap .loading_circle {
    display: block;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: 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 stroke-blackspirit {
    35% {
        opacity: 1;
        stroke-dashoffset: 0;
        fill: transparent
    }

    50% {
        opacity: 1;
        stroke-dashoffset: 0;
        fill: #3140af
    }

    100% {
        opacity: 0;
        stroke-dashoffset: 0;
        fill: #3140af
    }
}

@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:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 453px;
    background: #fff;
    z-index: 0
}

.notfound_wrap .notfound_msg {
    position: relative;
    z-index: 2;
    overflow: hidden
}

.notfound_wrap .img_area {
    height: 450px;
    box-sizing: border-box;
    margin: 0 auto
}

.notfound_wrap .img_area:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background: url(../../img/common/notfound.png) top center no-repeat;
    background-size: 1120px 450px
}

.notfound_wrap .text_area .text01 {
    display: block;
    font-size: 19px;
    color: #000;
    font-weight: normal;
    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: 50px
}

.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=3) -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: 107px
}

.closetime_message {
    overflow: hidden
}

.closetime_wrap:before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 345px;
    background: #fff;
    z-index: 0
}

.closetime_wrap .closetime_msg {
    position: relative;
    z-index: 2
}

.closetime_wrap .img_area {
    height: 450px;
    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/closetime.png) top center no-repeat
}

.closetime_wrap .text_area {
    max-width: 1000px;
    margin: 0 auto;
    padding: 65px;
    border-radius: 5px;
    background: #fff;
    position: relative;
    margin-top: -30px;
    box-sizing: border-box
}

.closetime_wrap .text_area:before {
    display: block;
    content: '';
    position: absolute;
    left: 6px;
    right: 6px;
    top: 6px;
    bottom: 6px;
    border: 1px solid #ddd
}

.closetime_wrap .text_area .text01 {
    display: block;
    font-size: 19px;
    color: #000;
    font-weight: normal;
    line-height: 1.57;
    margin-bottom: 30px
}

.closetime_wrap .text_area .text02 {
    display: block;
    font-size: 17px;
    color: #000;
    font-weight: normal;
    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: 19px;
    color: #000;
    font-weight: normal;
    line-height: 1.57;
    margin-top: 30px
}

.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=3) -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
}

.container.policy .policy_wrap * {
    line-height: 2
}

.container.policy .policy_wrap b,.container.policy .policy_wrap strong {
    font-weight: bold
}

.container.policy .policy_print {
    float: right;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 48px;
    padding: 0 25px;
    font-size: 15px;
    color: #888;
    box-sizing: border-box;
    border: 1px solid #b3b3b3
}

.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;
    letter-spacing: -.25px;
    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=3) 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%;
    -webkit-transition: 0.25s;
    transition: 0.25s;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    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;
    -webkit-transform: translateY(-50%);
    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;
    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
}

.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: 44px
}

.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=3) 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;
    -webkit-transform: translate(0, -50%) rotate(225deg);
    transform: translate(0, -50%) rotate(225deg);
    position: absolute;
    right: 20px;
    top: 45%;
    pointer-events: none
}

.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;
    white-space: nowrap;
    cursor: pointer;
    outline: 0
}

.custom_select.mid select {
    height: 48px;
    box-sizing: border-box;
    font-size: 15px;
    color: #888
}

.btn_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.btn {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.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 .3s,background .3s
}

.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_mid4 {
    min-width: 320px;
    padding: 0 1rem;
    height: 64px;
    font-size: 20px;
    border-radius: 3px
}

.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=3) -499px -383px no-repeat
}

.btn_sml {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
    height: 38px;
    padding: 0 15px;
    font-size: 14px
}

.btn_sml02 {
    height: 45px;
    padding: 0 35px;
    line-height: 43px;
    font-size: 14px
}

.btn_sml03 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    padding: 0 24px;
    font-size: 15px;
    color: #fff;
    font-weight: normal
}

.btn_blue {
    color: #fff;
    background-color: #2b305a
}

.btn_lightblue {
    color: #fff;
    background-color: #848796
}

.btn_blue_border {
    color: #2b305a;
    border: 1px solid #2b305a
}

.btn_white {
    color: #2b305a;
    background-color: #fff;
    border: 1px solid #2b305a
}

.btn_red {
    background: #931313;
    color: #fff;
    border-color: #931313
}

.btn_gray {
    color: #606060;
    border: 1px solid #cbcbcb;
    background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
    background-image: linear-gradient(to bottom, #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_deepyellow {
    background: #dcb15c;
    color: #000;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.btn_deepyellow::before {
    opacity: 0
}

.btn_green {
    color: #fff;
    background: rgba(43, 126, 43, .96)
}

.btn_deepblue {
    color: #fff;
    background: rgba(31, 83, 152, .98)
}

.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=3) 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: -webkit-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: -webkit-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: -webkit-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_blind {
    color: #888;
    border: 1px solid #dfdfdf
}

.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?v=3) no-repeat;
    background-size: 1600px 1600px
}

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?v=3) 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: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-align: center
}

.paging a {
    display: flex;
    align-items: center;
    justify-content: 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: flex;
    align-items: center;
    justify-content: 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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../../img/common/spr_etc.png?v=3) 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
}

.paging .btn-page {
    display: flex;
    align-items: center;
    justify-content: 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;
    box-sizing: border-box
}

.paging .btn-page.active {
    background: #323232;
    color: #fff
}

.paging .btn-page:disabled {
    display: flex;
    align-items: center;
    justify-content: 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;
    cursor: default
}

.paging .btn-page.btn_arrow {
    border: 1px solid #dedede
}

.paging .btn-page.btn_arrow:before {
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../../img/common/spr_etc.png?v=3) no-repeat;
    background-size: 800px 800px
}

.paging .btn-page.prev {
    margin: 0 20px 0 -1px
}

.paging .btn-page.next {
    margin: 0 -1px 0 20px
}

.paging .btn-page.first:before {
    width: 12px;
    height: 13px;
    box-sizing: border-box;
    background-position: 0 -518px
}

.paging .btn-page.prev:before {
    width: 7px;
    height: 13px;
    box-sizing: border-box;
    background-position: -22px -518px
}

.paging .btn-page.next:before {
    width: 7px;
    height: 13px;
    box-sizing: border-box;
    background-position: -35px -518px
}

.paging .btn-page.last:before {
    width: 12px;
    height: 13px;
    box-sizing: border-box;
    background-position: -52px -518px
}

.paging .btn-bigpage {
    position: relative;
    display: inline-block;
    height: 37px;
    padding: 0 10px;
    font-size: 14px;
    color: #3d3d3d;
    font-weight: normal;
    border: 1px solid #dedede;
    transition: 0.25s;
    white-space: nowrap;
    box-sizing: border-box
}

.tag_label {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    box-sizing: border-box;
    padding: 0 15px;
    font-size: 14px;
    line-height: 26px
}

.title_area .tag_label {
    background: #424242;
    color: #fff
}

.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.adventure {
    background: #7b58ff;
    color: #fff
}

.tag_label.fanart {
    background: #7cbfad;
    color: #fff
}

.btn_like,.btn_quote {
    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: 50%;
    left: 0;
    width: 13px;
    height: 12px;
    box-sizing: border-box;
    background: url(../../img/common/spr_etc.png?v=3) 0 -605px no-repeat;
    background-size: 800px 800px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.btn_like.gray:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 13px;
    height: 12px;
    box-sizing: border-box;
    background: url(../../img/common/spr_etc.png?v=4) -50px -605px no-repeat;
    background-size: 800px 800px;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.btn_like.like_box {
    border: 1px solid #b3b2c4;
    line-height: 1.4;
    padding: 0.19rem 1.22rem 0.19rem 2.42rem
}

.btn_like.like_box:hover {
    background: #f4f3f9;
    opacity: 0.8
}

.btn_like.like_box::before {
    left: 1rem
}

.btn_comment_like {
    position: relative;
    display: inline-flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    padding: 0 20px;
    height: 30px;
    font-size: 14px;
    color: #3d3d3d
}

.btn_comment_like .svg_like {
    width: 13px;
    height: 12px;
    margin-right: .4rem
}

.btn_quote {
    padding-left: 0
}

.no_data {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    -ms-flex-align: center;
    width: 100%!important;
    padding: 145px 0;
    border-top: 1px solid #dfdfdf;
    box-sizing: border-box
}

.no_data p {
    position: relative;
    flex: 0 0 auto;
    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?v=3) -271px -724px no-repeat;
    background-size: 1600px 1600px
}

.no_data .go_total_search_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 50px
}

.no_data .go_total_search_wrap .go_total_search_text {
    flex: 0 0 auto
}

.no_data .go_total_search_wrap .go_total_search_text .go_total_search_em {
    color: #bf4a00
}

.no_data .go_total_search_wrap .go_total_search_link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    padding: 0 50px;
    margin-top: 20px;
    width: auto;
    background-color: #323232;
    font-size: 15px;
    color: #fff;
    transition: background-color 0.2s;
    line-height: 1.2
}

.icon_character {
    position: relative;
    display: 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;
    background-size: cover;
    z-index: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.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.icn_character_gm:before,.icon_character.icn_gm:before {
    background-image: url(../../img/common/character/gm.jpg)
}

.icon_character.icn_character1:before {
    background-image: url(../../img/common/character/character1.png)
}

.icon_character.icn_character2:before {
    background-image: url(../../img/common/character/character2.png)
}

.icon_character.icn_character4:before {
    background-image: url(../../img/common/character/character4.png)
}

.icon_character.icn_character8:before {
    background-image: url(../../img/common/character/character8.png)
}

.icon_character.icn_character16:before {
    background-image: url(../../img/common/character/character16.png)
}

.icon_character.icn_character32:before {
    background-image: url(../../img/common/character/character32.png)
}

.icon_character.icn_character64:before {
    background-image: url(../../img/common/character/character64.png)
}

.icon_character.icn_character128:before {
    background-image: url(../../img/common/character/character128.png)
}

.icon_character.mid.icn_character0:before {
    background-image: url(../../img/common/character/character0_mid.png)
}

.icon_character.mid.icn_character_gm:before,.icon_character.mid.icn_gm:before {
    background-image: url(../../img/common/character/gm.jpg)
}

.icon_character.mid.icn_character1:before {
    background-image: url(../../img/common/character/character1_mid.png)
}

.icon_character.mid.icn_character2:before {
    background-image: url(../../img/common/character/character2_mid.png)
}

.icon_character.mid.icn_character4:before {
    background-image: url(../../img/common/character/character4_mid.png)
}

.icon_character.mid.icn_character8:before {
    background-image: url(../../img/common/character/character8_mid.png)
}

.icon_character.mid.icn_character16:before {
    background-image: url(../../img/common/character/character16_mid.png)
}

.icon_character.mid.icn_character32:before {
    background-image: url(../../img/common/character/character32_mid.png)
}

.icon_character.mid.icn_character64:before {
    background-image: url(../../img/common/character/character64_mid.png)
}

.icon_character.mid.icn_character128:before {
    background-image: url(../../img/common/character/character128_mid.png)
}

.icon_character.sml.icn_character0:before {
    background-image: url(../../img/common/character/character0_sml.png)
}

.icon_character.sml.icn_character_gm:before,.icon_character.sml.icn_gm:before {
    background-image: url(../../img/common/character/gm_sml.png)
}

.icon_character.sml.icn_character1:before {
    background-image: url(../../img/common/character/character1_sml.png)
}

.icon_character.sml.icn_character2:before {
    background-image: url(../../img/common/character/character2_sml.png)
}

.icon_character.sml.icn_character4:before {
    background-image: url(../../img/common/character/character4_sml.png)
}

.icon_character.sml.icn_character8:before {
    background-image: url(../../img/common/character/character8_sml.png)
}

.icon_character.sml.icn_character16:before {
    background-image: url(../../img/common/character/character16_sml.png)
}

.icon_character.sml.icn_character32:before {
    background-image: url(../../img/common/character/character32_sml.png)
}

.icon_character.sml.icn_character64:before {
    background-image: url(../../img/common/character/character64_sml.png)
}

.icon_character.sml.icn_character128:before {
    background-image: url(../../img/common/character/character128_sml.png)
}

.icon_character_area {
    display: inline-block;
    position: relative;
    width: 128px;
    height: 128px;
    box-sizing: border-box;
    overflow: hidden
}

.icon_character_area.large {
    width: 100px;
    height: 100px
}

.icon_character_area.middle {
    width: 46px;
    height: 46px
}

.icon_character_area.small {
    width: 36px;
    height: 36px
}

.icon_character_area.smallest {
    width: 30px;
    height: 30px
}

.icon_character_area .icon_character {
    display: block;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    background: #ccc url(../../img/common/character/character_default.jpg) no-repeat center center;
    background-size: cover
}

.icon_character_area .icon_character::before {
    display: none
}

.icon_character_area .icon_character.gm {
    background-image: url(../../img/common/character/character_gm.png)
}

.tab_nav_area .tab_nav_text {
    display: block;
    width: 100%
}

.hover_ripple {
    position: relative;
    overflow: hidden
}

.hover_ripple > .hover_ripple_text {
    position: relative;
    z-index: 1
}

.hover_ripple::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    background: rgba(255, 255, 255, .1);
    -webkit-transition: transform .5s;
    transition: transform .5s;
    -webkit-transition-timing-function: cubic-bezier(0.29, 0.12, 0, 0.99);
    transition-timing-function: cubic-bezier(0.29, 0.12, 0, 0.99);
    -webkit-transform-origin: left;
    transform-origin: left;
    z-index: 0;
    content: ''
}

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../../img/common/character/icn_class_symbol_spr.svg?v=2) 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 -180px
}

.icon_symbol.icn_symbol12:before {
    background-position: -90px -135px
}

.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_symbol200:before,.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.icn_symbol1:before {
    background-position: -90px -855px
}

.icon_symbol.icn_symbol9:before {
    background-position: -90px -900px
}

.icon_symbol.icn_symbol2:before {
    background-position: -90px -945px
}

.icon_symbol.icn_symbol10:before {
    background-position: -90px -990px
}

.icon_symbol.icn_symbol7:before {
    background-position: -90px -1035px
}

.icon_symbol.icn_symbol30:before {
    background-position: -90px -1080px
}

.icon_symbol.icn_symbol15:before {
    background-position: -90px -1125px
}

.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_symbol200:before,.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.thumb.icn_symbol1:before {
    background-position: 0 -1520px
}

.icon_symbol.thumb.icn_symbol9:before {
    background-position: 0 -1600px
}

.icon_symbol.thumb.icn_symbol2:before {
    background-position: 0 -1680px
}

.icon_symbol.thumb.icn_symbol10:before {
    background-position: 0 -1760px
}

.icon_symbol.thumb.icn_symbol7:before {
    background-position: 0 -1840px
}

.icon_symbol.thumb.icn_symbol30:before {
    background-position: 0 -1920px
}

.icon_symbol.thumb.icn_symbol15:before {
    background-position: 0 -2000px
}

.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_symbol200:before,.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
}

.icon_symbol.reply.icn_symbol1:before {
    background-position: -20px -380px
}

.icon_symbol.reply.icn_symbol9:before {
    background-position: -20px -400px
}

.icon_symbol.reply.icn_symbol2:before {
    background-position: -20px -420px
}

.icon_symbol.reply.icn_symbol10:before {
    background-position: -20px -440px
}

.icon_symbol.reply.icn_symbol7:before {
    background-position: -20px -460px
}

.icon_symbol.reply.icn_symbol30:before {
    background-position: -20px -480px
}

.icon_symbol.reply.icn_symbol15:before {
    background-position: -20px -500px
}

.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;
    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: -webkit-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: -webkit-linear-gradient(top, #3e3e3e 0, #303030 100%);
    background: linear-gradient(180deg, #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
}

.header_title_folder {
    position: relative;
    display: block!important;
    margin-bottom: 1px;
    padding: 18px 70px 16px 20px;
    background: #272727;
    color: #fff;
    line-height: 1.4;
    text-align: left;
    font-family: inherit;
    cursor: pointer;
    overflow: hidden;
    z-index: 5
}

.header_title_folder .folder_title {
    display: block;
    padding: 0;
    text-align: left;
    font-size: 20px!important;
    line-height: 1.4
}

.header_title_folder .icn_title_arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -0.53rem;
    display: block;
    width: 1.26rem;
    height: 1.26rem;
    pointer-events: none
}

.header_title_folder .icn_title_arrow i {
    position: absolute;
    top: 0.5rem;
    display: inline-block;
    width: 0.75rem;
    height: 0.14rem;
    background-color: #efefef;
    -webkit-transition: transform 0.2s ease;
    transition: transform 0.2s ease;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.header_title_folder .icn_title_arrow i:first-of-type {
    left: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header_title_folder .icn_title_arrow i:last-of-type {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header_title_folder.active .icn_title_arrow {
    margin-top: -0.55rem
}

.header_title_folder.active .icn_title_arrow i:first-of-type {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header_title_folder.active .icn_title_arrow i:last-of-type {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.content_title_folder {
    padding: 18px 20px 16px 20px;
    box-sizing: border-box
}

.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;
    -webkit-transform: translateY(-50%);
    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;
    max-width: 100%
}

.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: 46px;
    font-size: 18px!important;
    color: #000
}

.table_contents > .inner li {
    list-style: none
}

.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: flex;
    align-items: center;
    justify-content: 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;
    background: #fff
}

.box_contents li {
    line-height: 2.4;
    list-style: none
}

.box_contents.gray {
    background: #fafafa;
    border-color: #c3c3c3
}

.box_contents.darkgray {
    background: #fafafa;
    border-width: 2px;
    border-color: #7f7f7f;
    pointer-events: none
}

.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 + .detail_content_wrap {
    padding-top: 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;
    -webkit-transform: rotate(50deg) skew(10deg);
    transform: rotate(50deg) skew(10deg)
}

.btn_detail_more.active:after {
    top: 10px;
    -webkit-transform: rotate(-130deg) skew(10deg);
    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: 48px
}

.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=3) -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.no_padding {
    padding: 0
}

.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 a {
    vertical-align: initial;
    color: #384bab
}

.contents_area a:hover {
    opacity: .8
}

.contents hr,.contents_area hr {
    display: block;
    width: 100%;
    border: 0;
    border-top: 1px solid #d9d9d9
}

.contents_area .mceTmpl > img,.img_mode img,.tableLayoutNormal img {
    padding: 0
}

.contents_area div {
    line-height: 2
}

.contents_area p {
    font-size: 15px;
    color: #3d3d3d;
    font-weight: normal;
    line-height: 2
}

.contents_area b,.contents_area strong {
    font-weight: bold
}

.contents_area ol li,.editor_area ol li {
    list-style: decimal;
    margin-left: 1.5rem;
    line-height: 2
}

.editor_area ul li {
    margin-left: 2.2rem;
    line-height: 2;
    text-indent: -0.6em;
    padding-left: 0.6em
}

.editor_area ul ul ul li {
    text-indent: -0.4rem;
    padding-left: 0.4rem
}

.editor_area ul {
    margin-left: -1.5rem
}

.editor_area ul li::before {
    content: '\2BC1';
    display: inline-flex;
    margin-right: 0.4em;
    opacity: 0.8
}

.editor_area ul ul li::before {
    content: '\2B26'
}

.editor_area ul ul ul li::before {
    content: '-'
}

.editor_area em,.editor_area i {
    font-style: italic
}

.editor_area li[style*="list-style-type: none;"]::before {
    display: none
}

.editor_area .custom_sns_list {
    margin: 0
}

.editor_area .custom_sns_list li {
    margin-left: 0
}

.editor_area .custom_sns_list li::before {
    display: none
}

.editor_area blockquote {
    position: relative;
    padding-left: 0.8rem
}

.editor_area blockquote * {
    font-size: 0.85rem;
    color: grey;
    line-height: 2
}

.editor_area blockquote::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.1rem;
    width: 3px;
    height: 100%;
    background-color: #afa393;
    opacity: 0.5;
    border-radius: 1rem
}

.contents_area p:empty {
    height: 0.8rem
}

.mceTmpl li {
    margin-left: 0;
    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
}

.console_title_set {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-weight: normal;
    box-sizing: border-box
}

.console_before {
    position: relative
}

.console_before:before,.detail_wrap .headTitle:before,.firstTitle:before,.headTitle:before,.secondTitle:before {
    content: '';
    position: absolute;
    top: 50%;
    display: block;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.console_head_title,.headTitle {
    position: relative;
    padding: 6px 1.875rem;
    background: linear-gradient(166deg, #49352a 80%, #937165);
    overflow: hidden
}

.console_head_title h2,.headTitle h1 {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 32px;
    line-height: 1.5;
    text-align: left;
    color: #f6e1ce;
    text-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.6)
}

.console_head_title:before,.headTitle:before {
    right: -3rem;
    width: 11.68rem;
    height: 11.68rem;
    background: url(../../img/common/template/icn_cm_title_symbol_bg.png) no-repeat left center;
    background-size: contain
}

.console_first_title,.firstTitle {
    position: relative;
    padding: 10px 1.875rem 10px 64px;
    font-size: 28px;
    line-height: 1.6;
    text-align: left;
    color: #54453e
}

.console_first_title:before,.firstTitle:before {
    left: 0;
    width: 54px;
    height: 54px;
    background: url(../../img/common/template/icn_cm_first_title.png) no-repeat left center;
    background-size: contain
}

.console_second_title,.secondTitle {
    position: relative;
    padding: 6px 1.875rem 6px 26px;
    font-size: 22px;
    line-height: 1.5;
    text-align: left;
    color: #54453e
}

.console_second_title:before,.secondTitle:before {
    left: 2px;
    width: 16px;
    height: 16px;
    background: url(../../img/common/template/icn_cm_second_title.png) no-repeat left center;
    background-size: contain
}

.console_sub_title,.mceSubTitle {
    position: relative;
    display: block;
    margin: 0 20px 18px 20px;
    padding-left: 22px;
    color: #54453e;
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal
}

.console_sub_title:after,.mceSubTitle:after {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    display: inline-block;
    width: 12px;
    height: 1px;
    background-color: #977955
}

.console_img_group {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 1rem 0
}

.console_img_group_img {
    flex: 0 0 auto;
    max-width: 50%;
    border: 1px solid #54453e
}

.console_img_group_img img {
    max-width: 100%
}

.console_img_group_txt {
    flex: 1 1 auto;
    padding: 1rem 2rem
}

.console_table_type,.tableType {
    display: block;
    width: 100%;
    margin: 0.208rem 0
}

.console_table_type table,.tableType table {
    width: 100%;
    border: 1px solid #3d1613;
    table-layout: fixed;
    margin: 0 auto
}

.console_table_type table {
    table-layout: auto
}

.console_table_type table caption,.tableType table caption {
    display: none
}

.console_table_type table thead tr th,.tableType table thead tr th {
    background: #3a2925;
    text-align: center;
    color: #fff;
    font-size: 0.83rem;
    vertical-align: middle;
    padding: 1% 0
}

.console_table_type table thead tr:first-child th,.tableType table thead tr:first-child th {
    width: 100%;
    border: 1px solid #3a2925
}

.console_table_type table tr,.console_table_type table tr td,.tableType table tr,.tableType table tr td {
    border: 1px solid #3d1613
}

.console_table_type table tr .itemIcon,.tableType table tr .itemIcon {
    text-align: center;
    width: 3.33rem;
    max-height: 1.5rem
}

.console_table_type table tr .itemText,.tableType table tr .itemText {
    padding: 0 1%
}

.console_table_type table tr .itemText.center,.tableType table tr .itemText.center {
    text-align: center
}

.console_table_type table tr td.brdLeft,.tableType table tr td.brdLeft {
    border-left: 1px solid #3d1613
}

.console_table_type table .gray,.tableType table .gray {
    background: #e3e0de;
    color: #3a2925
}

.console_table_type table .gray ~ .gray,.tableType table .gray ~ .gray {
    border-left: 1px solid #3d1613
}

.console_table_type.type_1 > table tr td,.tableType.type_1 > table tr td {
    padding: 0 1%
}

.console_table_type.type_1 > table tr td:nth-of-type(2n),.tableType.type_1 > table tr td:nth-of-type(2n) {
    padding: 0 1%
}

.console_table_type.type_1 > table tr td:nth-of-type(2n-1),.tableType.type_1 > table tr td:nth-of-type(2n-1) {
    text-align: center;
    width: 3.33rem;
    max-height: 1.5rem
}

.console_table_type.type_1 > table tr td:nth-of-type(2n-1) img,.tableType.type_1 > table tr td:nth-of-type(2n-1) img {
    display: block;
    margin: 0 auto;
    width: 1.75rem;
    height: 1.75rem
}

.console_table_type.type_2 > table,.tableType.type_2 > table {
    table-layout: auto
}

.console_table_type.type_2 > table tr td,.tableType.type_2 > table tr td {
    padding: 0 1%
}

.console_table_type.type_2 > table tr td:first-of-type,.tableType.type_2 > table tr td:first-of-type {
    text-align: center;
    padding: 0 1%;
    width: 50%;
    min-width: 3.33rem
}

.console_table_type.type_2 > table tr td:nth-of-type(2),.tableType.type_2 > table tr td:nth-of-type(2) {
    padding: 0 1%;
    max-width: 3.33rem;
    min-width: 1.75rem
}

.console_table_type.type_2 > table tr td:nth-of-type(2) img,.tableType.type_2 > table tr td:nth-of-type(2) img {
    display: block;
    margin: 0 auto;
    width: 1.75rem;
    height: 1.75rem
}

.console_table_type.type_2 > table tr td:nth-of-type(3),.tableType.type_2 > table tr td:nth-of-type(3) {
    padding: 0 1%
}

.console_table_type.type_3 > table tr td,.tableType.type_3 > table tr td {
    text-align: center;
    padding: 2%;
    height: auto
}

.console_table_type.type_3 > table tr:nth-of-type(3n-2) td,.tableType.type_3 > table tr:nth-of-type(3n-2) td {
    background: #e3e0de;
    color: #3a2925;
    padding: 1% 0;
    height: 1rem;
    font-weight: normal
}

.console_table_type.type_3 > table tbody tr:nth-of-type(3n-2) td,.tableType.type_3 > table tbody tr:nth-of-type(3n-2) td {
    padding: 1% 0;
    background: #e3e0de;
    color: #3a2925
}

.console_table_type.type_3 > table tbody tr:nth-of-type(3n) td,.tableType.type_3 > table tbody tr:nth-of-type(3n) td {
    height: auto;
    padding: 1%
}

.console_table_type.type_3 > table td,.tableType.type_3 > table td {
    text-align: center
}

.console_table_type.type_3 > table td img,.tableType.type_3 > table td img {
    display: block;
    margin: 0 auto 0.208rem;
    width: 1.75rem;
    height: 1.75rem
}

.console_table_type.type_4 > table,.tableType.type_4 > table {
    table-layout: auto
}

.console_table_type.type_4 > table tr td,.tableType.type_4 > table tr td {
    padding: 0 1%
}

.console_table_type.type_4 > table tr td:nth-child(1),.tableType.type_4 > table tr td:nth-child(1) {
    color: #3a2925;
    text-align: center
}

.console_table_type.type_4 > table tr:nth-of-type(odd) td,.tableType.type_4 > table tr:nth-of-type(odd) td {
    background: #e3e0de
}

.console_table_type.type_4 > table tr:nth-of-type(even) td,.tableType.type_4 > table tr:nth-of-type(even) td {
    background: #ded3d0
}

.console_table_type.type_4 > table tr.red td,.tableType.type_4 > table tr.red td {
    background: red
}

.console_table_type.type_4 > table tr td:nth-of-type(2),.tableType.type_4 > table tr td:nth-of-type(2) {
    min-width: 1.75rem
}

.console_table_type.type_4 > table tr td:nth-of-type(2) ~ td,.tableType.type_4 > table tr td:nth-of-type(2) ~ td {
    padding: 0 1%
}

.console_table_type.type_4 > table em,.tableType.type_4 > table em {
    color: #fff;
    margin-left: 1%;
    font-style: initial
}

.console_table_type.type_4 > table td img,.tableType.type_4 > table td img {
    display: block;
    margin: 0 auto;
    width: 1.75rem;
    height: 1.75rem
}

.table-resizr {
    max-width: 100%
}

.table-resizr table {
    width: 100%!important
}

.noWrap {
    width: auto!important;
    height: auto!important
}

.table-bordered {
    table-layout: fixed
}

.table-bordered,.table-bordered td {
    border: 1px solid #ddd!important
}

.contents_area table {
    width: 100%!important;
    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
}

.content_wrap .detail_wrap td,.contents_area .tableLayoutNormal td {
    padding: .5rem
}

.contents_area .tableLayoutNormal td > ol,.contents_area .tableLayoutNormal td > ul {
    padding: 14px 20px
}

.contents_area .tableLayoutNormal.table_brown,.contents_area .tableLayoutNormal.table_brown td,.contents_area .tableLayoutNormal.table_brown th {
    border: 1px solid #d9d9d9
}

.contents_area .tableLayoutNormal.table_brown th {
    background: #d9d9d9
}

.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_jp_twitter {
    display: block;
    position: fixed;
    bottom: 6.4rem;
    right: 1.25rem;
    z-index: 30
}

.btn_jp_twitter .btn {
    font-size: 0
}

.btn_jp_twitter .btn + .btn {
    margin-left: 0
}

.btn_jp_twitter .btn_jp_fixed_twitter: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=3) no-repeat;
    background-size: 33.33rem 33.33rem;
    background-position: -17.9583rem -2.125rem;
    opacity: 1
}

.btn_jp_twitter .btn_jp_fixed_twitter {
    width: 4.166rem;
    height: 4.166rem;
    box-sizing: border-box;
    border: 1px solid #7f7f7f;
    background: #fff
}

.btn_jp_twitter .btn_jp_fixed_twitter:before {
    width: 2.016rem;
    height: 1.683rem;
    background-position: -31.185rem -15.8825rem
}

.agree_wrap {
    position: relative
}

.agree_wrap .box_agree {
    border: 1px solid #dfdfdf
}

.agree_wrap .box_agree .sec_header {
    display: flex;
    align-items: center;
    justify-content: 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 .box_policy b,.agree_wrap .box_agree .box_policy strong {
    font-weight: bold
}

.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 40px
}

.agree_wrap .box_agree .btn.active {
    border-color: #2b2f5a;
    background: #fff;
    color: #2b2f5a
}

.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: flex;
    align-items: center;
    justify-content: center;
    -ms-flex-align: center
}

.agree_wrap .box_agree.toggle .box_policy {
    display: none
}

.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_policy .content {
    width: auto
}

.agree_wrap .box_policy h2 {
    padding: 0.6rem 0 0 0;
    font-size: 1.4rem
}

.box_report {
    position: relative;
    flex: 0 0 auto
}

.box_report .btn_report {
    position: relative;
    padding: 0 17px;
    font-size: 0.875rem;
    color: #666;
    -webkit-transition: color .2s;
    transition: color .2s
}

.box_report .btn_report.on {
    color: #931313
}

.box_report .btn_report::after {
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    margin-top: 4px;
    overflow: hidden;
    border-width: 5px;
    border-top-width: 7px;
    border-style: solid;
    border-color: #888 transparent transparent;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: border-color .2s;
    transition: border-color .2s;
    content: ""
}

.box_report .btn_report.on:after {
    border-color: #931313 transparent transparent
}

.box_report .box_report_list {
    display: none;
    position: absolute;
    top: 100%;
    right: 50%;
    margin-top: 7px;
    z-index: 20;
    min-width: 90px;
    border: 1px solid #931313;
    background: #fff;
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0)
}

.box_report .box_report_list ul {
    padding: 0.5rem 0
}

.box_report .box_report_list ul li a,.box_report .box_report_list ul li button {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 18px;
    text-align: center;
    font-size: 13px;
    color: #931313;
    font-weight: normal;
    white-space: nowrap
}

.comment_count_wrap {
    padding: 35px 0 23px;
    font-size: 1.12rem;
    color: #888
}

.comment_count {
    color: #000
}

.comment_sort_wrap {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dfdfdf
}

.comment_sort_box + .comment_sort_box {
    margin-left: 1rem
}

.comment_sort_box input {
    display: none
}

.comment_sort {
    position: relative;
    display: block;
    padding: .6rem 0;
    font-size: .925rem;
    color: #888;
    -webkit-transition: color .2s;
    transition: color .2s;
    cursor: pointer
}

.comment_sort::before {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #000;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    content: ''
}

.comment_sort.active::before {
    opacity: 1
}

.comment_sort.active {
    color: #000
}

.comment_list_wrap + .reply_wrap .reply_area {
    margin-top: 15px
}

.reply_area {
    margin-top: 25px;
    border: 1px solid #dfdfdf
}

.box_reply {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    padding: 18px 25px 24px
}

.box_reply + .box_reply {
    border-top: 1px solid #dfdfdf
}

.box_reply .box_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px
}

.box_reply .user_area {
    display: flex;
    align-items: center;
    width: auto;
    text-align: left;
    overflow: hidden;
    box-sizing: border-box
}

.box_reply .user_area a {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden
}

.box_reply .user_area a .img_area {
    overflow: hidden;
    box-sizing: border-box;
    margin: 0 auto;
    border-radius: 50%;
    margin: 0 10px 0 0;
    flex-shrink: 0
}

.box_reply .user_area a .icon_character_area + .box_user {
    max-width: calc(100% - 40px)
}

.box_reply .user_area a .box_user {
    text-align: left
}

.box_reply .user_area a > div {
    flex-shrink: 1
}

.box_reply .user_area a .user_name {
    display: block;
    font-size: 14px;
    max-width: 100%;
    color: #3d3d3d;
    font-weight: normal
}

.box_reply .user_area a .box_user.supporter .supporter_mark {
    margin-top: 0.4rem;
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 18px;
    padding: 0 0.6rem
}

.box_reply .user_area a .box_user.supporter .user_name {
    position: relative;
    padding-left: 1.4rem;
    max-width: calc(100% - 1.4rem)
}

.box_reply .user_area a .box_user.supporter .user_name:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background: url(../../img/common/icn_supporter.svg) no-repeat;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.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 .user_area .reply_date_wrap {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 0.6rem;
    padding-left: calc(.6rem + 1px)
}

.box_reply .user_area .reply_date_wrap::before {
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    width: 1px;
    height: 10px;
    background: #aaa;
    content: ''
}

.box_reply .user_area .reply_date_wrap .reply_date {
    font-size: 0.875rem;
    color: #aaa
}

.box_reply .text_area {
    position: relative;
    width: 100%;
    box-sizing: border-box
}

.box_reply .text_area .box_text {
    font-size: 14px;
    color: #3d3d3d;
    font-weight: normal;
    line-height: 1.714
}

.box_reply .text_area .box_text a {
    color: #384bab
}

.box_reply .text_area .box_text .userID {
    display: inline-block;
    margin-right: 3px;
    color: #065fd4
}

.box_reply .text_area .box_bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    align-items: center;
    flex-wrap: wrap
}

.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
}

.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;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.box_reply .text_area .box_reply_user .btn_delete:before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    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%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    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: vertical
}

.box_reply .text_area .user_area ~ textarea {
    margin-top: 10px
}

.box_reply .text_area .btn_wrap.resist {
    position: static;
    margin-top: 10px;
    justify-content: flex-end
}

.box_reply .btn_wrap {
    justify-content: flex-start;
    flex-wrap: wrap
}

.box_reply .btn_wrap .btn_reply {
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    box-sizing: border-box;
    padding: 0 20px;
    border: 1px solid #dfdfdf;
    font-size: 13px;
    color: #666;
    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 .btn_wrap .btn_blind {
    color: #888;
    border: 1px solid #dfdfdf;
    white-space: nowrap
}

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 4px;
    background: url(../../img/common/spr_etc.png?v=3) -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,.box_reply .box_modal .box_modal_list > ul li button {
    display: block;
    padding: 0 15px;
    height: 34px;
    line-height: 32px;
    text-align: center;
    font-size: 0.9166rem;
    color: #911412;
    font-weight: normal;
    box-sizing: border-box
}

.box_reply.text_report {
    padding: 18px 25px;
    align-items: center
}

.box_reply.text_report .text_area {
    font-size: 14px;
    color: #888
}

.box_reply.text_report.re::before {
    top: 12px
}

.box_reply.write {
    background: #fafafa
}

.box_reply.write.full .text_area {
    width: 100%
}

.box_reply.re {
    padding-left: 50px
}

.box_reply.re:before,.reply_mark:before {
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 18px;
    left: 20px;
    width: 16px;
    height: 20px;
    box-sizing: border-box;
    background: url(../../img/common/spr_etc.png?v=3) -117px -541px no-repeat;
    background-size: 800px 800px
}

.box_reply.re.text_report {
    padding-left: 50px
}

.box_reply.write.re {
    border-top: 0;
    padding-top: 24px;
    padding-bottom: 24px
}

.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
}

.box_reply.best_reply.gm,.box_reply.gm {
    background: #f7f4ef
}

.btn_share_wrap {
    position: relative;
    display: inline-flex
}

.btn_share_wrap .dim {
    display: none
}

.btn_sns_share {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 1.4;
    color: #3d3d3d
}

.btn_sns_share .icn_share {
    display: inline-block;
    margin-right: 8px
}

.popup_url_share {
    position: absolute;
    right: 0;
    top: 1.92rem;
    width: 21.875rem;
    min-height: 13.875rem;
    display: none;
    border: 1px solid #dfdfdf;
    background: #f5f5f5;
    box-sizing: border-box;
    z-index: 10
}

.popup_url_share.active {
    display: block
}

.popup_url_share .title_wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 49px;
    text-align: center;
    background: #ccc
}

.popup_url_share .btn_close {
    position: absolute;
    right: 10px;
    top: 50%;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    transform: translateY(-50%)
}

.popup_url_share .btn_close .line {
    display: block;
    position: absolute;
    left: -3px;
    top: 6px;
    width: 20px;
    height: 2px;
    box-sizing: border-box;
    background: #000;
    opacity: 0.5
}

.popup_url_share .btn_close .line.left {
    transform: rotate(45deg)
}

.popup_url_share .btn_close .line.right {
    transform: rotate(135deg)
}

.popup_url_share .copy_title {
    display: block;
    padding: 0.2rem 0.6rem;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1.4;
    color: #000;
    box-sizing: border-box
}

.popup_url_share .content_wrap {
    display: block;
    padding: 1.875rem;
    text-align: center;
    box-sizing: border-box
}

.popup_url_share .view_url {
    display: block;
    width: 100%;
    margin-bottom: 1.25rem;
    padding: 0.75rem 0.625rem;
    font-size: 0.93rem;
    color: #b78a63;
    border: 1px solid #dfdfdf;
    box-shadow: none;
    box-sizing: border-box
}

.popup_url_share .btn_copy {
    display: block;
    width: 9.375rem;
    height: 3.125rem;
    margin: 0 auto;
    font-size: 0.9375rem;
    color: #fff;
    background: #000;
    overflow: hidden
}

.popup_url_share .btn_close .line {
    transition: opacity 0.3s
}

.popup_url_share .btn_copy:before {
    transition: transform 0.3s;
    transform: translate3d(-100%, 0, 0);
    background: rgba(255, 255, 255, 0.1)
}

.rating {
    display: block
}

.rating img {
    display: block;
    margin: 0 auto
}

#languageBox {
    margin: 30px auto;
    text-align: center
}

#languageBox .custom_select {
    min-width: 215px;
    border-radius: 50px;
    background-color: #161616
}

#languageBox .custom_select::before {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 15px;
    height: 15px;
    background: url(../../img/common/icn_globe.svg) no-repeat center;
    background-size: contain;
    opacity: 0.8;
    content: '';
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

#languageBox .custom_select::after {
    border-color: #a1a1a1;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

#languageBox select {
    position: relative;
    padding: 0 40px;
    height: 42px;
    font-size: 12px;
    color: #a1a1a1;
    border: none;
    -webkit-transition: color .2s;
    transition: color .2s;
    z-index: 1
}

body.scrolling .header_wrap {
    position: fixed;
    z-index: 999
}

.pi {
    background: url(../../img/common/icn_cm_spr.png?v=3) no-repeat
}

.aside_top {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 4.166rem
}

.aside_top .pi {
    display: block;
    position: absolute;
    right: 1.25rem;
    top: 1.25rem;
    cursor: pointer
}

.pi.pi_nav_close {
    width: 1.6667rem;
    height: 1.6667rem;
    background-position: -0px -56.27rem
}

.pi.pi_nav_user {
    width: 1.8333rem;
    height: 1.8333rem;
    background-position: -1.9583rem -56.27rem
}

.pi.pi_nav_register {
    width: 1.7083rem;
    height: 1.6667rem;
    background-position: -4.375rem -56.27rem
}

.pi.pi_nav_login {
    width: 1.7083rem;
    height: 1.6667rem;
    background-position: -6.375rem -56.27rem
}

.pi.pi_nav_logout {
    width: 1.6667rem;
    height: 1.6667rem;
    background-position: -8.4583rem -56.27rem
}

.aside_common {
    display: none;
    float: left;
    width: 280px;
    margin-top: 161px;
    z-index: 5
}

.aside_common .inner {
    position: relative;
    z-index: 20;
    border-top: 2px solid #555
}

.aside_common + .content {
    float: right;
    width: calc(100% - 280px)
}

.aside_common li .aside_node_parent {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 45px;
    padding-left: 20px;
    padding-right: 36px;
    box-sizing: border-box;
    border-bottom: 1px solid #dfdfdf;
    font-size: 15px;
    color: #3d3d3d;
    font-weight: 400
}

.aside_menu ~ .aside_menu {
    margin-top: 30px;
    border-top: 2px solid #555
}

.aside_menu li:last-of-type .aside_node_parent {
    border-bottom: none
}

.aside_menu:nth-of-type(2) li:nth-last-of-type(2) .aside_node_parent {
    border-bottom: none
}

.aside_top {
    display: none
}

.aside_footer {
    display: none
}

.css-ellipsis {
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 100%;
    max-height: 48px;
    padding-right: 16px
}

.css-ellipsis::before {
    content: "...";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.css-ellipsis::after {
    content: "";
    width: 1rem;
    height: 1.3rem;
    margin-top: 0.2rem;
    background: #fff;
    position: absolute;
    right: 0;
    transition: 0.25s
}

.line_clamp {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

#CybotCookiebotDialog {
    z-index: 10000!important
}

.cookie_popup_wrap {
    z-index: 10001!important
}

.cookie_popup_wrap.zIndex_down {
    z-index: 9999!important
}

.profile_popup_box {
    opacity: 0;
    position: fixed;
    display: flex;
    flex-direction: column;
    padding: 10px 20px 10px 16px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    background: #fff;
    -webkit-transform: translate3d(0, -15%, 0);
    transform: translate3d(0, -15%, 0);
    -webkit-transition: opacity .25s ease,transform .25s ease;
    transition: opacity .25s ease,transform .25s ease;
    white-space: nowrap;
    z-index: 5
}

.profile_popup_box.on {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.profile_popup_box .profile_popup_link {
    display: block;
    padding: 4px 2px;
    font-size: .825rem;
    color: #888;
    -webkit-transition: color .2s;
    transition: color .2s
}

.profile_popup_box .profile_popup_link + .profile_popup_link {
    margin-top: .4rem
}

.font-weight-bold {
    font-weight: bold
}

.tpl_title_bullet {
    position: relative;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    margin: 1.2rem 0 5px
}

.tpl_title_bullet .title {
    position: relative;
    margin: 0;
    padding: 0 40px 0 36px;
    display: inline-block;
    font-size: 1.63rem;
    line-height: 1.4;
    color: #000;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    text-align: left
}

.tpl_title_bullet .fold_contents {
    margin-top: 5px;
    font-size: 0.94rem
}

.tpl_title_bullet.fold > .title {
    cursor: pointer
}

.tpl_title_bullet.fold .title::before {
    display: block
}

.tpl_title_bullet.fold > .title::after {
    display: inline-block
}

.tpl_title_bullet .title::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    transform-origin: center center;
    left: 0;
    width: 25px;
    height: 25px;
    background: url(../../img/common/template/icn_title_bullet.svg) no-repeat center center;
    background-size: contain
}

.tpl_title_bullet .title::after {
    display: none;
    position: absolute;
    top: calc(50% - 4px);
    right: 5px;
    margin-left: .8rem;
    width: 15px;
    height: 7px;
    background: url(../../img/common/template/icn_arrow_down.svg) no-repeat center center;
    background-size: contain;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    content: ''
}

.tpl_title_bullet .title.active::after {
    -webkit-transform: translateY(20%) rotateX(180deg);
    transform: translateY(20%) rotateX(180deg)
}

.tpl_title_bullet.mid_title {
    margin: 1rem 0 5px
}

.tpl_title_bullet.mid_title .title {
    padding: 0 25px 0 25px;
    font-size: 1.375rem
}

.tpl_title_bullet.mid_title .title::before {
    width: 16px;
    height: 16px;
    background-image: url(../../img/common/template/icn_unordered_type_1.svg)
}

.tpl_title_bullet.small_title {
    margin: 0.8rem 0 4px
}

.tpl_title_bullet.small_title .title {
    padding: 0 40px 0 0;
    font-size: 1.13rem;
    font-weight: bold
}

.tpl_title_bullet.small_title .title::before {
    display: none
}

.tpl_title_bullet.small_title::after {
    margin-left: .6rem
}

.tpl_title_bullet.small_title .fold_contents {
    margin-top: 4px;
    font-size: 0.9rem
}

.tpl_notice_box {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 10px 0;
    padding: 28px;
    font-size: 0.94rem;
    line-height: 1.86;
    color: #000;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background: #f5f5f5;
    box-sizing: border-box
}

.tpl_notice_box .title {
    font-size: 0.94rem;
    line-height: 1.86;
    margin-bottom: 0.4em
}

.tpl_notice_box.sub {
    color: #565656;
    border-color: #d9d9d9;
    background: #fff
}

.tpl_notice_box.dev {
    color: #5b4d3a;
    border: none;
    border-radius: 0 1.25rem 1.25rem 1.25rem;
    background: rgba(217, 202, 194, .35)
}

.tpl_notice_box.dev .title {
    color: #770505
}

.tpl_notice_box.dev.dark {
    color: #ccc3b9
}

.tpl_notice_box.dev.dark .title {
    color: #fff
}

.tpl_folding_box {
    max-width: 100%;
    margin: 5px 0
}

.tpl_folding_box .btn_tpl_folding,.tpl_folding_box .fold_contents {
    position: relative;
    font-size: 0.94rem;
    line-height: 2;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    color: #000;
    background: #f5f5f5;
    box-sizing: border-box
}

.tpl_folding_box .btn_tpl_folding {
    max-width: 100%;
    padding: 0.4em 2.55rem 0.4em 1.25rem;
    color: grey;
    transition: color 0.2s,border 0.2s 0.2s;
    z-index: 3;
    text-align: left
}

.tpl_folding_box .btn_tpl_folding:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: inline-block;
    width: 12px;
    height: 6px;
    margin-left: 0.8em;
    background: url(../../img/common/template/icn_arrow_down.svg) no-repeat center center;
    background-size: 12px 6px;
    background-size: contain;
    -webkit-transform: translate3d(0, -50%, 0) rotateX(0);
    transform: translate3d(0, -50%, 0) rotateX(0);
    transition: filter 0.2s
}

.tpl_folding_box .fold_contents {
    margin-top: -1px;
    padding: 28px;
    z-index: 2
}

.tpl_folding_box .btn_tpl_folding.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: transparent
}

.tpl_folding_box .btn_tpl_folding.active + .fold_contents {
    border-top-left-radius: 0
}

.tpl_folding_box .btn_tpl_folding.active:after {
    -webkit-transform: translate3d(0, -50%, 0) rotateX(180deg);
    transform: translate3d(0, -50%, 0) rotateX(180deg)
}

.tpl_folding_box.expand {
    border: 1px solid #d9d9d9;
    border-radius: 5px
}

.tpl_folding_box.expand .btn_tpl_folding {
    width: 100%;
    max-width: 100%;
    border: none
}

.tpl_folding_box.expand .fold_contents {
    padding-top: 14px;
    border: none;
    border-top-right-radius: 0
}

.tpl_divider {
    display: block;
    width: 100%;
    max-width: 100%;
    height: 0;
    border: none;
    border-top: 1px solid #d9d9d9;
    box-sizing: border-box
}

.tpl_divider.big {
    height: 5px;
    border: none;
    border-top: 1px solid #414141;
    border-bottom: 1px solid #d9d9d9
}

.tpl_char_wrap {
    position: relative;
    max-width: 100%;
    margin: 15px 0;
    border-top: 3px solid #87774c;
    border-bottom: 3px solid #87774c
}

.tpl_char_wrap + .tpl_char_wrap {
    margin-top: 20px
}

.tpl_char_wrap:before {
    content: '';
    position: absolute;
    top: -3px;
    left: 50%;
    display: block;
    width: 15px;
    height: 15px;
    border-right: 3px solid #87774c;
    border-bottom: 3px solid #87774c;
    background: #fff;
    -webkit-transform: rotate(45deg) translate3d(0, -50%, 0);
    transform: rotate(45deg) translate3d(0, -50%, 0);
    transform-origin: center center;
    box-sizing: border-box
}

.tpl_char_wrap hr {
    margin: 28px 0 0;
    padding: 1.75rem 0 0;
    border: 0;
    border-top: 1px solid #544e48
}

.tpl_char_wrap .char_inner {
    max-width: 100%;
    padding: 28px;
    color: #ccc3b9;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: linear-gradient(to bottom, #241606, #3b3323);
    box-sizing: border-box
}

.tpl_char_wrap .char_info_wrap {
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.tpl_char_wrap .char_info_wrap .thumb {
    display: block;
    width: 80px;
    height: 80px;
    border: 2px solid #c6b179;
    border-radius: 5px;
    background: #000;
    box-sizing: border-box
}

.tpl_char_wrap .char_info_wrap .char_name {
    font-size: 22px;
    color: #fff
}

.tpl_char_wrap .char_info_wrap .thumb + .char_name {
    margin-left: 20px
}

.tpl_char_wrap .char_info_wrap {
    margin-bottom: 28px
}

.tpl_char_wrap .char_label {
    margin-bottom: 10px
}

.tpl_char_wrap .info_list + .char_label {
    margin-top: 30px;
    margin-bottom: 10px
}

.tpl_char_wrap .tpl_notice_box + .char_label {
    margin-top: 30px
}

.tpl_char_wrap .skill_item {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center
}

.tpl_char_wrap .skill_img_wrap {
    display: block;
    margin-right: 16px;
    box-sizing: border-box
}

.tpl_char_wrap .skill_img_wrap img {
    width: 44px;
    max-width: 100%;
    height: auto;
    margin: 0
}

.tpl_char_wrap .skill_name {
    font-size: 0.94rem;
    color: #c2a271
}

.tpl_char_wrap .skill_desc {
    margin-top: 5px;
    font-size: 0.88rem;
    line-height: 2;
    color: #ccc3b9
}

.tpl_char_wrap .char_classtype {
    display: inline-block;
    padding: 2px 10px;
    font-size: 0.81rem;
    color: #281b0b;
    border-radius: 4px;
    background: #c2a271;
    box-sizing: border-box
}

.tpl_char_wrap .info_list {
    max-width: 100%;
    margin-left: 0;
    font-size: .88rem
}

.tpl_char_wrap .info_list > .item {
    margin-left: 0
}

.tpl_char_wrap .info_list > .item:before {
    display: none
}

.tpl_char_wrap .info_list > .item + .item {
    margin-top: 1rem
}

.tpl_btn_common {
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    min-width: 200px;
    min-height: 44px;
    max-width: 100%;
    padding: 12px;
    font-size: 0.81rem;
    color: #fff;
    border-radius: 4px;
    border: 1px solid transparent;
    background: #000;
    box-sizing: border-box;
    transition: color 0.2s,background 0.2s
}

.tpl_btn_common.big {
    min-width: 260px;
    min-height: 3.5rem;
    font-size: 0.94rem
}

.tpl_btn_common.simple {
    color: grey;
    border-color: #d9d9d9;
    background: #f5f5f5
}

.tpl_btn_common.blue {
    color: #fff;
    border-color: #36395e;
    background: #36395e
}

.tpl_btn_common.brown {
    color: #fff;
    border-color: #6a491f;
    background: #6a491f
}

.tpl_shop_title {
    max-width: 100%;
    text-align: center
}

.tpl_shop_title .title {
    font-size: 22px;
    line-height: 1.45;
    color: #000
}

.tpl_shop_title .desc {
    margin-top: 0.4em;
    font-size: 1rem;
    line-height: 1.45;
    color: grey
}

.tpl_shop_product_title {
    margin-bottom: 0.2em;
    font-size: 0.94rem;
    line-height: 2;
    color: grey
}

.tpl_shop_product_set {
    max-width: 100%;
    margin: 5px 0;
    padding: 3.5rem;
    border-radius: 6px;
    background: #1a1a12;
    box-sizing: border-box
}

.tpl_shop_product_set .shop_big_img_wrap {
    display: block;
    text-align: center;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-bottom: 3.5rem
}

.tpl_shop_product_set .shop_big_img_wrap img {
    width: 100%;
    height: auto
}

.tpl_shop_product_set .list_item {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    color: #fff
}

.tpl_shop_product_set .more_list {
    flex-wrap: wrap
}

.tpl_shop_product_set .more_list.center {
    -webkit-justify-content: center;
    justify-content: center
}

.tpl_shop_product_set .half_side + .half_side {
    margin-top: 22px
}

.tpl_shop_product_set .half_side:nth-child(n+3),.tpl_shop_product_set .list_item .third_side:nth-child(n+4) {
    margin-top: 2em
}

.tpl_shop_product_set .list_item .half_side {
    flex: 0 0 100%
}

.tpl_shop_product_set .list_item .third_side {
    flex: 0 0 30%;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    flex-direction: column
}

.tpl_shop_product_set .list_item .third_side .item_info {
    margin-top: 0.4em;
    text-align: center
}

.tpl_shop_product_set .list_item .half_side,.tpl_shop_product_set .list_item .info_side {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center
}

.tpl_shop_product_set .list_item + .list_item {
    margin-top: 1.6rem
}

.tpl_shop_product_set .item_img_wrap {
    flex: 0 0 234px;
    height: 64px;
    border: 2px solid #dcb15c;
    background: #000;
    box-sizing: border-box;
    overflow: hidden
}

.tpl_shop_product_set .item_img_square {
    position: relative;
    flex: 0 0 66px;
    height: 66px;
    margin: 0 5px 0 0;
    border: 1px solid #796852;
    background: #000;
    box-sizing: border-box
}

.tpl_shop_product_set .big .item_img_square {
    flex: 0 0 76px;
    height: 76px
}

.tpl_shop_product_set .item_img_square:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    height: 90%;
    border: 1px solid #796852;
    background: transparent;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate( 45deg);
    transform: translate3d(-50%, -50%, 0) rotate( 45deg);
    transform-origin: center center;
    box-sizing: border-box;
    z-index: 1
}

.tpl_shop_product_set .item_img_square .square_box {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3px;
    background: #000;
    box-sizing: border-box;
    z-index: 5
}

.tpl_shop_product_set .item_img_square .inner {
    position: relative;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 5px;
    border: 2px solid #dcb15c;
    background: #000;
    box-sizing: border-box;
    z-index: 3
}

.tpl_shop_product_set .item_img_square .inner img {
    width: 100%
}

.tpl_shop_product_set .half_side .item_info {
    flex: 0 1 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.tpl_shop_product_set .percent_badge {
    flex: 0 0 auto;
    display: inline-block;
    margin-right: 0.8em;
    padding: 0 0.6em;
    font-size: 0.69rem;
    line-height: 1.6em;
    color: #fff;
    border-radius: 60px;
    background: #a77e2e;
    box-sizing: border-box
}

.tpl_shop_product_set .big .percent_badge {
    font-size: .785rem
}

.tpl_shop_product_set .price_side {
    flex: 1 0 auto;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
    font-size: 1rem;
    color: grey
}

.tpl_shop_product_set .half_side .price_side {
    flex: 0 1 auto
}

.tpl_shop_product_set .price_side .price_orange {
    color: #dcb15c
}

.tpl_shop_product_set .price_side .event {
    color: #9d55c6
}

.tpl_shop_product_set .item_info .price_side {
    flex-wrap: wrap;
    padding: 0 0 0 20px;
    margin-top: 0.4em;
    justify-content: flex-start
}

.tpl_shop_product_set .item_info .item_name_wrap,.tpl_shop_product_set .item_name_wrap {
    padding: 0 20px
}

.tpl_shop_product_set .item_name_wrap {
    font-size: 1rem;
    line-height: 1.6
}

.tpl_shop_product_set .half_side .item_name_wrap,.tpl_shop_product_set .half_side .price_side {
    font-size: .88rem
}

.tpl_shop_product_set .big .item_name_wrap,.tpl_shop_product_set .big .price_side {
    font-size: 1rem
}

.tpl_shop_product_set .list_title {
    margin: 25px 0
}

.tpl_shop_product_set .list_title .title {
    font-size: 1.125rem;
    color: #333
}

.tpl_shop_product_set hr {
    margin: 32px 0;
    padding: 0
}

.tpl_shop_product_set.dark {
    color: #fff
}

.tpl_shop_product_set.dark .list_title .title {
    color: #d9d9d9
}

.tpl_shop_product_set.dark hr {
    border-top: 1px solid #544e48
}

.tpl_shop_product_set.white {
    padding-top: 34px;
    padding-bottom: 34px;
    border: 1px solid #d9d9d9;
    background: transparent
}

.tpl_shop_product_set.white .list_item {
    color: #000
}

.tpl_shop_product_set .list_item.row .half_side {
    flex: 0 1 50%
}

.tpl_shop_product_set .list_item.row .half_side + .half_side {
    margin-top: 0
}

.tpl_shop_product_set .list_item.row .half_side + .half_side ~ .half_side {
    margin-top: 1.6rem
}

.tpl_shop_product_set .list_item.row .half_side .item_info {
    flex-direction: column;
    align-items: flex-start
}

.tpl_shop_product_set .list_item.row .item_info .price_side {
    padding: 0 20px
}

.tpl_shop_product_set .item_img_square.type_2,.tpl_shop_product_set .item_img_square.type_2 .inner {
    border-color: #d9d9d9
}

.tpl_shop_product_set .item_img_square.type_2::before {
    display: none
}

.tpl_shop_fold_title .title {
    margin-bottom: 0.6em;
    padding-bottom: 0.4em;
    font-size: 1.13rem;
    color: grey;
    border-bottom: 1px solid #d9d9d9;
    box-sizing: border-box;
    transition: color 0.2s;
    cursor: pointer
}

.tpl_shop_fold_title .title:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 6px;
    margin-left: 0.8em;
    background: url(../../img/common/template/icn_arrow_down.svg) no-repeat center center;
    background-size: contain;
    background-size: contain;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    transition: filter 0.2s
}

.tpl_shop_fold_title .fold_contents {
    font-size: 0.94rem;
    color: grey
}

.tpl_shop_fold_title .title.active:after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.tpl_glance_wrap {
    position: relative;
    width: 830px;
    max-width: 100%;
    margin: 0 auto;
    padding: 66px 42px;
    z-index: 1;
    border-radius: 5px;
    box-sizing: border-box
}

.tpl_glance.glance_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    border-radius: 5px;
    z-index: -1;
    overflow: hidden
}

.tpl_glance.glance_bg_gra {
    position: relative;
    display: block;
    width: 100%;
    height: 100px;
    margin-top: -98px
}

.tpl_glance_wrap.noimg > .tpl_glance.glance_bg,.tpl_glance_wrap.noimg > .tpl_glance.glance_bg > .glance_bg_gra {
    background: transparent
}

.tpl_glance_wrap.noimg > .tpl_glance.glance_bg > .glance_bg_gra {
    margin-top: 0
}

.tpl_glance.glance_bg img {
    width: auto;
    min-width: 100%;
    max-width: 100%
}

.tpl_glance.glance_space,.tpl_glance_wrap .tpl_glance.glance_space {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    background: transparent
}

.tpl_glance.glance_space::before,.tpl_glance_wrap .tpl_glance.glance_space::before {
    display: block;
    width: 100%;
    padding-bottom: 5%;
    content: ''
}

.tpl_glance.glance_obj_line,.tpl_glance_wrap .tpl_glance.glance_obj_line {
    min-width: 100%;
    max-width: 100%;
    height: 19px;
    margin: 34px auto;
    background: url(https://s1.pearlcdn.com/KR/Upload/News/b0662208a5120221024125831843.png) no-repeat center/auto;
    border: none
}

.tpl_glance.glance_obj_label {
    margin: 22px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: url(https://s1.pearlcdn.com/KR/Upload/News/f75d8cd951c20221024125832140.png) no-repeat center/contain
}

.tpl_glance.glance_obj_num_wrap {
    display: flex;
    justify-content: center;
    max-width: 100%;
    margin: 15px 0
}

.tpl_glance.glance_obj_num {
    position: relative;
    margin: 0 18px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 23px;
    line-height: 1;
    font-style: normal;
    z-index: 1
}

.tpl_glance.glance_obj_num_bg {
    width: 24px;
    height: 24px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tpl_glance.glance_obj_num_text {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 1;
    line-height: 0
}

.tpl_glance.glance_obj_arrow {
    display: block;
    margin: 10px auto 15px;
    width: 20px;
    height: 22px;
    max-width: 100%;
    background: url(https://s1.pearlcdn.com/KR/Upload/News/3750e750e4820221024125828341.png) no-repeat center/contain
}

.tpl_glance.glance_item_wrap {
    display: inline-flex;
    flex-direction: column;
    margin: 5px;
    max-width: 100%
}

.tpl_glance.glance_reward_list > .glance_item_wrap {
    width: 174px;
    flex: 0 0 174px
}

.tpl_glance.glance_item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    max-width: 100%;
    height: 80px;
    margin: 20px auto;
    z-index: 1
}

.tpl_glance.glance_item_line::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 96%;
    height: 96%;
    border: 1px solid;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
    box-sizing: border-box;
    z-index: -2;
    content: ''
}

.tpl_glance.glance_item_bg::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    border: 5px solid;
    z-index: 1;
    box-sizing: border-box;
    content: ''
}

.tpl_glance.glance_item_img {
    width: 100%;
    text-align: center
}

.tpl_glance.glance_item img {
    position: relative;
    width: auto;
    max-width: calc(100% - 5px)!important;
    z-index: 2
}

.tpl_glance.glance_item_name {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    height: 58px;
    text-align: center;
    color: #622948;
    text-align: center;
    line-height: 1.3;
    font-size: 15px
}

.tpl_glance.glance_item_wrap.horiz {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 11px 0;
    box-sizing: border-box
}

.tpl_glance.glance_item_wrap.horiz .glance_item {
    flex: 0 0 auto;
    margin: 20px 60px
}

.tpl_glance.glance_item_side {
    flex: 0 1 100%;
    max-width: 100%;
    padding-left: 15px
}

.tpl_glance.glance_item_side .side_sub {
    font-size: 15px;
    color: #3d3d3d;
    font-weight: bold;
    line-height: 1.3
}

.tpl_glance.glance_item_side .side_que {
    font-size: 15px;
    color: #3d3d3d;
    line-height: 1.3
}

.tpl_glance.glance_item_side .side_name {
    margin-top: 6px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3
}

.tpl_glance.glance_item_side .side_name .clipper {
    color: #828282;
    text-decoration: line-through
}

.tpl_glance.glance_main_title {
    max-width: 100%;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.4
}

.tpl_glance.glance_subject_title {
    max-width: 100%;
    margin: 8px auto;
    padding: 0;
    font-size: 29px;
    line-height: 1.3;
    text-align: center
}

.tpl_glance.glance_subject_desc {
    max-width: 100%;
    margin: 8px auto;
    font-size: 17px;
    line-height: 1.3;
    text-align: center
}

.tpl_glance.glance_check {
    display: flex;
    align-items: center;
    margin: 18px auto 0;
    padding: 17px;
    width: 700px;
    max-width: 100%;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box;
    background: #f9f9f9
}

.tpl_glance.glance_check_box {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    margin-right: 26px;
    width: 38px;
    height: 38px;
    border-radius: 3px;
    border: 2px solid;
    border-radius: 3px;
    box-sizing: border-box
}

.tpl_glance.icn_glance_check {
    position: absolute;
    top: -8px;
    left: 7px;
    width: 34px;
    height: 35px
}

.tpl_glance.glance_check .glance_check_text {
    font-size: 20px;
    color: #383226;
    line-height: 1.3
}

.tpl_glance.glance_btn_wrap {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: 32px auto 0
}

.tpl_glance.glance_btn_wrap .glance_btn_box {
    margin: 0
}

.tpl_glance.glance_btn_wrap .glance_btn_box + .glance_btn_box {
    margin-left: 10px
}

.tpl_glance.glance_btn_box {
    margin: 10px auto 0;
    text-align: center;
    overflow: hidden
}

.tpl_glance.glance_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 5px;
    max-width: 100%;
    text-align: center;
    line-height: 1.3;
    box-sizing: border-box
}

.tpl_glance.glance_btn.big {
    width: 340px;
    max-width: 100%;
    height: 80px;
    font-size: 18px;
    border-radius: 4px
}

.tpl_glance.glance_btn.mid {
    width: 204px;
    max-width: 100%;
    height: 50px;
    font-size: 15px;
    border-radius: 3px
}

.tpl_glance.glance_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px auto 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

.tpl_glance.glance_tab_box {
    margin: 5px;
    width: 340px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden
}

.tpl_glance.glance_tab_title {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    height: 56px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px 4px 0 0
}

.tpl_glance.glance_tab_title_tail {
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0) rotate(45deg);
    transform: translate3d(-50%, 0, 0) rotate(45deg);
    content: ''
}

.tpl_glance.glance_tab .glance_tab_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    padding: 28px 24px;
    text-align: center;
    background: #f6f6f6;
    border: 1px solid;
    border-top: none;
    border-radius: 0 0 4px 4px
}

.tpl_glance.glance_tab .glance_tab_inner_desc {
    color: #000;
    font-size: 16px;
    line-height: 1.3
}

.tpl_glance.glance_tab .glance_tab_inner_title {
    font-size: 20px;
    line-height: 1.3
}

.tpl_glance.glance_tab .glance_tab_inner_title + .glance_item_wrap {
    margin-top: 14px
}

.tpl_glance.glance_item_wrap + .glance_btn_box {
    margin-top: 22px
}

.tpl_glance.glance_between {
    display: flex;
    align-items: stretch;
    width: 700px;
    max-width: 100%;
    border: 1px solid;
    margin: 10px auto;
    border-radius: 6px;
    background: #f6f6f6;
    box-sizing: border-box;
    overflow: hidden
}

.tpl_glance.glance_between_img_wrap {
    position: relative;
    width: 50%;
    min-width: 50%;
    overflow: hidden
}

.tpl_glance.glance_between_img_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

.tpl_glance.glance_between_img_inner img {
    flex: 0 0 auto;
    outline: none;
    width: auto;
    max-width: none!important;
    height: 100%!important
}

.tpl_glance.glance_between_title {
    display: flex;
    width: 50%;
    min-width: 50%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 190px;
    padding: 8px;
    text-align: center;
    box-sizing: border-box
}

.tpl_glance.glance_between_desc {
    font-size: 17px;
    line-height: 1.3
}

.tpl_glance.glance_between .glance_between_sub {
    color: #0c0c0c;
    font-size: 22px;
    line-height: 1.3
}

.tpl_glance.glance_between_desc + .glance_between_sub {
    margin-top: 3px
}

.tpl_glance.glance_between_sub + .glance_btn_box {
    margin-top: 20px
}

.tpl_glance.glance_coupon {
    margin: 10px auto;
    padding: 20px;
    width: 752px;
    max-width: 100%;
    border: 1px solid;
    border-radius: 4px;
    background: #f6f6f6;
    box-sizing: border-box
}

.tpl_glance.glance_coupon_box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    padding: 0 3%
}

.tpl_glance.glance_coupon_box .glance_item_wrap {
    flex: 0 1 calc(33.33% - 10px)
}

.tpl_glance.glance_coupon_code {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
    width: 100%;
    max-width: 100%;
    padding: 28px 20px;
    color: #fff;
    font-size: 30px;
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    line-height: 1.4
}

.tpl_glance.glance_coupon .glance_coupon_sub {
    margin: 15px auto 5px;
    text-align: center;
    font-size: 15px;
    color: #666;
    opacity: .65
}

.tpl_glance.glance_coupon_copy_btn {
    max-width: 100%;
    margin: 0.5rem auto 0;
    border: 1px solid #acacac;
    color: #a2a2a2;
    padding: 0.3rem 2.2rem;
    font-size: 14px;
    border-radius: 0.3rem;
    transition: background-color 0.2s
}

.js-inGameContents .tpl_glance.glance_coupon_copy_btn {
    display: none
}

.tpl_glance.glance_treasure_divide {
    margin: 15px 0;
    text-align: center;
    overflow: hidden
}

.tpl_glance.glance_reward_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    margin: 18px auto
}

.tpl_glance.glance_reward_item {
    display: inline-flex;
    flex-direction: column;
    width: 174px;
    flex: 0 0 174px;
    margin: 5px;
    background: #f6f6f6;
    border: 1px solid;
    border-radius: 3px;
    box-sizing: border-box;
    overflow: hidden
}

.tpl_glance.glance_reward_item .glance_item_wrap {
    padding: 22px 10px
}

.tpl_glance.glance_reward_detail {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 5px 4px;
    height: 78px;
    text-align: center;
    color: #000;
    box-sizing: border-box
}

.tpl_glance.glance_reward_detail .glance_reward_detail_text {
    font-size: 15px;
    line-height: 1.3;
    color: #000
}

.tpl_glance.glance_reward_detail::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #f6f6f6;
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
    content: ''
}

.tpl_glance.glance_reward_detail .impact {
    color: #b01313
}

.tpl_glance.glance_detail {
    display: flex;
    align-items: center;
    margin: 39px auto;
    padding: 15px;
    width: 636px;
    max-width: 100%;
    background: #f6f6f6;
    border: 1px solid;
    border-radius: 4px;
    box-sizing: border-box
}

.tpl_glance.glance_burning_term {
    margin: 16px auto 0;
    max-width: 100%
}

.tpl_glance.glance_burning_term .glance_burning_date {
    position: relative;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px 5px 0 0;
    overflow: visible
}

.tpl_glance.glance_burning_term .glance_burning_date_tail {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    -webkit-transform: translate3d(-50%, 50%, 0) rotate(45deg);
    transform: translate3d(-50%, 50%, 0) rotate(45deg);
    content: '';
    z-index: 1
}

.tpl_glance.glance_burning_list {
    position: relative;
    display: flex;
    justify-content: center;
    max-width: 100%;
    border: 1px solid;
    border-top: none;
    border-radius: 0 0 5px 5px
}

.tpl_glance.glance_burning_list_border_left::before {
    position: absolute;
    top: 4px;
    left: 0;
    width: calc(50% - 12px);
    border-bottom: 1px solid;
    content: ''
}

.tpl_glance.glance_burning_list_border_right::before {
    position: absolute;
    top: 4px;
    right: 0;
    width: calc(50% - 12px);
    border-bottom: 1px solid;
    content: ''
}

.tpl_glance.glance_burning_detail {
    position: relative;
    padding: 33px 5px 30px;
    flex: 0 1 100%;
    max-width: 100%;
    text-align: center;
    box-sizing: border-box
}

.tpl_glance.glance_burning_detail .glance_burning_detail_line::before {
    display: none;
    content: ''
}

.tpl_glance.glance_burning_detail:nth-child(n + 2) .glance_burning_detail_line::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 64%;
    border-left: 1px solid;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.tpl_glance.glance_burning_detail .glance_burning_val {
    font-size: 45px;
    font-weight: bold;
    line-height: 1
}

.tpl_glance.glance_burning_detail .glance_burning_type {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 1.3
}

.tpl_glance.glance_quiz {
    margin: 40px auto;
    padding: 20px;
    width: 634px;
    max-width: 100%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid;
    background: #f6f6f6;
    box-sizing: border-box
}

.tpl_glance.glance_quiz_inner {
    padding: 40px 20px;
    border: 1px solid #b4b9c5;
    border-radius: 4px;
    box-sizing: border-box
}

.tpl_glance.glance_quiz .glance_quiz_title {
    margin-bottom: 35px;
    font-size: 23px;
    font-weight: bold;
    line-height: 1.4
}

.tpl_glance.glance_quiz .glance_quiz_answer {
    color: #383226;
    font-size: 16px;
    line-height: 1.7
}

.tpl_glance.glance_quiz .glance_quiz_sub {
    margin: 25px auto 5px;
    font-size: 16px;
    color: #666;
    line-height: 1.5
}

.tpl_glance.glance_conquest_war_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 2rem
}

.tpl_glance.glance_conquest_flag {
    position: relative
}

.tpl_glance.glance_conquest_region_name {
    position: absolute;
    display: inline-block;
    width: 100%;
    top: 60%;
    left: 0;
    text-align: center;
    color: #ffe9d2
}

.tpl_glance.glance_conquest_guild_top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1.5rem
}

.tpl_glance.glance_conquest_guild_top img {
    width: 34px;
    height: 34px
}

.tpl_glance.glance_conquest_guild_top .tpl_glance.galnce_conquest_guild {
    margin-left: 0.5rem;
    font-size: 20px
}

.tpl_glance.glance_conquest_guild_table {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-top: 2px solid #5f5041;
    border-bottom: 1px solid #5f5041;
    box-shadow: 0 -1px 0 #5f5041 inset
}

.tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    flex-basis: 33.33%;
    text-align: center;
    padding: 0.5rem 0;
    font-size: 16px;
    border-bottom: 1px solid rgba(95, 80, 65, 0.7)
}

.tpl_glance.glance_conquest_war_wrap:last-of-type {
    margin-bottom: 0
}

.tpl_glance.glance_conquest_weapon_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem
}

.tpl_glance.glance_conquest_weapon {
    display: flex;
    align-items: center;
    margin-right: 30px;
    font-size: 1rem
}

.tpl_glance.glance_conquest_weapon:last-of-type {
    margin-right: 0
}

.tpl_glance.glance_conquest_weapon img {
    display: block;
    width: 19px;
    margin-right: 8px
}

.tpl_glance.glance_conquest_screenshot {
    padding: 1.4rem 0;
    width: 100%;
    text-align: center;
    border-bottom: 2px solid #5f5041
}

.tpl_glance.glance_conquest_screenshot img {
    display: block;
    width: 92%;
    margin: 0 auto
}

.tpl_glance_wrap.light_purple,.tpl_glance_wrap.light_purple p {
    color: #210a32
}

.tpl_glance_wrap.light_purple .color_1 {
    color: #643872
}

.tpl_glance_wrap.light_purple .color_2 {
    color: #741637
}

.tpl_glance_wrap.light_purple .color_3 {
    color: #522f5d
}

.tpl_glance_wrap.light_purple,.tpl_glance_wrap.light_purple .glance_bg {
    background: rgba(242, 236, 245, 1)
}

.tpl_glance_wrap.light_purple .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(242, 236, 245, .02) 2px, rgba(242, 236, 245, .1) 10px, rgba(242, 236, 245, .2) 16px, rgba(242, 236, 245, .4) 30px, rgba(242, 236, 245, .6) 44px, rgba(242, 236, 245, .75) 60px, rgba(242, 236, 245, .85) 76px, rgba(242, 236, 245, 1) 90px)
}

.tpl_glance_wrap.light_purple .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/b0662208a5120221024125831843.png)
}

.tpl_glance_wrap.light_purple .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/f75d8cd951c20221024125832140.png)
}

.tpl_glance_wrap.light_purple .glance_obj_num {
    color: #f2ecf5
}

.tpl_glance_wrap.light_purple .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #643872
}

.tpl_glance_wrap.light_purple .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #741637
}

.tpl_glance_wrap.light_purple .glance_main_title {
    color: #440d46
}

.tpl_glance_wrap.light_purple .glance_item.color_1 .glance_item_line::before {
    border-color: #d5aab9
}

.tpl_glance_wrap.light_purple .glance_item.color_1 .glance_item_bg::before {
    border-color: #c38399;
    background: #250b28
}

.tpl_glance_wrap.light_purple .glance_item.color_2 .glance_item_line::before {
    border-color: #a979ba
}

.tpl_glance_wrap.light_purple .glance_item.color_2 .glance_item_bg::before {
    border-color: #a776b9;
    background: #250b28
}

.tpl_glance_wrap.light_purple .glance_check {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_check_box {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_btn {
    color: #fff
}

.tpl_glance_wrap.light_purple .glance_btn.color_1 {
    background: #795d83
}

.tpl_glance_wrap.light_purple .glance_btn.color_2 {
    background: #522f5d
}

.tpl_glance_wrap.light_purple .glance_btn.color_3 {
    background: #643a51
}

.tpl_glance_wrap.light_purple .glance_btn.color_4 {
    background: #852e4c
}

.tpl_glance_wrap.light_purple .glance_tab_title {
    background: #ab667e;
    color: #ebebeb
}

.tpl_glance_wrap.light_purple .glance_tab_title_tail {
    background: #ab667e
}

.tpl_glance_wrap.light_purple .glance_tab_inner {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_tab_inner_title {
    color: #5c123a
}

.tpl_glance_wrap.light_purple .glance_between {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_between_desc {
    color: #522f5d
}

.tpl_glance_wrap.light_purple .glance_coupon {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_coupon_code {
    background: #fff;
    border: 1px solid #795d83;
    color: #643a51
}

.tpl_glance_wrap.light_purple .glance_detail {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_item_side .side_name {
    color: #4f146b
}

.tpl_glance_wrap.light_purple .glance_reward_item {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_reward_detail {
    background: #edddf3
}

.tpl_glance_wrap.light_purple .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #dfd2e4
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #855299, #724483)
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #552d7b, #432c59)
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #7c4b8e
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #4c2c6a
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_sub .glance_burning_val {
    color: #693c7a
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_main .glance_burning_val {
    color: #462c5f
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f6f6f6;
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.light_purple .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #814f94
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_main .glance_burning_list {
    background: #f8ebfe;
    border-color: #707b92
}

.tpl_glance_wrap.light_purple .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.light_purple .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #4b2c68
}

.tpl_glance_wrap.light_purple .glance_quiz {
    border-color: #867092
}

.tpl_glance_wrap.light_purple .glance_quiz_title {
    color: #522f5d
}

.tpl_glance_wrap.light_purple .glance_coupon .glance_item_name,.tpl_glance_wrap.light_purple .glance_reward_item .glance_item_name,.tpl_glance_wrap.light_purple .glance_tab_inner .glance_item_name {
    color: #622948
}

.tpl_glance_wrap.light_purple .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #867092;
    border-bottom: 1px solid #867092;
    box-shadow: 0 -1px 0 #867092 inset
}

.tpl_glance_wrap.light_purple .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(134, 112, 146, 0.7)
}

.tpl_glance_wrap.light_purple .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #867092
}

.tpl_glance_wrap.light_blue,.tpl_glance_wrap.light_blue p {
    color: #0a0d26
}

.tpl_glance_wrap.light_blue .color_1 {
    color: #294c85
}

.tpl_glance_wrap.light_blue .color_2 {
    color: #435f5f
}

.tpl_glance_wrap.light_blue .color_3 {
    color: #2b5bab
}

.tpl_glance_wrap.light_blue,.tpl_glance_wrap.light_blue .glance_bg {
    background: rgba(236, 241, 245, 1)
}

.tpl_glance_wrap.light_blue .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(236, 241, 245, .02) 2px, rgba(236, 241, 245, .1) 10px, rgba(236, 241, 245, .2) 16px, rgba(236, 241, 245, .4) 30px, rgba(236, 241, 245, .6) 44px, rgba(236, 241, 245, .75) 60px, rgba(236, 241, 245, .85) 76px, rgba(236, 241, 245, 1) 90px)
}

.tpl_glance_wrap.light_blue .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/1a5e1de7d8e20221024125831373.png)
}

.tpl_glance_wrap.light_blue .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/9789d2cda1420221024125831576.png)
}

.tpl_glance_wrap.light_blue .glance_obj_num {
    color: #ecf1f5
}

.tpl_glance_wrap.light_blue .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #294c85
}

.tpl_glance_wrap.light_blue .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #435f5f
}

.tpl_glance_wrap.light_blue .glance_main_title {
    color: #0d2146
}

.tpl_glance_wrap.light_blue .glance_item.color_1 .glance_item_line::before {
    border-color: #8fbaba
}

.tpl_glance_wrap.light_blue .glance_item.color_1 .glance_item_bg::before {
    border-color: #85b4b4;
    background: #262d3a
}

.tpl_glance_wrap.light_blue .glance_item.color_2 .glance_item_line::before {
    border-color: #7898bd
}

.tpl_glance_wrap.light_blue .glance_item.color_2 .glance_item_bg::before {
    border-color: #5c83b0;
    background: #0b0f2f
}

.tpl_glance_wrap.light_blue .glance_check {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_check_box {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_btn {
    color: #fff
}

.tpl_glance_wrap.light_blue .glance_btn.color_1 {
    background: #627e9d
}

.tpl_glance_wrap.light_blue .glance_btn.color_2 {
    background: #294c85
}

.tpl_glance_wrap.light_blue .glance_btn.color_3 {
    background: #2a4744
}

.tpl_glance_wrap.light_blue .glance_btn.color_4 {
    background: #20746d
}

.tpl_glance_wrap.light_blue .glance_tab_title {
    background: #5b9393;
    color: #ebebeb
}

.tpl_glance_wrap.light_blue .glance_tab_title_tail {
    background: #5b9393
}

.tpl_glance_wrap.light_blue .glance_tab_inner {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_tab_inner_title {
    color: #224456
}

.tpl_glance_wrap.light_blue .glance_between {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_between_desc {
    color: #364d76
}

.tpl_glance_wrap.light_blue .glance_coupon {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_coupon_code {
    background: #fff;
    border: 1px solid #627e9d;
    color: #2a4744
}

.tpl_glance_wrap.light_blue .glance_detail {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_item_side .side_name {
    color: #1c3867
}

.tpl_glance_wrap.light_blue .glance_reward_item {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_reward_detail {
    background: #dae4ed
}

.tpl_glance_wrap.light_blue .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #567ba6
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #5c83b0, #43648a)
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #223c68, #20314f)
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #50749d
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #21375c
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_sub .glance_burning_val {
    color: #364d76
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_main .glance_burning_val {
    color: #092961
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f8f8f8;
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.light_blue .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #567ba6
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_main .glance_burning_list {
    background: #e1f4fc;
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.light_blue .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #223a62
}

.tpl_glance_wrap.light_blue .glance_quiz {
    border-color: #707b92
}

.tpl_glance_wrap.light_blue .glance_quiz_title {
    color: #1c3867
}

.tpl_glance_wrap.light_blue .glance_coupon .glance_item_name,.tpl_glance_wrap.light_blue .glance_reward_item .glance_item_name,.tpl_glance_wrap.light_blue .glance_tab_inner .glance_item_name {
    color: #29403e
}

.tpl_glance_wrap.light_blue .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #707b92;
    border-bottom: 1px solid #707b92;
    box-shadow: 0 -1px 0 #707b92 inset
}

.tpl_glance_wrap.light_blue .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(112, 123, 146, 0.7)
}

.tpl_glance_wrap.light_blue .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #707b92
}

.tpl_glance_wrap.light_red,.tpl_glance_wrap.light_red p {
    color: #460d0d
}

.tpl_glance_wrap.light_red .color_1 {
    color: #822829
}

.tpl_glance_wrap.light_red .color_2 {
    color: #7c6041
}

.tpl_glance_wrap.light_red .color_3 {
    color: #822929
}

.tpl_glance_wrap.light_red,.tpl_glance_wrap.light_red .glance_bg {
    background: rgba(245, 236, 236, 1)
}

.tpl_glance_wrap.light_red .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(245, 236, 236, .02) 2px, rgba(245, 236, 236, .1) 10px, rgba(245, 236, 236, .2) 16px, rgba(245, 236, 236, .4) 30px, rgba(245, 236, 236, .6) 44px, rgba(245, 236, 236, .75) 60px, rgba(245, 236, 236, .85) 76px, rgba(245, 236, 236, 1) 90px)
}

.tpl_glance_wrap.light_red .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/71a6978669420221024125832390.png)
}

.tpl_glance_wrap.light_red .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/24e2796381c20221024125832601.png)
}

.tpl_glance_wrap.light_red .glance_obj_num {
    color: #f5ecec
}

.tpl_glance_wrap.light_red .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #822929
}

.tpl_glance_wrap.light_red .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #7c6041
}

.tpl_glance_wrap.light_red .glance_main_title {
    color: #460d0d
}

.tpl_glance_wrap.light_red .glance_item.color_1 .glance_item_line::before {
    border-color: #ae967d
}

.tpl_glance_wrap.light_red .glance_item.color_1 .glance_item_bg::before {
    border-color: #a78d71;
    background: #291b1b
}

.tpl_glance_wrap.light_red .glance_item.color_2 .glance_item_line::before {
    border-color: #be7474
}

.tpl_glance_wrap.light_red .glance_item.color_2 .glance_item_bg::before {
    border-color: #bd7171;
    background: #332121
}

.tpl_glance_wrap.light_red .glance_check {
    background: #faf4f4;
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_check_box {
    border-color: #978370
}

.tpl_glance_wrap.light_red .glance_btn {
    color: #fff
}

.tpl_glance_wrap.light_red .glance_btn.color_1 {
    background: #9f5f5f
}

.tpl_glance_wrap.light_red .glance_btn.color_2 {
    background: #822929
}

.tpl_glance_wrap.light_red .glance_btn.color_3 {
    background: #51402d
}

.tpl_glance_wrap.light_red .glance_btn.color_4 {
    background: #a17647
}

.tpl_glance_wrap.light_red .glance_tab_title {
    background: #957e66;
    color: #ebebeb
}

.tpl_glance_wrap.light_red .glance_tab_title_tail {
    background: #957e66
}

.tpl_glance_wrap.light_red .glance_tab_inner {
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_tab_inner_title {
    color: #4d3a26
}

.tpl_glance_wrap.light_red .glance_between {
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_between_desc {
    color: #822929
}

.tpl_glance_wrap.light_red .glance_coupon {
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_coupon_code {
    background: #fff;
    border: 1px solid #9f5f5f;
    color: #51402d
}

.tpl_glance_wrap.light_red .glance_detail {
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_item_side .side_name {
    color: #731616
}

.tpl_glance_wrap.light_red .glance_reward_item {
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_reward_detail {
    background: #f2dada
}

.tpl_glance_wrap.light_red .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #ead1d1
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #b75f5f, #8f4444)
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #8c3535, #6c2828)
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #a35151
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #7c2e2e
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_sub .glance_burning_val {
    color: #7f3f3f
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_main .glance_burning_val {
    color: #a53c3c
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_sub .glance_burning_list {
    background: #faf4f4;
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.light_red .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #ab5757
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_main .glance_burning_list {
    background: #f5e5e5;
    border-color: #978370
}

.tpl_glance_wrap.light_red .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.light_red .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #873333
}

.tpl_glance_wrap.light_red .glance_quiz {
    border-color: #8b6565
}

.tpl_glance_wrap.light_red .glance_quiz_title {
    color: #822929
}

.tpl_glance_wrap.light_red .glance_coupon .glance_item_name,.tpl_glance_wrap.light_red .glance_reward_item .glance_item_name,.tpl_glance_wrap.light_red .glance_tab_inner .glance_item_name {
    color: #976830
}

.tpl_glance_wrap.light_red .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #8b6565;
    border-bottom: 1px solid #8b6565;
    box-shadow: 0 -1px 0 #8b6565 inset
}

.tpl_glance_wrap.light_red .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(139, 101, 101, 0.7)
}

.tpl_glance_wrap.light_red .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #8b6565
}

.tpl_glance_wrap.light_pink,.tpl_glance_wrap.light_pink p {
    color: #732c53
}

.tpl_glance_wrap.light_pink .color_1 {
    color: #d45e92
}

.tpl_glance_wrap.light_pink .color_2 {
    color: #c15749
}

.tpl_glance_wrap.light_pink .color_3 {
    color: #d45e92
}

.tpl_glance_wrap.light_pink,.tpl_glance_wrap.light_pink .glance_bg {
    background: rgba(233, 227, 231, 1)
}

.tpl_glance_wrap.light_pink .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(233, 227, 231, .02) 2px, rgba(233, 227, 231, .1) 10px, rgba(233, 227, 231, .2) 16px, rgba(233, 227, 231, .4) 30px, rgba(233, 227, 231, .6) 44px, rgba(233, 227, 231, .75) 60px, rgba(233, 227, 231, .85) 76px, rgba(233, 227, 231, 1) 90px)
}

.tpl_glance_wrap.light_pink .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/NAEU/Upload/News/c39d88446b920221124071854441.png)
}

.tpl_glance_wrap.light_pink .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/NAEU/Upload/News/01d78a0924120221124071923765.png)
}

.tpl_glance_wrap.light_pink .glance_obj_num {
    color: #f5ecec
}

.tpl_glance_wrap.light_pink .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #d45e92
}

.tpl_glance_wrap.light_pink .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #c15749
}

.tpl_glance_wrap.light_pink .glance_main_title {
    color: #9d3362
}

.tpl_glance_wrap.light_pink .glance_subject_title.color_2 {
    color: #503723
}

.tpl_glance_wrap.light_pink .glance_item.color_1 .glance_item_line::before {
    border-color: #c16e49
}

.tpl_glance_wrap.light_pink .glance_item.color_1 .glance_item_bg::before {
    border-color: #c16e49;
    background: #291b1b
}

.tpl_glance_wrap.light_pink .glance_item.color_2 .glance_item_line::before {
    border-color: #d45e92
}

.tpl_glance_wrap.light_pink .glance_item.color_2 .glance_item_bg::before {
    border-color: #d45e92;
    background: #291b1b
}

.tpl_glance_wrap.light_pink .glance_check {
    background: #faf4f4;
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_check_box {
    border-color: #8d3805
}

.tpl_glance_wrap.light_pink .glance_btn {
    color: #fff
}

.tpl_glance_wrap.light_pink .glance_btn.color_1 {
    background: #d45e92
}

.tpl_glance_wrap.light_pink .glance_btn.color_2 {
    background: #9d3362
}

.tpl_glance_wrap.light_pink .glance_btn.color_3 {
    background: #502c23
}

.tpl_glance_wrap.light_pink .glance_btn.color_4 {
    background: #b25a4e
}

.tpl_glance_wrap.light_pink .glance_tab_title {
    background: #c16e49;
    color: #ebebeb
}

.tpl_glance_wrap.light_pink .glance_tab_title_tail {
    background: #c16e49
}

.tpl_glance_wrap.light_pink .glance_tab_inner {
    border-color: #bc976c
}

.tpl_glance_wrap.light_pink .glance_tab_inner_title {
    color: #503723
}

.tpl_glance_wrap.light_pink .glance_between {
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_between_desc {
    color: #9d3362
}

.tpl_glance_wrap.light_pink .glance_coupon {
    background: #faf4f4;
    border-color: #bc976c
}

.tpl_glance_wrap.light_pink .glance_coupon_code {
    background: #502c23;
    border: 1px solid #502c23;
    color: #fff
}

.tpl_glance_wrap.light_pink .glance_detail {
    background: #faf4f4;
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_item_side .side_name {
    color: #732c53
}

.tpl_glance_wrap.light_pink .glance_reward_item {
    background: #faf4f4;
    border-color: #bc976c
}

.tpl_glance_wrap.light_pink .glance_reward_item.color_2 {
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_reward_detail {
    background: #f4ddee
}

.tpl_glance_wrap.light_pink .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #f1d7e2
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #c85186, #9d3362)
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #ed79ac, #d45e92)
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #b34274
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #e16c9f
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_sub .glance_burning_val {
    color: #9d3362
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_main .glance_burning_val {
    color: #d45e92
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f9eff4;
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.light_pink .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #aa3c6d
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_main .glance_burning_list {
    background: #fdf9fb;
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.light_pink .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #af4876
}

.tpl_glance_wrap.light_pink .glance_quiz {
    border-color: #8f5374
}

.tpl_glance_wrap.light_pink .glance_quiz_title {
    color: #a43868
}

.tpl_glance_wrap.light_pink .glance_coupon .glance_item_name,.tpl_glance_wrap.light_pink .glance_reward_item .glance_item_name,.tpl_glance_wrap.light_pink .glance_tab_inner .glance_item_name {
    color: #503723
}

.tpl_glance_wrap.light_pink .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #8f5374;
    border-bottom: 1px solid #8f5374;
    box-shadow: 0 -1px 0 #8f5374 inset
}

.tpl_glance_wrap.light_pink .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(143, 83, 116, 0.7)
}

.tpl_glance_wrap.light_pink .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #8f5374
}

.tpl_glance_wrap.dark_brown,.tpl_glance_wrap.dark_brown p {
    color: #faf4ed
}

.tpl_glance_wrap.dark_brown .color_1 {
    color: #deb783
}

.tpl_glance_wrap.dark_brown .color_2 {
    color: #ec8f8f
}

.tpl_glance_wrap.dark_brown .color_3 {
    color: #7c4625
}

.tpl_glance_wrap.dark_brown,.tpl_glance_wrap.dark_brown .glance_bg {
    background: rgba(49, 38, 32, 1)
}

.tpl_glance_wrap.dark_brown .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(49, 38, 32, .02) 2px, rgba(49, 38, 32, .1) 10px, rgba(49, 38, 32, .2) 16px, rgba(49, 38, 32, .4) 30px, rgba(49, 38, 32, .6) 44px, rgba(49, 38, 32, .75) 60px, rgba(49, 38, 32, .85) 76px, rgba(49, 38, 32, 1) 90px)
}

.tpl_glance_wrap.dark_brown .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/42c9612154120221024125829533.png)
}

.tpl_glance_wrap.dark_brown .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/77d0727f31820221024125829722.png)
}

.tpl_glance_wrap.dark_brown .glance_obj_num {
    color: #312620
}

.tpl_glance_wrap.dark_brown .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #deb783
}

.tpl_glance_wrap.dark_brown .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #ec8f8f
}

.tpl_glance_wrap.dark_brown .glance_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_brown .glance_main_title {
    color: #fff
}

.tpl_glance_wrap.dark_brown .glance_item.color_1 .glance_item_line::before {
    border-color: #b46e6e
}

.tpl_glance_wrap.dark_brown .glance_item.color_1 .glance_item_bg::before {
    border-color: #b36c6c;
    background: #291b1b
}

.tpl_glance_wrap.dark_brown .glance_item.color_2 .glance_item_line::before {
    border-color: #cca270
}

.tpl_glance_wrap.dark_brown .glance_item.color_2 .glance_item_bg::before {
    border-color: #c89b65;
    background: #291b1b
}

.tpl_glance_wrap.dark_brown .glance_check {
    background: #ebebeb;
    border: none
}

.tpl_glance_wrap.dark_brown .glance_check_box {
    background: #fff;
    border-color: #312620
}

.tpl_glance_wrap.dark_brown .glance_btn {
    color: #fff
}

.tpl_glance_wrap.dark_brown .glance_btn.color_1 {
    background: #b48a62
}

.tpl_glance_wrap.dark_brown .glance_btn.color_2 {
    background: #634634
}

.tpl_glance_wrap.dark_brown .glance_btn.color_3 {
    background: #502222
}

.tpl_glance_wrap.dark_brown .glance_btn.color_4 {
    background: #7f3131
}

.tpl_glance_wrap.dark_brown .glance_tab_title {
    background: #a16e6e;
    color: #ebebeb
}

.tpl_glance_wrap.dark_brown .glance_tab_title_tail {
    background: #a16e6e
}

.tpl_glance_wrap.dark_brown .glance_tab_inner {
    border: none
}

.tpl_glance_wrap.dark_brown .glance_tab_inner_title {
    color: #683535
}

.tpl_glance_wrap.dark_brown .glance_between {
    border: none
}

.tpl_glance_wrap.dark_brown .glance_between_desc {
    color: #634634
}

.tpl_glance_wrap.dark_brown .glance_coupon {
    border: none
}

.tpl_glance_wrap.dark_brown .glance_coupon_code {
    color: #431b1b;
    background: #fff;
    border: 1px solid #6c4949
}

.tpl_glance_wrap.dark_brown .glance_detail {
    border: none
}

.tpl_glance_wrap.dark_brown .glance_item_side .side_name {
    color: #6f5140
}

.tpl_glance_wrap.dark_brown .glance_reward_item {
    border: none
}

.tpl_glance_wrap.dark_brown .glance_reward_detail {
    background: #f3ece1
}

.tpl_glance_wrap.dark_brown .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #eaddd1
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #c7ad87, #a68159)
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #866a43, #6e5040)
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #b79770
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #7a5d42
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_sub .glance_burning_val {
    color: #845628
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_main .glance_burning_val {
    color: #5b3722
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f6f6f6;
    border-color: transparent
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #936e3a
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_main .glance_burning_list {
    background: #fffbf2;
    border-color: transparent
}

.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_brown .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #d4c3a8
}

.tpl_glance_wrap.dark_brown .glance_quiz {
    border: none
}

.tpl_glance_wrap.dark_brown .glance_quiz_title {
    color: #6f5140
}

.tpl_glance_wrap.dark_brown .glance_coupon .glance_item_name,.tpl_glance_wrap.dark_brown .glance_reward_item .glance_item_name,.tpl_glance_wrap.dark_brown .glance_tab_inner .glance_item_name {
    color: #502222
}

.tpl_glance_wrap.dark_blue,.tpl_glance_wrap.dark_blue p {
    color: #f6f6ff
}

.tpl_glance_wrap.dark_blue .color_1 {
    color: #8ea5ce
}

.tpl_glance_wrap.dark_blue .color_2 {
    color: #a39ecc
}

.tpl_glance_wrap.dark_blue .color_3 {
    color: #2c3247
}

.tpl_glance_wrap.dark_blue,.tpl_glance_wrap.dark_blue .glance_bg {
    background: rgba(44, 50, 71, 1)
}

.tpl_glance_wrap.dark_blue .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(44, 50, 71, .02) 2px, rgba(44, 50, 71, .1) 10px, rgba(44, 50, 71, .2) 16px, rgba(44, 50, 71, .4) 30px, rgba(44, 50, 71, .6) 44px, rgba(44, 50, 71, .75) 60px, rgba(44, 50, 71, .85) 76px, rgba(44, 50, 71, 1) 90px)
}

.tpl_glance_wrap.dark_blue .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/cc3f95b82f120221024125829094.png)
}

.tpl_glance_wrap.dark_blue .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/15b27cedcc220221024125829329.png)
}

.tpl_glance_wrap.dark_blue .glance_obj_num {
    color: #2c3247
}

.tpl_glance_wrap.dark_blue .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #8ea5ce
}

.tpl_glance_wrap.dark_blue .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #a39ecc
}

.tpl_glance_wrap.dark_blue .glance_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_blue .glance_main_title {
    color: #fff
}

.tpl_glance_wrap.dark_blue .glance_item.color_1 .glance_item_line::before {
    border-color: #8f7eac
}

.tpl_glance_wrap.dark_blue .glance_item.color_1 .glance_item_bg::before {
    border-color: #8774a6;
    background: #2d2038
}

.tpl_glance_wrap.dark_blue .glance_item.color_2 .glance_item_line::before {
    border-color: #9197cf
}

.tpl_glance_wrap.dark_blue .glance_item.color_2 .glance_item_bg::before {
    border-color: #8e94ce;
    background: #2d2038
}

.tpl_glance_wrap.dark_blue .glance_check {
    background: #f6f6f6;
    border: none
}

.tpl_glance_wrap.dark_blue .glance_check_box {
    background: #fff;
    border-color: #2c3247
}

.tpl_glance_wrap.dark_blue .glance_btn {
    color: #fff
}

.tpl_glance_wrap.dark_blue .glance_btn.color_1 {
    background: #8ea5ce
}

.tpl_glance_wrap.dark_blue .glance_btn.color_2 {
    background: #364281
}

.tpl_glance_wrap.dark_blue .glance_btn.color_3 {
    background: #3c435e
}

.tpl_glance_wrap.dark_blue .glance_btn.color_4 {
    background: #3d3d7b
}

.tpl_glance_wrap.dark_blue .glance_tab_title {
    background: #6f7093;
    color: #ebebeb
}

.tpl_glance_wrap.dark_blue .glance_tab_title_tail {
    background: #6f7093
}

.tpl_glance_wrap.dark_blue .glance_tab_inner {
    border: none
}

.tpl_glance_wrap.dark_blue .glance_tab_inner_title {
    color: #3c435e
}

.tpl_glance_wrap.dark_blue .glance_between {
    border: none
}

.tpl_glance_wrap.dark_blue .glance_between_desc {
    color: #2c3247
}

.tpl_glance_wrap.dark_blue .glance_coupon {
    border: none
}

.tpl_glance_wrap.dark_blue .glance_coupon_code {
    color: #2a315f;
    background: #fff;
    border: 1px solid #584667
}

.tpl_glance_wrap.dark_blue .glance_detail {
    border: none
}

.tpl_glance_wrap.dark_blue .glance_item_side .side_name {
    color: #2c446e
}

.tpl_glance_wrap.dark_blue .glance_reward_item {
    border: none
}

.tpl_glance_wrap.dark_blue .glance_reward_detail {
    background: #d5d9eb
}

.tpl_glance_wrap.dark_blue .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #636d94
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #6a759e, #4b5675)
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #374488, #2a4369)
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #5b668a
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #314478
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_sub .glance_burning_val {
    color: #405080
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_main .glance_burning_val {
    color: #33447e
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f5f5f6;
    border-color: transparent
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #636d94
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_main .glance_burning_list {
    background: #f1f3ff;
    border-color: transparent
}

.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_blue .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #636d94
}

.tpl_glance_wrap.dark_blue .glance_quiz {
    border: none
}

.tpl_glance_wrap.dark_blue .glance_quiz_title {
    color: #2c446e
}

.tpl_glance_wrap.dark_blue .glance_coupon .glance_item_name,.tpl_glance_wrap.dark_blue .glance_reward_item .glance_item_name,.tpl_glance_wrap.dark_blue .glance_tab_inner .glance_item_name {
    color: #2c3247
}

.tpl_glance_wrap.dark_blue .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #636d94;
    border-bottom: 1px solid #636d94;
    box-shadow: 0 -1px 0 #636d94 inset
}

.tpl_glance_wrap.dark_blue .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(99, 109, 148, 0.7)
}

.tpl_glance_wrap.dark_blue .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #636d94
}

.tpl_glance_wrap.dark_green,.tpl_glance_wrap.dark_green p {
    color: #fafff8
}

.tpl_glance_wrap.dark_green .color_1 {
    color: #accf9d
}

.tpl_glance_wrap.dark_green .color_2 {
    color: #c2b96e
}

.tpl_glance_wrap.dark_green .color_3 {
    color: #406a2f
}

.tpl_glance_wrap.dark_green,.tpl_glance_wrap.dark_green .glance_bg {
    background: rgba(36, 40, 35, 1)
}

.tpl_glance_wrap.dark_green .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(36, 40, 35, .02) 2px, rgba(36, 40, 35, .1) 10px, rgba(36, 40, 35, .2) 16px, rgba(36, 40, 35, .4) 30px, rgba(36, 40, 35, .6) 44px, rgba(36, 40, 35, .75) 60px, rgba(36, 40, 35, .85) 76px, rgba(36, 40, 35, 1) 90px)
}

.tpl_glance_wrap.dark_green .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/0b175b82cca20221024125829926.png)
}

.tpl_glance_wrap.dark_green .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/a5d73cb57de20221024125830152.png)
}

.tpl_glance_wrap.dark_green .glance_obj_num {
    color: #2d312c
}

.tpl_glance_wrap.dark_green .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #accf9d
}

.tpl_glance_wrap.dark_green .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #c2b96e
}

.tpl_glance_wrap.dark_green .glance_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_green .glance_main_title {
    color: #fff
}

.tpl_glance_wrap.dark_green .glance_item.color_1 .glance_item_line::before {
    border-color: #a59f69
}

.tpl_glance_wrap.dark_green .glance_item.color_1 .glance_item_bg::before {
    border-color: #a49e67;
    background: #291b1b
}

.tpl_glance_wrap.dark_green .glance_item.color_2 .glance_item_line::before {
    border-color: #8eb87d
}

.tpl_glance_wrap.dark_green .glance_item.color_2 .glance_item_bg::before {
    border-color: #86b474;
    background: #1b291b
}

.tpl_glance_wrap.dark_green .glance_check {
    background: #ebebeb;
    border: none
}

.tpl_glance_wrap.dark_green .glance_check_box {
    background: #fff;
    border-color: #978370
}

.tpl_glance_wrap.dark_green .glance_btn {
    color: #fff
}

.tpl_glance_wrap.dark_green .glance_btn.color_1 {
    background: #77976a
}

.tpl_glance_wrap.dark_green .glance_btn.color_2 {
    background: #406a2f
}

.tpl_glance_wrap.dark_green .glance_btn.color_3 {
    background: #534e2a
}

.tpl_glance_wrap.dark_green .glance_btn.color_4 {
    background: #7c7535
}

.tpl_glance_wrap.dark_green .glance_tab_title {
    background: #948e5b;
    color: #ebebeb
}

.tpl_glance_wrap.dark_green .glance_tab_title_tail {
    background: #948e5b
}

.tpl_glance_wrap.dark_green .glance_tab_inner {
    border: none
}

.tpl_glance_wrap.dark_green .glance_tab_inner_title {
    color: #45471f
}

.tpl_glance_wrap.dark_green .glance_between {
    border: none
}

.tpl_glance_wrap.dark_green .glance_between_desc {
    color: #406a2f
}

.tpl_glance_wrap.dark_green .glance_coupon {
    border: none
}

.tpl_glance_wrap.dark_green .glance_coupon_code {
    color: #26280a;
    background: #fff;
    border: 1px solid #a49e67
}

.tpl_glance_wrap.dark_green .glance_detail {
    border: none
}

.tpl_glance_wrap.dark_green .glance_item_side .side_name {
    color: #213c17
}

.tpl_glance_wrap.dark_green .glance_reward_item {
    border: none
}

.tpl_glance_wrap.dark_green .glance_reward_detail {
    background: #cfded1
}

.tpl_glance_wrap.dark_green .glance_burning_term .glance_burning_detail .glance_burning_detail_line::before {
    border-color: #b2c4b2
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #7ab364, #568444)
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #4d8c65, #356b4a)
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #689c54
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #417c57
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_sub .glance_burning_val {
    color: #47663a
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_main .glance_burning_val {
    color: #3a4e42
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_sub .glance_burning_list {
    background: #fff;
    border-color: transparent
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_green .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #74aa5e
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_main .glance_burning_list {
    background: #eefaea;
    border-color: transparent
}

.tpl_glance_wrap.dark_green .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_green .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #498761
}

.tpl_glance_wrap.dark_green .glance_quiz {
    border: none
}

.tpl_glance_wrap.dark_green .glance_quiz_title {
    color: #213c17
}

.tpl_glance_wrap.dark_green .glance_coupon .glance_item_name,.tpl_glance_wrap.dark_green .glance_reward_item .glance_item_name,.tpl_glance_wrap.dark_green .glance_tab_inner .glance_item_name {
    color: #64651b
}

.tpl_glance_wrap.dark_green .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #b2c4b2;
    border-bottom: 1px solid #b2c4b2;
    box-shadow: 0 -1px 0 #b2c4b2 inset
}

.tpl_glance_wrap.dark_green .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(178, 196, 178, 0.7)
}

.tpl_glance_wrap.dark_green .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #b2c4b2
}

.tpl_glance_wrap.dark_purple,.tpl_glance_wrap.dark_purple p {
    color: #fcf6ff
}

.tpl_glance_wrap.dark_purple .color_1 {
    color: #bd8ece
}

.tpl_glance_wrap.dark_purple .color_2 {
    color: #949fe1
}

.tpl_glance_wrap.dark_purple .color_3 {
    color: #5d3470
}

.tpl_glance_wrap.dark_purple,.tpl_glance_wrap.dark_purple .glance_bg {
    background: rgba(49, 44, 62, 1)
}

.tpl_glance_wrap.dark_purple .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(49, 44, 62, .02) 2px, rgba(49, 44, 62, .1) 10px, rgba(49, 44, 62, .2) 16px, rgba(49, 44, 62, .4) 30px, rgba(49, 44, 62, .6) 44px, rgba(49, 44, 62, .75) 60px, rgba(49, 44, 62, .85) 76px, rgba(49, 44, 62, 1) 90px)
}

.tpl_glance_wrap.dark_purple .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/e336e43df0020221024125830386.png)
}

.tpl_glance_wrap.dark_purple .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/73f69f159b820221024125830646.png)
}

.tpl_glance_wrap.dark_purple .glance_obj_num {
    color: #3f2b50
}

.tpl_glance_wrap.dark_purple .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #bd8ece
}

.tpl_glance_wrap.dark_purple .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #949fe1
}

.tpl_glance_wrap.dark_purple .glance_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_purple .glance_main_title {
    color: #fff
}

.tpl_glance_wrap.dark_purple .glance_item.color_1 .glance_item_line::before {
    border-color: #9ba5e3
}

.tpl_glance_wrap.dark_purple .glance_item.color_1 .glance_item_bg::before {
    border-color: #949fe1;
    background: #2d2038
}

.tpl_glance_wrap.dark_purple .glance_item.color_2 .glance_item_line::before {
    border-color: #bf91cf
}

.tpl_glance_wrap.dark_purple .glance_item.color_2 .glance_item_bg::before {
    border-color: #bd8ece;
    background: #2d2038
}

.tpl_glance_wrap.dark_purple .glance_check {
    background: #f6f6f6;
    border: none
}

.tpl_glance_wrap.dark_purple .glance_check_box {
    background: #fff;
    border-color: #6f4a81
}

.tpl_glance_wrap.dark_purple .glance_btn {
    color: #fff
}

.tpl_glance_wrap.dark_purple .glance_btn.color_1 {
    background: #bd8ece
}

.tpl_glance_wrap.dark_purple .glance_btn.color_2 {
    background: #5d3470
}

.tpl_glance_wrap.dark_purple .glance_btn.color_3 {
    background: #2d324c
}

.tpl_glance_wrap.dark_purple .glance_btn.color_4 {
    background: #3e4882
}

.tpl_glance_wrap.dark_purple .glance_tab_title {
    background: #656d9d;
    color: #ebebeb
}

.tpl_glance_wrap.dark_purple .glance_tab_title_tail {
    background: #656d9d
}

.tpl_glance_wrap.dark_purple .glance_tab_inner {
    border: none
}

.tpl_glance_wrap.dark_purple .glance_tab_inner_title {
    color: #2d324c
}

.tpl_glance_wrap.dark_purple .glance_between {
    border: none
}

.tpl_glance_wrap.dark_purple .glance_between_desc {
    color: #833ca5
}

.tpl_glance_wrap.dark_purple .glance_coupon {
    border: none
}

.tpl_glance_wrap.dark_purple .glance_coupon_code {
    color: #312c67;
    background: #fff;
    border: 1px solid #584667
}

.tpl_glance_wrap.dark_purple .glance_detail {
    border: none
}

.tpl_glance_wrap.dark_purple .glance_item_side .side_name {
    color: #521f6b
}

.tpl_glance_wrap.dark_purple .glance_reward_item {
    border: none
}

.tpl_glance_wrap.dark_purple .glance_reward_detail {
    background: #ddd5eb
}

.tpl_glance_wrap.dark_purple .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #af9cb8
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #8d6a9e, #684b75)
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #6e3788, #552a69)
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #7a5b8a
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #613179
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_sub .glance_burning_val {
    color: #6e3788
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_main .glance_burning_val {
    color: #433362
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f5f5f6;
    border-color: transparent
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #846294
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_main .glance_burning_list {
    background: #f8edff;
    border-color: transparent
}

.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_purple .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #5c2e71
}

.tpl_glance_wrap.dark_purple .glance_quiz {
    border: none
}

.tpl_glance_wrap.dark_purple .glance_quiz_title {
    color: #6e3788
}

.tpl_glance_wrap.dark_purple .glance_coupon .glance_item_name,.tpl_glance_wrap.dark_purple .glance_reward_item .glance_item_name,.tpl_glance_wrap.dark_purple .glance_tab_inner .glance_item_name {
    color: #2d3a4b
}

.tpl_glance_wrap.dark_purple .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #af9cb8;
    border-bottom: 1px solid #af9cb8;
    box-shadow: 0 -1px 0 #af9cb8 inset
}

.tpl_glance_wrap.dark_purple .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(175, 156, 184, 0.7)
}

.tpl_glance_wrap.dark_purple .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #af9cb8
}

.tpl_glance_wrap.dark_red,.tpl_glance_wrap.dark_red p {
    color: #faeded
}

.tpl_glance_wrap.dark_red .color_1 {
    color: #e69696
}

.tpl_glance_wrap.dark_red .color_2 {
    color: #ecc28f
}

.tpl_glance_wrap.dark_red .color_3 {
    color: #913535
}

.tpl_glance_wrap.dark_red,.tpl_glance_wrap.dark_red .glance_bg {
    background: rgba(63, 33, 33, 1)
}

.tpl_glance_wrap.dark_red .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(63, 33, 33, .02) 2px, rgba(63, 33, 33, .1) 10px, rgba(63, 33, 33, .2) 16px, rgba(63, 33, 33, .4) 30px, rgba(63, 33, 33, .6) 44px, rgba(63, 33, 33, .75) 60px, rgba(63, 33, 33, .85) 76px, rgba(63, 33, 33, 1) 90px)
}

.tpl_glance_wrap.dark_red .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/22d1f4b4c2920221024125830850.png)
}

.tpl_glance_wrap.dark_red .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/6cd068efaa920221024125831077.png)
}

.tpl_glance_wrap.dark_red .glance_obj_num {
    color: #3f2121
}

.tpl_glance_wrap.dark_red .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #e69696
}

.tpl_glance_wrap.dark_red .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #ecc28f
}

.tpl_glance_wrap.dark_red .glance_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_red .glance_main_title {
    color: #fff
}

.tpl_glance_wrap.dark_red .glance_item.color_1 .glance_item_line::before {
    border-color: #b4946e
}

.tpl_glance_wrap.dark_red .glance_item.color_1 .glance_item_bg::before {
    border-color: #b3936c;
    background: #291b1b
}

.tpl_glance_wrap.dark_red .glance_item.color_2 .glance_item_line::before {
    border-color: #d99191
}

.tpl_glance_wrap.dark_red .glance_item.color_2 .glance_item_bg::before {
    border-color: #d68888;
    background: #291b1b
}

.tpl_glance_wrap.dark_red .glance_check {
    background: #f6f6f6;
    border: none
}

.tpl_glance_wrap.dark_red .glance_check_box {
    background: #fff;
    border-color: #4f2929
}

.tpl_glance_wrap.dark_red .glance_btn {
    color: #fff
}

.tpl_glance_wrap.dark_red .glance_btn.color_1 {
    background: #ba7979
}

.tpl_glance_wrap.dark_red .glance_btn.color_2 {
    background: #913535
}

.tpl_glance_wrap.dark_red .glance_btn.color_3 {
    background: #433126
}

.tpl_glance_wrap.dark_red .glance_btn.color_4 {
    background: #7d6140
}

.tpl_glance_wrap.dark_red .glance_tab_title {
    background: #a18a6e;
    color: #ebebeb
}

.tpl_glance_wrap.dark_red .glance_tab_title_tail {
    background: #a18a6e
}

.tpl_glance_wrap.dark_red .glance_tab_inner {
    border: none
}

.tpl_glance_wrap.dark_red .glance_tab_inner_title {
    color: #463b2d
}

.tpl_glance_wrap.dark_red .glance_between {
    border: none
}

.tpl_glance_wrap.dark_red .glance_between_desc {
    color: #913535
}

.tpl_glance_wrap.dark_red .glance_coupon {
    border: none
}

.tpl_glance_wrap.dark_red .glance_coupon_code {
    color: #43311b;
    background: #fff;
    border: 1px solid #6c4949
}

.tpl_glance_wrap.dark_red .glance_detail {
    border: none
}

.tpl_glance_wrap.dark_red .glance_item_side .side_name {
    color: #913535
}

.tpl_glance_wrap.dark_red .glance_reward_item {
    border: none
}

.tpl_glance_wrap.dark_red .glance_reward_detail {
    background: #f3e1e1
}

.tpl_glance_wrap.dark_red .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #ead1d1
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #c78787, #9e6868)
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #933a3a, #783636)
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #b27777
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #863838
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_sub .glance_burning_val {
    color: #a53c3c
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_main .glance_burning_val {
    color: #5b2222
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_sub .glance_burning_list {
    background: #f6f6f6;
    border-color: transparent
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_red .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #c67171
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_main .glance_burning_list {
    background: #f5e5e5;
    border-color: transparent
}

.tpl_glance_wrap.dark_red .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_red .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #a03535
}

.tpl_glance_wrap.dark_red .glance_quiz {
    border: none
}

.tpl_glance_wrap.dark_red .glance_quiz_title {
    color: #913535
}

.tpl_glance_wrap.dark_red .glance_coupon .glance_item_name,.tpl_glance_wrap.dark_red .glance_reward_item .glance_item_name,.tpl_glance_wrap.dark_red .glance_tab_inner .glance_item_name {
    color: #685135
}

.tpl_glance_wrap.dark_red .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #ead1d1;
    border-bottom: 1px solid #ead1d1;
    box-shadow: 0 -1px 0 #ead1d1 inset
}

.tpl_glance_wrap.dark_red .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(234, 209, 209, 0.7)
}

.tpl_glance_wrap.dark_red .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #ead1d1
}

.tpl_glance_wrap.dark_grey,.tpl_glance_wrap.dark_grey p {
    color: #f6f6ff
}

.tpl_glance_wrap.dark_grey .color_1 {
    color: #939cae
}

.tpl_glance_wrap.dark_grey .color_2 {
    color: #787693
}

.tpl_glance_wrap.dark_grey .color_3 {
    color: #2c3247
}

.tpl_glance_wrap.dark_grey,.tpl_glance_wrap.dark_grey .glance_bg {
    background: rgba(37, 38, 44, 1)
}

.tpl_glance_wrap.dark_grey .glance_bg_gra {
    background: linear-gradient(to bottom, transparent, rgba(37, 38, 44, .02) 2px, rgba(37, 38, 44, .1) 10px, rgba(37, 38, 44, .2) 16px, rgba(37, 38, 44, .4) 30px, rgba(37, 38, 44, .6) 44px, rgba(37, 38, 44, .75) 60px, rgba(37, 38, 44, .85) 76px, rgba(37, 38, 44, 1) 90px)
}

.tpl_glance_wrap.dark_grey .glance_obj_line {
    background-image: url(https://s1.pearlcdn.com/NAEU/Upload/News/af511dc3ec020221125051757357.png)
}

.tpl_glance_wrap.dark_grey .glance_obj_label {
    background-image: url(https://s1.pearlcdn.com/NAEU/Upload/News/8028a911a5620221125051400456.png)
}

.tpl_glance_wrap.dark_grey .galnce_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_grey .glance_obj_num {
    color: #282a30
}

.tpl_glance_wrap.dark_grey .glance_obj_num.color_1 .glance_obj_num_bg {
    background: #798191
}

.tpl_glance_wrap.dark_grey .glance_obj_num.color_2 .glance_obj_num_bg {
    background: #787693
}

.tpl_glance_wrap.dark_grey .glance_obj_arrow {
    background-image: url(https://s1.pearlcdn.com/KR/Upload/News/d7cb40680f120221024125828634.png)
}

.tpl_glance_wrap.dark_grey .glance_main_title {
    color: #f6f6ff
}

.tpl_glance_wrap.dark_grey .glance_subject_title.color_2 {
    color: #f6f6ff
}

.tpl_glance_wrap.dark_grey .glance_item.color_1 .glance_item_line::before {
    border-color: #6b6a7e
}

.tpl_glance_wrap.dark_grey .glance_item.color_1 .glance_item_bg::before {
    border-color: #6b6a7e;
    background: #2d2038
}

.tpl_glance_wrap.dark_grey .glance_item.color_2 .glance_item_line::before {
    border-color: #798191
}

.tpl_glance_wrap.dark_grey .glance_item.color_2 .glance_item_bg::before {
    border-color: #798191;
    background: #2d2038
}

.tpl_glance_wrap.dark_grey .glance_check {
    background: #f6f6f6;
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_check_box {
    border-color: #2c3247
}

.tpl_glance_wrap.dark_grey .glance_check_text {
    color: #2c3247
}

.tpl_glance_wrap.dark_grey .glance_btn {
    color: #fff
}

.tpl_glance_wrap.dark_grey .glance_btn.color_1 {
    background: #798191
}

.tpl_glance_wrap.dark_grey .glance_btn.color_2 {
    background: #394150
}

.tpl_glance_wrap.dark_grey .glance_btn.color_3 {
    background: #38364d
}

.tpl_glance_wrap.dark_grey .glance_btn.color_4 {
    background: #424055
}

.tpl_glance_wrap.dark_grey .glance_tab_title {
    background: #65637b;
    color: #ebebeb
}

.tpl_glance_wrap.dark_grey .glance_tab_title_tail {
    background: #65637b
}

.tpl_glance_wrap.dark_grey .glance_tab_inner {
    border-color: #bc976c
}

.tpl_glance_wrap.dark_grey .glance_tab_inner_title {
    color: #38364d
}

.tpl_glance_wrap.dark_grey .glance_between {
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_between_desc {
    color: #394150
}

.tpl_glance_wrap.dark_grey .glance_coupon {
    background: #f6f6f6;
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_coupon_code {
    background: #fff;
    border: 1px solid #38364d;
    color: #38364d
}

.tpl_glance_wrap.dark_grey .glance_detail {
    background: #f6f6f6;
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_item_side .side_name {
    color: #394250
}

.tpl_glance_wrap.dark_grey .glance_reward_item {
    background: #f5f5f6;
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_reward_item.color_2 {
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_reward_detail {
    background: #c5ccd9
}

.tpl_glance_wrap.dark_grey .glance_burning_term .glance_burning_detail .glance_burning_detail_line {
    border-color: #6e7788
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_sub .glance_burning_date {
    background: linear-gradient(90deg, #515b70, #394150)
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_main .glance_burning_date {
    background: linear-gradient(90deg, #798191, #515b70)
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_sub .glance_burning_date_tail {
    background: #454e60
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_main .glance_burning_date_tail {
    background: #656e81
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_sub .glance_burning_val {
    color: #394150
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_main .glance_burning_val {
    color: #515c70
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_sub .glance_burning_list {
    background: #e0e0e0;
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_sub .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_sub .glance_burning_list_border_right::before {
    border-bottom-color: #495366
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_main .glance_burning_list {
    background: #f5f5f6;
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_main .glance_burning_list_border_left::before,.tpl_glance_wrap.dark_grey .glance_burning_term.rewards_main .glance_burning_list_border_right::before {
    border-bottom-color: #6e7788
}

.tpl_glance_wrap.dark_grey .glance_quiz {
    border-color: #25262c
}

.tpl_glance_wrap.dark_grey .glance_quiz_title {
    color: #394150
}

.tpl_glance_wrap.dark_grey .glance_coupon .glance_item_name,.tpl_glance_wrap.dark_grey .glance_reward_item .glance_item_name,.tpl_glance_wrap.dark_grey .glance_tab_inner .glance_item_name {
    color: #38364d
}

.tpl_glance_wrap.dark_grey .tpl_glance.glance_conquest_guild_table {
    border-top: 2px solid #6e7788;
    border-bottom: 1px solid #6e7788;
    box-shadow: 0 -1px 0 #6e7788 inset
}

.tpl_glance_wrap.dark_grey .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
    border-bottom: 1px solid rgba(110, 119, 136, 0.7)
}

.tpl_glance_wrap.dark_grey .tpl_glance.glance_conquest_screenshot {
    border-bottom: 2px solid #6e7788
}

.forum_base_page_desc {
    display: block;
    margin-top: 20px;
    font-size: 15px;
    color: #aeaeae;
    text-align: center
}

#toastCopyModal {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 140px;
    height: 140px;
    display: none;
    margin: -70px 0 0 -70px;
    border-radius: 20px;
    background: url(../../img/common/icon/icn_check.svg) no-repeat center center rgba(108, 108, 108, 0.95);
    background-size: 100px auto;
    z-index: 120
}

.balloon_wrap {
    position: relative
}

.balloon_box {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    padding: .875rem 1.2rem;
    width: 360px;
    max-width: 75vw;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
    border: 1px solid #dedede;
    border-radius: 4px;
    background: #f9f9f9;
    -webkit-transform: translate3d(-50%, 10px, 0);
    transform: translate3d(-50%, 10px, 0);
    z-index: 10;
    box-sizing: border-box;
    font-style: normal
}

.balloon_box.on {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    visibility: visible;
    opacity: 1;
    -webkit-transition-property: transform,opacity;
    transition-property: transform,opacity;
    -webkit-transition-duration: .175s;
    transition-duration: .175s;
    -webkit-transition-timing-function: cubic-bezier(0.35, 0.79, 0.9, 1.2);
    transition-timing-function: cubic-bezier(0.35, 0.79, 0.9, 1.2)
}

.balloon_box::before {
    position: absolute;
    top: -6px;
    left: 30px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    transform: rotate(45deg);
    background: #f9f9f9;
    content: ''
}

.balloon_square {
    position: absolute;
    top: -6px;
    left: 30px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    transform: rotate(45deg);
    background: #f9f9f9
}

.balloon_title {
    color: #1e1e1e;
    margin-bottom: 4px
}

.balloon_desc + .balloon_title {
    margin-top: 1rem
}

.balloon_desc {
    position: relative;
    color: #5f5f5f;
    padding-left: 4px;
    line-height: 1.3
}

.balloon_desc.dot_hidden {
    padding-left: 0
}

.balloon_desc::before {
    content: '\00B7';
    position: absolute;
    top: 0;
    left: -4px
}

.balloon_desc.dot_hidden::before {
    display: none
}

.balloon_desc + .balloon_desc {
    margin-top: .45rem
}

@media screen and (min-width: 1281px) {
    #_modal_select_region .inner_content .link_stay {
        transition:color 0.3s
    }

    #_modal_select_region .inner_content .link_stay:hover {
        color: #333;
        border-bottom-color: #333
    }

    .tpl_title_bullet.fold > .title:hover {
        color: #888
    }

    .tpl_title_bullet.fold > .title:hover:after {
        opacity: 0.7
    }

    .tpl_folding_box .btn_tpl_folding:hover {
        color: #000
    }

    .tpl_folding_box .btn_tpl_folding:hover:after {
        filter: brightness(0)
    }

    a.tpl_btn_common:hover {
        opacity: 1;
        border-color: #383838;
        background: #383838
    }

    a.tpl_btn_common.simple:hover {
        color: #4d4d4d;
        border-color: #e8e8e8;
        background: #e8e8e8
    }

    a.tpl_btn_common.blue:hover {
        border-color: #474b79;
        background: #474b79
    }

    a.tpl_btn_common.brown:hover {
        border-color: #88602e;
        background: #88602e
    }

    .tpl_shop_fold_title .title:hover {
        color: #000
    }

    .tpl_shop_fold_title .title:hover:after {
        filter: brightness(0)
    }

    .header_wrap .util_wrap > ul > li:hover .icn_login {
        opacity: 1
    }

    .header_wrap .util_wrap > ul > li a:hover .icn_join {
        opacity: 0.75
    }

    .header_wrap .util_wrap > ul > li .popup_box .popup_box_login:hover {
        background-color: #2f346a
    }
}

@media screen and (max-width: 1279px) {
    .tpl_char_wrap .char_info_wrap .char_name,.tpl_shop_title .title,.tpl_title_bullet .title {
        font-size:16px
    }

    .tpl_title_bullet.mid_title .title,a.tpl_btn_common.big {
        font-size: 15px
    }

    .tpl_shop_fold_title .title,.tpl_shop_product_set .big .half_side .item_name_wrap,.tpl_shop_product_set .big .half_side .price_side,.tpl_shop_product_set .big .item_name_wrap,.tpl_shop_product_set .big .price_side,.tpl_shop_product_title,.tpl_title_bullet.small_title .title {
        font-size: 14px
    }

    .tpl_char_wrap .char_classtype,.tpl_char_wrap .skill_desc,.tpl_char_wrap .skill_name,.tpl_folding_box .btn_tpl_folding,.tpl_folding_box .fold_contents,.tpl_notice_box,.tpl_notice_box .title,.tpl_shop_fold_title .fold_contents,.tpl_shop_product_set .big .percent_badge,.tpl_shop_product_set .half_side .item_name_wrap,.tpl_shop_product_set .half_side .price_side,.tpl_shop_product_set .item_name_wrap,.tpl_shop_product_set .percent_badge,.tpl_shop_product_set .price_side,.tpl_shop_title .desc,.tpl_title_bullet .fold_contents,a.tpl_btn_common {
        font-size: 12px
    }

    .tpl_char_wrap .char_inner,.tpl_folding_box .fold_contents,.tpl_notice_box {
        padding: 20px
    }

    .tpl_folding_box.expand .fold_contents {
        padding-top: 10px
    }

    .tpl_char_wrap .char_info_wrap {
        margin-bottom: 20px
    }

    .tpl_char_wrap hr {
        margin-top: 20px
    }

    .tpl_char_wrap .info_list > .item + .item {
        margin-top: 20px
    }

    .tpl_title_bullet .title:after {
        width: 12px;
        height: 6px
    }

    .tpl_shop_product_set {
        padding: 1.75rem 1.75rem 2.5rem 1.75rem
    }

    .tpl_shop_product_set .list_item,.tpl_shop_product_set .list_item .info_side {
        flex-direction: column;
        text-align: center
    }

    .tpl_shop_product_set .list_item.center {
        flex-direction: row
    }

    .tpl_shop_product_set .list_item .third_side {
        margin-top: 1.6rem
    }

    .tpl_shop_product_set .list_item .third_side .item_info {
        margin-top: 0.8em
    }

    .tpl_shop_product_set .list_item .third_side + .third_side {
        margin-top: 1.6rem
    }

    .tpl_shop_product_set .list_item .third_side .item_img_square {
        margin-right: 0
    }

    .tpl_shop_product_set .list_item .half_side,.tpl_shop_product_set .list_item.row .half_side {
        flex: 0 0 auto;
        width: 100%;
        max-width: 300px
    }

    .tpl_shop_product_set .list_item.big .half_side,.tpl_shop_product_set .list_item.row.big .half_side {
        max-width: 330px
    }

    .tpl_shop_product_set .list_item .half_side .item_info {
        flex-direction: column;
        align-items: flex-start;
        text-align: left
    }

    .tpl_shop_product_set .list_item .half_side + .half_side,.tpl_shop_product_set .list_item.row .half_side + .half_side {
        margin-top: 2rem
    }

    .tpl_shop_product_set .item_info .item_name_wrap,.tpl_shop_product_set .item_info .price_side,.tpl_shop_product_set .item_name_wrap,.tpl_shop_product_set .list_item.row .item_info .price_side {
        padding: 0
    }

    .tpl_shop_product_set .item_img_square {
        margin-right: 1.4rem
    }

    .tpl_shop_product_set .item_img_wrap {
        flex: 0 0 auto;
        margin-bottom: 0.8em
    }

    .tpl_shop_product_set .price_side {
        margin-top: 0.4em
    }

    .tpl_glance_wrap {
        padding: 66px 20px
    }

    .tpl_glance.glance_obj_line {
        margin: 26px auto
    }

    .tpl_glance.glance_obj_num {
        font-size: 18px
    }

    .tpl_glance.glance_obj_num_bg {
        top: 2px;
        width: 21px;
        height: 21px
    }

    .tpl_glance.glance_main_title {
        font-size: 30px
    }

    .tpl_glance.glance_subject_title {
        font-size: 24px
    }

    .tpl_glance.glance_subject_desc {
        font-size: 14px
    }

    .tpl_glance.glance_check {
        padding: 14px
    }

    .tpl_glance.glance_check .glance_check_text {
        font-size: 16px
    }

    .tpl_glance.glance_check_box {
        margin-right: 18px;
        width: 32px;
        height: 32px
    }

    .tpl_glance.icn_glance_check {
        top: -6px;
        left: 6px;
        width: 28px;
        height: 29px
    }

    .tpl_glance.glance_btn_wrap {
        margin: 26px auto 0
    }

    .tpl_glance.glance_btn.big {
        width: 300px;
        height: 70px;
        font-size: 15px
    }

    .tpl_glance.glance_btn.mid {
        width: 180px;
        height: 44px;
        font-size: 13px
    }

    .tpl_glance.glance_tab_title {
        height: 50px;
        font-size: 16px
    }

    .tpl_glance.glance_tab .glance_tab_inner_desc {
        font-size: 14px
    }

    .tpl_glance.glance_tab .glance_tab_inner_title {
        font-size: 18px
    }

    .tpl_glance.glance_item {
        width: 70px;
        height: 70px
    }

    .tpl_glance.glance_item_name {
        height: 50px;
        font-size: 13px
    }

    .tpl_glance.glance_item_wrap.horiz {
        padding: 6px 0
    }

    .tpl_glance.glance_item_wrap.horiz .glance_item {
        margin: 20px 48px
    }

    .tpl_glance.glance_item_side .side_sub {
        font-size: 13px
    }

    .tpl_glance.glance_item_side .side_que {
        font-size: 13px
    }

    .tpl_glance.glance_item_side .side_name {
        font-size: 15px
    }

    .tpl_glance.glance_between_desc {
        font-size: 14px
    }

    .tpl_glance.glance_between .glance_between_sub {
        font-size: 18px
    }

    .tpl_glance.glance_between_sub + .glance_btn_box {
        margin-top: 16px
    }

    .tpl_glance.glance_coupon {
        padding: 14px
    }

    .tpl_glance.glance_coupon_code {
        padding: 24px 14px;
        font-size: 24px
    }

    .tpl_glance.glance_coupon .glance_coupon_sub {
        font-size: 13px
    }

    .tpl_glance.glance_reward_item,.tpl_glance.glance_reward_list > .glance_item_wrap {
        flex: 0 0 160px;
        width: 160px
    }

    .tpl_glance.glance_reward_item .glance_item_wrap {
        padding: 18px 8px
    }

    .tpl_glance.glance_detail {
        margin: 28px auto;
        padding: 11px
    }

    .tpl_glance.glance_reward_detail {
        height: 70px
    }

    .tpl_glance.glance_reward_detail .glance_reward_detail_text {
        font-size: 13px
    }

    .tpl_glance.glance_burning_term .glance_burning_date {
        padding: 8px;
        font-size: 14px
    }

    .tpl_glance.glance_burning_detail {
        padding: 25px 5px 22px
    }

    .tpl_glance.glance_burning_detail .glance_burning_val {
        font-size: 30px
    }

    .tpl_glance.glance_burning_detail .glance_burning_type {
        font-size: 12px
    }

    .tpl_glance.glance_quiz_inner {
        padding: 30px 12px
    }

    .tpl_glance.glance_quiz .glance_quiz_title {
        margin-bottom: 23px;
        font-size: 20px
    }

    .tpl_glance.glance_quiz .glance_quiz_answer {
        font-size: 14px
    }

    .tpl_glance.glance_quiz .glance_quiz_sub {
        margin: 20px auto 5px;
        font-size: 14px
    }

    .tpl_glance.glance_conquest_guild_top .tpl_glance.galnce_conquest_guild {
        font-size: 18px
    }

    .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
        font-size: 14px
    }

    .editor_area ul li {
        text-indent: -0.6em;
        padding-left: 0.6em
    }

    .editor_area ul li::before {
        content: '\25C6'
    }
}

@media screen and (max-width: 1024px) {
    .only-pc {
        display:none!important
    }

    .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.png)
    }

    .icon_character.sml.icn_character_gm:before,.icon_character.sml.icn_gm:before {
        background-image: url(../../img/common/character/gm_mid.png)
    }

    .icon_character.sml.icn_character4:before {
        background-image: url(../../img/common/character/character4_mid.png)
    }

    .icon_character.sml.icn_character8:before {
        background-image: url(../../img/common/character/character8_mid.png)
    }

    .icon_character.sml.icn_character12:before {
        background-image: url(../../img/common/character/character12_mid.png)
    }

    .icon_character.sml.icn_character16:before {
        background-image: url(../../img/common/character/character16_mid.png)
    }

    .icon_character.sml.icn_character20:before {
        background-image: url(../../img/common/character/character20_mid.png)
    }

    .icon_character.sml.icn_character24:before {
        background-image: url(../../img/common/character/character24_mid.png)
    }

    .icon_character.sml.icn_character21:before {
        background-image: url(../../img/common/character/character21_mid.png)
    }

    .icon_character.sml.icn_character28:before {
        background-image: url(../../img/common/character/character28_mid.png)
    }

    .icon_character.sml.icn_character31:before {
        background-image: url(../../img/common/character/character31_mid.png)
    }

    .icon_character.sml.icn_character25:before {
        background-image: url(../../img/common/character/character25_mid.png)
    }

    .icon_character.sml.icn_character26:before {
        background-image: url(../../img/common/character/character26_mid.png)
    }

    .icon_character.sml.icn_character27:before {
        background-image: url(../../img/common/character/character27_mid.png)
    }

    .icon_character.sml.icn_character19:before {
        background-image: url(../../img/common/character/character19_mid.png)
    }

    .icon_character.sml.icn_character23:before {
        background-image: url(../../img/common/character/character23_mid.png)
    }

    .icon_character.sml.icn_character11:before {
        background-image: url(../../img/common/character/character11_mid.png)
    }

    .icon_character.sml.icn_character29:before {
        background-image: url(../../img/common/character/character29_mid.png)
    }

    .icon_character.sml.icn_character17:before {
        background-image: url(../../img/common/character/character17_mid.png)
    }

    .icon_character.sml.icn_character5:before {
        background-image: url(../../img/common/character/character5_mid.png)
    }

    .icon_character.sml.icn_character1:before {
        background-image: url(../../img/common/character/character1_mid.png)
    }

    .icon_character.sml.icn_character9:before {
        background-image: url(../../img/common/character/character9_mid.png)
    }

    .icon_character.sml.icn_character2:before {
        background-image: url(../../img/common/character/character2_mid.png)
    }

    .icon_character.sml.icn_character10:before {
        background-image: url(../../img/common/character/character10_mid.png)
    }

    .icon_character.sml.icn_character7:before {
        background-image: url(../../img/common/character/character7_mid.png)
    }

    .icon_character.sml.icn_character30:before {
        background-image: url(../../img/common/character/character30_mid.png)
    }

    .icon_character.sml.icn_character15:before {
        background-image: url(../../img/common/character/character15_mid.png)
    }

    .icn_share {
        width: 1.0625rem;
        height: 1.1875rem
    }

    .icn_svg.svg_comment {
        width: 1rem;
        height: 1rem
    }

    .icn_svg.svg_view {
        width: 1rem;
        height: 1rem
    }

    .icn_svg.svg_like {
        width: 1rem;
        height: 1rem
    }

    .icn_svg.svg_like_gray {
        width: 1rem;
        height: 1rem
    }

    .icn_svg.svg_img {
        width: 1.125rem;
        height: .9375rem
    }

    .icn_svg.svg_twitter_white {
        width: 1.375rem;
        height: 1.1875rem
    }

    .icn_svg.svg_facebook_white {
        width: .8125rem;
        height: 1.375rem
    }

    .icn_svg.svg_chain {
        width: 1.1875rem;
        height: 1.3125rem
    }

    .spr_etc,.spr_etc_after:after,.spr_etc_before:before {
        background-size: 33.333rem 33.333rem
    }

    .spr_etc.spr_share {
        width: 0.916rem;
        height: 0.916rem;
        background-position: -32.375rem -12.0416rem
    }

    .spr_profile {
        margin-right: 0.416rem;
        background-size: 8.333rem auto
    }

    .spr_profile.article {
        flex: 0 0 0.917rem;
        width: 0.917rem;
        height: 1.041rem;
        background-position: 0 -1rem
    }

    .spr_profile.opinion {
        flex: 0 0 1.083rem;
        width: 1.21rem;
        height: 1.041rem;
        background-position: -1.33rem -1rem
    }

    .spr_profile.answer {
        flex: 0 0 1.21rem;
        width: 1.21rem;
        height: 1.041rem;
        background-position: -2.958rem -1rem
    }

    .spr_profile.sympathy {
        flex: 0 0 1rem;
        width: 1rem;
        height: 0.666rem;
        background-position: 0 -2.416rem
    }

    .spr_profile.sympathy.down {
        background-position: 0 -3.375rem
    }

    .spr_profile.sympathy.updown {
        flex: 0 0 .7rem;
        margin: 0 .4rem 0 0;
        width: .7rem;
        height: 1.075rem
    }

    .spr_profile.sympathy.updown::after,.spr_profile.sympathy.updown::before {
        border-left-width: .325rem;
        border-right-width: .325rem
    }

    .spr_profile.sympathy.updown::before {
        border-bottom-width: .425rem
    }

    .spr_profile.sympathy.updown::after {
        border-top-width: .425rem
    }

    .spr_profile.sympathy_mini {
        flex: 0 0 0.958rem;
        width: 0.958rem;
        height: 0.625rem;
        background-position: -4.583rem -2.083rem
    }

    .spr_profile.view {
        flex: 0 0 1.16rem;
        width: 1.16rem;
        height: 0.666rem;
        background-position: -5.916rem -1rem
    }

    .spr_profile.quote {
        flex: 0 0 1rem;
        width: 1rem;
        height: 1rem;
        background-position: -2.7083rem -3.375rem
    }

    .spr_profile.recommend {
        flex: 0 0 0.917rem;
        width: 0.917rem;
        height: 0.666rem;
        background-position: -4.583rem -1rem
    }

    .spr_profile.time {
        flex: 0 0 1.0416rem;
        width: 0.833rem;
        height: 0.833rem;
        background-position: -7.291rem -1rem
    }

    .spr_profile.heart {
        flex: 0 0 0.916rem;
        width: 0.916rem;
        height: 0.792rem;
        background-position: -5.375rem -3.375rem
    }

    .spr_profile.spr_setting {
        width: 1.083rem;
        height: 1.083rem;
        background-position: 0 -5.208rem;
        background-size: 8.333rem auto
    }

    .spr_profile.spr_mini.article {
        flex: 0 0 0.917rem;
        width: 0.917rem;
        height: 0.75rem;
        background-position: -1.33rem -4.666rem
    }

    .spr_profile.spr_mini.opinion {
        flex: 0 0 1.1rem;
        width: 1.1rem;
        height: 0.75rem;
        background-position: -2.326rem -4.666rem
    }

    .spr_profile.spr_mini.answer {
        flex: 0 0 1.21rem;
        width: 1.21rem;
        height: 0.75rem;
        background-position: -3.7rem -4.666rem
    }

    .spr_profile.spr_mini.sympathy {
        flex: 0 0 1rem;
        width: 1rem;
        height: 0.666rem;
        background-position: -5rem -4.666rem
    }

    .spr_profile.spr_mini.sympathy.down {
        background-position: -5rem -3.375rem
    }

    .spr_profile.spr_mini.sympathy_mini {
        flex: 0 0 0.958rem;
        width: 0.958rem;
        height: 0.625rem;
        background-position: -4.583rem -4.666rem
    }

    .spr_profile.spr_mini.view {
        flex: 0 0 1.1rem;
        width: 1.1rem;
        height: 1rem;
        background-position: -6rem -4.466rem
    }

    .spr_profile.spr_mini.quote {
        flex: 0 0 1rem;
        width: 1rem;
        height: 1rem;
        background-position: -2.7083rem -4.666rem
    }

    .spr_profile.spr_mini.recommend {
        flex: 0 0 0.917rem;
        width: 0.917rem;
        height: 0.666rem;
        background-position: -4.583rem -4.666rem
    }

    .icn_cm_spr {
        background-size: 66.666rem 66.666rem
    }

    .pop_view_change .icn_cm_spr {
        background-size: 1600px
    }

    .time_auth {
        margin: 1.25rem 0;
        font-size: 0.916rem
    }

    .bedge_console {
        min-width: unset;
        padding: 0.2rem 0.52rem;
        font-size: 0.72rem;
        line-height: 0.8rem;
        border-radius: 0.72rem
    }

    #wrap {
        min-width: inherit
    }

    .container {
        min-height: inherit
    }

    .header_wrap {
        position: fixed;
        overflow: inherit;
        min-width: inherit;
        height: 4.166rem;
        border-bottom: none
    }

    .header_wrap .header {
        height: 4.166rem
    }

    .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.5rem;
        width: 1.2rem;
        height: 1rem;
        border: none;
        background: url(../../img/common/spr_etc.png?v=3) no-repeat;
        background-position: -3.916rem -24.083rem;
        background-size: 33.333rem 33.333rem
    }

    .header_wrap .btn_all_menu > span {
        display: none
    }

    .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: 36%;
        height: 4.166rem;
        margin-top: -2.083rem;
        margin-left: -18%;
        text-align: center
    }

    .header_wrap .logo .logo_default {
        max-width: 100%;
        max-height: 1.68rem
    }

    .header_wrap .logo .logo_default.bdo_jp,.header_wrap .logo .logo_default.bdo_kr,.header_wrap .logo .logo_default.bdo_tw {
        max-height: 2rem
    }

    .header_wrap.small .logo {
        height: 4.166rem
    }

    .header_wrap nav {
        position: fixed;
        left: 0;
        top: 0;
        z-index: 15;
        width: 100%;
        max-width: 375px;
        height: 100%;
        overflow-y: auto;
        padding-left: 0;
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
        -webkit-overflow-scrolling: touch;
        background: url(../../img/common/header_mob_nav.png) no-repeat;
        background-size: 100% auto;
        background-color: #1a1919;
        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: 54%;
        height: 140px;
        margin: 0 auto
    }

    .header_wrap nav .btn_mob_logo img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -26%);
        height: 34px
    }

    .header_wrap nav .btn_mob_logo.bdo_jp img,.header_wrap nav .btn_mob_logo.bdo_kr img,.header_wrap nav .btn_mob_logo.bdo_tw img {
        height: 44px
    }

    .header_wrap nav > ul {
        display: block;
        height: auto
    }

    .header_wrap nav > ul > li {
        display: block;
        border-top: 1px solid rgba(0, 0, 0, 0.3);
        visibility: visible;
        opacity: 1
    }

    .header_wrap .header_menu_wrap .more_menu_wrap {
        display: none
    }

    .header_wrap nav > ul > li:last-of-type {
        border-bottom: 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: flex;
        align-items: center;
        justify-content: flex-start;
        height: 50px;
        box-sizing: border-box;
        width: 100%;
        padding: 0 32px;
        border-top: 1px solid rgba(58, 56, 57, 0.6);
        font-size: 16px;
        color: #d6d6d6
    }

    .header_wrap nav > ul > li:last-of-type > a.mob_link {
        border-bottom: 1px solid rgba(58, 56, 57, 0.6)
    }

    .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.4rem;
        height: 0.4rem;
        border-left: 2px solid #d7d6d6;
        border-top: 2px solid #d7d6d6;
        background: 0 0
    }

    .header_wrap nav > ul > li > a.active:after {
        top: 50%;
        -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: 1rem 0;
        background-color: #000
    }

    .header_wrap nav > ul > li .sub_menu::before {
        display: none
    }

    .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 {
        justify-content: flex-start;
        padding: 0 30px;
        font-size: 15px;
        height: 26px;
        line-height: 24px;
        text-align: left;
        color: #8e8e8d
    }

    .header_wrap nav > ul > li .sub_menu > ul > li .sp_comm {
        width: 22px;
        height: 19px;
        box-sizing: border-box
    }

    .header_wrap nav > ul > li .sub_menu > ul > li .sp_comm:before {
        width: 23px;
        height: 19px;
        box-sizing: border-box;
        background-size: 460px;
        background-position: -49px -275px
    }

    .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 {
        flex-direction: column;
        height: auto;
        margin-right: 0
    }

    .header_wrap .util_wrap > ul > li {
        margin: 0.833rem 0 0;
        width: 100%
    }

    .header_wrap .util_wrap > ul > li + li::before {
        display: none
    }

    .header_wrap .util_wrap > ul > li + li {
        padding-left: 0;
        padding-right: 0
    }

    .header_wrap .util_wrap > ul > li:last-child:before {
        display: none
    }

    .header_wrap .util_wrap > ul > li > a {
        position: relative;
        background-color: #2c2823;
        text-align: center;
        color: #fff;
        box-sizing: border-box;
        width: 100%;
        height: 50px;
        font-size: 15px;
        padding-left: 0;
        line-height: 3.5
    }

    .header_wrap .util_wrap > ul > li > a.btn_join,.header_wrap .util_wrap > ul > li > a.btn_login {
        padding-left: 0
    }

    .header_wrap .util_wrap > ul > li > a.btn_join:before,.header_wrap .util_wrap > ul > li > a.btn_login:before {
        display: none
    }

    .header_wrap .util_wrap > ul.after_login > li > a.btn_login {
        display: none
    }

    .header_wrap .util_wrap > ul.after_login > li > a.btn_mypage {
        display: block;
        background: #3f3e3c
    }

    .header_wrap .util_wrap > ul.after_login > li > a.btn_join {
        display: block;
        background: #3f3e3c
    }

    .header_wrap .util_wrap .nowplay_wrap {
        margin-left: 0
    }

    .header_wrap .util_wrap .btnTopSide {
        width: 100%;
        height: 50px;
        margin-top: 15px;
        background: url(../../img/common/header_btn_acoin_mob.png) no-repeat;
        background-size: cover;
        font-size: 15px;
        line-height: 3.5
    }

    .header_wrap .util_wrap .mob_copyright {
        display: block;
        margin-top: 2.083rem;
        font-size: 0.625rem;
        text-align: center;
        color: #a5a3a1;
        line-height: 1.777
    }

    .header_wrap .util_wrap .more_menu_wrap {
        display: none
    }

    .header_wrap .util_wrap .language_wrap {
        order: 1;
        justify-content: center;
        margin-top: 2rem
    }

    .header_wrap .util_wrap .language_list {
        position: absolute;
        top: 0;
        left: calc(50% - 100px);
        display: none;
        width: 200px;
        padding: 0;
        box-shadow: none;
        overflow: hidden;
        z-index: 10
    }

    .header_wrap .util_wrap .language_list.screen_over {
        top: auto;
        bottom: 0
    }

    .header_wrap .util_wrap .language_selector {
        padding: 2px 10px;
        height: 36px;
        font-size: 14px
    }

    .header_wrap .util_wrap .btn_open_search,.header_wrap .util_wrap .btn_select_language {
        padding: 0;
        cursor: pointer
    }

    .header_wrap .util_wrap .btn_open_search::before,.header_wrap .util_wrap .btn_select_language::before {
        display: block;
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transform: translate(0, -50%) rotate( 225deg );
        transform: translate(0, -50%) rotate(225deg);
        width: 0.4rem;
        height: 0.4rem;
        border-left: 2px solid #d7d6d6;
        border-top: 2px solid #d7d6d6;
        z-index: 13
    }

    .header_wrap .util_wrap .btn_open_search.active::before,.header_wrap .util_wrap .btn_select_language.on::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .header_wrap .util_wrap .btn_select_language .icn_globe {
        position: absolute;
        top: 50%;
        left: 10px;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
        z-index: 11
    }

    .header_wrap .util_wrap .btn_open_search .icn_open_search,.header_wrap .util_wrap .search_btn_wrap {
        display: none
    }

    .header_wrap .util_wrap .language_thumbnail {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 200px;
        height: 36px;
        padding: 2px 10px;
        line-height: 1.5;
        color: rgba(255, 255, 255, 0.6);
        font-size: 14px;
        background: #1a1919;
        box-sizing: border-box
    }

    .header_wrap nav .btn_nav_close {
        display: block;
        position: absolute;
        left: 5%;
        top: 2%;
        z-index: 10;
        width: 26px;
        height: 26px;
        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=3) 1px -129px no-repeat;
        background-size: 430px
    }

    .header_wrap .btn_mob_mypage {
        display: block;
        position: absolute;
        right: 0.5rem;
        top: 0;
        z-index: 10;
        width: 2.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.3rem;
        height: 1.4rem;
        background: url(../../img/common/spr_etc.png?v=3) 0.1rem -9.8rem no-repeat;
        background-size: 26rem 26rem
    }

    .header_wrap .btn_mob_open_search {
        display: block;
        position: absolute;
        right: 3rem;
        top: 0;
        z-index: 10;
        width: 2.25rem;
        height: 4.166rem;
        font-size: 0
    }

    .header_wrap .btn_mob_open_search:before {
        display: block;
        content: "";
        overflow: hidden;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 1.3rem;
        height: 1.3rem;
        margin-top: 0.1rem;
        background: url(../../img/common/icon/icn_search_white.svg) no-repeat;
        background-size: contain;
        opacity: 0.7;
        transition: opacity 0.3s
    }

    .header_wrap .btn_mob_open_search.active:before {
        opacity: 1
    }

    .header_wrap .util_wrap .user_profile_wrap {
        display: none
    }

    .common_search_wrap .search_select_wrap {
        flex: 0 0 34%
    }

    .common_search_wrap .search_inner,.header_wrap.small .search_inner,.scrolling .common_search_wrap .search_inner {
        width: 100%;
        padding: 5.166rem 1.041rem 1rem 1.041rem
    }

    .common_search_wrap .search_input,.common_search_wrap .search_select_wrap .custom_select select {
        width: 100%;
        height: 2.8125rem;
        font-size: 1.116rem;
        line-height: 1.8125
    }

    .common_search_wrap .search_input {
        padding: 0.25rem 3rem 0.4rem 1rem
    }

    .common_search_wrap .search_input_wrap .btn_search {
        right: 0;
        width: 3rem;
        height: 100%;
        background-size: 1.3rem auto
    }

    footer.footer_wrap {
        min-width: inherit;
        padding-bottom: 3.416rem
    }

    footer.footer_wrap .sns_area {
        padding: 1.1rem 0
    }

    footer.footer_wrap .sns_area .btn_sns {
        width: 3rem;
        height: 3rem;
        margin: 1% .4rem
    }

    footer.footer_wrap .inner_footer {
        padding-top: 1.6rem
    }

    footer.footer_wrap .inner_footer .term_list {
        margin: 0 auto 1.916rem auto
    }

    footer.footer_wrap .inner_footer .term_list a {
        padding: 0 0.625rem;
        font-size: 0.83rem;
        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.83rem;
        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.83rem;
        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: 8rem;
        height: 1.125rem;
        min-width: 100px;
        min-height: 14px
    }

    footer.footer_wrap .inner_footer .copyright p {
        display: block;
        margin-left: 0;
        margin-top: 0.625rem;
        font-size: 0.83rem
    }

    footer.footer_wrap .inner_footer .copyright .btn_pearlabyss:before {
    }

    footer.footer_wrap .inner_footer .box_game_info {
        margin-top: 1.916rem
    }

    footer.footer_wrap .inner_footer .box_game_info.jp table {
        font-size: 0.58rem
    }

    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 {
        flex: 0 0 3.208rem;
        height: 3.75rem;
        box-sizing: border-box;
        background-size: 10.291rem 6.958rem;
        margin: 0 0.208rem
    }

    footer.footer_wrap .inner_footer .box_game_info .left_area ul li.sensation {
        background-position: 0 -3.166rem
    }

    footer.footer_wrap .inner_footer .box_game_info .left_area ul li.violent {
        background-position: -3.541rem -3.166rem
    }

    footer.footer_wrap .inner_footer .box_game_info .left_area ul li.grade {
        background-position: -7.083rem -3.166rem
    }

    footer.footer_wrap .inner_footer .box_game_info .right_area {
        display: block;
        margin-top: 1rem
    }

    footer.footer_wrap .inner_footer .box_game_info .right_area ul {
        width: 500px;
        max-width: 90%;
        margin: 0 auto
    }

    footer.footer_wrap .inner_footer .box_game_info .right_area ul li {
        width: 65%;
        padding: 0.3rem 0.5rem;
        font-size: 0.75rem
    }

    footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(2n+1) {
        width: 35%;
        text-align: center;
        padding: 0.4rem 0.5rem
    }

    footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(4n),footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(4n+2),footer.footer_wrap .inner_footer .box_game_info .right_area ul li:nth-child(4n+3) {
        border-left: 1px solid #1d2129
    }

    footer.footer_wrap .inner_footer .adrCopyright .txtRating {
        font-size: 0.7rem
    }

    footer.footer_wrap .inner_footer .gradeRating .ESRB img {
        max-width: 80%
    }

    .footer_item {
        flex-direction: column
    }

    #languageBox {
        margin: 1.666rem
    }

    #languageBox select {
        height: 2.83rem;
        padding: 0 2.83rem;
        font-size: 0.83rem
    }

    #languageBox .custom_select {
        min-width: 16rem
    }

    #languageBox .custom_select::before {
        width: 1rem;
        height: 1rem;
        left: 1.16rem;
        top: calc(50% - .5rem)
    }

    #languageBox .custom_select::after {
        right: 1.16rem
    }

    .mceTmpl .table_contents {
        max-width: 100%;
        width: auto
    }

    .mceTmpl .table_contents > .inner {
        min-width: 12rem;
        min-height: initial;
        padding: 0;
        margin-top: .5rem
    }

    .sitemap_wrap {
        position: absolute;
        left: 0;
        bottom: calc(100% - 1px);
        display: block;
        width: 100%;
        z-index: 15;
        pointer-events: none
    }

    .sitemap_country {
        position: relative;
        display: inline-block;
        width: auto;
        margin: 0 auto;
        border: 1px solid #444;
        pointer-events: auto
    }

    .sitemap_platform {
        flex-direction: column;
        max-width: 550px
    }

    .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 #444;
        padding-left: 2.083rem;
        padding-right: 2.083rem
    }

    .sitemap_platform article.site_gstar {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #444;
        padding-left: 2.083rem;
        padding-right: 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.95rem 0.54rem 0;
        font-size: 0.75rem
    }

    .btn_country {
        display: block;
        margin-left: 0;
        margin-top: 0;
        min-width: 16rem;
        max-width: none;
        padding: 1rem 2.2rem 1rem 1.25rem;
        font-size: 0.83rem;
        order: 0;
        margin-bottom: 2rem;
        box-sizing: border-box
    }

    .btn_country:before {
        display: block;
        position: absolute;
        right: 1.25rem;
        margin-top: -.25rem;
        border-bottom: 0.5rem solid #444;
        border-left: 0.3rem solid transparent;
        border-right: 0.3rem solid transparent
    }

    #popupSlider .btn {
        width: 3.333rem;
        height: 3.333rem;
        box-sizing: border-box
    }

    #popupSlider .btn_not_today {
        position: fixed;
        top: 1rem;
        right: 4.6rem;
        padding: 0 1rem;
        width: auto;
        height: 3.3rem;
        font-size: .6rem
    }

    #popupSlider .btn_pop_download {
        position: fixed;
        top: 1.25rem;
        right: 4.55rem;
        width: 2.666rem;
        height: 2.666rem
    }

    #popupSlider .btn_pop_download:before {
        width: 2.75rem;
        height: 2.75rem;
        -webkit-transform: translate3d(-50%, -50%, 0) scale(0.85);
        transform: translate3d(-50%, -50%, 0) scale(0.85);
        box-sizing: border-box;
        background-size: 33.333rem 33.333rem;
        background-position: -13.75rem -1.4rem
    }

    #popupSlider .btn_pop_close {
        position: fixed;
        top: 1.25rem;
        right: 1.25rem;
        width: 2.666rem;
        height: 2.666rem
    }

    #popupSlider .btn_pop_close span {
        width: 2.5rem;
        height: 2px;
        background-color: #86858e
    }

    #popupSlider .pop_body {
        width: 100%
    }

    #popupSlider .pop_content {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: auto;
        min-height: auto;
        max-width: 100%;
        max-height: 100%
    }

    #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
    }

    #popupSlider .pop_view_wrap {
        margin: 0 auto 0 -4.166rem
    }

    #popupSlider .pop_view_change {
        bottom: 1.25rem
    }

    #popupSlider.photo_swipe .pop_content {
        max-width: calc(100% - 7.5rem);
        max-height: calc(100% - 6rem);
        background: none
    }

    #popupSlider.photo_swipe .pop_content .pop_slide_wrap button[role="presentation"].owl-next {
        right: -3.75rem
    }

    #popupSlider.photo_swipe .pop_content .pop_slide_wrap button[role="presentation"].owl-prev {
        left: -3.75rem
    }

    .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_content .pop_coupon_wrap .btn_wrap a {
        padding: 0 1rem;
        max-width: 10rem
    }

    .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:before {
        height: 22.58rem;
        box-sizing: border-box
    }

    .notfound_wrap .img_area {
        max-width: 30.833rem;
        width: 100%;
        height: 18.875rem;
        box-sizing: border-box
    }

    .notfound_wrap .img_area:before {
        background: url(../../img/common/m_notfound.png) top center no-repeat;
        background-size: cover
    }

    .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 {
        margin-top: 2.416rem
    }

    .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: 30rem;
        max-width: 100%;
        height: 18.333rem;
        box-sizing: border-box
    }

    .closetime_wrap .img_area:before {
        background: url(../../img/common/m_closetime.png) top center no-repeat;
        background-size: cover
    }

    .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: 1.0416rem;
        margin-top: 1.666rem
    }

    .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?v=3) 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_symbol200:before,.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.icn_symbol1:before {
        background-position: -5rem -47.5rem
    }

    .icon_symbol.icn_symbol9:before {
        background-position: -5rem -50rem
    }

    .icon_symbol.icn_symbol2:before {
        background-position: -5rem -52.5rem
    }

    .icon_symbol.icn_symbol10:before {
        background-position: -5rem -55rem
    }

    .icon_symbol.icn_symbol7:before {
        background-position: -5rem -57.5rem
    }

    .icon_symbol.icn_symbol30:before {
        background-position: -5rem -60rem
    }

    .icon_symbol.icn_symbol15:before {
        background-position: -5rem -62.5rem
    }

    .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_symbol200:before,.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.thumb.icn_symbol1:before {
        background-position: 0 -63.33rem
    }

    .icon_symbol.thumb.icn_symbol9:before {
        background-position: 0 -66.67rem
    }

    .icon_symbol.thumb.icn_symbol2:before {
        background-position: 0 -70rem
    }

    .icon_symbol.thumb.icn_symbol10:before {
        background-position: 0 -73.33rem
    }

    .icon_symbol.thumb.icn_symbol7:before {
        background-position: 0 -76.66rem
    }

    .icon_symbol.thumb.icn_symbol30:before {
        background-position: 0 -80rem
    }

    .icon_symbol.thumb.icn_symbol15:before {
        background-position: 0 -83.33rem
    }

    .icon_symbol.reply {
        width: 22px;
        height: 22px;
        background: #cacaca
    }

    .icon_symbol.reply:before {
        background-size: 66px auto
    }

    .icon_symbol.reply.icn_symbol0:before {
        background-position: -22px 0
    }

    .icon_symbol.reply.icn_symbol4:before {
        background-position: -22px -22px
    }

    .icon_symbol.reply.icn_symbol8:before {
        background-position: -22px -44px
    }

    .icon_symbol.reply.icn_symbol12:before {
        background-position: -22px -66px
    }

    .icon_symbol.reply.icn_symbol16:before {
        background-position: -22px -88px
    }

    .icon_symbol.reply.icn_symbol25:before {
        background-position: -22px -110px
    }

    .icon_symbol.reply.icn_symbol26:before {
        background-position: -22px -132px
    }

    .icon_symbol.reply.icn_symbol31:before {
        background-position: -22px -154px
    }

    .icon_symbol.reply.icn_symbol200:before,.icon_symbol.reply.icn_symbol28:before {
        background-position: -22px -176px
    }

    .icon_symbol.reply.icn_symbol21:before {
        background-position: -22px -198px
    }

    .icon_symbol.reply.icn_symbol24:before {
        background-position: -22px -220px
    }

    .icon_symbol.reply.icn_symbol20:before {
        background-position: -22px -242px
    }

    .icon_symbol.reply.icn_symbol27:before {
        background-position: -22px -264px
    }

    .icon_symbol.reply.icn_symbol19:before {
        background-position: -22px -286px
    }

    .icon_symbol.reply.icn_symbol23:before {
        background-position: -22px -308px
    }

    .icon_symbol.reply.icn_symbol11:before {
        background-position: -22px -330px
    }

    .icon_symbol.reply.icn_symbol29:before {
        background-position: -22px -352px
    }

    .icon_symbol.reply.icn_symbol17:before {
        background-position: -22px -374px
    }

    .icon_symbol.reply.icn_symbol5:before {
        background-position: -22px -396px
    }

    .icon_symbol.reply.icn_symbol1:before {
        background-position: -22px -418px
    }

    .icon_symbol.reply.icn_symbol9:before {
        background-position: -22px -440px
    }

    .icon_symbol.reply.icn_symbol2:before {
        background-position: -22px -462px
    }

    .icon_symbol.reply.icn_symbol10:before {
        background-position: -22px -484px
    }

    .icon_symbol.reply.icn_symbol7:before {
        background-position: -22px -506px
    }

    .icon_symbol.reply.icn_symbol30:before {
        background-position: -22px -528px
    }

    .icon_symbol.reply.icn_symbol15:before {
        background-position: -22px -550px
    }

    .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 3.33rem 0 1rem;
        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.041rem;
        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: flex;
        align-items: center;
        justify-content: center;
        width: 49.2%;
        height: 4.1666rem;
        margin: 0 auto;
        line-height: inherit;
        font-size: 1.083rem
    }

    .btn_mid {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3.75rem;
        margin: 0 auto;
        line-height: inherit;
        font-size: 1.041rem
    }

    .btn_mid2 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 3.75rem;
        margin: 0 auto;
        line-height: inherit;
        font-size: 1.041rem
    }

    .btn_mid3 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-width: inherit;
        height: 2.833rem;
        margin: 0 auto;
        padding: 0 0.4rem;
        line-height: inherit;
        font-size: 1.041rem
    }

    .btn_mid4 {
        min-width: 16.25rem;
        height: 3.25rem;
        font-size: 1rem
    }

    .btn_sml {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 2.916rem;
        margin: 0 auto;
        padding: 0 1.5rem;
        line-height: inherit;
        font-size: 0.916rem
    }

    .btn_sml02 {
        display: flex;
        align-items: center;
        justify-content: 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;
        font-size: 1rem
    }

    .btn.mob_half {
        width: 50%
    }

    .btn_wrap.col2 .btn {
        width: 49%
    }

    .btn_wrap.col2 .btn + .btn {
        margin-left: 2%
    }

    .btn .icon:before {
        background-size: 66.666rem 66.666rem
    }

    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
    }

    .paging .btn-page {
        width: auto;
        height: 1.666rem;
        box-sizing: border-box;
        font-size: 1rem;
        margin: 0 0.291rem;
        padding: 0 0.5rem
    }

    .paging .btn-page:disabled {
        width: 1.666rem;
        height: 1.666rem;
        box-sizing: border-box;
        font-size: 1rem;
        margin: 0 0.291rem;
        padding: 0;
        align-items: stretch
    }

    .paging .btn-page.prev {
        margin: 0 1.25rem 0 -1px
    }

    .paging .btn-page.next {
        margin: 0 -1px 0 1.25rem
    }

    .paging .btn-page.first {
        margin: 0
    }

    .paging .btn-page.last {
        margin: 0
    }

    .paging .btn-page.btn_arrow {
        width: 2.5rem;
        height: 2.5rem;
        box-sizing: border-box
    }

    .paging .btn-page.btn_arrow:before {
        background-size: 33.333rem 33.333rem
    }

    .paging .btn-page.first:before {
        width: 0.916rem;
        height: 0.958rem;
        box-sizing: border-box;
        background-position: 0 -22.541rem
    }

    .paging .btn-page.prev:before {
        width: 0.541rem;
        height: 0.958rem;
        box-sizing: border-box;
        background-position: -1.458rem -22.541rem
    }

    .paging .btn-page.next:before {
        width: 0.541rem;
        height: 0.958rem;
        box-sizing: border-box;
        background-position: -2.416rem -22.541rem
    }

    .paging .btn-page.last:before {
        width: 0.916rem;
        height: 0.958rem;
        box-sizing: border-box;
        background-position: -3.375rem -22.541rem
    }

    .paging .btn-bigpage {
        height: 2.5rem;
        font-size: 0.916rem;
        padding: 0 0.5rem
    }

    .comment_count_wrap {
        padding: 1.25rem 0 .65rem
    }

    .comment_list_wrap + .reply_wrap .reply_area {
        margin-top: 1rem
    }

    .tag_label {
        height: 1.875rem;
        box-sizing: border-box;
        padding: 0 1.166rem;
        font-size: 0.958rem;
        line-height: 1.675rem
    }

    .tag_label.best {
        border-radius: 1.875rem;
        margin-left: 0.416rem
    }

    .btn_like,.btn_quote {
        padding-left: 1.25rem;
        font-size: 0.958rem
    }

    .btn_like:before {
        width: 1.105rem;
        height: 0.791rem;
        box-sizing: border-box;
        background-size: 33.333rem 33.333rem;
        background-position: -0.916rem -25.208rem
    }

    .btn_like.gray:before {
        width: 1.105rem;
        height: 0.791rem;
        box-sizing: border-box;
        background-size: 33.333rem 33.333rem;
        background-position: -2.833rem -25.208rem
    }

    .btn_comment_like {
        height: 2.083rem;
        padding: 0 1.25rem;
        margin-bottom: 1rem;
        font-size: 0.958rem
    }

    .btn_comment_like .svg_like {
        width: 1.105rem;
        height: 0.791rem
    }

    .btn_quote {
        padding-left: 0
    }

    .no_data {
        padding: 8.25rem 0
    }

    .no_data p {
        height: 2.5rem;
        box-sizing: border-box;
        padding-left: 3.416rem;
        line-height: 2.6rem;
        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
    }

    .no_data .go_total_search_wrap {
        margin-top: 3.5rem
    }

    .no_data .go_total_search_wrap .go_total_search_link {
        margin-top: 1.5rem;
        height: 2.833rem;
        padding: 0 3rem;
        font-size: 1.041rem;
        background-color: #404040
    }

    .icon_character {
        width: 4.125rem;
        height: 4.125rem;
        box-sizing: border-box
    }

    .icon_character:before {
        background-size: cover
    }

    .logo_box {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 10.75rem;
        height: 1.25rem;
        background: url(../../img/common/cm_bi_black.svg) no-repeat center center;
        background-size: auto 1.25rem;
        box-sizing: border-box;
        transition: none
    }

    .pi {
        background-size: 66.66rem 66.66rem
    }

    .agree_wrap .box_agree {
        margin-bottom: 1.666rem
    }

    .agree_wrap .box_agree .sec_header {
        min-height: 3.1666rem;
        padding: 0.416rem 1.25rem 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
    }

    .aside_common {
        display: block;
        position: fixed;
        top: 0;
        z-index: 99;
        float: none;
        width: 100%;
        max-width: 375px;
        height: 100vh;
        margin-top: 0;
        padding: 0;
        border: none;
        box-sizing: border-box;
        background: #fff;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        overflow-x: hidden;
        overflow-y: auto
    }

    .aside_common.right {
        right: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .aside_common .inner {
        border: none
    }

    .aside_common.active {
        transform: translateX(0);
        box-shadow: 0 .416rem .833rem 0 rgba(0,0,0,.14);
        -webkit-transition: .35s;
        transition: .35s
    }

    .aside_common + .content {
        margin-left: auto;
        width: auto;
        float: none;
        padding-top: 1.875rem;
        margin-top: 0
    }

    .pi.pi_nav_close {
        width: 1.6667rem;
        height: 1.6667rem;
        background-position: -0px -56.27rem
    }

    .pi.pi_nav_user {
        width: 1.8333rem;
        height: 1.8333rem;
        background-position: -1.9583rem -56.27rem
    }

    .pi.pi_nav_register {
        width: 1.7083rem;
        height: 1.6667rem;
        background-position: -4.375rem -56.27rem
    }

    .pi.pi_nav_login {
        width: 1.7083rem;
        height: 1.6667rem;
        background-position: -6.375rem -56.27rem
    }

    .pi.pi_nav_logout {
        width: 1.6667rem;
        height: 1.6667rem;
        background-position: -8.4583rem -56.27rem
    }

    .aside_top {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        height: 4.166rem
    }

    .aside_top .pi {
        display: block;
        position: absolute;
        right: 1.25rem;
        top: 1.25rem;
        cursor: pointer
    }

    .aside_body {
        position: relative
    }

    .aside_body_top {
        padding: 1.66rem;
        background: #ececec
    }

    .aside_body_top.login {
        padding: 0
    }

    .aside_body_profile {
        display: flex;
        align-items: center;
        padding: 1.6rem 2rem;
        color: #fff;
        background: #2b305a
    }

    .aside_body_profile .icon_character_area {
        width: 3.375rem;
        height: 3.375rem;
        margin-right: 1rem;
        flex-shrink: 0
    }

    .aside_body_profile .icon_character_area .icon_character {
        background-size: 4.2rem auto
    }

    .aside_body_top .nav_info_join {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 0.6rem 0;
        font-size: 1.1rem;
        margin-top: 1rem
    }

    .aside_body_top .nav_info_join .icn_join {
        margin-right: 1.1rem;
        width: 1.48rem;
        height: 1.58rem;
        opacity: 0.4
    }

    .aside_body_top .nav_info_join .icn_join svg {
        width: 1.48rem;
        height: 1.58rem
    }

    .aside_body_top .aside_profile_list {
        padding: 0.5rem 0
    }

    .aside_body_top .aside_profile_list li a {
        display: flex;
        align-items: center;
        height: auto;
        padding: 1rem 2.5rem;
        font-size: 1.08rem;
        line-height: 1
    }

    .aside_body_top .nav_info_logout {
        display: flex;
        align-items: center;
        color: #2b2b2b;
        width: 100%;
        height: auto;
        padding: 1.25rem 2.5rem;
        font-size: 1.08rem;
        line-height: 1;
        border-top: 1px solid #c4c5c9
    }

    .char_name {
        display: block
    }

    .char_name em {
        display: block;
        font-size: 1.25rem;
        overflow: visible
    }

    .char_name span {
        display: block;
        width: 25rem;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: .25rem;
        font-size: 1rem
    }

    .btn_nav_info {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: .583rem;
        width: 100%;
        height: 3.5rem;
        border-radius: 4px;
        background: #2b305a;
        color: #fff
    }

    .btn_nav_info:first-child {
        margin-top: 0
    }

    .btn_nav_info span {
        display: block;
        margin-top: -.2rem;
        line-height: 1;
        font-size: 1.25rem
    }

    .btn_nav_info .pi {
        margin-right: .6rem
    }

    .aside_common .aside_menu .aside_node_parent {
        display: flex;
        align-items: center;
        width: 100%;
        height: auto;
        padding: 1.25rem 2.5rem;
        font-size: 1.08rem;
        line-height: 1
    }

    .aside_common .aside_menu .aside_node_parent:after {
        display: none
    }

    .aside_common .aside_menu button.aside_node_parent:after {
        content: '';
        display: block;
        margin-left: .416rem;
        border-top: 0.416rem solid #363636;
        border-left: .3rem solid transparent;
        border-right: .3rem solid transparent;
        -webkit-transition: transform .3s;
        transition: transform .3s
    }

    .aside_common .aside_menu button.aside_node_parent.active:after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg)
    }

    .aside_common .aside_menu .sub_menu {
        display: none;
        width: 100%;
        position: static;
        height: auto;
        padding: 1.25rem 0;
        background-color: #fff;
        border-bottom: 1px solid #dfdfdf;
        box-sizing: border-box;
        z-index: 10
    }

    .aside_common .aside_menu .sub_menu li {
        display: flex;
        align-items: center;
        padding: 1rem 2.5rem;
        box-sizing: border-box
    }

    .aside_common .aside_menu .sub_menu li.aside_node_child a {
        display: flex;
        align-items: center;
        width: 100%
    }

    .aside_common .aside_menu .sub_menu li span {
        display: none;
        flex-shrink: 0;
        justify-content: center;
        width: 3.125rem;
        height: 1.4583rem;
        margin-left: 0.416rem;
        border: 2px solid #f66;
        border-radius: 0.8rem;
        color: #da0011;
        font-weight: normal;
        line-height: 1.4;
        font-size: 0.9167rem
    }

    .aside_common .aside_menu .sub_menu li.new span {
        display: flex
    }

    .aside_common.left .aside_menu {
        border-top: 1px solid #dfdfdf
    }

    .aside_footer {
        display: block;
        padding-top: 6.25rem;
        padding-bottom: 1.4583rem;
        text-align: center;
        font-size: 0.75rem;
        color: #7f7e7e
    }

    .aside_common li .aside_node_parent .pi,.pi_wrap .pi[class*="pi_mypage_"] {
        display: none
    }

    .icon_character_area {
        width: 6.666rem;
        height: 6.666rem
    }

    .icon_character_area.large,.icon_character_area.middle {
        width: 3.333rem;
        height: 3.333rem
    }

    .icon_character_area.small {
        width: 2rem;
        height: 2rem
    }

    .icon_character_area.smallest {
        width: 2.25rem;
        height: 2.25rem
    }

    .icon_character_area .icon_character {
        background-size: 8.5rem auto
    }

    .icon_character_area.large .icon_character {
        background-size: 5.2rem auto
    }

    .icon_character_area.middle .icon_character {
        background-size: 4.1rem auto
    }

    .icon_character_area.small .icon_character {
        background-size: 2.35rem auto
    }

    .icon_character_area.smallest .icon_character {
        background-size: 2.9rem auto
    }

    .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
    }

    .container.policy .policy_footer {
        padding: 0 1.25rem
    }

    .container.policy .policy_print {
        padding: 0 1rem;
        height: 2.833rem;
        font-size: 0.833rem
    }

    .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_reply {
        padding: 1.25rem 1.25rem .75rem
    }

    .box_reply .box_top {
        padding: 0
    }

    .box_report .btn_report {
        font-size: 1rem
    }

    .box_report .box_report_list {
        left: auto;
        right: -20px;
        min-width: 5.8333rem;
        margin-top: 0.625rem;
        margin-left: 0;
        -webkit-transform: none;
        transform: none
    }

    .box_report .box_report_list ul li a {
        padding: 0.4rem 1rem;
        font-size: .925rem;
        box-sizing: border-box;
        font-size: 0.916rem
    }

    .box_reply .text_area {
        padding: 0;
        margin-bottom: 0
    }

    .box_reply .text_area .box_text {
        font-size: 1rem;
        color: #3d3d3d;
        font-weight: normal;
        margin-right: 0
    }

    .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 .text_area .box_bottom {
        margin-top: 1rem
    }

    .box_reply .text_area .box_bottom .btn_wrap,.box_reply .text_area .box_bottom .sympathy_btn_wrap {
        margin-bottom: .5rem
    }

    .box_reply .text_area .user_area ~ textarea {
        margin-top: 0
    }

    .box_reply .text_area .box_bottom .btn_wrap + .btn_like {
        margin-left: .5rem;
        margin-bottom: 1rem
    }

    .box_reply .box_top {
        margin-bottom: .5rem
    }

    .box_reply .user_area a {
        display: flex
    }

    .box_reply .user_area a .icon_character_area + .box_user {
        max-width: calc(100% - 2.25rem - 0.54rem)
    }

    .box_reply .user_area a .box_user.supporter .user_name {
        float: 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: 1rem
    }

    .box_reply .user_area a .user_name {
        font-size: 1rem;
        line-height: 1.2rem;
        color: #3d3d3d
    }

    .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,.skin_fourm .box_reply .user_area a .img_area {
        margin-right: 0.55rem
    }

    .box_reply .user_area a .img_area img {
        width: 100%
    }

    .box_reply .btn_wrap .btn_reply {
        height: 2.083rem;
        padding: 0 1.25rem;
        margin-bottom: 0.5rem;
        font-size: 1rem;
        line-height: 1.883rem
    }

    .box_reply .btn_wrap .btn_reply.mob_none {
        display: none
    }

    .box_reply .btn_wrap .btn_blind {
        margin-bottom: 0
    }

    .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=3) -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: 1.8rem;
        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 {
        padding-bottom: 0;
        font-size: 0.958rem
    }

    .reply_wrap .box_reply.text_report {
        padding: 1.25rem
    }

    .box_reply.write .user_area {
        display: none
    }

    .box_reply.write .text_area textarea {
        height: 7.208rem;
        box-sizing: border-box;
        padding: 0.8rem;
        font-size: 1rem
    }

    .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.75rem
    }

    .box_reply.re:before {
        left: 1.25rem;
        top: 1.35rem;
        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.75rem
    }

    .box_reply.re.text_report:before {
        top: 1rem
    }

    .box_reply.write.re {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .box_reply .user_area .reply_date_wrap .reply_date {
        font-size: 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(ja-JP) .btn_mid2 {
        font-size: 1rem;
        padding: 0 1rem
    }

    .bdc.hidden .header_wrap,.bdo.hidden .header_wrap {
        z-index: 999
    }

    .console_head_title,.headTitle {
        font-size: 1.4rem;
        padding: 0.4rem 7.6rem 0.4rem 0.833rem
    }

    .console_head_title h2,.container.detail .console_head_title h2,.headTitle h1 {
        display: block;
        font-size: 1.5rem
    }

    .console_head_title:before,.headTitle:before {
        right: -0.8rem;
        width: 8rem;
        height: 8rem
    }

    .console_first_title,.firstTitle {
        padding: 0.416rem 1rem 0.416rem 4rem;
        font-size: 1.3rem;
        padding-left: 2.4rem
    }

    .console_first_title:before,.firstTitle:before {
        width: 2rem;
        height: 2rem
    }

    .console_second_title,.secondTitle {
        padding: 6px 1rem 6px 2.6rem;
        font-size: 1rem;
        padding-left: 2rem
    }

    .console_second_title:before,.secondTitle:before {
        left: 0.318rem;
        width: 1.32rem;
        height: 1.32rem
    }

    .console_sub_title,.mceSubTitle {
        margin: 0 1rem 0.6rem 0.4rem;
        font-size: 0.8rem
    }

    .console_sub_title:after,.mceSubTitle:after {
        top: 0.6rem;
        left: 0.36rem;
        width: 0.48rem
    }

    .console_img_group_img {
        margin: 1rem 0;
        text-align: center
    }

    .console_img_group {
        flex-direction: column;
        align-items: flex-start
    }

    .console_img_group_txt {
        padding: 1rem 0 1rem 0
    }

    .console_table_type table,.tableType table {
        width: 100%!important
    }

    .tableType table td,.tableType table th {
        width: auto!important
    }

    .btn_sns_share {
        font-size: 0.86rem
    }

    .btn_sns_share .icn_share {
        margin-right: 0.4rem
    }

    .popup_url_share {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate3d(-50%, -50%, 0);
        z-index: 42
    }

    .popup_url_share .title_wrap {
        min-height: 3.333rem
    }

    .popup_url_share .btn_close {
        right: 0;
        width: 3.333rem;
        height: 3.333rem;
        box-sizing: border-box
    }

    .popup_url_share .btn_close .line {
        left: 0.68rem;
        top: 1.583rem;
        width: 2rem;
        height: 0.083rem;
        box-sizing: border-box
    }

    .popup_url_share.active + .dim {
        position: fixed;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.7);
        z-index: 40
    }

    [data-tooltipbox]:hover:after {
        padding: 0.3rem 0.5rem;
        font-size: 0.866rem
    }

    .container.skin_leveling .infobox_writer .img_area {
        left: 0.8rem;
        width: 3.33rem;
        height: 3.33rem
    }

    .container.skin_leveling .infobox_writer .info_user .name_area {
        flex: 0 0 100%;
        margin-bottom: 0.333rem
    }

    .container.skin_leveling .infobox_writer .info_user .user_name {
        font-weight: normal
    }

    .container.skin_leveling .infobox_writer .info_user .level_area span.text,.container.skin_leveling .infobox_writer .info_user span.de {
        font-size: 0.875rem;
        line-height: 1rem
    }

    .container.skin_leveling .infobox_writer .info_user .level_area span.text {
        margin-left: 0.5rem;
        padding-left: 0.5rem
    }

    .container.skin_leveling:not(.skin_forum) .section_column .infobox_writer {
        min-height: 4rem;
        padding: 1rem 1rem 1rem 5.25rem
    }

    .container.skin_leveling:not(.skin_forum) .section_column .spr_profile {
        zoom:0.8}

    .container.skin_leveling:not(.skin_forum) .common_info_list {
        margin-top: 0.833rem;
        padding-top: 0.833rem
    }

    .container.skin_leveling:not(.skin_forum) .common_info_list > li {
        height: 1.4rem;
        font-size: 0.833rem;
        line-height: 1.4rem
    }

    .container.skin_leveling:not(.skin_forum) .common_info_list > li + li {
        margin-left: 0.5rem;
        padding-left: 0.5rem
    }

    .container.skin_leveling .box_reply.re:before {
        left: 4rem
    }

    .container.skin_leveling .box_reply.re .user_area {
        margin-bottom: 0;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem
    }

    .container.skin_leveling .reply_mode .reply_wrap .box_reply {
        padding: 1rem 1rem 1rem 3.91rem
    }

    .container.skin_leveling .reply_mode .reply_wrap .box_reply.write {
        padding: 1.25rem
    }

    .container.skin_leveling .reply_mode .reply_wrap .box_reply.re {
        padding: 1rem 0 1rem 5.2rem
    }

    .container.skin_leveling .reply_mode .sympathy_zone {
        width: 3.8rem
    }

    .container.skin_leveling .reply_mode .sympathy_zone .count_sympathy {
        font-size: 1rem
    }

    .container.skin_leveling .box_reply .user_area a .user_name {
        flex: 0 0 100%;
        margin-bottom: 0.333rem
    }

    .container.skin_leveling .box_reply .user_area a .level_area {
        margin-left: 0
    }

    .container.skin_leveling .box_reply .user_area a .img_area {
        flex: 0 0 3.33rem
    }

    .container.skin_leveling .box_reply .user_area a .box_user {
        line-height: 1.2rem
    }

    .container.skin_leveling .box_reply .user_area a .date_area,.container.skin_leveling .box_reply .user_area a .grade_area {
        margin-left: 0.416rem;
        padding-left: 0.416rem;
        font-size: 0.875rem
    }

    .container.skin_leveling .thumb_nail_table li div.views:after {
        display: none
    }

    .custom_sns_list li {
        padding: 0
    }

    .custom_sns_list .btn_sns {
        width: 1.4rem;
        height: 1.4rem
    }

    .custom_sns_list .btn_sns,.custom_sns_list .btn_sns.facebook {
        margin: 0 0.2rem
    }

    .btn_post_favorite {
        width: 1.4rem;
        height: 1.4rem;
        margin: 0.075rem 0.5rem 0
    }

    .css-ellipsis {
        max-height: 2.8rem;
        padding-right: 1rem
    }

    .profile_popup_box {
        padding: .85rem 1.25rem .85rem 1rem
    }

    .profile_popup_box .profile_popup_link {
        padding: .45rem .25rem
    }

    .mark_exclamation::before {
        height: 5px
    }

    .mark_exclamation:after {
        height: 2px
    }

    .svg_wrap {
        width: 100px
    }

    .game_start_contents {
        padding: 30px 5%
    }

    .game_start_wrap .game_start_title {
        font-size: 1.4rem
    }

    .game_start_warning {
        padding: 20px 5%
    }

    .game_start_warning .game_start_mark {
        width: 14px;
        height: 14px;
        font-size: 0.6rem
    }

    .game_start_warning .game_start_desc {
        font-size: 0.8rem
    }

    .game_start_wrap .btn_download {
        display: flex;
        min-width: 20rem;
        height: 4.2rem;
        max-width: 20rem;
        padding: 0 1.2rem;
        font-size: 1.2rem
    }

    .game_start_wrap .btn_download .icn_down {
        margin: 0 0 0 1rem
    }

    .game_start_wrap .btn_download .icn_down:before {
        width: 1.1667rem;
        height: 1.4444rem;
        margin: 0.1429rem 0 0 0.0714rem;
        background-position: -26.6667rem -3.7778rem;
        background-size: 44.4444rem 44.4444rem
    }

    .custom_share_modal {
        right: 0;
        top: 100%;
        max-width: 90vw;
        padding: 1.75rem .75rem
    }

    .custom_share_modal .custom_share_item .item_icn_wrap {
        width: 2.75rem;
        height: 2.75rem
    }

    .custom_share_modal .custom_share_item.copysucess .item_icn_wrap::before {
        width: 1.125rem;
        height: 0.625rem;
        border-width: .25rem;
        top: calc(50% - .625rem);
        left: calc(50% - .6875rem)
    }

    .tpl_glance.glance_coupon_copy_btn {
        font-size: 1rem
    }

    .forum_base_page_desc {
        font-size: 0.8rem;
        margin-top: 1.12rem
    }

    .balloon_box {
        font-size: .833rem
    }
}

@media screen and (max-width: 768px) {
    #_modal_select_region .inner {
        width:44.8rem;
        border-radius: 0.33rem
    }

    #_modal_select_region .title {
        font-size: 1.7rem
    }

    #_modal_select_region .place_wrap {
        margin-top: 0.3rem
    }

    #_modal_select_region .icn_place {
        height: 1.62rem;
        padding-left: 1.28rem;
        font-size: 1.18rem
    }

    #_modal_select_region .icn_place:before {
        top: 0.38rem;
        width: 0.8rem;
        height: 1.1rem
    }

    #_modal_select_region .inner_content .desc {
        font-size: 1rem
    }

    #_modal_select_region .inner_content .btn_move_region {
        width: 21.81rem;
        height: 4.28rem;
        margin: 2rem auto 0 auto;
        font-size: 1.2rem;
        border-radius: 0.33rem
    }

    #_modal_select_region .inner_content .link_stay {
        font-size: 0.94rem
    }

    .tpl_char_wrap .char_inner,.tpl_folding_box .fold_contents,.tpl_notice_box {
        padding: 14px
    }

    .tpl_shop_product_set .list_item.center {
        flex-direction: column
    }

    .tpl_shop_product_set .list_item .third_side {
        margin-top: 0
    }

    .tpl_shop_product_set .list_item .third_side + .third_side {
        margin-top: 2.4rem
    }

    .tpl_glance.glance_conquest_flag {
        width: 30%;
        min-width: 13rem
    }

    .tpl_glance.glance_conquest_flag img {
        width: 100%;
        height: auto
    }

    .tpl_glance.glance_conquest_guild_top img {
        width: 2rem;
        height: 2rem
    }

    .tpl_glance.glance_conquest_guild_top .tpl_glance.galnce_conquest_guild {
        font-size: 1.2rem;
        line-height: 1
    }

    .tpl_glance.glance_conquest_guild_table .tpl_glance.galnce_conquest_guild {
        flex-basis: 50%;
        font-size: 0.9rem
    }

    #toastCopyModal {
        width: 100px;
        height: 100px;
        margin: -50px 0 0 -50px;
        background-size: 70px auto
    }
}

@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: 600px) {
    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 screen and (min-width: 1025px) {
    .only-m {
        display:none!important
    }

    .hover:hover:before {
        opacity: 1
    }

    .header_wrap .logo .logo_default {
        height: 24px
    }

    .header_wrap .logo .logo_default.bdo_jp,.header_wrap .logo .logo_default.bdo_kr,.header_wrap .logo .logo_default.bdo_tw {
        height: 28px
    }

    .header_wrap .util_wrap > ul > li > a:hover {
        color: #ae8d66
    }

    .header_wrap .util_wrap .btn_open_search:hover .icn_open_search {
        opacity: 1
    }

    .header_wrap nav li:hover > a > .menu_underline::after {
        width: 100%;
        opacity: 1
    }

    .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 > ul.after_login > li > a.btn_login:hover::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .header_wrap .util_wrap .btnTopSide:hover {
        color: #eaeaea
    }

    .header_wrap .util_wrap .language_wrap:hover .icn_globe {
        opacity: 1
    }

    .header_wrap .util_wrap .language_selector:hover {
        color: #ae8d67
    }

    .header_wrap .more_menu_wrap .node1:hover .left_menu_link::after {
        width: calc(100% - 46px);
        opacity: 1
    }

    .header_wrap .more_menu_wrap .node1:hover .sub_menu {
        width: auto;
        min-width: 100%;
        opacity: 1
    }

    footer.footer_wrap .sns_area .btn_sns:hover {
        background-color: rgba(70, 70, 70, 0.6)
    }

    footer.footer_wrap .sns_area .btn_sns:hover::before {
        opacity: 1
    }

    footer.footer_wrap .inner_footer .term_list a:hover {
        color: rgba(213, 212, 212, 1);
        text-decoration: underline
    }

    .btn:hover {
        opacity: .9
    }

    .btn_deepyellow:hover {
        opacity: 1;
        background: #ffc757
    }

    .btn_deepyellow.hover_ripple {
        background: rgba(220, 177, 92, 1)
    }

    .btn_deepyellow.hover_ripple::before {
        background: rgba(227, 188, 102, 1)
    }

    .btn_lightblue:before {
        background: rgba(255, 255, 255, 0.1)
    }

    #languageBox .custom_select:hover select {
        color: #cfcfcf
    }

    #languageBox .custom_select:hover::before {
        opacity: 1
    }

    #languageBox .custom_select:hover::after {
        border-color: #cfcfcf
    }

    .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 .btn_not_today:hover {
        background: #fff;
        color: #000
    }

    #popupSlider .pop_view_change .btn_change_image:hover {
        opacity: 1;
        border: 1px solid #fff
    }

    #popupSlider.popup_m .pop_view_change .btn_change_image.btn_change_mo,#popupSlider.popup_pc .pop_view_change .btn_change_image.btn_change_pc {
        z-index: 3
    }

    #popupSlider .btn {
        transition: border-color 0.25s,background-color 0.25s
    }

    #popupSlider .btn:hover {
        opacity: 1;
        border-color: #fff
    }

    #popupSlider .pop_content .pop_slide_wrap button[role="presentation"]:hover {
        opacity: 1
    }

    #popupSlider .btn_pop_close:hover span {
        background: #fff
    }

    #popupSlider .btn_pop_download:hover:before {
        opacity: 1
    }

    #popupSlider .btn_pop_download {
        border: none;
        transition: opacity 0.25s
    }

    #popupSlider .btn_pop_download:hover {
        opacity: 1
    }

    #popupSlider.slider_download.popup_m .btn_change_image:hover {
        border: 1px solid #fff
    }

    .container.policy .policy_print:hover {
        border-color: #000
    }

    .custom_share_wrap .custom_share_open:hover {
        opacity: 1
    }

    .custom_share_modal .custom_share_item:hover .item_icn_wrap {
        background: #c2794e
    }

    .custom_share_modal .custom_share_item:hover .item_title {
        color: #000
    }

    .custom_share_modal .custom_share_close:hover::after,.custom_share_modal .custom_share_close:hover::before {
        background: #000
    }

    .btn_change_image:hover .icn_change_pc,.popup_pc .icn_change_pc {
        background-position: 0 -1464px
    }

    .btn_change_image:hover .icn_change_mo,.popup_m .icn_change_mo {
        background-position: -50px -1464px
    }

    .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
    }

    .paging .btn-page:hover {
        background: #323232;
        color: #fff
    }

    .paging .btn-bigpage:hover {
        border: 1px solid #323232;
        background: #323232;
        color: #fff
    }

    .paging .btn-bigpage:hover span {
        color: #fff
    }

    .paging .btn-page:disabled:hover {
        background: inherit;
        color: inherit
    }

    .paging .btn-page.btn_arrow:hover {
        border: 1px solid #323232
    }

    .paging .btn-page.first:hover:before {
        background-position: -107px -518px
    }

    .paging .btn-page.prev:hover:before {
        background-position: -129px -518px
    }

    .paging .btn-page.next:hover:before {
        background-position: -146px -518px
    }

    .paging .btn-page.last:hover:before {
        background-position: -163px -518px
    }

    .comment_sort:hover {
        color: #000
    }

    .comment_sort:hover::before {
        opacity: 1
    }

    .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
    }

    .common_search_wrap {
        transition: opacity 0.7s,transform 0.7s
    }

    .common_search_wrap .custom_select:not([disabled]):after {
        border-color: #000;
        opacity: 0.5;
        transition: opacity 0.3s
    }

    .common_search_wrap .search_input_wrap .btn_search {
        opacity: 0.5;
        transition: opacity 0.3s
    }

    .common_search_wrap .custom_select:not([disabled]):hover:after,.common_search_wrap .search_input_wrap .btn_search:hover {
        opacity: 1
    }

    .common_search_wrap .custom_select select:not([disabled]),.common_search_wrap .search_input_wrap .search_input:not([disabled]) {
        transition: box-shadow 0.2s
    }

    .common_search_wrap .custom_select select:not([disabled]):hover,.common_search_wrap .search_input_wrap .search_input:not([disabled]):hover {
        border-color: transparent
    }

    .common_search_wrap .custom_select select:not([disabled]):focus,.common_search_wrap .search_input_wrap .search_input:not([disabled]):focus {
        border-color: transparent;
        box-shadow: 0 0 0.5rem #000
    }

    .box_report .box_report_list ul li:hover a {
        background: #f5f4f3
    }

    .box_reply .text_area .box_text a:hover {
        opacity: .8
    }

    .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,.box_reply .box_modal .box_modal_list > ul li button:hover {
        background: #f5f4f3
    }

    .box_reply .user_area a .level_area {
        overflow: hidden
    }

    .btn_jp_twitter .btn_jp_fixed_twitter:hover:before {
        background-position: -31.185rem -13.7825rem
    }

    .box_report .btn_report:hover {
        color: #931313
    }

    .box_report .btn_report:hover::after {
        border-color: #931313 transparent transparent
    }

    .btn_sns_share {
        transition: opacity 0.3s
    }

    .btn_sns_share:hover {
        opacity: 0.7
    }

    .popup_url_share .btn_close:hover .line {
        opacity: 1
    }

    .popup_url_share .btn_copy:hover:before {
        transform: translate3d(0, 0, 0)
    }

    .custom_sns_list button:hover .btn_sns.facebook path {
        fill: #3b5998
    }

    .custom_sns_list button:hover .btn_sns.twitter path {
        fill: #00acee
    }

    .btn_post_favorite:hover .icn_favorite path {
        fill: #ffd200
    }

    .no_data .go_total_search_wrap .go_total_search_link:hover {
        background: #424242
    }

    .btn_sympathy.active .sympathy.up,.btn_sympathy:hover .spr_profile,.btn_sympathy:hover .sympathy.up {
        background-position: -181px 0
    }

    .btn_sympathy.active .sympathy.down,.btn_sympathy:hover .spr_profile.down,.btn_sympathy:hover .sympathy.down {
        background-position: -159px 0
    }

    .hover_ripple:hover::before {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    .profile_popup_box .profile_popup_link:hover {
        color: #000
    }

    footer.footer_wrap .inner_footer .copyright .btn_pearlabyss:hover {
        opacity: 1
    }

    .btn_game_start_close:hover span {
        opacity: 1
    }

    .game_start_warning .game_start_desc a.link:hover {
        color: #303bb8
    }

    .game_start_wrap .btn_download:hover {
        opacity: 1;
        -webkit-filter: brightness(1.4);
        filter: brightness(1.4)
    }

    .game_start_wrap .btn_download:hover .icn_down {
        background-color: rgba(65, 92, 141, 0.3);
        box-shadow: inset 0 -2px 4px 2px rgba(0, 0, 0, 0.4),0 3px 4px 2px rgba(0, 0, 0, 0)
    }

    .game_start_wrap .btn_download:hover .icn_down::before {
        -webkit-transform: scale(0.8) rotate(0.001deg) translateZ(0);
        transform: scale(0.8) rotate(0.001deg) translateZ(0)
    }

    .tpl_glance.glance_coupon_copy_btn:hover {
        background-color: rgba(0, 0, 0, 0.1)
    }
}

@media screen and (min-width: 1281px) {
    .header_wrap .logo .logo_default.bdo_jp,.header_wrap .logo .logo_default.bdo_kr,.header_wrap .logo .logo_default.bdo_tw {
        height:32px
    }
}

@media screen and (max-width: 767px) {
    .contents_area {
        padding:2.5rem 0;
        font-size: 1rem;
        line-height: 1.541;
        min-height: 3.33rem
    }

    .contents_area p {
        font-size: 1.075rem;
        line-height: 1.541
    }

    .mceTmpl li {
        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
    }

    .header_title_folder {
        padding: 1rem 3rem 1rem 1rem
    }

    .header_title_folder .folder_title {
        font-size: 1.166rem!important
    }

    .header_title_folder .icn_title_arrow {
        right: 1rem;
        margin-top: -0.55rem;
        width: 1.25rem;
        height: 1.25rem
    }

    .header_title_folder .icn_title_arrow i:first-of-type {
        left: 0
    }

    .header_wrap.small .search_inner,.scrolling .common_search_wrap .search_inner {
        flex-direction: column
    }

    .common_search_wrap .search_select_wrap {
        width: 100%;
        flex: 0 0 100%;
        margin-right: 0
    }

    .common_search_wrap .search_input_wrap {
        margin: 0.6rem 0 0 0;
        width: 100%
    }

    .common_search_wrap .search_select_wrap .custom_select:after {
        right: 1.288rem
    }

    .common_search_wrap .search_select_wrap .custom_select select {
        padding-right: 3rem
    }

    footer.footer_wrap .inner_footer .gradeRating .grade_sa img {
        width: 5rem;
        height: 5rem
    }

    .content_title_folder {
        padding: 1rem
    }

    .first_title {
        font-size: 1.166rem!important;
        padding-left: 0.833rem
    }

    .first_title:before {
        width: 0.166rem;
        height: 0.833rem
    }

    .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: 2.8rem
    }

    .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 + .detail_content_wrap {
        padding-top: 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
    }

    #popupSlider .pop_view_change .btn_change_image {
        width: 4.166rem;
        height: 4.166rem
    }

    .pop_view_change .icn_cm_spr {
        background-size: 66.66rem
    }

    .icn_change_pc {
        width: 2.42rem;
        height: 1.85rem;
        background-position: -3.791rem -63.45rem
    }

    .icn_change_mo {
        width: 1.59rem;
        height: 2.36rem;
        background-position: -6.791rem -63.45rem
    }

    .flex_block_mobile {
        display: block
    }

    .game_start_contents {
        padding: 30px 5%
    }

    .game_start_wrap .btn_download {
        min-width: initial
    }

    .tpl_glance.glance_bg_gra {
        height: 75px;
        margin-top: -74px
    }

    .tpl_glance.glance_obj_line {
        margin: 20px auto
    }

    .tpl_glance.glance_obj_num {
        margin: 0 12px;
        font-size: 15px
    }

    .tpl_glance.glance_obj_num_bg {
        top: 1px;
        left: -5px;
        width: 18px;
        height: 18px
    }

    .tpl_glance.glance_item {
        margin: 16px auto;
        width: 64px;
        height: 64px
    }

    .tpl_glance.glance_item_name {
        height: 46px;
        font-size: 12px
    }

    .tpl_glance.glance_item_wrap.horiz .glance_item {
        margin: 20px 40px
    }

    .tpl_glance.glance_item_wrap + .glance_btn_box {
        margin-top: 14px
    }

    .tpl_glance.glance_tab_title {
        height: 42px;
        font-size: 15px
    }

    .tpl_glance.glance_tab .glance_tab_inner {
        padding: 20px 14px
    }

    .tpl_glance.glance_main_title {
        font-size: 26px
    }

    .tpl_glance.glance_subject_title {
        font-size: 20px
    }

    .tpl_glance.glance_subject_desc {
        font-size: 13px
    }

    .tpl_glance.glance_check {
        padding: 12px
    }

    .tpl_glance.glance_check_box {
        width: 28px;
        height: 28px;
        margin-right: 14px
    }

    .tpl_glance.icn_glance_check {
        top: -5px;
        left: 5px;
        width: 23px;
        height: 24px
    }

    .tpl_glance.glance_check .glance_check_text {
        font-size: 14px
    }

    .tpl_glance.glance_reward_item,.tpl_glance.glance_reward_list > .glance_item_wrap {
        flex: 0 0 138px;
        width: 138px;
        max-width: 48%;
        margin: 1%
    }

    .tpl_glance.glance_reward_item .glance_item_wrap {
        padding: 14px 8px
    }

    .tpl_glance.glance_reward_detail {
        height: 64px
    }

    .tpl_glance.glance_reward_detail .glance_reward_detail_text {
        font-size: 12px
    }

    .tpl_glance.glance_coupon_code {
        padding: 22px 10px;
        font-size: 20px
    }

    .tpl_glance.glance_detail {
        flex-direction: column;
        justify-content: center;
        padding-bottom: 20px
    }

    .tpl_glance.glance_burning_list {
        flex-wrap: wrap
    }

    .tpl_glance.glance_burning_detail {
        flex: 0 1 50%
    }

    .tpl_glance.glance_burning_detail:nth-child(2n + 1)::before {
        display: none
    }

    .tpl_glance.glance_btn_wrap {
        flex-direction: column;
        align-items: center;
        margin: 10px auto 0
    }

    .tpl_glance.glance_btn_wrap .glance_btn_box {
        margin-top: 10px
    }

    .tpl_glance.glance_btn_wrap .glance_btn_box + .glance_btn_box {
        margin-left: 0
    }

    .tpl_glance.glance_btn.big {
        width: 280px;
        height: 60px;
        font-size: 14px
    }

    .tpl_glance.glance_btn.mid {
        width: 170px;
        height: 40px;
        font-size: 12px
    }

    .tpl_glance_wrap.light_purple .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(242, 236, 245, .02) 2px, rgba(242, 236, 245, .1) 10px, rgba(242, 236, 245, .2) 16px, rgba(242, 236, 245, .4) 24px, rgba(242, 236, 245, .6) 36px, rgba(242, 236, 245, .75) 45px, rgba(242, 236, 245, .85) 52px, rgba(242, 236, 245, 1) 75px)
    }

    .tpl_glance_wrap.light_blue .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(236, 241, 245, .02) 2px, rgba(236, 241, 245, .1) 10px, rgba(236, 241, 245, .2) 16px, rgba(236, 241, 245, .4) 24px, rgba(236, 241, 245, .6) 36px, rgba(236, 241, 245, .75) 45px, rgba(236, 241, 245, .85) 52px, rgba(236, 241, 245, 1) 75px)
    }

    .tpl_glance_wrap.light_red .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(245, 236, 236, .02) 2px, rgba(245, 236, 236, .1) 10px, rgba(245, 236, 236, .2) 16px, rgba(245, 236, 236, .4) 24px, rgba(245, 236, 236, .6) 36px, rgba(245, 236, 236, .75) 45px, rgba(245, 236, 236, .85) 52px, rgba(245, 236, 236, 1) 75px)
    }

    .tpl_glance_wrap.light_pink .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(233, 227, 231, .02) 2px, rgba(233, 227, 231, .1) 10px, rgba(233, 227, 231, .2) 16px, rgba(233, 227, 231, .4) 24px, rgba(233, 227, 231, .6) 36px, rgba(233, 227, 231, .75) 45px, rgba(233, 227, 231, .85) 52px, rgba(233, 227, 231, 1) 75px)
    }

    .tpl_glance_wrap.dark_brown .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(49, 38, 32, .02) 2px, rgba(49, 38, 32, .1) 10px, rgba(49, 38, 32, .2) 16px, rgba(49, 38, 32, .4) 24px, rgba(49, 38, 32, .6) 36px, rgba(49, 38, 32, .75) 45px, rgba(49, 38, 32, .85) 52px, rgba(49, 38, 32, 1) 75px)
    }

    .tpl_glance_wrap.dark_blue .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(44, 50, 71, .02) 2px, rgba(44, 50, 71, .1) 10px, rgba(44, 50, 71, .2) 16px, rgba(44, 50, 71, .4) 24px, rgba(44, 50, 71, .6) 36px, rgba(44, 50, 71, .75) 45px, rgba(44, 50, 71, .85) 52px, rgba(44, 50, 71, 1) 75px)
    }

    .tpl_glance_wrap.dark_green .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(36, 40, 35, .02) 2px, rgba(36, 40, 35, .1) 10px, rgba(36, 40, 35, .2) 16px, rgba(36, 40, 35, .4) 24px, rgba(36, 40, 35, .6) 36px, rgba(36, 40, 35, .75) 45px, rgba(36, 40, 35, .85) 52px, rgba(36, 40, 35, 1) 75px)
    }

    .tpl_glance_wrap.dark_purple .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(49, 44, 62, .02) 2px, rgba(49, 44, 62, .1) 10px, rgba(49, 44, 62, .2) 16px, rgba(49, 44, 62, .4) 24px, rgba(49, 44, 62, .6) 36px, rgba(49, 44, 62, .75) 45px, rgba(49, 44, 62, .85) 52px, rgba(49, 44, 62, 1) 75px)
    }

    .tpl_glance_wrap.dark_red .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(63, 33, 33, .02) 2px, rgba(63, 33, 33, .1) 10px, rgba(63, 33, 33, .2) 16px, rgba(63, 33, 33, .4) 24px, rgba(63, 33, 33, .6) 36px, rgba(63, 33, 33, .75) 45px, rgba(63, 33, 33, .85) 52px, rgba(63, 33, 33, 1) 75px)
    }

    .tpl_glance_wrap.dark_grey .glance_bg_gra {
        background: linear-gradient(to bottom, transparent, rgba(37, 38, 44, .02) 2px, rgba(37, 38, 44, .1) 10px, rgba(37, 38, 44, .2) 16px, rgba(37, 38, 44, .4) 24px, rgba(37, 38, 44, .6) 36px, rgba(37, 38, 44, .75) 45px, rgba(37, 38, 44, .85) 52px, rgba(37, 38, 44, 1) 75px)
    }
}

@media screen and (max-width: 480px) {
    .box_reply .btn_wrap .btn_reply,.btn_like,.btn_quote,.btn_sml02,.btn_sml03,.paging a {
        font-size:11px
    }

    .agree_wrap .box_agree h5,.agree_wrap .box_agree p,.aside_common .aside_menu .aside_node_child,.aside_common .aside_menu .aside_node_parent,.btn_detail_more,.btn_mid,.btn_mid2,.contents_area,.custom_check input[type="checkbox"] + label,.custom_input input[type="email"],.custom_input input[type="number"],.custom_input input[type="password"],.custom_input input[type="text"],.custom_input.sml input[type="email"],.custom_input.sml input[type="password"],.custom_input.sml input[type="text"],.custom_select select,.custom_select.mid select,.field-validation-error > span,.field-validation-valid > span,.join_list_text,.no_data p,.policy_wrap,.policy_wrap p,.popup_coupon .pop_content .pop_coupon_wrap span.h2_desc,footer.footer_wrap .inner_footer .copyright p,ul.bullet_list li {
        font-size: 12px
    }

    .popup_coupon .pop_content .pop_coupon_wrap h2 {
        font-size: 13px
    }

    .icon_symbol.reply {
        width: 16px;
        height: 16px;
        background: #cacaca
    }

    .icon_symbol.reply:before {
        background-size: 48px auto
    }

    .icon_symbol.reply.icn_symbol0:before {
        background-position: -16px 0
    }

    .icon_symbol.reply.icn_symbol4:before {
        background-position: -16px -16px
    }

    .icon_symbol.reply.icn_symbol8:before {
        background-position: -16px -32px
    }

    .icon_symbol.reply.icn_symbol12:before {
        background-position: -16px -48px
    }

    .icon_symbol.reply.icn_symbol16:before {
        background-position: -16px -64px
    }

    .icon_symbol.reply.icn_symbol26:before {
        background-position: -16px -80px
    }

    .icon_symbol.reply.icn_symbol25:before {
        background-position: -16px -96px
    }

    .icon_symbol.reply.icn_symbol31:before {
        background-position: -16px -112px
    }

    .icon_symbol.reply.icn_symbol200:before,.icon_symbol.reply.icn_symbol28:before {
        background-position: -16px -128px
    }

    .icon_symbol.reply.icn_symbol21:before {
        background-position: -16px -144px
    }

    .icon_symbol.reply.icn_symbol24:before {
        background-position: -16px -160px
    }

    .icon_symbol.reply.icn_symbol20:before {
        background-position: -16px -176px
    }

    .icon_symbol.reply.icn_symbol27:before {
        background-position: -16px -192px
    }

    .icon_symbol.reply.icn_symbol19:before {
        background-position: -16px -208px
    }

    .icon_symbol.reply.icn_symbol23:before {
        background-position: -16px -224px
    }

    .icon_symbol.reply.icn_symbol11:before {
        background-position: -16px -240px
    }

    .icon_symbol.reply.icn_symbol29:before {
        background-position: -16px -256px
    }

    .icon_symbol.reply.icn_symbol17:before {
        background-position: -16px -272px
    }

    .icon_symbol.reply.icn_symbol5:before {
        background-position: -16px -288px
    }

    .icon_symbol.reply.icn_symbol1:before {
        background-position: -16px -304px
    }

    .icon_symbol.reply.icn_symbol9:before {
        background-position: -16px -320px
    }

    .icon_symbol.reply.icn_symbol2:before {
        background-position: -16px -336px
    }

    .icon_symbol.reply.icn_symbol10:before {
        background-position: -16px -352px
    }

    .icon_symbol.reply.icn_symbol7:before {
        background-position: -16px -368px
    }

    .icon_symbol.reply.icn_symbol30:before {
        background-position: -16px -384px
    }

    .icon_symbol.reply.icn_symbol15:before {
        background-position: -16px -400px
    }

    .tpl_glance.glance_between {
        flex-direction: column
    }

    .tpl_glance.glance_between_img_wrap {
        width: 100%;
        min-width: 100%
    }

    .tpl_glance.glance_between_img_inner {
        position: relative;
        max-height: 35vw
    }

    .tpl_glance.glance_between_img_inner img {
        width: 100%;
        height: auto!important
    }

    .tpl_glance.glance_between_title {
        padding: 12px 8px;
        width: 100%;
        min-width: 100%;
        min-height: auto
    }

    .tpl_glance.glance_between_sub + .glance_btn {
        margin-top: 9px
    }

    .tpl_glance.glance_coupon_box .glance_item_wrap {
        flex: 0 1 100%
    }

    .tpl_glance.glance_item_wrap.horiz {
        flex-direction: column
    }

    .tpl_glance.glance_item_side {
        margin-top: 8px;
        padding-left: 0;
        text-align: center
    }
}

@media screen and (max-width: 360px) {
    .header_wrap .btn_all_menu > span {
        min-height:2px
    }
}

.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: -webkit-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: -webkit-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 .header_title_folder {
    padding: 14px 50px 14px 20px;
    font-size: 20px!important
}

.inGame .header_title_folder.active + .content_title_folder {
    display: block
}

.inGame .content_title_folder {
    display: none;
    padding: 14px 0 14px 20px
}

.inGame .first_title {
    position: relative;
    margin-bottom: 28px;
    padding-left: 9px;
    font-size: 20px!important;
    color: #000;
    line-height: 1.6
}

.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: 46px;
    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: flex;
    align-items: center;
    justify-content: 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;
    line-height: 1.6
}

.inGame .box_contents.gray {
    background: #fafafa;
    border-color: #c3c3c3
}

.inGame .box_contents.darkgray {
    background: #fafafa;
    border-width: 2px;
    border-color: #7f7f7f
}

.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;
    margin-right: 10px;
    padding: 14px 20px 14px
}

.inGame .btn_detail_more.active {
    padding-bottom: 20px
}

.inGame .btn_detail_more:after {
    display: block;
    content: "";
    overflow: hidden;
    position: absolute;
    top: 18px;
    right: 0;
    width: 6px;
    height: 6px;
    box-sizing: border-box;
    border-right: 1px solid #9e2a2a;
    border-bottom: 1px solid #9e2a2a;
    background: 0 0;
    -webkit-transform: rotate(50deg) skew(10deg);
    transform: rotate(50deg) skew(10deg)
}

.inGame .btn_detail_more.active:after {
    top: 21px;
    -webkit-transform: rotate(-130deg) skew(10deg);
    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: 48px
}

.inGame .btn_link span.link {
    display: inline;
    width: auto;
    padding-right: 22px
}

.inGame .btn_link span.link: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=3) -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-collapse: collapse;
    line-height: 1.6
}

.inGame table td {
    padding: 14px 20px;
    line-height: 1.6
}

.inGame .box_detail_slider {
    margin: 20px 0;
    padding: 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: 20px 30px 54px
}

.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.6
}

.inGame.wiki #main .contents {
    line-height: 1.6
}

.inGame.wiki .head_title {
    position: relative;
    font-size: 32px;
    color: #603a3a;
    font-weight: normal;
    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=3) -372px -541px no-repeat
}

.inGame.wiki .first_title {
    font-size: 24px!important;
    color: #000;
    font-weight: normal;
    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: normal
}

.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=3) 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 0 1.5rem
}

.inGame.wiki .search_result ul l ul li {
    margin-left: 3rem
}

.inGame.wiki .search_result ul li::before {
    display: none
}

.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
}

.inGame.wiki .title.search_result_title {
    margin-bottom: 0
}

.inGame.wiki .search_result_item {
    display: block;
    padding: 22px 12px;
    border-top: 1px solid #d3d2cf
}

.inGame.wiki .search_result_item:nth-of-type(1) {
    border-top: none
}

.inGame.wiki .search_result_item .search_title {
    font-size: 20px
}

.inGame.wiki .search_result_item .search_result_keyword {
    color: #ad8b53
}

.inGame.wiki .search_result_item .search_result {
    margin-top: 10px;
    font-size: 14px
}

.inGame.wiki .search_result_item .search_result ul li {
    width: 100%;
    margin: 0;
    color: #4e4e4e;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.inGame.wiki .search_result_item .search_result_link {
    color: #333;
    cursor: pointer;
    background-image: -webkit-linear-gradient(#333, #333);
    background-image: linear-gradient(#333, #333);
    background-position: left bottom;
    background-size: 0 2px;
    background-repeat: no-repeat
}

.inGame.wiki .search_result_item .search_result_link:hover {
    background-size: 100% 2px
}

html:lang(ru-RU) .box_report .box_report_list ul {
    background: #fff
}

html:lang(ru-RU) .box_report {
    z-index: 2
}

@media screen and (max-width: 1024px) {
    html:lang(ru-RU) .btn_mid {
        font-size:0.8rem
    }
}

@media screen and (min-width: 1025px) {
    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 (min-width: 2560px) {
    body {
        max-width:2560px;
        min-width: inherit;
        margin: 0 auto;
        background-image: url(../../img/common/common_pattern_bg.jpg),url(../../img/common/common_pattern_bg.jpg);
        background-position: 0 0,100% 0;
        background-repeat: repeat-y;
        background-size: calc((100% - 2560px)/2),calc((100% - 2560px)/2);
        background-color: #101115
    }

    .header_wrap {
        max-width: 2560px
    }
}

#divDisplayOffWatermark {
    position: fixed;
    left: 0;
    top: 0;
    width: 0%;
    height: 0%;
    z-index: 99999
}

#spanDisplayOffWatermark1 {
    position: fixed;
    left: 5%;
    top: 20%;
    font-size: 150%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 0.4;
    color: red
}

#spanDisplayOffWatermark2 {
    position: fixed;
    left: 5%;
    top: 70%;
    font-size: 150%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 0.4;
    color: red
}

#spanDisplayOffWatermark3 {
    position: fixed;
    left: 38%;
    top: 20%;
    font-size: 150%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 0.4;
    color: red
}

#spanDisplayOffWatermark4 {
    position: fixed;
    left: 38%;
    top: 70%;
    font-size: 150%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 0.4;
    color: red
}

#spanDisplayOffWatermark5 {
    position: fixed;
    left: 71%;
    top: 20%;
    font-size: 150%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 0.4;
    color: red
}

#spanDisplayOffWatermark6 {
    position: fixed;
    left: 71%;
    top: 70%;
    font-size: 150%;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    opacity: 0.4;
    color: red
}

@media print {
    @page {
        size: A4;
        margin: 1mm
    }

    body,html {
        margin: 1mm
    }

    #top_network,footer,header {
        display: none!important
    }
}

@keyframes shareModalOn {
    0% {
        opacity: 0;
        transform: translate3d(0, -5px, 0)
    }

    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0)
    }
}

@keyframes copyCheck {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}