@charset "UTF-8";
/* flex containers에 적용 */
/* flex items에 적용 */
/** 사용 예시
 	// 속성, 값, 최소값(기본값 0; 생략가능)
	* @include vw-convert-pc(margin, (20, auto, 40, auto), 10)
	* @include vw-convert-pc(width, 1200);
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
table,
th,
td,
form,
fieldset,
legend,
textarea,
input,
select,
textarea,
button,
article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
  margin: 0;
  padding: 0;
}

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

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

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

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

ul,
ol {
  list-style: none;
}

button {
  overflow: visible;
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

button:disabled {
  cursor: default;
}

button::-moz-focus-inner {
  padding: 0;
  margin: -1px;
}

input,
button,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
  -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;
}

body,
input,
select,
textarea,
button {
  font-family: "pretendard", sans-serif;
}

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

.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.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  transition-timing-function: cubic-bezier(0.39, 0.58, 0.57, 1);
  -webkit-transition-delay: calc(var(--i) * 0.15s);
  transition-delay: calc(var(--i) * 0.15s);
}
.animate.is_show {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.animate_zoom {
  opacity: 0;
}
.animate_zoom.is_show {
  -webkit-animation: zoom-fade 0.5s calc(var(--i) * 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);
}

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

@keyframes zoom-fade {
  from {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
.riotbar-footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

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

.semibold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

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

@keyframes fadeIn {
  0% {
    opacity: 0.0001;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes bouncing {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes bouncing {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes slideLeft {
  100% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
  }
}
@keyframes slideLeft {
  100% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
  }
}
@-webkit-keyframes slideRight {
  100% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
  }
}
@keyframes slideRight {
  100% {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    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;
  }
}
.is_lock {
  overflow: hidden;
  position: fixed !important;
  left: 0;
  width: 100%;
  overscroll-behavior-y: none;
}

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

/* 호버 이미지 프리로드 — 첫 호버 시 깜빡임 방지 */
body::after {
  content: url("/2026leagues2/img/btn-hover-b196cf3c44c71171693cbd227b30de8f.png") url("/2026leagues2/img/btn-medium-hover-9d72e0f5870f0dfa80d2009f3a6359ca.png") url("/2026leagues2/img/btn_locke-hover-21866fdb7798f2f049e665e5bdedb127.png") url("/2026leagues2/img/btn_lookup-hover-c79c2fdda74f5de98214123a0661a5bc.png") url("/2026leagues2/img/btn_playtime-hover-c79c2fdda74f5de98214123a0661a5bc.png") url("/2026leagues2/img/btn_reward-hover-22d156da2e894fd0b0609dab1dfc95d9.png") url("/2026leagues2/img/btn_reward-big-hover-6e59e0af390aad83da29e4246567e831.png") url("/2026leagues2/img/btn_rewards-hover-6eebc0061c94da3dd99cd918f0926053.png");
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}

@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url(/2026leagues2/font/Pretendard-Regular-37eb08321a72dcebeb5cff304ad3967b.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url(/2026leagues2/font/Pretendard-Medium-7bab4a8a2580411ea263b78fb93436fa.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url(/2026leagues2/font/Pretendard-SemiBold-461720124becc9594739cd6750835c38.woff) format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url(/2026leagues2/font/Pretendard-Bold-9c1a831be7b4b65bf2093a33a3e2e05a.woff) format("woff");
}
.wrap {
  overflow: hidden;
}

.section-kv {
  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;
  overflow: hidden;
  margin-top: -80px;
  min-height: 620px;
  min-height: max(620px, 100vh);
}
.section-kv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(-4.55%, rgba(0, 0, 0, 0.7)), color-stop(73.45%, rgba(102, 102, 102, 0)));
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) -4.55%, rgba(102, 102, 102, 0) 73.45%);
  pointer-events: none;
  z-index: 1;
}
.section-kv__video {
  pointer-events: none;
  z-index: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.section-kv__inner {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  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;
  gap: 70px;
  gap: calc(2.734375 * 1vw);
  bottom: 58px;
  bottom: calc(2.265625 * 1vw);
}
@media (min-width: 2560px) {
  .section-kv__inner {
    gap: 70px;
  }
}
@media (min-width: 2560px) {
  .section-kv__inner {
    bottom: 58px;
  }
}
.section-kv__inner::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("/2026leagues2/img/kv_shadow-9e588d2e31ebda71ae748ec15d74bcfd.png") no-repeat center/100% 100%;
  -webkit-filter: blur(100px);
  filter: blur(100px);
  pointer-events: none;
  width: 1482px;
  width: calc(57.890625 * 1vw);
  height: 898px;
  height: calc(35.078125 * 1vw);
}
@media (min-width: 2560px) {
  .section-kv__inner::before {
    width: 1482px;
  }
}
@media (min-width: 2560px) {
  .section-kv__inner::before {
    height: 898px;
  }
}

.kv-info-box {
  position: relative;
  z-index: 1;
  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;
}
.kv-info-box__title {
  width: 701px;
  width: calc(27.3828125 * 1vw);
}
@media (min-width: 2560px) {
  .kv-info-box__title {
    width: 701px;
  }
}
.kv-info-box__title img {
  display: block;
  width: 100%;
  height: auto;
}
.kv-info-box__desc {
  color: #fff;
  font-weight: 600;
  text-align: center;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  margin-top: 5px;
  margin-top: calc(0.1953125 * 1vw);
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .kv-info-box__desc {
    margin-top: 5px;
  }
}
@media (min-width: 2560px) {
  .kv-info-box__desc {
    font-size: 24px;
    line-height: 34px;
  }
}
.kv-info-box__btn {
  margin-top: 30px;
  margin-top: calc(1.171875 * 1vw);
}
@media (min-width: 2560px) {
  .kv-info-box__btn {
    margin-top: 30px;
  }
}

.btn-medium {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("/2026leagues2/img/btn-medium-de02282dfb57f3bb8d0dd333db32063c.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-align: center;
  text-decoration: none;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
  /* hover 이미지를 항상 페인트해 첫 호버 시 깜빡임 방지 */
}
@media (min-width: 2560px) {
  .btn-medium {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .btn-medium {
    height: 80px;
  }
}
.btn-medium::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url("/2026leagues2/img/btn-medium-hover-9d72e0f5870f0dfa80d2009f3a6359ca.png") no-repeat center/100% 100%;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  pointer-events: none;
}
.btn-medium:hover::before, .btn-medium:focus::before {
  opacity: 1;
}
.btn-medium:disabled, .btn-medium[disabled], .btn-medium.is-disabled {
  background-image: url("/2026leagues2/img/btn-medium_disabled-9af76054cf7f77d8eb4f5a534bbf9086.png");
  cursor: default;
  pointer-events: none;
}
.btn-medium:disabled::before, .btn-medium[disabled]::before, .btn-medium.is-disabled::before {
  content: none;
}
.btn-medium__text {
  position: relative;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-medium__text {
    font-size: 24px;
    line-height: 34px;
  }
}

.scroll-down {
  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;
  z-index: 1;
}
.scroll-down__text {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .scroll-down__text {
    font-size: 16px;
    line-height: 22px;
  }
}
.scroll-down__icon {
  display: block;
  opacity: 0.8;
  -webkit-animation: bouncing 0.6s ease-in-out infinite alternate;
  animation: bouncing 0.6s ease-in-out infinite alternate;
  width: 24px;
  width: calc(0.9375 * 1vw);
  height: 68px;
  height: calc(2.65625 * 1vw);
  margin-top: 2px;
  margin-top: calc(0.078125 * 1vw);
}
@media (min-width: 2560px) {
  .scroll-down__icon {
    width: 24px;
  }
}
@media (min-width: 2560px) {
  .scroll-down__icon {
    height: 68px;
  }
}
@media (min-width: 2560px) {
  .scroll-down__icon {
    margin-top: 2px;
  }
}
.scroll-down__icon img {
  display: block;
  width: 100%;
  height: 100%;
}

.section-phase {
  position: relative;
  height: 164px;
  height: calc(6.40625 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase {
    height: 164px;
  }
}
.section-phase__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.section-phase__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-phase__inner {
  position: relative;
  z-index: 1;
  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: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 24px 0px;
  padding: calc(0.9375 * 1vw) calc(0 * 1vw);
  gap: 244px;
  gap: calc(9.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__inner {
    padding: 24px 0px;
  }
}
@media (min-width: 2560px) {
  .section-phase__inner {
    gap: 244px;
  }
}
.section-phase__inner::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url("/2026leagues2/img/phase_tab_shadow-600e829b4c1f5479d5a332986f61faf3.png") no-repeat center/100% 100%;
  opacity: 0.6;
  pointer-events: none;
  width: 2560px;
  width: calc(100 * 1vw);
  height: 20px;
  height: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__inner::after {
    width: 2560px;
  }
}
@media (min-width: 2560px) {
  .section-phase__inner::after {
    height: 20px;
  }
}
.section-phase__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}
.section-phase__item.is-upcoming {
  cursor: default;
}
.section-phase__item--1 {
  width: 454px;
  width: calc(17.734375 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--1 {
    width: 454px;
  }
}
.section-phase__item--1 .section-phase__title-img--default {
  width: 372px;
  width: calc(14.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--1 .section-phase__title-img--default {
    width: 372px;
  }
}
.section-phase__item--1 .section-phase__title-img--end {
  width: 280px;
  width: calc(10.9375 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--1 .section-phase__title-img--end {
    width: 280px;
  }
}
.section-phase__item--1 .section-phase__date {
  color: #f5ff91;
}
.section-phase__item--1 .section-phase__badge {
  background: #1a1a1a;
  color: #eefe54;
}
.section-phase__item--1.is-end .section-phase__title-img--default {
  display: none;
}
.section-phase__item--1.is-end .section-phase__title-img--end {
  display: block;
}
.section-phase__item--1.is-end.is-selected .section-phase__title-img--default {
  display: block;
}
.section-phase__item--1.is-end.is-selected .section-phase__title-img--end {
  display: none;
}
.section-phase__item--2 {
  width: 459px;
  width: calc(17.9296875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--2 {
    width: 459px;
  }
}
.section-phase__item--2 .section-phase__title-img--default {
  width: 279px;
  width: calc(10.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--2 .section-phase__title-img--default {
    width: 279px;
  }
}
.section-phase__item--2 .section-phase__title-img--active {
  width: 371px;
  width: calc(14.4921875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--2 .section-phase__title-img--active {
    width: 371px;
  }
}
.section-phase__item--2 .section-phase__title-img--end {
  width: 279px;
  width: calc(10.8984375 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__item--2 .section-phase__title-img--end {
    width: 279px;
  }
}
.section-phase__item--2 .section-phase__date {
  color: #b7a1ff;
}
.section-phase__item--2 .section-phase__badge {
  background: #b7a1ff;
  color: #5b2cf4;
}
.section-phase__item--2.is-active .section-phase__title-img--default {
  display: none;
}
.section-phase__item--2.is-active .section-phase__title-img--active {
  display: block;
}
.section-phase__item--2.is-active .section-phase__date {
  color: #f5ff91;
}
.section-phase__item--2.is-active .section-phase__badge {
  background: #1a1a1a;
  color: #eefe54;
}
.section-phase__item--2.is-active:not(.is-selected) .section-phase__title-img--active {
  display: none;
}
.section-phase__item--2.is-active:not(.is-selected) .section-phase__title-img--end {
  display: block;
}
.section-phase__item--2.is-end .section-phase__title-img--default {
  display: none;
}
.section-phase__item--2.is-end .section-phase__title-img--end {
  display: block;
}
.section-phase__item--2.is-end .section-phase__date {
  color: #f5ff91;
}
.section-phase__item--2.is-end .section-phase__badge {
  background: #1a1a1a;
  color: #eefe54;
}
.section-phase__item--2.is-end.is-selected .section-phase__title-img--end {
  display: none;
}
.section-phase__item--2.is-end.is-selected .section-phase__title-img--active {
  display: block;
}
.section-phase__title {
  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: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase__title {
    margin-top: 4px;
  }
}
.section-phase__title-img {
  display: block;
  height: auto;
}
.section-phase__title-img--default {
  display: block;
}
.section-phase__title-img--end, .section-phase__title-img--active {
  display: none;
}
.section-phase__date {
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.36px;
  margin-top: 11px;
  margin-top: calc(0.4296875 * 1vw);
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .section-phase__date {
    margin-top: 11px;
  }
}
@media (min-width: 2560px) {
  .section-phase__date {
    font-size: 18px;
    line-height: 25px;
  }
}
.section-phase__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 600;
  text-align: center;
  margin-top: 11px;
  margin-top: calc(0.4296875 * 1vw);
  padding: 4px 16px;
  padding: calc(0.15625 * 1vw) calc(0.625 * 1vw);
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .section-phase__badge {
    margin-top: 11px;
  }
}
@media (min-width: 2560px) {
  .section-phase__badge {
    padding: 4px 16px;
  }
}
@media (min-width: 2560px) {
  .section-phase__badge {
    font-size: 16px;
    line-height: 22px;
  }
}

#event-phase {
  background: #1a1a1a;
  min-height: 2560px;
  min-height: calc(100 * 1vw);
}
@media (min-width: 2560px) {
  #event-phase {
    min-height: 2560px;
  }
}

.phase-panel {
  display: none;
}
.phase-panel.is-selected {
  display: block;
}

.section-benefit {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 60px 0px 234px;
  padding: calc(2.34375 * 1vw) calc(0 * 1vw) calc(9.140625 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit {
    padding: 60px 0px 234px;
  }
}
.section-benefit__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 0;
}
.section-benefit__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-benefit__inner {
  position: relative;
  z-index: 1;
  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;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 1400px;
  width: calc(54.6875 * 1vw);
  gap: 80px;
  gap: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit__inner {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .section-benefit__inner {
    gap: 80px;
  }
}
.section-benefit__pcb {
  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;
  width: 941px;
  width: calc(36.7578125 * 1vw);
  gap: 40px;
  gap: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit__pcb {
    width: 941px;
  }
}
@media (min-width: 2560px) {
  .section-benefit__pcb {
    gap: 40px;
  }
}
.section-benefit__heading {
  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;
  width: 100%;
  width: 438px;
  width: calc(17.109375 * 1vw);
  gap: 25px;
  gap: calc(0.9765625 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit__heading {
    width: 438px;
  }
}
@media (min-width: 2560px) {
  .section-benefit__heading {
    gap: 25px;
  }
}
.section-benefit__heading-title {
  display: block;
  width: 311px;
  width: calc(12.1484375 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit__heading-title {
    width: 311px;
  }
}
.section-benefit__heading-title img {
  display: block;
  width: 100%;
  height: auto;
}
.section-benefit__heading-desc {
  color: #d4d4d4;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.02em;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .section-benefit__heading-desc {
    font-size: 20px;
    line-height: 26px;
  }
}
.section-benefit__monthly {
  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;
  width: 100%;
  gap: 40px;
  gap: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit__monthly {
    gap: 40px;
  }
}
.section-benefit__monthly-info {
  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;
  width: 100%;
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section-benefit__monthly-info {
    gap: 12px;
  }
}
.section-benefit__monthly-title {
  color: #eefe54;
  font-weight: 600;
  text-align: center;
  font-size: 80px;
  font-size: 3.125vw;
  line-height: 95px;
  line-height: 3.7109375vw;
}
@media (min-width: 2560px) {
  .section-benefit__monthly-title {
    font-size: 80px;
    line-height: 95px;
  }
}
.section-benefit__monthly-desc {
  color: #d4d4d4;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.02em;
  white-space: pre-line;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 31px;
  line-height: 1.2109375vw;
}
@media (min-width: 2560px) {
  .section-benefit__monthly-desc {
    font-size: 24px;
    line-height: 31px;
  }
}
.section-benefit__monthly-date {
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.02em;
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .section-benefit__monthly-date {
    margin-top: 4px;
  }
}
@media (min-width: 2560px) {
  .section-benefit__monthly-date {
    font-size: 20px;
    line-height: 26px;
  }
}

.benefit-pcb {
  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;
  width: 941px;
  width: calc(36.7578125 * 1vw);
  gap: 0px 10px;
  gap: calc(0 * 1vw) calc(0.390625 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb {
    width: 941px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb {
    gap: 0px 10px;
  }
}
.benefit-pcb__deco {
  display: block;
  width: 100%;
  height: 2px;
  height: calc(0.078125 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__deco {
    height: 2px;
  }
}
.benefit-pcb__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 904px;
  width: calc(35.3125 * 1vw);
  padding: 32px 40px 32px 22px;
  padding: calc(1.25 * 1vw) calc(1.5625 * 1vw) calc(1.25 * 1vw) calc(0.859375 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__row {
    width: 904px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__row {
    padding: 32px 40px 32px 22px;
  }
}
.benefit-pcb__title {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  color: #f9de96;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -0.02em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 173px;
  width: calc(6.7578125 * 1vw);
  padding-right: 24px;
  padding-right: calc(0.9375 * 1vw);
  font-size: 26px;
  font-size: 1.015625vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .benefit-pcb__title {
    width: 173px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__title {
    padding-right: 24px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__title {
    font-size: 26px;
    line-height: 34px;
  }
}
.benefit-pcb__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.benefit-pcb__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  gap: 16px;
  gap: calc(0.625 * 1vw);
  padding-right: 24px;
  padding-right: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__item {
    gap: 16px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__item {
    padding-right: 24px;
  }
}
.benefit-pcb__item:last-child {
  padding-right: 0;
}
.benefit-pcb__item:nth-child(1) {
  width: 213px;
  width: calc(8.3203125 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__item:nth-child(1) {
    width: 213px;
  }
}
.benefit-pcb__item:nth-child(2) {
  width: 214px;
  width: calc(8.359375 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__item:nth-child(2) {
    width: 214px;
  }
}
.benefit-pcb__item:nth-child(3) {
  width: 280px;
  width: calc(10.9375 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__item:nth-child(3) {
    width: 280px;
  }
}
.benefit-pcb__num {
  position: absolute;
  top: -3px;
  top: calc(-0.1171875 * 1vw);
  left: -9px;
  left: calc(-0.3515625 * 1vw);
  width: 35px;
  width: calc(1.3671875 * 1vw);
  height: 44px;
  height: calc(1.71875 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__num {
    top: -3px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__num {
    left: -9px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__num {
    width: 35px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__num {
    height: 44px;
  }
}
.benefit-pcb__num img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.benefit-pcb__icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 80px;
  width: calc(3.125 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-pcb__icon {
    width: 80px;
  }
}
@media (min-width: 2560px) {
  .benefit-pcb__icon {
    height: 80px;
  }
}
.benefit-pcb__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.benefit-pcb__text {
  color: #c9a954;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.02em;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 21px;
  line-height: 0.8203125vw;
}
@media (min-width: 2560px) {
  .benefit-pcb__text {
    font-size: 16px;
    line-height: 21px;
  }
}

.benefit-skin-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 40px;
  row-gap: calc(1.5625 * 1vw);
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
  -webkit-column-gap: calc(0.78125 * 1vw);
  -moz-column-gap: calc(0.78125 * 1vw);
  column-gap: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-skin-list {
    row-gap: 40px;
  }
}
@media (min-width: 2560px) {
  .benefit-skin-list {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }
}

.benefit-skin {
  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;
  width: 335px;
  width: calc(13.0859375 * 1vw);
  gap: 16px;
  gap: calc(0.625 * 1vw);
  /* benefit-skin-list stagger를 더 빠르게 (기본 0.15s × --i → 0.06s × --i) */
}
@media (min-width: 2560px) {
  .benefit-skin {
    width: 335px;
  }
}
@media (min-width: 2560px) {
  .benefit-skin {
    gap: 16px;
  }
}
.benefit-skin__img {
  width: 100%;
  overflow: hidden;
  border: 1px solid #f9de96;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 235px;
  height: calc(9.1796875 * 1vw);
  border-radius: 8px;
  border-radius: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .benefit-skin__img {
    height: 235px;
  }
}
@media (min-width: 2560px) {
  .benefit-skin__img {
    border-radius: 8px;
  }
}
.benefit-skin__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.benefit-skin.animate {
  -webkit-transition-delay: calc(var(--i) * 0.06s);
  transition-delay: calc(var(--i) * 0.06s);
}
.benefit-skin__name {
  color: #f9de96;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.02em;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .benefit-skin__name {
    font-size: 20px;
    line-height: 26px;
  }
}

.notice__toggle {
  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: 100%;
  background: #000;
  border: none;
  cursor: pointer;
  padding: 22px 0px;
  padding: calc(0.859375 * 1vw) calc(0 * 1vw);
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .notice__toggle {
    padding: 22px 0px;
  }
}
@media (min-width: 2560px) {
  .notice__toggle {
    gap: 12px;
  }
}
.notice__toggle[aria-expanded=true] .notice__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notice__title {
  color: #fff;
  font-weight: 700;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 26px;
  line-height: 1.015625vw;
}
@media (min-width: 2560px) {
  .notice__title {
    font-size: 20px;
    line-height: 26px;
  }
}
.notice__icon {
  color: #fff;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 18px;
  width: calc(0.703125 * 1vw);
  height: 12px;
  height: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .notice__icon {
    width: 18px;
  }
}
@media (min-width: 2560px) {
  .notice__icon {
    height: 12px;
  }
}
.notice__content {
  background: #242424;
}
.notice__content[hidden] {
  display: none;
}

.section-locke {
  position: relative;
  overflow: hidden;
  background-color: #1a1a1a;
}
.section-locke__bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 2560px;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.section-locke__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-locke__character {
  position: absolute;
  top: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translateX(40%);
  transform: translateX(40%);
  -webkit-transition: opacity 0.6s ease, -webkit-transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: opacity 0.6s ease, -webkit-transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.6s ease;
  transition: transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.6s ease, -webkit-transform 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
  left: calc(50% - 304px);
  left: calc(50% - 11.875vw);
  width: 1430px;
  width: calc(55.859375 * 1vw);
  height: 1604px;
  height: calc(62.65625 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__character {
    width: 1430px;
  }
}
@media (min-width: 2560px) {
  .section-locke__character {
    height: 1604px;
  }
}
@media (min-width: 2560px) {
  .section-locke__character {
    left: calc(50% - 304px);
  }
}
.section-locke__character.is_show {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.section-locke__character img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-locke__inner {
  position: relative;
  z-index: 2;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 auto;
  width: 1400px;
  width: calc(54.6875 * 1vw);
  padding-top: 200px;
  padding-top: calc(7.8125 * 1vw);
  gap: 60px;
  gap: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__inner {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .section-locke__inner {
    padding-top: 200px;
  }
}
@media (min-width: 2560px) {
  .section-locke__inner {
    gap: 60px;
  }
}
.section-locke__intro {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 730px;
  width: calc(28.515625 * 1vw);
  gap: 32px;
  gap: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__intro {
    width: 730px;
  }
}
@media (min-width: 2560px) {
  .section-locke__intro {
    gap: 32px;
  }
}
.section-locke__title {
  display: block;
  width: 662px;
  width: calc(25.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__title {
    width: 662px;
  }
}
.section-locke__title img {
  display: block;
  width: 100%;
  height: auto;
}
.section-locke__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.section-locke__desc {
  color: #e2daff;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
  margin-top: 14px;
  margin-top: calc(0.546875 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__desc {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (min-width: 2560px) {
  .section-locke__desc {
    margin-top: 14px;
  }
}
.section-locke__btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.section-locke__images {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  gap: 40px;
  gap: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__images {
    gap: 40px;
  }
}
.section-locke__splash {
  position: relative;
  width: 100%;
  height: 787px;
  height: calc(30.7421875 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash {
    height: 787px;
  }
}
.section-locke__splash-swiper {
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #594d86;
}
.section-locke__splash .swiper-wrapper,
.section-locke__splash .swiper-slide {
  height: 100%;
}
.section-locke__splash-img {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.section-locke__splash-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-locke__splash-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(26, 26, 26, 0)), to(rgba(26, 26, 26, 0.8)));
  background: linear-gradient(180deg, rgba(26, 26, 26, 0) 40%, rgba(26, 26, 26, 0.8) 100%);
  pointer-events: none;
}
.section-locke__splash-name {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  bottom: 89px;
  bottom: calc(3.4765625 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-name {
    bottom: 89px;
  }
}
.section-locke__splash-name img {
  display: block;
  width: 100%;
  height: auto;
}
.section-locke__splash-name--1 {
  width: 278px;
  width: calc(10.859375 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-name--1 {
    width: 278px;
  }
}
.section-locke__splash-name--2 {
  width: 194px;
  width: calc(7.578125 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-name--2 {
    width: 194px;
  }
}
.section-locke__splash-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: rgba(26, 26, 26, 0.8);
  background-image: url("/2026leagues2/img/locke_swiper-next-81f57f8bc9b57848f34ce6464c2ec64b.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  border: 0;
  cursor: pointer;
  z-index: 10;
  width: 80px;
  width: calc(3.125 * 1vw);
  height: 120px;
  height: calc(4.6875 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-arrow {
    width: 80px;
  }
}
@media (min-width: 2560px) {
  .section-locke__splash-arrow {
    height: 120px;
  }
}
.section-locke__splash-arrow--prev {
  left: 0;
  left: 20px;
  left: calc(0.78125 * 1vw);
  background-image: url("/2026leagues2/img/locke_swiper-prev-6b33f505afc0f6d0c1ec19f2cc2c59db.png");
}
@media (min-width: 2560px) {
  .section-locke__splash-arrow--prev {
    left: 20px;
  }
}
.section-locke__splash-arrow--next {
  right: 0;
  right: 20px;
  right: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-arrow--next {
    right: 20px;
  }
}
.section-locke__splash-arrow.is-disabled {
  cursor: default;
  opacity: 0.5;
}
.section-locke__splash-pagination {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10;
  bottom: 32px;
  bottom: calc(1.25 * 1vw);
  gap: 8px;
  gap: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-pagination {
    bottom: 32px;
  }
}
@media (min-width: 2560px) {
  .section-locke__splash-pagination {
    gap: 8px;
  }
}
.section-locke__splash-dot {
  display: block;
  background: #797979;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 60px;
  width: calc(2.34375 * 1vw);
  height: 4px;
  height: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__splash-dot {
    width: 60px;
  }
}
@media (min-width: 2560px) {
  .section-locke__splash-dot {
    height: 4px;
  }
}
.section-locke__splash-dot.is-active {
  background: #f74443;
}
.section-locke__skill-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 180px;
  padding-bottom: calc(7.03125 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-box {
    padding-bottom: 180px;
  }
}
.section-locke__skill-info {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/2026leagues2/img/skill/locke_skill-bg-855bff436a46a63dd8bf9360839b250f.png") no-repeat center/100% 100%;
  width: 550px;
  width: calc(21.484375 * 1vw);
  height: 500px;
  height: calc(19.53125 * 1vw);
  padding: 0px 55px 0px 47px;
  padding: calc(0 * 1vw) calc(2.1484375 * 1vw) calc(0 * 1vw) calc(1.8359375 * 1vw);
  gap: 40px;
  gap: calc(1.5625 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-info {
    width: 550px;
  }
}
@media (min-width: 2560px) {
  .section-locke__skill-info {
    height: 500px;
  }
}
@media (min-width: 2560px) {
  .section-locke__skill-info {
    padding: 0px 55px 0px 47px;
  }
}
@media (min-width: 2560px) {
  .section-locke__skill-info {
    gap: 40px;
  }
}
.section-locke__skill-text {
  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;
  text-align: center;
  width: 448px;
  width: calc(17.5 * 1vw);
  gap: 10px;
  gap: calc(0.390625 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-text {
    width: 448px;
  }
}
@media (min-width: 2560px) {
  .section-locke__skill-text {
    gap: 10px;
  }
}
.section-locke__skill-name {
  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;
  height: 56px;
  height: calc(2.1875 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-name {
    height: 56px;
  }
}
.section-locke__skill-name img {
  display: block;
  width: auto;
  height: 100%;
}
.section-locke__skill-desc {
  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: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #b8b8b8;
  font-weight: 600;
  letter-spacing: -0.02em;
  height: 56px;
  height: calc(2.1875 * 1vw);
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 28px;
  line-height: 1.09375vw;
}
@media (min-width: 2560px) {
  .section-locke__skill-desc {
    height: 56px;
  }
}
@media (min-width: 2560px) {
  .section-locke__skill-desc {
    font-size: 20px;
    line-height: 28px;
  }
}
.section-locke__skill-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-icons {
    gap: 12px;
  }
}
.section-locke__skill-icon {
  position: relative;
  display: block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  width: 80px;
  width: calc(3.125 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-icon {
    width: 80px;
  }
}
@media (min-width: 2560px) {
  .section-locke__skill-icon {
    height: 80px;
  }
}
.section-locke__skill-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-locke__skill-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  -webkit-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.section-locke__skill-icon.is-active {
  border-color: #eefe54;
}
.section-locke__skill-icon.is-active::after {
  background: transparent;
}
.section-locke__skill-video {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #594d86;
  margin-left: -1px;
  height: 500px;
  height: calc(19.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section-locke__skill-video {
    height: 500px;
  }
}
.section-locke__skill-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.btn-locke {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: url("/2026leagues2/img/btn_locke-548acc5f9f0504f958e4c03babd03652.png") no-repeat center/100% 100%;
  text-decoration: none;
  cursor: pointer;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .btn-locke {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .btn-locke {
    height: 80px;
  }
}
.btn-locke:hover, .btn-locke:focus {
  background-image: url("/2026leagues2/img/btn_locke-hover-21866fdb7798f2f049e665e5bdedb127.png");
}
.btn-locke__text {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-locke__text {
    font-size: 24px;
    line-height: 34px;
  }
}

.section-phase__content {
  position: relative;
}

.section-phase1 {
  position: relative;
  overflow: hidden;
  background: #1a1a1a;
}
.section-phase1__bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 2560px;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.section-phase1__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-phase1__characters {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
}
.section-phase1__zone {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2560px;
  width: calc(100 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase1__zone {
    width: 2560px;
  }
}
.section-phase1__zone--top {
  top: 0;
  top: 185px;
  top: calc(7.2265625 * 1vw);
  height: 828px;
  height: calc(32.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase1__zone--top {
    top: 185px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__zone--top {
    height: 828px;
  }
}
.section-phase1__zone--middle {
  top: 1107px;
  top: calc(43.2421875 * 1vw);
  height: 972px;
  height: calc(37.96875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase1__zone--middle {
    top: 1107px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__zone--middle {
    height: 972px;
  }
}
.section-phase1__zone--bottom {
  top: 1831px;
  top: calc(71.5234375 * 1vw);
  height: 1907px;
  height: calc(74.4921875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase1__zone--bottom {
    top: 1831px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__zone--bottom {
    height: 1907px;
  }
}
.section-phase1__char {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* 캐릭터 슬라이드 인 속도 조정 */
}
.section-phase1__char img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.section-phase1__char.animate {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.section-phase1__char--annie {
  left: 202px;
  left: calc(7.890625 * 1vw);
  top: -53px;
  top: calc(-2.0703125 * 1vw);
  width: 778px;
  width: calc(30.390625 * 1vw);
  height: 1005px;
  height: calc(39.2578125 * 1vw);
  /* 왼쪽에서 슬라이드 인 후 바운싱 */
}
@media (min-width: 2560px) {
  .section-phase1__char--annie {
    left: 202px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--annie {
    top: -53px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--annie {
    width: 778px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--annie {
    height: 1005px;
  }
}
.section-phase1__char--annie img {
  -webkit-transform: rotate(-143deg) scaleY(-1);
  transform: rotate(-143deg) scaleY(-1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.section-phase1__char--annie.animate {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.section-phase1__char--annie.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: bouncing-annie 1.6s ease-in-out 1s infinite alternate;
  animation: bouncing-annie 1.6s ease-in-out 1s infinite alternate;
}
.section-phase1__char--kindred {
  left: 1358px;
  left: calc(53.046875 * 1vw);
  top: -86px;
  top: calc(-3.359375 * 1vw);
  width: 1264px;
  width: calc(49.375 * 1vw);
  height: 1046px;
  height: calc(40.859375 * 1vw);
  /* 오른쪽에서 슬라이드 인 후 바운싱 */
}
@media (min-width: 2560px) {
  .section-phase1__char--kindred {
    left: 1358px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--kindred {
    top: -86px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--kindred {
    width: 1264px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--kindred {
    height: 1046px;
  }
}
.section-phase1__char--kindred img {
  -webkit-transform: rotate(-39deg);
  transform: rotate(-39deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.section-phase1__char--kindred.animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.section-phase1__char--kindred.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: bouncing-kindred 1.8s ease-in-out 1s infinite alternate;
  animation: bouncing-kindred 1.8s ease-in-out 1s infinite alternate;
}
.section-phase1__char--champion {
  left: 1031px;
  left: calc(40.2734375 * 1vw);
  top: 8px;
  top: calc(0.3125 * 1vw);
  width: 1188px;
  width: calc(46.40625 * 1vw);
  height: 972px;
  height: calc(37.96875 * 1vw);
  overflow: hidden;
  /* 오른쪽에서 슬라이드 인 */
}
@media (min-width: 2560px) {
  .section-phase1__char--champion {
    left: 1031px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--champion {
    top: 8px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--champion {
    width: 1188px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--champion {
    height: 972px;
  }
}
.section-phase1__char--champion img {
  position: absolute;
  left: -83px;
  left: calc(-3.2421875 * 1vw);
  top: -30px;
  top: calc(-1.171875 * 1vw);
  width: 1190px;
  width: calc(46.484375 * 1vw);
  height: 1196px;
  height: calc(46.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase1__char--champion img {
    left: -83px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--champion img {
    top: -30px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--champion img {
    width: 1190px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--champion img {
    height: 1196px;
  }
}
.section-phase1__char--champion.animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.section-phase1__char--champion.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.section-phase1__char--vayne-main {
  left: 19px;
  left: calc(0.7421875 * 1vw);
  top: 22px;
  top: calc(0.859375 * 1vw);
  width: 950px;
  width: calc(37.109375 * 1vw);
  height: 950px;
  height: calc(37.109375 * 1vw);
  mix-blend-mode: exclusion;
  opacity: 0.8;
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-main {
    left: 19px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-main {
    top: 22px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-main {
    width: 950px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-main {
    height: 950px;
  }
}
.section-phase1__char--vayne-2 {
  left: -83px;
  left: calc(-3.2421875 * 1vw);
  top: -27px;
  top: calc(-1.0546875 * 1vw);
  width: 1189px;
  width: calc(46.4453125 * 1vw);
  height: 1196px;
  height: calc(46.71875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-2 {
    left: -83px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-2 {
    top: -27px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-2 {
    width: 1189px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--vayne-2 {
    height: 1196px;
  }
}
.section-phase1__char--vayne-2 img {
  -webkit-transform: rotate(-4deg);
  transform: rotate(-4deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.section-phase1__char--baine {
  left: 0px;
  left: calc(0 * 1vw);
  top: 562px;
  top: calc(21.953125 * 1vw);
  width: 1172px;
  width: calc(45.78125 * 1vw);
  height: 1317px;
  height: calc(51.4453125 * 1vw);
  /* 왼쪽에서 슬라이드 인 후 바운싱 */
}
@media (min-width: 2560px) {
  .section-phase1__char--baine {
    left: 0px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--baine {
    top: 562px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--baine {
    width: 1172px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--baine {
    height: 1317px;
  }
}
.section-phase1__char--baine.animate {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.section-phase1__char--baine.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: bouncing-baine 1.6s ease-in-out 1s infinite alternate;
  animation: bouncing-baine 1.6s ease-in-out 1s infinite alternate;
}
.section-phase1__char--folder1 {
  left: 45px;
  left: calc(1.7578125 * 1vw);
  top: 63px;
  top: calc(2.4609375 * 1vw);
  width: 535px;
  width: calc(20.8984375 * 1vw);
  height: 638px;
  height: calc(24.921875 * 1vw);
  -webkit-animation: bouncing-eye2 1.8s ease-in-out 0.2s infinite alternate;
  animation: bouncing-eye2 1.8s ease-in-out 0.2s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase1__char--folder1 {
    left: 45px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder1 {
    top: 63px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder1 {
    width: 535px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder1 {
    height: 638px;
  }
}
.section-phase1__char--folder1 img {
  width: 343px;
  width: calc(13.3984375 * 1vw);
  height: 546px;
  height: calc(21.328125 * 1vw);
  -webkit-transform: rotate(24deg);
  transform: rotate(24deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase1__char--folder1 img {
    width: 343px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder1 img {
    height: 546px;
  }
}
.section-phase1__char--folder2 {
  left: 1804px;
  left: calc(70.46875 * 1vw);
  top: 609px;
  top: calc(23.7890625 * 1vw);
  width: 438px;
  width: calc(17.109375 * 1vw);
  height: 344px;
  height: calc(13.4375 * 1vw);
  -webkit-animation: bouncing-eye3 1.4s ease-in-out 0.6s infinite alternate;
  animation: bouncing-eye3 1.4s ease-in-out 0.6s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase1__char--folder2 {
    left: 1804px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder2 {
    top: 609px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder2 {
    width: 438px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder2 {
    height: 344px;
  }
}
.section-phase1__char--folder2 img {
  width: 394px;
  width: calc(15.390625 * 1vw);
  height: 277px;
  height: calc(10.8203125 * 1vw);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase1__char--folder2 img {
    width: 394px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder2 img {
    height: 277px;
  }
}
.section-phase1__char--folder3 {
  left: 2243px;
  left: calc(87.6171875 * 1vw);
  top: 289px;
  top: calc(11.2890625 * 1vw);
  width: 190px;
  width: calc(7.421875 * 1vw);
  height: 177px;
  height: calc(6.9140625 * 1vw);
  -webkit-animation: bouncing-eye1 1.1s ease-in-out infinite alternate;
  animation: bouncing-eye1 1.1s ease-in-out infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase1__char--folder3 {
    left: 2243px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder3 {
    top: 289px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder3 {
    width: 190px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder3 {
    height: 177px;
  }
}
.section-phase1__char--folder3 img {
  width: 116px;
  width: calc(4.53125 * 1vw);
  height: 152px;
  height: calc(5.9375 * 1vw);
  -webkit-transform: rotate(-121deg) scaleY(-1);
  transform: rotate(-121deg) scaleY(-1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase1__char--folder3 img {
    width: 116px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--folder3 img {
    height: 152px;
  }
}
.section-phase1__char--group14 {
  left: 1987px;
  left: calc(77.6171875 * 1vw);
  top: 963px;
  top: calc(37.6171875 * 1vw);
  width: 701px;
  width: calc(27.3828125 * 1vw);
  height: 738px;
  height: calc(28.828125 * 1vw);
  -webkit-animation: bouncing-eye4 2.1s ease-in-out 0.4s infinite alternate;
  animation: bouncing-eye4 2.1s ease-in-out 0.4s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase1__char--group14 {
    left: 1987px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--group14 {
    top: 963px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--group14 {
    width: 701px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--group14 {
    height: 738px;
  }
}
.section-phase1__char--group14 img {
  width: 512px;
  width: calc(20 * 1vw);
  height: 583px;
  height: calc(22.7734375 * 1vw);
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase1__char--group14 img {
    width: 512px;
  }
}
@media (min-width: 2560px) {
  .section-phase1__char--group14 img {
    height: 583px;
  }
}

@-webkit-keyframes bouncing-annie {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(0) translateY(12px);
    transform: translateX(0) translateY(12px);
  }
}

@keyframes bouncing-annie {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(0) translateY(12px);
    transform: translateX(0) translateY(12px);
  }
}
@-webkit-keyframes bouncing-kindred {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(0) translateY(14px);
    transform: translateX(0) translateY(14px);
  }
}
@keyframes bouncing-kindred {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(0) translateY(14px);
    transform: translateX(0) translateY(14px);
  }
}
@-webkit-keyframes bouncing-baine {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(0) translateY(14px);
    transform: translateX(0) translateY(14px);
  }
}
@keyframes bouncing-baine {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  100% {
    -webkit-transform: translateX(0) translateY(14px);
    transform: translateX(0) translateY(14px);
  }
}
@-webkit-keyframes bouncing-eye1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes bouncing-eye1 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes bouncing-eye2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }
}
@keyframes bouncing-eye2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(14px);
    transform: translateY(14px);
  }
}
@-webkit-keyframes bouncing-eye3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@keyframes bouncing-eye3 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
}
@-webkit-keyframes bouncing-eye4 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
@keyframes bouncing-eye4 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(16px);
    transform: translateY(16px);
  }
}
.pcb-mission {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 180px;
  padding-top: calc(7.03125 * 1vw);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (min-width: 2560px) {
  .pcb-mission {
    padding-top: 180px;
  }
}
.pcb-mission__inner {
  position: relative;
  z-index: 2;
  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;
  width: 1400px;
  width: calc(54.6875 * 1vw);
  gap: 60px;
  gap: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__inner {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .pcb-mission__inner {
    gap: 60px;
  }
}
.pcb-mission__header {
  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;
  width: 100%;
  gap: 32px;
  gap: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__header {
    gap: 32px;
  }
}
.pcb-mission__heading {
  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;
  width: 100%;
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__heading {
    gap: 12px;
  }
}
.pcb-mission__title {
  display: block;
  width: 1016px;
  width: calc(39.6875 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__title {
    width: 1016px;
  }
}
.pcb-mission__title img {
  display: block;
  width: 100%;
  height: auto;
}
.pcb-mission__sub {
  color: #fff;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .pcb-mission__sub {
    font-size: 24px;
    line-height: 34px;
  }
}
.pcb-mission__body {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  gap: 24px;
  gap: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__body {
    gap: 24px;
  }
}
.pcb-mission__list {
  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;
  width: 100%;
}
.pcb-mission__list-item {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 380px;
  height: calc(14.84375 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__list-item {
    height: 380px;
  }
}
.pcb-mission__list-item--rewards {
  width: 809px;
  width: calc(31.6015625 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__list-item--rewards {
    width: 809px;
  }
}
.pcb-mission__list-item--rewards img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.pcb-mission__list-item--login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 571px;
  width: calc(22.3046875 * 1vw);
  padding-bottom: 27px;
  padding-bottom: calc(1.0546875 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__list-item--login {
    width: 571px;
  }
}
@media (min-width: 2560px) {
  .pcb-mission__list-item--login {
    padding-bottom: 27px;
  }
}
.pcb-mission__login-img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}
.pcb-mission__login-text {
  position: relative;
  z-index: 1;
  color: #dfdfdf;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 24px;
  line-height: 0.9375vw;
}
@media (min-width: 2560px) {
  .pcb-mission__login-text {
    font-size: 20px;
    line-height: 24px;
  }
}
.pcb-mission__login-notice {
  display: block;
  position: relative;
  z-index: 1;
  color: #b8b8b8;
  font-weight: 500;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.02em;
  white-space: nowrap;
  margin-top: 8px;
  margin-top: calc(0.3125 * 1vw);
  font-size: 14px;
  font-size: 0.546875vw;
  line-height: 17px;
  line-height: 0.6640625vw;
}
@media (min-width: 2560px) {
  .pcb-mission__login-notice {
    margin-top: 8px;
  }
}
@media (min-width: 2560px) {
  .pcb-mission__login-notice {
    font-size: 14px;
    line-height: 17px;
  }
}
.pcb-mission__notice {
  color: #b8b8b8;
  font-weight: 500;
  letter-spacing: -0.02em;
  width: 1400px;
  width: calc(54.6875 * 1vw);
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .pcb-mission__notice {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .pcb-mission__notice {
    font-size: 16px;
    line-height: 22px;
  }
}
.pcb-mission__notice li + li {
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .pcb-mission__notice li + li {
    margin-top: 4px;
  }
}

.btn-rewards {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("/2026leagues2/img/btn_rewards-cab8baa1a61adcad9e1e2dd0c6f81a7f.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-align: center;
  text-decoration: none;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .btn-rewards {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .btn-rewards {
    height: 80px;
  }
}
.btn-rewards:hover, .btn-rewards:focus {
  background-image: url("/2026leagues2/img/btn_rewards-hover-6eebc0061c94da3dd99cd918f0926053.png");
}
.btn-rewards__text {
  color: #eefe54;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-rewards__text {
    font-size: 24px;
    line-height: 34px;
  }
}

.playtime-mission {
  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;
  padding-top: 180px;
  padding-top: calc(7.03125 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission {
    padding-top: 180px;
  }
}
.playtime-mission__inner {
  position: relative;
  z-index: 2;
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 60px;
  gap: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__inner {
    gap: 60px;
  }
}
.playtime-mission__head {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 32px;
  gap: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__head {
    gap: 32px;
  }
}
.playtime-mission__heading {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 26px;
  gap: calc(1.015625 * 1vw);
  width: 574px;
  width: calc(22.421875 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__heading {
    gap: 26px;
  }
}
@media (min-width: 2560px) {
  .playtime-mission__heading {
    width: 574px;
  }
}
.playtime-mission__title {
  display: block;
  width: 514px;
  width: calc(20.078125 * 1vw);
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__title {
    width: 514px;
  }
}
@media (min-width: 2560px) {
  .playtime-mission__title {
    margin-top: 4px;
  }
}
.playtime-mission__title img {
  display: block;
  width: 100%;
  height: auto;
}
.playtime-mission__sub {
  color: #fff;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .playtime-mission__sub {
    font-size: 24px;
    line-height: 34px;
  }
}
.playtime-mission__info {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 1400px;
  width: calc(54.6875 * 1vw);
  padding: 90px 40px 40px;
  padding: calc(3.515625 * 1vw) calc(1.5625 * 1vw) calc(1.5625 * 1vw);
  gap: 26px;
  gap: calc(1.015625 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__info {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .playtime-mission__info {
    padding: 90px 40px 40px;
  }
}
@media (min-width: 2560px) {
  .playtime-mission__info {
    gap: 26px;
  }
}
.playtime-mission__info::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid rgba(146, 146, 146, 0.4);
  pointer-events: none;
  z-index: 0;
}
.playtime-mission__info > * {
  position: relative;
  z-index: 1;
}
.playtime-mission__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  gap: calc(0.390625 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__list {
    gap: 10px;
  }
}
.playtime-mission__notice {
  color: #b8b8b8;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .playtime-mission__notice {
    font-size: 16px;
    line-height: 22px;
  }
}
.playtime-mission__notice li + li {
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-mission__notice li + li {
    margin-top: 4px;
  }
}

.btn-playtime {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/2026leagues2/img/btn_playtime-b4ece3d988d7052f58364ae0fb21fff6.png") no-repeat center/100% 100%;
  border: 0;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
  gap: 7px;
  gap: calc(0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .btn-playtime {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .btn-playtime {
    height: 80px;
  }
}
@media (min-width: 2560px) {
  .btn-playtime {
    gap: 7px;
  }
}
.btn-playtime:hover, .btn-playtime:focus {
  background-image: url("/2026leagues2/img/btn_playtime-hover-c79c2fdda74f5de98214123a0661a5bc.png");
}
.btn-playtime__text {
  color: #eefe54;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-playtime__text {
    font-size: 24px;
    line-height: 34px;
  }
}
.btn-playtime__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 16px;
  width: calc(0.625 * 1vw);
  height: 16px;
  height: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .btn-playtime__icon {
    width: 16px;
  }
}
@media (min-width: 2560px) {
  .btn-playtime__icon {
    height: 16px;
  }
}
.btn-playtime__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.playtime-progress {
  position: relative;
  width: 100%;
}
.playtime-progress__bar {
  background: #4a4a4a;
  height: 8px;
  height: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-progress__bar {
    height: 8px;
  }
}
.playtime-progress__fill {
  display: block;
  width: 100%;
  border: 0;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  height: 8px;
  height: calc(0.3125 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-progress__fill {
    height: 8px;
  }
}
.playtime-progress__fill::-webkit-progress-bar {
  background: transparent;
}
.playtime-progress__fill::-webkit-progress-value {
  background: #f74443;
  border-radius: 0 10px 10px 0;
}
.playtime-progress__fill::-moz-progress-bar {
  background: #f74443;
  border-radius: 0 10px 10px 0;
}
.playtime-progress__fill[value="100"]::-webkit-progress-value {
  border-radius: 0;
}
.playtime-progress__fill[value="100"]::-moz-progress-bar {
  border-radius: 0;
}
.playtime-progress__chip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  bottom: calc(100% + 5px);
  bottom: calc(100% + 0.1953125vw);
  left: calc(var(--progress, 0) * 1%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: left 0.3s ease;
  transition: left 0.3s ease;
  background: url("/2026leagues2/img/phase/playtime-progress_chip-fffa1e9770d46beb604f066d221b22af.png") no-repeat center/100% 100%;
  min-width: 129px;
  min-width: calc(5.0390625 * 1vw);
  height: 53px;
  height: calc(2.0703125 * 1vw);
  padding: 5px 16px 7px;
  padding: calc(0.1953125 * 1vw) calc(0.625 * 1vw) calc(0.2734375 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-progress__chip {
    min-width: 129px;
  }
}
@media (min-width: 2560px) {
  .playtime-progress__chip {
    height: 53px;
  }
}
@media (min-width: 2560px) {
  .playtime-progress__chip {
    padding: 5px 16px 7px;
  }
}
@media (min-width: 2560px) {
  .playtime-progress__chip {
    bottom: calc(100% + 5px);
  }
}
.playtime-progress__chip-label {
  color: #fff;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.546875vw;
  line-height: 17px;
  line-height: 0.6640625vw;
}
@media (min-width: 2560px) {
  .playtime-progress__chip-label {
    font-size: 14px;
    line-height: 17px;
  }
}
.playtime-progress__chip-value {
  color: #eefe54;
  font-weight: 500;
  font-size: 18px;
  font-size: calc(0.703125 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-progress__chip-value {
    font-size: 18px;
  }
}

.playtime-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;
  width: 256px;
  width: calc(10 * 1vw);
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-card {
    width: 256px;
  }
}
@media (min-width: 2560px) {
  .playtime-card {
    gap: 12px;
  }
}
.playtime-card__poster {
  position: relative;
  overflow: hidden;
  width: 256px;
  width: calc(10 * 1vw);
  height: 300px;
  height: calc(11.71875 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-card__poster {
    width: 256px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__poster {
    height: 300px;
  }
}
.playtime-card__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}
.playtime-card__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.playtime-card__inner {
  position: absolute;
  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;
  z-index: 1;
  top: 20px;
  top: calc(0.78125 * 1vw);
  left: 16px;
  left: calc(0.625 * 1vw);
  width: 224px;
  width: calc(8.75 * 1vw);
  gap: 16px;
  gap: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-card__inner {
    top: 20px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__inner {
    left: 16px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__inner {
    width: 224px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__inner {
    gap: 16px;
  }
}
.playtime-card__title {
  width: 100%;
  height: 56px;
  height: calc(2.1875 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-card__title {
    height: 56px;
  }
}
.playtime-card__title img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.playtime-card__demon {
  position: relative;
  width: 100%;
  background: #d9d9d9;
  overflow: hidden;
  aspect-ratio: 224/127;
}
.playtime-card__demon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.playtime-card__text {
  text-align: center;
}
.playtime-card__time {
  color: #f74443;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 28px;
  line-height: 1.09375vw;
}
@media (min-width: 2560px) {
  .playtime-card__time {
    font-size: 20px;
    line-height: 28px;
  }
}
.playtime-card__time span {
  color: #fff;
}
.playtime-card__demon-name {
  color: #b8b8b8;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .playtime-card__demon-name {
    font-size: 16px;
    line-height: 22px;
  }
}
.playtime-card--double .playtime-card__demon::after {
  content: "보상 2배 획득!";
  position: absolute;
  top: 0;
  right: 0;
  background: #f74443;
  color: #1a1a1a;
  font-weight: 700;
  text-align: center;
  letter-spacing: -0.02em;
  white-space: nowrap;
  padding: 3px 6px;
  padding: calc(0.1171875 * 1vw) calc(0.234375 * 1vw);
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .playtime-card--double .playtime-card__demon::after {
    padding: 3px 6px;
  }
}
@media (min-width: 2560px) {
  .playtime-card--double .playtime-card__demon::after {
    font-size: 18px;
    line-height: 25px;
  }
}
.playtime-card__dimmed {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  opacity: 0.7;
  pointer-events: none;
  z-index: 2;
}
.playtime-card__stamp {
  position: absolute;
  z-index: 3;
  top: 60px;
  top: calc(2.34375 * 1vw);
  left: 38px;
  left: calc(1.484375 * 1vw);
  width: 180px;
  width: calc(7.03125 * 1vw);
  height: 180px;
  height: calc(7.03125 * 1vw);
}
@media (min-width: 2560px) {
  .playtime-card__stamp {
    top: 60px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__stamp {
    left: 38px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__stamp {
    width: 180px;
  }
}
@media (min-width: 2560px) {
  .playtime-card__stamp {
    height: 180px;
  }
}
.playtime-card__stamp img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.btn-reward {
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/2026leagues2/img/btn_reward-c7fbd70916be9d78871358dcfdec80a8.png") no-repeat center/100% 100%;
  border: 0;
  cursor: pointer;
  width: 256px;
  width: calc(10 * 1vw);
  height: 68px;
  height: calc(2.65625 * 1vw);
}
@media (min-width: 2560px) {
  .btn-reward {
    width: 256px;
  }
}
@media (min-width: 2560px) {
  .btn-reward {
    height: 68px;
  }
}
.btn-reward__text {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-reward__text {
    font-size: 24px;
    line-height: 34px;
  }
}
.btn-reward:hover, .btn-reward:focus {
  background-image: url("/2026leagues2/img/btn_reward-hover-22d156da2e894fd0b0609dab1dfc95d9.png");
}
.btn-reward:disabled {
  background-image: url("/2026leagues2/img/btn_reward_disabled-6026d9f31e0ceb1eeaa4674e077d88c4.png");
  cursor: default;
}
.btn-reward:disabled .btn-reward__text {
  color: #989898;
}

.bonus-mission {
  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;
  padding-top: 180px;
  padding-top: calc(7.03125 * 1vw);
  padding-bottom: 200px;
  padding-bottom: calc(7.8125 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission {
    padding-top: 180px;
  }
}
@media (min-width: 2560px) {
  .bonus-mission {
    padding-bottom: 200px;
  }
}
.bonus-mission__inner {
  position: relative;
  z-index: 2;
  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;
  gap: 60px;
  gap: calc(2.34375 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__inner {
    gap: 60px;
  }
}
.bonus-mission__head {
  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;
  width: 823px;
  width: calc(32.1484375 * 1vw);
  gap: 32px;
  gap: calc(1.25 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__head {
    width: 823px;
  }
}
@media (min-width: 2560px) {
  .bonus-mission__head {
    gap: 32px;
  }
}
.bonus-mission__heading {
  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;
  width: 100%;
  gap: 28px;
  gap: calc(1.09375 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__heading {
    gap: 28px;
  }
}
.bonus-mission__title {
  display: block;
  width: 767px;
  width: calc(29.9609375 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__title {
    width: 767px;
  }
}
.bonus-mission__title img {
  display: block;
  width: 100%;
  height: auto;
}
.bonus-mission__sub {
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .bonus-mission__sub {
    font-size: 24px;
    line-height: 34px;
  }
}
.bonus-mission__gift {
  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: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 1340px;
  width: calc(52.34375 * 1vw);
  gap: 24px;
  gap: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__gift {
    width: 1340px;
  }
}
@media (min-width: 2560px) {
  .bonus-mission__gift {
    gap: 24px;
  }
}
.bonus-mission__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  gap: 20px;
  gap: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__list {
    gap: 20px;
  }
}
.bonus-mission__notice {
  color: #b8b8b8;
  font-weight: 500;
  width: 1400px;
  width: calc(54.6875 * 1vw);
  font-size: 16px;
  font-size: 0.625vw;
  line-height: 22px;
  line-height: 0.859375vw;
}
@media (min-width: 2560px) {
  .bonus-mission__notice {
    width: 1400px;
  }
}
@media (min-width: 2560px) {
  .bonus-mission__notice {
    font-size: 16px;
    line-height: 22px;
  }
}
.bonus-mission__notice li + li {
  margin-top: 4px;
  margin-top: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-mission__notice li + li {
    margin-top: 4px;
  }
}

.btn-lookup {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/2026leagues2/img/btn_lookup-b4ece3d988d7052f58364ae0fb21fff6.png") no-repeat center/100% 100%;
  border: 0;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
  gap: 4px;
  gap: calc(0.15625 * 1vw);
}
@media (min-width: 2560px) {
  .btn-lookup {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .btn-lookup {
    height: 80px;
  }
}
@media (min-width: 2560px) {
  .btn-lookup {
    gap: 4px;
  }
}
.btn-lookup:hover, .btn-lookup:focus {
  background-image: url("/2026leagues2/img/btn_lookup-hover-c79c2fdda74f5de98214123a0661a5bc.png");
}
.btn-lookup__text {
  color: #eefe54;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-lookup__text {
    font-size: 24px;
    line-height: 34px;
  }
}
.btn-lookup__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  width: calc(0.9375 * 1vw);
  height: 24px;
  height: calc(0.9375 * 1vw);
}
@media (min-width: 2560px) {
  .btn-lookup__icon {
    width: 24px;
  }
}
@media (min-width: 2560px) {
  .btn-lookup__icon {
    height: 24px;
  }
}
.btn-lookup__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.bonus-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;
  width: 320px;
  width: calc(12.5 * 1vw);
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .bonus-card {
    gap: 12px;
  }
}
.bonus-card__box {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 327px;
  height: calc(12.7734375 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__box {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__box {
    height: 327px;
  }
}
.bonus-card__bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
}
.bonus-card__text {
  position: relative;
  z-index: 1;
  text-align: center;
  padding-top: 14px;
  padding-top: calc(0.546875 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__text {
    padding-top: 14px;
  }
}
.bonus-card__caption {
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.05em;
  font-size: 18px;
  font-size: 0.703125vw;
  line-height: 25px;
  line-height: 0.9765625vw;
}
@media (min-width: 2560px) {
  .bonus-card__caption {
    font-size: 18px;
    line-height: 25px;
  }
}
.bonus-card__mission {
  color: #eefe54;
  font-weight: 900;
  letter-spacing: -0.05em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .bonus-card__mission {
    font-size: 24px;
    line-height: 34px;
  }
}
.bonus-card__gift {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 119px;
  top: calc(4.6484375 * 1vw);
  width: 280px;
  width: calc(10.9375 * 1vw);
  gap: 2px;
  gap: calc(0.078125 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__gift {
    top: 119px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__gift {
    width: 280px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__gift {
    gap: 2px;
  }
}
.bonus-card__gift-img {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 160px;
  height: calc(6.25 * 1vw);
  margin-left: 20px;
  margin-left: calc(0.78125 * 1vw);
  margin-right: 20px;
  margin-right: calc(0.78125 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__gift-img {
    height: 160px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__gift-img {
    margin-left: 20px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__gift-img {
    margin-right: 20px;
  }
}
.bonus-card__gift-img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bonus-card__gift-name {
  color: #f74443;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.02em;
  width: 100%;
  font-size: 20px;
  font-size: 0.78125vw;
  line-height: 28px;
  line-height: 1.09375vw;
}
@media (min-width: 2560px) {
  .bonus-card__gift-name {
    font-size: 20px;
    line-height: 28px;
  }
}
.bonus-card__overlay {
  position: absolute;
  z-index: 3;
  left: 70px;
  left: calc(2.734375 * 1vw);
  bottom: 20px;
  bottom: calc(0.78125 * 1vw);
  width: 180px;
  width: calc(7.03125 * 1vw);
  height: 180px;
  height: calc(7.03125 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__overlay {
    left: 70px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__overlay {
    bottom: 20px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__overlay {
    width: 180px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__overlay {
    height: 180px;
  }
}
.bonus-card__overlay img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.bonus-card__dimmed {
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  z-index: 2;
  top: 107px;
  top: calc(4.1796875 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__dimmed {
    top: 107px;
  }
}
.bonus-card__stamp {
  position: absolute;
  z-index: 3;
  left: 70px;
  left: calc(2.734375 * 1vw);
  bottom: 20px;
  bottom: calc(0.78125 * 1vw);
  width: 180px;
  width: calc(7.03125 * 1vw);
  height: 180px;
  height: calc(7.03125 * 1vw);
}
@media (min-width: 2560px) {
  .bonus-card__stamp {
    left: 70px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__stamp {
    bottom: 20px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__stamp {
    width: 180px;
  }
}
@media (min-width: 2560px) {
  .bonus-card__stamp {
    height: 180px;
  }
}
.bonus-card__stamp img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.btn-reward-big {
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url("/2026leagues2/img/btn_reward-big-548acc5f9f0504f958e4c03babd03652.png") no-repeat center/100% 100%;
  border: 0;
  cursor: pointer;
  width: 320px;
  width: calc(12.5 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .btn-reward-big {
    width: 320px;
  }
}
@media (min-width: 2560px) {
  .btn-reward-big {
    height: 80px;
  }
}
.btn-reward-big__text {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 24px;
  font-size: 0.9375vw;
  line-height: 34px;
  line-height: 1.328125vw;
}
@media (min-width: 2560px) {
  .btn-reward-big__text {
    font-size: 24px;
    line-height: 34px;
  }
}
.btn-reward-big:hover, .btn-reward-big:focus {
  background-image: url("/2026leagues2/img/btn_reward-big-hover-6e59e0af390aad83da29e4246567e831.png");
}
.btn-reward-big:disabled {
  background-image: url("/2026leagues2/img/btn_reward-big_disabled-9af76054cf7f77d8eb4f5a534bbf9086.png");
  cursor: default;
}
.btn-reward-big:disabled .btn-reward-big__text {
  color: #989898;
}

.section-phase2 {
  position: relative;
  overflow: hidden;
  background: #1a1a1a;
}
.section-phase2__bg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width: 2560px;
  pointer-events: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.section-phase2__bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.section-phase2__characters {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  pointer-events: none;
  z-index: 1;
}
.section-phase2__zone {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2560px;
  width: calc(100 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase2__zone {
    width: 2560px;
  }
}
.section-phase2__zone--top {
  top: 185px;
  top: calc(7.2265625 * 1vw);
  height: 828px;
  height: calc(32.34375 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase2__zone--top {
    top: 185px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__zone--top {
    height: 828px;
  }
}
.section-phase2__zone--middle {
  top: 1085px;
  top: calc(42.3828125 * 1vw);
  height: 972px;
  height: calc(37.96875 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase2__zone--middle {
    top: 1085px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__zone--middle {
    height: 972px;
  }
}
.section-phase2__zone--bottom {
  top: 2410px;
  top: calc(94.140625 * 1vw);
  height: 1300px;
  height: calc(50.78125 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase2__zone--bottom {
    top: 2410px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__zone--bottom {
    height: 1300px;
  }
}
.section-phase2__zone--eyes {
  top: 1830px;
  top: calc(71.484375 * 1vw);
  height: 1773px;
  height: calc(69.2578125 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase2__zone--eyes {
    top: 1830px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__zone--eyes {
    height: 1773px;
  }
}
.section-phase2__char {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* 캐릭터 슬라이드 인 속도 조정 */
}
.section-phase2__char img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.section-phase2__char.animate {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
}
.section-phase2__char--annie {
  left: 202px;
  left: calc(7.890625 * 1vw);
  top: -53px;
  top: calc(-2.0703125 * 1vw);
  width: 778px;
  width: calc(30.390625 * 1vw);
  height: 1005px;
  height: calc(39.2578125 * 1vw);
  /* 왼쪽에서 슬라이드 인 후 바운싱 */
}
@media (min-width: 2560px) {
  .section-phase2__char--annie {
    left: 202px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--annie {
    top: -53px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--annie {
    width: 778px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--annie {
    height: 1005px;
  }
}
.section-phase2__char--annie img {
  -webkit-transform: rotate(-143deg) scaleY(-1);
  transform: rotate(-143deg) scaleY(-1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.section-phase2__char--annie.animate {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.section-phase2__char--annie.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: bouncing-annie 1.6s ease-in-out 1s infinite alternate;
  animation: bouncing-annie 1.6s ease-in-out 1s infinite alternate;
}
.section-phase2__char--kindred {
  left: 1358px;
  left: calc(53.046875 * 1vw);
  top: -86px;
  top: calc(-3.359375 * 1vw);
  width: 1264px;
  width: calc(49.375 * 1vw);
  height: 1046px;
  height: calc(40.859375 * 1vw);
  /* 오른쪽에서 슬라이드 인 후 바운싱 */
}
@media (min-width: 2560px) {
  .section-phase2__char--kindred {
    left: 1358px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--kindred {
    top: -86px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--kindred {
    width: 1264px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--kindred {
    height: 1046px;
  }
}
.section-phase2__char--kindred img {
  -webkit-transform: rotate(-39deg);
  transform: rotate(-39deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
.section-phase2__char--kindred.animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.section-phase2__char--kindred.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: bouncing-kindred 1.8s ease-in-out 1s infinite alternate;
  animation: bouncing-kindred 1.8s ease-in-out 1s infinite alternate;
}
.section-phase2__char--champion {
  left: 1021px;
  left: calc(39.8828125 * 1vw);
  top: 0px;
  top: calc(0 * 1vw);
  width: 1066px;
  width: calc(41.640625 * 1vw);
  height: 972px;
  height: calc(37.96875 * 1vw);
  overflow: hidden;
  /* 오른쪽에서 슬라이드 인 */
}
@media (min-width: 2560px) {
  .section-phase2__char--champion {
    left: 1021px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--champion {
    top: 0px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--champion {
    width: 1066px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--champion {
    height: 972px;
  }
}
.section-phase2__char--champion img {
  position: absolute;
  left: -262px;
  left: calc(-10.234375 * 1vw);
  top: -223px;
  top: calc(-8.7109375 * 1vw);
  width: 1761px;
  width: calc(68.7890625 * 1vw);
  height: 1908px;
  height: calc(74.53125 * 1vw);
}
@media (min-width: 2560px) {
  .section-phase2__char--champion img {
    left: -262px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--champion img {
    top: -223px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--champion img {
    width: 1761px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--champion img {
    height: 1908px;
  }
}
.section-phase2__char--champion.animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.section-phase2__char--champion.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.section-phase2__char--baine {
  left: 1338px;
  left: calc(52.265625 * 1vw);
  top: 126px;
  top: calc(4.921875 * 1vw);
  width: 1159px;
  width: calc(45.2734375 * 1vw);
  height: 1155px;
  height: calc(45.1171875 * 1vw);
  /* 오른쪽에서 슬라이드 인 후 바운싱 */
}
@media (min-width: 2560px) {
  .section-phase2__char--baine {
    left: 1338px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--baine {
    top: 126px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--baine {
    width: 1159px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--baine {
    height: 1155px;
  }
}
.section-phase2__char--baine.animate {
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.section-phase2__char--baine.animate.is_show {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: bouncing-baine 1.6s ease-in-out 1s infinite alternate;
  animation: bouncing-baine 1.6s ease-in-out 1s infinite alternate;
}
.section-phase2__char--eye1 {
  left: -143px;
  left: calc(-5.5859375 * 1vw);
  top: 919px;
  top: calc(35.8984375 * 1vw);
  width: 763px;
  width: calc(29.8046875 * 1vw);
  height: 775px;
  height: calc(30.2734375 * 1vw);
  -webkit-animation: bouncing-eye4 2.1s ease-in-out 0.4s infinite alternate;
  animation: bouncing-eye4 2.1s ease-in-out 0.4s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye1 {
    left: -143px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye1 {
    top: 919px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye1 {
    width: 763px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye1 {
    height: 775px;
  }
}
.section-phase2__char--eye1 img {
  width: 512px;
  width: calc(20 * 1vw);
  height: 583px;
  height: calc(22.7734375 * 1vw);
  -webkit-transform: rotate(-142deg) scaleY(-1);
  transform: rotate(-142deg) scaleY(-1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye1 img {
    width: 512px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye1 img {
    height: 583px;
  }
}
.section-phase2__char--eye2 {
  left: 1933px;
  left: calc(75.5078125 * 1vw);
  top: 161px;
  top: calc(6.2890625 * 1vw);
  width: 627px;
  width: calc(24.4921875 * 1vw);
  height: 644px;
  height: calc(25.15625 * 1vw);
  -webkit-animation: bouncing-eye2 1.8s ease-in-out 0.2s infinite alternate;
  animation: bouncing-eye2 1.8s ease-in-out 0.2s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye2 {
    left: 1933px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye2 {
    top: 161px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye2 {
    width: 627px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye2 {
    height: 644px;
  }
}
.section-phase2__char--eye2 img {
  width: 347px;
  width: calc(13.5546875 * 1vw);
  height: 553px;
  height: calc(21.6015625 * 1vw);
  -webkit-transform: rotate(42deg);
  transform: rotate(42deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye2 img {
    width: 347px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye2 img {
    height: 553px;
  }
}
.section-phase2__char--eye3 {
  left: 178px;
  left: calc(6.953125 * 1vw);
  top: 405px;
  top: calc(15.8203125 * 1vw);
  width: 190px;
  width: calc(7.421875 * 1vw);
  height: 177px;
  height: calc(6.9140625 * 1vw);
  -webkit-animation: bouncing-eye1 1.1s ease-in-out infinite alternate;
  animation: bouncing-eye1 1.1s ease-in-out infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye3 {
    left: 178px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye3 {
    top: 405px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye3 {
    width: 190px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye3 {
    height: 177px;
  }
}
.section-phase2__char--eye3 img {
  width: 116px;
  width: calc(4.53125 * 1vw);
  height: 152px;
  height: calc(5.9375 * 1vw);
  -webkit-transform: rotate(-59deg);
  transform: rotate(-59deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye3 img {
    width: 116px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye3 img {
    height: 152px;
  }
}
.section-phase2__char--eye4 {
  left: 311px;
  left: calc(12.1484375 * 1vw);
  top: 574px;
  top: calc(22.421875 * 1vw);
  width: 438px;
  width: calc(17.109375 * 1vw);
  height: 344px;
  height: calc(13.4375 * 1vw);
  -webkit-animation: bouncing-eye3 1.4s ease-in-out 0.6s infinite alternate;
  animation: bouncing-eye3 1.4s ease-in-out 0.6s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye4 {
    left: 311px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye4 {
    top: 574px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye4 {
    width: 438px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye4 {
    height: 344px;
  }
}
.section-phase2__char--eye4 img {
  width: 394px;
  width: calc(15.390625 * 1vw);
  height: 277px;
  height: calc(10.8203125 * 1vw);
  -webkit-transform: rotate(-11deg);
  transform: rotate(-11deg);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye4 img {
    width: 394px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye4 img {
    height: 277px;
  }
}
.section-phase2__char--eye5 {
  left: 2274px;
  left: calc(88.828125 * 1vw);
  top: 820px;
  top: calc(32.03125 * 1vw);
  width: 253px;
  width: calc(9.8828125 * 1vw);
  height: 199px;
  height: calc(7.7734375 * 1vw);
  -webkit-animation: bouncing-eye3 1.4s ease-in-out 0.4s infinite alternate;
  animation: bouncing-eye3 1.4s ease-in-out 0.4s infinite alternate;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye5 {
    left: 2274px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye5 {
    top: 820px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye5 {
    width: 253px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye5 {
    height: 199px;
  }
}
.section-phase2__char--eye5 img {
  width: 227px;
  width: calc(8.8671875 * 1vw);
  height: 160px;
  height: calc(6.25 * 1vw);
  -webkit-transform: rotate(-169deg) scaleY(-1);
  transform: rotate(-169deg) scaleY(-1);
  -webkit-transform-origin: center;
  transform-origin: center;
}
@media (min-width: 2560px) {
  .section-phase2__char--eye5 img {
    width: 227px;
  }
}
@media (min-width: 2560px) {
  .section-phase2__char--eye5 img {
    height: 160px;
  }
}

.layer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}

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

.pop {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: calc(100vh - 60px);
  overflow-y: auto;
  overflow-x: hidden;
}
.pop::-webkit-scrollbar {
  width: 4px;
}
.pop::-webkit-scrollbar-thumb {
  background: #fff;
  border-radius: 4px;
}
.pop::-webkit-scrollbar-track {
  background: transparent;
}

.pop_item {
  position: relative;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 520px;
  background: #1a1a1a;
  border: 1px solid #f74443;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.pop_item::before,
.pop_item::after {
  content: "";
  position: absolute;
  width: 168px;
  height: 141px;
  background-repeat: no-repeat;
  -webkit-background-size: 168px 141px;
  background-size: 168px 141px;
  pointer-events: none;
  z-index: 0;
}

.pop_item::before {
  top: 0;
  left: 0;
  background-image: url("/2026leagues2/img/popup/popup_top_deco-91e6b9d9c225766df33838776f1b49a8.png");
  background-position: top left;
}

.pop_item::after {
  right: 0;
  bottom: 0;
  background-image: url("/2026leagues2/img/popup/popup_bottom_deco-397586b6f4ecd72811e6f2a9d885d8c9.png");
  background-position: bottom right;
}

.pop_item > * {
  position: relative;
  z-index: 1;
}

.pop_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 100%;
  padding: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn_close {
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  cursor: pointer;
  position: relative;
}

.btn_close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url("/2026leagues2/img/popup/btn_close_x-ba19e1cb61925b96d3a0a8c15c90329d.png") no-repeat center/contain;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.pop_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  width: 100%;
  padding: 0 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.pop_title {
  width: 100%;
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
}

.pop_desc {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  color: #f74443;
  text-align: center;
  letter-spacing: -0.02em;
}

.pop_btn {
  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: 20px 0 46px;
}

.pop_reward {
  width: 480px !important;
}

.interaction-overlay {
  position: fixed;
  inset: 0;
  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;
  pointer-events: none;
  z-index: 100;
}
.interaction-overlay img {
  display: block;
  width: 600px;
  height: 600px;
  max-width: 90vw;
  max-height: 90vw;
  -o-object-fit: contain;
  object-fit: contain;
  background: transparent;
}

.pop_reward .pop_content {
  gap: 20px;
}

.pop_reward .pop_btn {
  padding: 32px 0 46px;
}

.pop_reward__head {
  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;
  gap: 8px;
  width: 352px;
}

.pop_reward__sub {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
}

.pop_reward__highlight {
  color: #f44342;
}

.pop_reward__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  letter-spacing: -0.02em;
  width: 100%;
}

.pop_reward__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 240px;
  height: 160px;
  overflow: hidden;
}

.pop_reward__img img {
  display: block;
  width: 78.07%;
  height: 87.5%;
  -o-object-fit: contain;
  object-fit: contain;
}

.pop_reward .pop_desc {
  font-weight: 600;
  line-height: 1.4;
}

.pop_history {
  width: 672px !important;
  background: #191919;
}

.pop_history .pop_top {
  width: 100%;
  padding: 30px 32px 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.pop_history .pop_content {
  padding: 0 40px;
  gap: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.pop_history__title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.3;
  color: #fff;
  text-align: center;
  margin: 0 0 24px;
}

.pop_history__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.pop_history__tab {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-bottom: 12px;
  background: none;
  border: none;
  border-bottom: 5px solid #868686;
  color: #868686;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.3;
  text-align: center;
  letter-spacing: -0.02em;
  cursor: pointer;
}
.pop_history__tab.is-active {
  color: #f74443;
  border-bottom-color: #f74443;
}

.pop_history.is-phase2 .pop_history__tab.is-active {
  color: #7950ff;
  border-bottom-color: #7950ff;
}
.pop_history.is-phase2 .pop_history__col--double {
  color: #7950ff;
}

.pop_history__list {
  display: block;
  width: 100%;
  margin-top: 26px;
  border-collapse: collapse;
}
.pop_history__list thead {
  display: block;
  width: 100%;
}

.pop_history__list--phase2 {
  display: none;
}

.pop_history.is-phase2 .pop_history__list--phase1 {
  display: none;
}
.pop_history.is-phase2 .pop_history__list--phase2 {
  display: block;
}

.pop_history__head,
.pop_history__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: -0.02em;
  text-align: left;
}

.pop_history__head {
  margin-bottom: 12px;
  padding: 10px 0;
  font-weight: 700;
  font-size: 14px;
  color: #868686;
}

.pop_history__rows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 449px;
  overflow-y: auto;
  padding-right: 20px;
}
.pop_history__rows::-webkit-scrollbar {
  width: 4px;
}
.pop_history__rows::-webkit-scrollbar-thumb {
  background: #f74443;
  border-radius: 4px;
}
.pop_history__rows::-webkit-scrollbar-track {
  background: #424242;
  border-radius: 4px;
}

.pop_history__row {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-top: 8px;
  min-height: 60px;
  padding: 10px 0;
  background: #2d2d2d;
  font-weight: 600;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pop_history__row:first-child {
  margin-top: 0;
}

.pop_history__col {
  line-height: 1.3;
}

.pop_history__col--no {
  width: 50px;
  text-align: center;
  color: #868686;
}

.pop_history__col--mission {
  width: 170px;
  margin-left: 20px;
  color: #fff;
}

.pop_history__col--reward {
  width: 108px;
  margin-right: 20px;
  color: #fff;
}

.pop_history__col--double {
  width: 80px;
  color: #f74443;
}

.pop_history__col--date {
  width: 105px;
  margin-left: 5px;
  color: #868686;
}

.pop_history__head .pop_history__col {
  color: #868686;
}

.pop_history .pop_btn {
  padding: 32px 0 46px;
}

.pop_history--rewards .pop_history__title {
  margin-bottom: 24px;
}

.pop_history__col--mission2 {
  width: 140px;
  margin-left: 20px;
  color: #fff;
}

.pop_history__col--reward2 {
  width: 180px;
  margin-left: 18px;
  color: #fff;
}

.pop_history__col--qty {
  width: 124px;
  margin-left: 20px;
  margin-right: 14px;
  color: #b8b8b8;
  text-align: center;
}

.pop_history__head .pop_history__col--qty {
  text-align: center;
}

.pop_history__row--sm {
  min-height: 52px;
}

.pop_history__qty-current {
  color: #fff;
}

.pop_history__qty-total {
  color: #868686;
}

.btn_apply_medium {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 320px;
  height: 80px;
  background: url("/2026leagues2/img/popup/btn_confirm-548acc5f9f0504f958e4c03babd03652.png") no-repeat center/cover;
  border: none;
  cursor: pointer;
  overflow: hidden;
}
.btn_apply_medium:hover, .btn_apply_medium:focus {
  background-image: url("/2026leagues2/img/popup/btn_confirm_hover-50c6b386a5c8b5a1682202c1cd995c44.png");
}

.btn_apply_medium .btn_txt {
  position: relative;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4;
  color: #fff;
  letter-spacing: -0.02em;
  z-index: 1;
}

@media (max-width: 1024px) {
  .pop_item {
    width: 50.78vw;
  }
  .pop_item::before,
  .pop_item::after {
    width: 16.41vw;
    height: 13.77vw;
    -webkit-background-size: 16.41vw 13.77vw;
    background-size: 16.41vw 13.77vw;
  }
  .pop_reward {
    width: 46.88vw !important;
  }
  .pop_reward .pop_content {
    gap: 1.95vw;
  }
  .pop_reward .pop_btn {
    padding: 3.13vw 0 4.49vw;
  }
  .pop_reward__head {
    gap: 0.78vw;
    width: 34.38vw;
  }
  .pop_reward__sub {
    font-size: 1.76vw;
  }
  .pop_reward__title {
    font-size: 2.73vw;
  }
  .pop_reward__img {
    width: 23.44vw;
    height: 15.63vw;
  }
  .pop_history {
    width: 65.63vw !important;
  }
  .pop_history .pop_top {
    padding: 2.93vw 3.13vw 0.98vw;
  }
  .pop_history .pop_content {
    padding: 0 3.91vw;
  }
  .pop_history__title {
    font-size: 2.73vw;
    margin: 0 0 2.34vw;
  }
  .pop_history__tab {
    font-size: 1.76vw;
    padding-bottom: 1.17vw;
    border-bottom-width: 0.49vw;
  }
  .pop_history__list {
    margin-top: 2.54vw;
  }
  .pop_history__head {
    margin-bottom: 1.17vw;
    padding: 0.98vw 0;
    font-size: 1.37vw;
  }
  .pop_history__rows {
    max-height: 43.85vw;
    padding-right: 1.95vw;
  }
  .pop_history__row {
    margin-top: 0.78vw;
    min-height: 5.86vw;
    padding: 0.98vw 0;
    font-size: 1.27vw;
  }
  .pop_history__col--no {
    width: 4.88vw;
  }
  .pop_history__col--mission {
    width: 16.6vw;
    margin-left: 1.95vw;
    margin-right: 0.49vw;
    padding-right: 0.49vw;
  }
  .pop_history__col--reward {
    width: 10.55vw;
    margin-right: 1.95vw;
  }
  .pop_history__col--double {
    width: 7.32vw;
    padding-right: 0.49vw;
  }
  .pop_history__col--date {
    width: 10.74vw;
  }
  .pop_history .pop_btn {
    padding: 3.13vw 0 4.49vw;
  }
  .pop_history__col--mission2 {
    width: 13.67vw;
    margin-left: 1.95vw;
  }
  .pop_history__col--reward2 {
    width: 17.58vw;
    margin-left: 1.76vw;
  }
  .pop_history__col--qty {
    width: 12.11vw;
    margin-left: 1.95vw;
    margin-right: 1.37vw;
  }
  .pop_history__row--sm {
    min-height: 5.08vw;
  }
  .pop_top {
    padding: 1.37vw;
  }
  .btn_close {
    width: 3.52vw;
    height: 3.52vw;
  }
  .btn_close::before {
    width: 1.95vw;
    height: 1.95vw;
  }
  .pop_content {
    gap: 1.37vw;
    padding: 0 3.91vw;
  }
  .pop_title {
    font-size: 2.73vw;
  }
  .pop_desc {
    font-size: 1.76vw;
  }
  .pop_btn {
    padding: 1.95vw 0 4.49vw;
  }
  .btn_apply_medium {
    width: 31.25vw;
    height: 7.81vw;
  }
  .btn_apply_medium .btn_txt {
    font-size: 3.13vw;
  }
}
.error_page ~ .riotbar-footer {
  display: none;
}

.error_page {
  margin-top: -80px;
}

.section-error {
  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;
  overflow: hidden;
  min-height: 100vh;
  background: url(/2026leagues2/img/bg_error-71f3fa60f4897c005827fac7dcbb82eb.jpg) no-repeat center/cover;
}
.section-error__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;
  z-index: 1;
  width: 850px;
  width: calc(33.203125 * 1vw);
  gap: 48px;
  gap: calc(1.875 * 1vw);
}
@media (min-width: 2560px) {
  .section-error__inner {
    width: 850px;
  }
}
@media (min-width: 2560px) {
  .section-error__inner {
    gap: 48px;
  }
}
.section-error__text {
  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;
  text-align: center;
  gap: 16px;
  gap: calc(0.625 * 1vw);
}
@media (min-width: 2560px) {
  .section-error__text {
    gap: 16px;
  }
}
.section-error__title {
  color: #f74443;
  font-weight: 800;
  letter-spacing: -0.02em;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 60px;
  font-size: 2.34375vw;
  line-height: 78px;
  line-height: 3.046875vw;
}
@media (min-width: 2560px) {
  .section-error__title {
    font-size: 60px;
    line-height: 78px;
  }
}
.section-error__desc {
  color: #b8b8b8;
  font-weight: 600;
  letter-spacing: -0.02em;
  font-size: 28px;
  font-size: 1.09375vw;
  line-height: 36px;
  line-height: 1.40625vw;
}
@media (min-width: 2560px) {
  .section-error__desc {
    font-size: 28px;
    line-height: 36px;
  }
}

.btn-error {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url("/2026leagues2/img/btn-d9de0887240fb6661b170553ae4c4349.png");
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  text-align: center;
  text-decoration: none;
  width: 400px;
  width: calc(15.625 * 1vw);
  height: 80px;
  height: calc(3.125 * 1vw);
}
@media (min-width: 2560px) {
  .btn-error {
    width: 400px;
  }
}
@media (min-width: 2560px) {
  .btn-error {
    height: 80px;
  }
}
.btn-error:hover, .btn-error:focus {
  background-image: url("/2026leagues2/img/btn-hover-b196cf3c44c71171693cbd227b30de8f.png");
}
.btn-error__text {
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.02em;
  font-size: 32px;
  font-size: 1.25vw;
  line-height: 45px;
  line-height: 1.7578125vw;
}
@media (min-width: 2560px) {
  .btn-error__text {
    font-size: 32px;
    line-height: 45px;
  }
}

.notice__toggle {
  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: 100%;
  background: #000;
  border: none;
  border-top: 1px solid #1c1c1c;
  cursor: pointer;
  padding: 22px 0px;
  padding: calc(0.859375 * 1vw) calc(0 * 1vw);
  gap: 12px;
  gap: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .notice__toggle {
    padding: 22px 0px;
  }
}
@media (min-width: 2560px) {
  .notice__toggle {
    gap: 12px;
  }
}
.notice__toggle[aria-expanded=true] .notice__icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.notice__title {
  color: #fff;
  letter-spacing: -0.02em;
  font-size: 20px;
  font-size: calc(0.78125 * 1vw);
  font-weight: 700;
}
@media (min-width: 2560px) {
  .notice__title {
    font-size: 20px;
  }
}
.notice__icon {
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  width: 18px;
  width: calc(0.703125 * 1vw);
  height: 12px;
  height: calc(0.46875 * 1vw);
}
@media (min-width: 2560px) {
  .notice__icon {
    width: 18px;
  }
}
@media (min-width: 2560px) {
  .notice__icon {
    height: 12px;
  }
}
.notice__content {
  background: #242424;
}
.notice__content[hidden] {
  display: none;
}

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

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

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

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

.precautions > ul > li > ul {
  padding-left: 17px;
  padding-left: 0.8854166667vw;
}

.precautions > ul > li p {
  padding-left: 28px;
  padding-left: 1.4583333333vw;
}

.precautions > ul > li .underline {
  text-decoration: underline;
}

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

.precautions > ul > li a {
  color: inherit;
  text-decoration: underline;
}

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

.precautions .table {
  margin-top: 14px;
  margin-top: 0.7291666667vw;
  padding: 0px 0px 20px 28px;
  padding: 0vw 0vw 1.0416666667vw 1.4583333333vw;
}

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

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

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

@media (min-width: 2560px) {
  .precautions {
    padding: 114px 155px 120px;
    font-size: 16px;
    line-height: 32px;
  }
  .precautions h4 {
    line-height: 32px;
  }
  .precautions h4 ~ h4 {
    margin-top: 10px;
  }
  .precautions > ul {
    padding-left: 10px;
  }
  .precautions > ul > li > ul {
    padding-left: 17px;
  }
  .precautions > ul > li p {
    padding-left: 28px;
  }
  .precautions .desc_item > li {
    padding-left: 17px;
  }
  .precautions .table {
    margin-top: 14px;
    padding: 0px 0px 20px 28px;
  }
  .precautions table th,
  .precautions table td {
    padding: 12px;
    font-size: 16px;
  }
  .precautions table th {
    width: 178px;
  }
}
@media screen and (max-width: 768px) {
  .precautions {
    padding: 80px 64px 90px;
    padding: 7.8125vw 6.25vw 8.7890625vw;
    font-size: 24px;
    font-size: 2.34375vw;
    line-height: 40px;
    line-height: 3.90625vw;
  }
  .precautions h4 {
    font-size: 26px;
    font-size: 2.5390625vw;
    line-height: 52px;
    line-height: 5.078125vw;
  }
  .precautions h4 ~ h4 {
    margin-top: 20px;
    margin-top: 1.953125vw;
  }
}