body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, table, th, td, form, fieldset, legend, textarea, input, select, textarea, button, article, aside, dialog, footer, header, section, footer, nav, figure, main {
    margin: 0;
    padding: 0
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

article, aside, dialog, footer, header, section, footer, nav, figure, main {
    display: block
}

html, body {
    height: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none
}

img, form, fieldset, li {
    border: 0;
    vertical-align: top
}

ul, ol {
    list-style: none
}

button {
    overflow: visible;
    cursor: pointer;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button:disabled {
    cursor: default
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

input, select {
    width: 0;
    height: 0;
    border: none;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

address, caption, em {
    font-style: normal
}

a, a:focus, a:active, a:hover {
    text-decoration: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'pretendard';
    font-weight: 400;
    src: url(../font/pretendard_regular.woff) format("woff")
}

@font-face {
    font-family: 'pretendard';
    font-weight: 500;
    src: url(../font/pretendard_medium.woff) format("woff")
}

@font-face {
    font-family: 'pretendard';
    font-weight: 600;
    src: url(../font/pretendard_semibold.woff) format("woff")
}

@font-face {
    font-family: 'pretendard';
    font-weight: 700;
    src: url(../font/pretendard_bold.woff) format("woff")
}

@font-face {
    font-family: 'pretendard';
    font-weight: 800;
    src: url(../font/pretendard_extrabold.woff) format("woff")
}

@font-face {
    font-family: 'pretendard';
    font-weight: 900;
    src: url(../font/pretendard_black.woff) format("woff")
}

[class^="heading_"], [class*=" heading_"] {
    font-family: "sandoll-press-basic", sans-serif;
    font-weight: 400;
    font-style: normal
}

.heading_xxlarge {
    font-size: 98px;
    font-size: 3.82813vw;
    line-height: 127px;
    line-height: 4.96094vw
}

@media (min-width: 2560px) {
    .heading_xxlarge {
        font-size: 98px;
        line-height: 127px
    }
}

.heading_xlarge {
    font-size: 42px;
    font-size: 1.64063vw;
    line-height: 55px;
    line-height: 2.14844vw
}

@media (min-width: 2560px) {
    .heading_xlarge {
        font-size: 42px;
        line-height: 55px
    }
}

.heading_large {
    font-size: 36px;
    font-size: 1.40625vw;
    line-height: 47px;
    line-height: 1.83594vw
}

@media (min-width: 2560px) {
    .heading_large {
        font-size: 36px;
        line-height: 47px
    }
}

.heading_medium {
    font-size: 28px;
    font-size: 1.09375vw;
    line-height: 36px;
    line-height: 1.40625vw
}

@media (min-width: 2560px) {
    .heading_medium {
        font-size: 28px;
        line-height: 36px
    }
}

.heading_normal {
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 34px;
    line-height: 1.32813vw
}

@media (min-width: 2560px) {
    .heading_normal {
        font-size: 26px;
        line-height: 34px
    }
}

.heading_small {
    font-size: 24px;
    font-size: .9375vw;
    line-height: 31px;
    line-height: 1.21094vw
}

@media (min-width: 2560px) {
    .heading_small {
        font-size: 24px;
        line-height: 31px
    }
}

.heading_xsmall {
    font-size: 20px;
    font-size: .78125vw;
    line-height: 26px;
    line-height: 1.01563vw
}

@media (min-width: 2560px) {
    .heading_xsmall {
        font-size: 20px;
        line-height: 26px
    }
}

[class^="body_"], [class*=" body_"] {
    font-family: "pretendard";
    font-weight: 500;
    letter-spacing: -0.02em
}

.body_xxlarge {
    font-size: 68px;
    font-size: 2.65625vw;
    line-height: 88px;
    line-height: 3.4375vw
}

@media (min-width: 2560px) {
    .body_xxlarge {
        font-size: 68px;
        line-height: 88px
    }
}

.body_xlarge {
    font-size: 30px;
    font-size: 1.17188vw;
    line-height: 39px;
    line-height: 1.52344vw
}

@media (min-width: 2560px) {
    .body_xlarge {
        font-size: 30px;
        line-height: 39px
    }
}

.body_large {
    font-size: 28px;
    font-size: 1.09375vw;
    line-height: 36px;
    line-height: 1.40625vw
}

@media (min-width: 2560px) {
    .body_large {
        font-size: 28px;
        line-height: 36px
    }
}

.body_medium {
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 34px;
    line-height: 1.32813vw
}

@media (min-width: 2560px) {
    .body_medium {
        font-size: 26px;
        line-height: 34px
    }
}

.body_xnormal {
    font-size: 20px;
    font-size: .78125vw;
    line-height: 26px;
    line-height: 1.01563vw
}

@media (min-width: 2560px) {
    .body_xnormal {
        font-size: 20px;
        line-height: 26px
    }
}

.body_normal {
    font-size: 18px;
    font-size: .70313vw;
    line-height: 23px;
    line-height: .89844vw
}

@media (min-width: 2560px) {
    .body_normal {
        font-size: 18px;
        line-height: 23px
    }
}

.body_small {
    font-size: 16px;
    font-size: .625vw;
    line-height: 21px;
    line-height: .82031vw
}

@media (min-width: 2560px) {
    .body_small {
        font-size: 16px;
        line-height: 21px
    }
}

.body_xsmall {
    font-size: 14px;
    font-size: .54688vw;
    line-height: 18px;
    line-height: .70313vw
}

@media (min-width: 2560px) {
    .body_xsmall {
        font-size: 14px;
        line-height: 18px
    }
}

body, input, select, textarea, button {
    font-family: "pretendard";
    font-weight: 400;
    color: #fff
}

body {
    background-color: #000
}

.blind, caption, legend {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 1px;
    line-height: 100px;
    white-space: nowrap
}

.skip {
    height: 0
}

.skip a {
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    width: 100%;
    height: 25px;
    text-align: center
}

.skip a:focus, #skip a:active {
    position: absolute;
    top: 0;
    z-index: 100;
    padding: 10px 0;
    background: #000;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-decoration: none
}

button:disabled, input:disabled {
    pointer-events: none;
    cursor: default
}

img {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 1400px;
    max-width: 54.6875vw;
    width: 100%;
    margin: 0 auto
}

@media (min-width: 2560px) {
    .inner {
        max-width: 1400px
    }
}

.animate {
    opacity: 0.0001;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
    transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
    -webkit-transition-delay: calc(var(--i) * 0.15s);
    transition-delay: calc(var(--i) * 0.15s)
}

.animate.is_show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.animate_zoom {
    opacity: 0
}

.animate_zoom.is_show {
    -webkit-animation: zoom-fade 0.5s calc(var(--i) * .2s) forwards cubic-bezier(0.22, 0.61, 0.36, 1);
    animation: zoom-fade 0.5s calc(var(--i) * .2s) forwards cubic-bezier(0.22, 0.61, 0.36, 1)
}

@-webkit-keyframes zoom-fade {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes zoom-fade {
    from {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 0
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.riotbar-footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.riotbar-legal-links {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    background: #292929
}

.semibold {
    font-weight: 600
}

.bold {
    font-weight: 700
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0.0001;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0.0001;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes bouncing {
    0% {
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(8px);
        -khtml-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes bouncing {
    0% {
        -webkit-transform: translateY(0);
        -khtml-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        -webkit-transform: translateY(8px);
        -khtml-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@-webkit-keyframes slideLeft {
    100% {
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 1
    }
}

@keyframes slideLeft {
    100% {
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 1
    }
}

@-webkit-keyframes slideRight {
    100% {
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 1
    }
}

@keyframes slideRight {
    100% {
        -webkit-transform: translateX(-50%);
        -khtml-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        opacity: 1
    }
}

@keyframes zoom-fade {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        -webkit-filter: blur(10px);
        filter: blur(10px)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        -webkit-filter: none;
        filter: none
    }
}

.notes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.notes .btn_toggle {
    width: 100%;
    background-color: #000;
    font-size: 20px;
    font-size: .78125vw;
    line-height: 68px;
    line-height: 2.65625vw;
    font-weight: 700;
    border-top: 1px solid #1c1c1c;
    letter-spacing: -0.02em;
    color: #fff
}

@media (min-width: 2560px) {
    .notes .btn_toggle {
        font-size: 20px;
        line-height: 68px
    }
}

.notes .btn_toggle span {
    display: inline-block;
    position: relative;
    padding-right: 33px;
    padding-right: 1.28906vw
}

@media (min-width: 2560px) {
    .notes .btn_toggle span {
        padding-right: 33px
    }
}

.notes .btn_toggle span::after {
    position: absolute;
    top: 50%;
    right: 2px;
    right: .07813vw;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 18px 12px;
    background-size: 18px 12px;
    -webkit-background-size: .70313vw .46875vw;
    background-size: .70313vw .46875vw;
    background-image: url("../img/normal.png");
    background-position: 0px 0px;
    background-position: 0vw 0vw;
    width: 18px;
    width: .70313vw;
    height: 12px;
    height: .46875vw;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    content: ''
}

@media (min-width: 2560px) {
    .notes .btn_toggle span::after {
        right: 2px
    }
}

@media (min-width: 2560px) {
    .notes .btn_toggle span::after {
        -webkit-background-size: 18px 12px;
        background-size: 18px 12px
    }
}

@media (min-width: 2560px) {
    .notes .btn_toggle span::after {
        background-position: 0px 0px
    }
}

@media (min-width: 2560px) {
    .notes .btn_toggle span::after {
        width: 18px;
        height: 12px
    }
}

.notes .btn_toggle.is_active span::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -khtml-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}

.notes .btn_toggle.is_active + .precautions {
    display: block
}

.precautions {
    display: none;
    padding: 114px 155px 120px;
    padding: 5.9375vw 8.07292vw 6.25vw;
    background-color: #242424;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    font-size: 16px;
    font-size: .83333vw;
    line-height: 32px;
    line-height: 1.66667vw;
    color: #9c9c9c;
    word-break: break-all
}

@media (min-width: 2560px) {
    .precautions {
        padding: 114px 155px 120px
    }
}

@media (min-width: 2560px) {
    .precautions {
        font-size: 16px;
        line-height: 32px
    }
}

@media screen and (max-width: 768px) {
    .precautions {
        padding: 80px 64px 90px;
        padding: 7.8125vw 6.25vw 8.78906vw;
        font-size: 24px;
        font-size: 2.34375vw;
        line-height: 40px;
        line-height: 3.90625vw
    }
}

@media screen and (max-width: 768px) and (min-width: 1025px) {
    .precautions {
        padding: 80px 64px 90px
    }
}

@media screen and (max-width: 768px) and (min-width: 1025px) {
    .precautions {
        font-size: 24px;
        line-height: 40px
    }
}

.precautions h4 {
    font-weight: 600;
    color: #d7d7e2;
    line-height: 32px;
    line-height: 1.66667vw
}

@media (min-width: 2560px) {
    .precautions h4 {
        line-height: 32px
    }
}

.precautions h4 ~ h4 {
    margin-top: 10px;
    margin-top: .52083vw
}

@media (min-width: 2560px) {
    .precautions h4 ~ h4 {
        margin-top: 10px
    }
}

@media screen and (max-width: 768px) {
    .precautions h4 {
        font-size: 26px;
        font-size: 2.53906vw;
        line-height: 52px;
        line-height: 5.07813vw
    }
}

@media screen and (max-width: 768px) and (min-width: 1025px) {
    .precautions h4 {
        font-size: 26px;
        line-height: 52px
    }
}

@media screen and (max-width: 768px) {
    .precautions h4 ~ h4 {
        margin-top: 20px;
        margin-top: 1.95313vw
    }
}

@media screen and (max-width: 768px) and (min-width: 1025px) {
    .precautions h4 ~ h4 {
        margin-top: 20px
    }
}

.precautions > ul {
    padding-left: 10px;
    padding-left: .52083vw
}

@media (min-width: 2560px) {
    .precautions > ul {
        padding-left: 10px
    }
}

.precautions > ul > li {
    position: relative;
    padding-left: 17px;
    padding-left: .88542vw
}

@media (min-width: 2560px) {
    .precautions > ul > li {
        padding-left: 17px
    }
}

.precautions > ul > li:before {
    position: absolute;
    top: 11px;
    top: .57292vw;
    left: 0;
    width: 6px;
    width: .3125vw;
    height: 6px;
    height: .3125vw;
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #dbdbe5;
    opacity: 0.2;
    content: ''
}

@media (min-width: 2560px) {
    .precautions > ul > li:before {
        top: 11px
    }
}

@media (min-width: 2560px) {
    .precautions > ul > li:before {
        width: 6px
    }
}

@media (min-width: 2560px) {
    .precautions > ul > li:before {
        height: 6px
    }
}

@media screen and (max-width: 768px) {
    .precautions > ul > li:before {
        top: 10px;
        top: .52083vw;
        border: none
    }
}

@media screen and (max-width: 768px) and (min-width: 2560px) {
    .precautions > ul > li:before {
        top: 10px
    }
}

.precautions > ul > li .btn_link {
    color: #9c9c9c;
    text-decoration: underline
}

.precautions .desc_item > li {
    padding-left: 17px;
    padding-left: .88542vw
}

@media (min-width: 2560px) {
    .precautions .desc_item > li {
        padding-left: 17px
    }
}

.precautions .table {
    margin-top: 14px;
    margin-top: .72917vw;
    padding-left: 28px;
    padding-left: 1.45833vw
}

@media (min-width: 2560px) {
    .precautions .table {
        margin-top: 14px
    }
}

@media (min-width: 2560px) {
    .precautions .table {
        padding-left: 28px
    }
}

.precautions table, .precautions th, .precautions td {
    border: 1px solid #fff;
    border-collapse: collapse
}

.precautions table th, .precautions table td {
    padding: 12px;
    padding: .625vw;
    font-weight: 600;
    font-size: 16px;
    font-size: .625vw;
    color: #fff;
    line-height: 1.75;
    text-align: center
}

@media (min-width: 2560px) {
    .precautions table th, .precautions table td {
        padding: 12px
    }
}

@media (min-width: 2560px) {
    .precautions table th, .precautions table td {
        font-size: 16px
    }
}

.precautions table th {
    width: 178px;
    width: 9.27083vw
}

@media (min-width: 2560px) {
    .precautions table th {
        width: 178px
    }
}

.layer {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100vh;
    text-align: center
}

.layer::before {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    content: ''
}

.dimmed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.8)
}

.is_lock {
    overflow: hidden;
    position: fixed !important;
    left: 0;
    width: 100%;
    overscroll-behavior-y: none
}

.is_lock .riotbar-header-wrapper {
    z-index: 0
}

.pop {
    display: inline-block;
    position: relative;
    z-index: 20;
    vertical-align: middle;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop .heading_medium {
    font-size: 28px;
    line-height: 36px
}

.pop .body_large {
    font-size: 28px;
    line-height: 36px
}

.pop .body_xnormal {
    font-size: 20px;
    line-height: 26px
}

.pop .body_normal {
    font-size: 18px;
    line-height: 23px
}

.pop .body_small {
    font-size: 16px;
    line-height: 21px
}

.pop .body_xsmall {
    font-size: 14px;
    line-height: 18px
}

@media (max-width: 1024px) {
    .pop .heading_medium {
        font-size: 28px;
        font-size: 2.73438vw;
        line-height: 36px;
        line-height: 3.51563vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .heading_medium {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 1024px) {
    .pop .body_large {
        font-size: 28px;
        font-size: 2.73438vw;
        line-height: 36px;
        line-height: 3.51563vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .body_large {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width: 1024px) {
    .pop .body_xnormal {
        font-size: 20px;
        font-size: 1.95313vw;
        line-height: 26px;
        line-height: 2.53906vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .body_xnormal {
        font-size: 20px;
        line-height: 26px
    }
}

@media (max-width: 1024px) {
    .pop .body_normal {
        font-size: 18px;
        font-size: 1.75781vw;
        line-height: 23px;
        line-height: 2.24609vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .body_normal {
        font-size: 18px;
        line-height: 23px
    }
}

@media (max-width: 1024px) {
    .pop .body_small {
        font-size: 16px;
        font-size: 1.5625vw;
        line-height: 21px;
        line-height: 2.05078vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .body_small {
        font-size: 16px;
        line-height: 21px
    }
}

@media (max-width: 1024px) {
    .pop .body_xsmall {
        font-size: 14px;
        font-size: 1.36719vw;
        line-height: 18px;
        line-height: 1.75781vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .body_xsmall {
        font-size: 14px;
        line-height: 18px
    }
}

.pop .scroll-wrapper {
    overflow: visible !important
}

.pop .scroll-content::-webkit-scrollbar, .pop .scroll-content::-webkit-scrollbar-thumb {
    display: none
}

.pop .scroll-bar {
    background: #9EB6B6 !important;
    opacity: 1 !important;
    border-radius: 0 !important
}

.pop .scroll-element_outer {
    border-radius: 6px !important
}

.pop .scroll-element_track {
    background-color: #2E3737 !important;
    opacity: 1 !important;
    border-radius: 0 !important
}

.pop .scroll-element.scroll-y {
    width: 4px;
    width: .15625vw;
    right: -20px;
    right: -.78125vw
}

@media (min-width: 2560px) {
    .pop .scroll-element.scroll-y {
        width: 4px
    }
}

@media (min-width: 2560px) {
    .pop .scroll-element.scroll-y {
        right: -20px
    }
}

@media (max-width: 1024px) {
    .pop .scroll-element.scroll-y {
        width: 4px;
        width: .39063vw;
        right: -20px;
        right: -1.95313vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .scroll-element.scroll-y {
        width: 4px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .scroll-element.scroll-y {
        right: -20px
    }
}

@media screen and (max-width: 768px) {
    .pop .scroll-wrapper > .scroll-content {
        overflow: hidden !important
    }
}

.pop_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: hidden;
    position: relative;
    width: 512px;
    max-height: calc(100vh - 60px);
    padding: 64px 40px 46px;
    border-radius: 8px;
    background: url("../img/season1/bg_popup.jpg") center/cover no-repeat;
    color: #F9F8D7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop_item::-webkit-scrollbar {
    width: 6px;
    background-color: #2E3737
}

.pop_item::-webkit-scrollbar-thumb {
    background-color: #9EB6B6;
    border-radius: 4px
}

.pop_item.pop_list {
    width: 672px
}

.pop_item.pop_alert {
    width: 432px
}

@media (max-width: 1024px) {
    .pop_item {
        width: 512px;
        width: 50vw;
        padding: 64px 40px 46px;
        padding: 6.25vw 3.90625vw 4.49219vw;
        border-radius: 8px;
        border-radius: .78125vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_item {
        width: 512px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_item {
        padding: 64px 40px 46px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_item {
        border-radius: 8px
    }
}

@media (max-width: 1024px) {
    .pop_item.pop_list {
        width: 672px;
        width: 65.625vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_item.pop_list {
        width: 672px
    }
}

@media (max-width: 1024px) {
    .pop_item.pop_alert {
        width: 432px;
        width: 42.1875vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_item.pop_alert {
        width: 432px
    }
}

.pop_sub_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #FFD573;
    text-align: center
}

.pop_sub_title::before, .pop_sub_title::after {
    position: absolute;
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -275px -92px;
    background-position: -26.85547vw -8.98438vw;
    width: 11px;
    width: 1.07422vw;
    height: 21px;
    height: 2.05078vw;
    content: ''
}

@media (min-width: 1025px) {
    .pop_sub_title::before, .pop_sub_title::after {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pop_sub_title::before, .pop_sub_title::after {
        background-position: -275px -92px
    }
}

@media (min-width: 1025px) {
    .pop_sub_title::before, .pop_sub_title::after {
        width: 11px;
        height: 21px
    }
}

.pop_sub_title:before {
    left: -21px
}

.pop_sub_title:after {
    right: -21px
}

@media (max-width: 1024px) {
    .pop_sub_title:before {
        left: -21px;
        left: -2.05078vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_sub_title:before {
        left: -21px
    }
}

@media (max-width: 1024px) {
    .pop_sub_title:after {
        right: -21px;
        right: -2.05078vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_sub_title:after {
        right: -21px
    }
}

.pop_sub_title + .pop_title {
    margin-top: 16px
}

@media (max-width: 1024px) {
    .pop_sub_title + .pop_title {
        margin-top: 16px;
        margin-top: 1.5625vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_sub_title + .pop_title {
        margin-top: 16px
    }
}

.pop_title, .pop_notice {
    text-align: center
}

.pop_title + .pop_bx {
    margin-top: 36px
}

@media (max-width: 1024px) {
    .pop_title + .pop_bx {
        margin-top: 36px;
        margin-top: 3.51563vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_title + .pop_bx {
        margin-top: 36px
    }
}

.pop .tbl_head, .pop .tbl_body {
    display: block;
    position: relative;
    width: 100%
}

.pop_content {
    margin-top: 24px
}

@media (max-width: 1024px) {
    .pop_content {
        margin-top: 24px;
        margin-top: 2.34375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_content {
        margin-top: 24px
    }
}

.pop_desc {
    margin-top: 14px;
    color: #9EB6B6;
    text-align: center
}

@media (max-width: 1024px) {
    .pop_desc {
        margin-top: 14px;
        margin-top: 1.36719vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_desc {
        margin-top: 14px
    }
}

.pop_desc .time {
    color: #F9F8D7
}

.pop_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-top: 20px
}

@media (max-width: 1024px) {
    .pop_btn {
        gap: 16px;
        gap: 1.5625vw;
        margin-top: 20px;
        margin-top: 1.95313vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_btn {
        gap: 16px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_btn {
        margin-top: 20px
    }
}

.pop .btn_close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 36px;
    height: 36px
}

.pop .btn_close::before, .pop .btn_close::after {
    position: absolute;
    width: 3px;
    height: 28px;
    background-color: #F9F8D7;
    content: ''
}

.pop .btn_close::before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pop .btn_close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width: 1024px) {
    .pop .btn_close {
        top: 14px;
        top: 1.36719vw;
        right: 14px;
        right: 1.36719vw;
        width: 36px;
        width: 3.51563vw;
        height: 36px;
        height: 3.51563vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_close {
        top: 14px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_close {
        right: 14px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_close {
        width: 36px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_close {
        height: 36px
    }
}

@media (max-width: 1024px) {
    .pop .btn_close::before, .pop .btn_close::after {
        width: 3px;
        width: .29297vw;
        height: 28px;
        height: 2.73438vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_close::before, .pop .btn_close::after {
        width: 3px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_close::before, .pop .btn_close::after {
        height: 28px
    }
}

.pop .btn_primary {
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: 0px 0px;
    background-position: 0vw 0vw;
    width: 326px;
    width: 31.83594vw;
    height: 88px;
    height: 8.59375vw;
    color: #D7E7E7
}

@media (min-width: 1025px) {
    .pop .btn_primary {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pop .btn_primary {
        background-position: 0px 0px
    }
}

@media (min-width: 1025px) {
    .pop .btn_primary {
        width: 326px;
        height: 88px
    }
}

.pop .btn_primary_sm {
    padding-bottom: 8px;
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: 0px -184px;
    background-position: 0vw -17.96875vw;
    width: 173px;
    width: 16.89453vw;
    height: 89px;
    height: 8.69141vw;
    color: #D7E7E7
}

@media (min-width: 1025px) {
    .pop .btn_primary_sm {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pop .btn_primary_sm {
        background-position: 0px -184px
    }
}

@media (min-width: 1025px) {
    .pop .btn_primary_sm {
        width: 173px;
        height: 89px
    }
}

@media (max-width: 1024px) {
    .pop .btn_primary_sm {
        padding-bottom: 8px;
        padding-bottom: .78125vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_primary_sm {
        padding-bottom: 8px
    }
}

.pop .btn_secondary {
    padding-bottom: 8px;
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: 0px -92px;
    background-position: 0vw -8.98438vw;
    width: 175px;
    width: 17.08984vw;
    height: 88px;
    height: 8.59375vw;
    line-height: 80px;
    color: #FFE2CF;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1025px) {
    .pop .btn_secondary {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pop .btn_secondary {
        background-position: 0px -92px
    }
}

@media (min-width: 1025px) {
    .pop .btn_secondary {
        width: 175px;
        height: 88px
    }
}

@media (max-width: 1024px) {
    .pop .btn_secondary {
        padding-bottom: 8px;
        padding-bottom: .78125vw;
        line-height: 80px;
        line-height: 7.8125vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_secondary {
        padding-bottom: 8px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop .btn_secondary {
        line-height: 80px
    }
}

.pop_list {
    padding-left: 42px;
    padding-right: 42px
}

@media (max-width: 1024px) {
    .pop_list {
        padding-left: 42px;
        padding-left: 4.10156vw;
        padding-right: 42px;
        padding-right: 4.10156vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list {
        padding-left: 42px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list {
        padding-right: 42px
    }
}

.pop_list .pop_bx {
    width: 100%;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .pop_list .pop_bx {
        padding-right: 20px;
        padding-right: 1.95313vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .pop_bx {
        padding-right: 20px
    }
}

.pop_list td:first-child, .pop_list th:first-child {
    width: 48px
}

.pop_list td:nth-child(2), .pop_list th:nth-child(2) {
    width: 83px
}

.pop_list td:nth-child(3), .pop_list th:nth-child(3) {
    width: 192px
}

@media (max-width: 1024px) {
    .pop_list td:first-child, .pop_list th:first-child {
        width: 48px;
        width: 4.6875vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list td:first-child, .pop_list th:first-child {
        width: 48px
    }
}

@media (max-width: 1024px) {
    .pop_list td:nth-child(2), .pop_list th:nth-child(2) {
        width: 83px;
        width: 8.10547vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list td:nth-child(2), .pop_list th:nth-child(2) {
        width: 83px
    }
}

@media (max-width: 1024px) {
    .pop_list td:nth-child(3), .pop_list th:nth-child(3) {
        width: 192px;
        width: 18.75vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list td:nth-child(3), .pop_list th:nth-child(3) {
        width: 192px
    }
}

.pop_list .tbl {
    width: 100%
}

.pop_list .tbl_head {
    padding: 10px 24px;
    border-bottom: 1px solid #4B5B5B;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .pop_list .tbl_head {
        padding: 10px 24px;
        padding: .97656vw 2.34375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .tbl_head {
        padding: 10px 24px
    }
}

.pop_list .tbl_head::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #354040;
    content: ''
}

.pop_list .tbl_body {
    height: 417px
}

.pop_list .tbl_body tr {
    display: block;
    margin-top: 8px;
    padding: 16px 24px;
    border-radius: 8px;
    background-color: rgba(24, 32, 32, 0.5)
}

@media (max-width: 1024px) {
    .pop_list .tbl_body {
        height: 417px;
        height: 40.72266vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .tbl_body {
        height: 417px
    }
}

@media (max-width: 1024px) {
    .pop_list .tbl_body tr {
        margin-top: 8px;
        margin-top: .78125vw;
        padding: 16px 24px;
        padding: 1.5625vw 2.34375vw;
        border-radius: 8px;
        border-radius: .78125vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .tbl_body tr {
        margin-top: 8px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .tbl_body tr {
        padding: 16px 24px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .tbl_body tr {
        border-radius: 8px
    }
}

.pop_list .time {
    display: block;
    margin-top: 8px;
    color: #9EB6B6
}

@media (max-width: 1024px) {
    .pop_list .time {
        margin-top: 8px;
        margin-top: .78125vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .time {
        margin-top: 8px
    }
}

.pop_list .btn_check_voucher {
    margin-top: 8px;
    color: #FFD573;
    text-decoration: underline;
    text-underline-offset: 3px
}

@media (max-width: 1024px) {
    .pop_list .btn_check_voucher {
        margin-top: 8px;
        margin-top: .78125vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_list .btn_check_voucher {
        margin-top: 8px
    }
}

.pop_reward .pop_content .pop_desc {
    margin-top: 17px
}

@media (max-width: 1024px) {
    .pop_reward .pop_content .pop_desc {
        margin-top: 17px;
        margin-top: 1.66016vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward .pop_content .pop_desc {
        margin-top: 17px
    }
}

.pop_reward_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 200px;
    height: 160px;
    margin-top: 24px
}

@media (max-width: 1024px) {
    .pop_reward_img {
        width: 200px;
        width: 19.53125vw;
        height: 160px;
        height: 15.625vw;
        margin-top: 24px;
        margin-top: 2.34375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_img {
        width: 200px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_img {
        height: 160px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_img {
        margin-top: 24px
    }
}

.pop_reward_situation td:nth-child(3) {
    padding-right: 38px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .pop_reward_situation td:nth-child(3) {
        padding-right: 38px;
        padding-right: 3.71094vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_situation td:nth-child(3) {
        padding-right: 38px
    }
}

.pop_reward_list td:nth-child(2) {
    width: auto
}

.pop_reward_list .tbl_body .name, .pop_reward_list .tbl_body .status, .pop_reward_list .tbl_body .status_item {
    display: inline-block;
    vertical-align: middle
}

.pop_reward_list .tbl_body .name {
    width: 190px
}

@media (max-width: 1024px) {
    .pop_reward_list .tbl_body .name {
        width: 190px;
        width: 18.55469vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_list .tbl_body .name {
        width: 190px
    }
}

.pop_reward_list .tbl_body .status {
    margin-left: 38px
}

@media (max-width: 1024px) {
    .pop_reward_list .tbl_body .status {
        margin-left: 38px;
        margin-left: 3.71094vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_list .tbl_body .status {
        margin-left: 38px
    }
}

.pop_reward_list .tbl_body .status_item {
    color: #9EB6B6
}

.pop_reward_list .tbl_body .status_item:not(:first-child) {
    margin-left: 24px
}

@media (max-width: 1024px) {
    .pop_reward_list .tbl_body .status_item:not(:first-child) {
        margin-left: 24px;
        margin-left: 2.34375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_reward_list .tbl_body .status_item:not(:first-child) {
        margin-left: 24px
    }
}

.pop_voucher .tab_list {
    width: 429px;
    height: 49px;
    background: url("../img/season1/tab_pop.png") center/contain no-repeat
}

@media (max-width: 1024px) {
    .pop_voucher .tab_list {
        width: 429px;
        width: 41.89453vw;
        height: 49px;
        height: 4.78516vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .tab_list {
        width: 429px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .tab_list {
        height: 49px
    }
}

.pop_voucher .tab_panel {
    margin-top: 17px
}

@media (max-width: 1024px) {
    .pop_voucher .tab_panel {
        margin-top: 17px;
        margin-top: 1.66016vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .tab_panel {
        margin-top: 17px
    }
}

.pop_voucher .tab_item .btn_tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 2px;
    color: #677D7C;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop_voucher .tab_item .btn_tab[aria-selected="true"] {
    color: #BBD7D7
}

@media (max-width: 1024px) {
    .pop_voucher .tab_item .btn_tab {
        padding-bottom: 2px;
        padding-bottom: .19531vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .tab_item .btn_tab {
        padding-bottom: 2px
    }
}

.pop_voucher .tab_item:nth-child(2) .btn_tab {
    color: #9B655B
}

.pop_voucher .tab_item:nth-child(2) .btn_tab[aria-selected="true"] {
    color: #FFE2CF
}

.pop_voucher .voucher_code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 432px;
    height: 63px;
    padding: 10px 0
}

@media (max-width: 1024px) {
    .pop_voucher .voucher_code {
        width: 432px;
        width: 42.1875vw;
        height: 63px;
        height: 6.15234vw;
        padding: 10px 0px;
        padding: .97656vw 0vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .voucher_code {
        width: 432px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .voucher_code {
        height: 63px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .voucher_code {
        padding: 10px 0px
    }
}

.pop_voucher .btn_voucher_code {
    position: absolute;
    z-index: 1;
    width: 316px;
    height: calc(100% - 20px)
}

.pop_voucher .btn_voucher_code::before {
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -233px -92px;
    background-position: -22.75391vw -8.98438vw;
    width: 23px;
    width: 2.24609vw;
    height: 23px;
    height: 2.24609vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ""
}

@media (min-width: 1025px) {
    .pop_voucher .btn_voucher_code::before {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pop_voucher .btn_voucher_code::before {
        background-position: -233px -92px
    }
}

@media (min-width: 1025px) {
    .pop_voucher .btn_voucher_code::before {
        width: 23px;
        height: 23px
    }
}

.pop_voucher .btn_voucher_code.is_copied::before {
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -206px -92px;
    background-position: -20.11719vw -8.98438vw;
    width: 23px;
    width: 2.24609vw;
    height: 24px;
    height: 2.34375vw
}

@media (min-width: 1025px) {
    .pop_voucher .btn_voucher_code.is_copied::before {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pop_voucher .btn_voucher_code.is_copied::before {
        background-position: -206px -92px
    }
}

@media (min-width: 1025px) {
    .pop_voucher .btn_voucher_code.is_copied::before {
        width: 23px;
        height: 24px
    }
}

@media (max-width: 1024px) {
    .pop_voucher .btn_voucher_code {
        width: 316px;
        width: 30.85938vw;
        height: calc(100% - 20 * 100 / 1024 * 1vw)
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .btn_voucher_code {
        width: 316px
    }
}

@media (max-width: 1024px) {
    .pop_voucher .btn_voucher_code::before {
        right: 24px;
        right: 2.34375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .btn_voucher_code::before {
        right: 24px
    }
}

.pop_voucher .code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 316px;
    height: 100%;
    padding: 0 60px;
    border-radius: 41px;
    border: 1px solid rgba(88, 103, 114, 0.52);
    background: rgba(24, 32, 32, 0.5);
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05) inset;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05) inset;
    outline: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pop_voucher .code_txt {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #fff
}

@media (max-width: 1024px) {
    .pop_voucher .code {
        width: 316px;
        width: 30.85938vw;
        padding: 0px 60px;
        padding: 0vw 5.85938vw;
        border-radius: 41px;
        border-radius: 4.00391vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .code {
        width: 316px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .code {
        padding: 0px 60px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .code {
        border-radius: 41px
    }
}

.pop_voucher .toast {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFD573;
    opacity: 0
}

.pop_voucher .btn_voucher_code.is_copied ~ .code .code_txt {
    opacity: 0
}

.pop_voucher .btn_voucher_code.is_copied ~ .toast {
    opacity: 1
}

.pop_voucher .pop_desc {
    margin-top: 27px
}

@media (max-width: 1024px) {
    .pop_voucher .pop_desc {
        margin-top: 27px;
        margin-top: 2.63672vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .pop_desc {
        margin-top: 27px
    }
}

.pop_voucher .guide {
    overflow: hidden;
    width: 432px;
    height: 123px;
    padding-right: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (max-width: 1024px) {
    .pop_voucher .guide {
        width: 432px;
        width: 42.1875vw;
        height: 123px;
        height: 12.01172vw;
        padding-right: 23px;
        padding-right: 2.24609vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .guide {
        width: 432px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .guide {
        height: 123px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .guide {
        padding-right: 23px
    }
}

.pop_voucher .guide_list {
    width: 100%;
    height: 100%;
    padding: 17px 24px;
    border-radius: 4px 4px 0 0;
    background-color: rgba(24, 32, 32, 0.5);
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important
}

@media (max-width: 1024px) {
    .pop_voucher .guide_list {
        padding: 17px 24px;
        padding: 1.66016vw 2.34375vw;
        border-radius: 4px 4px 0px 0px;
        border-radius: .39063vw .39063vw 0vw 0vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .guide_list {
        padding: 17px 24px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .guide_list {
        border-radius: 4px 4px 0px 0px
    }
}

.pop_voucher .guide_desc {
    font-weight: 400;
    color: #9EB6B6;
    letter-spacing: 0
}

.pop_voucher .guide_desc:not(:first-child) {
    margin-top: 20px
}

@media (max-width: 1024px) {
    .pop_voucher .guide_desc:not(:first-child) {
        margin-top: 20px;
        margin-top: 1.95313vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pop_voucher .guide_desc:not(:first-child) {
        margin-top: 20px
    }
}

.pop_voucher .guide_link {
    color: #9EB6B6;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font
}

body.pcb_season_1 {
    color: #9EB6B6
}

.tab_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.tab_item {
    position: relative;
    width: 50%;
    height: 100%
}

.tab_item .btn_tab {
    display: block;
    width: 100%;
    height: 100%
}

.tab_panel {
    display: none
}

.tab_panel[aria-hidden="false"] {
    display: block
}

.banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    gap: .39063vw;
    position: fixed;
    top: 80px;
    left: 353px;
    left: 13.78906vw;
    z-index: 5;
    margin-top: 26px;
    margin-top: 1.01563vw
}

@media (min-width: 2560px) {
    .banner {
        gap: 10px
    }
}

@media (min-width: 2560px) {
    .banner {
        left: 353px
    }
}

@media (min-width: 2560px) {
    .banner {
        margin-top: 26px
    }
}

.banner_img {
    display: none;
    width: 171px;
    width: 6.67969vw;
    height: 311px;
    height: 12.14844vw
}

@media (min-width: 2560px) {
    .banner_img {
        width: 171px
    }
}

@media (min-width: 2560px) {
    .banner_img {
        height: 311px
    }
}

.banner .btn_banner {
    display: block;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -2751px -112px;
    background-position: -107.46094vw -4.375vw;
    width: 171px;
    width: 6.67969vw;
    height: 42px;
    height: 1.64063vw
}

@media (min-width: 2560px) {
    .banner .btn_banner {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .banner .btn_banner {
        background-position: -2751px -112px
    }
}

@media (min-width: 2560px) {
    .banner .btn_banner {
        width: 171px;
        height: 42px
    }
}

.banner .btn_banner.is_active {
    display: none
}

.banner .btn_banner_icon {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -3089px -20px;
    background-position: -120.66406vw -.78125vw;
    width: 42px;
    width: 1.64063vw;
    height: 42px;
    height: 1.64063vw
}

@media (min-width: 2560px) {
    .banner .btn_banner_icon {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .banner .btn_banner_icon {
        background-position: -3089px -20px
    }
}

@media (min-width: 2560px) {
    .banner .btn_banner_icon {
        width: 42px;
        height: 42px
    }
}

.banner .btn_banner_icon.is_active {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -3043px -20px;
    background-position: -118.86719vw -.78125vw;
    width: 42px;
    width: 1.64063vw;
    height: 42px;
    height: 1.64063vw
}

@media (min-width: 2560px) {
    .banner .btn_banner_icon.is_active {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .banner .btn_banner_icon.is_active {
        background-position: -3043px -20px
    }
}

@media (min-width: 2560px) {
    .banner .btn_banner_icon.is_active {
        width: 42px;
        height: 42px
    }
}

.banner .btn_banner.is_active + .banner_img {
    display: block
}

.section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.section_label {
    height: 60px;
    height: 2.34375vw
}

@media (min-width: 2560px) {
    .section_label {
        height: 60px
    }
}

.section_title, .section_desc {
    margin-top: 20px;
    margin-top: .78125vw;
    text-align: center
}

@media (min-width: 2560px) {
    .section_title, .section_desc {
        margin-top: 20px
    }
}

.section_kv {
    position: relative;
    height: 960px;
    height: 37.5vw;
    padding-top: 32px;
    padding-top: 1.25vw
}

@media (min-width: 2560px) {
    .section_kv {
        height: 960px
    }
}

@media (min-width: 2560px) {
    .section_kv {
        padding-top: 32px
    }
}

.section_kv .inner {
    margin-top: 428px;
    margin-top: 16.71875vw
}

@media (min-width: 2560px) {
    .section_kv .inner {
        margin-top: 428px
    }
}

.section_kv .kv_bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.section_kv .kv_bg img {
    width: 100%;
    height: 100%
}

.section_kv .kv_heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section_kv .kv_heading_item {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.section_kv .kv_heading_item img {
    width: 100%
}

.section_kv .kv_heading_item:first-child {
    width: 172px;
    width: 6.71875vw;
    margin-left: 353px;
    margin-left: 13.78906vw
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:first-child {
        width: 172px
    }
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:first-child {
        margin-left: 353px
    }
}

.section_kv .kv_heading_item:nth-child(2) {
    width: 113px;
    width: 4.41406vw;
    margin-left: 280px;
    margin-left: 10.9375vw
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:nth-child(2) {
        width: 113px
    }
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:nth-child(2) {
        margin-left: 280px
    }
}

.section_kv .kv_heading_item:nth-child(3) {
    width: 126px;
    width: 4.92188vw;
    margin-left: 782px;
    margin-left: 30.54688vw
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:nth-child(3) {
        width: 126px
    }
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:nth-child(3) {
        margin-left: 782px
    }
}

.section_kv .kv_heading_item:nth-child(4) {
    width: 98px;
    width: 3.82813vw;
    margin-left: 276px;
    margin-left: 10.78125vw
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:nth-child(4) {
        width: 98px
    }
}

@media (min-width: 2560px) {
    .section_kv .kv_heading_item:nth-child(4) {
        margin-left: 276px
    }
}

.section_kv .kv_title {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 335px;
    height: 13.08594vw;
    -webkit-animation: fadeIn .5s ease 0s backwards;
    animation: fadeIn .5s ease 0s backwards
}

@media (min-width: 2560px) {
    .section_kv .kv_title {
        height: 335px
    }
}

.section_kv .section_desc {
    overflow: hidden;
    width: calc(100% - 24 * 100 / 2560 * 1vw);
    height: 36px;
    height: 1.40625vw;
    margin-top: 4px;
    margin-top: .15625vw;
    color: #F9F8D7;
    letter-spacing: 0;
    white-space: nowrap;
    -webkit-filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.5));
    -webkit-transform: translateZ(0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(100, 72, 54, 0.6);
    -webkit-animation: fadeIn .5s ease .1s backwards;
    animation: fadeIn .5s ease .1s backwards
}

@media (min-width: 2560px) {
    .section_kv .section_desc {
        height: 36px
    }
}

@media (min-width: 2560px) {
    .section_kv .section_desc {
        margin-top: 4px
    }
}

@media (min-width: 2560px) {
    .section_kv .section_desc {
        width: calc(100% - 24px)
    }
}

.section_kv .section_duration {
    margin-top: 14px;
    margin-top: .54688vw;
    color: #F9F8D7;
    letter-spacing: 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(100, 72, 54, 0.4);
    -webkit-animation: fadeIn .5s ease .2s backwards;
    animation: fadeIn .5s ease .2s backwards
}

@media (min-width: 2560px) {
    .section_kv .section_duration {
        margin-top: 14px
    }
}

.section_reward {
    position: relative;
    height: 1185px;
    height: 46.28906vw;
    padding-top: 39px;
    padding-top: 1.52344vw;
    background: url("../img/season1/bg_reward.jpg") center/cover no-repeat
}

@media (min-width: 2560px) {
    .section_reward {
        height: 1185px
    }
}

@media (min-width: 2560px) {
    .section_reward {
        padding-top: 39px
    }
}

.section_reward .character_img {
    position: absolute;
    top: 109px;
    top: 4.25781vw;
    left: 0;
    width: 1601px;
    width: 62.53906vw
}

@media (min-width: 2560px) {
    .section_reward .character_img {
        top: 109px
    }
}

@media (min-width: 2560px) {
    .section_reward .character_img {
        width: 1601px
    }
}

.section_reward .section_title {
    height: 217px;
    height: 8.47656vw
}

@media (min-width: 2560px) {
    .section_reward .section_title {
        height: 217px
    }
}

.section_reward .section_desc {
    margin-top: 6px;
    margin-top: .23438vw
}

@media (min-width: 2560px) {
    .section_reward .section_desc {
        margin-top: 6px
    }
}

.section_reward .reward {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1615px;
    width: 63.08594vw;
    height: 676px;
    height: 26.40625vw;
    margin-top: 47px;
    margin-top: 1.83594vw;
    background: url("../img/season1/bg_reward_evt1.png") center/cover no-repeat
}

@media (min-width: 2560px) {
    .section_reward .reward {
        width: 1615px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward {
        height: 676px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward {
        margin-top: 47px
    }
}

.section_reward .reward_img {
    position: relative;
    padding-top: 107px;
    padding-top: 4.17969vw;
    padding-left: 249px;
    padding-left: 9.72656vw
}

@media (min-width: 2560px) {
    .section_reward .reward_img {
        padding-top: 107px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_img {
        padding-left: 249px
    }
}

.section_reward .reward_img img {
    width: 721px;
    width: 28.16406vw;
    height: 391px;
    height: 15.27344vw
}

@media (min-width: 2560px) {
    .section_reward .reward_img img {
        width: 721px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_img img {
        height: 391px
    }
}

.section_reward .reward_notice {
    position: absolute;
    top: 51px;
    top: 1.99219vw;
    left: 176px;
    left: 6.875vw;
    color: #C9A954
}

@media (min-width: 2560px) {
    .section_reward .reward_notice {
        top: 51px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_notice {
        left: 176px
    }
}

.section_reward .reward_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 407px;
    width: 15.89844vw;
    margin: 149px 0px 0px 120px;
    margin: 5.82031vw 0vw 0vw 4.6875vw
}

@media (min-width: 2560px) {
    .section_reward .reward_content {
        width: 407px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_content {
        margin: 149px 0px 0px 120px
    }
}

.section_reward .reward_greeting {
    margin: 18px 0px 0px -12px;
    margin: .70313vw 0vw 0vw -.46875vw;
    color: #C9A954
}

@media (min-width: 2560px) {
    .section_reward .reward_greeting {
        margin: 18px 0px 0px -12px
    }
}

.section_reward .reward_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    width: 312px;
    width: 12.1875vw;
    height: 60px;
    height: 2.34375vw;
    margin-top: 16px;
    margin-top: .625vw;
    padding: 0px 58px;
    padding: 0vw 2.26563vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .section_reward .reward_user {
        width: 312px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_user {
        height: 60px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_user {
        margin-top: 16px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_user {
        padding: 0px 58px
    }
}

.section_reward .reward_user_name {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: 28px;
    font-size: 1.09375vw;
    line-height: 34px;
    line-height: 1.32813vw;
    font-weight: 600;
    color: #fff;
    word-break: break-all
}

@media (min-width: 2560px) {
    .section_reward .reward_user_name {
        font-size: 28px;
        line-height: 34px
    }
}

.section_reward .reward_user_txt {
    position: absolute;
    top: 50%;
    right: 20px;
    right: .78125vw;
    font-size: 20px;
    font-size: .78125vw;
    line-height: 24px;
    line-height: .9375vw;
    font-weight: 500;
    color: #668182;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 2560px) {
    .section_reward .reward_user_txt {
        right: 20px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward_user_txt {
        font-size: 20px;
        line-height: 24px
    }
}

.section_reward .reward_action {
    margin-top: 77px;
    margin-top: 3.00781vw
}

@media (min-width: 2560px) {
    .section_reward .reward_action {
        margin-top: 77px
    }
}

.section_reward .reward_action_item:not(:first-child) {
    margin-top: 15px;
    margin-top: .58594vw
}

@media (min-width: 2560px) {
    .section_reward .reward_action_item:not(:first-child) {
        margin-top: 15px
    }
}

.section_reward .reward_action_notice {
    margin: 0px 0px 8px -8px;
    margin: 0vw 0vw .3125vw -.3125vw;
    text-align: center;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)
}

@media (min-width: 2560px) {
    .section_reward .reward_action_notice {
        margin: 0px 0px 8px -8px
    }
}

.section_reward .reward .btn_reward_status, .section_reward .reward .btn_reward_list {
    display: block;
    padding: 4px 6px 12px;
    padding: .15625vw .23438vw .46875vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status, .section_reward .reward .btn_reward_list {
        padding: 4px 6px 12px
    }
}

.section_reward .reward .btn_reward_status.is_disabled, .section_reward .reward .btn_reward_list.is_disabled {
    pointer-events: none
}

.section_reward .reward .btn_reward_status {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -2385px -20px;
    background-position: -93.16406vw -.78125vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #D7E7E7
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status {
        background-position: -2385px -20px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status {
        width: 325px;
        height: 88px
    }
}

.section_reward .reward .btn_reward_status:hover {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1398px -112px;
    background-position: -54.60938vw -4.375vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #E8F8F8
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status:hover {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status:hover {
        background-position: -1398px -112px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status:hover {
        width: 325px;
        height: 88px
    }
}

.section_reward .reward .btn_reward_status.is_disabled {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -2714px -20px;
    background-position: -106.01563vw -.78125vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #F2F2F2
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status.is_disabled {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status.is_disabled {
        background-position: -2714px -20px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_status.is_disabled {
        width: 325px;
        height: 88px
    }
}

.section_reward .reward .btn_reward_list {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1398px -20px;
    background-position: -54.60938vw -.78125vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #EDCBBA
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list {
        background-position: -1398px -20px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list {
        width: 325px;
        height: 88px
    }
}

.section_reward .reward .btn_reward_list:hover {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -2056px -20px;
    background-position: -80.3125vw -.78125vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #F6DED2
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list:hover {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list:hover {
        background-position: -2056px -20px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list:hover {
        width: 325px;
        height: 88px
    }
}

.section_reward .reward .btn_reward_list.is_disabled {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1727px -20px;
    background-position: -67.46094vw -.78125vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #E3E3E3
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list.is_disabled {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list.is_disabled {
        background-position: -1727px -20px
    }
}

@media (min-width: 2560px) {
    .section_reward .reward .btn_reward_list.is_disabled {
        width: 325px;
        height: 88px
    }
}

.section_mission {
    overflow: hidden;
    position: relative;
    height: 1168px;
    height: 45.625vw;
    margin-top: -1px;
    margin-top: -.03906vw;
    padding-top: 91px;
    padding-top: 3.55469vw;
    background: url("../img/season1/bg_mission.jpg") center/cover no-repeat
}

@media (min-width: 2560px) {
    .section_mission {
        height: 1168px
    }
}

@media (min-width: 2560px) {
    .section_mission {
        margin-top: -1px
    }
}

@media (min-width: 2560px) {
    .section_mission {
        padding-top: 91px
    }
}

.section_mission .character_img {
    position: absolute;
    top: -100px;
    top: -3.90625vw;
    right: -405px;
    right: -15.82031vw;
    width: 1773px;
    width: 69.25781vw
}

@media (min-width: 2560px) {
    .section_mission .character_img {
        top: -100px
    }
}

@media (min-width: 2560px) {
    .section_mission .character_img {
        right: -405px
    }
}

@media (min-width: 2560px) {
    .section_mission .character_img {
        width: 1773px
    }
}

.section_mission .inner {
    position: relative
}

.section_mission .section_duration {
    display: block;
    margin-top: 32px;
    margin-top: 1.25vw;
    letter-spacing: 0.01em
}

@media (min-width: 2560px) {
    .section_mission .section_duration {
        margin-top: 32px
    }
}

.section_mission .tab {
    position: relative;
    width: 1400px;
    width: 54.6875vw;
    height: 119px;
    height: 4.64844vw;
    background-color: rgba(0, 0, 0, 0.5)
}

@media (min-width: 2560px) {
    .section_mission .tab {
        width: 1400px
    }
}

@media (min-width: 2560px) {
    .section_mission .tab {
        height: 119px
    }
}

.section_mission .tab::before {
    position: absolute;
    bottom: -9px;
    bottom: -.35156vw;
    left: 50%;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1030px 0px;
    background-position: -40.23438vw 0vw;
    width: 2106px;
    width: 82.26563vw;
    height: 16px;
    height: .625vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ''
}

@media (min-width: 2560px) {
    .section_mission .tab::before {
        bottom: -9px
    }
}

@media (min-width: 2560px) {
    .section_mission .tab::before {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .tab::before {
        background-position: -1030px 0px
    }
}

@media (min-width: 2560px) {
    .section_mission .tab::before {
        width: 2106px;
        height: 16px
    }
}

.section_mission .tab_list {
    position: relative;
    width: 1392px;
    width: 54.375vw;
    height: 128px;
    height: 5vw;
    margin: 4px 0px 0px 2px;
    margin: .15625vw 0vw 0vw .07813vw;
    background: center / contain no-repeat
}

@media (min-width: 2560px) {
    .section_mission .tab_list {
        width: 1392px
    }
}

@media (min-width: 2560px) {
    .section_mission .tab_list {
        height: 128px
    }
}

@media (min-width: 2560px) {
    .section_mission .tab_list {
        margin: 4px 0px 0px 2px
    }
}

.section_mission .tab_item .btn_tab {
    color: #8AA09F
}

.section_mission .tab_item .btn_tab[aria-selected="true"] {
    color: #889E9E
}

.section_mission .tab_item:nth-child(2) .btn_tab {
    color: #8F6058
}

.section_mission .tab_item:nth-child(2) .btn_tab[aria-selected="true"] {
    color: #B38176
}

.section_mission .mission_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    gap: 1.17188vw;
    row-gap: 60px;
    row-gap: 2.34375vw;
    width: 1400px;
    width: 54.6875vw;
    margin-top: 90px;
    margin-top: 3.51563vw
}

@media (min-width: 2560px) {
    .section_mission .mission_list {
        gap: 30px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_list {
        row-gap: 60px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_list {
        width: 1400px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_list {
        margin-top: 90px
    }
}

.section_mission .mission_item.is_completed .mission_card {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -702px -117px;
    background-position: -27.42188vw -4.57031vw;
    width: 256px;
    width: 10vw;
    height: 236px;
    height: 9.21875vw
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card {
        background-position: -702px -117px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card {
        width: 256px;
        height: 236px
    }
}

.section_mission .mission_item.is_completed .mission_card::before {
    position: absolute;
    top: 36px;
    top: 1.40625vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1214px -20px;
    background-position: -47.42188vw -.78125vw;
    width: 180px;
    width: 7.03125vw;
    height: 180px;
    height: 7.03125vw;
    content: ''
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card::before {
        top: 36px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card::before {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card::before {
        background-position: -1214px -20px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .mission_card::before {
        width: 180px;
        height: 180px
    }
}

.section_mission .mission_item.is_completed .mission_title, .section_mission .mission_item.is_completed .mission_name {
    color: #2B2B2B
}

.section_mission .mission_item.is_completed .btn_mission {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1983px -112px;
    background-position: -77.46094vw -4.375vw;
    width: 252px;
    width: 9.84375vw;
    height: 70px;
    height: 2.73438vw;
    color: #F0EADC;
    pointer-events: none
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .btn_mission {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .btn_mission {
        background-position: -1983px -112px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_completed .btn_mission {
        width: 252px;
        height: 70px
    }
}

.section_mission .mission_item.is_ended .mission_card {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -442px -117px;
    background-position: -17.26563vw -4.57031vw;
    width: 256px;
    width: 10vw;
    height: 236px;
    height: 9.21875vw
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card {
        background-position: -442px -117px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card {
        width: 256px;
        height: 236px
    }
}

.section_mission .mission_item.is_ended .mission_card::before {
    position: absolute;
    top: 36px;
    top: 1.40625vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1030px -20px;
    background-position: -40.23438vw -.78125vw;
    width: 180px;
    width: 7.03125vw;
    height: 180px;
    height: 7.03125vw;
    content: ''
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card::before {
        top: 36px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card::before {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card::before {
        background-position: -1030px -20px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_item.is_ended .mission_card::before {
        width: 180px;
        height: 180px
    }
}

.section_mission .mission_item.is_ended .mission_title, .section_mission .mission_item.is_ended .mission_name {
    color: #2B2B2B
}

.section_mission .mission_card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: 0px -515px;
    background-position: 0vw -20.11719vw;
    width: 256px;
    width: 10vw;
    height: 236px;
    height: 9.21875vw;
    padding: 40px 14px 37px;
    padding: 1.5625vw .54688vw 1.44531vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .section_mission .mission_card {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_card {
        background-position: 0px -515px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_card {
        width: 256px;
        height: 236px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_card {
        padding: 40px 14px 37px
    }
}

.section_mission .mission_card > :last-child {
    margin-top: auto
}

.section_mission .mission_card > :only-child {
    margin-top: 12px;
    margin-top: .46875vw
}

@media (min-width: 2560px) {
    .section_mission .mission_card > :only-child {
        margin-top: 12px
    }
}

.section_mission .mission_title {
    color: #344B4A;
    text-align: center
}

.section_mission .mission_title .type {
    color: #4A8F8C
}

.section_mission .mission_name {
    color: #344B4A
}

.section_mission .mission .btn_mission {
    display: block;
    margin: -1px 0px 0px 2px;
    margin: -.03906vw 0vw 0vw .07813vw;
    padding-bottom: 10px;
    padding-bottom: .39063vw;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -2239px -112px;
    background-position: -87.46094vw -4.375vw;
    width: 252px;
    width: 9.84375vw;
    height: 70px;
    height: 2.73438vw;
    color: #FFD573
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission {
        margin: -1px 0px 0px 2px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission {
        padding-bottom: 10px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission {
        background-position: -2239px -112px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission {
        width: 252px;
        height: 70px
    }
}

.section_mission .mission .btn_mission:hover {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -2495px -112px;
    background-position: -97.46094vw -4.375vw;
    width: 252px;
    width: 9.84375vw;
    height: 70px;
    height: 2.73438vw;
    color: #FFE5A7
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission:hover {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission:hover {
        background-position: -2495px -112px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission:hover {
        width: 252px;
        height: 70px
    }
}

.section_mission .mission .btn_mission.is_disabled {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1727px -112px;
    background-position: -67.46094vw -4.375vw;
    width: 252px;
    width: 9.84375vw;
    height: 70px;
    height: 2.73438vw;
    color: #D8D8D8;
    pointer-events: none
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission.is_disabled {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission.is_disabled {
        background-position: -1727px -112px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission .btn_mission.is_disabled {
        width: 252px;
        height: 70px
    }
}

.section_mission .mission_notice {
    margin: 25px 0px 0px 2px;
    margin: .97656vw 0vw 0vw .07813vw;
    color: #9EB6B6;
    font-size: 16px;
    font-size: .625vw;
    line-height: 20px;
    line-height: .78125vw
}

@media (min-width: 2560px) {
    .section_mission .mission_notice {
        margin: 25px 0px 0px 2px
    }
}

@media (min-width: 2560px) {
    .section_mission .mission_notice {
        font-size: 16px;
        line-height: 20px
    }
}

.section_mission .mission_notice_txt:last-child {
    margin-top: 4px;
    margin-top: .15625vw
}

@media (min-width: 2560px) {
    .section_mission .mission_notice_txt:last-child {
        margin-top: 4px
    }
}

.section_benefit {
    overflow: hidden;
    height: 1956px;
    height: 76.40625vw;
    padding: 125px 24px 0px;
    padding: 4.88281vw .9375vw 0vw;
    background: url("../img/season1/bg_benefit.jpg") center/cover no-repeat
}

@media (min-width: 2560px) {
    .section_benefit {
        height: 1956px
    }
}

@media (min-width: 2560px) {
    .section_benefit {
        padding: 125px 24px 0px
    }
}

.section_benefit .section_label {
    height: 49px;
    height: 1.91406vw
}

@media (min-width: 2560px) {
    .section_benefit .section_label {
        height: 49px
    }
}

.section_benefit .section_title, .section_benefit .section_subtitle {
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 16 * 100 / 2560 * 1vw);
    color: #F9F8D7;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    -webkit-filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(1px 0px 4px rgba(0, 0, 0, 0.5));
    -webkit-transform: translateZ(0)
}

@media (min-width: 2560px) {
    .section_benefit .section_title, .section_benefit .section_subtitle {
        width: calc(100% - 16px)
    }
}

.section_benefit .section_title {
    height: 102px;
    height: 3.98438vw;
    margin-top: 68px;
    margin-top: 2.65625vw;
    font-size: 90px;
    font-size: 3.51563vw;
    line-height: 102px;
    line-height: 3.98438vw
}

@media (min-width: 2560px) {
    .section_benefit .section_title {
        height: 102px
    }
}

@media (min-width: 2560px) {
    .section_benefit .section_title {
        margin-top: 68px
    }
}

@media (min-width: 2560px) {
    .section_benefit .section_title {
        font-size: 90px;
        line-height: 102px
    }
}

.section_benefit .section_subtitle {
    height: 31px;
    height: 1.21094vw;
    line-height: 33px;
    line-height: 1.28906vw;
    margin-top: 12px;
    margin-top: .46875vw
}

@media (min-width: 2560px) {
    .section_benefit .section_subtitle {
        height: 31px
    }
}

@media (min-width: 2560px) {
    .section_benefit .section_subtitle {
        line-height: 33px
    }
}

@media (min-width: 2560px) {
    .section_benefit .section_subtitle {
        margin-top: 12px
    }
}

.section_benefit .section_desc {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 14px;
    margin-top: .54688vw;
    color: #F9F8D7;
    text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.45)
}

@media (min-width: 2560px) {
    .section_benefit .section_desc {
        margin-top: 14px
    }
}

.section_benefit .section_desc .period {
    margin-left: 14px;
    margin-left: .54688vw
}

@media (min-width: 2560px) {
    .section_benefit .section_desc .period {
        margin-left: 14px
    }
}

.section_benefit .section_guide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 52px;
    margin-top: 2.03125vw;
    color: #C9A954
}

@media (min-width: 2560px) {
    .section_benefit .section_guide {
        margin-top: 52px
    }
}

.section_benefit .section_guide::before, .section_benefit .section_guide::after {
    position: absolute;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -3083px -66px;
    background-position: -120.42969vw -2.57813vw;
    width: 11px;
    width: .42969vw;
    height: 20px;
    height: .78125vw;
    content: ''
}

@media (min-width: 2560px) {
    .section_benefit .section_guide::before, .section_benefit .section_guide::after {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_benefit .section_guide::before, .section_benefit .section_guide::after {
        background-position: -3083px -66px
    }
}

@media (min-width: 2560px) {
    .section_benefit .section_guide::before, .section_benefit .section_guide::after {
        width: 11px;
        height: 20px
    }
}

.section_benefit .section_guide::before {
    left: -21px;
    left: -.82031vw
}

@media (min-width: 2560px) {
    .section_benefit .section_guide::before {
        left: -21px
    }
}

.section_benefit .section_guide::after {
    right: -21px;
    right: -.82031vw
}

@media (min-width: 2560px) {
    .section_benefit .section_guide::after {
        right: -21px
    }
}

.section_benefit .benefit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 23px;
    margin-top: .89844vw
}

@media (min-width: 2560px) {
    .section_benefit .benefit {
        margin-top: 23px
    }
}

.section_benefit .benefit_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 52px;
    gap: 2.03125vw;
    position: relative;
    padding: 34px 0px 36px 17px;
    padding: 1.32813vw 0vw 1.40625vw .66406vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .section_benefit .benefit_content {
        gap: 52px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_content {
        padding: 34px 0px 36px 17px
    }
}

@media (max-width: 1025px) {
    .section_benefit .benefit_content {
        min-height: 5.93594vw
    }
}

.section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    height: .07813vw;
    background: -webkit-gradient(linear, left top, right top, from(rgba(140, 133, 77, 0)), color-stop(47%, #c2a75e), to(rgba(140, 133, 77, 0)));
    background: linear-gradient(to right, rgba(140, 133, 77, 0) 0%, #c2a75e 47%, rgba(140, 133, 77, 0) 100%);
    content: ''
}

@media (min-width: 2560px) {
    .section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
        height: 2px
    }
}

@media (max-width: 1025px) {
    .section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
        height: 1px
    }
}

@media only screen and (max-width: 1025px) and (hover: none) and (pointer: coarse) {
    .section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
        height: 1px;
        height: .09766vw
    }
}

@media only screen and (max-width: 1025px) and (hover: none) and (pointer: coarse) and (min-width: 1025px) {
    .section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
        height: 1px
    }
}

@media only screen and (max-width: 1025px) and (hover: hover) and (pointer: coarse) {
    .section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
        height: 1px;
        height: .09766vw
    }
}

@media only screen and (max-width: 1025px) and (hover: hover) and (pointer: coarse) and (min-width: 1025px) {
    .section_benefit .benefit_content::before, .section_benefit .benefit_content::after {
        height: 1px
    }
}

.section_benefit .benefit_content::before {
    top: 0
}

.section_benefit .benefit_content::after {
    bottom: 0
}

.section_benefit .benefit_title {
    color: #F9F8D7;
    white-space: nowrap
}

.section_benefit .benefit_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.section_benefit .benefit_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.section_benefit .benefit_item_number {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    top: -2px;
    top: -.07813vw;
    left: -9px;
    left: -.35156vw;
    z-index: 1
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_number {
        top: -2px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_number {
        left: -9px
    }
}

.section_benefit .benefit_item_img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 80px;
    width: 3.125vw;
    height: 80px;
    height: 3.125vw;
    padding: 1px;
    padding: .03906vw;
    border-radius: 6px;
    border-radius: .23438vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_img {
        width: 80px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_img {
        height: 80px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_img {
        padding: 1px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_img {
        border-radius: 6px
    }
}

.section_benefit .benefit_item_img::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#8C854D), to(#C2A75E));
    background: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    border-radius: 6px;
    border-radius: .23438vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ''
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_img::before {
        border-radius: 6px
    }
}

.section_benefit .benefit_item_txt {
    overflow: hidden;
    min-width: 101px;
    min-width: 3.94531vw;
    max-height: 63px;
    max-height: 2.46094vw;
    padding: 0px 16px;
    padding: 0vw .625vw;
    color: #C9A954
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_txt {
        min-width: 101px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_txt {
        max-height: 63px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item_txt {
        padding: 0px 16px
    }
}

.section_benefit .benefit_item:nth-child(1) .benefit_item_number {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1030px -204px;
    background-position: -40.23438vw -7.96875vw;
    width: 35px;
    width: 1.36719vw;
    height: 44px;
    height: 1.71875vw
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(1) .benefit_item_number {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(1) .benefit_item_number {
        background-position: -1030px -204px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(1) .benefit_item_number {
        width: 35px;
        height: 44px
    }
}

.section_benefit .benefit_item:nth-child(2) .benefit_item_number {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1069px -204px;
    background-position: -41.75781vw -7.96875vw;
    width: 35px;
    width: 1.36719vw;
    height: 44px;
    height: 1.71875vw
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(2) .benefit_item_number {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(2) .benefit_item_number {
        background-position: -1069px -204px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(2) .benefit_item_number {
        width: 35px;
        height: 44px
    }
}

.section_benefit .benefit_item:nth-child(3) .benefit_item_number {
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -1108px -204px;
    background-position: -43.28125vw -7.96875vw;
    width: 35px;
    width: 1.36719vw;
    height: 44px;
    height: 1.71875vw
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(3) .benefit_item_number {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(3) .benefit_item_number {
        background-position: -1108px -204px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_item:nth-child(3) .benefit_item_number {
        width: 35px;
        height: 44px
    }
}

.section_benefit .benefit_thumb {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 928px;
    width: 36.25vw;
    height: 548px;
    height: 21.40625vw;
    margin-top: 30px;
    margin-top: 1.17188vw
}

@media (min-width: 2560px) {
    .section_benefit .benefit_thumb {
        width: 928px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_thumb {
        height: 548px
    }
}

@media (min-width: 2560px) {
    .section_benefit .benefit_thumb {
        margin-top: 30px
    }
}

.section_benefit .benefit_thumb::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-width: .07813vw;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#8C854D), to(#C2A75E));
    -webkit-border-image: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    -o-border-image: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    border-image: -webkit-gradient(linear, left top, left bottom, from(#8C854D), to(#C2A75E));
    border-image: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    border-image-slice: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ''
}

@media (min-width: 2560px) {
    .section_benefit .benefit_thumb::after {
        border-width: 2px
    }
}

.section_benefit .skin {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1938px;
    max-width: 75.70313vw;
    margin: 62px auto 0px;
    margin: 2.42188vw auto 0vw
}

@media (min-width: 2560px) {
    .section_benefit .skin {
        max-width: 1938px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin {
        margin: 62px auto 0px
    }
}

.section_benefit .skin::before, .section_benefit .skin::after {
    position: absolute;
    top: -13px;
    top: -.50781vw;
    z-index: 2;
    pointer-events: none;
    content: ''
}

@media (min-width: 2560px) {
    .section_benefit .skin::before, .section_benefit .skin::after {
        top: -13px
    }
}

.section_benefit .skin::before {
    left: -41px;
    left: -1.60156vw;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -221px 0px;
    background-position: -8.63281vw 0vw;
    width: 217px;
    width: 8.47656vw;
    height: 511px;
    height: 19.96094vw
}

@media (min-width: 2560px) {
    .section_benefit .skin::before {
        left: -41px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin::before {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin::before {
        background-position: -221px 0px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin::before {
        width: 217px;
        height: 511px
    }
}

.section_benefit .skin::after {
    right: -41px;
    right: -1.60156vw;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: 0px 0px;
    background-position: 0vw 0vw;
    width: 217px;
    width: 8.47656vw;
    height: 511px;
    height: 19.96094vw
}

@media (min-width: 2560px) {
    .section_benefit .skin::after {
        right: -41px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin::after {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin::after {
        background-position: 0px 0px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin::after {
        width: 217px;
        height: 511px
    }
}

.section_benefit .skin_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: hidden;
    width: 100%;
    white-space: nowrap
}

.section_benefit .skin_box:not(:first-child) {
    margin-top: 24px;
    margin-top: .9375vw
}

@media (min-width: 2560px) {
    .section_benefit .skin_box:not(:first-child) {
        margin-top: 24px
    }
}

.section_benefit .skin_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: marquee 30s linear infinite;
    animation: marquee 30s linear infinite
}

.section_benefit .skin_list_below {
    animation-direction: reverse
}

.section_benefit .skin_list:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.section_benefit .skin_item {
    padding: 0px 9px;
    padding: 0vw .35156vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .section_benefit .skin_item {
        padding: 0px 9px
    }
}

.section_benefit .skin_img {
    position: relative;
    width: 176px;
    width: 6.875vw;
    height: 176px;
    height: 6.875vw
}

@media (min-width: 2560px) {
    .section_benefit .skin_img {
        width: 176px
    }
}

@media (min-width: 2560px) {
    .section_benefit .skin_img {
        height: 176px
    }
}

.section_benefit .skin_img::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-width: 2px;
    border-width: .07813vw;
    border-style: solid;
    -webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#8C854D), to(#C2A75E));
    -webkit-border-image: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    -o-border-image: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    border-image: -webkit-gradient(linear, left top, left bottom, from(#8C854D), to(#C2A75E));
    border-image: linear-gradient(180deg, #8C854D 0%, #C2A75E 100%);
    border-image-slice: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ''
}

@media (min-width: 2560px) {
    .section_benefit .skin_img::after {
        border-width: 2px
    }
}

.section_benefit .skin_name {
    display: block;
    margin-top: 12px;
    margin-top: .46875vw;
    color: #C9A954;
    text-align: center
}

@media (min-width: 2560px) {
    .section_benefit .skin_name {
        margin-top: 12px
    }
}

.character {
    position: absolute;
    z-index: 0
}

.character::before {
    display: inline-block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    content: ""
}

.character_first {
    top: 109px;
    top: 4.25781vw;
    left: 50%;
    margin-left: -488px;
    margin-left: -19.0625vw;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

@media (min-width: 2560px) {
    .character_first {
        top: 109px
    }
}

@media (min-width: 2560px) {
    .character_first {
        margin-left: -488px
    }
}

.character_first::before {
    width: 1601px;
    width: 62.53906vw;
    height: 1024px;
    height: 40vw;
    background-image: url("../img/season1/character_reward.png")
}

@media (min-width: 2560px) {
    .character_first::before {
        width: 1601px
    }
}

@media (min-width: 2560px) {
    .character_first::before {
        height: 1024px
    }
}

.character_first.is_show {
    -webkit-animation: slideLeft 0.6s cubic-bezier(0, 0.71, 0, 1) 1s forwards;
    animation: slideLeft 0.6s cubic-bezier(0, 0.71, 0, 1) 1s forwards
}

.character_second {
    top: -102px;
    top: -3.98438vw;
    left: 50%;
    margin-left: 800px;
    margin-left: 31.25vw;
    opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%)
}

@media (min-width: 2560px) {
    .character_second {
        top: -102px
    }
}

@media (min-width: 2560px) {
    .character_second {
        margin-left: 800px
    }
}

.character_second::before {
    width: 1773px;
    width: 69.25781vw;
    height: 1760px;
    height: 68.75vw;
    background-image: url("../img/season1/character_mission.png")
}

@media (min-width: 2560px) {
    .character_second::before {
        width: 1773px
    }
}

@media (min-width: 2560px) {
    .character_second::before {
        height: 1760px
    }
}

.character_second.is_show {
    -webkit-animation: slideRight 0.4s cubic-bezier(0, 0.71, 0, 1) 0.3s forwards;
    animation: slideRight 0.4s cubic-bezier(0, 0.71, 0, 1) 0.3s forwards
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.pcb_season_2 .section_label {
    height: 39px;
    height: 1.52344vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_label {
        height: 39px
    }
}

.pcb_season_2 .section_kv {
    height: 1200px;
    height: 46.875vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv {
        height: 1200px
    }
}

.pcb_season_2 .section_kv .inner {
    margin-top: 496px;
    margin-top: 19.375vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .inner {
        margin-top: 496px
    }
}

.pcb_season_2 .section_kv .kv_title {
    height: 421px;
    height: 16.44531vw;
    -webkit-animation: none;
    animation: none
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .kv_title {
        height: 421px
    }
}

.pcb_season_2 .section_kv .kv_divider {
    display: block;
    height: 22px;
    height: .85938vw;
    margin: 34px auto 16px;
    margin: 1.32813vw auto .625vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .kv_divider {
        height: 22px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .kv_divider {
        margin: 34px auto 16px
    }
}

.pcb_season_2 .section_kv .section_desc {
    height: 62px;
    height: 2.42188vw;
    margin-top: 0;
    font-size: 24px;
    font-size: .9375vw;
    line-height: 31px;
    line-height: 1.21094vw;
    letter-spacing: -0.05em
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .section_desc {
        height: 62px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .section_desc {
        font-size: 24px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .section_desc {
        line-height: 31px
    }
}

.pcb_season_2 .section_kv .section_duration {
    margin-top: 50px;
    margin-top: 1.95313vw;
    font-size: 19px;
    font-size: .74219vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .section_duration {
        margin-top: 50px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_kv .section_duration {
        font-size: 19px
    }
}

.pcb_season_2 .section .section_desc {
    color: #947D4C;
    -webkit-filter: none;
    filter: none;
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
    -webkit-animation: none;
    animation: none
}

.pcb_season_2 .section .section_duration {
    color: #978A71;
    text-shadow: none;
    -webkit-text-stroke-width: initial;
    -webkit-text-stroke-color: initial;
    -webkit-animation: none;
    animation: none
}

.pcb_season_2 .section_reward {
    height: 1184px;
    height: 46.25vw;
    padding-top: 95px;
    padding-top: 3.71094vw;
    background: url("../img/season2/bg_reward.jpg") center/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward {
        height: 1184px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward {
        padding-top: 95px
    }
}

.pcb_season_2 .section_reward .section_title {
    height: 194px;
    height: 7.57813vw;
    margin-top: 43px;
    margin-top: 1.67969vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .section_title {
        height: 194px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .section_title {
        margin-top: 43px
    }
}

.pcb_season_2 .section_reward .section_desc {
    margin-top: 30px;
    margin-top: 1.17188vw;
    color: #947E50
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .section_desc {
        margin-top: 30px
    }
}

.pcb_season_2 .section_reward .reward {
    width: 1441px;
    width: 56.28906vw;
    height: 622px;
    height: 24.29688vw;
    margin-top: 33px;
    margin-top: 1.28906vw;
    background: url("../img/season2/bg_reward_evt.png") center/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward {
        width: 1441px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward {
        height: 622px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward {
        margin-top: 33px
    }
}

.pcb_season_2 .section_reward .reward_notice {
    left: 83px;
    left: 3.24219vw;
    top: 80px;
    top: 3.125vw;
    color: #D4C3A2;
    text-shadow: .0685em .0685em 0 #4D435E,
    -.0685em .0685em 0 #4D435E,
    .0685em -.0685em 0 #4D435E,
    -.0685em -.0685em 0 #4D435E,
    .0685em 0px 0 #4D435E,
    -.0685em 0px 0 #4D435E,
    0px .0685em 0 #4D435E,
    0px -.0685em 0 #4D435E
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_notice {
        left: 83px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_notice {
        top: 80px
    }
}

.pcb_season_2 .section_reward .reward_img {
    padding-top: 91px;
    padding-top: 3.55469vw;
    padding-left: 44px;
    padding-left: 1.71875vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_img {
        padding-top: 91px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_img {
        padding-left: 44px
    }
}

.pcb_season_2 .section_reward .reward_img img {
    width: 925px;
    width: 36.13281vw;
    height: 468px;
    height: 18.28125vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_img img {
        width: 925px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_img img {
        height: 468px
    }
}

.pcb_season_2 .section_reward .reward_content {
    position: relative;
    width: 325px;
    width: 12.69531vw;
    margin: 56px 0px 0px 60px;
    margin: 2.1875vw 0vw 0vw 2.34375vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_content {
        width: 325px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_content {
        margin: 56px 0px 0px 60px
    }
}

.pcb_season_2 .section_reward .reward_greeting {
    display: block;
    height: 107px;
    height: 4.17969vw;
    margin: 0
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_greeting {
        height: 107px
    }
}

.pcb_season_2 .section_reward .reward_user {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 315px;
    width: 12.30469vw;
    height: 74px;
    height: 2.89063vw;
    border-radius: 74px;
    border-radius: 2.89063vw;
    padding: 0px 80px 0px 42px;
    padding: 0vw 3.125vw 0vw 1.64063vw;
    border: 1px solid #6F6874;
    background-color: rgba(60, 60, 60, 0.3)
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_user {
        width: 315px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_user {
        height: 74px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_user {
        border-radius: 74px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_user {
        padding: 0px 80px 0px 42px
    }
}

.pcb_season_2 .section_reward .reward_user.is_not_login {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 42px;
    padding: 0vw 1.64063vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_user.is_not_login {
        padding: 0px 42px
    }
}

.pcb_season_2 .section_reward .reward_user_name {
    color: #F0E6D2;
    text-shadow: .039em .039em 0 #6F6874,
    -.039em .039em 0 #6F6874,
    .039em -.039em 0 #6F6874,
    -.039em -.039em 0 #6F6874,
    .039em 0px 0 #6F6874,
    -.039em 0px 0 #6F6874,
    0px .039em 0 #6F6874,
    0px -.039em 0 #6F6874
}

.pcb_season_2 .section_reward .reward_user_txt {
    right: 42px;
    right: 1.64063vw;
    color: #CCBC9D;
    text-shadow: .0545em .0545em 0 #6F6874,
    -.0545em .0545em 0 #6F6874,
    .0545em -.0545em 0 #6F6874,
    -.0545em -.0545em 0 #6F6874,
    .0545em 0px 0 #6F6874,
    -.0545em 0px 0 #6F6874,
    0px .0545em 0 #6F6874,
    0px -.0545em 0 #6F6874
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_user_txt {
        right: 42px
    }
}

.pcb_season_2 .section_reward .reward_divider {
    display: block;
    position: absolute;
    top: 225px;
    top: 8.78906vw;
    left: 4px;
    left: .15625vw;
    width: 363px;
    width: 14.17969vw;
    height: 3px;
    height: .11719vw;
    background: url("../img/season2/img_reward_divider.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_divider {
        top: 225px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_divider {
        left: 4px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_divider {
        width: 363px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_divider {
        height: 3px
    }
}

.pcb_season_2 .section_reward .reward_action {
    margin-top: 72px;
    margin-top: 2.8125vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward_action {
        margin-top: 72px
    }
}

.pcb_season_2 .section_reward .reward_action_notice {
    color: #C2BDC1;
    text-shadow: .0681em .0681em 0 #6B655D,
    -.0681em .0681em 0 #6B655D,
    .0681em -.0681em 0 #6B655D,
    -.0681em -.0681em 0 #6B655D,
    .0681em 0px 0 #6B655D,
    -.0681em 0px 0 #6B655D,
    0px .0681em 0 #6B655D,
    0px -.0681em 0 #6B655D;
    letter-spacing: -0.02em
}

.pcb_season_2 .section_reward .reward .btn_reward_status {
    padding: 0;
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -368px -607px;
    background-position: -14.375vw -23.71094vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #E6FFDD;
    text-shadow: .0444em .0444em 0 #428371,
    -.0444em .0444em 0 #428371,
    .0444em -.0444em 0 #428371,
    -.0444em -.0444em 0 #428371,
    .0444em 0px 0 #428371,
    -.0444em 0px 0 #428371,
    0px .0444em 0 #428371,
    0px -.0444em 0 #428371;
    letter-spacing: -0.02em
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_status {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_status {
        background-position: -368px -607px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_status {
        width: 325px;
        height: 88px
    }
}

.pcb_season_2 .section_reward .reward .btn_reward_status:hover {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -442px -357px;
    background-position: -17.26563vw -13.94531vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #D4E0DA
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_status:hover {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_status:hover {
        background-position: -442px -357px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_status:hover {
        width: 325px;
        height: 88px
    }
}

.pcb_season_2 .section_reward .reward .btn_reward_list {
    padding-top: 10px;
    padding-top: .39063vw;
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -697px -515px;
    background-position: -27.22656vw -20.11719vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #F8F0FF;
    text-shadow: .0444em .0444em 0 #3E185E,
    -.0444em .0444em 0 #3E185E,
    .0444em -.0444em 0 #3E185E,
    -.0444em -.0444em 0 #3E185E,
    .0444em 0px 0 #3E185E,
    -.0444em 0px 0 #3E185E,
    0px .0444em 0 #3E185E,
    0px -.0444em 0 #3E185E;
    letter-spacing: -0.02em
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list {
        padding-top: 10px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list {
        background-position: -697px -515px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list {
        width: 325px;
        height: 88px
    }
}

.pcb_season_2 .section_reward .reward .btn_reward_list:hover {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -368px -515px;
    background-position: -14.375vw -20.11719vw;
    width: 325px;
    width: 12.69531vw;
    height: 88px;
    height: 3.4375vw;
    color: #AFA7B5
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list:hover {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list:hover {
        background-position: -368px -515px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_reward .reward .btn_reward_list:hover {
        width: 325px;
        height: 88px
    }
}

.pcb_season_2 .section_mission {
    height: 802px;
    height: 31.32813vw;
    margin-top: 0;
    padding-top: 97px;
    padding-top: 3.78906vw;
    background: url("../img/season2/bg_mission.jpg") center/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission {
        height: 802px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission {
        padding-top: 97px
    }
}

.pcb_season_2 .section_mission .tab {
    background-color: transparent
}

.pcb_season_2 .section_mission .tab::before {
    display: none
}

.pcb_season_2 .section_mission .tab_item .btn_tab {
    position: relative
}

.pcb_season_2 .section_mission .tab_item .btn_tab::before {
    position: absolute;
    top: -61px;
    top: -2.38281vw;
    z-index: -1;
    width: 444px;
    width: 17.34375vw;
    height: 240px;
    height: 9.375vw;
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item .btn_tab::before {
        top: -61px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item .btn_tab::before {
        width: 444px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item .btn_tab::before {
        height: 240px
    }
}

.pcb_season_2 .section_mission .tab_item .btn_tab .section_duration {
    margin-top: 48px;
    margin-top: 1.875vw;
    padding-left: 52px;
    padding-left: 2.03125vw;
    letter-spacing: 0
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item .btn_tab .section_duration {
        margin-top: 48px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item .btn_tab .section_duration {
        padding-left: 52px
    }
}

.pcb_season_2 .section_mission .tab_item:nth-child(1) .btn_tab .section_duration {
    color: #8FB797;
    text-shadow: .05em .05em 0 #5F7A74,
    -.05em .05em 0 #5F7A74,
    .05em -.05em 0 #5F7A74,
    -.05em -.05em 0 #5F7A74,
    .05em 0px 0 #5F7A74,
    -.05em 0px 0 #5F7A74,
    0px .05em 0 #5F7A74,
    0px -.05em 0 #5F7A74
}

.pcb_season_2 .section_mission .tab_item:nth-child(1) .btn_tab[aria-selected="true"]::before {
    position: absolute;
    left: -152px;
    left: -5.9375vw;
    background: url("../img/season2/tab_deco1.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item:nth-child(1) .btn_tab[aria-selected="true"]::before {
        left: -152px
    }
}

.pcb_season_2 .section_mission .tab_item:nth-child(1) .btn_tab[aria-selected="true"] .section_duration {
    color: #AEEABB;
    text-shadow: .05em .05em 0 #669987,
    -.05em .05em 0 #669987,
    .05em -.05em 0 #669987,
    -.05em -.05em 0 #669987,
    .05em 0px 0 #669987,
    -.05em 0px 0 #669987,
    0px .05em 0 #669987,
    0px -.05em 0 #669987
}

.pcb_season_2 .section_mission .tab_item:nth-child(2) .section_duration {
    color: #E4CB9E;
    text-shadow: .05em .05em 0 #AF9C79,
    -.05em .05em 0 #AF9C79,
    .05em -.05em 0 #AF9C79,
    -.05em -.05em 0 #AF9C79,
    .05em 0px 0 #AF9C79,
    -.05em 0px 0 #AF9C79,
    0px .05em 0 #AF9C79,
    0px -.05em 0 #AF9C79
}

.pcb_season_2 .section_mission .tab_item:nth-child(2) .btn_tab[aria-selected="true"]::before {
    right: -211px;
    right: -8.24219vw;
    background: url("../img/season2/tab_deco2.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .tab_item:nth-child(2) .btn_tab[aria-selected="true"]::before {
        right: -211px
    }
}

.pcb_season_2 .section_mission .tab_item:nth-child(2) .btn_tab[aria-selected="true"] .section_duration {
    color: #FFDF87;
    text-shadow: .05em .05em 0 #BAA172,
    -.05em .05em 0 #BAA172,
    .05em -.05em 0 #BAA172,
    -.05em -.05em 0 #BAA172,
    .05em 0px 0 #BAA172,
    -.05em 0px 0 #BAA172,
    0px .05em 0 #BAA172,
    0px -.05em 0 #BAA172
}

.pcb_season_2 .section_mission .mission_list {
    margin-top: 97px;
    margin-top: 3.78906vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_list {
        margin-top: 97px
    }
}

.pcb_season_2 .section_mission .mission_item.is_completed .mission_card, .pcb_season_2 .section_mission .mission_item.is_ended .mission_card {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -442px -117px;
    background-position: -17.26563vw -4.57031vw;
    width: 256px;
    width: 10vw;
    height: 236px;
    height: 9.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card, .pcb_season_2 .section_mission .mission_item.is_ended .mission_card {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card, .pcb_season_2 .section_mission .mission_item.is_ended .mission_card {
        background-position: -442px -117px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card, .pcb_season_2 .section_mission .mission_item.is_ended .mission_card {
        width: 256px;
        height: 236px
    }
}

.pcb_season_2 .section_mission .mission_item.is_completed .mission_card::before, .pcb_season_2 .section_mission .mission_item.is_ended .mission_card::before {
    top: 29px;
    top: 1.13281vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card::before, .pcb_season_2 .section_mission .mission_item.is_ended .mission_card::before {
        top: 29px
    }
}

.pcb_season_2 .section_mission .mission_item.is_completed .mission_name, .pcb_season_2 .section_mission .mission_item.is_completed .mission_title, .pcb_season_2 .section_mission .mission_item.is_ended .mission_name, .pcb_season_2 .section_mission .mission_item.is_ended .mission_title {
    color: #aeaeae
}

.pcb_season_2 .section_mission .mission_item.is_completed .mission_card::before {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -184px -515px;
    background-position: -7.1875vw -20.11719vw;
    width: 180px;
    width: 7.03125vw;
    height: 180px;
    height: 7.03125vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card::before {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card::before {
        background-position: -184px -515px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .mission_card::before {
        width: 180px;
        height: 180px
    }
}

.pcb_season_2 .section_mission .mission_item.is_completed .btn_mission {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: 0px -699px;
    background-position: 0vw -27.30469vw;
    width: 256px;
    width: 10vw;
    height: 73px;
    height: 2.85156vw;
    color: #AC9DAE
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .btn_mission {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .btn_mission {
        background-position: 0px -699px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_completed .btn_mission {
        width: 256px;
        height: 73px
    }
}

.pcb_season_2 .section_mission .mission_item.is_ended .mission_card::before {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: 0px -515px;
    background-position: 0vw -20.11719vw;
    width: 180px;
    width: 7.03125vw;
    height: 180px;
    height: 7.03125vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_ended .mission_card::before {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_ended .mission_card::before {
        background-position: 0px -515px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_ended .mission_card::before {
        width: 180px;
        height: 180px
    }
}

.pcb_season_2 .section_mission .mission_item.is_ended .btn_mission.is_disabled {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -771px -357px;
    background-position: -30.11719vw -13.94531vw;
    width: 255px;
    width: 9.96094vw;
    height: 73px;
    height: 2.85156vw;
    color: #879E9E;
    pointer-events: none
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_ended .btn_mission.is_disabled {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_ended .btn_mission.is_disabled {
        background-position: -771px -357px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_item.is_ended .btn_mission.is_disabled {
        width: 255px;
        height: 73px
    }
}

.pcb_season_2 .section_mission .mission_card {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -702px -117px;
    background-position: -27.42188vw -4.57031vw;
    width: 256px;
    width: 10vw;
    height: 236px;
    height: 9.21875vw;
    margin-bottom: -11px;
    margin-bottom: -.42969vw;
    padding: 38px 14px;
    padding: 1.48438vw .54688vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_card {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_card {
        background-position: -702px -117px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_card {
        width: 256px;
        height: 236px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_card {
        margin-bottom: -11px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_card {
        padding: 38px 14px
    }
}

.pcb_season_2 .section_mission .mission_title {
    font-family: "pretendard";
    font-weight: 700;
    color: #947E50;
    line-height: 31px;
    line-height: 1.21094vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_title {
        line-height: 31px
    }
}

.pcb_season_2 .section_mission .mission_name {
    font-family: "pretendard";
    font-weight: 800;
    color: #973CBA
}

.pcb_season_2 .section_mission .mission .btn_mission {
    position: relative;
    z-index: 2;
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -697px -607px;
    background-position: -27.22656vw -23.71094vw;
    width: 256px;
    width: 10vw;
    height: 73px;
    height: 2.85156vw;
    margin: 0;
    padding: 3px 0px 0px 0px;
    padding: .11719vw 0vw 0vw 0vw;
    font-family: "pretendard";
    color: #E5DAB9;
    letter-spacing: -0.02em
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission {
        background-position: -697px -607px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission {
        width: 256px;
        height: 73px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission {
        padding: 3px 0px 0px 0px
    }
}

.pcb_season_2 .section_mission .mission .btn_mission:hover, .pcb_season_2 .section_mission .mission .btn_mission.is_disabled {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: 0px -699px;
    background-position: 0vw -27.30469vw;
    width: 256px;
    width: 10vw;
    height: 73px;
    height: 2.85156vw;
    color: #AFA7B5
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission:hover, .pcb_season_2 .section_mission .mission .btn_mission.is_disabled {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission:hover, .pcb_season_2 .section_mission .mission .btn_mission.is_disabled {
        background-position: 0px -699px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission .btn_mission:hover, .pcb_season_2 .section_mission .mission .btn_mission.is_disabled {
        width: 256px;
        height: 73px
    }
}

.pcb_season_2 .section_mission .mission_notice {
    margin: 33px 0px 0px 6px;
    margin: 1.28906vw 0vw 0vw .23438vw;
    letter-spacing: -.02em
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_mission .mission_notice {
        margin: 33px 0px 0px 6px
    }
}

.pcb_season_2 .section_mission .mission_notice_txt {
    margin-top: 0;
    color: #BCB5A5
}

.pcb_season_2 .section_media {
    height: 1256px;
    height: 49.0625vw;
    padding-top: 45px;
    padding-top: 1.75781vw;
    background: url("../img/season2/bg_media.jpg") center/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media {
        height: 1256px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media {
        padding-top: 45px
    }
}

.pcb_season_2 .section_media .section_label {
    height: 41px;
    height: 1.60156vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .section_label {
        height: 41px
    }
}

.pcb_season_2 .section_media .section_title {
    height: 78px;
    height: 3.04688vw;
    margin-top: 22px;
    margin-top: .85938vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .section_title {
        height: 78px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .section_title {
        margin-top: 22px
    }
}

.pcb_season_2 .section_media .media_wrapper {
    display: inline-block;
    position: relative;
    margin-top: 73px;
    margin-top: 2.85156vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_wrapper {
        margin-top: 73px
    }
}

.pcb_season_2 .section_media .media_wrapper::before {
    position: absolute;
    bottom: 100%;
    width: 100%;
    height: 20px;
    height: .78125vw;
    margin-bottom: -1px;
    margin-bottom: -.03906vw;
    background: url("../img/season2/media_deco3.png");
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_wrapper::before {
        height: 20px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_wrapper::before {
        margin-bottom: -1px
    }
}

.pcb_season_2 .section_media .media_wrapper .btn_play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: 0px -776px;
    background-position: 0vw -30.3125vw;
    width: 124px;
    width: 4.84375vw;
    height: 125px;
    height: 4.88281vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_wrapper .btn_play {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_wrapper .btn_play {
        background-position: 0px -776px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_wrapper .btn_play {
        width: 124px;
        height: 125px
    }
}

.pcb_season_2 .section_media .media_thumb {
    position: relative;
    z-index: 1;
    width: 100%
}

.pcb_season_2 .section_media .media_video {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    opacity: 0;
    -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s
}

.pcb_season_2 .section_media .media_video.is_show {
    z-index: 2;
    opacity: 1
}

.pcb_season_2 .section_media .media_deco {
    position: absolute;
    bottom: -50px;
    bottom: -1.95313vw;
    height: 546px;
    height: 21.32813vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_deco {
        bottom: -50px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_deco {
        height: 546px
    }
}

.pcb_season_2 .section_media .media_deco.deco1 {
    left: -196px;
    left: -7.65625vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_deco.deco1 {
        left: -196px
    }
}

.pcb_season_2 .section_media .media_deco.deco2 {
    right: -225px;
    right: -8.78906vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_media .media_deco.deco2 {
        right: -225px
    }
}

.pcb_season_2 .section_benefit {
    padding-top: 120px;
    padding-top: 4.6875vw;
    background-image: url("../img/season2/bg_benefit.png")
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit {
        padding-top: 120px
    }
}

.pcb_season_2 .section_benefit .section_label {
    height: 53px;
    height: 2.07031vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .section_label {
        height: 53px
    }
}

.pcb_season_2 .section_benefit .section_title {
    height: 107px;
    height: 4.17969vw;
    font-size: 90px;
    font-size: 3.51563vw;
    line-height: 107px;
    line-height: 4.17969vw;
    font-family: "pretendard";
    font-weight: 700;
    color: #E4CD9D;
    -webkit-filter: none;
    filter: none
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .section_title {
        height: 107px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .section_title {
        font-size: 90px;
        line-height: 107px
    }
}

.pcb_season_2 .section_benefit .section_guide {
    margin-top: 47px;
    margin-top: 1.83594vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .section_guide {
        margin-top: 47px
    }
}

.pcb_season_2 .section_benefit .section_subtitle {
    margin-top: 10px;
    margin-top: .39063vw;
    font-family: "pretendard";
    font-weight: 600;
    color: #E4CD9D;
    -webkit-filter: none;
    filter: none
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .section_subtitle {
        margin-top: 10px
    }
}

.pcb_season_2 .section_benefit .section_desc {
    color: #E4CD9D;
    text-shadow: none
}

.pcb_season_2 .section_benefit .benefit_title {
    font-family: "pretendard";
    font-weight: 700;
    color: #E4CD9D;
    letter-spacing: -.02em
}

.pcb_season_2 .section_benefit .benefit_content {
    gap: 80px;
    gap: 3.125vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .benefit_content {
        gap: 80px
    }
}

.pcb_season_2 .section_benefit .benefit_thumb {
    margin-top: 27px;
    margin-top: 1.05469vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .benefit_thumb {
        margin-top: 27px
    }
}

.pcb_season_2 .section_benefit .skin::before {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -221px 0px;
    background-position: -8.63281vw 0vw;
    width: 217px;
    width: 8.47656vw;
    height: 511px;
    height: 19.96094vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin::before {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin::before {
        background-position: -221px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin::before {
        width: 217px;
        height: 511px
    }
}

.pcb_season_2 .section_benefit .skin::after {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: 0px 0px;
    background-position: 0vw 0vw;
    width: 217px;
    width: 8.47656vw;
    height: 511px;
    height: 19.96094vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin::after {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin::after {
        background-position: 0px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin::after {
        width: 217px;
        height: 511px
    }
}

.pcb_season_2 .section_benefit .skin_box:not(:first-child) {
    margin-top: 44px;
    margin-top: 1.71875vw
}

@media (min-width: 2560px) {
    .pcb_season_2 .section_benefit .skin_box:not(:first-child) {
        margin-top: 44px
    }
}

.pcb_season_2 .pop_item {
    background-image: url("../img/season2/bg_popup.png");
    color: #782BB7
}

.pcb_season_2 .pop_item.pop_alert {
    background-image: url("../img/season2/bg_popup_alert.png")
}

.pcb_season_2 .pop_list .tbl_head th:first-child {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
}

.pcb_season_2 .pop_list .time {
    color: #B487DA
}

.pcb_season_2 .pop_list .btn_check_voucher {
    color: #B8963C
}

.pcb_season_2 .pop_title {
    font-family: "pretendard";
    font-weight: 800
}

.pcb_season_2 .pop .tbl_head {
    border-bottom-color: #F1E9DD;
    color: #3D1B5B
}

.pcb_season_2 .pop .tbl_head::before {
    background-color: #8346B4
}

.pcb_season_2 .pop .tbl_body tr {
    background-color: #F2E8F5
}

.pcb_season_2 .pop_reward_situation .tbl_body td:nth-child(1), .pcb_season_2 .pop_reward_situation .tbl_body td:nth-child(2) {
    color: #A588CD
}

.pcb_season_2 .pop_reward_list .tbl_head th:nth-child(2) {
    width: 100%;
    text-align: center
}

.pcb_season_2 .pop_reward_list .tbl_body td:nth-child(1) {
    color: #A588CD
}

.pcb_season_2 .pop_reward_list .tbl_body td:nth-child(2) {
    width: 100%;
    padding-left: 0 20px;
    text-align: center
}

.pcb_season_2 .pop_reward_list .tbl_body .status {
    position: absolute;
    right: 16px;
    margin-left: 0
}

@media (max-width: 1024px) {
    .pcb_season_2 .pop_reward_list .tbl_body .status {
        right: 16px;
        right: 1.5625vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2 .pop_reward_list .tbl_body .status {
        right: 16px
    }
}

.pcb_season_2 .pop_reward_list .tbl_body .status_item {
    color: #B487DA
}

.pcb_season_2 .pop_reward_list .tbl_body .status_item:nth-child(2) {
    margin-left: 12px
}

@media (max-width: 1024px) {
    .pcb_season_2 .pop_reward_list .tbl_body .status_item:nth-child(2) {
        margin-left: 12px;
        margin-left: 1.17188vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2 .pop_reward_list .tbl_body .status_item:nth-child(2) {
        margin-left: 12px
    }
}

.pcb_season_2 .pop_voucher .tab_list {
    position: relative;
    background-image: url("../img/season2/tab_pop.png")
}

.pcb_season_2 .pop_voucher .tab_list::before {
    position: absolute;
    bottom: 2px;
    left: -25px;
    width: 480px;
    height: 1px;
    background-color: #B18859;
    content: ''
}

@media (max-width: 1024px) {
    .pcb_season_2 .pop_voucher .tab_list::before {
        bottom: 1px;
        bottom: .09766vw;
        left: -24px;
        left: -2.34375vw;
        width: 480px;
        width: 46.875vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2 .pop_voucher .tab_list::before {
        bottom: 1px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2 .pop_voucher .tab_list::before {
        left: -24px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2 .pop_voucher .tab_list::before {
        width: 480px
    }
}

.pcb_season_2 .pop_voucher .tab_item:nth-child(1) .btn_tab {
    color: #AC9DAE
}

.pcb_season_2 .pop_voucher .tab_item:nth-child(1) .btn_tab[aria-selected="true"] {
    color: #F8F0FF
}

.pcb_season_2 .pop_voucher .tab_item:nth-child(2) .btn_tab {
    color: #DFC2E8
}

.pcb_season_2 .pop_voucher .tab_item:nth-child(2) .btn_tab[aria-selected="true"] {
    color: #FFF7B8
}

.pcb_season_2 .pop_voucher .code {
    background-color: #F2E8F5;
    border-color: #A588CD
}

.pcb_season_2 .pop_voucher .code_txt {
    color: #782BB7
}

.pcb_season_2 .pop_voucher .voucher_code {
    padding: 0
}

.pcb_season_2 .pop_voucher .btn_voucher_code::before {
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -179px -92px;
    background-position: -17.48047vw -8.98438vw;
    width: 23px;
    width: 2.24609vw;
    height: 24px;
    height: 2.34375vw
}

@media (min-width: 1025px) {
    .pcb_season_2 .pop_voucher .btn_voucher_code::before {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2 .pop_voucher .btn_voucher_code::before {
        background-position: -179px -92px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2 .pop_voucher .btn_voucher_code::before {
        width: 23px;
        height: 24px
    }
}

.pcb_season_2 .pop_voucher .toast {
    color: #782BB7
}

.pcb_season_2 .pop_voucher .guide_list {
    background-color: rgba(242, 232, 245, 0.5)
}

.pcb_season_2 .pop_voucher .guide_desc, .pcb_season_2 .pop_voucher .guide_link {
    color: #B487DA
}

.pcb_season_2 .pop_sub_title {
    color: #A588CD
}

.pcb_season_2 .pop_sub_title::before, .pcb_season_2 .pop_sub_title::after {
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -260px -92px;
    background-position: -25.39063vw -8.98438vw;
    width: 11px;
    width: 1.07422vw;
    height: 21px;
    height: 2.05078vw
}

@media (min-width: 1025px) {
    .pcb_season_2 .pop_sub_title::before, .pcb_season_2 .pop_sub_title::after {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2 .pop_sub_title::before, .pcb_season_2 .pop_sub_title::after {
        background-position: -260px -92px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2 .pop_sub_title::before, .pcb_season_2 .pop_sub_title::after {
        width: 11px;
        height: 21px
    }
}

.pcb_season_2 .pop_notice {
    color: #51007C
}

.pcb_season_2 .pop_desc {
    color: #B487DA
}

.pcb_season_2 .pop .btn_close::before, .pcb_season_2 .pop .btn_close::after {
    background-color: #684C6F
}

.pcb_season_2 .pop .btn_primary {
    border-radius: 8px;
    border-radius: .3125vw;
    background: #5D4497;
    color: #F8F0FF
}

@media (min-width: 2560px) {
    .pcb_season_2 .pop .btn_primary {
        border-radius: 8px
    }
}

.pcb_season_2 .pop .scroll-bar {
    background: #8346B4 !important;
    border-radius: 3px !important
}

.pcb_season_2 .pop .scroll-element_track {
    background-color: #EEE7DD !important;
    border-radius: 3 !important
}

.pcb_season_2 .error {
    background-image: url("../img/season2/bg_kv.jpg");
    background-position: top center
}

.pcb_season_2 .error::before {
    background: rgba(0, 0, 0, 0.8)
}

.pcb_season_2 .error_title {
    color: #F2E8F5
}

.pcb_season_2 .error_link {
    -webkit-background-size: 1026px 901px;
    background-size: 1026px 901px;
    -webkit-background-size: 40.07813vw 35.19531vw;
    background-size: 40.07813vw 35.19531vw;
    background-image: url("../img/sp_season2.png");
    background-position: -442px 0px;
    background-position: -17.26563vw 0vw;
    width: 584px;
    width: 22.8125vw;
    height: 113px;
    height: 4.41406vw;
    font-family: "pretendard";
    font-size: 32px;
    font-size: 1.25vw;
    line-height: 42px;
    line-height: 1.64063vw;
    font-weight: 700;
    color: #F8F0FF
}

@media (min-width: 2560px) {
    .pcb_season_2 .error_link {
        -webkit-background-size: 1026px 901px;
        background-size: 1026px 901px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .error_link {
        background-position: -442px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .error_link {
        width: 584px;
        height: 113px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2 .error_link {
        font-size: 32px;
        line-height: 42px
    }
}

.pcb_season_2 .error_desc {
    color: #B487DA
}

.pcb_season_2 .evt_end_page .error::before, .pcb_season_2 .evt_end_page .error:after {
    height: 46.953vw
}

.pcb_season_2 .evt_end_page .error::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #000), color-stop(30%, transparent));
    background: linear-gradient(0deg, #000 1%, transparent 30%)
}

.pcb_season_2_act2 .section_desc {
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 34px;
    line-height: 1.32813vw;
    letter-spacing: -0.02em
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_desc {
        font-size: 26px;
        line-height: 34px
    }
}

.pcb_season_2_act2 .banner {
    right: 358px;
    right: 13.98438vw;
    left: auto;
    margin-top: 32px;
    margin-top: 1.25vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .banner {
        right: 358px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .banner {
        margin-top: 32px
    }
}

.pcb_season_2_act2 .banner_img {
    display: block
}

.pcb_season_2_act2 .section_personalization {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0.781vw;
    left: 22.871vw;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1389px;
    width: 54.25781vw;
    height: 150px;
    height: 5.85938vw;
    margin-top: -170px;
    margin-top: -6.64063vw;
    margin-right: -110px;
    margin-right: -4.29688vw;
    padding: 20px 22px 48px 108px;
    padding: .78125vw .85938vw 1.875vw 4.21875vw;
    background: url("../img/season2_act2/bg_kv_info.png") center/cover no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization {
        width: 1389px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization {
        height: 150px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization {
        margin-top: -170px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization {
        margin-right: -110px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization {
        padding: 20px 22px 48px 108px
    }
}

.pcb_season_2_act2 .section_personalization .info_user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 246px;
    width: 9.60938vw;
    height: 57px;
    height: 2.22656vw;
    padding: 0px 36px;
    padding: 0vw 1.40625vw;
    border-radius: 30px;
    border-radius: 1.17188vw;
    border-width: 1px;
    border-width: .03906vw;
    border-style: solid;
    border-color: #6F6874;
    background-color: rgba(97, 90, 90, 0.3);
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user {
        width: 246px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user {
        height: 57px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user {
        padding: 0px 36px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user {
        border-radius: 30px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user {
        border-width: 1px
    }
}

.pcb_season_2_act2 .section_personalization .info_user.is_not_login {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pcb_season_2_act2 .section_personalization .info_user.is_not_login .info_user_txt {
    display: none
}

.pcb_season_2_act2 .section_personalization .info_user_name {
    font-size: 21px;
    font-size: .82031vw;
    line-height: 26px;
    line-height: 1.01563vw;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #f0e6d2;
    word-break: break-all
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user_name {
        font-size: 21px;
        line-height: 26px
    }
}

.pcb_season_2_act2 .section_personalization .info_user_token {
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 30px;
    line-height: 1.17188vw;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    color: #f0e6d2;
    word-break: break-all
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user_token {
        font-size: 26px;
        line-height: 30px
    }
}

.pcb_season_2_act2 .section_personalization .info_user_token + .info_user_txt {
    display: inline-block;
    margin-left: 27px;
    margin-left: 1.05469vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_user_token + .info_user_txt {
        margin-left: 27px
    }
}

.pcb_season_2_act2 .section_personalization .info_user_txt {
    color: #ccbc9d
}

.pcb_season_2_act2 .section_personalization .info_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pcb_season_2_act2 .section_personalization .info_box + .info_box {
    margin-left: 57px;
    margin-left: 2.22656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_box + .info_box {
        margin-left: 57px
    }
}

.pcb_season_2_act2 .section_personalization .info_box_token {
    position: relative
}

.pcb_season_2_act2 .section_personalization .info_title {
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 31px;
    line-height: 1.21094vw;
    letter-spacing: -0.03em;
    color: #d4c3a2
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_title {
        font-size: 26px;
        line-height: 31px
    }
}

.pcb_season_2_act2 .section_personalization .info_title + .info_box_token {
    margin-left: 30px;
    margin-left: 1.17188vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_title + .info_box_token {
        margin-left: 30px
    }
}

.pcb_season_2_act2 .section_personalization .info_token {
    width: 301px;
    width: 11.75781vw;
    padding-right: 82px;
    padding-right: 3.20313vw;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_token {
        width: 301px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_token {
        padding-right: 82px
    }
}

.pcb_season_2_act2 .section_personalization .info_btn {
    margin-left: 88px;
    margin-left: 3.4375vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .info_btn {
        margin-left: 88px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_token {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 50%;
    right: 15px;
    right: .58594vw;
    width: 39px;
    width: 1.52344vw;
    height: 39px;
    height: 1.52344vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token {
        right: 15px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token {
        width: 39px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token {
        height: 39px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_token:hover .ic_reload {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1771px -35px;
    background-position: -69.17969vw -1.36719vw;
    width: 24px;
    width: .9375vw;
    height: 24px;
    height: .9375vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token:hover .ic_reload {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token:hover .ic_reload {
        background-position: -1771px -35px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token:hover .ic_reload {
        width: 24px;
        height: 24px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_token .ic_reload {
    display: inline-block;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1743px -35px;
    background-position: -68.08594vw -1.36719vw;
    width: 24px;
    width: .9375vw;
    height: 24px;
    height: .9375vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token .ic_reload {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token .ic_reload {
        background-position: -1743px -35px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_token .ic_reload {
        width: 24px;
        height: 24px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_token .reload_spin {
    -webkit-animation: spin 3s ease-in-out;
    animation: spin 3s ease-in-out
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1800deg);
        transform: rotate(1800deg)
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 48px;
    margin-left: 1.875vw;
    padding: 10px;
    padding: .39063vw;
    color: #a29ae3;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-underline-offset: .11719vw;
    text-decoration-thickness: 2px;
    text-decoration-thickness: .07813vw;
    letter-spacing: -0.01em
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_list {
        margin-left: 48px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_list {
        padding: 10px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_list {
        text-underline-offset: 3px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_list {
        text-decoration-thickness: 2px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_list:hover {
    color: #f0e6d2
}

.pcb_season_2_act2 .section_personalization .btn_info_store {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 32px;
    padding: 1.17188vw 1.25vw;
    color: #d4c3a2
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store {
        padding: 30px 32px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_store:hover {
    color: #fff693
}

.pcb_season_2_act2 .section_personalization .btn_info_store:hover .ic_view {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -2589px -6px;
    background-position: -101.13281vw -.23438vw;
    width: 15px;
    width: .58594vw;
    height: 15px;
    height: .58594vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store:hover .ic_view {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store:hover .ic_view {
        background-position: -2589px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store:hover .ic_view {
        width: 15px;
        height: 15px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_store .body_xnormal {
    line-height: 25px;
    line-height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store .body_xnormal {
        line-height: 25px
    }
}

.pcb_season_2_act2 .section_personalization .btn_info_store .ic_view {
    display: inline-block;
    margin-left: 8px;
    margin-left: .3125vw;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -2570px -6px;
    background-position: -100.39063vw -.23438vw;
    width: 15px;
    width: .58594vw;
    height: 15px;
    height: .58594vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store .ic_view {
        margin-left: 8px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store .ic_view {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store .ic_view {
        background-position: -2570px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_personalization .btn_info_store .ic_view {
        width: 15px;
        height: 15px
    }
}

.pcb_season_2_act2 .content_part2 .section_kv::before {
    background-image: url("../img/season2_act2/bg_kv2.png")
}

.pcb_season_2_act2 .content_part2 .section_token_mission {
    background-image: url("../img/season2_act2/bg_token_mission2.jpg")
}

.pcb_season_2_act2 .content_part2 .section_token_mission .section_title {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -1079px;
    background-position: 0vw -42.14844vw;
    width: 850px;
    width: 33.20313vw;
    height: 92px;
    height: 3.59375vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .section_title {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .section_title {
        background-position: 0px -1079px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .section_title {
        width: 850px;
        height: 92px
    }
}

.pcb_season_2_act2 .content_part2 .section_token_mission .token_reward_wrap::before {
    background: url("../img/season2_act2/bg_token_reward2.png") center/cover no-repeat
}

.pcb_season_2_act2 .content_part2 .section_token_mission .notice_petal {
    display: none
}

.pcb_season_2_act2 .content_part2 .section_token_mission .notice_leaf {
    display: block
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_title {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -931px;
    background-position: 0vw -36.36719vw;
    width: 1138px;
    width: 44.45313vw;
    height: 70px;
    height: 2.73438vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_title {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_title {
        background-position: 0px -931px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_title {
        width: 1138px;
        height: 70px
    }
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_list.reward_mission_petal {
    display: none
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_list.reward_mission_leaf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_desc {
    color: #c0fbff
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1138px -583px;
    background-position: -44.45313vw -22.77344vw;
    width: 216px;
    width: 8.4375vw;
    height: 233px;
    height: 9.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item {
        background-position: -1138px -583px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item {
        width: 216px;
        height: 233px
    }
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px 0px;
    background-position: -55.42969vw 0vw;
    width: 216px;
    width: 8.4375vw;
    height: 233px;
    height: 9.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed {
        background-position: -1419px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed {
        width: 216px;
        height: 233px
    }
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed .reward_mission_card::before {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px -1043px;
    background-position: -55.42969vw -40.74219vw;
    width: 128px;
    width: 5vw;
    height: 128px;
    height: 5vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed .reward_mission_card::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed .reward_mission_card::before {
        background-position: -1419px -1043px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_completed .reward_mission_card::before {
        width: 128px;
        height: 128px
    }
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px 0px;
    background-position: -55.42969vw 0vw;
    width: 216px;
    width: 8.4375vw;
    height: 233px;
    height: 9.10156vw
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended .reward_mission_card_img {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -1383px;
    background-position: 0vw -54.02344vw;
    width: 110px;
    width: 4.29688vw;
    height: 105px;
    height: 4.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended .reward_mission_card_img {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended .reward_mission_card_img {
        background-position: 0px -1383px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended .reward_mission_card_img {
        width: 110px;
        height: 105px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended {
        background-position: -1419px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_item.is_ended {
        width: 216px;
        height: 233px
    }
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_card {
    color: #c0fbff
}

.pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_card_img {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1252px -820px;
    background-position: -48.90625vw -32.03125vw;
    width: 110px;
    width: 4.29688vw;
    height: 105px;
    height: 4.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_card_img {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_card_img {
        background-position: -1252px -820px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .content_part2 .section_token_mission .reward_mission_card_img {
        width: 110px;
        height: 105px
    }
}

.pcb_season_2_act2 .content_part2 .section_mission {
    background-image: url("../img/season2_act2/bg_mission2.jpg")
}

.pcb_season_2_act2 .notice_list {
    width: 100%
}

.pcb_season_2_act2 .notice_item {
    opacity: 0.9;
    line-height: 26px;
    line-height: 1.01563vw;
    letter-spacing: 0.001em;
    color: #b3bbff;
    text-align: left
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .notice_item {
        line-height: 26px
    }
}

.pcb_season_2_act2 .notice_item_highlight1 {
    color: #e3e6ff;
    letter-spacing: 0.01em
}

.pcb_season_2_act2 .notice_item_highlight2 {
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em
}

.pcb_season_2_act2 .notice_item_highlight3 {
    color: #e3e6ff;
    letter-spacing: 0.001em
}

.pcb_season_2_act2 .notice_item_highlight4 {
    color: #fbfcff
}

.pcb_season_2_act2 .section_kv {
    position: relative;
    height: 1235px;
    height: 48.24219vw;
    padding-top: 0px;
    padding-top: 0vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv {
        height: 1235px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv {
        padding-top: 0px
    }
}

.pcb_season_2_act2 .section_kv::before {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 832px;
    height: 32.5vw;
    background: url("../img/season2_act2/bg_kv.png") bottom/cover no-repeat;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ""
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv::before {
        height: 832px
    }
}

.pcb_season_2_act2 .section_kv .inner {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 228px;
    margin-top: 8.90625vw;
    margin-left: 363px;
    margin-left: 14.17969vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv .inner {
        margin-top: 228px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv .inner {
        margin-left: 363px
    }
}

.pcb_season_2_act2 .section_kv .section_duration {
    margin-top: 19px;
    margin-top: .74219vw;
    font-size: 22px;
    font-size: .85938vw;
    line-height: 30px;
    line-height: 1.17188vw;
    letter-spacing: -0.01em;
    color: #eaf8ff;
    text-shadow: none;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: transparent;
    -webkit-animation: none;
    animation: none
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv .section_duration {
        margin-top: 19px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_kv .section_duration {
        font-size: 22px;
        line-height: 30px
    }
}

.pcb_season_2_act2 .kv_title {
    height: 454px;
    height: 17.73438vw;
    -webkit-animation: none;
    animation: none
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .kv_title {
        height: 454px
    }
}

.pcb_season_2_act2 .kv_bg_slide {
    height: 1235px;
    height: 48.24219vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .kv_bg_slide {
        height: 1235px
    }
}

.pcb_season_2_act2 .kv_bg_img {
    width: 100%
}

.pcb_season_2_act2 .kv_slide {
    margin-top: 48px;
    margin-top: 1.875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .kv_slide {
        margin-top: 48px
    }
}

.pcb_season_2_act2 .champ {
    position: relative
}

.pcb_season_2_act2 .champ .thumbs_slide {
    width: 397px;
    width: 15.50781vw;
    overflow: visible
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide {
        width: 397px
    }
}

.pcb_season_2_act2 .champ .thumbs_slide_lst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9px;
    gap: .35156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide_lst {
        gap: 9px
    }
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 128px;
    width: 5vw;
    height: 128px;
    height: 5vw;
    margin-right: 0 !important;
    border-radius: 15px;
    border-radius: .58594vw;
    overflow: hidden;
    cursor: pointer
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb {
        width: 128px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb {
        height: 128px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb {
        border-radius: 15px
    }
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -928px -368px;
    background-position: -36.25vw -14.375vw;
    width: 126px;
    width: 4.92188vw;
    height: 128px;
    height: 5vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb::before {
        background-position: -928px -368px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb::before {
        width: 126px;
        height: 128px
    }
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb.swiper-slide-thumb-active::before {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -454px -368px;
    background-position: -17.73438vw -14.375vw;
    width: 126px;
    width: 4.92188vw;
    height: 128px;
    height: 5vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb.swiper-slide-thumb-active::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb.swiper-slide-thumb-active::before {
        background-position: -454px -368px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .champ .thumbs_slide .thumb.swiper-slide-thumb-active::before {
        width: 126px;
        height: 128px
    }
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb.swiper-slide-thumb-active .thumb_img {
    -webkit-filter: saturate(1);
    filter: saturate(1)
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb.is_coming {
    pointer-events: none
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb.is_coming::before {
    display: none
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb.is_coming .thumb_img {
    -webkit-filter: saturate(1);
    filter: saturate(1)
}

.pcb_season_2_act2 .champ .thumbs_slide .thumb .thumb_img {
    max-width: 100%;
    -webkit-filter: saturate(0.3);
    filter: saturate(0.3)
}

.pcb_season_2_act2 .section_client_mission {
    height: 3228px;
    height: 126.09375vw;
    padding-top: 73px;
    padding-top: 2.85156vw;
    background: url("../img/season2_act2/bg_client_mission.jpg") top/cover no-repeat;
    overflow: hidden
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission {
        height: 3228px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission {
        padding-top: 73px
    }
}

.pcb_season_2_act2 .section_client_mission .section_title {
    height: 159px;
    height: 6.21094vw;
    margin-top: 0px;
    margin-top: 0vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .section_title {
        height: 159px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .section_title {
        margin-top: 0px
    }
}

.pcb_season_2_act2 .section_client_mission .section_desc {
    margin-top: 29px;
    margin-top: 1.13281vw;
    color: #b3bbff
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .section_desc {
        margin-top: 29px
    }
}

.pcb_season_2_act2 .section_client_mission .section_subtitle {
    height: 69px;
    height: 2.69531vw;
    margin-top: 225px;
    margin-top: 8.78906vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .section_subtitle {
        height: 69px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .section_subtitle {
        margin-top: 225px
    }
}

.pcb_season_2_act2 .section_client_mission .btn_buy_skin {
    margin-top: 58px;
    margin-top: 2.26563vw;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -392px -1271px;
    background-position: -15.3125vw -49.64844vw;
    width: 386px;
    width: 15.07813vw;
    height: 106px;
    height: 4.14063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin {
        margin-top: 58px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin {
        background-position: -392px -1271px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin {
        width: 386px;
        height: 106px
    }
}

.pcb_season_2_act2 .section_client_mission .btn_buy_skin:hover {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -782px -1271px;
    background-position: -30.54688vw -49.64844vw;
    width: 386px;
    width: 15.07813vw;
    height: 106px;
    height: 4.14063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin:hover {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin:hover {
        background-position: -782px -1271px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_client_mission .btn_buy_skin:hover {
        width: 386px;
        height: 106px
    }
}

.pcb_season_2_act2 .client_mission_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1450px;
    width: 56.64063vw;
    height: 710px;
    height: 27.73438vw;
    margin-top: 85px;
    margin-top: 3.32031vw;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box {
        width: 1450px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box {
        height: 710px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box {
        margin-top: 85px
    }
}

.pcb_season_2_act2 .client_mission_box::after {
    position: absolute;
    top: -3px;
    top: -.11719vw;
    left: 50%;
    width: 1450px;
    width: 56.64063vw;
    height: 710px;
    height: 27.73438vw;
    background: url("../img/season2_act2/bg_mission_swiper.png") center/cover no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box::after {
        top: -3px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box::after {
        width: 1450px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box::after {
        height: 710px
    }
}

.pcb_season_2_act2 .client_mission_box::before {
    position: absolute;
    top: 21px;
    top: .82031vw;
    left: 50%;
    width: 1396px;
    width: 54.53125vw;
    height: 663px;
    height: 25.89844vw;
    background-color: #241742;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box::before {
        top: 21px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box::before {
        width: 1396px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box::before {
        height: 663px
    }
}

.pcb_season_2_act2 .client_mission_box .btn_next {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 116px;
    right: 4.53125vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1699px -65px;
    background-position: -66.36719vw -2.53906vw;
    width: 26px;
    width: 1.01563vw;
    height: 42px;
    height: 1.64063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next {
        right: 116px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next {
        background-position: -1699px -65px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next {
        width: 26px;
        height: 42px
    }
}

.pcb_season_2_act2 .client_mission_box .btn_next:hover {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1669px -65px;
    background-position: -65.19531vw -2.53906vw;
    width: 26px;
    width: 1.01563vw;
    height: 43px;
    height: 1.67969vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next:hover {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next:hover {
        background-position: -1669px -65px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_next:hover {
        width: 26px;
        height: 43px
    }
}

.pcb_season_2_act2 .client_mission_box .btn_prev {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 125px;
    left: 4.88281vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1729px -65px;
    background-position: -67.53906vw -2.53906vw;
    width: 26px;
    width: 1.01563vw;
    height: 42px;
    height: 1.64063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev {
        left: 125px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev {
        background-position: -1729px -65px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev {
        width: 26px;
        height: 42px
    }
}

.pcb_season_2_act2 .client_mission_box .btn_prev:hover {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1639px -65px;
    background-position: -64.02344vw -2.53906vw;
    width: 26px;
    width: 1.01563vw;
    height: 43px;
    height: 1.67969vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev:hover {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev:hover {
        background-position: -1639px -65px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_box .btn_prev:hover {
        width: 26px;
        height: 43px
    }
}

.pcb_season_2_act2 .client_mission_list {
    position: absolute;
    top: 21px;
    top: .82031vw;
    left: 50%;
    width: 1396px;
    width: 54.53125vw;
    height: 662px;
    height: 25.85938vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_list {
        top: 21px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_list {
        width: 1396px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_list {
        height: 662px
    }
}

.pcb_season_2_act2 .client_mission_name {
    font-size: 120px;
    font-size: 4.6875vw;
    line-height: 155px;
    line-height: 6.05469vw;
    font-weight: 400;
    color: #cf2f93
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_name {
        font-size: 120px;
        line-height: 155px
    }
}

.pcb_season_2_act2 .client_mission_skin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 142px;
    margin-top: 5.54688vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin {
        margin-top: 142px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 692px;
    width: 27.03125vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box {
        width: 692px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box + .skin_box {
    margin-top: 253px;
    margin-top: 9.88281vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box + .skin_box {
        margin-top: 253px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box_left {
    margin-left: 3px;
    margin-left: .11719vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_left {
        margin-left: 3px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box_left::before {
    position: absolute;
    z-index: 1;
    bottom: -229px;
    bottom: -8.94531vw;
    left: 50%;
    margin-left: 665px;
    margin-left: 25.97656vw;
    opacity: 0;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    width: 1443px;
    width: 56.36719vw;
    height: 1023px;
    height: 39.96094vw;
    background: url("../img/season2_act2/skin_deco2.png") center/cover no-repeat;
    pointer-events: none;
    content: ""
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_left::before {
        bottom: -229px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_left::before {
        margin-left: 665px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_left::before {
        width: 1443px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_left::before {
        height: 1023px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box_left.is_show::before {
    -webkit-animation: slideRight 0.6s cubic-bezier(0, 0.71, 0, 1) 1s forwards;
    animation: slideRight 0.6s cubic-bezier(0, 0.71, 0, 1) 1s forwards
}

.pcb_season_2_act2 .client_mission_skin .skin_box_right {
    margin-left: 708px;
    margin-left: 27.65625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_right {
        margin-left: 708px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box_right::before {
    position: absolute;
    z-index: 1;
    top: -270px;
    top: -10.54688vw;
    left: 50%;
    margin-left: -780px;
    margin-left: -30.46875vw;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 1706px;
    width: 66.64063vw;
    height: 1134px;
    height: 44.29688vw;
    background: url("../img/season2_act2/skin_deco1.png") center/cover no-repeat;
    pointer-events: none;
    content: ""
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_right::before {
        top: -270px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_right::before {
        margin-left: -780px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_right::before {
        width: 1706px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_box_right::before {
        height: 1134px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_box_right.is_show::before {
    -webkit-animation: slideLeft 0.6s cubic-bezier(0, 0.71, 0, 1) 1s forwards;
    animation: slideLeft 0.6s cubic-bezier(0, 0.71, 0, 1) 1s forwards
}

.pcb_season_2_act2 .client_mission_skin .skin_img {
    position: relative;
    width: 692px;
    width: 27.03125vw;
    height: 420px;
    height: 16.40625vw;
    border-width: 2px;
    border-width: .07813vw;
    border-radius: 15px;
    border-radius: .58594vw;
    border-color: #7871ff;
    border-style: solid;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img {
        width: 692px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img {
        height: 420px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img {
        border-width: 2px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img {
        border-radius: 15px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_img::before {
    position: absolute;
    bottom: -28px;
    bottom: -1.09375vw;
    left: 50%;
    width: 625px;
    width: 24.41406vw;
    height: 28px;
    height: 1.09375vw;
    background: url("../img/season2_act2/bg_skin_img_deco.png") center/cover no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ""
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img::before {
        bottom: -28px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img::before {
        width: 625px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img::before {
        height: 28px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    border-radius: .58594vw;
    overflow: hidden
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_img img {
        border-radius: 15px
    }
}

.pcb_season_2_act2 .client_mission_skin .skin_name {
    display: block;
    margin: 55px auto 0px;
    margin: 2.14844vw auto 0vw;
    height: 37px;
    height: 1.44531vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_name {
        margin: 55px auto 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .client_mission_skin .skin_name {
        height: 37px
    }
}

.pcb_season_2_act2 .section_token_mission {
    height: 1865px;
    height: 72.85156vw;
    padding-top: 74px;
    padding-top: 2.89063vw;
    background: url("../img/season2_act2/bg_token_mission.jpg") top/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission {
        height: 1865px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission {
        padding-top: 74px
    }
}

.pcb_season_2_act2 .section_token_mission .section_label {
    height: 32px;
    height: 1.25vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_label {
        height: 32px
    }
}

.pcb_season_2_act2 .section_token_mission .section_title {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -1175px;
    background-position: 0vw -45.89844vw;
    width: 850px;
    width: 33.20313vw;
    height: 92px;
    height: 3.59375vw;
    margin-top: 26px;
    margin-top: 1.01563vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_title {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_title {
        background-position: 0px -1175px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_title {
        width: 850px;
        height: 92px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_title {
        margin-top: 26px
    }
}

.pcb_season_2_act2 .section_token_mission .section_desc {
    height: 104px;
    height: 4.0625vw;
    margin-top: 46px;
    margin-top: 1.79688vw;
    margin-left: -11px;
    margin-left: -.42969vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_desc {
        height: 104px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_desc {
        margin-top: 46px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .section_desc {
        margin-left: -11px
    }
}

.pcb_season_2_act2 .section_token_mission .notice_list {
    height: 133px;
    height: 5.19531vw;
    margin-top: 64px;
    margin-top: 2.5vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .notice_list {
        height: 133px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .notice_list {
        margin-top: 64px
    }
}

.pcb_season_2_act2 .section_token_mission .notice_petal {
    display: block
}

.pcb_season_2_act2 .section_token_mission .notice_leaf {
    display: none
}

.pcb_season_2_act2 .section_token_mission .btn_token_reward {
    position: relative;
    margin-top: 213px;
    margin-top: 8.32031vw;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -1271px;
    background-position: 0vw -49.64844vw;
    width: 388px;
    width: 15.15625vw;
    height: 108px;
    height: 4.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .btn_token_reward {
        margin-top: 213px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .btn_token_reward {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .btn_token_reward {
        background-position: 0px -1271px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_token_mission .btn_token_reward {
        width: 388px;
        height: 108px
    }
}

.pcb_season_2_act2 .token_reward_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 360px;
    height: 14.0625vw;
    margin-top: 206px;
    margin-top: 8.04688vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_wrap {
        height: 360px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_wrap {
        margin-top: 206px
    }
}

.pcb_season_2_act2 .token_reward_wrap::before {
    position: absolute;
    top: -349px;
    top: -13.63281vw;
    left: 50%;
    width: 1405px;
    width: 54.88281vw;
    height: 860px;
    height: 33.59375vw;
    margin-left: 2px;
    margin-left: .07813vw;
    background: url("../img/season2_act2/bg_token_reward1.png") center/cover no-repeat;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    pointer-events: none;
    content: ""
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_wrap::before {
        top: -349px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_wrap::before {
        width: 1405px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_wrap::before {
        height: 860px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_wrap::before {
        margin-left: 2px
    }
}

.pcb_season_2_act2 .token_reward_title {
    display: block
}

.pcb_season_2_act2 .token_reward_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.pcb_season_2_act2 .token_reward_box:nth-child(1) .token_reward_stat_number {
    font-size: 30px;
    font-size: 1.17188vw;
    line-height: 36px;
    line-height: 1.40625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_box:nth-child(1) .token_reward_stat_number {
        font-size: 30px;
        line-height: 36px
    }
}

.pcb_season_2_act2 .token_reward_box:nth-child(2) .token_reward_stat_number {
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 31px;
    line-height: 1.21094vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_box:nth-child(2) .token_reward_stat_number {
        font-size: 26px;
        line-height: 31px
    }
}

.pcb_season_2_act2 .token_reward_note {
    display: inline-block;
    margin-top: 14px;
    margin-top: .54688vw;
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 31px;
    line-height: 1.21094vw;
    letter-spacing: -0.08em;
    color: #c75ca1
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_note {
        margin-top: 14px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_note {
        font-size: 26px;
        line-height: 31px
    }
}

.pcb_season_2_act2 .token_reward_stat_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pcb_season_2_act2 .token_reward_stat_box + .token_reward_stat_box {
    margin-top: 28px;
    margin-top: 1.09375vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_box + .token_reward_stat_box {
        margin-top: 28px
    }
}

.pcb_season_2_act2 .token_reward_stat_label {
    color: #b3bbff;
    font-size: 20px;
    font-size: .78125vw;
    line-height: 26px;
    line-height: 1.01563vw;
    letter-spacing: -0.1em;
    text-align: left
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_label {
        font-size: 20px;
        line-height: 26px
    }
}

.pcb_season_2_act2 .token_reward_stat_value {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 252px;
    width: 9.84375vw;
    height: 58px;
    height: 2.26563vw;
    margin-left: 26px;
    margin-left: 1.01563vw;
    padding: 0px 37px 0px 37px;
    padding: 0vw 1.44531vw 0vw 1.44531vw;
    border-radius: 30px;
    border-radius: 1.17188vw;
    border-width: 1px;
    border-width: .03906vw;
    border-style: solid;
    border-color: #6462a4;
    color: #effaff;
    background-color: rgba(232, 185, 215, 0.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value {
        width: 252px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value {
        height: 58px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value {
        margin-left: 26px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value {
        padding: 0px 37px 0px 37px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value {
        border-radius: 30px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value {
        border-width: 1px
    }
}

.pcb_season_2_act2 .token_reward_stat_value:has(.token_reward_stat_txt) {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 80px;
    padding-right: 3.125vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_value:has(.token_reward_stat_txt) {
        padding-right: 80px
    }
}

.pcb_season_2_act2 .token_reward_stat_number {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    word-break: break-all
}

.pcb_season_2_act2 .token_reward_stat_txt {
    position: absolute;
    top: 50%;
    right: 37px;
    right: 1.44531vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .token_reward_stat_txt {
        right: 37px
    }
}

.pcb_season_2_act2 .reward_mission {
    width: 100%;
    margin-top: 122px;
    margin-top: 4.76563vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission {
        margin-top: 122px
    }
}

.pcb_season_2_act2 .reward_mission_title {
    margin: 0 auto;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -1005px;
    background-position: 0vw -39.25781vw;
    width: 1138px;
    width: 44.45313vw;
    height: 70px;
    height: 2.73438vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_title {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_title {
        background-position: 0px -1005px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_title {
        width: 1138px;
        height: 70px
    }
}

.pcb_season_2_act2 .reward_mission_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 19px;
    gap: .74219vw;
    margin-top: 66px;
    margin-top: 2.57813vw;
    margin-left: 4px;
    margin-left: .15625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_list {
        gap: 19px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_list {
        margin-top: 66px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_list {
        margin-left: 4px
    }
}

.pcb_season_2_act2 .reward_mission_list.reward_mission_petal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.pcb_season_2_act2 .reward_mission_list.reward_mission_leaf {
    display: none
}

.pcb_season_2_act2 .reward_mission_item {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1138px -346px;
    background-position: -44.45313vw -13.51563vw;
    width: 216px;
    width: 8.4375vw;
    height: 233px;
    height: 9.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item {
        background-position: -1138px -346px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item {
        width: 216px;
        height: 233px
    }
}

.pcb_season_2_act2 .reward_mission_item.is_completed {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px 0px;
    background-position: -55.42969vw 0vw;
    width: 216px;
    width: 8.4375vw;
    height: 233px;
    height: 9.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed {
        background-position: -1419px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed {
        width: 216px;
        height: 233px
    }
}

.pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card {
    position: relative
}

.pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card_desc, .pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card_number {
    color: #4e4476
}

.pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card_img {
    -webkit-filter: saturate(0);
    filter: saturate(0);
    opacity: 0.2
}

.pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -796px -368px;
    background-position: -31.09375vw -14.375vw;
    width: 128px;
    width: 5vw;
    height: 128px;
    height: 5vw;
    margin-top: 4px;
    margin-top: .15625vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ""
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card::before {
        background-position: -796px -368px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card::before {
        width: 128px;
        height: 128px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .reward_mission_card::before {
        margin-top: 4px
    }
}

.pcb_season_2_act2 .reward_mission_item.is_completed .btn_reward_mission .btn_reward_mission_txt {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -2333px -6px;
    background-position: -91.13281vw -.23438vw;
    width: 117px;
    width: 4.57031vw;
    height: 19px;
    height: .74219vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .btn_reward_mission .btn_reward_mission_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .btn_reward_mission .btn_reward_mission_txt {
        background-position: -2333px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .btn_reward_mission .btn_reward_mission_txt {
        width: 117px;
        height: 19px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_completed .btn_reward_mission .btn_reward_mission_txt {
        height: 25px
    }
}

.pcb_season_2_act2 .reward_mission_item.is_completed .btn_reward_mission.is_disabled {
    pointer-events: none
}

.pcb_season_2_act2 .reward_mission_item.is_ended {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px 0px;
    background-position: -55.42969vw 0vw;
    width: 216px;
    width: 8.4375vw;
    height: 233px;
    height: 9.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_ended {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_ended {
        background-position: -1419px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_ended {
        width: 216px;
        height: 233px
    }
}

.pcb_season_2_act2 .reward_mission_item.is_ended .reward_mission_card_desc, .pcb_season_2_act2 .reward_mission_item.is_ended .reward_mission_card_number {
    color: #cac0eb
}

.pcb_season_2_act2 .reward_mission_item.is_ended .reward_mission_card_img {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1138px -820px;
    background-position: -44.45313vw -32.03125vw;
    width: 110px;
    width: 4.29688vw;
    height: 105px;
    height: 4.10156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_ended .reward_mission_card_img {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_ended .reward_mission_card_img {
        background-position: -1138px -820px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_item.is_ended .reward_mission_card_img {
        width: 110px;
        height: 105px
    }
}

.pcb_season_2_act2 .reward_mission_item.is_ended .btn_reward_mission.is_disabled {
    pointer-events: none
}

.pcb_season_2_act2 .reward_mission_card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 216px;
    width: 8.4375vw;
    height: 177px;
    height: 6.91406vw;
    padding: 16px 20px 0px;
    padding: .625vw .78125vw 0vw;
    color: #ffc0e7;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card {
        width: 216px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card {
        height: 177px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card {
        padding: 16px 20px 0px
    }
}

.pcb_season_2_act2 .reward_mission_card_desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 46px;
    min-height: 1.79688vw;
    text-align: center
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_desc {
        min-height: 46px
    }
}

.pcb_season_2_act2 .reward_mission_card_number {
    position: absolute;
    top: 50%;
    right: 4px;
    right: .15625vw;
    margin-top: -9px;
    margin-top: -.35156vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_number {
        right: 4px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_number {
        margin-top: -9px
    }
}

.pcb_season_2_act2 .reward_mission_card_img {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -584px -368px;
    background-position: -22.8125vw -14.375vw;
    width: 110px;
    width: 4.29688vw;
    height: 105px;
    height: 4.10156vw;
    margin-top: 10px;
    margin-top: .39063vw;
    margin-left: -10px;
    margin-left: -.39063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_img {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_img {
        background-position: -584px -368px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_img {
        width: 110px;
        height: 105px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_img {
        margin-top: 10px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission_card_img {
        margin-left: -10px
    }
}

.pcb_season_2_act2 .reward_mission .btn_reward_mission {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 216px;
    width: 8.4375vw;
    height: 56px;
    height: 2.1875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission {
        width: 216px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission {
        height: 56px
    }
}

.pcb_season_2_act2 .reward_mission .btn_reward_mission::before {
    position: absolute;
    width: 100%;
    height: 56px;
    height: 2.1875vw;
    border-bottom-left-radius: 12px;
    border-bottom-left-radius: .46875vw;
    border-bottom-right-radius: 12px;
    border-bottom-right-radius: .46875vw;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission::before {
        height: 56px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission::before {
        border-bottom-left-radius: 12px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission::before {
        border-bottom-right-radius: 12px
    }
}

.pcb_season_2_act2 .reward_mission .btn_reward_mission:hover::before {
    background-color: rgba(255, 255, 255, 0.3)
}

.pcb_season_2_act2 .reward_mission .btn_reward_mission_txt {
    font-size: 0;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -2454px -6px;
    background-position: -95.85938vw -.23438vw;
    width: 112px;
    width: 4.375vw;
    height: 19px;
    height: .74219vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission_txt {
        background-position: -2454px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission_txt {
        width: 112px;
        height: 19px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .reward_mission .btn_reward_mission_txt {
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission {
    height: 3132px;
    height: 122.34375vw;
    padding-top: 123px;
    padding-top: 4.80469vw;
    background: url("../img/season2_act2/bg_mission.jpg") top/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission {
        height: 3132px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission {
        padding-top: 123px
    }
}

.pcb_season_2_act2 .section_mission .section_title {
    height: 92px;
    height: 3.59375vw;
    margin-top: 0px;
    margin-top: 0vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .section_title {
        height: 92px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .section_title {
        margin-top: 0px
    }
}

.pcb_season_2_act2 .section_mission .section_title img {
    margin: 0 auto
}

.pcb_season_2_act2 .section_mission .section_desc {
    margin-top: 24px;
    margin-top: .9375vw;
    color: #b3bbff
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .section_desc {
        margin-top: 24px
    }
}

.pcb_season_2_act2 .section_mission .section_desc_highlight {
    padding: 3px 9px;
    padding: .11719vw .35156vw;
    border-radius: 7px;
    border-radius: .27344vw;
    font-size: 24px;
    font-size: .9375vw;
    line-height: 31px;
    line-height: 1.21094vw;
    font-weight: 500;
    color: #fff;
    background-color: #dc63b3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .section_desc_highlight {
        padding: 3px 9px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .section_desc_highlight {
        border-radius: 7px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .section_desc_highlight {
        font-size: 24px;
        line-height: 31px
    }
}

.pcb_season_2_act2 .section_mission .tab {
    background-color: transparent
}

.pcb_season_2_act2 .section_mission .tab::before {
    bottom: -4px;
    bottom: -.15625vw;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1639px 0px;
    background-position: -64.02344vw 0vw;
    width: 1640px;
    width: 64.0625vw;
    height: 2px;
    height: .07813vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab::before {
        bottom: -4px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab::before {
        background-position: -1639px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab::before {
        width: 1640px;
        height: 2px
    }
}

.pcb_season_2_act2 .section_mission .tab_list {
    width: 1391px;
    width: 54.33594vw;
    height: 118px;
    height: 4.60938vw;
    margin-left: 11px;
    margin-left: .42969vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_list {
        width: 1391px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_list {
        height: 118px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_list {
        margin-left: 11px
    }
}

.pcb_season_2_act2 .section_mission .tab_item .btn_tab .section_duration {
    margin-top: 57px;
    margin-top: 2.22656vw;
    padding-left: 65px;
    padding-left: 2.53906vw;
    letter-spacing: 0
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_item .btn_tab .section_duration {
        margin-top: 57px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_item .btn_tab .section_duration {
        padding-left: 65px
    }
}

.pcb_season_2_act2 .section_mission .tab_item:nth-child(1) .btn_tab .section_duration {
    color: #a95787
}

.pcb_season_2_act2 .section_mission .tab_item:nth-child(1) .btn_tab[aria-selected="true"] .section_duration {
    color: #ffa8e1
}

.pcb_season_2_act2 .section_mission .tab_item:nth-child(2) .section_duration {
    margin-top: 52px;
    margin-top: 2.03125vw;
    padding-left: 70px;
    padding-left: 2.73438vw;
    color: #7479cd
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_item:nth-child(2) .section_duration {
        margin-top: 52px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .tab_item:nth-child(2) .section_duration {
        padding-left: 70px
    }
}

.pcb_season_2_act2 .section_mission .tab_item:nth-child(2) .btn_tab[aria-selected="true"] .section_duration {
    color: #b2ccff
}

.pcb_season_2_act2 .section_mission .tab_panel.tab_panel_leaf .section_desc_highlight {
    background-color: #369df0
}

.pcb_season_2_act2 .section_mission .product {
    margin-top: 123px;
    margin-top: 4.80469vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product {
        margin-top: 123px
    }
}

.pcb_season_2_act2 .section_mission .product_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 42px;
    margin-top: 1.64063vw;
    row-gap: 18px;
    row-gap: .70313vw;
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    -webkit-column-gap: .625vw;
    -moz-column-gap: .625vw;
    column-gap: .625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list {
        margin-top: 42px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list {
        row-gap: 18px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list {
        -webkit-column-gap: 16px;
        -moz-column-gap: 16px;
        column-gap: 16px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list1 .product_item {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -796px 0px;
    background-position: -31.09375vw 0vw;
    width: 338px;
    width: 13.20313vw;
    height: 364px;
    height: 14.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list1 .product_item {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list1 .product_item {
        background-position: -796px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list1 .product_item {
        width: 338px;
        height: 364px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list2 .product_item {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -454px 0px;
    background-position: -17.73438vw 0vw;
    width: 338px;
    width: 13.20313vw;
    height: 364px;
    height: 14.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list2 .product_item {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list2 .product_item {
        background-position: -454px 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list2 .product_item {
        width: 338px;
        height: 364px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 {
    margin-top: 55px;
    margin-top: 2.14844vw;
    row-gap: 31px;
    row-gap: 1.21094vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 {
        margin-top: 55px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 {
        row-gap: 31px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_card {
    padding-top: 57px;
    padding-top: 2.22656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_card {
        padding-top: 57px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_card::before {
    margin-top: 19px;
    margin-top: .74219vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_card::before {
        margin-top: 19px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: 0px -563px;
    background-position: 0vw -21.99219vw;
    width: 338px;
    width: 13.20313vw;
    height: 364px;
    height: 14.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item {
        background-position: 0px -563px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item {
        width: 338px;
        height: 364px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_completed .product_token, .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_ended .product_token, .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_sold_out .product_token {
    color: #fff;
    background-color: #5e557b
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_completed .btn_product_txt {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -2224px -6px;
    background-position: -86.875vw -.23438vw;
    width: 105px;
    width: 4.10156vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_completed .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_completed .btn_product_txt {
        background-position: -2224px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_completed .btn_product_txt {
        width: 105px;
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_sold_out .btn_product_txt, .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_ended .btn_product_txt {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -2113px -6px;
    background-position: -82.53906vw -.23438vw;
    width: 107px;
    width: 4.17969vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_sold_out .btn_product_txt, .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_ended .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_sold_out .btn_product_txt, .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_ended .btn_product_txt {
        background-position: -2113px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_sold_out .btn_product_txt, .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item.is_ended .btn_product_txt {
        width: 107px;
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item .btn_product_txt {
    font-size: 0;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1639px -35px;
    background-position: -64.02344vw -1.36719vw;
    width: 100px;
    width: 3.90625vw;
    height: 26px;
    height: 1.01563vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item .btn_product_txt {
        background-position: -1639px -35px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_item .btn_product_txt {
        width: 100px;
        height: 26px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_title {
    margin-top: 21px;
    margin-top: .82031vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_title {
        margin-top: 21px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 18px;
    top: .70313vw;
    left: 18px;
    left: .70313vw;
    height: 35px;
    height: 1.36719vw;
    margin-top: 0px;
    margin-top: 0vw;
    padding: 7px 29px;
    padding: .27344vw 1.13281vw;
    border-radius: 17px;
    border-radius: .66406vw;
    color: #ecdaff;
    background-color: #513b9e;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
        top: 18px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
        left: 18px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
        height: 35px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
        margin-top: 0px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
        padding: 7px 29px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token {
        border-radius: 17px
    }
}

.pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token_remaining {
    display: inline-block;
    margin-right: 4px;
    margin-right: .15625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list.product_list3 .product_token_remaining {
        margin-right: 4px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_disabled {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -342px -563px;
    background-position: -13.35938vw -21.99219vw;
    width: 338px;
    width: 13.20313vw;
    height: 364px;
    height: 14.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_disabled {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_disabled {
        background-position: -342px -563px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_disabled {
        width: 338px;
        height: 364px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -342px -563px;
    background-position: -13.35938vw -21.99219vw;
    width: 338px;
    width: 13.20313vw;
    height: 364px;
    height: 14.21875vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended {
        background-position: -342px -563px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended {
        width: 338px;
        height: 364px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_card, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_card, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_card {
    position: relative
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_card::before, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_card::before, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_card::before {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: ""
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_img, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_img, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_img {
    -webkit-filter: saturate(0);
    filter: saturate(0);
    opacity: 0.3
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_number, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_number, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_number {
    color: #716a87
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_title, .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_token, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_title, .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_token, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_title, .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_token {
    color: #352c43
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_card::before {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px -844px;
    background-position: -55.42969vw -32.96875vw;
    width: 194px;
    width: 7.57813vw;
    height: 195px;
    height: 7.61719vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_card::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_card::before {
        background-position: -1419px -844px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .product_card::before {
        width: 194px;
        height: 195px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .btn_product_txt {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1800px -6px;
    background-position: -70.3125vw -.23438vw;
    width: 156px;
    width: 6.09375vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .btn_product_txt {
        background-position: -1800px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_completed .btn_product_txt {
        width: 156px;
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_card::before {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px -645px;
    background-position: -55.42969vw -25.19531vw;
    width: 194px;
    width: 7.57813vw;
    height: 195px;
    height: 7.61719vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_card::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_card::before {
        background-position: -1419px -645px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .product_card::before {
        width: 194px;
        height: 195px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .btn_product_txt {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1639px -6px;
    background-position: -64.02344vw -.23438vw;
    width: 157px;
    width: 6.13281vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .btn_product_txt {
        background-position: -1639px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_sold_out .btn_product_txt {
        width: 157px;
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_card::before {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1419px -446px;
    background-position: -55.42969vw -17.42188vw;
    width: 195px;
    width: 7.61719vw;
    height: 195px;
    height: 7.61719vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_card::before {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_card::before {
        background-position: -1419px -446px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .product_card::before {
        width: 195px;
        height: 195px
    }
}

.pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .btn_product_txt {
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1639px -6px;
    background-position: -64.02344vw -.23438vw;
    width: 157px;
    width: 6.13281vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .btn_product_txt {
        background-position: -1639px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_list .product_item.is_ended .btn_product_txt {
        width: 157px;
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission .product_card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 278px;
    height: 10.85938vw;
    padding: 34px 30px 19px;
    padding: 1.32813vw 1.17188vw .74219vw;
    color: #eaf8ff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_card {
        height: 278px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_card {
        padding: 34px 30px 19px
    }
}

.pcb_season_2_act2 .section_mission .product_img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 178px;
    width: 6.95313vw;
    height: 132px;
    height: 5.15625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_img {
        width: 178px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_img {
        height: 132px
    }
}

.pcb_season_2_act2 .section_mission .product_number {
    position: absolute;
    top: 98px;
    top: 3.82813vw;
    left: 235px;
    left: 9.17969vw;
    font-size: 24px;
    font-size: .9375vw;
    line-height: 28px;
    line-height: 1.09375vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number {
        top: 98px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number {
        left: 235px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number {
        font-size: 24px;
        line-height: 28px
    }
}

.pcb_season_2_act2 .section_mission .product_number.product_number1 {
    top: 75px;
    top: 2.92969vw;
    left: 210px;
    left: 8.20313vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number.product_number1 {
        top: 75px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number.product_number1 {
        left: 210px
    }
}

.pcb_season_2_act2 .section_mission .product_number.product_number2 {
    top: 130px;
    top: 5.07813vw;
    left: 261px;
    left: 10.19531vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number.product_number2 {
        top: 130px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_number.product_number2 {
        left: 261px
    }
}

.pcb_season_2_act2 .section_mission .product_title {
    display: inline-block;
    margin-top: 8px;
    margin-top: .3125vw;
    font-size: 22px;
    font-size: .85938vw;
    line-height: 26px;
    line-height: 1.01563vw;
    letter-spacing: -0.035em;
    text-align: center
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_title {
        margin-top: 8px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_title {
        font-size: 22px;
        line-height: 26px
    }
}

.pcb_season_2_act2 .section_mission .product_token {
    display: inline-block;
    margin-top: 13px;
    margin-top: .50781vw;
    font-size: 18px;
    font-size: .70313vw;
    line-height: 21px;
    line-height: .82031vw;
    letter-spacing: -0.022em
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_token {
        margin-top: 13px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product_token {
        font-size: 18px;
        line-height: 21px
    }
}

.pcb_season_2_act2 .section_mission .product .btn_product {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 86px;
    height: 3.35938vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product {
        height: 86px
    }
}

.pcb_season_2_act2 .section_mission .product .btn_product::before {
    position: absolute;
    width: 100%;
    height: 86px;
    height: 3.35938vw;
    border-bottom-left-radius: 19px;
    border-bottom-left-radius: .74219vw;
    border-bottom-right-radius: 19px;
    border-bottom-right-radius: .74219vw;
    background-color: transparent;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    content: ''
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product::before {
        height: 86px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product::before {
        border-bottom-left-radius: 19px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product::before {
        border-bottom-right-radius: 19px
    }
}

.pcb_season_2_act2 .section_mission .product .btn_product:hover::before {
    background-color: rgba(255, 255, 255, 0.3)
}

.pcb_season_2_act2 .section_mission .product .btn_product.is_disabled {
    pointer-events: none
}

.pcb_season_2_act2 .section_mission .product .btn_product_txt {
    font-size: 0;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1960px -6px;
    background-position: -76.5625vw -.23438vw;
    width: 149px;
    width: 5.82031vw;
    height: 25px;
    height: .97656vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_txt {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_txt {
        background-position: -1960px -6px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_txt {
        width: 149px;
        height: 25px
    }
}

.pcb_season_2_act2 .section_mission .product .btn_product_seemore {
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 18px;
    top: .70313vw;
    right: 19px;
    right: .74219vw;
    width: 90px;
    width: 3.51563vw;
    height: 35px;
    height: 1.36719vw;
    border-radius: 17px;
    border-radius: .66406vw;
    background-color: #684acf
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_seemore {
        top: 18px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_seemore {
        right: 19px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_seemore {
        width: 90px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_seemore {
        height: 35px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .product .btn_product_seemore {
        border-radius: 17px
    }
}

.pcb_season_2_act2 .section_mission .product .btn_product_seemore_txt {
    color: #dfdfdf
}

.pcb_season_2_act2 .section_mission .notice_list {
    margin-top: 29px;
    margin-top: 1.13281vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .notice_list {
        margin-top: 29px
    }
}

.pcb_season_2_act2 .section_mission .notice_list + .section_title {
    margin-top: 79px;
    margin-top: 3.08594vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_mission .notice_list + .section_title {
        margin-top: 79px
    }
}

.pcb_season_2_act2 .section_benefit {
    height: auto;
    padding: 145px 24px 125px;
    padding: 5.66406vw .9375vw 4.88281vw;
    background: url("../img/season2_act2/bg_benefit.jpg") top/cover no-repeat
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit {
        padding: 145px 24px 125px
    }
}

.pcb_season_2_act2 .section_benefit .section_label {
    height: 53px;
    height: 2.07031vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_label {
        height: 53px
    }
}

.pcb_season_2_act2 .section_benefit .section_guide {
    margin-top: 18px;
    margin-top: .70313vw;
    color: #f9de96
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_guide {
        margin-top: 18px
    }
}

.pcb_season_2_act2 .section_benefit .section_guide::before, .pcb_season_2_act2 .section_benefit .section_guide::after {
    display: none
}

.pcb_season_2_act2 .section_benefit .section_title {
    height: 107px;
    height: 4.17969vw;
    margin-top: 98px;
    margin-top: 3.82813vw;
    font-size: 90px;
    font-size: 3.51563vw;
    line-height: 107px;
    line-height: 4.17969vw;
    font-family: "pretendard";
    font-weight: 700;
    color: #d8ecf7;
    -webkit-filter: none;
    filter: none
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_title {
        height: 107px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_title {
        margin-top: 98px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_title {
        font-size: 90px;
        line-height: 107px
    }
}

.pcb_season_2_act2 .section_benefit .section_subtitle {
    margin-top: 12px;
    margin-top: .46875vw;
    font-size: 24px;
    font-size: .9375vw;
    line-height: 32px;
    line-height: 1.25vw;
    color: #d8ecf7;
    -webkit-filter: none;
    filter: none
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_subtitle {
        margin-top: 12px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_subtitle {
        font-size: 24px;
        line-height: 32px
    }
}

.pcb_season_2_act2 .section_benefit .section_duration {
    margin-top: 14px;
    margin-top: .54688vw;
    letter-spacing: -0.02em;
    color: #d2bdff
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_duration {
        margin-top: 14px
    }
}

.pcb_season_2_act2 .section_benefit .section_duration .period {
    margin-left: 14px;
    margin-left: .54688vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .section_duration .period {
        margin-left: 14px
    }
}

.pcb_season_2_act2 .section_benefit .benefit {
    margin-top: 42px;
    margin-top: 1.64063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .benefit {
        margin-top: 42px
    }
}

.pcb_season_2_act2 .section_benefit .benefit_content {
    gap: 82px;
    gap: 3.20313vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .benefit_content {
        gap: 82px
    }
}

.pcb_season_2_act2 .section_benefit .benefit_title {
    color: #e4cd9d;
    font-family: "pretendard";
    font-size: 26px;
    font-size: 1.01563vw;
    line-height: 34px;
    line-height: 1.32813vw;
    letter-spacing: -0.033em
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .benefit_title {
        font-size: 26px;
        line-height: 34px
    }
}

.pcb_season_2_act2 .section_benefit .skin {
    max-width: 1420px;
    max-width: 55.46875vw;
    margin-top: 73px;
    margin-top: 2.85156vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin {
        max-width: 1420px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin {
        margin-top: 73px
    }
}

.pcb_season_2_act2 .section_benefit .skin::before, .pcb_season_2_act2 .section_benefit .skin::after {
    display: none
}

.pcb_season_2_act2 .section_benefit .skin_box:not(:first-child) {
    margin-top: 40px;
    margin-top: 1.5625vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_box:not(:first-child) {
        margin-top: 40px
    }
}

.pcb_season_2_act2 .section_benefit .skin_list {
    row-gap: 40px;
    row-gap: 1.5625vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-animation: none;
    animation: none
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_list {
        row-gap: 40px
    }
}

.pcb_season_2_act2 .section_benefit .skin_item {
    padding: 0px 10px;
    padding: 0vw .39063vw
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_item {
        padding: 0px 10px
    }
}

.pcb_season_2_act2 .section_benefit .skin_img {
    width: 335px;
    width: 13.08594vw;
    height: 236px;
    height: 9.21875vw;
    border-radius: 9px;
    border-radius: .35156vw;
    overflow: hidden
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_img {
        width: 335px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_img {
        height: 236px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_img {
        border-radius: 9px
    }
}

.pcb_season_2_act2 .section_benefit .skin_name {
    margin-top: 16px;
    margin-top: .625vw;
    font-size: 22px;
    font-size: .85938vw;
    line-height: 28px;
    line-height: 1.09375vw;
    letter-spacing: -0.03em
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_name {
        margin-top: 16px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .section_benefit .skin_name {
        font-size: 22px;
        line-height: 28px
    }
}

.pcb_season_2_act2 .pop_item {
    background-image: url("../img/season2_act2/bg_popup.png");
    color: #51007C
}

.pcb_season_2_act2 .pop_item.pop_alert {
    background-image: url("../img/season2_act2/bg_popup_alert.png")
}

.pcb_season_2_act2 .pop_list .tbl_head th:first-child {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px)
}

.pcb_season_2_act2 .pop_list .time {
    color: #B487DA
}

.pcb_season_2_act2 .pop_list .tab_panel {
    width: 100%;
    margin-top: 13px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_list .tab_panel {
        margin-top: 13px;
        margin-top: 1.26953vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_list .tab_panel {
        margin-top: 13px
    }
}

.pcb_season_2_act2 .pop_list .tab_panel:nth-of-type(1) .btn_check_voucher {
    color: #EF3CFF
}

.pcb_season_2_act2 .pop_list .tab_panel:nth-of-type(2) .btn_check_voucher {
    color: #19BAFF
}

.pcb_season_2_act2 .pop_title {
    font-family: "pretendard";
    font-weight: 800;
    color: #782BB7
}

.pcb_season_2_act2 .pop_highlight_petal {
    color: #FF42D0
}

.pcb_season_2_act2 .pop_highlight_leaf {
    color: #0FCBFF
}

.pcb_season_2_act2 .pop_tab_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.pcb_season_2_act2 .pop_tab_list .btn_tab {
    position: relative;
    padding: 16px 0 10px 0;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-bottom-color: #fff;
    color: #cbb4ff
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_tab_list .btn_tab {
        padding: 16px 0px 10px 0px;
        padding: 1.5625vw 0vw .97656vw 0vw;
        border-bottom-width: 5px;
        border-bottom-width: .48828vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_tab_list .btn_tab {
        padding: 16px 0px 10px 0px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_tab_list .btn_tab {
        border-bottom-width: 5px
    }
}

.pcb_season_2_act2 .pop_tab_list .tab_item:nth-child(1) .btn_tab[aria-selected="true"] {
    border-bottom-color: #f46ed7;
    color: #f46ed7
}

.pcb_season_2_act2 .pop_tab_list .tab_item:nth-child(2) .btn_tab[aria-selected="true"] {
    border-bottom-color: #19baff;
    color: #19baff
}

.pcb_season_2_act2 .pop .tbl_head {
    padding: 10px 21px;
    border-bottom-color: #F1E9DD;
    color: #3D1B5B
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop .tbl_head {
        padding: 10px 21px;
        padding: .97656vw 2.05078vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop .tbl_head {
        padding: 10px 21px
    }
}

.pcb_season_2_act2 .pop .tbl_head::before {
    background-color: transparent
}

.pcb_season_2_act2 .pop .tbl_body tr {
    padding: 16px 20px;
    background-color: #F8F5FF
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop .tbl_body tr {
        padding: 16px 21px;
        padding: 1.5625vw 2.05078vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop .tbl_body tr {
        padding: 16px 21px
    }
}

.pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(1), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(1) {
    width: 50px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(1), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(1) {
        width: 50px;
        width: 4.88281vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(1), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(1) {
        width: 50px
    }
}

.pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(2), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(2) {
    width: 147px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(2), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(2) {
        width: 147px;
        width: 14.35547vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(2), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(2) {
        width: 147px
    }
}

.pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(3), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(3) {
    width: 113px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(3), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(3) {
        width: 113px;
        width: 11.03516vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_situation .tbl td:nth-child(3), .pcb_season_2_act2 .pop_reward_situation .tbl th:nth-child(3) {
        width: 113px
    }
}

.pcb_season_2_act2 .pop_reward_situation .tbl_body td:nth-child(1), .pcb_season_2_act2 .pop_reward_situation .tbl_body td:nth-child(2) {
    color: #A588CD
}

.pcb_season_2_act2 .pop_reward_list .tbl_head th:nth-child(2) {
    width: 100%;
    text-align: center
}

.pcb_season_2_act2 .pop_reward_list .tbl_body td:nth-child(1) {
    color: #A588CD
}

.pcb_season_2_act2 .pop_reward_list .tbl_body td:nth-child(2) {
    width: 100%;
    padding: 0 20px;
    text-align: center
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_list .tbl_body td:nth-child(2) {
        padding: 0px 20px;
        padding: 0vw 1.95313vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_list .tbl_body td:nth-child(2) {
        padding: 0px 20px
    }
}

.pcb_season_2_act2 .pop_reward_list .tbl_body .status {
    position: absolute;
    right: 16px;
    margin-left: 0
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_list .tbl_body .status {
        right: 16px;
        right: 1.5625vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_list .tbl_body .status {
        right: 16px
    }
}

.pcb_season_2_act2 .pop_reward_list .tbl_body .status_item {
    color: #B487DA
}

.pcb_season_2_act2 .pop_reward_list .tbl_body .status_item:nth-child(2) {
    margin-left: 12px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_list .tbl_body .status_item:nth-child(2) {
        margin-left: 12px;
        margin-left: 1.17188vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_list .tbl_body .status_item:nth-child(2) {
        margin-left: 12px
    }
}

.pcb_season_2_act2 .pop_reward_img + .pop_desc {
    margin-top: 24px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_reward_img + .pop_desc {
        margin-top: 24px;
        margin-top: 2.34375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_reward_img + .pop_desc {
        margin-top: 24px
    }
}

.pcb_season_2_act2 .pop_voucher .tab_list {
    position: relative;
    background: none
}

.pcb_season_2_act2 .pop_voucher .tab_list::before {
    position: absolute;
    bottom: 0;
    left: -25px;
    width: 480px;
    height: 1px;
    background-color: #9080CD;
    content: ''
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_voucher .tab_list::before {
        bottom: 0px;
        bottom: 0vw;
        left: -24px;
        left: -2.34375vw;
        width: 480px;
        width: 46.875vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_voucher .tab_list::before {
        bottom: 0px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_voucher .tab_list::before {
        left: -24px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_voucher .tab_list::before {
        width: 480px
    }
}

.pcb_season_2_act2 .pop_voucher .tab_item .btn_tab {
    background-color: #9080CD;
    color: #F7E0FE
}

.pcb_season_2_act2 .pop_voucher .tab_item .btn_tab[aria-selected="true"] {
    color: #FFFABF;
    background-color: #532CAE
}

.pcb_season_2_act2 .pop_voucher .code {
    background-color: #F2E8F5;
    border-color: #A588CD
}

.pcb_season_2_act2 .pop_voucher .code_txt {
    color: #782BB7
}

.pcb_season_2_act2 .pop_voucher .voucher_code {
    padding: 0
}

.pcb_season_2_act2 .pop_voucher .btn_voucher_code::before {
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -179px -92px;
    background-position: -17.48047vw -8.98438vw;
    width: 23px;
    width: 2.24609vw;
    height: 24px;
    height: 2.34375vw
}

@media (min-width: 1025px) {
    .pcb_season_2_act2 .pop_voucher .btn_voucher_code::before {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2_act2 .pop_voucher .btn_voucher_code::before {
        background-position: -179px -92px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2_act2 .pop_voucher .btn_voucher_code::before {
        width: 23px;
        height: 24px
    }
}

.pcb_season_2_act2 .pop_voucher .toast {
    color: #782BB7
}

.pcb_season_2_act2 .pop_voucher .guide_list {
    background-color: rgba(242, 232, 245, 0.5)
}

.pcb_season_2_act2 .pop_voucher .guide_desc, .pcb_season_2_act2 .pop_voucher .guide_link {
    color: #B487DA
}

.pcb_season_2_act2 .pop_sub_title {
    color: #A588CD
}

.pcb_season_2_act2 .pop_sub_title::before, .pcb_season_2_act2 .pop_sub_title::after {
    -webkit-background-size: 326px 273px;
    background-size: 326px 273px;
    -webkit-background-size: 31.83594vw 26.66016vw;
    background-size: 31.83594vw 26.66016vw;
    background-image: url("../img/popup.png");
    background-position: -260px -92px;
    background-position: -25.39063vw -8.98438vw;
    width: 11px;
    width: 1.07422vw;
    height: 21px;
    height: 2.05078vw
}

@media (min-width: 1025px) {
    .pcb_season_2_act2 .pop_sub_title::before, .pcb_season_2_act2 .pop_sub_title::after {
        -webkit-background-size: 326px 273px;
        background-size: 326px 273px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2_act2 .pop_sub_title::before, .pcb_season_2_act2 .pop_sub_title::after {
        background-position: -260px -92px
    }
}

@media (min-width: 1025px) {
    .pcb_season_2_act2 .pop_sub_title::before, .pcb_season_2_act2 .pop_sub_title::after {
        width: 11px;
        height: 21px
    }
}

.pcb_season_2_act2 .pop_notice {
    color: #51007C
}

.pcb_season_2_act2 .pop_desc {
    color: #B487DA
}

.pcb_season_2_act2 .pop_desc .reward_duration {
    color: #A136FF
}

.pcb_season_2_act2 .pop_btn:has(.btn_purple) .btn_primary {
    width: 180px;
    height: 88px
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop_btn:has(.btn_purple) .btn_primary {
        width: 180px;
        width: 17.57813vw;
        height: 88px;
        height: 8.59375vw;
        border-radius: 50px;
        border-radius: 4.88281vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_btn:has(.btn_purple) .btn_primary {
        width: 180px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_btn:has(.btn_purple) .btn_primary {
        height: 88px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop_btn:has(.btn_purple) .btn_primary {
        border-radius: 50px
    }
}

.pcb_season_2_act2 .pop .btn_close::before, .pcb_season_2_act2 .pop .btn_close::after {
    background-color: #684C6F
}

.pcb_season_2_act2 .pop .btn_primary {
    border-radius: 50px;
    background: #532cae;
    color: #F8F0FF
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop .btn_primary {
        border-radius: 50px;
        border-radius: 4.88281vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop .btn_primary {
        border-radius: 50px
    }
}

.pcb_season_2_act2 .pop .btn_purple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 180px;
    height: 88px;
    border-radius: 50px;
    background: #A136FF;
    color: #F8F0FF
}

@media (max-width: 1024px) {
    .pcb_season_2_act2 .pop .btn_purple {
        width: 180px;
        width: 17.57813vw;
        height: 88px;
        height: 8.59375vw;
        border-radius: 50px;
        border-radius: 4.88281vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop .btn_purple {
        width: 180px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop .btn_purple {
        height: 88px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .pcb_season_2_act2 .pop .btn_purple {
        border-radius: 50px
    }
}

.pcb_season_2_act2 .pop .scroll-bar {
    background: #8346B4 !important;
    border-radius: 3px !important
}

.pcb_season_2_act2 .pop .scroll-element_track {
    background-color: #EEE7DD !important;
    border-radius: 3 !important
}

.pcb_season_2_act2 .error {
    background: url("../img/season2_act2/bg_error.jpg") center/cover no-repeat;
    background-position: top center
}

.pcb_season_2_act2 .error::before {
    background: rgba(0, 0, 0, 0.8)
}

.pcb_season_2_act2 .error_title {
    color: #F2E8F5
}

.pcb_season_2_act2 .error_link {
    margin-top: 88px;
    margin-top: 3.4375vw;
    -webkit-background-size: 3279px 1488px;
    background-size: 3279px 1488px;
    -webkit-background-size: 128.08594vw 58.125vw;
    background-size: 128.08594vw 58.125vw;
    background-image: url("../img/sp_season2_act2.png");
    background-position: -1172px -1271px;
    background-position: -45.78125vw -49.64844vw;
    width: 374px;
    width: 14.60938vw;
    height: 95px;
    height: 3.71094vw;
    font-family: "pretendard";
    font-size: 32px;
    font-size: 1.25vw;
    line-height: 42px;
    line-height: 1.64063vw;
    font-weight: 700;
    color: #F8F0FF
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .error_link {
        margin-top: 88px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .error_link {
        -webkit-background-size: 3279px 1488px;
        background-size: 3279px 1488px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .error_link {
        background-position: -1172px -1271px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .error_link {
        width: 374px;
        height: 95px
    }
}

@media (min-width: 2560px) {
    .pcb_season_2_act2 .error_link {
        font-size: 32px;
        line-height: 42px
    }
}

.pcb_season_2_act2 .error_desc {
    color: #b487da
}

.pcb_season_2_act2 .evt_end_page .error::before, .pcb_season_2_act2 .evt_end_page .error:after {
    height: 48.8vw
}

.pcb_season_2_act2 .evt_end_page .error::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #000), color-stop(30%, transparent));
    background: linear-gradient(0deg, #000 1%, transparent 30%)
}

.pcb_season_2_act2 .evt_end_page .section_benefit {
    min-height: auto
}

.error_page {
    margin-top: -80px
}

.error_page ~ .riotbar-footer {
    display: none
}

.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    height: 100vh;
    background: url("../img/season1/bg_kv.jpg") top/cover no-repeat;
    text-align: center
}

.error::before, .error::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: ""
}

.error::before {
    background: rgba(0, 0, 0, 0.7)
}

.error::after {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(1%, #000), color-stop(10%, transparent));
    background: linear-gradient(0deg, #000 1%, transparent 10%)
}

.error .inner, .error_inner {
    position: relative;
    z-index: 1;
    padding: 100px 0px;
    padding: 3.90625vw 0vw
}

@media (min-width: 2560px) {
    .error .inner, .error_inner {
        padding: 100px 0px
    }
}

.error_title {
    font-weight: 800;
    color: #F9F8D7
}

.error_desc {
    margin-top: 16px;
    margin-top: .625vw;
    color: #9EB6B6
}

@media (min-width: 2560px) {
    .error_desc {
        margin-top: 16px
    }
}

.error_link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 84px;
    margin-top: 3.28125vw;
    -webkit-background-size: 3136px 751px;
    background-size: 3136px 751px;
    -webkit-background-size: 122.5vw 29.33594vw;
    background-size: 122.5vw 29.33594vw;
    background-image: url("../img/sp_season1.png");
    background-position: -442px 0px;
    background-position: -17.26563vw 0vw;
    width: 584px;
    width: 22.8125vw;
    height: 113px;
    height: 4.41406vw;
    font-size: 40px;
    font-size: 1.5625vw;
    line-height: 60px;
    line-height: 2.34375vw;
    color: #BBD7D7
}

@media (min-width: 2560px) {
    .error_link {
        margin-top: 84px
    }
}

@media (min-width: 2560px) {
    .error_link {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (min-width: 2560px) {
    .error_link {
        background-position: -442px 0px
    }
}

@media (min-width: 2560px) {
    .error_link {
        width: 584px;
        height: 113px
    }
}

@media (min-width: 2560px) {
    .error_link {
        font-size: 40px;
        line-height: 60px
    }
}

@media (max-width: 1024px) {
    .error .body_xxlarge {
        font-size: 68px;
        font-size: 6.64063vw;
        line-height: 88px;
        line-height: 8.59375vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .error .body_xxlarge {
        font-size: 68px;
        line-height: 88px
    }
}

@media (max-width: 1024px) {
    .error .body_xlarge {
        font-size: 30px;
        font-size: 2.92969vw;
        line-height: 39px;
        line-height: 3.80859vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .error .body_xlarge {
        font-size: 30px;
        line-height: 39px
    }
}

@media (max-width: 1024px) {
    .error_desc {
        margin-top: 20px;
        margin-top: 1.95313vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .error_desc {
        margin-top: 20px
    }
}

@media (max-width: 1024px) {
    .error_link {
        margin-top: 84px;
        margin-top: 8.20313vw;
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px;
        -webkit-background-size: 306.25vw 73.33984vw;
        background-size: 306.25vw 73.33984vw;
        background-image: url("../img/sp_season1.png");
        background-position: -442px 0px;
        background-position: -43.16406vw 0vw;
        width: 584px;
        width: 57.03125vw;
        height: 113px;
        height: 11.03516vw;
        font-size: 40px;
        font-size: 3.90625vw;
        line-height: 60px;
        line-height: 5.85938vw
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .error_link {
        margin-top: 84px
    }
}

@media (max-width: 1024px) and (min-width: 1024px) {
    .error_link {
        -webkit-background-size: 3136px 751px;
        background-size: 3136px 751px
    }
}

@media (max-width: 1024px) and (min-width: 1024px) {
    .error_link {
        background-position: -442px 0px
    }
}

@media (max-width: 1024px) and (min-width: 1024px) {
    .error_link {
        width: 584px;
        height: 113px
    }
}

@media (max-width: 1024px) and (min-width: 1025px) {
    .error_link {
        font-size: 40px;
        line-height: 60px
    }
}

.evt_end_page .error {
    height: auto;
    -webkit-background-size: contain;
    background-size: contain
}

.evt_end_page .error::before, .evt_end_page .error::after {
    height: 37.5vw
}

.evt_end_page .banner {
    position: absolute;
    top: 0
}

.evt_end_page .section_benefit {
    overflow: unset;
    position: relative;
    z-index: 1;
    height: auto;
    min-height: 1956px;
    min-height: 76.40625vw;
    padding: 60px 24px 110px;
    padding: 2.34375vw .9375vw 4.29688vw;
    background: none
}

@media (min-width: 2560px) {
    .evt_end_page .section_benefit {
        min-height: 1956px
    }
}

@media (min-width: 2560px) {
    .evt_end_page .section_benefit {
        padding: 60px 24px 110px
    }
}

.evt_end_page .section_benefit .benefit_item_txt {
    text-align: left
}

.evt_end_page .section_benefit .skin::before {
    left: -120px;
    left: -4.6875vw;
    background: -webkit-gradient(linear, right top, left top, from(rgba(10, 50, 60, 0)), color-stop(40.91%, #060709));
    background: linear-gradient(270deg, rgba(10, 50, 60, 0) 0%, #060709 40.91%)
}

@media (min-width: 2560px) {
    .evt_end_page .section_benefit .skin::before {
        left: -120px
    }
}

.evt_end_page .section_benefit .skin::after {
    right: -120px;
    right: -4.6875vw;
    background: -webkit-gradient(linear, left top, right top, from(rgba(10, 50, 60, 0)), color-stop(40.91%, #060709));
    background: linear-gradient(90deg, rgba(10, 50, 60, 0) 0%, #060709 40.91%)
}

@media (min-width: 2560px) {
    .evt_end_page .section_benefit .skin::after {
        right: -120px
    }
}

.evt_end_page ~ .riotbar-footer {
    display: none
}