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;
  -moz-text-size-adjust: none;
  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.woff2) format("woff2");
}
@font-face {
  font-family: "pretendard";
  font-weight: 500;
  src: url(../font/pretendard_medium.woff2) format("woff2");
}
@font-face {
  font-family: "pretendard";
  font-weight: 600;
  src: url(../font/pretendard_semibold.woff2) format("woff2");
}
@font-face {
  font-family: "pretendard";
  font-weight: 700;
  src: url(../font/pretendard_bold.woff2) format("woff2");
}
@font-face {
  font-family: "pretendard";
  font-weight: 900;
  src: url(../font/pretendard_black.woff2) format("woff2");
}
@font-face {
  font-family: "sandollpress";
  font-weight: 900;
  src: url(../font/sandollpress_basic.woff) format("woff");
}
@font-face {
  font-family: "jalnan";
  font-weight: 500;
  src: url(../font/jalnan2.woff2) format("woff2");
}
body,
input,
select,
textarea,
button {
  font-family: "pretendard", sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 0.625vw;
}
@media (min-width: 1920px) {
  body,
  input,
  select,
  textarea,
  button {
    font-size: 16px;
  }
}

.blind,
caption span,
legend {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}

.skip {
  height: 0;
}

.skip a {
  display: block;
  position: absolute;
  left: 0;
  top: -100px;
  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-weight: bold;
  color: #fff;
  font-size: 20px;
  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;
  width: 100%;
  margin: 0 auto;
  max-width: 1400px;
  max-width: calc(54.6875 * 1vw);
}
@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.5s;
  transition-duration: 0.5s;
  -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.2s);
  transition-delay: calc(var(--i) * 0.2s);
}
.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) * 0.2s) forwards cubic-bezier(0.22, 0.61, 0.36, 1);
  animation: zoom-fade 0.5s calc(var(--i) * 0.2s) forwards cubic-bezier(0.22, 0.61, 0.36, 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;
}

.text_roll {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  position: absolute;
  top: 580px;
  top: calc(22.65625 * 1vw);
}
@media (min-width: 2560px) {
  .text_roll {
    top: 580px;
  }
}
.text_roll {
  width: 9633px;
  width: calc(376.2890625 * 1vw);
}
@media (min-width: 2560px) {
  .text_roll {
    width: 9633px;
  }
}
.text_roll {
  height: 162px;
  height: calc(6.328125 * 1vw);
}
@media (min-width: 2560px) {
  .text_roll {
    height: 162px;
  }
}
.text_roll {
  -webkit-animation: text_roll 60s infinite linear;
  animation: text_roll 60s infinite linear;
  -webkit-animation-play-state: running;
  animation-play-state: running;
  background-image: url(../img/bg_roll_1.png);
  -webkit-background-size: contain;
  background-size: contain;
  z-index: 1;
}
.text_roll.type_black {
  top: 4750px;
  top: calc(185.546875 * 1vw);
}
@media (min-width: 2560px) {
  .text_roll.type_black {
    top: 4750px;
  }
}
.text_roll.type_black {
  -webkit-animation: text_roll2 60s infinite linear;
  animation: text_roll2 60s infinite linear;
  background-image: url(../img/bg_roll_2.png);
}
.text_roll.type_black02 {
  top: 8790px;
  top: calc(343.359375 * 1vw);
}
@media (min-width: 2560px) {
  .text_roll.type_black02 {
    top: 8790px;
  }
}
.text_roll.type_black02 {
  -webkit-animation: text_roll3 60s infinite linear;
  animation: text_roll3 60s infinite linear;
  background-image: url(../img/bg_roll_2.png);
}

@-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 fadeInZoomIn {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes fadeInZoomIn {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0.2;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-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(15px);
    -khtml-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@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(15px);
    -khtml-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
  }
}
@-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;
  }
}
@-webkit-keyframes zoom-fade {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes text_roll {
  0% {
    -webkit-transform: rotate(-7.71deg) translateX(0);
    transform: rotate(-7.71deg) translateX(0);
  }
  100% {
    -webkit-transform: rotate(-7.71deg) translateX(-50%);
    transform: rotate(-7.71deg) translateX(-50%);
  }
}
@keyframes text_roll {
  0% {
    -webkit-transform: rotate(-7.71deg) translateX(0);
    transform: rotate(-7.71deg) translateX(0);
  }
  100% {
    -webkit-transform: rotate(-7.71deg) translateX(-50%);
    transform: rotate(-7.71deg) translateX(-50%);
  }
}
@-webkit-keyframes text_roll2 {
  0% {
    -webkit-transform: rotate(2.71deg) translateX(0);
    transform: rotate(2.71deg) translateX(0);
  }
  100% {
    -webkit-transform: rotate(2.71deg) translateX(-50%);
    transform: rotate(2.71deg) translateX(-50%);
  }
}
@keyframes text_roll2 {
  0% {
    -webkit-transform: rotate(2.71deg) translateX(0);
    transform: rotate(2.71deg) translateX(0);
  }
  100% {
    -webkit-transform: rotate(2.71deg) translateX(-50%);
    transform: rotate(2.71deg) translateX(-50%);
  }
}
@-webkit-keyframes text_roll3 {
  0% {
    -webkit-transform: rotate(-2.71deg) translateX(0);
    transform: rotate(-2.71deg) translateX(0);
  }
  100% {
    -webkit-transform: rotate(-2.71deg) translateX(-50%);
    transform: rotate(-2.71deg) translateX(-50%);
  }
}
@keyframes text_roll3 {
  0% {
    -webkit-transform: rotate(-2.71deg) translateX(0);
    transform: rotate(-2.71deg) translateX(0);
  }
  100% {
    -webkit-transform: rotate(-2.71deg) translateX(-50%);
    transform: rotate(-2.71deg) translateX(-50%);
  }
}
.snow {
  pointer-events: none;
}

.snow, .snow:before, .snow:after {
  position: absolute;
  top: -600px;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: radial-gradient(3px 3px at 167px 362px, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 81px 86px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 322px 406px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 581px 221px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 33px 81px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 564px 62px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 387px 541px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 258px 247px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 168px 27px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 371px 173px, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0));
  -webkit-background-size: 600px 600px;
  background-size: 600px 600px;
  -webkit-animation: snow 5s linear infinite;
  animation: snow 5s linear infinite;
  z-index: 2;
  content: "";
}

.snow:after {
  margin-left: -200px;
  opacity: 0.4;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  animation-direction: reverse;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.snow:before {
  -webkit-animation-duration: 15s;
  animation-duration: 15s;
  animation-direction: reverse;
  margin-left: -300px;
  opacity: 0.65;
  -webkit-filter: blur(1.5px);
  filter: blur(1.5px);
}

@-webkit-keyframes snow {
  to {
    -webkit-transform: translateY(600px);
    transform: translateY(600px);
  }
}

@keyframes snow {
  to {
    -webkit-transform: translateY(600px);
    transform: translateY(600px);
  }
}
.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: 0.78125vw;
  line-height: 68px;
  line-height: 2.65625vw;
}
@media (min-width: 2560px) {
  .notes .btn_toggle {
    font-size: 20px;
    line-height: 68px;
  }
}
.notes .btn_toggle {
  font-weight: 700;
  border-top: 1px solid #1c1c1c;
  letter-spacing: -0.02em;
  color: #fff;
}
.notes .btn_toggle span {
  display: inline-block;
  position: relative;
  padding-right: 33px;
  padding-right: calc(1.2890625 * 1vw);
}
@media (min-width: 2560px) {
  .notes .btn_toggle span {
    padding-right: 33px;
  }
}
.notes .btn_toggle span::after {
  position: absolute;
  top: 50%;
  right: 2px;
  right: calc(0.078125 * 1vw);
}
@media (min-width: 2560px) {
  .notes .btn_toggle span::after {
    right: 2px;
  }
}
.notes .btn_toggle span::after {
  -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: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .notes .btn_toggle span::after {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.notes .btn_toggle span::after {
  background-image: url("../img/normal.png");
  background-position: -412px -339px;
  background-position: -16.09375vw -13.2421875vw;
}
@media (min-width: 2560px) {
  .notes .btn_toggle span::after {
    background-position: -412px -339px;
  }
}
.notes .btn_toggle span::after {
  width: 18px;
  width: 0.703125vw;
  height: 12px;
  height: 0.46875vw;
}
@media (min-width: 2560px) {
  .notes .btn_toggle span::after {
    width: 18px;
    height: 12px;
  }
}
.notes .btn_toggle span::after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
}
.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.0729166667vw 6.25vw;
}
@media (min-width: 1920px) {
  .precautions {
    padding: 114px 155px 120px;
  }
}
.precautions {
  background-color: #242424;
  font-weight: 400;
  font-size: 16px;
  font-size: 0.8333333333vw;
  line-height: 32px;
  line-height: 1.6666666667vw;
}
@media (min-width: 2560px) {
  .precautions {
    font-size: 16px;
    line-height: 32px;
  }
}
.precautions {
  color: #9c9c9c;
  word-break: break-all;
}
.precautions h4 {
  font-weight: 600;
  color: #d7d7e2;
  line-height: 32px;
  line-height: 1.6666666667vw;
}
@media (min-width: 1920px) {
  .precautions h4 {
    line-height: 32px;
  }
}
.precautions h4 ~ h4 {
  margin-top: 10px;
  margin-top: 0.5208333333vw;
}
@media (min-width: 1920px) {
  .precautions h4 ~ h4 {
    margin-top: 10px;
  }
}
.precautions > ul {
  padding-left: 10px;
  padding-left: 0.5208333333vw;
}
@media (min-width: 1920px) {
  .precautions > ul {
    padding-left: 10px;
  }
}
.precautions > ul > li .btn_link {
  color: #9c9c9c;
  text-decoration: underline;
}
.precautions > ul > li > ul {
  padding-left: 17px;
  padding-left: 0.8854166667vw;
}
@media (min-width: 1920px) {
  .precautions > ul > li > ul {
    padding-left: 17px;
  }
}
.precautions .desc_item > li {
  padding-left: 17px;
  padding-left: 0.8854166667vw;
}
@media (min-width: 1920px) {
  .precautions .desc_item > li {
    padding-left: 17px;
  }
}
.precautions .underline {
  text-decoration: underline;
}
.precautions .table {
  margin-top: 14px;
  margin-top: calc(0.546875 * 1vw);
}
@media (min-width: 2560px) {
  .precautions .table {
    margin-top: 14px;
  }
}
.precautions .table {
  padding-left: 28px;
  padding-left: calc(1.09375 * 1vw);
}
@media (min-width: 2560px) {
  .precautions .table {
    padding-left: 28px;
  }
}
.precautions .table {
  padding-bottom: 20px;
  padding-bottom: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .precautions .table {
    padding-bottom: 20px;
  }
}
.precautions table,
.precautions th,
.precautions td {
  border: 1px solid #fff;
  border-collapse: collapse;
}
.precautions table th,
.precautions table td {
  width: 200px;
  width: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .precautions table th,
  .precautions table td {
    width: 200px;
  }
}
.precautions table th,
.precautions table td {
  padding: 15px;
  padding: calc(0.5859375 * 1vw);
}
@media (min-width: 2560px) {
  .precautions table th,
  .precautions table td {
    padding: 15px;
  }
}
.precautions table th,
.precautions table td {
  font-weight: 600;
  font-size: 14px;
  font-size: 0.546875vw;
}
@media (min-width: 1920px) {
  .precautions table th,
  .precautions table td {
    font-size: 14px;
  }
}
.precautions table th,
.precautions table td {
  color: #fff;
  line-height: 1.75;
  text-align: center;
}

.wrap {
  overflow: hidden;
  position: relative;
}

.riotbar-header-wrapper {
  position: absolute !important;
}

.layer {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  font-family: "pretendard";
}

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

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

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

.section {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 1;
}

.pop {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  width: 572px;
  padding: 72px 1px 62px;
  border-radius: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-18.39%, #FFFFFF), color-stop(156.86%, #DBF7FF));
  background: linear-gradient(180deg, #FFFFFF -18.39%, #DBF7FF 156.86%);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
@media (max-width: 1024px) {
  .pop_item {
    width: 572px;
    width: 55.859375vw;
    padding: 72px 1px 62px;
    padding: 7.03125vw 0.09765625vw 6.0546875vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item {
    padding: 72px 1px 62px;
  }
}
.pop_item.pop_rewards_guide .highlight {
  color: #5A34CD;
}
.pop_item.pop_rewards_guide .pop_text {
  margin-top: 24px;
  font-size: 24px;
  line-height: 31px;
}
.pop_item.pop_rewards_guide .pop_desc {
  margin: 16px 0;
  font-weight: 500;
}
.pop_item.pop_rewards_guide .btn {
  width: 220px;
}
@media (max-width: 1024px) {
  .pop_item.pop_rewards_guide .btn {
    width: 220px;
    width: 21.484375vw;
  }
}
.pop_item.pop_rewards_guide .btn_apply:last-child {
  width: 280px;
}
@media (max-width: 1024px) {
  .pop_item.pop_rewards_guide .btn_apply:last-child {
    width: 280px;
    width: 27.34375vw;
  }
}
.pop_item.pop_reward {
  width: 672px;
  padding: 72px 42px 62px;
}
@media (max-width: 1024px) {
  .pop_item.pop_reward {
    width: 672px;
    width: 65.625vw;
    padding: 72px 42px 62px;
    padding: 7.03125vw 4.1015625vw 6.0546875vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item.pop_reward {
    padding: 72px 42px 62px;
  }
}
.pop_item.pop_reward .pop_title {
  font-family: "pretendard";
  font-weight: 800;
}
.pop_item.pop_reward .pop_tab_list {
  margin-top: 23px;
}
@media (max-width: 1024px) {
  .pop_item.pop_reward .pop_tab_list {
    margin-top: 23px;
    margin-top: 2.24609375vw;
  }
}
.pop_item:before {
  position: absolute;
  inset: 12px;
  border-radius: 8px;
  border: 1px solid #aacde3;
  content: "";
  pointer-events: none;
}
@media (max-width: 1024px) {
  .pop_item:before {
    inset: 12px;
    inset: 1.171875vw;
  }
}
.pop_item .highlight {
  color: #6D3CFF;
}
.pop_item .pop_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-top: 24px;
}
.pop_item .btn {
  width: 280px;
  height: 70px;
  font-family: "jalnan";
  font-size: 24px;
  line-height: 34px;
  font-weight: 400;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background-color: #00438F;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1024px) {
  .pop_item .btn {
    width: 240px;
    width: 23.4375vw;
    height: 70px;
    height: 6.8359375vw;
    font-size: 24px;
    font-size: 2.34375vw;
    line-height: 34px;
    line-height: 3.3203125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .btn {
    font-size: 24px;
    line-height: 34px;
  }
}
.pop_item .btn:hover {
  background-image: url("../img/btn_popup_hover.png");
}
.pop_item .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: 26px;
  right: 32px;
  width: 36px;
  height: 36px;
}
@media (max-width: 1024px) {
  .pop_item .btn_close {
    top: 26px;
    top: 2.5390625vw;
    right: 32px;
    right: 3.125vw;
    width: 36px;
    width: 3.515625vw;
    height: 36px;
    height: 3.515625vw;
  }
}
.pop_item .btn_close:before, .pop_item .btn_close:after {
  position: absolute;
  width: 3px;
  height: 26px;
  background-color: #6C99AE;
  -webkit-transform-origin: center;
  transform-origin: center;
  content: "";
}
@media (max-width: 1024px) {
  .pop_item .btn_close:before, .pop_item .btn_close:after {
    width: 3px;
    width: 0.29296875vw;
    height: 26px;
    height: 2.5390625vw;
  }
}
.pop_item .btn_close:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.pop_item .btn_close:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pop_item .btn_enter {
  background-color: #303F5A;
}
.pop_item .tbl {
  width: 100%;
}
.pop_item .tbl .tbl_head {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 0 23px;
  color: #6EA4BD;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .pop_item .tbl .tbl_head {
    padding: 10px 0px 23px;
    padding: 0.9765625vw 0vw 2.24609375vw;
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl .tbl_head {
    padding: 10px 0px 23px;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl .tbl_head {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .tbl .tbl_body {
  display: block;
  position: relative;
  width: 100%;
  height: 450px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .pop_item .tbl .tbl_body {
    height: 450px;
    height: 43.9453125vw;
    padding-right: 20px;
    padding-right: 1.953125vw;
  }
}
.pop_item .tbl td {
  color: #7A8599;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.02em;
  word-break: break-word;
}
@media (max-width: 1024px) {
  .pop_item .tbl td {
    font-size: 16px;
    font-size: 1.5625vw;
    line-height: 21px;
    line-height: 2.05078125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl td {
    font-size: 16px;
    line-height: 21px;
  }
}
.pop_item .tbl th {
  word-break: break-word;
}
.pop_item .tbl tbody tr {
  display: block;
  padding: 20px 0;
  border-radius: 8px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .pop_item .tbl tbody tr {
    padding: 20px 0px;
    padding: 1.953125vw 0vw;
    border-radius: 8px;
    border-radius: 0.78125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl tbody tr {
    padding: 20px 0px;
  }
}
.pop_item .tbl tbody tr:not(:first-child) {
  margin-top: 13px;
}
@media (max-width: 1024px) {
  .pop_item .tbl tbody tr:not(:first-child) {
    margin-top: 13px;
    margin-top: 1.26953125vw;
  }
}
.pop_item .tbl th:nth-child(1) {
  width: 50px;
}
@media (max-width: 1024px) {
  .pop_item .tbl th:nth-child(1) {
    width: 50px;
    width: 4.8828125vw;
  }
}
.pop_item .tbl td:nth-child(1) {
  width: 50px;
  font-weight: 700;
}
@media (max-width: 1024px) {
  .pop_item .tbl td:nth-child(1) {
    width: 50px;
    width: 4.8828125vw;
  }
}
.pop_item .tbl th:nth-child(2),
.pop_item .tbl td:nth-child(2) {
  width: 180px;
}
@media (max-width: 1024px) {
  .pop_item .tbl th:nth-child(2),
  .pop_item .tbl td:nth-child(2) {
    width: 180px;
    width: 17.578125vw;
  }
}
.pop_item .tbl td:nth-child(2) {
  font-size: 14px;
  line-height: 18px;
  color: #303F5A;
}
@media (max-width: 1024px) {
  .pop_item .tbl td:nth-child(2) {
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl td:nth-child(2) {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .tbl th:nth-child(3),
.pop_item .tbl td:nth-child(3) {
  width: 128px;
}
@media (max-width: 1024px) {
  .pop_item .tbl th:nth-child(3),
  .pop_item .tbl td:nth-child(3) {
    width: 128px;
    width: 12.5vw;
  }
}
.pop_item .tbl th:nth-child(4),
.pop_item .tbl td:nth-child(4) {
  width: 100px;
}
@media (max-width: 1024px) {
  .pop_item .tbl th:nth-child(4),
  .pop_item .tbl td:nth-child(4) {
    width: 100px;
    width: 9.765625vw;
  }
}
.pop_item .tbl th:nth-child(5),
.pop_item .tbl td:nth-child(5) {
  width: 110px;
  text-align: left;
}
@media (max-width: 1024px) {
  .pop_item .tbl th:nth-child(5),
  .pop_item .tbl td:nth-child(5) {
    width: 110px;
    width: 10.7421875vw;
  }
}
.pop_item .tbl.tbl_spacing th:nth-child(1),
.pop_item .tbl.tbl_spacing td:nth-child(1) {
  width: 60px;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing th:nth-child(1),
  .pop_item .tbl.tbl_spacing td:nth-child(1) {
    width: 60px;
    width: 5.859375vw;
  }
}
.pop_item .tbl.tbl_spacing th:nth-child(2),
.pop_item .tbl.tbl_spacing td:nth-child(2) {
  width: 240px;
  padding-right: 84px;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing th:nth-child(2),
  .pop_item .tbl.tbl_spacing td:nth-child(2) {
    width: 240px;
    width: 23.4375vw;
    padding-right: 84px;
    padding-right: 8.203125vw;
  }
}
.pop_item .tbl.tbl_spacing th:nth-child(3),
.pop_item .tbl.tbl_spacing td:nth-child(3) {
  width: 165px;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing th:nth-child(3),
  .pop_item .tbl.tbl_spacing td:nth-child(3) {
    width: 165px;
    width: 16.11328125vw;
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl.tbl_spacing th:nth-child(3),
  .pop_item .tbl.tbl_spacing td:nth-child(3) {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .tbl.tbl_spacing2 th:nth-child(1),
.pop_item .tbl.tbl_spacing2 td:nth-child(1) {
  width: 60px;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing2 th:nth-child(1),
  .pop_item .tbl.tbl_spacing2 td:nth-child(1) {
    width: 60px;
    width: 5.859375vw;
  }
}
.pop_item .tbl.tbl_spacing2 th:nth-child(2),
.pop_item .tbl.tbl_spacing2 td:nth-child(2) {
  width: 220px;
  padding-right: 62px;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing2 th:nth-child(2),
  .pop_item .tbl.tbl_spacing2 td:nth-child(2) {
    width: 220px;
    width: 21.484375vw;
    padding-right: 62px;
    padding-right: 6.0546875vw;
  }
}
.pop_item .tbl.tbl_spacing2 th:nth-child(3),
.pop_item .tbl.tbl_spacing2 td:nth-child(3) {
  width: 226px;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing2 th:nth-child(3),
  .pop_item .tbl.tbl_spacing2 td:nth-child(3) {
    width: 226px;
    width: 22.0703125vw;
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl.tbl_spacing2 th:nth-child(3),
  .pop_item .tbl.tbl_spacing2 td:nth-child(3) {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .tbl.tbl_spacing2 th:nth-child(3) {
  padding-left: 42px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .pop_item .tbl.tbl_spacing2 th:nth-child(3) {
    padding-left: 42px;
    padding-left: 4.1015625vw;
  }
}
.pop_item .tbl .btn_enter_address,
.pop_item .tbl .btn_enter_coupon {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #303F5A;
  text-decoration: underline;
}
@media (max-width: 1024px) {
  .pop_item .tbl .btn_enter_address,
  .pop_item .tbl .btn_enter_coupon {
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl .btn_enter_address,
  .pop_item .tbl .btn_enter_coupon {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .tbl .purchase_count {
  display: block;
  padding-right: 32px;
  text-align: center;
}
@media (max-width: 1024px) {
  .pop_item .tbl .purchase_count {
    padding-right: 32px;
    padding-right: 3.125vw;
  }
}
.pop_item .tbl .time {
  display: block;
  margin-top: 4px;
  color: #7A8599;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
  .pop_item .tbl .time {
    margin-top: 4px;
    margin-top: 0.390625vw;
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl .time {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .tbl .status {
  color: #5554AA;
  font-size: 16px;
  line-height: 21px;
  letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
  .pop_item .tbl .status {
    font-size: 16px;
    font-size: 1.5625vw;
    line-height: 21px;
    line-height: 2.05078125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .tbl .status {
    font-size: 16px;
    line-height: 21px;
  }
}
.pop_item .accumulated_text {
  font-size: 16px;
  line-height: 22px;
  margin-top: 20px;
}
@media (max-width: 1024px) {
  .pop_item .accumulated_text {
    margin-top: 20px;
    margin-top: 1.953125vw;
    font-size: 16px;
    font-size: 1.5625vw;
    line-height: 22px;
    line-height: 2.1484375vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .accumulated_text {
    font-size: 16px;
    line-height: 22px;
  }
}
.pop_item .pop_tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 14px;
}
@media (max-width: 1024px) {
  .pop_item .pop_tab_list {
    margin-bottom: 14px;
    margin-bottom: 1.3671875vw;
  }
}
.pop_item .pop_tab_list .btn_tab {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  border-bottom-width: 5px;
  border-bottom-style: solid;
  border-bottom-color: #9FB5C4;
  color: #9FB5C4;
  font-size: 18px;
  line-height: 23px;
  letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
  .pop_item .pop_tab_list .btn_tab {
    padding: 10px 0px 15px 0px;
    padding: 0.9765625vw 0vw 1.46484375vw 0vw;
    border-bottom-width: 5px;
    border-bottom-width: 0.48828125vw;
    font-size: 18px;
    font-size: 1.7578125vw;
    line-height: 23px;
    line-height: 2.24609375vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .pop_tab_list .btn_tab {
    padding: 10px 0px 15px 0px;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .pop_tab_list .btn_tab {
    font-size: 18px;
    line-height: 23px;
  }
}
.pop_item .pop_tab_list .tab_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.pop_item .pop_tab_list .tab_item .btn_tab[aria-selected=true] {
  border-bottom-color: #2687CD;
  color: #2687CD;
}
.pop_item .tab_panel {
  display: none;
  width: 100%;
}
.pop_item .tab_panel[aria-hidden=false] {
  display: block;
}
.pop_item .coupon_code_area {
  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: 316px;
  height: 63px;
  padding: 20px 55px;
  background: rgba(172, 219, 233, 0.6);
  border-radius: 41px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0509803922) inset;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.0509803922) inset;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1024px) {
  .pop_item .coupon_code_area {
    padding: 20px 55px;
    padding: 1.953125vw 5.37109375vw;
    width: 316px;
    width: 30.859375vw;
    height: 63px;
    height: 6.15234375vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .coupon_code_area {
    padding: 20px 55px;
  }
}
.pop_item .coupon_code {
  font-size: 18px;
  font-weight: 600;
  color: #478CDB;
  letter-spacing: -0.02em;
}
@media (max-width: 1024px) {
  .pop_item .coupon_code {
    font-size: 18px;
    font-size: 1.7578125vw;
    line-height: 23px;
    line-height: 2.24609375vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .coupon_code {
    font-size: 18px;
    line-height: 23px;
  }
}
.pop_item .coupon_code.is_active {
  color: #00438F;
}
.pop_item .coupon_copy_btn {
  position: absolute;
  top: 20px;
  right: 24px;
  width: 23px;
  height: 23px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .pop_item .coupon_copy_btn {
    top: 20px;
    top: 1.953125vw;
    right: 24px;
    right: 2.34375vw;
    width: 23px;
    width: 2.24609375vw;
    height: 23px;
    height: 2.24609375vw;
  }
}
.pop_item .coupon_copy_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pop_item .coupon_image_box {
  width: 140px;
  height: 106px;
  overflow: hidden;
  margin: 20px auto 51px;
}
@media (max-width: 1024px) {
  .pop_item .coupon_image_box {
    margin-top: 20px;
    margin-top: 1.953125vw;
    margin-bottom: 51px;
    margin-bottom: 4.98046875vw;
    width: 140px;
    width: 13.671875vw;
    height: 106px;
    height: 10.3515625vw;
  }
}
.pop_item .coupon_image_box .coupon_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pop_item .coupon_guide_area {
  height: 139px;
}
@media (max-width: 1024px) {
  .pop_item .coupon_guide_area {
    height: 139px;
    height: 13.57421875vw;
  }
}
.pop_item .coupon_guide_area .coupon_guide_desc {
  display: block;
  height: 100%;
  margin-right: 24px;
  padding: 16px 21px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 18px;
  color: #303F5A;
  background-color: rgba(172, 219, 233, 0.6);
  text-align: left;
}
@media (max-width: 1024px) {
  .pop_item .coupon_guide_area .coupon_guide_desc {
    margin-right: 24px;
    margin-right: 2.34375vw;
    padding: 16px 21px;
    padding: 1.5625vw 2.05078125vw;
    font-size: 14px;
    font-size: 1.3671875vw;
    line-height: 18px;
    line-height: 1.7578125vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .coupon_guide_area .coupon_guide_desc {
    padding: 16px 21px;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_item .coupon_guide_area .coupon_guide_desc {
    font-size: 14px;
    line-height: 18px;
  }
}
.pop_item .coupon_guide_area .coupon_guide_desc .new_link {
  text-decoration: underline;
  color: #303F5A;
}
.pop_coupon .pop_btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pop_coupon .pop_text {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 23px;
}
@media (max-width: 1024px) {
  .pop_coupon .pop_text {
    margin-top: 20px;
    margin-top: 1.953125vw;
    font-size: 18px;
    font-size: 1.7578125vw;
    line-height: 23px;
    line-height: 2.24609375vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_coupon .pop_text {
    font-size: 18px;
    line-height: 23px;
  }
}
.pop_coupon .pop_title {
  font-size: 20px;
  letter-spacing: -0.02em;
  line-height: 26px;
}
@media (max-width: 1024px) {
  .pop_coupon .pop_title {
    font-size: 20px;
    font-size: 1.953125vw;
    line-height: 26px;
    line-height: 2.5390625vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_coupon .pop_title {
    font-size: 20px;
    line-height: 26px;
  }
}
.pop_coupon .pop_sub_title.highlight {
  margin-top: 8px;
  font-size: 28px;
  letter-spacing: -0.02em;
  color: #5A34CD;
  line-height: 36px;
}
@media (max-width: 1024px) {
  .pop_coupon .pop_sub_title.highlight {
    margin-top: 8px;
    margin-top: 0.78125vw;
    font-size: 28px;
    font-size: 2.734375vw;
    line-height: 36px;
    line-height: 3.515625vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_coupon .pop_sub_title.highlight {
    font-size: 28px;
    line-height: 36px;
  }
}
.pop_coupon .pop_tab_list {
  width: 492px;
  margin-bottom: 0;
  margin: 0 auto;
}
@media (max-width: 1024px) {
  .pop_coupon .pop_tab_list {
    margin-bottom: 0px;
    margin-bottom: 0vw;
    width: 492px;
    width: 48.046875vw;
  }
}
.pop_coupon .pop_tab_list .btn_tab {
  padding: 0 0 10px 0;
}
@media (max-width: 1024px) {
  .pop_coupon .pop_tab_list .btn_tab {
    padding-bottom: 10px;
    padding-bottom: 0.9765625vw;
  }
}
.pop_coupon .pop_box {
  width: 492px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto 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;
}
@media (max-width: 1024px) {
  .pop_coupon .pop_box {
    margin-top: 30px;
    margin-top: 2.9296875vw;
    width: 492px;
    width: 48.046875vw;
  }
}
.pop_title {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  font-family: "jalnan";
  font-size: 28px;
  line-height: 36px;
  font-weight: 400;
  color: #303f5a;
}
@media (max-width: 1024px) {
  .pop_title {
    font-size: 28px;
    font-size: 2.734375vw;
    line-height: 36px;
    line-height: 3.515625vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_title {
    font-size: 28px;
    line-height: 36px;
  }
}
.pop_sub_title {
  margin-top: 14px;
  font-family: "jalnan";
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: #303f5a;
}
@media (max-width: 1024px) {
  .pop_sub_title {
    font-size: 20px;
    font-size: 1.953125vw;
    line-height: 28px;
    line-height: 2.734375vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_sub_title {
    font-size: 20px;
    line-height: 28px;
  }
}
.pop_text {
  margin-top: 14px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #848b8e;
}
@media (max-width: 1024px) {
  .pop_text {
    font-size: 20px;
    font-size: 1.953125vw;
    line-height: 26px;
    line-height: 2.5390625vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_text {
    font-size: 20px;
    line-height: 26px;
  }
}
.pop_desc {
  margin-top: 14px;
  font-size: 20px;
  line-height: 26px;
  font-weight: 600;
  color: #303F5A;
}
@media (max-width: 1024px) {
  .pop_desc {
    font-size: 20px;
    font-size: 1.953125vw;
    line-height: 26px;
    line-height: 2.5390625vw;
  }
}
@media (max-width: 1024px) and (min-width: 1025px) {
  .pop_desc {
    font-size: 20px;
    line-height: 26px;
  }
}
.pop .img {
  width: 140px;
  height: 106px;
  margin: 24px auto 0;
}
@media (max-width: 1024px) {
  .pop .img {
    width: 140px;
    width: 13.671875vw;
    height: 106px;
    height: 10.3515625vw;
    margin-top: 24px;
    margin-top: 2.34375vw;
  }
}
.pop .img img {
  width: 100%;
  height: 100%;
}

.pop .scroll-wrapper {
  overflow-y: auto !important;
}

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

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

.scrollbar-inner > .scroll-element.scroll-y .scroll-bar {
  background-color: #2687CD !important;
  border-radius: 4px !important;
  width: 4px !important;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-filter: none;
  filter: none;
  opacity: 1 !important;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #D7E8EA;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  border-radius: 4px !important;
}

.scrollbar-inner > .scroll-element.scroll-y {
  width: 4px !important;
}

.section_board {
  height: 1671px;
  height: calc(65.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board {
    height: 1671px;
  }
}
.section_board {
  background: url(../img/bg_mission_board_section.jpg) center/cover no-repeat;
}
.section_board .inner {
  padding-top: 98px;
  padding-top: calc(3.828125 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .inner {
    padding-top: 98px;
  }
}
.section_board .section_title_area {
  text-align: center;
}
.section_board .section_title_area .title {
  font-family: "jalnan";
  font-size: 68px;
  font-size: 2.65625vw;
  line-height: 88px;
  line-height: 3.4375vw;
}
@media (min-width: 2560px) {
  .section_board .section_title_area .title {
    font-size: 68px;
    line-height: 88px;
  }
}
.section_board .section_title_area .title {
  font-weight: 400;
  background: linear-gradient(175.7deg, #FFFFFF -13.13%, #C5FDFF 165.78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.section_board .section_title_area .sub_title {
  display: block;
  font-size: 22px;
  font-size: 0.859375vw;
  line-height: 29px;
  line-height: 1.1328125vw;
}
@media (min-width: 2560px) {
  .section_board .section_title_area .sub_title {
    font-size: 22px;
    line-height: 29px;
  }
}
.section_board .section_title_area .sub_title {
  color: #EEF5FF;
}
.section_board .section_title_area .sub_title .notice {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section_board .section_title_area .sub_title .notice {
    font-size: 18px;
    line-height: 25px;
  }
}
.section_board .section_title_area .sub_title .notice {
  color: #8CADD8;
  font-weight: 600;
}
.section_board .mission_board {
  margin-top: 60px;
  margin-top: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_board {
    margin-top: 60px;
  }
}
.section_board .mission_board_notice {
  margin-top: 42px;
  margin-top: calc(1.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_board_notice {
    margin-top: 42px;
  }
}
.section_board .mission_board_notice {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_board .mission_board_notice {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_board .mission_board_notice {
  color: #A4B3F5;
}
.section_board .mission_current_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  margin-top: 60px;
  margin-top: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_area {
    margin-top: 60px;
  }
}
.section_board .mission_current_area {
  padding: 34px 0px;
  padding: calc(1.328125 * 1vw) calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_area {
    padding: 34px 0px;
  }
}
.section_board .mission_current_area {
  border-radius: 5px;
  background-color: #020845;
}
.section_board .mission_current_area:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 670px;
  width: calc(26.171875 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_area:before {
    width: 670px;
  }
}
.section_board .mission_current_area:before {
  height: 220px;
  height: calc(8.59375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_area:before {
    height: 220px;
  }
}
.section_board .mission_current_area:before {
  background: url(../img/bg_mission_current_area.png) center/cover no-repeat;
  content: "";
}
.section_board .mission_current_inner {
  max-width: 50%;
  padding-left: 90px;
  padding-left: calc(3.515625 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_inner {
    padding-left: 90px;
  }
}
.section_board .mission_current_title_area {
  text-align: center;
  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;
}
.section_board .mission_current_title_area .title {
  font-family: "jalnan";
  font-size: 32px;
  font-size: 1.25vw;
  line-height: 45px;
  line-height: 1.7578125vw;
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .title {
    font-size: 32px;
    line-height: 45px;
  }
}
.section_board .mission_current_title_area .title {
  font-weight: 400;
  color: #fff;
}
.section_board .mission_current_title_area .btn_refresh {
  margin-left: 20px;
  margin-left: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .btn_refresh {
    margin-left: 20px;
  }
}
.section_board .mission_current_title_area .btn_refresh {
  width: 24px;
  width: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .btn_refresh {
    width: 24px;
  }
}
.section_board .mission_current_title_area .btn_refresh {
  height: 24px;
  height: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .btn_refresh {
    height: 24px;
  }
}
.section_board .mission_current_title_area .btn_refresh {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .btn_refresh {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_board .mission_current_title_area .btn_refresh {
  background-image: url("../img/normal.png");
  background-position: -812px -345px;
  background-position: -31.71875vw -13.4765625vw;
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .btn_refresh {
    background-position: -812px -345px;
  }
}
.section_board .mission_current_title_area .btn_refresh {
  width: 24px;
  width: 0.9375vw;
  height: 24px;
  height: 0.9375vw;
}
@media (min-width: 2560px) {
  .section_board .mission_current_title_area .btn_refresh {
    width: 24px;
    height: 24px;
  }
}
.section_board .mission_current_title_area .btn_refresh {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section_board .mission_current_title_area .btn_refresh:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  rotate: 180deg;
}
.section_board .card_status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  margin-top: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status {
    margin-top: 20px;
  }
}
.section_board .card_status_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 87px;
  height: calc(3.3984375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status_item {
    height: 87px;
  }
}
.section_board .card_status_item:not(:first-child) {
  padding-left: 81px;
  padding-left: calc(3.1640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status_item:not(:first-child) {
    padding-left: 81px;
  }
}
.section_board .card_status_item:not(:first-child):before {
  position: absolute;
  top: 0;
  left: 40px;
  left: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status_item:not(:first-child):before {
    left: 40px;
  }
}
.section_board .card_status_item:not(:first-child):before {
  width: 1px;
  height: 87px;
  height: calc(3.3984375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status_item:not(:first-child):before {
    height: 87px;
  }
}
.section_board .card_status_item:not(:first-child):before {
  background-color: #00438f;
  content: "";
  vertical-align: middle;
}
.section_board .card_status .type {
  font-family: "jalnan";
  font-size: 26px;
  font-size: 1.015625vw;
  line-height: 36px;
  line-height: 1.40625vw;
}
@media (min-width: 2560px) {
  .section_board .card_status .type {
    font-size: 26px;
    line-height: 36px;
  }
}
.section_board .card_status .type {
  font-weight: 400;
  color: #fff;
}
.section_board .card_status .value {
  font-size: 0;
}
.section_board .card_status .count {
  font-family: "jalnan";
  margin-left: 48px;
  margin-left: calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status .count {
    margin-left: 48px;
  }
}
.section_board .card_status .count {
  font-size: 40px;
  font-size: 1.5625vw;
  line-height: 56px;
  line-height: 2.1875vw;
}
@media (min-width: 2560px) {
  .section_board .card_status .count {
    font-size: 40px;
    line-height: 56px;
  }
}
.section_board .card_status .count {
  font-weight: 400;
  color: #8B69FF;
  vertical-align: middle;
}
.section_board .card_status .unit {
  font-family: "jalnan";
  margin-left: 9px;
  margin-left: calc(0.3515625 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status .unit {
    margin-left: 9px;
  }
}
.section_board .card_status .unit {
  font-size: 26px;
  font-size: 1.015625vw;
  line-height: 36px;
  line-height: 1.40625vw;
}
@media (min-width: 2560px) {
  .section_board .card_status .unit {
    font-size: 26px;
    line-height: 36px;
  }
}
.section_board .card_status .unit {
  font-weight: 400;
  color: #fff;
  vertical-align: middle;
}
.section_board .card_status .text {
  position: absolute;
  bottom: 0;
  left: 62px;
  left: calc(2.421875 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .card_status .text {
    left: 62px;
  }
}
.section_board .card_status .text {
  font-size: 14px;
  font-size: 0.546875vw;
  line-height: 20px;
  line-height: 0.78125vw;
}
@media (min-width: 2560px) {
  .section_board .card_status .text {
    font-size: 14px;
    line-height: 20px;
  }
}
.section_board .card_status .text {
  color: #8B93E0;
  white-space: nowrap;
}
.section_board .util_box {
  position: relative;
  z-index: 10;
  padding: 0px 60px;
  padding: calc(0 * 1vw) calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .util_box {
    padding: 0px 60px;
  }
}
.section_board .util_box {
  font-family: "jalnan";
  text-align: center;
}
.section_board .util_box .text {
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_board .util_box .text {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_board .util_box .text {
  color: #2B4EA2;
}
.section_board .util_box .point {
  color: #7147FF;
}
.section_board .util_box .btn_tracking {
  width: 280px;
  width: calc(10.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .util_box .btn_tracking {
    width: 280px;
  }
}
.section_board .util_box .btn_tracking {
  height: 70px;
  height: calc(2.734375 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .util_box .btn_tracking {
    height: 70px;
  }
}
.section_board .util_box .btn_tracking {
  margin-top: 14px;
  margin-top: calc(0.546875 * 1vw);
}
@media (min-width: 2560px) {
  .section_board .util_box .btn_tracking {
    margin-top: 14px;
  }
}
.section_board .util_box .btn_tracking {
  border-radius: 5px;
  background-color: #00438F;
  font-family: "jalnan";
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_board .util_box .btn_tracking {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_board .util_box .btn_tracking {
  font-weight: 400;
  color: #fff;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.section_board .util_box .btn_tracking:hover {
  background-color: #7B5BEA;
}
.section_board .util_box .btn_tracking:disabled {
  background-color: #8392AD;
}

.section_tab {
  position: relative;
  background: -webkit-gradient(linear, left bottom, left top, from(#303F5A), to(#0A425B));
  background: linear-gradient(360deg, #303F5A 0%, #0A425B 100%);
  height: 157px;
  height: calc(6.1328125 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab {
    height: 157px;
  }
}
.section_tab.is_fixed {
  position: fixed;
  right: 0px;
  right: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab.is_fixed {
    right: 0px;
  }
}
.section_tab.is_fixed {
  left: 0px;
  left: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab.is_fixed {
    left: 0px;
  }
}
.section_tab.is_fixed {
  top: 0px;
  top: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab.is_fixed {
    top: 0px;
  }
}
.section_tab.is_fixed {
  z-index: 9999;
  width: 100%;
}
.section_tab.is_fixed .tab_item .influencer_speech_bubble {
  display: none;
}
.section_tab.is_fixed .tab_item .notice_end_date {
  display: block;
}
.section_tab .inner {
  max-width: 1380px;
  max-width: calc(53.90625 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .inner {
    max-width: 1380px;
  }
}
.section_tab .tab_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section_tab .tab_item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 157px;
  height: calc(6.1328125 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item {
    height: 157px;
  }
}
.section_tab .tab_item {
  width: 690px;
  width: calc(26.953125 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item {
    width: 690px;
  }
}
.section_tab .tab_item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section_tab .tab_item:hover .tab_text {
  color: #E5E5E5;
}
.section_tab .tab_item .tab_text {
  position: relative;
  color: #878787;
  font-size: 40px;
  font-size: 1.5625vw;
  line-height: 56px;
  line-height: 2.1875vw;
}
@media (min-width: 2560px) {
  .section_tab .tab_item .tab_text {
    font-size: 40px;
    line-height: 56px;
  }
}
.section_tab .tab_item .tab_text {
  font-family: "jalnan";
  z-index: 2;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.section_tab .tab_item .notice_end_date {
  display: none;
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section_tab .tab_item .notice_end_date {
    font-size: 18px;
    line-height: 25px;
  }
}
.section_tab .tab_item .notice_end_date {
  font-weight: 600;
  color: #878787;
}
.section_tab .tab_item .influencer_speech_bubble {
  position: absolute;
  display: block;
  top: -58px;
  top: calc(-2.265625 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item .influencer_speech_bubble {
    top: -58px;
  }
}
.section_tab .tab_item .influencer_speech_bubble {
  z-index: 1;
}
.section_tab .tab_item .influencer_speech_bubble::before {
  content: "";
  display: block;
  height: 83px;
  height: calc(3.2421875 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item .influencer_speech_bubble::before {
    height: 83px;
  }
}
.section_tab .tab_item .influencer_speech_bubble::before {
  width: 329px;
  width: calc(12.8515625 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item .influencer_speech_bubble::before {
    width: 329px;
  }
}
.section_tab .tab_item .influencer_speech_bubble::before {
  background: url("../img/tab_bubble.png") center/cover no-repeat;
}
.section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
  position: absolute;
  right: 40px;
  right: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
    right: 40px;
  }
}
.section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
  top: 13px;
  top: calc(0.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
    top: 13px;
  }
}
.section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt {
  font-weight: 600;
  color: #125A8E;
}
.section_tab .tab_item .influencer_speech_bubble .speech_bubble_txt .end_date {
  color: #7627FF;
}
.section_tab .tab_item.is_active {
  position: relative;
}
.section_tab .tab_item.is_active.tab_item {
  background: -webkit-gradient(linear, left bottom, left top, from(#391E98), to(#8C6BFF));
  background: linear-gradient(0deg, #391E98 0%, #8C6BFF 100%);
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.section_tab .tab_item.is_active.tab_item .notice_end_date {
  color: #CCA55F;
}
.section_tab .tab_item.is_active.tab_item:hover {
  background: #9374FF;
}
.section_tab .tab_item.is_active .tab_text {
  position: relative;
  background: linear-gradient(207.55deg, #FFE8A9 25.88%, #AF8856 120.34%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: color 0.2 ease-in;
  transition: color 0.2 ease-in;
}
.section_tab .tab_item.is_active .tab_text::after {
  content: "";
  position: absolute;
  right: -40px;
  right: calc(-1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::after {
    right: -40px;
  }
}
.section_tab .tab_item.is_active .tab_text::after {
  top: 6px;
  top: calc(0.234375 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::after {
    top: 6px;
  }
}
.section_tab .tab_item.is_active .tab_text::after {
  height: 32px;
  height: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::after {
    height: 32px;
  }
}
.section_tab .tab_item.is_active .tab_text::after {
  width: 22px;
  width: calc(0.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::after {
    width: 22px;
  }
}
.section_tab .tab_item.is_active .tab_text::after {
  background: url("../img/influencer_tab_star.png") center/cover no-repeat;
}
.section_tab .tab_item.is_active .tab_text::before {
  content: "";
  position: absolute;
  left: -40px;
  left: calc(-1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::before {
    left: -40px;
  }
}
.section_tab .tab_item.is_active .tab_text::before {
  top: 6px;
  top: calc(0.234375 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::before {
    top: 6px;
  }
}
.section_tab .tab_item.is_active .tab_text::before {
  height: 32px;
  height: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::before {
    height: 32px;
  }
}
.section_tab .tab_item.is_active .tab_text::before {
  width: 22px;
  width: calc(0.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active .tab_text::before {
    width: 22px;
  }
}
.section_tab .tab_item.is_active .tab_text::before {
  background: url("../img/influencer_tab_star.png") center/cover no-repeat;
}
.section_tab .tab_item.is_active::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 157px;
  height: calc(6.1328125 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active::before {
    height: 157px;
  }
}
.section_tab .tab_item.is_active::before {
  width: 690px;
  width: calc(26.953125 * 1vw);
}
@media (min-width: 2560px) {
  .section_tab .tab_item.is_active::before {
    width: 690px;
  }
}
.section_tab .tab_item.is_active::before {
  background: url("../img/influencer_tab_container.png") center/cover no-repeat;
  z-index: 1;
}

.section_guide {
  height: 1259px;
  height: calc(49.1796875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide {
    height: 1259px;
  }
}
.section_guide {
  background: url(../img/bg_guide_section.jpg) center/cover no-repeat;
}
.section_guide .inner {
  position: relative;
  max-width: 1410px;
  max-width: calc(55.078125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .inner {
    max-width: 1410px;
  }
}
.section_guide .inner {
  padding-top: 124px;
  padding-top: calc(4.84375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .inner {
    padding-top: 124px;
  }
}
.section_guide .overview {
  text-align: center;
}
.section_guide .name_box {
  font-family: "jalnan";
  color: #7627FF;
}
.section_guide .name_box span {
  font-size: 56px;
  font-size: 2.1875vw;
  line-height: 78px;
  line-height: 3.046875vw;
}
@media (min-width: 2560px) {
  .section_guide .name_box span {
    font-size: 56px;
    line-height: 78px;
  }
}
.section_guide .name_box span {
  font-weight: 400;
}
.section_guide .name_box .name {
  display: inline-block;
  max-width: 600px;
  max-width: calc(23.4375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .name_box .name {
    max-width: 600px;
  }
}
.section_guide .name_box .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #7627FF;
  vertical-align: top;
}
.section_guide .title {
  font-family: "jalnan";
  font-size: 56px;
  font-size: 2.1875vw;
  line-height: 78px;
  line-height: 3.046875vw;
}
@media (min-width: 2560px) {
  .section_guide .title {
    font-size: 56px;
    line-height: 78px;
  }
}
.section_guide .title {
  font-weight: 400;
  color: #303F5A;
}
.section_guide .title .highlight {
  color: #7627FF;
}
.section_guide .event_period {
  margin-top: 23px;
  margin-top: calc(0.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .event_period {
    margin-top: 23px;
  }
}
.section_guide .event_period {
  font-size: 22px;
  font-size: 0.859375vw;
  line-height: 31px;
  line-height: 1.2109375vw;
}
@media (min-width: 2560px) {
  .section_guide .event_period {
    font-size: 22px;
    line-height: 31px;
  }
}
.section_guide .event_period {
  color: #303F5A;
  font-weight: 600;
}
.section_guide .btn_event_status {
  width: 300px;
  width: calc(11.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .btn_event_status {
    width: 300px;
  }
}
.section_guide .btn_event_status {
  height: 70px;
  height: calc(2.734375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .btn_event_status {
    height: 70px;
  }
}
.section_guide .btn_event_status {
  margin-top: 23px;
  margin-top: calc(0.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .btn_event_status {
    margin-top: 23px;
  }
}
.section_guide .btn_event_status {
  padding: 18px 47px 17px;
  padding: calc(0.703125 * 1vw) calc(1.8359375 * 1vw) calc(0.6640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .btn_event_status {
    padding: 18px 47px 17px;
  }
}
.section_guide .btn_event_status {
  border-radius: 5px;
  background-color: #303F5A;
  font-family: "jalnan";
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_guide .btn_event_status {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_guide .btn_event_status {
  font-weight: 400;
  color: #fff;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.section_guide .btn_event_status:hover {
  background-color: #7627FF;
}
.section_guide .btn_event_status:disabled {
  background-color: #8392AD;
}
.section_guide .reward_area {
  position: relative;
  z-index: 11;
  margin-top: 11px;
  margin-top: calc(0.4296875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .reward_area {
    margin-top: 11px;
  }
}
.section_guide .reward_area {
  text-align: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_guide .reward_area .image_box {
  width: 940px;
  width: calc(36.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .reward_area .image_box {
    width: 940px;
  }
}
.section_guide .reward_area .image_box {
  height: 528px;
  height: calc(20.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .reward_area .image_box {
    height: 528px;
  }
}
.section_guide .reward_area .image_box {
  margin: 0 auto;
}
.section_guide .etc_area {
  position: absolute;
  bottom: -140px;
  bottom: calc(-5.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area {
    bottom: -140px;
  }
}
.section_guide .etc_area {
  left: 300px;
  left: calc(11.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area {
    left: 300px;
  }
}
.section_guide .etc_area {
  height: 170px;
  height: calc(6.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area {
    height: 170px;
  }
}
.section_guide .etc_area {
  width: 633px;
  width: calc(24.7265625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area {
    width: 633px;
  }
}
.section_guide .etc_area {
  padding-left: 94px;
  padding-left: calc(3.671875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area {
    padding-left: 94px;
  }
}
.section_guide .etc_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 12;
}
.section_guide .etc_area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 170px;
  height: calc(6.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area::before {
    height: 170px;
  }
}
.section_guide .etc_area::before {
  width: 820px;
  width: calc(32.03125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area::before {
    width: 820px;
  }
}
.section_guide .etc_area::before {
  background: url("../img/guide_etc_bg.png") center/cover no-repeat;
  z-index: 1;
}
.section_guide .etc_area .etc_img_box {
  width: 187px;
  width: calc(7.3046875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area .etc_img_box {
    width: 187px;
  }
}
.section_guide .etc_area .etc_img_box {
  height: 136px;
  height: calc(5.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .etc_area .etc_img_box {
    height: 136px;
  }
}
.section_guide .etc_area .etc_img_box {
  overflow: hidden;
  z-index: 2;
}
.section_guide .etc_area .etc_img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section_guide .etc_area .etc_desc_box {
  z-index: 2;
}
.section_guide .etc_area .etc_desc_box .etc_desc {
  font-family: "jalnan";
  color: #AED5FF;
  font-size: 22px;
  font-size: 0.859375vw;
  line-height: 31px;
  line-height: 1.2109375vw;
}
@media (min-width: 2560px) {
  .section_guide .etc_area .etc_desc_box .etc_desc {
    font-size: 22px;
    line-height: 31px;
  }
}
.section_guide .etc_area .etc_desc_box .etc_desc {
  font-weight: 400;
}
.section_guide .etc_area .etc_desc_box .etc_desc .highlight {
  color: #FFFFFF;
}
.section_guide .object {
  position: absolute;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
}
.section_guide .object:before {
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  content: "";
}
.section_guide .object_champion {
  top: 500px;
  top: calc(19.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_champion {
    top: 500px;
  }
}
.section_guide .object_champion {
  left: 50%;
  margin-left: 395px;
  margin-left: calc(15.4296875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_champion {
    margin-left: 395px;
  }
}
.section_guide .object_champion {
  rotate: 3deg;
}
.section_guide .object_champion:before {
  width: 773.4px;
  width: calc(30.2109375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_champion:before {
    width: 773.4px;
  }
}
.section_guide .object_champion:before {
  height: 493px;
  height: calc(19.2578125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_champion:before {
    height: 493px;
  }
}
.section_guide .object_champion:before {
  background-image: url(../img/bg_reward_champion.png);
}
.section_guide .object_champion.is_show {
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  -webkit-animation: slideLeft 1s cubic-bezier(0, 0.71, 0, 1) 0.8s forwards;
  animation: slideLeft 1s cubic-bezier(0, 0.71, 0, 1) 0.8s forwards;
}
.section_guide .object_left_card1 {
  top: 265px;
  top: calc(10.3515625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card1 {
    top: 265px;
  }
}
.section_guide .object_left_card1 {
  left: 50%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: -520px;
  margin-left: calc(-20.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card1 {
    margin-left: -520px;
  }
}
.section_guide .object_left_card1:before {
  width: 114px;
  width: calc(4.453125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card1:before {
    width: 114px;
  }
}
.section_guide .object_left_card1:before {
  height: 104px;
  height: calc(4.0625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card1:before {
    height: 104px;
  }
}
.section_guide .object_left_card1:before {
  background-image: url(../img/object_left_card1.png);
  -webkit-transform: rotateX(40deg);
  transform: rotateX(40deg);
}
.section_guide .object_left_card1.is_show {
  -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;
}
.section_guide .object_left_card2 {
  top: 412px;
  top: calc(16.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card2 {
    top: 412px;
  }
}
.section_guide .object_left_card2 {
  left: 50%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: -800px;
  margin-left: calc(-31.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card2 {
    margin-left: -800px;
  }
}
.section_guide .object_left_card2:before {
  width: 300px;
  width: calc(11.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card2:before {
    width: 300px;
  }
}
.section_guide .object_left_card2:before {
  height: 301px;
  height: calc(11.7578125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_card2:before {
    height: 301px;
  }
}
.section_guide .object_left_card2:before {
  background-image: url(../img/object_left_card2.png);
  -webkit-animation: bouncing 1.2s infinite alternate;
  animation: bouncing 1.2s infinite alternate;
}
.section_guide .object_left_card2.is_show {
  -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;
}
.section_guide .object_right_card1 {
  top: 190px;
  top: calc(7.421875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card1 {
    top: 190px;
  }
}
.section_guide .object_right_card1 {
  left: 50%;
  margin-left: 720px;
  margin-left: calc(28.125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card1 {
    margin-left: 720px;
  }
}
.section_guide .object_right_card1:before {
  width: 148px;
  width: calc(5.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card1:before {
    width: 148px;
  }
}
.section_guide .object_right_card1:before {
  height: 141px;
  height: calc(5.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card1:before {
    height: 141px;
  }
}
.section_guide .object_right_card1:before {
  background-image: url(../img/object_right_card1.png);
  -webkit-transform: rotateX(-14deg);
  transform: rotateX(-14deg);
}
.section_guide .object_right_card1.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;
}
.section_guide .object_right_card2 {
  top: 337px;
  top: calc(13.1640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card2 {
    top: 337px;
  }
}
.section_guide .object_right_card2 {
  left: 50%;
  margin-left: 914px;
  margin-left: calc(35.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card2 {
    margin-left: 914px;
  }
}
.section_guide .object_right_card2:before {
  width: 366px;
  width: calc(14.296875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card2:before {
    width: 366px;
  }
}
.section_guide .object_right_card2:before {
  height: 410px;
  height: calc(16.015625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_card2:before {
    height: 410px;
  }
}
.section_guide .object_right_card2:before {
  background-image: url(../img/object_right_card2.png);
  -webkit-transform: rotateX(-4.73deg);
  transform: rotateX(-4.73deg);
  -webkit-animation: bouncing 1.2s infinite alternate;
  animation: bouncing 1.2s infinite alternate;
}
.section_guide .object_right_card2.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;
}
.section_guide .object_left_poro {
  top: 780px;
  top: calc(30.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_poro {
    top: 780px;
  }
}
.section_guide .object_left_poro {
  left: 50%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: -520px;
  margin-left: calc(-20.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_poro {
    margin-left: -520px;
  }
}
.section_guide .object_left_poro {
  z-index: 11;
}
.section_guide .object_left_poro:before {
  width: 356px;
  width: calc(13.90625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_poro:before {
    width: 356px;
  }
}
.section_guide .object_left_poro:before {
  height: 319px;
  height: calc(12.4609375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_left_poro:before {
    height: 319px;
  }
}
.section_guide .object_left_poro:before {
  background-image: url(../img/object_left_poro.png);
}
.section_guide .object_left_poro.is_show {
  -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;
}
.section_guide .object_right_poro {
  top: 830px;
  top: calc(32.421875 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_poro {
    top: 830px;
  }
}
.section_guide .object_right_poro {
  left: 50%;
  margin-left: 540px;
  margin-left: calc(21.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_poro {
    margin-left: 540px;
  }
}
.section_guide .object_right_poro {
  z-index: 11;
}
.section_guide .object_right_poro:before {
  width: 314px;
  width: calc(12.265625 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_poro:before {
    width: 314px;
  }
}
.section_guide .object_right_poro:before {
  height: 295px;
  height: calc(11.5234375 * 1vw);
}
@media (min-width: 2560px) {
  .section_guide .object_right_poro:before {
    height: 295px;
  }
}
.section_guide .object_right_poro:before {
  background-image: url(../img/object_right_poro.png);
}
.section_guide .object_right_poro.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;
}

@media screen and (max-width: 1440px) {
  .section_kv {
    height: 1044px;
    height: calc(40.78125 * 1vw);
  }
}
@media screen and (max-width: 1440px) and (min-width: 2560px) {
  .section_kv {
    height: 1044px;
  }
}
.section_kv .kv_bg {
  overflow: hidden;
  position: relative;
  height: calc(100vh - 6.1328125vw - 80px);
}
@media screen and (max-width: 1440px) {
  .section_kv .kv_bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
  }
}
.section_kv .kv_bg .image {
  width: 100%;
  height: 100%;
  -webkit-animation: fadeInZoomIn calc(var(--i) * 0.2s) 0.1s forwards;
  animation: fadeInZoomIn calc(var(--i) * 0.2s) 0.1s forwards;
}
.section_kv .kv_bg_bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.section_kv .kv_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.section_kv .kv_inner .title {
  width: 857px;
  width: calc(33.4765625 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .title {
    width: 857px;
  }
}
.section_kv .kv_inner .title {
  height: 410px;
  height: calc(16.015625 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .title {
    height: 410px;
  }
}
.section_kv .kv_inner .title {
  background: url(../img/kv_title.png) center/cover no-repeat;
}
.section_kv .kv_inner .event_period {
  display: block;
  margin-top: 48px;
  margin-top: calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .event_period {
    margin-top: 48px;
  }
}
.section_kv .kv_inner .event_period {
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .event_period {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_kv .kv_inner .event_period {
  font-weight: 700;
  color: #24509f;
}
.section_kv .kv_inner .btn_scroll_reward {
  display: inline-block;
  position: relative;
  width: 430px;
  width: calc(16.796875 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward {
    width: 430px;
  }
}
.section_kv .kv_inner .btn_scroll_reward {
  height: 98px;
  height: calc(3.828125 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward {
    height: 98px;
  }
}
.section_kv .kv_inner .btn_scroll_reward {
  margin-top: 40px;
  margin-top: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward {
    margin-top: 40px;
  }
}
.section_kv .kv_inner .btn_scroll_reward {
  padding: 27px 62px;
  padding: calc(1.0546875 * 1vw) calc(2.421875 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward {
    padding: 27px 62px;
  }
}
.section_kv .kv_inner .btn_scroll_reward {
  border-radius: 5px;
  background-color: #40249f;
  font-family: "jalnan";
  font-size: 32px;
  font-size: 1.25vw;
  line-height: 45px;
  line-height: 1.7578125vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward {
    font-size: 32px;
    line-height: 45px;
  }
}
.section_kv .kv_inner .btn_scroll_reward {
  font-weight: 400;
  color: #fff;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_kv .kv_inner .btn_scroll_reward:before {
  position: absolute;
  top: 5px;
  top: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    top: 5px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  left: 5px;
  left: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    left: 5px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  width: 420px;
  width: calc(16.40625 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    width: 420px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  height: 88px;
  height: calc(3.4375 * 1vw);
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    height: 88px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  background-image: url("../img/normal.png");
  background-position: 0px -407px;
  background-position: 0vw -15.8984375vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    background-position: 0px -407px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  width: 420px;
  width: 16.40625vw;
  height: 88px;
  height: 3.4375vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:before {
    width: 420px;
    height: 88px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:before {
  pointer-events: none;
  content: "";
}
.section_kv .kv_inner .btn_scroll_reward:hover {
  background-color: #7627FF;
}
.section_kv .kv_inner .btn_scroll_reward:hover:before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:hover:before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:hover:before {
  background-image: url("../img/normal.png");
  background-position: 0px -499px;
  background-position: 0vw -19.4921875vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:hover:before {
    background-position: 0px -499px;
  }
}
.section_kv .kv_inner .btn_scroll_reward:hover:before {
  width: 420px;
  width: 16.40625vw;
  height: 88px;
  height: 3.4375vw;
}
@media (min-width: 2560px) {
  .section_kv .kv_inner .btn_scroll_reward:hover:before {
    width: 420px;
    height: 88px;
  }
}

.section_reward {
  position: relative;
  height: 3008px;
  height: calc(117.5 * 1vw);
}
@media (min-width: 2560px) {
  .section_reward {
    height: 3008px;
  }
}
.section_reward {
  background: url("../img/bg_mission_reward.jpg") center/cover no-repeat;
}
.section_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;
  position: relative;
  width: 1420px;
  width: calc(55.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section_inner {
    width: 1420px;
  }
}
.section_inner {
  padding-top: 98px;
  padding-top: calc(3.828125 * 1vw);
}
@media (min-width: 2560px) {
  .section_inner {
    padding-top: 98px;
  }
}
.section_inner {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.section .reward_character {
  position: absolute;
  left: -150px;
  left: calc(-5.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character {
    left: -150px;
  }
}
.section .reward_character {
  top: 0px;
  top: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character {
    top: 0px;
  }
}
.section .reward_character {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.section .reward_character.is_show {
  -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;
}
.section .reward_character:before {
  display: inline-block;
  width: 772px;
  width: calc(30.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character:before {
    width: 772px;
  }
}
.section .reward_character:before {
  height: 1099px;
  height: calc(42.9296875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character:before {
    height: 1099px;
  }
}
.section .reward_character:before {
  background: url(../img/risandra.png) center/cover no-repeat;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  content: "";
}
.section .reward_character2 {
  position: absolute;
  right: -900px;
  right: calc(-35.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character2 {
    right: -900px;
  }
}
.section .reward_character2 {
  bottom: 538px;
  bottom: calc(21.015625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character2 {
    bottom: 538px;
  }
}
.section .reward_character2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 2;
}
.section .reward_character2.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;
}
.section .reward_character2:before {
  display: inline-block;
  width: 742px;
  width: calc(28.984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character2:before {
    width: 742px;
  }
}
.section .reward_character2:before {
  height: 1071px;
  height: calc(41.8359375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character2:before {
    height: 1071px;
  }
}
.section .reward_character2:before {
  background: url(../img/trundle.png) center/cover no-repeat;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  content: "";
}
.section .reward_character3 {
  position: absolute;
  right: 250px;
  right: calc(9.765625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character3 {
    right: 250px;
  }
}
.section .reward_character3 {
  bottom: 0px;
  bottom: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character3 {
    bottom: 0px;
  }
}
.section .reward_character3 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 2;
}
.section .reward_character3:before {
  display: inline-block;
  width: 303.8px;
  width: calc(11.8671875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character3:before {
    width: 303.8px;
  }
}
.section .reward_character3:before {
  height: 245.9px;
  height: calc(9.60546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_character3:before {
    height: 245.9px;
  }
}
.section .reward_character3:before {
  background: url(../img/reward_poro.png) center/cover no-repeat;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  content: "";
}
.section .reward_left_card {
  position: absolute;
  left: -200px;
  left: calc(-7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card {
    left: -200px;
  }
}
.section .reward_left_card {
  bottom: 919px;
  bottom: calc(35.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card {
    bottom: 919px;
  }
}
.section .reward_left_card {
  z-index: 2;
}
.section .reward_left_card:before {
  display: inline-block;
  width: 372px;
  width: calc(14.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card:before {
    width: 372px;
  }
}
.section .reward_left_card:before {
  height: 384.6px;
  height: calc(15.0234375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card:before {
    height: 384.6px;
  }
}
.section .reward_left_card:before {
  background: url(../img/reward_left_card.png) center/cover no-repeat;
  content: "";
  -webkit-animation: bouncing 1.2s infinite alternate;
  animation: bouncing 1.2s infinite alternate;
}
.section .reward_left_card_opacity {
  position: absolute;
  left: -300px;
  left: calc(-11.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card_opacity {
    left: -300px;
  }
}
.section .reward_left_card_opacity {
  bottom: 1360px;
  bottom: calc(53.125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card_opacity {
    bottom: 1360px;
  }
}
.section .reward_left_card_opacity {
  z-index: 1;
}
.section .reward_left_card_opacity:before {
  display: inline-block;
  width: 147px;
  width: calc(5.7421875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card_opacity:before {
    width: 147px;
  }
}
.section .reward_left_card_opacity:before {
  height: 151.8px;
  height: calc(5.9296875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_left_card_opacity:before {
    height: 151.8px;
  }
}
.section .reward_left_card_opacity:before {
  background: url(../img/reward_left_opacity_card.png) center/cover no-repeat;
  content: "";
  -webkit-animation: bouncing 1.2s infinite alternate;
  animation: bouncing 1.2s infinite alternate;
}
.section .reward_right_card {
  position: absolute;
  right: -500px;
  right: calc(-19.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_right_card {
    right: -500px;
  }
}
.section .reward_right_card {
  top: 700px;
  top: calc(27.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_right_card {
    top: 700px;
  }
}
.section .reward_right_card:before {
  display: inline-block;
  width: 381.4px;
  width: calc(14.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_right_card:before {
    width: 381.4px;
  }
}
.section .reward_right_card:before {
  height: 394.6px;
  height: calc(15.4140625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_right_card:before {
    height: 394.6px;
  }
}
.section .reward_right_card:before {
  background: url(../img/reward_right_card.png) center/cover no-repeat;
  content: "";
  -webkit-animation: bouncing 1.2s infinite alternate;
  animation: bouncing 1.2s infinite alternate;
}
.section .reward_title_area {
  margin-bottom: 60px;
  margin-bottom: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_title_area {
    margin-bottom: 60px;
  }
}
.section .reward_title_area .reward_tit {
  font-size: 64px;
  font-size: 2.5vw;
  line-height: 90px;
  line-height: 3.515625vw;
}
@media (min-width: 2560px) {
  .section .reward_title_area .reward_tit {
    font-size: 64px;
    line-height: 90px;
  }
}
.section .reward_title_area .reward_tit {
  background: linear-gradient(175.7deg, #FFFFFF -13.13%, #C5FDFF 165.78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "jalnan";
}
.section .reward_title_area .reward_text {
  font-size: 22px;
  font-size: 0.859375vw;
  line-height: 30px;
  line-height: 1.171875vw;
}
@media (min-width: 2560px) {
  .section .reward_title_area .reward_text {
    font-size: 22px;
    line-height: 30px;
  }
}
.section .reward_title_area .reward_text {
  font-weight: 600;
  color: #DFFAFF;
}
.section .reward_title_area .reward_text .notice {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section .reward_title_area .reward_text .notice {
    font-size: 18px;
    line-height: 25px;
  }
}
.section .reward_title_area .reward_text .notice {
  color: #8CADD8;
  font-weight: 600;
}
.section .reward_current_area {
  position: relative;
  background: url("../img/reward_shape.jpg") center/cover no-repeat;
  height: 233px;
  height: calc(9.1015625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area {
    height: 233px;
  }
}
.section .reward_current_area {
  width: 1400px;
  width: calc(54.6875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area {
    width: 1400px;
  }
}
.section .reward_current_area .reward_current_tit_area {
  position: absolute;
  left: 268px;
  left: calc(10.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area {
    left: 268px;
  }
}
.section .reward_current_area .reward_current_tit_area {
  top: 18px;
  top: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area {
    top: 18px;
  }
}
.section .reward_current_area .reward_current_tit_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section .reward_current_area .reward_current_tit_area .reward_current_tit {
  display: inline-block;
  margin-right: 210px;
  margin-right: calc(8.203125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .reward_current_tit {
    margin-right: 210px;
  }
}
.section .reward_current_area .reward_current_tit_area .reward_current_tit {
  font-size: 32px;
  font-size: 1.25vw;
  line-height: 45px;
  line-height: 1.7578125vw;
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .reward_current_tit {
    font-size: 32px;
    line-height: 45px;
  }
}
.section .reward_current_area .reward_current_tit_area .reward_current_tit {
  font-family: "jalnan";
  color: #EDF5FF;
}
.section .reward_current_area .reward_current_tit_area .refresh_btn {
  width: 24px;
  width: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .refresh_btn {
    width: 24px;
  }
}
.section .reward_current_area .reward_current_tit_area .refresh_btn {
  height: 24px;
  height: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .refresh_btn {
    height: 24px;
  }
}
.section .reward_current_area .reward_current_tit_area .refresh_btn {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .refresh_btn {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section .reward_current_area .reward_current_tit_area .refresh_btn {
  background-image: url("../img/normal.png");
  background-position: -812px -345px;
  background-position: -31.71875vw -13.4765625vw;
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .refresh_btn {
    background-position: -812px -345px;
  }
}
.section .reward_current_area .reward_current_tit_area .refresh_btn {
  width: 24px;
  width: 0.9375vw;
  height: 24px;
  height: 0.9375vw;
}
@media (min-width: 2560px) {
  .section .reward_current_area .reward_current_tit_area .refresh_btn {
    width: 24px;
    height: 24px;
  }
}
.section .reward_current_area .reward_current_tit_area .refresh_btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.section .reward_current_area .reward_current_tit_area .refresh_btn:hover {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  rotate: 180deg;
}
.section .reward_result_area {
  position: absolute;
  left: 64px;
  left: calc(2.5 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area {
    left: 64px;
  }
}
.section .reward_result_area {
  top: 123.5px;
  top: calc(4.82421875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area {
    top: 123.5px;
  }
}
.section .reward_result_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.section .reward_result_area .reward_result_box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section .reward_result_area .reward_result_box:first-of-type::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 87px;
  height: calc(3.3984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box:first-of-type::after {
    height: 87px;
  }
}
.section .reward_result_area .reward_result_box:first-of-type::after {
  background-color: #00438F;
}
.section .reward_result_area .reward_result_box:last-of-type {
  margin-left: 60px;
  margin-left: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box:last-of-type {
    margin-left: 60px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_txt {
  display: inline-block;
  margin-right: 48px;
  margin-right: calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_txt {
    margin-right: 48px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_txt {
  color: #DFEBFF;
  font-size: 26px;
  font-size: 1.015625vw;
  line-height: 36px;
  line-height: 1.40625vw;
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_txt {
    font-size: 26px;
    line-height: 36px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_txt {
  font-family: "jalnan";
}
.section .reward_result_area .reward_result_box .reward_result_num {
  display: inline-block;
  margin-right: 60px;
  margin-right: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_num {
    margin-right: 60px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #DFEBFF;
  font-size: 26px;
  font-size: 1.015625vw;
  line-height: 36px;
  line-height: 1.40625vw;
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_num {
    font-size: 26px;
    line-height: 36px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_num {
  font-family: "jalnan";
}
.section .reward_result_area .reward_result_box .reward_result_num .result_highlight {
  display: inline-block;
  margin-right: 9px;
  margin-right: calc(0.3515625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_num .result_highlight {
    margin-right: 9px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_num .result_highlight {
  color: #8B69FF;
  font-size: 40px;
  font-size: 1.5625vw;
  line-height: 56px;
  line-height: 2.1875vw;
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_num .result_highlight {
    font-size: 40px;
    line-height: 56px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_num .result_highlight {
  font-family: "jalnan";
}
.section .reward_result_area .reward_result_box .reward_result_notice {
  position: absolute;
  left: -23px;
  left: calc(-0.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_notice {
    left: -23px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_notice {
  bottom: -20px;
  bottom: calc(-0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_notice {
    bottom: -20px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_notice {
  color: #8B93E0;
  font-size: 14px;
  font-size: 0.546875vw;
  line-height: 20px;
  line-height: 0.78125vw;
}
@media (min-width: 2560px) {
  .section .reward_result_area .reward_result_box .reward_result_notice {
    font-size: 14px;
    line-height: 20px;
  }
}
.section .reward_result_area .reward_result_box .reward_result_notice {
  white-space: nowrap;
}
.section .reward_open_card_area {
  position: absolute;
  right: 65px;
  right: calc(2.5390625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area {
    right: 65px;
  }
}
.section .reward_open_card_area {
  top: 24px;
  top: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area {
    top: 24px;
  }
}
.section .reward_open_card_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section .reward_open_card_area .reward_card_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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section .reward_open_card_area .reward_card_box:first-of-type {
  margin-right: 30px;
  margin-right: calc(1.171875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box:first-of-type {
    margin-right: 30px;
  }
}
.section .reward_open_card_area .reward_card_box:last-of-type {
  width: 291px;
  width: calc(11.3671875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box:last-of-type {
    width: 291px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_bubble {
  position: absolute;
  left: -75px;
  left: calc(-2.9296875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_bubble {
    left: -75px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_bubble {
  top: -53px;
  top: calc(-2.0703125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_bubble {
    top: -53px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_bubble:before {
  display: inline-block;
  width: 169px;
  width: calc(6.6015625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_bubble:before {
    width: 169px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_bubble:before {
  height: 114px;
  height: calc(4.453125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_bubble:before {
    height: 114px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_bubble:before {
  background: url(../img/speech_bubble.png) center/cover no-repeat;
  content: "";
}
.section .reward_open_card_area .reward_card_box .reward_digital_card {
  width: 103px;
  width: calc(4.0234375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_digital_card {
    width: 103px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_digital_card {
  height: 160px;
  height: calc(6.25 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_digital_card {
    height: 160px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_digital_card {
  overflow: hidden;
}
.section .reward_open_card_area .reward_card_box .reward_digital_card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section .reward_open_card_area .reward_card_box .reward_digital_card_txt {
  display: inline-block;
  margin-top: 10px;
  margin-top: calc(0.390625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_digital_card_txt {
    margin-top: 10px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_digital_card_txt {
  color: #00438F;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 21px;
  line-height: 0.8203125vw;
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_digital_card_txt {
    font-size: 16px;
    line-height: 21px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_digital_card_txt {
  font-weight: 500;
}
.section .reward_open_card_area .reward_card_box .reward_card_desc {
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_desc {
    font-size: 24px;
    line-height: 34px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_desc {
  font-family: "jalnan";
  color: #00438F;
  word-break: break-all;
}
.section .reward_open_card_area .reward_card_box .reward_card_desc .result_highlight {
  color: #7627FF;
}
.section .reward_open_card_area .reward_card_box .reward_card_btn {
  margin-top: 14px;
  margin-top: calc(0.546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_btn {
    margin-top: 14px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_btn {
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_btn {
    font-size: 24px;
    line-height: 34px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_btn {
  font-family: "jalnan";
  color: #ffffff;
  background-color: #00438F;
  border-radius: 5px;
  padding: 18px 61px 18px 61px;
  padding: calc(0.703125 * 1vw) calc(2.3828125 * 1vw) calc(0.703125 * 1vw) calc(2.3828125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_open_card_area .reward_card_box .reward_card_btn {
    padding: 18px 61px 18px 61px;
  }
}
.section .reward_open_card_area .reward_card_box .reward_card_btn {
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.section .reward_open_card_area .reward_card_box .reward_card_btn:hover {
  background-color: #7B5BEA;
}
.section .reward_open_card_area .reward_card_box .reward_card_btn:disabled {
  background-color: #8392AD;
}
.section .reward_signature_area {
  margin-top: 90px;
  margin-top: calc(3.515625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area {
    margin-top: 90px;
  }
}
.section .reward_signature_area {
  z-index: 1;
}
.section .reward_signature_area .reward_signature_box {
  position: relative;
  margin-bottom: 70px;
  margin-bottom: calc(2.734375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_box {
    margin-bottom: 70px;
  }
}
.section .reward_signature_area .reward_signature_box {
  height: 560px;
  height: calc(21.875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_box {
    height: 560px;
  }
}
.section .reward_signature_area .reward_signature_box {
  width: 1400px;
  width: calc(54.6875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_box {
    width: 1400px;
  }
}
.section .reward_signature_area .reward_signature_box {
  background-color: #000E3F;
}
.section .reward_signature_area .reward_signature_tit_box {
  height: 108px;
  height: calc(4.21875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_tit_box {
    height: 108px;
  }
}
.section .reward_signature_area .reward_signature_tit_box {
  background: linear-gradient(188deg, #C4A257 8.75%, #020744 267.86%);
  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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.section .reward_signature_area .reward_signature_tit_box .reward_signature_tit {
  display: block;
  margin-top: 26px;
  margin-top: calc(1.015625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_tit_box .reward_signature_tit {
    margin-top: 26px;
  }
}
.section .reward_signature_area .reward_signature_tit_box .reward_signature_tit {
  font-size: 32px;
  font-size: 1.25vw;
  line-height: 38px;
  line-height: 1.484375vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_tit_box .reward_signature_tit {
    font-size: 32px;
    line-height: 38px;
  }
}
.section .reward_signature_area .reward_signature_tit_box .reward_signature_tit {
  font-family: "jalnan";
  color: #FFF9ED;
}
.section .reward_signature_area .reward_signature_tit_box .reward_signature_desc {
  display: block;
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_tit_box .reward_signature_desc {
    margin-top: 4px;
  }
}
.section .reward_signature_area .reward_signature_tit_box .reward_signature_desc {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_tit_box .reward_signature_desc {
    font-size: 20px;
    line-height: 26px;
  }
}
.section .reward_signature_area .reward_signature_tit_box .reward_signature_desc {
  color: #FFFDC9;
  font-weight: 600;
}
.section .reward_signature_area .reward_signature_card_box {
  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;
  gap: 20px;
  gap: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card_box {
    gap: 20px;
  }
}
.section .reward_signature_area .reward_signature_card {
  position: relative;
  background: url("../img/signature_card_shape.png") center/cover no-repeat;
  height: 352px;
  height: calc(13.75 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card {
    height: 352px;
  }
}
.section .reward_signature_area .reward_signature_card {
  width: 250px;
  width: calc(9.765625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card {
    width: 250px;
  }
}
.section .reward_signature_area .reward_signature_card {
  margin-top: 28px;
  margin-top: calc(1.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card {
    margin-top: 28px;
  }
}
.section .reward_signature_area .reward_signature_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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.section .reward_signature_area .reward_signature_card.is_disabled, .section .reward_signature_area .reward_signature_card.is_end, .section .reward_signature_area .reward_signature_card.is_complete {
  pointer-events: none;
  background: url("../img/signature_card_shape_disabled.png") center/cover no-repeat;
}
.section .reward_signature_area .reward_signature_card.is_disabled .required_card, .section .reward_signature_area .reward_signature_card.is_end .required_card, .section .reward_signature_area .reward_signature_card.is_complete .required_card {
  background-color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_disabled .signature_prize_name, .section .reward_signature_area .reward_signature_card.is_end .signature_prize_name, .section .reward_signature_area .reward_signature_card.is_complete .signature_prize_name {
  color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_disabled .remain_item, .section .reward_signature_area .reward_signature_card.is_end .remain_item, .section .reward_signature_area .reward_signature_card.is_complete .remain_item {
  color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_disabled .signature_btn, .section .reward_signature_area .reward_signature_card.is_end .signature_btn, .section .reward_signature_area .reward_signature_card.is_complete .signature_btn {
  background-color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_disabled .signature_btn:hover, .section .reward_signature_area .reward_signature_card.is_end .signature_btn:hover, .section .reward_signature_area .reward_signature_card.is_complete .signature_btn:hover {
  background-color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_disabled .influencer_icon, .section .reward_signature_area .reward_signature_card.is_end .influencer_icon, .section .reward_signature_area .reward_signature_card.is_complete .influencer_icon {
  border: 1px solid #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_disabled .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_end .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_complete .influencer_icon::after {
  position: absolute;
  right: 0px;
  right: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card.is_disabled .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_end .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_complete .influencer_icon::after {
    right: 0px;
  }
}
.section .reward_signature_area .reward_signature_card.is_disabled .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_end .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_complete .influencer_icon::after {
  top: 0px;
  top: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card.is_disabled .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_end .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_complete .influencer_icon::after {
    top: 0px;
  }
}
.section .reward_signature_area .reward_signature_card.is_disabled .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_end .influencer_icon::after, .section .reward_signature_area .reward_signature_card.is_complete .influencer_icon::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(186, 186, 186, 0.5);
}
.section .reward_signature_area .reward_signature_card.is_before_start {
  pointer-events: none;
}
.section .reward_signature_area .reward_signature_card.is_before_start .signature_btn {
  background-color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_before_start .signature_btn:hover {
  background-color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_delivery {
  background: url("../img/signature_card_shape_disabled.png") center/cover no-repeat;
}
.section .reward_signature_area .reward_signature_card.is_delivery .required_card {
  background-color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_delivery .signature_prize_name {
  color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_delivery .remain_item {
  color: #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_delivery .signature_btn {
  background-color: #102367;
}
.section .reward_signature_area .reward_signature_card.is_delivery .signature_btn:hover {
  background-color: #1F41B9;
}
.section .reward_signature_area .reward_signature_card.is_delivery .influencer_icon {
  border: 1px solid #BABABA;
}
.section .reward_signature_area .reward_signature_card.is_delivery .influencer_icon::after {
  position: absolute;
  right: 0px;
  right: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card.is_delivery .influencer_icon::after {
    right: 0px;
  }
}
.section .reward_signature_area .reward_signature_card.is_delivery .influencer_icon::after {
  top: 0px;
  top: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card.is_delivery .influencer_icon::after {
    top: 0px;
  }
}
.section .reward_signature_area .reward_signature_card.is_delivery .influencer_icon::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: rgba(186, 186, 186, 0.5);
}
.section .reward_signature_area .reward_signature_card .outofstock_stamp,
.section .reward_signature_area .reward_signature_card .completed_stamp,
.section .reward_signature_area .reward_signature_card .event_end_stamp,
.section .reward_signature_area .reward_signature_card .received_stamp {
  position: absolute;
  right: 40px;
  right: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .outofstock_stamp,
  .section .reward_signature_area .reward_signature_card .completed_stamp,
  .section .reward_signature_area .reward_signature_card .event_end_stamp,
  .section .reward_signature_area .reward_signature_card .received_stamp {
    right: 40px;
  }
}
.section .reward_signature_area .reward_signature_card .outofstock_stamp,
.section .reward_signature_area .reward_signature_card .completed_stamp,
.section .reward_signature_area .reward_signature_card .event_end_stamp,
.section .reward_signature_area .reward_signature_card .received_stamp {
  top: 64px;
  top: calc(2.5 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .outofstock_stamp,
  .section .reward_signature_area .reward_signature_card .completed_stamp,
  .section .reward_signature_area .reward_signature_card .event_end_stamp,
  .section .reward_signature_area .reward_signature_card .received_stamp {
    top: 64px;
  }
}
.section .reward_signature_area .reward_signature_card .outofstock_stamp,
.section .reward_signature_area .reward_signature_card .completed_stamp,
.section .reward_signature_area .reward_signature_card .event_end_stamp,
.section .reward_signature_area .reward_signature_card .received_stamp {
  height: 170px;
  height: calc(6.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .outofstock_stamp,
  .section .reward_signature_area .reward_signature_card .completed_stamp,
  .section .reward_signature_area .reward_signature_card .event_end_stamp,
  .section .reward_signature_area .reward_signature_card .received_stamp {
    height: 170px;
  }
}
.section .reward_signature_area .reward_signature_card .outofstock_stamp,
.section .reward_signature_area .reward_signature_card .completed_stamp,
.section .reward_signature_area .reward_signature_card .event_end_stamp,
.section .reward_signature_area .reward_signature_card .received_stamp {
  width: 170px;
  width: calc(6.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .outofstock_stamp,
  .section .reward_signature_area .reward_signature_card .completed_stamp,
  .section .reward_signature_area .reward_signature_card .event_end_stamp,
  .section .reward_signature_area .reward_signature_card .received_stamp {
    width: 170px;
  }
}
.section .reward_signature_area .reward_signature_card .outofstock_stamp,
.section .reward_signature_area .reward_signature_card .completed_stamp,
.section .reward_signature_area .reward_signature_card .event_end_stamp,
.section .reward_signature_area .reward_signature_card .received_stamp {
  z-index: 1;
}
.section .reward_signature_area .reward_signature_card .required_card {
  margin-top: 23px;
  margin-top: calc(0.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .required_card {
    margin-top: 23px;
  }
}
.section .reward_signature_area .reward_signature_card .required_card {
  padding: 4px 9px 4px 9px;
  padding: calc(0.15625 * 1vw) calc(0.3515625 * 1vw) calc(0.15625 * 1vw) calc(0.3515625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .required_card {
    padding: 4px 9px 4px 9px;
  }
}
.section .reward_signature_area .reward_signature_card .required_card {
  background-color: #C4A257;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 21px;
  line-height: 0.8203125vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .required_card {
    font-size: 16px;
    line-height: 21px;
  }
}
.section .reward_signature_area .reward_signature_card .required_card {
  border-radius: 10px;
  color: #FFFFFF;
}
.section .reward_signature_area .reward_signature_card .signature_prize {
  margin-top: 5px;
  margin-top: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize {
    margin-top: 5px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize {
  height: 96px;
  height: calc(3.75 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize {
    height: 96px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize {
  width: 150px;
  width: calc(5.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize {
    width: 150px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize {
  overflow: hidden;
}
.section .reward_signature_area .reward_signature_card .signature_prize img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section .reward_signature_area .reward_signature_card .influencer_icon {
  position: absolute;
  right: 25px;
  right: calc(0.9765625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .influencer_icon {
    right: 25px;
  }
}
.section .reward_signature_area .reward_signature_card .influencer_icon {
  top: 64px;
  top: calc(2.5 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .influencer_icon {
    top: 64px;
  }
}
.section .reward_signature_area .reward_signature_card .influencer_icon {
  height: 43px;
  height: calc(1.6796875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .influencer_icon {
    height: 43px;
  }
}
.section .reward_signature_area .reward_signature_card .influencer_icon {
  width: 43px;
  width: calc(1.6796875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .influencer_icon {
    width: 43px;
  }
}
.section .reward_signature_area .reward_signature_card .influencer_icon {
  border: 1px solid #c4a257;
  overflow: hidden;
  border-radius: 50%;
}
.section .reward_signature_area .reward_signature_card .influencer_icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section .reward_signature_area .reward_signature_card .influencer_name_desc {
  display: block;
  margin-top: 7px;
  margin-top: calc(0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .influencer_name_desc {
    margin-top: 7px;
  }
}
.section .reward_signature_area .reward_signature_card .influencer_name_desc {
  font-size: 12px;
  font-size: 0.46875vw;
  line-height: 16px;
  line-height: 0.625vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .influencer_name_desc {
    font-size: 12px;
    line-height: 16px;
  }
}
.section .reward_signature_area .reward_signature_card .influencer_name_desc {
  color: #8D92A6;
}
.section .reward_signature_area .reward_signature_card .signature_prize_name {
  display: block;
  min-height: 57px;
  min-height: calc(2.2265625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize_name {
    min-height: 57px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize_name {
  margin-top: 8px;
  margin-top: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize_name {
    margin-top: 8px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize_name {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 19px;
  line-height: 0.7421875vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize_name {
    font-size: 16px;
    line-height: 19px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize_name {
  width: 195px;
  width: calc(7.6171875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_prize_name {
    width: 195px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_prize_name {
  color: #091E42;
  font-weight: 900;
  word-break: keep-all;
}
.section .reward_signature_area .reward_signature_card .remain_item {
  display: block;
  margin-top: 8px;
  margin-top: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .remain_item {
    margin-top: 8px;
  }
}
.section .reward_signature_area .reward_signature_card .remain_item {
  font-size: 14px;
  font-size: 0.546875vw;
  line-height: 18px;
  line-height: 0.703125vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .remain_item {
    font-size: 14px;
    line-height: 18px;
  }
}
.section .reward_signature_area .reward_signature_card .remain_item {
  color: #C4A257;
}
.section .reward_signature_area .reward_signature_card .signature_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;
  margin-top: 17px;
  margin-top: calc(0.6640625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_btn {
    margin-top: 17px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_btn {
  width: 212px;
  width: calc(8.28125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_btn {
    width: 212px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_btn {
  height: 50px;
  height: calc(1.953125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_btn {
    height: 50px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_btn {
  background-color: #C4A257;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_signature_card .signature_btn {
    font-size: 20px;
    line-height: 25px;
  }
}
.section .reward_signature_area .reward_signature_card .signature_btn {
  letter-spacing: -0.02em;
  color: #ffffff;
  font-family: "jalnan";
  border-radius: 5px;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.section .reward_signature_area .reward_signature_card .signature_btn:hover {
  background-color: #EDD77D;
}
.section .reward_signature_area .reward_notice_box {
  position: relative;
  text-align: left;
  margin-top: 36px;
  margin-top: calc(1.40625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_notice_box {
    margin-top: 36px;
  }
}
.section .reward_signature_area .reward_notice_box {
  margin-left: 27px;
  margin-left: calc(1.0546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_notice_box {
    margin-left: 27px;
  }
}
.section .reward_signature_area .reward_notice_box .reward_signature_notice {
  color: #BFC2D3;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .reward_notice_box .reward_signature_notice {
    font-size: 16px;
    line-height: 22px;
  }
}
.section .reward_signature_area .second_mission {
  height: 961px;
  height: calc(37.5390625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission {
    height: 961px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_tit_box {
  background: linear-gradient(290deg, #5B38D0 -25.25%, #020744 190.86%);
}
.section .reward_signature_area .second_mission .reward_signature_tit_box .reward_signature_tit {
  display: block;
  margin-top: 23px;
  margin-top: calc(0.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_tit_box .reward_signature_tit {
    margin-top: 23px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_tit_box .reward_signature_desc {
  color: #C9F3FF;
}
.section .reward_signature_area .second_mission .required_card {
  margin-top: 28px;
  margin-top: calc(1.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .required_card {
    margin-top: 28px;
  }
}
.section .reward_signature_area .second_mission .required_card {
  background-color: #5B38D0;
}
.section .reward_signature_area .second_mission .signature_btn {
  margin-top: 18.3px;
  margin-top: calc(0.71484375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .signature_btn {
    margin-top: 18.3px;
  }
}
.section .reward_signature_area .second_mission .signature_btn {
  background-color: #5B38D0;
  height: 50px;
  height: calc(1.953125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .signature_btn {
    height: 50px;
  }
}
.section .reward_signature_area .second_mission .signature_btn {
  width: 200px;
  width: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .signature_btn {
    width: 200px;
  }
}
.section .reward_signature_area .second_mission .signature_btn {
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.section .reward_signature_area .second_mission .signature_btn:hover {
  background-color: #7A53FF;
}
.section .reward_signature_area .second_mission .reward_signature_card_box {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  justify-items: center;
  max-width: 744px;
  max-width: calc(29.0625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card_box {
    max-width: 744px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card {
  background: url("../img/second_card_shape.png") center/cover no-repeat;
  height: 332px;
  height: calc(12.96875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card {
    height: 332px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card {
  width: 236px;
  width: calc(9.21875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card {
    width: 236px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card.is_disabled, .section .reward_signature_area .second_mission .reward_signature_card.is_delivery, .section .reward_signature_area .second_mission .reward_signature_card.is_end, .section .reward_signature_area .second_mission .reward_signature_card.is_complete {
  background: url("../img/second_card_shape_disabled.png") center/cover no-repeat;
}
.section .reward_signature_area .second_mission .reward_signature_card .signature_prize {
  height: 106px;
  height: calc(4.140625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card .signature_prize {
    height: 106px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card .signature_prize {
  width: 140px;
  width: calc(5.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card .signature_prize {
    width: 140px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card .signature_prize_name {
  margin-top: 4.6px;
  margin-top: calc(0.1796875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card .signature_prize_name {
    margin-top: 4.6px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card .signature_prize_name {
  min-height: 38px;
  min-height: calc(1.484375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card .signature_prize_name {
    min-height: 38px;
  }
}
.section .reward_signature_area .second_mission .reward_signature_card:nth-child(n+4) {
  margin-top: 0;
}
.section .reward_signature_area .second_mission .reward_signature_card .signature_btn {
  width: 200px;
  width: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .reward_signature_card .signature_btn {
    width: 200px;
  }
}
.section .reward_signature_area .second_mission .remain_item {
  margin-top: 18px;
  margin-top: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .remain_item {
    margin-top: 18px;
  }
}
.section .reward_signature_area .second_mission .remain_item {
  font-size: 12px;
  font-size: 0.46875vw;
  line-height: 16px;
  line-height: 0.625vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .remain_item {
    font-size: 12px;
    line-height: 16px;
  }
}
.section .reward_signature_area .second_mission .remain_item {
  color: #5B38D0;
}
.section .reward_signature_area .second_mission .outofstock_stamp,
.section .reward_signature_area .second_mission .completed_stamp,
.section .reward_signature_area .second_mission .event_end_stamp,
.section .reward_signature_area .second_mission .received_stamp {
  position: absolute;
  right: 33px;
  right: calc(1.2890625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .outofstock_stamp,
  .section .reward_signature_area .second_mission .completed_stamp,
  .section .reward_signature_area .second_mission .event_end_stamp,
  .section .reward_signature_area .second_mission .received_stamp {
    right: 33px;
  }
}
.section .reward_signature_area .second_mission .outofstock_stamp,
.section .reward_signature_area .second_mission .completed_stamp,
.section .reward_signature_area .second_mission .event_end_stamp,
.section .reward_signature_area .second_mission .received_stamp {
  top: 64px;
  top: calc(2.5 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .second_mission .outofstock_stamp,
  .section .reward_signature_area .second_mission .completed_stamp,
  .section .reward_signature_area .second_mission .event_end_stamp,
  .section .reward_signature_area .second_mission .received_stamp {
    top: 64px;
  }
}
.section .reward_signature_area .third_mission {
  height: 670px;
  height: calc(26.171875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission {
    height: 670px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_tit_box {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-25.25%, #00438F), color-stop(190.86%, #020744));
  background: linear-gradient(180deg, #00438F -25.25%, #020744 190.86%);
}
.section .reward_signature_area .third_mission .reward_signature_tit_box .reward_signature_tit {
  display: block;
  margin-top: 22px;
  margin-top: calc(0.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_tit_box .reward_signature_tit {
    margin-top: 22px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_tit_box .reward_signature_desc {
  color: #C9F3FF;
}
.section .reward_signature_area .third_mission .reward_signature_card_box {
  overflow: hidden;
  margin-left: 77px;
  margin-left: calc(3.0078125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card_box {
    margin-left: 77px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card_box {
  margin-right: 73px;
  margin-right: calc(2.8515625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card_box {
    margin-right: 73px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section .reward_signature_area .third_mission .third_card_num_item {
  display: block;
  margin-top: 20.7px;
  margin-top: calc(0.80859375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .third_card_num_item {
    margin-top: 20.7px;
  }
}
.section .reward_signature_area .third_mission .third_card_num_item {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 23px;
  line-height: 0.8984375vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .third_card_num_item {
    font-size: 18px;
    line-height: 23px;
  }
}
.section .reward_signature_area .third_mission .third_card_num_item {
  color: #1B66BC;
  font-family: "jalnan";
}
.section .reward_signature_area .third_mission .signature_btn {
  position: absolute;
  bottom: 18px;
  bottom: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .signature_btn {
    bottom: 18px;
  }
}
.section .reward_signature_area .third_mission .signature_btn {
  left: 18px;
  left: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .signature_btn {
    left: 18px;
  }
}
.section .reward_signature_area .third_mission .signature_btn {
  background-color: #1B66BC;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.section .reward_signature_area .third_mission .signature_btn:hover {
  background-color: #50A0FB;
}
.section .reward_signature_area .third_mission .reward_signature_card_item {
  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;
}
.section .reward_signature_area .third_mission .reward_signature_card {
  background: url("../img/third_card_shape.png") center/cover no-repeat;
  height: 332px !important;
  height: calc(12.96875 * 1vw)  !important;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card {
    height: 332px !important;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card {
  width: 236px !important;
  width: calc(9.21875 * 1vw)  !important;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card {
    width: 236px !important;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card {
  margin-right: 16px;
  margin-right: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card {
    margin-right: 16px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card:nth-child(5n+1) {
  margin-left: 13px;
  margin-left: calc(0.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card:nth-child(5n+1) {
    margin-left: 13px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card:nth-child(5) {
  margin-right: 0px;
  margin-right: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card:nth-child(5) {
    margin-right: 0px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card:nth-child(6) {
  margin-left: 13px;
  margin-left: calc(0.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card:nth-child(6) {
    margin-left: 13px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card:nth-child(10) {
  margin-right: 0px;
  margin-right: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card:nth-child(10) {
    margin-right: 0px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card.is_disabled, .section .reward_signature_area .third_mission .reward_signature_card.is_delivery, .section .reward_signature_area .third_mission .reward_signature_card.is_end, .section .reward_signature_area .third_mission .reward_signature_card.is_complete {
  background: url("../img/third_card_shape_disabled.png") center/cover no-repeat;
}
.section .reward_signature_area .third_mission .reward_signature_card.is_disabled .third_card_num_item, .section .reward_signature_area .third_mission .reward_signature_card.is_delivery .third_card_num_item, .section .reward_signature_area .third_mission .reward_signature_card.is_end .third_card_num_item, .section .reward_signature_area .third_mission .reward_signature_card.is_complete .third_card_num_item {
  color: #C2C5D0;
}
.section .reward_signature_area .third_mission .reward_signature_card .signature_btn {
  width: 200px;
  width: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .signature_btn {
    width: 200px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
.section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
  position: absolute;
  right: 33px;
  right: calc(1.2890625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
  .section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
    right: 33px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
.section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
  top: 64px;
  top: calc(2.5 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
  .section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
    top: 64px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
.section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
  height: 170px;
  height: calc(6.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
  .section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
    height: 170px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
.section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
  width: 170px;
  width: calc(6.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
  .section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
    width: 170px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .received_stamp,
.section .reward_signature_area .third_mission .reward_signature_card .event_end_stamp {
  z-index: 1;
}
.section .reward_signature_area .third_mission .reward_signature_card .signature_prize {
  margin-top: 34.3px;
  margin-top: calc(1.33984375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .signature_prize {
    margin-top: 34.3px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .signature_prize {
  height: 106px;
  height: calc(4.140625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .signature_prize {
    height: 106px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .signature_prize {
  width: 140px;
  width: calc(5.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .signature_prize {
    width: 140px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .signature_prize_name {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .signature_prize_name {
    font-size: 18px;
    line-height: 22px;
  }
}
.section .reward_signature_area .third_mission .reward_signature_card .signature_prize_name {
  min-height: auto;
  margin-top: 13px;
  margin-top: calc(0.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_signature_card .signature_prize_name {
    margin-top: 13px;
  }
}
.section .reward_signature_area .third_mission .reward_notice_box {
  margin-top: 75px;
  margin-top: calc(2.9296875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_notice_box {
    margin-top: 75px;
  }
}
.section .reward_signature_area .third_mission .new_link {
  text-decoration: underline;
  color: #BFC2D3;
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination {
  left: 679px;
  left: calc(26.5234375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_pagination.swiper-pagination {
    left: 679px;
  }
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination {
  bottom: 146px;
  bottom: calc(5.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_pagination.swiper-pagination {
    bottom: 146px;
  }
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet {
  height: 12px;
  height: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet {
    height: 12px;
  }
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  width: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet {
    width: 12px;
  }
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet {
  opacity: 1;
  background-color: #A6B8CC;
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet:first-of-type {
  margin-right: 20px;
  margin-right: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet:first-of-type {
    margin-right: 20px;
  }
}
.section .reward_signature_area .third_mission .reward_pagination.swiper-pagination .swiper-pagination-bullet-active {
  background-color: #1B66BC;
}
.section .reward_signature_area .third_mission .swiper-button-prev {
  position: absolute;
  height: 68px;
  height: calc(2.65625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-prev {
    height: 68px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-prev {
  width: 48px;
  width: calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-prev {
    width: 48px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-prev {
  left: 0px;
  left: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-prev {
    left: 0px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-prev {
  top: 284px;
  top: calc(11.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-prev {
    top: 284px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-prev {
  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;
  background-color: rgba(8, 123, 255, 0.4);
}
.section .reward_signature_area .third_mission .swiper-button-prev::after {
  content: "";
  display: block;
  background-image: url("../img/swiper_navigation.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 28.3px;
  height: calc(1.10546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-prev::after {
    height: 28.3px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-prev::after {
  width: 15.5px;
  width: calc(0.60546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-prev::after {
    width: 15.5px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-prev::after {
  rotate: 180deg;
}
.section .reward_signature_area .third_mission .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}
.section .reward_signature_area .third_mission .swiper-button-prev.swiper-button-disabled::after {
  background-image: url("../img/swiper_navigation_disabled.png");
  rotate: 0deg;
}
.section .reward_signature_area .third_mission .swiper-button-next {
  position: absolute;
  height: 68px;
  height: calc(2.65625 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-next {
    height: 68px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-next {
  width: 48px;
  width: calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-next {
    width: 48px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-next {
  right: 0px;
  right: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-next {
    right: 0px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-next {
  top: 284px;
  top: calc(11.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-next {
    top: 284px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-next {
  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;
  background-color: rgba(8, 123, 255, 0.4);
}
.section .reward_signature_area .third_mission .swiper-button-next::after {
  content: "";
  display: block;
  background-image: url("../img/swiper_navigation.png");
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 28.3px;
  height: calc(1.10546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-next::after {
    height: 28.3px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-next::after {
  width: 15.5px;
  width: calc(0.60546875 * 1vw);
}
@media (min-width: 2560px) {
  .section .reward_signature_area .third_mission .swiper-button-next::after {
    width: 15.5px;
  }
}
.section .reward_signature_area .third_mission .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.section .reward_signature_area .third_mission .swiper-button-next.swiper-button-disabled::after {
  background-image: url("../img/swiper_navigation_disabled.png");
  rotate: 180deg;
}

.section_prolog {
  position: relative;
  height: 1224px;
  height: calc(47.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prolog {
    height: 1224px;
  }
}
.section_prolog {
  background: url("../img/bg_prolog.jpg") center/cover no-repeat;
}
.section_inner {
  padding-top: 57px;
  padding-top: calc(2.2265625 * 1vw);
}
@media (min-width: 2560px) {
  .section_inner {
    padding-top: 57px;
  }
}
.section .prolog_title_area {
  margin-bottom: 60px;
  margin-bottom: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_title_area {
    margin-bottom: 60px;
  }
}
.section .prolog_title_area .prolog_tit {
  font-size: 64px;
  font-size: 2.5vw;
  line-height: 90px;
  line-height: 3.515625vw;
}
@media (min-width: 2560px) {
  .section .prolog_title_area .prolog_tit {
    font-size: 64px;
    line-height: 90px;
  }
}
.section .prolog_title_area .prolog_tit {
  background: linear-gradient(175.7deg, #FFFFFF -13.13%, #C5FDFF 165.78%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: "jalnan";
  font-weight: 400;
}
.section .prolog_title_area .prolog_text {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 28px;
  line-height: 1.09375vw;
}
@media (min-width: 2560px) {
  .section .prolog_title_area .prolog_text {
    font-size: 20px;
    line-height: 28px;
  }
}
.section .prolog_title_area .prolog_text {
  font-weight: 600;
  color: #DFFAFF;
}
.section .prolog_container_image_box {
  position: relative;
  height: 733px;
  height: calc(28.6328125 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_container_image_box {
    height: 733px;
  }
}
.section .prolog_container_image_box {
  width: 1302px;
  width: calc(50.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_container_image_box {
    width: 1302px;
  }
}
.section .prolog_container_image_box {
  overflow: hidden;
  z-index: 4;
}
.section .prolog_container_image_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.section .prolog_container_image_box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../img/prolog_container.png") center/cover no-repeat;
  z-index: 2;
}
.section .prolog_character1 {
  position: absolute;
  left: -100px;
  left: calc(-3.90625 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character1 {
    left: -100px;
  }
}
.section .prolog_character1 {
  top: 376px;
  top: calc(14.6875 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character1 {
    top: 376px;
  }
}
.section .prolog_character1 {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  z-index: 3;
}
.section .prolog_character1.is_show {
  -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;
}
.section .prolog_character1:before {
  display: inline-block;
  width: 597px;
  width: calc(23.3203125 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character1:before {
    width: 597px;
  }
}
.section .prolog_character1:before {
  height: 587px;
  height: calc(22.9296875 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character1:before {
    height: 587px;
  }
}
.section .prolog_character1:before {
  background: url(../img/braum.png) center/cover no-repeat;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  content: "";
}
.section .prolog_character2 {
  position: absolute;
  right: -400px;
  right: calc(-15.625 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character2 {
    right: -400px;
  }
}
.section .prolog_character2 {
  bottom: 0px;
  bottom: calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character2 {
    bottom: 0px;
  }
}
.section .prolog_character2 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 3;
}
.section .prolog_character2.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;
}
.section .prolog_character2:before {
  display: inline-block;
  width: 357px;
  width: calc(13.9453125 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character2:before {
    width: 357px;
  }
}
.section .prolog_character2:before {
  height: 512px;
  height: calc(20 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character2:before {
    height: 512px;
  }
}
.section .prolog_character2:before {
  background: url(../img/prolog_poros.png) center/cover no-repeat;
  -webkit-animation-delay: 0.08s;
  animation-delay: 0.08s;
  content: "";
}
.section .prolog_character3 {
  position: absolute;
  right: 250px;
  right: calc(9.765625 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character3 {
    right: 250px;
  }
}
.section .prolog_character3 {
  bottom: -150px;
  bottom: calc(-5.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character3 {
    bottom: -150px;
  }
}
.section .prolog_character3 {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 5;
}
.section .prolog_character3:before {
  display: inline-block;
  width: 408px;
  width: calc(15.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character3:before {
    width: 408px;
  }
}
.section .prolog_character3:before {
  height: 269px;
  height: calc(10.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character3:before {
    height: 269px;
  }
}
.section .prolog_character3:before {
  -webkit-animation: bouncing 1s infinite alternate;
  animation: bouncing 1s infinite alternate;
  background: url(../img/prolog_poro.png) center/cover no-repeat;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  content: "";
}
.section .prolog_character4 {
  position: absolute;
  right: -570px;
  right: calc(-22.265625 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character4 {
    right: -570px;
  }
}
.section .prolog_character4 {
  bottom: -260px;
  bottom: calc(-10.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character4 {
    bottom: -260px;
  }
}
.section .prolog_character4:before {
  display: inline-block;
  width: 2560px;
  width: calc(100 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character4:before {
    width: 2560px;
  }
}
.section .prolog_character4:before {
  height: 439px;
  height: calc(17.1484375 * 1vw);
}
@media (min-width: 2560px) {
  .section .prolog_character4:before {
    height: 439px;
  }
}
.section .prolog_character4:before {
  background: url(../img/prolog_snow.png) center/cover no-repeat;
  content: "";
}

.error_page {
  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;
  margin-top: -80px;
  height: 100%;
  background: url(../img/bg_kv.jpg) center/cover no-repeat;
  text-align: center;
}
.error_page:before {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: none;
  content: "";
}
.error_page ~ .riotbar-footer {
  display: none;
}

.error {
  position: relative;
  z-index: 10;
}
.error_title {
  font-family: "jalnan";
  font-size: 68px;
  font-size: 2.65625vw;
  line-height: 88px;
  line-height: 3.4375vw;
}
@media (min-width: 2560px) {
  .error_title {
    font-size: 68px;
    line-height: 88px;
  }
}
.error_title {
  font-weight: 400;
  color: #fff;
}
.error_desc {
  margin-top: 16px;
  margin-top: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .error_desc {
    margin-top: 16px;
  }
}
.error_desc {
  font-size: 30px;
  font-size: 1.171875vw;
  line-height: 39px;
  line-height: 1.5234375vw;
}
@media (min-width: 2560px) {
  .error_desc {
    font-size: 30px;
    line-height: 39px;
  }
}
.error_desc {
  font-weight: 600;
  color: #A1CDFF;
}
.error_link {
  display: inline-block;
  width: 280px;
  width: calc(10.9375 * 1vw);
}
@media (min-width: 2560px) {
  .error_link {
    width: 280px;
  }
}
.error_link {
  height: 70px;
  height: calc(2.734375 * 1vw);
}
@media (min-width: 2560px) {
  .error_link {
    height: 70px;
  }
}
.error_link {
  margin-top: 80px;
  margin-top: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .error_link {
    margin-top: 80px;
  }
}
.error_link {
  padding: 18px;
  padding: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .error_link {
    padding: 18px;
  }
}
.error_link {
  border-radius: 5px;
  background-color: #00438f;
  font-family: "jalnan";
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .error_link {
    font-size: 24px;
    line-height: 34px;
  }
}
.error_link {
  font-weight: 400;
  color: #fff;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.error_link:hover {
  background-color: #7B5BEA;
}

.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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 226px;
  min-height: calc(8.828125 * 1vw);
}
@media (min-width: 2560px) {
  .card {
    min-height: 226px;
  }
}
.card_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-column-gap: calc(1.171875 * 1vw);
  -moz-column-gap: calc(1.171875 * 1vw);
  column-gap: calc(1.171875 * 1vw);
}
@media (min-width: 2560px) {
  .card_group {
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
  }
}
.card_group {
  margin-top: 26px;
  margin-top: calc(1.015625 * 1vw);
}
@media (min-width: 2560px) {
  .card_group {
    margin-top: 26px;
  }
}
.card_group.type_wide {
  -webkit-column-gap: 35px;
  -moz-column-gap: 35px;
  column-gap: 35px;
  -webkit-column-gap: calc(1.3671875 * 1vw);
  -moz-column-gap: calc(1.3671875 * 1vw);
  column-gap: calc(1.3671875 * 1vw);
}
@media (min-width: 2560px) {
  .card_group.type_wide {
    -webkit-column-gap: 35px;
    -moz-column-gap: 35px;
    column-gap: 35px;
  }
}
.card_group:not(:first-child) {
  margin-top: 34px;
  margin-top: calc(1.328125 * 1vw);
}
@media (min-width: 2560px) {
  .card_group:not(:first-child) {
    margin-top: 34px;
  }
}
.card .hexagon {
  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: 0;
  left: 0;
  z-index: 10;
  top: -7px;
  top: calc(-0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .card .hexagon {
    top: -7px;
  }
}
.card .hexagon {
  left: -8px;
  left: calc(-0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .card .hexagon {
    left: -8px;
  }
}
.card .hexagon {
  width: 47px;
  width: calc(1.8359375 * 1vw);
}
@media (min-width: 2560px) {
  .card .hexagon {
    width: 47px;
  }
}
.card .hexagon {
  height: 57px;
  height: calc(2.2265625 * 1vw);
}
@media (min-width: 2560px) {
  .card .hexagon {
    height: 57px;
  }
}
.card .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card .hexagon {
  background-image: url("../img/normal.png");
  background-position: -614px -345px;
  background-position: -23.984375vw -13.4765625vw;
}
@media (min-width: 2560px) {
  .card .hexagon {
    background-position: -614px -345px;
  }
}
.card .hexagon {
  width: 47px;
  width: 1.8359375vw;
  height: 57px;
  height: 2.2265625vw;
}
@media (min-width: 2560px) {
  .card .hexagon {
    width: 47px;
    height: 57px;
  }
}
.card .hexagon .text {
  font-weight: 700;
  color: #fff;
  font-size: 30px;
  font-size: calc(1.171875 * 1vw);
}
@media (min-width: 2560px) {
  .card .hexagon .text {
    font-size: 30px;
  }
}
.card .reward {
  padding: 7px 0px 12px 20px;
  padding: calc(0.2734375 * 1vw) calc(0 * 1vw) calc(0.46875 * 1vw) calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .card .reward {
    padding: 7px 0px 12px 20px;
  }
}
.card .reward {
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(rgb(26, 64, 132)), to(rgb(6, 53, 100)));
  background-image: linear-gradient(90deg, rgb(26, 64, 132) 0%, rgb(6, 53, 100) 100%);
  border-radius: 5px;
  border-radius: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .card .reward {
    border-radius: 5px;
  }
}
.card .reward .text {
  color: #fff;
  font-weight: 800;
  text-align: center;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 21px;
  line-height: 0.8203125vw;
}
@media (min-width: 2560px) {
  .card .reward .text {
    font-size: 16px;
    line-height: 21px;
  }
}
.card .info_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-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 183px;
  min-height: calc(7.1484375 * 1vw);
}
@media (min-width: 2560px) {
  .card .info_box {
    min-height: 183px;
  }
}
.card .info_box {
  margin-top: -5px;
  margin-top: calc(-0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .card .info_box {
    margin-top: -5px;
  }
}
.card .info_box {
  padding: 16px 23px 13px 20px;
  padding: calc(0.625 * 1vw) calc(0.8984375 * 1vw) calc(0.5078125 * 1vw) calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .card .info_box {
    padding: 16px 23px 13px 20px;
  }
}
.card .info_box {
  background: linear-gradient(219.89deg, #FFFFFF -5.49%, #EEFAFF 86.43%);
  border-radius: 5px;
  border-radius: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .card .info_box {
    border-radius: 5px;
  }
}
.card .info_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.card .add_mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
  padding-right: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .card .add_mission {
    padding-right: 20px;
  }
}
.card .add_mission .title {
  color: #3E3C43;
  letter-spacing: -1px;
  letter-spacing: calc(-0.0390625 * 1vw);
}
@media (min-width: 2560px) {
  .card .add_mission .title {
    letter-spacing: -1px;
  }
}
.card .add_mission .sub_title {
  max-width: 147px;
  max-width: calc(5.7421875 * 1vw);
}
@media (min-width: 2560px) {
  .card .add_mission .sub_title {
    max-width: 147px;
  }
}
.card .add_mission .sub_title {
  font-size: 26px;
  font-size: 1.015625vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .card .add_mission .sub_title {
    font-size: 26px;
    line-height: 34px;
  }
}
.card .add_mission .sub_title {
  letter-spacing: -0.02em;
  font-weight: 700;
  color: #3E3C43;
}
.card .image_box {
  overflow: hidden;
  width: 188px;
  width: calc(7.34375 * 1vw);
}
@media (min-width: 2560px) {
  .card .image_box {
    width: 188px;
  }
}
.card .image_box {
  height: 89px;
  height: calc(3.4765625 * 1vw);
}
@media (min-width: 2560px) {
  .card .image_box {
    height: 89px;
  }
}
.card .image_box {
  border-radius: 5px;
}
.card .image_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.card .info .title {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 23px;
  line-height: 0.8984375vw;
}
@media (min-width: 2560px) {
  .card .info .title {
    font-size: 18px;
    line-height: 23px;
  }
}
.card .info .title {
  font-weight: 700;
  letter-spacing: -0.02em;
}
.card .btn_start {
  display: block;
  width: 100%;
  margin-top: 12px;
  margin-top: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .card .btn_start {
    margin-top: 12px;
  }
}
.card .btn_start {
  padding-top: 17.5px;
  padding-top: calc(0.68359375 * 1vw);
}
@media (min-width: 2560px) {
  .card .btn_start {
    padding-top: 17.5px;
  }
}
.card .btn_start {
  padding-bottom: 17.5px;
  padding-bottom: calc(0.68359375 * 1vw);
}
@media (min-width: 2560px) {
  .card .btn_start {
    padding-bottom: 17.5px;
  }
}
.card .btn_start {
  border-radius: 5px;
  border-radius: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .card .btn_start {
    border-radius: 5px;
  }
}
.card .btn_start {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "jalnan";
  font-size: 21px;
  font-size: 0.8203125vw;
  line-height: 27px;
  line-height: 1.0546875vw;
}
@media (min-width: 2560px) {
  .card .btn_start {
    font-size: 21px;
    line-height: 27px;
  }
}
.card .btn_start {
  font-weight: 400;
  color: #fff;
  text-align: center;
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
}
.card .count {
  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;
  margin-top: 9px;
  margin-top: calc(0.3515625 * 1vw);
}
@media (min-width: 2560px) {
  .card .count {
    margin-top: 9px;
  }
}
.card .count {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 21px;
  line-height: 0.8203125vw;
}
@media (min-width: 2560px) {
  .card .count {
    font-size: 16px;
    line-height: 21px;
  }
}
.card .count {
  text-align: center;
}
.card .count .text {
  margin-right: 4px;
  margin-right: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .card .count .text {
    margin-right: 4px;
  }
}
.card .count .text {
  font-weight: 600;
  color: #143C7A;
}
.card .count .success {
  margin-right: 4px;
  margin-right: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .card .count .success {
    margin-right: 4px;
  }
}
.card .count .success {
  font-weight: 600;
  color: #143C7A;
}
.card .count .total {
  font-weight: 600;
  color: #8595B4;
}
.card.level_easy .reward {
  background: linear-gradient(251.01deg, #063564 -8.62%, #1A4084 91.13%);
}
.card.level_easy .reward .text {
  margin-right: 20px;
  margin-right: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_easy .reward .text {
    margin-right: 20px;
  }
}
.card.level_easy .reward .text {
  letter-spacing: -0.02em;
}
.card.level_easy .info .title {
  color: #1C408B;
  text-align: center;
}
.card.level_easy .btn_start {
  padding-top: 15px;
  padding-top: calc(0.5859375 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_easy .btn_start {
    padding-top: 15px;
  }
}
.card.level_easy .btn_start {
  padding-bottom: 15px;
  padding-bottom: calc(0.5859375 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_easy .btn_start {
    padding-bottom: 15px;
  }
}
.card.level_easy .btn_start {
  background-color: #1C408B;
  font-size: 17px;
  font-size: 0.6640625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .card.level_easy .btn_start {
    font-size: 17px;
    line-height: 22px;
  }
}
.card.level_easy .btn_start:hover {
  background-color: #7B5BEA;
}
.card.level_easy .hexagon .text {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .card.level_easy .hexagon .text {
    font-size: 20px;
    line-height: 26px;
  }
}
.card.level_easy .hexagon .text {
  letter-spacing: -0.02em;
}
.card.level_hard .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.level_hard .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.level_hard .hexagon {
  background-image: url("../img/normal.png");
  background-position: -665px -345px;
  background-position: -25.9765625vw -13.4765625vw;
}
@media (min-width: 2560px) {
  .card.level_hard .hexagon {
    background-position: -665px -345px;
  }
}
.card.level_hard .hexagon {
  width: 47px;
  width: 1.8359375vw;
  height: 57px;
  height: 2.2265625vw;
}
@media (min-width: 2560px) {
  .card.level_hard .hexagon {
    width: 47px;
    height: 57px;
  }
}
.card.level_hard .hexagon .text {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .card.level_hard .hexagon .text {
    font-size: 20px;
    line-height: 26px;
  }
}
.card.level_hard .hexagon .text {
  letter-spacing: -0.02em;
}
.card.level_hard .reward {
  background: linear-gradient(251.01deg, #3C2695 -8.62%, #472EB0 91.13%);
}
.card.level_hard .reward .text {
  margin-right: 20px;
  margin-right: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_hard .reward .text {
    margin-right: 20px;
  }
}
.card.level_hard .reward .text {
  letter-spacing: -0.02em;
}
.card.level_hard .info .title {
  color: #3D1C8B;
  text-align: center;
}
.card.level_hard .btn_start {
  padding-top: 15px;
  padding-top: calc(0.5859375 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_hard .btn_start {
    padding-top: 15px;
  }
}
.card.level_hard .btn_start {
  padding-bottom: 15px;
  padding-bottom: calc(0.5859375 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_hard .btn_start {
    padding-bottom: 15px;
  }
}
.card.level_hard .btn_start {
  background-color: #271C8B;
  font-size: 17px;
  font-size: 0.6640625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .card.level_hard .btn_start {
    font-size: 17px;
    line-height: 22px;
  }
}
.card.level_hard .btn_start:hover {
  background-color: #7B5BEA;
}
.card.level_extreme {
  min-height: 328px;
  min-height: calc(12.8125 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme {
    min-height: 328px;
  }
}
.card.level_extreme .hexagon {
  top: -11px;
  top: calc(-0.4296875 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .hexagon {
    top: -11px;
  }
}
.card.level_extreme .hexagon {
  left: -10px;
  left: calc(-0.390625 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .hexagon {
    left: -10px;
  }
}
.card.level_extreme .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.level_extreme .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.level_extreme .hexagon {
  background-image: url("../img/normal.png");
  background-position: -614px -267px;
  background-position: -23.984375vw -10.4296875vw;
}
@media (min-width: 2560px) {
  .card.level_extreme .hexagon {
    background-position: -614px -267px;
  }
}
.card.level_extreme .hexagon {
  width: 62px;
  width: 2.421875vw;
  height: 74px;
  height: 2.890625vw;
}
@media (min-width: 2560px) {
  .card.level_extreme .hexagon {
    width: 62px;
    height: 74px;
  }
}
.card.level_extreme .reward {
  background: linear-gradient(244.48deg, #AD9532 24.58%, #CAB353 80.68%);
}
.card.level_extreme .reward .text {
  font-size: 22px;
  font-size: 0.859375vw;
  line-height: 29px;
  line-height: 1.1328125vw;
}
@media (min-width: 2560px) {
  .card.level_extreme .reward .text {
    font-size: 22px;
    line-height: 29px;
  }
}
.card.level_extreme .info_box {
  position: relative;
  min-height: 275px;
  min-height: calc(10.7421875 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .info_box {
    min-height: 275px;
  }
}
.card.level_extreme .info_box {
  padding: 35.6px 29px 27.2px 29px;
  padding: calc(1.390625 * 1vw) calc(1.1328125 * 1vw) calc(1.0625 * 1vw) calc(1.1328125 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .info_box {
    padding: 35.6px 29px 27.2px 29px;
  }
}
.card.level_extreme .info {
  margin-top: 16px;
  margin-top: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .info {
    margin-top: 16px;
  }
}
.card.level_extreme .info .title {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .card.level_extreme .info .title {
    font-size: 20px;
    line-height: 26px;
  }
}
.card.level_extreme .info .title {
  text-align: center;
  color: #846F17;
  word-break: keep-all;
}
.card.level_extreme .btn_start {
  margin-inline: auto;
  margin-top: 12.5px;
  margin-top: calc(0.48828125 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .btn_start {
    margin-top: 12.5px;
  }
}
.card.level_extreme .btn_start {
  max-width: 260px;
  max-width: calc(10.15625 * 1vw);
}
@media (min-width: 2560px) {
  .card.level_extreme .btn_start {
    max-width: 260px;
  }
}
.card.level_extreme .btn_start {
  background-color: #CAB353;
}
.card.level_extreme .btn_start:hover {
  background-color: #edd77d;
}
.card.level_extreme .count .text,
.card.level_extreme .count .success {
  color: #846F17;
}
.card.is_end {
  pointer-events: none;
}
.card.is_end:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.is_end:after {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.is_end:after {
  background-image: url("../img/normal.png");
  background-position: -144px -591px;
  background-position: -5.625vw -23.0859375vw;
}
@media (min-width: 2560px) {
  .card.is_end:after {
    background-position: -144px -591px;
  }
}
.card.is_end:after {
  width: 140px;
  width: 5.46875vw;
  height: 140px;
  height: 5.46875vw;
}
@media (min-width: 2560px) {
  .card.is_end:after {
    width: 140px;
    height: 140px;
  }
}
.card.is_end:after {
  content: "";
  pointer-events: none;
}
.card.is_end .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.is_end .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.is_end .hexagon {
  background-image: url("../img/normal.png");
  background-position: -743px -267px;
  background-position: -29.0234375vw -10.4296875vw;
}
@media (min-width: 2560px) {
  .card.is_end .hexagon {
    background-position: -743px -267px;
  }
}
.card.is_end .hexagon {
  width: 47px;
  width: 1.8359375vw;
  height: 57px;
  height: 2.2265625vw;
}
@media (min-width: 2560px) {
  .card.is_end .hexagon {
    width: 47px;
    height: 57px;
  }
}
.card.is_end .reward,
.card.is_end .btn_start {
  background: #C2C5D0;
}
.card.is_end .add_mission .sub_title,
.card.is_end .count .text,
.card.is_end .count .success,
.card.is_end .count .total,
.card.is_end .info .title {
  color: #C2C5D0;
}
.card.is_end .image_box {
  border-color: #C2C5D0;
}
.card.is_end.level_extreme .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.is_end.level_extreme .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.is_end.level_extreme .hexagon {
  background-image: url("../img/normal.png");
  background-position: -680px -267px;
  background-position: -26.5625vw -10.4296875vw;
}
@media (min-width: 2560px) {
  .card.is_end.level_extreme .hexagon {
    background-position: -680px -267px;
  }
}
.card.is_end.level_extreme .hexagon {
  width: 59px;
  width: 2.3046875vw;
  height: 71px;
  height: 2.7734375vw;
}
@media (min-width: 2560px) {
  .card.is_end.level_extreme .hexagon {
    width: 59px;
    height: 71px;
  }
}
.card.is_end.level_extreme .add_mission .image_box img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.card.is_before_start .btn_start {
  background-color: #C2C5D0;
  pointer-events: none;
}
.card.is_completed {
  pointer-events: none;
}
.card.is_completed:after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.is_completed:after {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.is_completed:after {
  background-image: url("../img/normal.png");
  background-position: 0px -591px;
  background-position: 0vw -23.0859375vw;
}
@media (min-width: 2560px) {
  .card.is_completed:after {
    background-position: 0px -591px;
  }
}
.card.is_completed:after {
  width: 140px;
  width: 5.46875vw;
  height: 140px;
  height: 5.46875vw;
}
@media (min-width: 2560px) {
  .card.is_completed:after {
    width: 140px;
    height: 140px;
  }
}
.card.is_completed:after {
  content: "";
  pointer-events: none;
}
.card.is_completed .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.is_completed .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.is_completed .hexagon {
  background-image: url("../img/normal.png");
  background-position: -743px -267px;
  background-position: -29.0234375vw -10.4296875vw;
}
@media (min-width: 2560px) {
  .card.is_completed .hexagon {
    background-position: -743px -267px;
  }
}
.card.is_completed .hexagon {
  width: 47px;
  width: 1.8359375vw;
  height: 57px;
  height: 2.2265625vw;
}
@media (min-width: 2560px) {
  .card.is_completed .hexagon {
    width: 47px;
    height: 57px;
  }
}
.card.is_completed .reward,
.card.is_completed .btn_start {
  background: #C2C5D0;
}
.card.is_completed .add_mission .sub_title,
.card.is_completed .count .text,
.card.is_completed .count .success,
.card.is_completed .count .total,
.card.is_completed .info .title {
  color: #C2C5D0;
}
.card.is_completed .image_box {
  border-color: #C2C5D0;
}
.card.is_completed.level_extreme .hexagon {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .card.is_completed.level_extreme .hexagon {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.card.is_completed.level_extreme .hexagon {
  background-image: url("../img/normal.png");
  background-position: -680px -267px;
  background-position: -26.5625vw -10.4296875vw;
}
@media (min-width: 2560px) {
  .card.is_completed.level_extreme .hexagon {
    background-position: -680px -267px;
  }
}
.card.is_completed.level_extreme .hexagon {
  width: 59px;
  width: 2.3046875vw;
  height: 71px;
  height: 2.7734375vw;
}
@media (min-width: 2560px) {
  .card.is_completed.level_extreme .hexagon {
    width: 59px;
    height: 71px;
  }
}
.card.is_completed.level_extreme .add_mission .image_box img {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.section_prize {
  height: 1135px;
  height: calc(44.3359375 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize {
    height: 1135px;
  }
}
.section_prize {
  background: url("../img/bg_prize_info.jpg") center/cover no-repeat;
  text-align: center;
}
.section_prize .inner {
  padding-top: 160px;
  padding-top: calc(6.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .inner {
    padding-top: 160px;
  }
}
.section_prize .inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.section_prize .title {
  font-family: "jalnan";
  font-size: 64px;
  font-size: 2.5vw;
  line-height: 90px;
  line-height: 3.515625vw;
}
@media (min-width: 2560px) {
  .section_prize .title {
    font-size: 64px;
    line-height: 90px;
  }
}
.section_prize .title {
  font-weight: 400;
  color: #303F5A;
}
.section_prize .desc {
  font-size: 22px;
  font-size: 0.859375vw;
  line-height: 31px;
  line-height: 1.2109375vw;
}
@media (min-width: 2560px) {
  .section_prize .desc {
    font-size: 22px;
    line-height: 31px;
  }
}
.section_prize .desc {
  font-weight: 600;
  color: rgb(36, 76, 121);
}
.section_prize .notice {
  display: block;
  margin-top: 8px;
  margin-top: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .notice {
    margin-top: 8px;
  }
}
.section_prize .notice {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section_prize .notice {
    font-size: 18px;
    line-height: 25px;
  }
}
.section_prize .notice {
  font-weight: 600;
  color: #6D93BE;
}
.section_prize .date_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  gap: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .date_area {
    gap: 20px;
  }
}
.section_prize .date_area {
  margin-top: 32px;
  margin-top: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .date_area {
    margin-top: 32px;
  }
}
.section_prize .date_area {
  padding: 14px 48px;
  padding: calc(0.546875 * 1vw) calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .date_area {
    padding: 14px 48px;
  }
}
.section_prize .date_area {
  border-radius: 80px;
  border-radius: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .date_area {
    border-radius: 80px;
  }
}
.section_prize .date_area {
  background-color: #303F5A;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_prize .date_area {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_prize .date_area {
  font-weight: 600;
  color: rgb(223, 250, 255);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_prize .date_area .text {
  font-weight: 800;
}
.section_prize .prize_info_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  gap: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_area {
    gap: 20px;
  }
}
.section_prize .prize_info_area {
  margin-top: 40px;
  margin-top: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_area {
    margin-top: 40px;
  }
}
.section_prize .prize_info_area .ranking_text,
.section_prize .prize_info_area .prize_money {
  display: block;
  font-family: "jalnan";
  font-weight: 400;
  color: #125A8E;
}
.section_prize .prize_info_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-sizing: border-box;
  box-sizing: border-box;
}
.section_prize .prize_info_card .image {
  margin-bottom: auto;
}
.section_prize .prize_info_card .image img {
  margin: 0 auto;
}
.section_prize .prize_info_card.side {
  width: 220px;
  width: calc(8.59375 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side {
    width: 220px;
  }
}
.section_prize .prize_info_card.side {
  height: 260px;
  height: calc(10.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side {
    height: 260px;
  }
}
.section_prize .prize_info_card.side {
  padding: 39px 40px 36px;
  padding: calc(1.5234375 * 1vw) calc(1.5625 * 1vw) calc(1.40625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side {
    padding: 39px 40px 36px;
  }
}
.section_prize .prize_info_card.side {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_prize .prize_info_card.side {
  background-image: url("../img/normal.png");
  background-position: -614px 0px;
  background-position: -23.984375vw 0vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side {
    background-position: -614px 0px;
  }
}
.section_prize .prize_info_card.side {
  width: 223px;
  width: 8.7109375vw;
  height: 263px;
  height: 10.2734375vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side {
    width: 223px;
    height: 263px;
  }
}
.section_prize .prize_info_card.side .image {
  width: 140px;
  width: calc(5.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side .image {
    width: 140px;
  }
}
.section_prize .prize_info_card.side .image {
  height: 120px;
  height: calc(4.6875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side .image {
    height: 120px;
  }
}
.section_prize .prize_info_card.side .ranking_text {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 21px;
  line-height: 0.8203125vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side .ranking_text {
    font-size: 16px;
    line-height: 21px;
  }
}
.section_prize .prize_info_card.side .prize_money {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 28px;
  line-height: 1.09375vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.side .prize_money {
    font-size: 20px;
    line-height: 28px;
  }
}
.section_prize .prize_info_card.middle {
  width: 280px;
  width: calc(10.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle {
    width: 280px;
  }
}
.section_prize .prize_info_card.middle {
  height: 332px;
  height: calc(12.96875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle {
    height: 332px;
  }
}
.section_prize .prize_info_card.middle {
  padding: 32px 40px 48px;
  padding: calc(1.25 * 1vw) calc(1.5625 * 1vw) calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle {
    padding: 32px 40px 48px;
  }
}
.section_prize .prize_info_card.middle {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_prize .prize_info_card.middle {
  background-image: url("../img/normal.png");
  background-position: -327px 0px;
  background-position: -12.7734375vw 0vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle {
    background-position: -327px 0px;
  }
}
.section_prize .prize_info_card.middle {
  width: 283px;
  width: 11.0546875vw;
  height: 335px;
  height: 13.0859375vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle {
    width: 283px;
    height: 335px;
  }
}
.section_prize .prize_info_card.middle .image {
  width: 200px;
  width: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle .image {
    width: 200px;
  }
}
.section_prize .prize_info_card.middle .image {
  height: 172px;
  height: calc(6.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle .image {
    height: 172px;
  }
}
.section_prize .prize_info_card.middle .ranking_text {
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 28px;
  line-height: 1.09375vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle .ranking_text {
    font-size: 20px;
    line-height: 28px;
  }
}
.section_prize .prize_info_card.middle .prize_money {
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.middle .prize_money {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_prize .prize_info_card.center {
  width: 320px;
  width: calc(12.5 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center {
    width: 320px;
  }
}
.section_prize .prize_info_card.center {
  height: 400px;
  height: calc(15.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center {
    height: 400px;
  }
}
.section_prize .prize_info_card.center {
  padding: 37px 40px 54px;
  padding: calc(1.4453125 * 1vw) calc(1.5625 * 1vw) calc(2.109375 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center {
    padding: 37px 40px 54px;
  }
}
.section_prize .prize_info_card.center {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_prize .prize_info_card.center {
  background-image: url("../img/normal.png");
  background-position: 0px 0px;
  background-position: 0vw 0vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center {
    background-position: 0px 0px;
  }
}
.section_prize .prize_info_card.center {
  width: 323px;
  width: 12.6171875vw;
  height: 403px;
  height: 15.7421875vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center {
    width: 323px;
    height: 403px;
  }
}
.section_prize .prize_info_card.center .image {
  width: 233px;
  width: calc(9.1015625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center .image {
    width: 233px;
  }
}
.section_prize .prize_info_card.center .image {
  height: 220px;
  height: calc(8.59375 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center .image {
    height: 220px;
  }
}
.section_prize .prize_info_card.center .ranking_text,
.section_prize .prize_info_card.center .prize_money {
  color: #D49E27;
}
.section_prize .prize_info_card.center .ranking_text {
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center .ranking_text {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_prize .prize_info_card.center .prize_money {
  font-size: 30px;
  font-size: 1.171875vw;
  line-height: 42px;
  line-height: 1.640625vw;
}
@media (min-width: 2560px) {
  .section_prize .prize_info_card.center .prize_money {
    font-size: 30px;
    line-height: 42px;
  }
}
.section_prize .notice_list {
  margin-right: auto;
  margin-top: 40px;
  margin-top: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .notice_list {
    margin-top: 40px;
  }
}
.section_prize .notice_list {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_prize .notice_list {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_prize .notice_list {
  color: rgb(62, 120, 147);
  text-align: left;
}
.section_prize .character {
  position: absolute;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
}
.section_prize .character::before {
  display: inline-block;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  content: "";
}
.section_prize .character_first {
  top: 637px;
  top: calc(24.8828125 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_first {
    top: 637px;
  }
}
.section_prize .character_first {
  left: 50%;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: -810px;
  margin-left: calc(-31.640625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_first {
    margin-left: -810px;
  }
}
.section_prize .character_first::before {
  width: 313px;
  width: calc(12.2265625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_first::before {
    width: 313px;
  }
}
.section_prize .character_first::before {
  height: 281px;
  height: calc(10.9765625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_first::before {
    height: 281px;
  }
}
.section_prize .character_first::before {
  background-image: url("../img/character_poro_1.png");
}
.section_prize .character_first.is_show {
  -webkit-animation: slideRight 1s cubic-bezier(0, 0.71, 0, 1) 0.5s forwards;
  animation: slideRight 1s cubic-bezier(0, 0.71, 0, 1) 0.5s forwards;
}
.section_prize .character_second {
  top: 668px;
  top: calc(26.09375 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_second {
    top: 668px;
  }
}
.section_prize .character_second {
  left: 50%;
  margin-left: 827px;
  margin-left: calc(32.3046875 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_second {
    margin-left: 827px;
  }
}
.section_prize .character_second::before {
  width: 409px;
  width: calc(15.9765625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_second::before {
    width: 409px;
  }
}
.section_prize .character_second::before {
  height: 296px;
  height: calc(11.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_prize .character_second::before {
    height: 296px;
  }
}
.section_prize .character_second::before {
  background-image: url("../img/character_poro_2.png");
}
.section_prize .character_second.is_show {
  -webkit-animation: slideLeft 1s cubic-bezier(0, 0.71, 0, 1) 1s forwards;
  animation: slideLeft 1s cubic-bezier(0, 0.71, 0, 1) 1s forwards;
}

.section_ranking {
  height: 4726px;
  height: calc(184.609375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking {
    height: 4726px;
  }
}
.section_ranking {
  background: url("../img/bg_ranking.jpg") center/cover no-repeat;
}
.section_ranking.type_short {
  height: 1276px;
  height: calc(49.84375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking.type_short {
    height: 1276px;
  }
}
.section_ranking.type_short {
  background: url("../img/bg_ranking_short.jpg") center/cover no-repeat;
}
.section_ranking.type_short .hide_on_short {
  display: none;
}
.section_ranking .inner {
  padding-top: 160px;
  padding-top: calc(6.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .inner {
    padding-top: 160px;
  }
}
.section_ranking .title {
  position: relative;
  margin: 0 auto;
  padding: 0px 60px;
  padding: calc(0 * 1vw) calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .title {
    padding: 0px 60px;
  }
}
.section_ranking .title {
  font-family: "jalnan";
  background: -webkit-gradient(linear, left bottom, left top, from(#DBFFFF), to(#FFFFFF));
  background: linear-gradient(0deg, #DBFFFF 0%, #FFFFFF 100%);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 68px;
  font-size: 2.65625vw;
  line-height: 88px;
  line-height: 3.4375vw;
}
@media (min-width: 2560px) {
  .section_ranking .title {
    font-size: 68px;
    line-height: 88px;
  }
}
.section_ranking .title {
  font-weight: 400;
  color: transparent;
  text-align: center;
}
.section_ranking .title::before {
  position: absolute;
  left: 0;
  top: 7px;
  top: calc(0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .title::before {
    top: 7px;
  }
}
.section_ranking .title::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .title::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .title::before {
  background-image: url("../img/normal.png");
  background-position: -794px -267px;
  background-position: -31.015625vw -10.4296875vw;
}
@media (min-width: 2560px) {
  .section_ranking .title::before {
    background-position: -794px -267px;
  }
}
.section_ranking .title::before {
  width: 40px;
  width: 1.5625vw;
  height: 56px;
  height: 2.1875vw;
}
@media (min-width: 2560px) {
  .section_ranking .title::before {
    width: 40px;
    height: 56px;
  }
}
.section_ranking .title::before {
  content: "";
}
.section_ranking .title::after {
  position: absolute;
  right: 0;
  top: 7px;
  top: calc(0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .title::after {
    top: 7px;
  }
}
.section_ranking .title::after {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .title::after {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .title::after {
  background-image: url("../img/normal.png");
  background-position: -327px -339px;
  background-position: -12.7734375vw -13.2421875vw;
}
@media (min-width: 2560px) {
  .section_ranking .title::after {
    background-position: -327px -339px;
  }
}
.section_ranking .title::after {
  width: 40px;
  width: 1.5625vw;
  height: 58px;
  height: 2.265625vw;
}
@media (min-width: 2560px) {
  .section_ranking .title::after {
    width: 40px;
    height: 58px;
  }
}
.section_ranking .title::after {
  content: "";
}
.section_ranking .date_text {
  display: block;
  margin-bottom: 20px;
  margin-bottom: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .date_text {
    margin-bottom: 20px;
  }
}
.section_ranking .date_text {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_ranking .date_text {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_ranking .date_text {
  font-weight: 600;
  color: rgb(159, 167, 201);
  text-align: right;
}
.section_ranking table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
.section_ranking table .col_1 {
  width: 84px;
  width: calc(3.28125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_1 {
    width: 84px;
  }
}
.section_ranking table .col_2 {
  width: 67px;
  width: calc(2.6171875 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_2 {
    width: 67px;
  }
}
.section_ranking table .col_3 {
  width: 260px;
  width: calc(10.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_3 {
    width: 260px;
  }
}
.section_ranking table .col_4 {
  width: 216px;
  width: calc(8.4375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_4 {
    width: 216px;
  }
}
.section_ranking table .col_5 {
  width: 141px;
  width: calc(5.5078125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_5 {
    width: 141px;
  }
}
.section_ranking table .col_6 {
  width: 159px;
  width: calc(6.2109375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_6 {
    width: 159px;
  }
}
.section_ranking table .col_7 {
  width: 234px;
  width: calc(9.140625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_7 {
    width: 234px;
  }
}
.section_ranking table .col_8 {
  width: 159px;
  width: calc(6.2109375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table .col_8 {
    width: 159px;
  }
}
.section_ranking table thead {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_ranking table thead th {
  position: relative;
  padding: 24px 0px 19px;
  padding: calc(0.9375 * 1vw) calc(0 * 1vw) calc(0.7421875 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking table thead th {
    padding: 24px 0px 19px;
  }
}
.section_ranking table thead th {
  font-weight: 400;
}
.section_ranking .table_wrap {
  overflow: hidden;
  margin-top: 60px;
  margin-top: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .table_wrap {
    margin-top: 60px;
  }
}
.section_ranking .thead_wrap {
  padding: 0px 40px;
  padding: calc(0 * 1vw) calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .thead_wrap {
    padding: 0px 40px;
  }
}
.section_ranking .thead_wrap {
  border-radius: 5px 5px 0px 0px;
  border-radius: calc(0.1953125 * 1vw) calc(0.1953125 * 1vw) calc(0 * 1vw) calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .thead_wrap {
    border-radius: 5px 5px 0px 0px;
  }
}
.section_ranking .thead_wrap {
  background: -webkit-gradient(linear, left top, left bottom, from(#00438F), color-stop(240.71%, #020744));
  background: linear-gradient(180deg, #00438F 0%, #020744 240.71%);
}
.section_ranking .tbody_wrap {
  padding: 40px;
  padding: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tbody_wrap {
    padding: 40px;
  }
}
.section_ranking .tbody_wrap {
  border-radius: 0px 0px 5px 5px;
  border-radius: calc(0 * 1vw) calc(0 * 1vw) calc(0.1953125 * 1vw) calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tbody_wrap {
    border-radius: 0px 0px 5px 5px;
  }
}
.section_ranking .tbody_wrap {
  background-color: rgb(0, 14, 63);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_ranking .tbl_head {
  width: 1320px;
  width: calc(51.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tbl_head {
    width: 1320px;
  }
}
.section_ranking .tbl_head {
  height: 68px;
  height: calc(2.65625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tbl_head {
    height: 68px;
  }
}
.section_ranking .tbl_head {
  font-family: "jalnan";
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section_ranking .tbl_head {
    font-size: 18px;
    line-height: 25px;
  }
}
.section_ranking .tbl_head {
  font-weight: 400;
  color: rgb(227, 246, 251);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_ranking .btn_tooltip {
  width: 16px;
  width: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    width: 16px;
  }
}
.section_ranking .btn_tooltip {
  height: 16px;
  height: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    height: 16px;
  }
}
.section_ranking .btn_tooltip {
  margin-left: 8px;
  margin-left: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    margin-left: 8px;
  }
}
.section_ranking .btn_tooltip {
  vertical-align: -1px;
  vertical-align: calc(-0.0390625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    vertical-align: -1px;
  }
}
.section_ranking .btn_tooltip {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .btn_tooltip {
  background-image: url("../img/normal.png");
  background-position: -371px -339px;
  background-position: -14.4921875vw -13.2421875vw;
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    background-position: -371px -339px;
  }
}
.section_ranking .btn_tooltip {
  width: 16px;
  width: 0.625vw;
  height: 16px;
  height: 0.625vw;
}
@media (min-width: 2560px) {
  .section_ranking .btn_tooltip {
    width: 16px;
    height: 16px;
  }
}
.section_ranking .tooltip_area {
  font-family: "pretendard";
  position: absolute;
  right: 7px;
  right: calc(0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    right: 7px;
  }
}
.section_ranking .tooltip_area {
  width: 381px;
  width: calc(14.8828125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    width: 381px;
  }
}
.section_ranking .tooltip_area {
  height: 72px;
  height: calc(2.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    height: 72px;
  }
}
.section_ranking .tooltip_area {
  margin-top: 11px;
  margin-top: calc(0.4296875 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    margin-top: 11px;
  }
}
.section_ranking .tooltip_area {
  padding: 16px;
  padding: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    padding: 16px;
  }
}
.section_ranking .tooltip_area {
  border-radius: 8px;
  border-radius: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    border-radius: 8px;
  }
}
.section_ranking .tooltip_area {
  background-color: rgb(251, 249, 255);
  font-size: 14px;
  font-size: 0.546875vw;
  line-height: 20px;
  line-height: 0.78125vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area {
    font-size: 14px;
    line-height: 20px;
  }
}
.section_ranking .tooltip_area {
  font-weight: 600;
  color: rgb(0, 67, 143);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10;
}
.section_ranking .tooltip_area::before {
  position: absolute;
  top: -12px;
  top: calc(-0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    top: -12px;
  }
}
.section_ranking .tooltip_area::before {
  right: 38px;
  right: calc(1.484375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    right: 38px;
  }
}
.section_ranking .tooltip_area::before {
  width: 16px;
  width: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    width: 16px;
  }
}
.section_ranking .tooltip_area::before {
  height: 14px;
  height: calc(0.546875 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    height: 14px;
  }
}
.section_ranking .tooltip_area::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .tooltip_area::before {
  background-image: url("../img/normal.png");
  background-position: -391px -339px;
  background-position: -15.2734375vw -13.2421875vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    background-position: -391px -339px;
  }
}
.section_ranking .tooltip_area::before {
  width: 17px;
  width: 0.6640625vw;
  height: 15px;
  height: 0.5859375vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area::before {
    width: 17px;
    height: 15px;
  }
}
.section_ranking .tooltip_area::before {
  content: "";
}
.section_ranking .tooltip_area .btn_tooltip_close {
  position: absolute;
  top: 4px;
  top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    top: 4px;
  }
}
.section_ranking .tooltip_area .btn_tooltip_close {
  right: 4px;
  right: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    right: 4px;
  }
}
.section_ranking .tooltip_area .btn_tooltip_close {
  width: 20px;
  width: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    width: 20px;
  }
}
.section_ranking .tooltip_area .btn_tooltip_close {
  height: 20px;
  height: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    height: 20px;
  }
}
.section_ranking .tooltip_area .btn_tooltip_close {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .tooltip_area .btn_tooltip_close {
  background-image: url("../img/normal.png");
  background-position: -764px -373px;
  background-position: -29.84375vw -14.5703125vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    background-position: -764px -373px;
  }
}
.section_ranking .tooltip_area .btn_tooltip_close {
  width: 20px;
  width: 0.78125vw;
  height: 20px;
  height: 0.78125vw;
}
@media (min-width: 2560px) {
  .section_ranking .tooltip_area .btn_tooltip_close {
    width: 20px;
    height: 20px;
  }
}
.section_ranking .tbl_body {
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section_ranking .tbl_body {
    font-size: 18px;
    line-height: 25px;
  }
}
.section_ranking .tbl_body {
  font-weight: 600;
  color: rgb(96, 110, 161);
  text-align: center;
}
.section_ranking .tbl_body tr + tr {
  border-top: 1px solid rgb(37, 51, 99);
}
.section_ranking .tbl_body td {
  height: 74px;
  height: calc(2.890625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .tbl_body td {
    height: 74px;
  }
}
.section_ranking .tbl_body td {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.section_ranking .ranking,
.section_ranking .name,
.section_ranking .nickname,
.section_ranking .total {
  color: #fff;
}
.section_ranking .name,
.section_ranking .nickname {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.section_ranking .nickname {
  max-width: 185px;
  max-width: calc(7.2265625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .nickname {
    max-width: 185px;
  }
}
.section_ranking .nickname {
  margin: 0 auto;
}
.section_ranking .profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  gap: calc(0.390625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .profile {
    gap: 10px;
  }
}
.section_ranking .profile {
  padding-left: 26px;
  padding-left: calc(1.015625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .profile {
    padding-left: 26px;
  }
}
.section_ranking .profile .image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 40px;
  width: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .profile .image {
    width: 40px;
  }
}
.section_ranking .profile .image {
  height: 40px;
  height: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .profile .image {
    height: 40px;
  }
}
.section_ranking .profile .image {
  -webkit-box-shadow: rgb(173, 133, 82) 0 0 0 2px;
  -khtml-box-shadow: rgb(173, 133, 82) 0 0 0 2px;
  -moz-box-shadow: rgb(173, 133, 82) 0 0 0 2px;
  -ms-box-shadow: rgb(173, 133, 82) 0 0 0 2px;
  -o-box-shadow: rgb(173, 133, 82) 0 0 0 2px;
  box-shadow: rgb(173, 133, 82) 0 0 0 2px;
  border-radius: 50%;
  overflow: hidden;
}
.section_ranking .profile .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section_ranking .status {
  position: relative;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_ranking .status {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_ranking .status {
  color: rgb(96, 110, 161);
}
.section_ranking .status::before {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
}
.section_ranking .status.up {
  padding-left: 16px;
  padding-left: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .status.up {
    padding-left: 16px;
  }
}
.section_ranking .status.up {
  color: rgb(255, 71, 74);
}
.section_ranking .status.up::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .status.up::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .status.up::before {
  background-image: url("../img/normal.png");
  background-position: -759px -328px;
  background-position: -29.6484375vw -12.8125vw;
}
@media (min-width: 2560px) {
  .section_ranking .status.up::before {
    background-position: -759px -328px;
  }
}
.section_ranking .status.up::before {
  width: 12px;
  width: 0.46875vw;
  height: 8px;
  height: 0.3125vw;
}
@media (min-width: 2560px) {
  .section_ranking .status.up::before {
    width: 12px;
    height: 8px;
  }
}
.section_ranking .status.down {
  padding-left: 16px;
  padding-left: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .status.down {
    padding-left: 16px;
  }
}
.section_ranking .status.down {
  color: rgb(86, 165, 255);
}
.section_ranking .status.down::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .status.down::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .status.down::before {
  background-image: url("../img/normal.png");
  background-position: -743px -328px;
  background-position: -29.0234375vw -12.8125vw;
}
@media (min-width: 2560px) {
  .section_ranking .status.down::before {
    background-position: -743px -328px;
  }
}
.section_ranking .status.down::before {
  width: 12px;
  width: 0.46875vw;
  height: 8px;
  height: 0.3125vw;
}
@media (min-width: 2560px) {
  .section_ranking .status.down::before {
    width: 12px;
    height: 8px;
  }
}
.section_ranking .ranking {
  position: relative;
  font-weight: 900;
}
.section_ranking .ranking::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
}
.section_ranking .ranking.rank_1st {
  color: rgb(255, 217, 147);
}
.section_ranking .ranking.rank_1st::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_1st::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .ranking.rank_1st::before {
  background-image: url("../img/normal.png");
  background-position: -716px -345px;
  background-position: -27.96875vw -13.4765625vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_1st::before {
    background-position: -716px -345px;
  }
}
.section_ranking .ranking.rank_1st::before {
  width: 44px;
  width: 1.71875vw;
  height: 24px;
  height: 0.9375vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_1st::before {
    width: 44px;
    height: 24px;
  }
}
.section_ranking .ranking.rank_2nd {
  color: rgb(255, 255, 255);
}
.section_ranking .ranking.rank_2nd::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_2nd::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .ranking.rank_2nd::before {
  background-image: url("../img/normal.png");
  background-position: -764px -345px;
  background-position: -29.84375vw -13.4765625vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_2nd::before {
    background-position: -764px -345px;
  }
}
.section_ranking .ranking.rank_2nd::before {
  width: 44px;
  width: 1.71875vw;
  height: 24px;
  height: 0.9375vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_2nd::before {
    width: 44px;
    height: 24px;
  }
}
.section_ranking .ranking.rank_3rd {
  color: rgb(226, 196, 116);
}
.section_ranking .ranking.rank_3rd::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_3rd::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .ranking.rank_3rd::before {
  background-image: url("../img/normal.png");
  background-position: -716px -373px;
  background-position: -27.96875vw -14.5703125vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_3rd::before {
    background-position: -716px -373px;
  }
}
.section_ranking .ranking.rank_3rd::before {
  width: 44px;
  width: 1.71875vw;
  height: 24px;
  height: 0.9375vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking.rank_3rd::before {
    width: 44px;
    height: 24px;
  }
}
.section_ranking .count,
.section_ranking .date {
  color: rgb(96, 110, 161);
}
.section_ranking .link_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  gap: 8px;
  gap: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .link_box {
    gap: 8px;
  }
}
.section_ranking .link_box {
  width: 88px;
  width: calc(3.4375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .link_box {
    width: 88px;
  }
}
.section_ranking .link_box {
  margin: 0 auto;
}
.section_ranking .link {
  position: relative;
  width: 40px;
  width: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .link {
    width: 40px;
  }
}
.section_ranking .link {
  height: 40px;
  height: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .link {
    height: 40px;
  }
}
.section_ranking .link {
  border-radius: 50%;
  background-color: rgb(27, 32, 91);
}
.section_ranking .link::before {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 18px;
  width: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .link::before {
    width: 18px;
  }
}
.section_ranking .link::before {
  height: 18px;
  height: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .link::before {
    height: 18px;
  }
}
.section_ranking .link::before {
  content: "";
}
.section_ranking .link_sns::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .link_sns::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .link_sns::before {
  background-image: url("../img/normal.png");
  background-position: -788px -373px;
  background-position: -30.78125vw -14.5703125vw;
}
@media (min-width: 2560px) {
  .section_ranking .link_sns::before {
    background-position: -788px -373px;
  }
}
.section_ranking .link_sns::before {
  width: 19px;
  width: 0.7421875vw;
  height: 19px;
  height: 0.7421875vw;
}
@media (min-width: 2560px) {
  .section_ranking .link_sns::before {
    width: 19px;
    height: 19px;
  }
}
.section_ranking .link_channel::before {
  -webkit-background-size: 837px 731px;
  background-size: 837px 731px;
  -webkit-background-size: 32.6953125vw 28.5546875vw;
  background-size: 32.6953125vw 28.5546875vw;
}
@media (min-width: 2560px) {
  .section_ranking .link_channel::before {
    -webkit-background-size: 837px 731px;
    background-size: 837px 731px;
  }
}
.section_ranking .link_channel::before {
  background-image: url("../img/normal.png");
  background-position: -811px -373px;
  background-position: -31.6796875vw -14.5703125vw;
}
@media (min-width: 2560px) {
  .section_ranking .link_channel::before {
    background-position: -811px -373px;
  }
}
.section_ranking .link_channel::before {
  width: 17px;
  width: 0.6640625vw;
  height: 19px;
  height: 0.7421875vw;
}
@media (min-width: 2560px) {
  .section_ranking .link_channel::before {
    width: 17px;
    height: 19px;
  }
}
.section_ranking .btn_view {
  font-family: "jalnan";
  display: block;
  margin: 0 auto;
  width: 280px;
  width: calc(10.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_view {
    width: 280px;
  }
}
.section_ranking .btn_view {
  margin-top: 32px;
  margin-top: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_view {
    margin-top: 32px;
  }
}
.section_ranking .btn_view {
  padding: 18px 0px;
  padding: calc(0.703125 * 1vw) calc(0 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_view {
    padding: 18px 0px;
  }
}
.section_ranking .btn_view {
  border-radius: 5px;
  border-radius: calc(0.1953125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .btn_view {
    border-radius: 5px;
  }
}
.section_ranking .btn_view {
  background-color: rgb(0, 67, 143);
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .section_ranking .btn_view {
    font-size: 24px;
    line-height: 34px;
  }
}
.section_ranking .btn_view {
  font-weight: 400;
  color: #fff;
}
.section_ranking .btn_view:hover {
  -webkit-transition: background-color 0.3s linear;
  transition: background-color 0.3s linear;
  background-color: rgb(123, 91, 234);
}
.section_ranking .notice_list {
  margin-top: 40px;
  margin-top: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .notice_list {
    margin-top: 40px;
  }
}
.section_ranking .notice_list .notice_item {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_ranking .notice_list .notice_item {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_ranking .notice_list .notice_item {
  color: rgb(71, 82, 121);
}
.section_ranking .ranking_before_guide {
  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: 200px;
  padding: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .ranking_before_guide {
    padding: 200px;
  }
}
.section_ranking .ranking_before_guide .guide_title {
  font-family: "jalnan";
  font-size: 32px;
  font-size: 1.25vw;
  line-height: 45px;
  line-height: 1.7578125vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking_before_guide .guide_title {
    font-size: 32px;
    line-height: 45px;
  }
}
.section_ranking .ranking_before_guide .guide_title {
  font-weight: 400;
  color: #fff;
}
.section_ranking .ranking_before_guide .guide_desc {
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section_ranking .ranking_before_guide .guide_desc {
    margin-top: 4px;
  }
}
.section_ranking .ranking_before_guide .guide_desc {
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section_ranking .ranking_before_guide .guide_desc {
    font-size: 16px;
    line-height: 22px;
  }
}
.section_ranking .ranking_before_guide .guide_desc {
  color: rgb(156, 169, 215);
}

.fortune_inner {
  position: relative;
  padding: 40px 20px 75px;
  width: 100%;
  background-color: #F8FDFF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fortune_tit {
  padding-top: 60px;
  width: 100%;
  text-align: center;
  font-size: 28px;
  line-height: 39px;
  color: #303F5A;
  font-family: "jalnan";
  font-weight: 400;
}
.fortune_desc_box {
  width: 100%;
  text-align: center;
}
.fortune_desc_box .fortune_desc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  color: #303F5A;
  font-weight: 600;
}
.fortune_desc_box .fortune_desc .fortune_user_name {
  color: #5A34CD;
}
.fortune_intro_desc {
  width: 300px;
  height: 101px;
  margin: 0 auto;
  overflow: hidden;
}
.fortune_intro_desc img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.fortune_card_box {
  position: relative;
  width: 320px;
  height: 496px;
  margin: 20px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.fortune_card_box .fortune_character_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.fortune_character_desc_box {
  margin-top: 16px;
  text-align: center;
}
.fortune_character_desc_box .fortune_character_desc {
  color: #303F5A;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  word-break: keep-all;
}
.fortune_share_box {
  width: 184px;
  margin: 20px auto 0;
  text-align: center;
}
.fortune_share_box .fortune_share_tit {
  color: #848B8E;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
}
.fortune_share_box .fortune_share_btn_area {
  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;
  margin-top: 16px;
}
.fortune_share_box .fortune_share_btn_area .share_btn {
  width: 48px;
  height: 48px;
  overflow: hidden;
  border-radius: 50%;
}
.fortune_share_box .fortune_share_btn_area .share_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}