/* ═══ 이 페이지 전용 ═══ */
header {
  transition: height .3s, background-color .4s;
}
header .head_in .etc .etc_in ul li a img {
  transition: filter .4s;
}
body.anniv3_dark header {
  background-color: #000;
}
body.anniv3_dark .wrap.sc header {
  background-color: #000000d9;
}
body.anniv3_dark header .head_in .etc .etc_in ul li a img {
  filter: invert(1);
}

@font-face {
  font-family: NanumSquareRound;
  src: url(https://cdn.jsdelivr.net/npm/@kfonts/nanum-square-round@0.2.0/NanumSquareRoundEB.woff2) format("woff2"), url(https://cdn.jsdelivr.net/npm/@kfonts/nanum-square-round@0.2.0/NanumSquareRoundEB.woff) format("woff");
  font-weight: 800;
  font-display: swap;
}
.anniv3_wrap {
  display: block;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  overflow-x: clip;
  --u: min(1rem, .390625vw);
  font-family: Pretendard, sans-serif;
}
.anniv3_wrap :where(span, em, strong, label, p, li, a, button, input, h1, h2, h3, h4) {
  font-family: inherit;
}
.anniv3_wrap .anniv3_gnb {
  display: block;
  position: sticky;
  top: 6.2rem;
  z-index: 99;
  margin-bottom: calc(-9.2 * var(--u));
  height: calc(9.2 * var(--u));
  background-color: #e3f4c2;
  background-image: url(/assets/event/3rdAnniversary/img/gnb_bg--L1WtNJr.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  box-shadow: 0 calc(.2 * var(--u)) calc(1 * var(--u)) rgba(0, 0, 0, .08);
  transition: background-color .4s;
}
.anniv3_wrap .anniv3_gnb::before,
.anniv3_wrap .anniv3_gnb::after {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: calc(.4 * var(--u));
  background-image: linear-gradient(90deg, #abd6a1 0%, #d9e89d 50%, #abd6a1 100%);
  transition: background-image .4s, opacity .4s;
}
.anniv3_wrap .anniv3_gnb::before {
  top: 0;
}
.anniv3_wrap .anniv3_gnb::after {
  bottom: 0;
}
.anniv3_wrap .anniv3_gnb .anniv3_gnb_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.anniv3_wrap .anniv3_gnb ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 0 calc(14.5 * var(--u));
  position: absolute;
  left: calc(50% - 51.4 * var(--u));
  top: 0;
  height: 100%;
  list-style: none;
}
.anniv3_wrap .anniv3_gnb ul li {
  position: relative;
  flex-shrink: 0;
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(1) {
  width: calc(14.4 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(2) {
  width: calc(9.5 * var(--u));
  margin-right: calc(-.1 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(3) {
  width: calc(15.6 * var(--u));
  margin-right: calc(-1.9 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(4) {
  width: calc(23.6 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  height: 100%;
  padding: calc(3.1 * var(--u)) 0 0;
  text-decoration: none;
}
.anniv3_wrap .anniv3_gnb ul li a::before {
  display: block;
  content: "";
  position: absolute;
  left: calc(-4.8 * var(--u));
  top: calc(3.6 * var(--u));
  width: calc(3.9 * var(--u));
  height: calc(1.9 * var(--u));
  background: url(/assets/event/3rdAnniversary/img/gnb_icon_on-HGODNxoz.png) center / 100% 100% no-repeat;
  opacity: 0;
  transform: scale(.6);
  transition: opacity .3s, transform .3s;
}
.anniv3_wrap .anniv3_gnb ul li.on a::before,
.anniv3_wrap .anniv3_gnb ul li:hover a::before,
.anniv3_wrap .anniv3_gnb ul li a:focus-visible::before {
  opacity: 1;
  transform: scale(1);
}
.anniv3_wrap .anniv3_gnb ul li a:focus {
  outline: 0;
}
.anniv3_wrap .anniv3_gnb ul li a:focus-visible .anniv3_gnb_img,
.anniv3_wrap .anniv3_gnb ul li a:focus-visible .text {
  outline: calc(.3 * var(--u)) solid rgba(92, 138, 60, .8);
  outline-offset: calc(.8 * var(--u));
  border-radius: calc(1 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li.on a::before {
  filter: drop-shadow(0 0 calc(.1 * var(--u)) #faffc1) drop-shadow(0 0 calc(.2 * var(--u)) #faffc1) drop-shadow(0 0 calc(.4 * var(--u)) rgba(250, 255, 193, .85)) drop-shadow(0 0 calc(.8 * var(--u)) rgba(250, 255, 193, .72));
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(4) a::before {
  left: calc(-5.4 * var(--u));
  top: calc(2.8 * var(--u));
  width: calc(5.1 * var(--u));
  height: calc(3.3 * var(--u));
  background-image: url(/assets/event/3rdAnniversary/img/gnb_icon_on_brown_light-7ZYyxQwC.png);
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(4).on a::before {
  filter: none;
}
.anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img {
  position: relative;
  width: 100%;
  height: calc(3.3 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img {
  display: block;
  position: absolute;
  left: calc(-1.9 * var(--u));
  top: calc(-1.7 * var(--u));
  width: auto;
  height: calc(7.2 * var(--u));
  max-width: none;
  transition: opacity .3s;
}
.anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img.on {
  opacity: 0;
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img {
  left: calc(-1.8 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(1) a .anniv3_gnb_img img {
  left: calc(-1.5 * var(--u));
  top: calc(-1.3 * var(--u));
  height: calc(6.7 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li:nth-child(3) a .anniv3_gnb_img img {
  left: calc(-1.5 * var(--u));
  top: calc(-1.2 * var(--u));
  height: calc(6.6 * var(--u));
}
.anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img.dark,
.anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img.mobile_only {
  display: none;
}
.anniv3_wrap .anniv3_gnb ul li.on a .anniv3_gnb_img img.on,
.anniv3_wrap .anniv3_gnb ul li:hover a .anniv3_gnb_img img.on,
.anniv3_wrap .anniv3_gnb ul li a:focus-visible .anniv3_gnb_img img.on {
  opacity: 1;
}
.anniv3_wrap .anniv3_gnb ul li.on a .anniv3_gnb_img img.off,
.anniv3_wrap .anniv3_gnb ul li:hover a .anniv3_gnb_img img.off,
.anniv3_wrap .anniv3_gnb ul li a:focus-visible .anniv3_gnb_img img.off {
  opacity: 0;
}
.anniv3_wrap .anniv3_gnb ul li a .text {
  display: none;
  align-items: center;
  gap: 0 calc(.6 * var(--u));
  position: relative;
  z-index: 1;
  color: #2f6b1d;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(3.6 * var(--u));
  line-height: 1.2;
  letter-spacing: calc(-.09 * var(--u));
  white-space: nowrap;
  text-shadow: 0 calc(.2 * var(--u)) 0 rgba(255, 255, 255, .6);
  transition: color .4s;
}
.anniv3_wrap .anniv3_gnb ul li a .text::before {
  display: block;
  content: "";
  position: absolute;
  left: calc(-4.8 * var(--u));
  top: 50%;
  width: calc(3.9 * var(--u));
  height: calc(1.9 * var(--u));
  margin-top: calc(-1.05 * var(--u));
  background: url(/assets/event/3rdAnniversary/img/gnb_icon_on-HGODNxoz.png) center / 100% 100% no-repeat;
  opacity: 0;
  transform: scale(.6);
  transition: opacity .3s, transform .3s;
}
.anniv3_wrap .anniv3_gnb ul li a .reflection {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: calc(5.9 * var(--u));
  color: #2f6b1d;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(3.6 * var(--u));
  line-height: 1.2;
  letter-spacing: calc(-.09 * var(--u));
  white-space: nowrap;
  text-align: center;
  opacity: .32;
  transform: scaleY(-1);
  transform-origin: 50% 50%;
  pointer-events: none;
  -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 75%);
  mask-image: linear-gradient(180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, 0) 75%);
  filter: blur(calc(.03 * var(--u)));
  transition: color .4s, opacity .4s;
}
.anniv3_wrap .anniv3_gnb ul li.on a .text::before,
.anniv3_wrap .anniv3_gnb ul li:hover a .text::before {
  opacity: 1;
  transform: scale(1);
}
.anniv3_wrap .anniv3_gnb ul li.on a .text::before {
  filter: drop-shadow(0 0 calc(.1 * var(--u)) #faffc1) drop-shadow(0 0 calc(.2 * var(--u)) #faffc1) drop-shadow(0 0 calc(.4 * var(--u)) rgba(250, 255, 193, .85)) drop-shadow(0 0 calc(.8 * var(--u)) rgba(250, 255, 193, .72));
}
.anniv3_wrap .anniv3_gnb ul li.on a .text,
.anniv3_wrap .anniv3_gnb ul li:hover a .text,
.anniv3_wrap .anniv3_gnb ul li.on a .reflection,
.anniv3_wrap .anniv3_gnb ul li:hover a .reflection {
  color: #8fd15a;
}
.anniv3_wrap .anniv3_gnb .anniv3_gnb_br {
  display: none;
}

body.anniv3_dark .anniv3_wrap .anniv3_gnb {
  background-color: #1f110e;
  background-image: url(/assets/event/3rdAnniversary/img/gnb_bg_dark-XxYuprI0.png);
  box-shadow: 0 calc(.2 * var(--u)) calc(1 * var(--u)) rgba(0, 0, 0, .4);
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb::before,
body.anniv3_dark .anniv3_wrap .anniv3_gnb::after {
  background-image: linear-gradient(90deg, #160606 0%, #42201c 50%, #160606 100%);
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a::before {
  left: calc(-5.4 * var(--u));
  top: calc(2.9 * var(--u));
  width: calc(5.1 * var(--u));
  height: calc(3.3 * var(--u));
  background-image: url(/assets/event/3rdAnniversary/img/gnb_icon_on_green_dark-sxwQwulS.png);
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a::before {
  left: calc(-6.1 * var(--u));
  top: calc(2.1 * var(--u));
  width: calc(6.5 * var(--u));
  height: calc(4.9 * var(--u));
  background-image: url(/assets/event/3rdAnniversary/img/gnb_icon_on_brown-V2ROiUWy.png);
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li.on a::before,
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li.on a .text::before {
  filter: none;
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img {
  display: none;
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img.dark {
  display: block;
  left: calc(-1.5 * var(--u));
  top: calc(-1.3 * var(--u));
  height: calc(6.7 * var(--u));
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img.dark {
  height: calc(6.5 * var(--u));
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img.mobile_only {
  display: none;
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a .text,
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a .reflection {
  color: #b28471;
  text-shadow: 0 calc(.1 * var(--u)) 0 rgba(0, 0, 0, .5);
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a:focus-visible .anniv3_gnb_img,
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a:focus-visible .text {
  outline-color: rgba(243, 215, 195, .9);
}
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li.on a .text,
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:hover a .text,
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li.on a .reflection,
body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:hover a .reflection {
  color: #f3d7c3;
}

.anniv3_wrap section {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(6.2rem + 16.8 * var(--u)) calc(4 * var(--u)) calc(4 * var(--u));
  scroll-margin-top: 0;
}
.anniv3_wrap .section2,
.anniv3_wrap .section4 {
  align-items: flex-start;
}
.anniv3_wrap .section2,
.anniv3_wrap .section3,
.anniv3_wrap .section4 {
  height: calc(6.2rem + 137.8 * var(--u));
  overflow: hidden;
}
.anniv3_wrap section .section_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(1.6 * var(--u)) 0;
  text-align: center;
}
.anniv3_wrap .section1 {
  display: block;
  position: relative;
  height: 100vh;
  height: 100svh;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  --anniv3-kv: min(1rem, .6944vh);
}
.anniv3_wrap .section1 .section_inner_main {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_main_bg {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_main_bg picture {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_main_bg img {
  display: block;
  width: 100%;
  height: 100%;
}
.anniv3_wrap .anniv3_main_bg img {
  object-fit: cover;
  object-position: center bottom;
}
.anniv3_wrap .anniv3_main_bg img.mobile {
  display: none;
}
.anniv3_wrap .anniv3_main_kv {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: max(100%, 177.78vh);
  width: max(100%, 177.78svh);
  aspect-ratio: 2560 / 1440;
  transform: translateX(-50%);
  animation: anniv3KvIn .9s cubic-bezier(.22, 1, .36, 1) both;
}
.anniv3_wrap .anniv3_main_logo {
  display: block;
  position: absolute;
  left: 38.36%;
  top: 65.42%;
  width: 23.28%;
  margin: 0;
}
.anniv3_wrap .anniv3_main_logo img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_main_store {
  display: flex;
  align-items: center;
  position: absolute;
  left: 42.7%;
  top: 88.13%;
  width: 15.43%;
  gap: 0 3.04%;
  list-style: none;
}
.anniv3_wrap .anniv3_main_scroll {
  display: block;
  position: absolute;
  left: 49.96%;
  bottom: 1.25%;
  z-index: 2;
  width: 5.23%;
  margin-left: -2.615%;
  animation: anniv3ScrollBob 1.8s ease-in-out infinite;
}
.anniv3_wrap .anniv3_main_scroll img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_main_scroll:focus {
  outline: 0;
}
.anniv3_wrap .anniv3_main_scroll:focus-visible {
  outline: calc(.3 * var(--u)) solid rgba(92, 138, 60, .8);
  outline-offset: calc(.4 * var(--u));
  border-radius: 50%;
}
@keyframes anniv3ScrollBob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(12%);
  }
}
.anniv3_wrap .anniv3_main_store li:first-child {
  width: 45.57%;
}
.anniv3_wrap .anniv3_main_store li:last-child {
  width: 51.42%;
}
.anniv3_wrap .anniv3_main_store li a {
  display: block;
  transition: transform .25s cubic-bezier(.22, 1, .36, 1), filter .25s;
}
.anniv3_wrap .anniv3_main_store li a img {
  display: block;
  height: auto;
}
.anniv3_wrap .anniv3_main_store li:first-child a img {
  width: 100%;
}
.anniv3_wrap .anniv3_main_store li:last-child a img {
  width: 100%;
}
.anniv3_wrap .anniv3_main_store li a:hover,
.anniv3_wrap .anniv3_main_store li a:focus-visible {
  transform: translateY(-.2rem);
  filter: drop-shadow(0 .4rem .8rem rgba(0, 0, 0, .25));
}
.anniv3_wrap .anniv3_main_store li a:focus-visible {
  outline: calc(.3 * var(--u)) solid rgba(31, 84, 12, .9);
  outline-offset: calc(.4 * var(--u));
  border-radius: calc(1.2 * var(--u));
}
@keyframes anniv3KvIn {
  from {
    opacity: 0;
    transform: translate(-50%, calc(2 * var(--u)));
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
.anniv3_wrap .section2 {
  position: relative;
  isolation: isolate;
  background-color: #f0fbff;
}
.anniv3_wrap .section2 {
  display: block;
  padding: calc(6.2rem + 15 * var(--u)) 0 0;
}
.anniv3_wrap .section2 .section_inner {
  position: relative;
  z-index: 1;
}
.anniv3_wrap .section2 .section_inner_prereg {
  display: block;
  width: calc(212.2 * var(--u));
  margin: 0 auto;
  text-align: left;
}
.anniv3_wrap .blind {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.anniv3_wrap .anniv3_prereg_head {
  display: block;
  margin: calc(-3 * var(--u)) 0 calc(5 * var(--u)) calc(-2.2 * var(--u));
}
.anniv3_wrap .anniv3_prereg_title {
  display: block;
  margin: 0;
  line-height: 0;
}
.anniv3_wrap .anniv3_prereg_title img {
  display: block;
  width: calc(87.7 * var(--u));
  height: auto;
}
.anniv3_wrap .anniv3_prereg_panel {
  display: grid;
  grid-template-columns: 1fr calc(93.8 * var(--u));
  gap: 0 calc(6.4 * var(--u));
  position: relative;
  height: calc(88.9 * var(--u));
  padding: calc(7.2 * var(--u)) calc(6.2 * var(--u)) 0 calc(8.4 * var(--u));
  border: calc(.3 * var(--u)) solid #cfeb99;
  border-radius: calc(18 * var(--u)) 0 calc(18 * var(--u)) 0;
  background-image: url(/assets/event/3rdAnniversary/img/panel_pattern-2P_uMgAP.png);
  background-size: calc(5.4 * var(--u)) calc(5.4 * var(--u));
  background-repeat: repeat;
  background-position: 0 0;
}
.anniv3_wrap .anniv3_prereg_panel::before {
  display: block;
  content: "";
  position: absolute;
  left: calc(.5 * var(--u));
  top: calc(.2 * var(--u));
  width: calc(5.4 * var(--u));
  height: calc(5.3 * var(--u));
  background-color: #cfeb99;
  -webkit-mask: url("data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2054%2053%22><path%20d=%22M26.37%203.75%20L25.87%207.25%20L25.12%208.75%20L24.87%2010.12%20L22.75%2014.12%20L19.75%2018.0%20L15.5%2021.87%20L12.25%2023.87%20L11.25%2024.12%20L10.12%2024.87%20L8.87%2025.12%20L7.12%2025.87%20L4.5%2026.12%20L3.62%2026.5%20L6.62%2027.62%20L9.0%2028.12%20L10.0%2028.75%20L11.12%2029.0%20L12.25%2029.75%20L13.12%2030.0%20L16.37%2032.25%20L18.25%2033.87%20L20.87%2036.62%20L23.62%2040.75%20L24.87%2043.37%20L25.25%2045.0%20L25.75%2045.75%20L26.25%2049.37%20L26.62%2049.5%20L27.75%2046.37%20L28.0%2044.75%20L30.0%2040.37%20L33.0%2036.12%20L36.12%2033.0%20L38.37%2031.25%20L42.0%2029.12%20L43.37%2028.75%20L44.75%2028.0%20L46.37%2027.75%20L49.75%2026.5%20L49.0%2026.12%20L45.75%2025.75%20L44.87%2025.25%20L43.62%2025.0%20L39.62%2023.0%20L35.62%2020.0%20L33.0%2017.37%20L30.12%2013.25%20L28.12%209.0%20L27.0%204.75Z%22/></svg>") center / 100% 100% no-repeat;
  mask: url("data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2054%2053%22><path%20d=%22M26.37%203.75%20L25.87%207.25%20L25.12%208.75%20L24.87%2010.12%20L22.75%2014.12%20L19.75%2018.0%20L15.5%2021.87%20L12.25%2023.87%20L11.25%2024.12%20L10.12%2024.87%20L8.87%2025.12%20L7.12%2025.87%20L4.5%2026.12%20L3.62%2026.5%20L6.62%2027.62%20L9.0%2028.12%20L10.0%2028.75%20L11.12%2029.0%20L12.25%2029.75%20L13.12%2030.0%20L16.37%2032.25%20L18.25%2033.87%20L20.87%2036.62%20L23.62%2040.75%20L24.87%2043.37%20L25.25%2045.0%20L25.75%2045.75%20L26.25%2049.37%20L26.62%2049.5%20L27.75%2046.37%20L28.0%2044.75%20L30.0%2040.37%20L33.0%2036.12%20L36.12%2033.0%20L38.37%2031.25%20L42.0%2029.12%20L43.37%2028.75%20L44.75%2028.0%20L46.37%2027.75%20L49.75%2026.5%20L49.0%2026.12%20L45.75%2025.75%20L44.87%2025.25%20L43.62%2025.0%20L39.62%2023.0%20L35.62%2020.0%20L33.0%2017.37%20L30.12%2013.25%20L28.12%209.0%20L27.0%204.75Z%22/></svg>") center / 100% 100% no-repeat;
}
.anniv3_wrap .anniv3_prereg_reward {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.anniv3_wrap .anniv3_prereg_subtitle {
  display: block;
  margin: calc(-3.3 * var(--u)) 0 calc(2.1 * var(--u)) calc(-2.9 * var(--u));
  line-height: 0;
}
.anniv3_wrap .anniv3_prereg_subtitle img {
  display: block;
  width: calc(55.1 * var(--u));
  height: auto;
}
.anniv3_wrap .anniv3_prereg_reward_body {
  display: block;
  position: relative;
  flex: 0 0 auto;
  width: calc(98 * var(--u));
  height: calc(65.6 * var(--u));
  margin: calc(1 * var(--u)) 0 0 calc(-.7 * var(--u));
}
.anniv3_wrap .anniv3_prereg_reward_figure {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.anniv3_wrap .anniv3_prereg_reward_figure picture,
.anniv3_wrap .anniv3_prereg_reward_figure img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_prereg_reward_figure .anniv3_prereg_reward_ner {
  position: absolute;
  height: auto;
}
.anniv3_wrap .anniv3_prereg_reward_figure .anniv3_prereg_reward_ner_spin {
  left: 45.71%;
  top: 37.96%;
  width: 52.76%;
}
.anniv3_wrap .anniv3_prereg_form {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.anniv3_wrap .anniv3_prereg_form .anniv3_prereg_subtitle {
  order: 0;
  margin: calc(-3.3 * var(--u)) 0 calc(2 * var(--u)) calc(-2.3 * var(--u));
}
.anniv3_wrap .anniv3_prereg_form .anniv3_prereg_subtitle img {
  width: calc(58.6 * var(--u));
}
.anniv3_wrap .anniv3_prereg_rows {
  order: 1;
}
.anniv3_wrap .anniv3_prereg_agree {
  display: block;
  order: 2;
  position: relative;
  margin: 0 calc(-.7 * var(--u)) 0 calc(5.3 * var(--u));
  padding: calc(4.4 * var(--u)) 0 0 calc(2.5 * var(--u));
}
.anniv3_wrap .anniv3_prereg_agree::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(.2 * var(--u));
  background-image: repeating-linear-gradient(90deg, rgba(92, 138, 60, .3) 0 calc(1.6 * var(--u)), transparent calc(1.6 * var(--u)) calc(2.4 * var(--u)));
}

.anniv3_wrap .anniv3_prereg_rows {
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--u)) 0;
  margin: 0 0 calc(4.4 * var(--u)) calc(7.2 * var(--u));
}
.anniv3_wrap .anniv3_prereg_row {
  display: flex;
  align-items: center;
  position: relative;
  width: calc(85.3 * var(--u));
  height: calc(11.4 * var(--u));
}
.anniv3_wrap .anniv3_prereg_row::before {
  display: block;
  content: "";
  position: absolute;
  inset: calc(-1.1 * var(--u));
  z-index: 0;
  border: calc(6 * var(--u)) solid transparent;
  border-image: url(/assets/event/3rdAnniversary/img/input_bg-XSFproic.png) 60 fill / calc(6 * var(--u)) stretch;
  pointer-events: none;
  transition: filter .25s;
}
.anniv3_wrap .anniv3_prereg_row:focus-within::before {
  filter: drop-shadow(0 0 calc(.8 * var(--u)) rgba(244, 240, 168, .95));
}
.anniv3_wrap .anniv3_prereg_row.is-invalid {
  animation: anniv3Shake .4s cubic-bezier(.36, .07, .19, .97);
}
.anniv3_wrap .anniv3_prereg_row input {
  display: block;
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  min-width: 0;
  height: 100%;
  padding: 0 calc(21 * var(--u)) 0 calc(10.4 * var(--u));
  border: 0;
  background: transparent;
  color: #4c801a;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: calc(2.76 * var(--u));
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.06em;
  outline: 0;
}
.anniv3_wrap .anniv3_prereg_row:nth-child(n+2) input {
  font-size: calc(3.03 * var(--u));
}
.anniv3_wrap .anniv3_prereg_row input::placeholder {
  color: #4c801a;
  font-style: italic;
  opacity: .5;
}
.anniv3_wrap .anniv3_prereg_row input:read-only {
  cursor: default;
}
.anniv3_wrap .anniv3_prereg_row input:disabled {
  color: #4c801a;
  -webkit-text-fill-color: #4c801a;
  opacity: 1;
  cursor: default;
}
.anniv3_wrap .anniv3_prereg_row input:disabled::placeholder {
  opacity: .35;
}
.anniv3_wrap .anniv3_prereg_row input:-webkit-autofill,
.anniv3_wrap .anniv3_prereg_row input:-webkit-autofill:hover,
.anniv3_wrap .anniv3_prereg_row input:-webkit-autofill:focus,
.anniv3_wrap .anniv3_prereg_row input:-webkit-autofill:active,
.anniv3_wrap .anniv3_prereg_row input:autofill,
.anniv3_wrap .anniv3_prereg_row input:autofill:hover,
.anniv3_wrap .anniv3_prereg_row input:autofill:focus,
.anniv3_wrap .anniv3_prereg_row input:autofill:active {
  transition: background-color 9999s ease-out 0s;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: #4c801a !important;
  caret-color: #4c801a;
  filter: none;
}
.anniv3_wrap .anniv3_prereg_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: calc(0.5 * var(--u));
  top: calc(0.2 * var(--u));
  z-index: 2;
  width: calc(20.2 * var(--u));
  height: calc(10.1 * var(--u));
  padding: 0 0 calc(.4 * var(--u)) calc(1.2 * var(--u));
  border: 0;
  background-color: #6a9b28;
  background-image: linear-gradient(40deg, #3d7826 0%, #8db52a 100%);
  color: #fff;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(4.4 * var(--u));
  line-height: 1;
  letter-spacing: calc(-.1 * var(--u));
  cursor: pointer;
  -webkit-mask: url(/assets/event/3rdAnniversary/img/input_btn_mask-w4QzdZBz.svg) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/input_btn_mask-w4QzdZBz.svg) center / 100% 100% no-repeat;
  transition: background-color .25s, filter .25s;
}
.anniv3_wrap .anniv3_prereg_btn picture {
  display: block;
  transform: translate(calc(-.1 * var(--u)), calc(1.1 * var(--u)));
}
.anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_btn_img {
  display: block;
  width: calc(11.2 * var(--u));
  height: auto;
}
.anniv3_wrap .anniv3_prereg_btn_verify .anniv3_prereg_btn_img {
  width: calc(11 * var(--u));
}
.anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_btn_img {
  filter: drop-shadow(0 calc(.6 * var(--u)) calc(.5 * var(--u)) rgba(12, 40, 0, .7));
}
.anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_btn_text {
  display: none;
}
.anniv3_wrap .anniv3_prereg_row.is-cooldown .anniv3_prereg_btn picture {
  display: none;
}
.anniv3_wrap .anniv3_prereg_row.is-cooldown .anniv3_prereg_btn .anniv3_prereg_btn_text {
  display: flex;
  justify-content: center;
  align-items: baseline;
  font-family: inherit;
  text-shadow: 0 calc(.6 * var(--u)) calc(.2 * var(--u)) rgba(12, 40, 0, .95);
}
.anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_btn_text span {
  font-family: inherit;
}
.anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_timer_num {
  display: block;
  min-width: calc(6.8 * var(--u));
  text-align: right;
  font-variant-numeric: tabular-nums;
}
.anniv3_wrap .anniv3_prereg_btn:hover,
.anniv3_wrap .anniv3_prereg_btn:focus-visible {
  background-image: linear-gradient(40deg, #3d7826 0%, #8db52a 100%);
  filter: brightness(1.12);
}
.anniv3_wrap .anniv3_prereg_btn:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_prereg_row::after {
  display: none;
  content: "";
  position: absolute;
  right: 0;
  top: calc(-.3 * var(--u));
  z-index: 1;
  width: calc(21.2 * var(--u));
  height: calc(11.1 * var(--u));
  background-color: rgba(31, 84, 12, .9);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/input_btn_mask-w4QzdZBz.svg) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/input_btn_mask-w4QzdZBz.svg) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_prereg_row:has(.anniv3_prereg_btn:focus-visible)::after {
  display: block;
}
.anniv3_wrap .anniv3_prereg_btn:active {
  filter: brightness(.95);
}
.anniv3_wrap .anniv3_prereg_btn:disabled {
  cursor: default;
}
.anniv3_wrap .anniv3_prereg_btn_verify:disabled,
.anniv3_wrap .anniv3_prereg_btn_copy:disabled {
  background-image: linear-gradient(90deg, #48662f 0%, #59753b 100%);
  filter: none;
}
.anniv3_wrap .anniv3_prereg_btn_verify:disabled .anniv3_prereg_btn_img,
.anniv3_wrap .anniv3_prereg_btn_copy:disabled .anniv3_prereg_btn_img {
  opacity: .5;
}
.anniv3_wrap .anniv3_prereg_row.is-cooldown .anniv3_prereg_btn {
  padding-bottom: calc(.6 * var(--u));
  background-image: linear-gradient(90deg, #48662f 0%, #59753b 100%);
  font-family: NanumSquareRound, Paperlogy, Pretendard, sans-serif;
  font-size: calc(3.2 * var(--u));
  font-weight: 800;
  letter-spacing: 0;
  filter: none;
}
@keyframes anniv3Shake {
  10%, 90% {
    transform: translateX(calc(-.2 * var(--u)));
  }
  20%, 80% {
    transform: translateX(calc(.4 * var(--u)));
  }
  30%, 50%, 70% {
    transform: translateX(calc(-.6 * var(--u)));
  }
  40%, 60% {
    transform: translateX(calc(.6 * var(--u)));
  }
}
.anniv3_wrap .anniv3_prereg_agree ul {
  display: flex;
  flex-direction: column;
  gap: calc(.9 * var(--u)) 0;
  margin-top: calc(.9 * var(--u));
  padding-left: calc(4.6 * var(--u));
  list-style: none;
}
.anniv3_wrap .anniv3_prereg_agree ul li {
  display: flex;
  align-items: center;
  gap: 0 calc(.9 * var(--u));
}
.anniv3_wrap .anniv3_prereg_check {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 0 calc(1.3 * var(--u));
  font-family: Paperlogy, Pretendard, sans-serif;
  line-height: 1.3;
  cursor: pointer;
}
.anniv3_wrap .anniv3_prereg_check_all {
  color: #347a40;
  font-weight: 700;
  font-size: calc(2.785 * var(--u));
  letter-spacing: -.04em;
}
.anniv3_wrap .anniv3_prereg_agree ul .anniv3_prereg_check {
  gap: 0 calc(.7 * var(--u));
  color: #81b68a;
  font-weight: 700;
  font-size: calc(2.785 * var(--u));
  letter-spacing: -.04em;
}
.anniv3_wrap .anniv3_prereg_required_mark {
  display: inline-block;
  margin-right: .25em;
  font-style: normal;
  font-weight: 700;
}
.anniv3_wrap .anniv3_prereg_check input {
  display: block;
  flex-shrink: 0;
  width: calc(3.8 * var(--u));
  height: calc(3.8 * var(--u));
  margin: 0;
  border: 0;
  background: url(/assets/event/3rdAnniversary/img/checkbox_off--Wl2SL5o.png) center / 100% 100% no-repeat;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  transition: transform .15s;
}
.anniv3_wrap .anniv3_prereg_check input:checked {
  background-image: url(/assets/event/3rdAnniversary/img/checkbox_on-h2WOQX2C.png);
}
.anniv3_wrap .anniv3_prereg_check input:active {
  transform: scale(.92);
}
.anniv3_wrap .anniv3_prereg_check input:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_prereg_check::after {
  display: none;
  content: "";
  position: absolute;
  left: calc(-.65 * var(--u));
  top: 50%;
  width: calc(5.1 * var(--u));
  height: calc(5.1 * var(--u));
  background-color: rgba(31, 84, 12, .9);
  transform: translateY(-50%);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_checkbox-U8vtXhJ3.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_checkbox-U8vtXhJ3.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_prereg_check:has(input:focus-visible)::after {
  display: block;
}
.anniv3_wrap .anniv3_prereg_row input:focus-visible {
  filter: drop-shadow(0 0 calc(.5 * var(--u)) rgba(61, 120, 38, 1));
}
.anniv3_wrap .anniv3_prereg_more {
  display: block;
  position: relative;
  flex-shrink: 0;
  width: calc(19.4 * var(--u));
  height: calc(4.8 * var(--u));
  margin: calc(-.6 * var(--u)) 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.anniv3_wrap .anniv3_prereg_more picture,
.anniv3_wrap .anniv3_prereg_more img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_prereg_more::after {
  display: none;
  content: "";
  position: absolute;
  inset: calc(-.8 * var(--u));
  z-index: 1;
  background-color: rgba(31, 84, 12, .9);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_prereg_more_btn-PlotgSd_.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_prereg_more_btn-PlotgSd_.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_prereg_more:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_prereg_more:focus-visible::after {
  display: block;
}
.anniv3_wrap .anniv3_prereg_notes {
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(5.8 * var(--u));
  row-gap: calc(.6 * var(--u));
  margin: calc(3.3 * var(--u)) 0 0 calc(.2 * var(--u));
  list-style: none;
}
.anniv3_wrap .anniv3_prereg_notes li {
  position: relative;
  padding-left: calc(2.6 * var(--u));
  color: #b39c7d;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: calc(2.4 * var(--u));
  font-weight: 400;
  line-height: calc(4 * var(--u));
  letter-spacing: -.02em;
}
.anniv3_wrap .anniv3_prereg_notes li::before {
  content: "◈";
  position: absolute;
  left: 0;
  top: 0;
  color: #b39c7d;
  font-size: calc(1.8 * var(--u));
  line-height: calc(4 * var(--u));
}
.anniv3_wrap .anniv3_sticky_scope {
  display: block;
  position: relative;
}
.anniv3_wrap .anniv3_section2_bg,
.anniv3_wrap .anniv3_section3_bg {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  isolation: isolate;
}
.anniv3_wrap .anniv3_section2_bg .bg_base,
.anniv3_wrap .anniv3_section2_bg .bg_cloud,
.anniv3_wrap .anniv3_section2_bg .bg_light,
.anniv3_wrap .anniv3_section3_bg .bg_base,
.anniv3_wrap .anniv3_section3_bg .bg_cloud,
.anniv3_wrap .anniv3_section3_bg .bg_light {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_section2_bg .bg_cloud,
.anniv3_wrap .anniv3_section2_bg .bg_light,
.anniv3_wrap .anniv3_section3_bg .bg_cloud,
.anniv3_wrap .anniv3_section3_bg .bg_light {
  mix-blend-mode: hard-light;
}
@supports not (mix-blend-mode: hard-light) {
  .anniv3_wrap .anniv3_section2_bg .bg_cloud,
  .anniv3_wrap .anniv3_section2_bg .bg_light,
  .anniv3_wrap .anniv3_section3_bg .bg_cloud,
  .anniv3_wrap .anniv3_section3_bg .bg_light {
    display: none;
  }
}
.anniv3_wrap .anniv3_section2_bg picture,
.anniv3_wrap .anniv3_section3_bg picture {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_section2_bg img,
.anniv3_wrap .anniv3_section3_bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
.anniv3_wrap .anniv3_section3_bg .bg_light {
  opacity: .63;
}
.anniv3_wrap .anniv3_seam {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: calc(14 * var(--u));
  pointer-events: none;
}
.anniv3_wrap .anniv3_seam_section2 {
  display: none;
}
.anniv3_wrap .anniv3_seam_section3 {
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .95) 100%);
}
.anniv3_wrap .anniv3_section3_bg .bg_character {
  display: block;
  position: absolute;
  left: calc(-1.4 * var(--u));
  top: calc(47.3 * var(--u));
  width: calc(103.3 * var(--u));
}
.anniv3_wrap .anniv3_section3_bg .bg_character picture {
  position: static;
}
.anniv3_wrap .anniv3_section3_bg .bg_character img {
  width: 100%;
  height: auto;
  object-fit: fill;
}
.anniv3_wrap .section3 {
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  isolation: isolate;
  padding-right: 0;
  padding-left: 0;
  background-color: #fff;
}
.anniv3_wrap .section3 .section_inner_event {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none;
  height: calc(103.2 * var(--u));
  text-align: left;
}
.anniv3_wrap .section4 {
  position: relative;
  background: linear-gradient(180deg, #f7fbf0 0%, #f3fae5 100%);
}
.anniv3_wrap .anniv3_media_bg {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.anniv3_wrap .anniv3_media_bg picture {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_media_bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.anniv3_wrap .section5 {
  display: block;
  position: relative;
  height: calc(144 * var(--u));
  padding: 0;
  overflow: hidden;
  background-color: #1a0d08;
}
.anniv3_wrap .anniv3_orchestra {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_orchestra_bg {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_orchestra_bg picture {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_orchestra_bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
.anniv3_wrap .anniv3_orchestra_stage {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: calc(256 * var(--u));
  height: calc(144 * var(--u));
  transform: translateX(-50%);
}
.anniv3_wrap .anniv3_orchestra_stage picture,
.anniv3_wrap .anniv3_orchestra_stage img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_orchestra_frame {
  display: block;
  position: absolute;
  left: calc(53.1 * var(--u));
  top: calc(14 * var(--u));
  width: calc(149.1 * var(--u));
  z-index: 1;
}
.anniv3_wrap .anniv3_orchestra_character {
  display: block;
  position: absolute;
  z-index: 2;
  pointer-events: none;
}
.anniv3_wrap .anniv3_orchestra_character_epika {
  left: calc(108.7 * var(--u));
  top: calc(66.6 * var(--u));
  width: calc(40.6 * var(--u));
}
.anniv3_wrap .anniv3_orchestra_character_epicon {
  left: calc(143.7 * var(--u));
  top: calc(88.8 * var(--u));
  width: calc(16.5 * var(--u));
}
.anniv3_wrap .anniv3_orchestra_title {
  display: block;
  position: absolute;
  left: calc(72.2 * var(--u));
  top: calc(92.7 * var(--u));
  width: calc(111.4 * var(--u));
  margin: 0;
  z-index: 4;
}
.anniv3_wrap .anniv3_orchestra_title picture.anniv3_mobile {
  display: none;
}
.anniv3_wrap .anniv3_orchestra_btn {
  display: block;
  position: absolute;
  left: calc(107.6 * var(--u));
  top: calc(130.5 * var(--u));
  width: calc(40.6 * var(--u));
  z-index: 5;
}
.anniv3_wrap .anniv3_orchestra_btn picture {
  transition: opacity .25s;
}
.anniv3_wrap .anniv3_orchestra_btn picture:nth-of-type(2) {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.anniv3_wrap .anniv3_orchestra_btn:hover picture:nth-of-type(2),
.anniv3_wrap .anniv3_orchestra_btn:focus-visible picture:nth-of-type(2) {
  opacity: 1;
}
.anniv3_wrap .anniv3_orchestra_btn::after {
  display: none;
  content: "";
  position: absolute;
  inset: calc(-.8 * var(--u));
  z-index: 1;
  background-color: rgba(243, 215, 195, .95);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_orchestra_btn-o-9lbk5d.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_orchestra_btn-o-9lbk5d.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_orchestra_btn:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_orchestra_btn:focus-visible::after {
  display: block;
}

.anniv3_wrap .anniv3_popup {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  inset: 0;
  z-index: 200;
}
.anniv3_wrap .anniv3_popup[hidden] {
  display: none;
}
.anniv3_wrap .anniv3_popup_dim {
  display: block;
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, .7);
}
.anniv3_wrap .anniv3_popup_box {
  display: block;
  position: relative;
  flex-shrink: 0;
}
.anniv3_wrap .anniv3_popup_bg {
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.anniv3_wrap .anniv3_popup_bg picture,
.anniv3_wrap .anniv3_popup_close picture {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_popup_bg img,
.anniv3_wrap .anniv3_popup_close img {
  display: block;
  width: 100%;
  height: 100%;
}
.anniv3_wrap .anniv3_popup_bg picture.anniv3_mobile,
.anniv3_wrap .anniv3_popup_close picture.anniv3_mobile {
  display: none;
}
.anniv3_wrap .anniv3_popup_box_a {
  width: calc(110 * var(--u));
  height: calc(35 * var(--u));
  transform: translateY(calc(-2.4 * var(--u)));
}
html {
  scrollbar-gutter: stable;
}
body.anniv3_popup_open {
  overflow: hidden;
}
.anniv3_wrap .anniv3_popup_message {
  display: block;
  position: absolute;
  white-space: pre-line;
  left: 50%;
  top: 47.4%;
  width: 90%;
  margin: 0;
  color: #337a40;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(4.2 * var(--u));
  line-height: 1.28;
  text-align: center;
  transform: translate(-50%, -50%);
}
.anniv3_wrap .anniv3_popup_message_image {
  width: auto;
}
.anniv3_wrap .anniv3_popup_message picture,
.anniv3_wrap .anniv3_popup_message img {
  display: block;
  width: auto;
  height: calc(10.8 * var(--u));
}
.anniv3_wrap .anniv3_popup_message_two_lines picture,
.anniv3_wrap .anniv3_popup_message_two_lines img {
  height: calc(16.4 * var(--u));
}
.anniv3_wrap .anniv3_popup_close {
  display: block;
  position: absolute;
  left: 50%;
  top: 83.7%;
  width: calc(14 * var(--u));
  height: calc(9.7 * var(--u));
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transform: translateX(-50%);
  transition: transform .2s;
}
.anniv3_wrap .anniv3_popup_close:hover,
.anniv3_wrap .anniv3_popup_close:focus-visible {
  transform: translateX(-50%) scale(1.08);
}
.anniv3_wrap .anniv3_popup_close::after {
  display: none;
  content: "";
  position: absolute;
  inset: -8.2% -5.7%;
  z-index: 1;
  background-color: rgba(244, 240, 168, .95);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_popup_close_web-iu7YZrxH.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_popup_close_web-iu7YZrxH.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_popup_close:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_popup_close:focus-visible::after {
  display: block;
}
.anniv3_wrap .anniv3_popup_box_b {
  width: calc(142.7 * var(--u));
  height: calc(94.9 * var(--u));
}
.anniv3_wrap .anniv3_popup_box_b .anniv3_popup_close {
  top: 94.4%;
}
.anniv3_wrap .anniv3_popup_terms_image {
  display: block;
  position: absolute;
  left: 6.94%;
  top: 4.11%;
  width: 89%;
}
.anniv3_wrap .anniv3_popup_terms_image picture,
.anniv3_wrap .anniv3_popup_terms_image img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_popup_terms_image picture.anniv3_mobile {
  display: none;
}
.anniv3_wrap .anniv3_popup_terms {
  display: block;
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.anniv3_wrap .anniv3_terms_section {
  display: block;
  position: absolute;
}
.anniv3_wrap .anniv3_terms_section h3 {
  display: block;
  margin: 0 0 calc(2.4 * var(--u));
  color: #337a40;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(4 * var(--u));
  line-height: 1;
}
.anniv3_wrap .anniv3_terms_section p {
  display: block;
  margin: 0 0 calc(2.4 * var(--u));
  color: #334036;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: calc(2.25 * var(--u));
  font-weight: 400;
  line-height: 1.22;
  letter-spacing: -.03em;
}
.anniv3_wrap .anniv3_terms_section ul {
  display: flex;
  flex-direction: column;
  gap: calc(0.4 * var(--u)) 0;
  list-style: none;
  opacity: .6;
}
.anniv3_wrap .anniv3_terms_section ul li {
  position: relative;
  padding-left: calc(2.7 * var(--u));
  color: #337a40;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: calc(2.15 * var(--u));
  line-height: 1.25;
  letter-spacing: -.03em;
}
.anniv3_wrap .anniv3_terms_section ul li::before {
  content: "✦";
  position: absolute;
  left: 0;
  top: 0;
  font-size: calc(2.1 * var(--u));
}
.anniv3_wrap .anniv3_terms_section1 {
  left: 9.5%;
  top: 7.9%;
  width: 63%;
}
.anniv3_wrap .anniv3_terms_section2 {
  left: 10%;
  top: 37%;
  width: 63%;
}
.anniv3_wrap .anniv3_terms_section3 {
  right: 6.6%;
  top: 65.1%;
  width: 60%;
  text-align: right;
}
.anniv3_wrap .anniv3_terms_section3 ul li {
  padding-left: 0;
  padding-right: calc(2.7 * var(--u));
}
.anniv3_wrap .anniv3_terms_section3 ul li::before {
  left: auto;
  right: 0;
}

@media (max-width: 780px) {
  .anniv3_wrap .anniv3_gnb {
    height: 6.2rem;
    margin-bottom: -6.2rem;
    background-size: 177.78% 100%;
  }
  .anniv3_wrap .anniv3_gnb::before,
  .anniv3_wrap .anniv3_gnb::after {
    height: .25rem;
    background-image: linear-gradient(90deg, #c1dfa0 0%, #d9e89d 50%, #c1dfa0 100%);
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb::before,
  body.anniv3_dark .anniv3_wrap .anniv3_gnb::after {
    background-image: linear-gradient(90deg, #2a1110 0%, #42201c 50%, #2a1110 100%);
  }
  .anniv3_wrap .anniv3_gnb ul {
    gap: 0;
    left: calc(50% - 16.4rem);
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(1) {
    width: 6.52rem;
    margin-right: 3.36rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(2) {
    width: 4.26rem;
    margin-right: 3.36rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(3) {
    width: 5.84rem;
    margin-right: 4.08rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(4) {
    width: 5.85rem;
  }
  .anniv3_wrap .anniv3_gnb ul li a {
    padding: 0;
  }
  .anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img {
    height: 100%;
  }
  .anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img {
    left: -.83rem;
    top: 1.54rem;
    height: 3.27rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(1) a .anniv3_gnb_img img {
    left: -.64rem;
    top: 1.72rem;
    height: 3.04rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(3) a .anniv3_gnb_img img {
    left: -.66rem;
    top: 1.78rem;
    height: 3.01rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img {
    display: none;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img.mobile_only:not(.dark) {
    display: block;
    left: -.65rem;
    top: .79rem;
    height: 5.42rem;
  }
  .anniv3_wrap .anniv3_gnb ul li a::before {
    left: -2.19rem;
    top: 2.57rem;
    width: 1.77rem;
    height: .86rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(2) a::before {
    left: -2.63rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(3) a::before {
    left: -2.27rem;
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a::before {
    left: -2.64rem;
    top: 2.17rem;
    width: 2.32rem;
    height: 1.5rem;
  }
  .anniv3_wrap .anniv3_gnb ul li.on a::before {
    filter: drop-shadow(0 0 .04rem #faffc1) drop-shadow(0 0 .07rem #faffc1) drop-shadow(0 0 .15rem rgba(250, 255, 193, .85)) drop-shadow(0 0 .29rem rgba(250, 255, 193, .72));
  }
  .anniv3_wrap .anniv3_gnb ul li:nth-child(4).on a::before {
    filter: none;
  }
  .anniv3_wrap .anniv3_gnb ul li a:focus-visible .anniv3_gnb_img,
  .anniv3_wrap .anniv3_gnb ul li a:focus-visible .text {
    outline-width: .15rem;
    outline-offset: .3rem;
    border-radius: .5rem;
  }
  .anniv3_wrap .anniv3_main_store li a:focus-visible {
    outline-width: .15rem;
    outline-offset: .15rem;
    border-radius: .5rem;
  }
  .anniv3_wrap .anniv3_prereg_check::after {
    left: -.23rem;
    width: 1.84rem;
    height: 1.84rem;
  }
  .anniv3_wrap .anniv3_prereg_row input:focus-visible {
    filter: drop-shadow(0 0 .2rem rgba(61, 120, 38, 1));
  }
  .anniv3_wrap .anniv3_media_btns li a::after {
    inset: -.21rem;
  }
  .anniv3_wrap .anniv3_gnb ul li a .text {
    gap: 0 .3rem;
    font-size: 1.8rem;
    line-height: 1.1;
    letter-spacing: -.04rem;
    white-space: normal;
    text-align: center;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a .anniv3_gnb_img img.dark {
    left: -.65rem;
    top: 1.72rem;
    height: 3.04rem;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img,
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img.mobile_only:not(.dark) {
    display: none;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a .anniv3_gnb_img img.mobile_only.dark {
    display: block;
    left: -.51rem;
    top: .94rem;
    height: 4.91rem;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li a::before {
    left: -2.46rem;
    top: 2.25rem;
    width: 2.32rem;
    height: 1.5rem;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(2) a::before {
    left: -2.91rem;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(3) a::before {
    left: -2.55rem;
  }
  body.anniv3_dark .anniv3_wrap .anniv3_gnb ul li:nth-child(4) a::before {
    left: -2.93rem;
    top: 1.89rem;
    width: 2.95rem;
    height: 2.23rem;
  }
  .anniv3_wrap .anniv3_gnb ul li a .reflection {
    top: 3.5rem;
    font-size: 1.8rem;
    line-height: 1.1;
    letter-spacing: -.04rem;
    white-space: normal;
  }
  .anniv3_wrap .anniv3_gnb .anniv3_gnb_br {
    display: block;
  }
  .anniv3_wrap section {
    padding: 12rem 2rem 4rem;
  }
  .anniv3_wrap .section2,
  .anniv3_wrap .section3,
  .anniv3_wrap .section4 {
    align-items: flex-start;
    height: 78rem;
    overflow: hidden;
  }
  .anniv3_wrap .section1 {
    padding: 0;
    --anniv3-kv: min(1rem, 1.282vh);
  }
  .anniv3_wrap .section2 {
    padding: 14.8rem 0 2.2rem;
  }
  .anniv3_wrap .section2 .section_inner_prereg {
    width: 34.74rem;
  }
  .anniv3_wrap .anniv3_prereg_head {
    margin: -1.15rem 0 .83rem -.99rem;
  }
  .anniv3_wrap .anniv3_prereg_title img {
    width: 31.89rem;
  }
  .anniv3_wrap .anniv3_prereg_panel {
    display: flex;
    flex-direction: column;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
  }
  .anniv3_wrap .anniv3_prereg_panel::before {
    display: none;
  }
  .anniv3_wrap .anniv3_prereg_form {
    order: 1;
  }
  .anniv3_wrap .anniv3_prereg_reward {
    order: 2;
    margin-top: 2.6rem;
  }
  .anniv3_wrap .anniv3_prereg_subtitle {
    margin: -1.03rem 0 -.14rem -.99rem;
  }
  .anniv3_wrap .anniv3_prereg_subtitle img {
    width: 19.9rem;
  }
  .anniv3_wrap .anniv3_prereg_reward_body {
    position: relative;
    height: 23.8rem;
    width: 34.74rem;
    margin: 0;
    border: .11rem solid #cfeb99;
    border-radius: 6.5rem 0 6.5rem 0;
    background-image: url(/assets/event/3rdAnniversary/img/panel_pattern-2P_uMgAP.png);
    background-size: 1.95rem 1.95rem;
    background-repeat: repeat;
  }
  .anniv3_wrap .anniv3_prereg_reward_figure {
    position: absolute;
    left: 2.71rem;
    top: 3.18rem;
    width: 29.11rem;
    height: 19.5rem;
  }
  .anniv3_wrap .anniv3_prereg_reward_body::before {
    display: block;
    content: "";
    position: absolute;
    left: -.08rem;
    top: -.07rem;
    width: 1.95rem;
    height: 1.91rem;
    background-color: #cfeb99;
    -webkit-mask: url("data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2054%2053%22><path%20d=%22M26.37%203.75%20L25.87%207.25%20L25.12%208.75%20L24.87%2010.12%20L22.75%2014.12%20L19.75%2018.0%20L15.5%2021.87%20L12.25%2023.87%20L11.25%2024.12%20L10.12%2024.87%20L8.87%2025.12%20L7.12%2025.87%20L4.5%2026.12%20L3.62%2026.5%20L6.62%2027.62%20L9.0%2028.12%20L10.0%2028.75%20L11.12%2029.0%20L12.25%2029.75%20L13.12%2030.0%20L16.37%2032.25%20L18.25%2033.87%20L20.87%2036.62%20L23.62%2040.75%20L24.87%2043.37%20L25.25%2045.0%20L25.75%2045.75%20L26.25%2049.37%20L26.62%2049.5%20L27.75%2046.37%20L28.0%2044.75%20L30.0%2040.37%20L33.0%2036.12%20L36.12%2033.0%20L38.37%2031.25%20L42.0%2029.12%20L43.37%2028.75%20L44.75%2028.0%20L46.37%2027.75%20L49.75%2026.5%20L49.0%2026.12%20L45.75%2025.75%20L44.87%2025.25%20L43.62%2025.0%20L39.62%2023.0%20L35.62%2020.0%20L33.0%2017.37%20L30.12%2013.25%20L28.12%209.0%20L27.0%204.75Z%22/></svg>") center / 100% 100% no-repeat;
    mask: url("data:image/svg+xml,<svg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2054%2053%22><path%20d=%22M26.37%203.75%20L25.87%207.25%20L25.12%208.75%20L24.87%2010.12%20L22.75%2014.12%20L19.75%2018.0%20L15.5%2021.87%20L12.25%2023.87%20L11.25%2024.12%20L10.12%2024.87%20L8.87%2025.12%20L7.12%2025.87%20L4.5%2026.12%20L3.62%2026.5%20L6.62%2027.62%20L9.0%2028.12%20L10.0%2028.75%20L11.12%2029.0%20L12.25%2029.75%20L13.12%2030.0%20L16.37%2032.25%20L18.25%2033.87%20L20.87%2036.62%20L23.62%2040.75%20L24.87%2043.37%20L25.25%2045.0%20L25.75%2045.75%20L26.25%2049.37%20L26.62%2049.5%20L27.75%2046.37%20L28.0%2044.75%20L30.0%2040.37%20L33.0%2036.12%20L36.12%2033.0%20L38.37%2031.25%20L42.0%2029.12%20L43.37%2028.75%20L44.75%2028.0%20L46.37%2027.75%20L49.75%2026.5%20L49.0%2026.12%20L45.75%2025.75%20L44.87%2025.25%20L43.62%2025.0%20L39.62%2023.0%20L35.62%2020.0%20L33.0%2017.37%20L30.12%2013.25%20L28.12%209.0%20L27.0%204.75Z%22/></svg>") center / 100% 100% no-repeat;
  }
  .anniv3_wrap .anniv3_prereg_rows {
    gap: .3rem 0;
    margin: .15rem 0 .85rem .15rem;
  }
  .anniv3_wrap .anniv3_prereg_row {
    width: 24.8rem;
    height: 4.1rem;
  }
  .anniv3_wrap .anniv3_prereg_row::before {
    inset: -.4rem;
    border-width: 2.2rem;
    border-image-width: 2.2rem;
  }
  .anniv3_wrap .anniv3_prereg_row:nth-child(2) {
    margin-left: 4.9rem;
  }
  .anniv3_wrap .anniv3_prereg_row:nth-child(3) {
    margin-left: 9.8rem;
  }
  .anniv3_wrap .anniv3_prereg_row input {
    padding: 0 7.6rem 0 2.4rem;
    font-size: 1.155rem;
  }
  .anniv3_wrap .anniv3_prereg_row:nth-child(n+2) input {
    font-size: 1.155rem;
  }
  .anniv3_wrap .anniv3_prereg_btn {
    right: 0.18rem;
    top: 0.07rem;
    width: 7.29rem;
    height: 3.65rem;
    padding: 0 0 .15rem .4rem;
    font-size: 1.6rem;
  }
  .anniv3_wrap .anniv3_prereg_row::after {
    right: 0;
    top: -.11rem;
    width: 7.65rem;
    height: 4.01rem;
  }
  .anniv3_wrap .anniv3_prereg_row.is-cooldown .anniv3_prereg_btn {
    padding-bottom: .2rem;
    font-size: 1.156rem;
  }
  .anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_timer_num {
    min-width: 2.7rem;
  }
  .anniv3_wrap .anniv3_prereg_row.is-cooldown .anniv3_prereg_btn .anniv3_prereg_btn_text {
    text-shadow: 0 .22rem .07rem rgba(12, 40, 0, .95);
  }
  .anniv3_wrap .anniv3_prereg_btn picture {
    transform: translate(-.04rem, .4rem);
  }
  .anniv3_wrap .anniv3_prereg_btn .anniv3_prereg_btn_img {
    width: 4.05rem;
    filter: drop-shadow(0 .22rem .18rem rgba(12, 40, 0, .7));
  }
  .anniv3_wrap .anniv3_prereg_agree {
    width: 34.45rem;
    margin-left: 0;
    padding: .98rem 0 0 .22rem;
  }
  .anniv3_wrap .anniv3_prereg_agree::before {
    height: .1rem;
    background-image: repeating-linear-gradient(90deg, rgba(92, 138, 60, .3) 0 .58rem, transparent .58rem .87rem);
  }
  .anniv3_wrap .anniv3_prereg_agree ul {
    flex-direction: row;
    flex-wrap: wrap;
    gap: .33rem 0;
    margin-top: .33rem;
    padding-left: 0;
  }
  .anniv3_wrap .anniv3_prereg_agree ul li {
    width: 100%;
    gap: 0 .6rem;
  }
  .anniv3_wrap .anniv3_prereg_check,
  .anniv3_wrap .anniv3_prereg_check_all,
  .anniv3_wrap .anniv3_prereg_agree ul .anniv3_prereg_check {
    gap: 0 .47rem;
    font-size: 1rem;
  }
  .anniv3_wrap .anniv3_prereg_check input {
    width: 1.37rem;
    height: 1.37rem;
  }
  .anniv3_wrap .anniv3_prereg_more {
    width: 7.01rem;
    height: 1.73rem;
    margin: -.22rem 0 -.22rem .35rem;
  }
  .anniv3_wrap .anniv3_prereg_more::after {
    inset: -.29rem;
  }
  .anniv3_wrap .anniv3_prereg_notes {
    flex-direction: column;
    gap: 0;
    margin: .7rem 0 0 .04rem;
  }
  .anniv3_wrap .anniv3_prereg_notes li {
    padding-left: 1.1rem;
    font-size: 1rem;
    line-height: 1.7rem;
  }
  .anniv3_wrap .anniv3_prereg_notes li::before {
    font-size: .8rem;
    line-height: 1.7rem;
  }
  .anniv3_wrap .anniv3_main_bg img {
    object-position: center bottom;
  }
  .anniv3_wrap .anniv3_main_bg img.web {
    display: none;
  }
  .anniv3_wrap .anniv3_main_bg img.mobile {
    display: block;
  }
  .anniv3_wrap .section5 {
    height: 78rem;
    padding: 0;
  }
  .anniv3_wrap .anniv3_orchestra_bg img.web {
    display: none;
  }
  .anniv3_wrap .anniv3_orchestra_bg img.mobile {
    display: block;
  }
  .anniv3_wrap .anniv3_orchestra_stage {
    left: 0;
    width: 100%;
    height: 78rem;
    transform: none;
  }
  .anniv3_wrap .anniv3_orchestra_frame {
    left: -1.01rem;
    top: 11.09rem;
    width: 40.88rem;
  }
  .anniv3_wrap .anniv3_orchestra_character_epika {
    left: 8.85rem;
    top: 25.86rem;
    width: 19.9rem;
  }
  .anniv3_wrap .anniv3_orchestra_character_epicon {
    left: 26.14rem;
    top: 36.83rem;
    width: 8.05rem;
  }
  .anniv3_wrap .anniv3_main_kv {
    display: block;
    gap: 0;
    left: 50%;
    bottom: 0;
    width: max(100%, 50vh);
    width: max(100%, 50svh);
    aspect-ratio: 1080 / 2160;
    transform: translateX(-50%);
  }
  .anniv3_wrap .anniv3_main_logo {
    position: absolute;
    left: 22.41%;
    top: 75.46%;
    width: 55.19%;
  }
  .anniv3_wrap .anniv3_main_scroll {
    left: 50.23%;
    bottom: .56%;
    width: 11.85%;
    margin-left: -5.925%;
  }
  .anniv3_wrap .anniv3_main_store {
    position: absolute;
    left: 24.07%;
    top: 90.74%;
    width: 55.56%;
    gap: 0 3.17%;
    margin-left: 0;
  }
  .anniv3_wrap .anniv3_main_store li:first-child {
    width: 45.5%;
  }
  .anniv3_wrap .anniv3_main_store li:last-child {
    width: 51.33%;
  }
  .anniv3_wrap .anniv3_main_store li:first-child a img,
  .anniv3_wrap .anniv3_main_store li:last-child a img {
    width: 100%;
  }
  .anniv3_wrap .anniv3_orchestra_title {
    left: .43rem;
    top: 46.04rem;
    width: 37.45rem;
  }
  .anniv3_wrap .anniv3_orchestra_title picture.anniv3_web {
    display: none;
  }
  .anniv3_wrap .anniv3_orchestra_title picture.anniv3_mobile {
    display: block;
  }
  .anniv3_wrap .anniv3_orchestra_btn {
    left: 8.05rem;
    top: 71.21rem;
    width: 22.93rem;
  }
  .anniv3_wrap .anniv3_orchestra_btn::after {
    inset: -.45rem;
  }
  .anniv3_wrap .anniv3_popup_bg picture.anniv3_web,
  .anniv3_wrap .anniv3_popup_close picture.anniv3_web {
    display: none;
  }
  .anniv3_wrap .anniv3_popup_bg picture.anniv3_mobile,
  .anniv3_wrap .anniv3_popup_close picture.anniv3_mobile {
    display: block;
  }
  .anniv3_wrap .anniv3_popup_box_a {
    width: 34.67rem;
    height: 11.01rem;
    transform: translateY(-.88rem);
  }
  .anniv3_wrap .anniv3_popup_message {
    top: 46.2%;
    font-size: 1.5rem;
  }
  .anniv3_wrap .anniv3_popup_message picture,
  .anniv3_wrap .anniv3_popup_message img {
    height: 3.9rem;
  }
  .anniv3_wrap .anniv3_popup_message_two_lines picture,
  .anniv3_wrap .anniv3_popup_message_two_lines img {
    height: 5.92rem;
  }
  .anniv3_wrap .anniv3_popup_close {
    top: 83.9%;
    width: 4.41rem;
    height: 3.07rem;
  }
  .anniv3_wrap .anniv3_popup_close::after {
    inset: -9.4% -6.6%;
    -webkit-mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_popup_close_mobile-u8-SSygh.png);
    mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_popup_close_mobile-u8-SSygh.png);
  }
  .anniv3_wrap .anniv3_popup_box_b {
    width: 44.24rem;
    height: 46.48rem;
  }
  .anniv3_wrap .anniv3_popup_box_b .anniv3_popup_close {
    top: 96%;
    width: 5.06rem;
    height: 3.5rem;
  }
  .anniv3_wrap .anniv3_popup_terms_image {
    left: 8.24%;
    top: 3.26%;
    width: 82.2%;
  }
  .anniv3_wrap .anniv3_popup_terms_image picture.anniv3_web {
    display: none;
  }
  .anniv3_wrap .anniv3_popup_terms_image picture.anniv3_mobile {
    display: block;
  }
  .anniv3_wrap .anniv3_terms_section {
    left: 8.2%;
    right: 8.2%;
    width: auto;
    text-align: center;
  }
  .anniv3_wrap .anniv3_terms_section h3 {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
  }
  .anniv3_wrap .anniv3_terms_section p {
    margin-bottom: 1rem;
    font-size: 1.15rem;
    line-height: 1.35;
  }
  .anniv3_wrap .anniv3_terms_section ul {
    gap: .2rem 0;
    text-align: left;
  }
  .anniv3_wrap .anniv3_terms_section ul li {
    padding-left: 1rem;
    font-size: .95rem;
    line-height: 1.25;
  }
  .anniv3_wrap .anniv3_terms_section ul li::before {
    font-size: .8rem;
  }
  .anniv3_wrap .anniv3_terms_section1 {
    top: 6.1%;
  }
  .anniv3_wrap .anniv3_terms_section2 {
    top: 38%;
  }
  .anniv3_wrap .anniv3_terms_section3 {
    top: 70.2%;
    text-align: center;
  }
  .anniv3_wrap .anniv3_terms_section3 ul li {
    padding-left: 1rem;
    padding-right: 0;
  }
  .anniv3_wrap .anniv3_terms_section3 ul li::before {
    left: 0;
    right: auto;
  }}

.anniv3_wrap .anniv3_event {
  display: block;
  position: relative;
  height: 100%;
}
.anniv3_wrap .anniv3_event_side {
  display: block;
  position: absolute;
  left: calc(10.3 * var(--u));
  top: calc(6.2 * var(--u));
  width: calc(50.7 * var(--u));
}
.anniv3_wrap .anniv3_event_title {
  display: block;
  position: absolute;
  left: calc(12 * var(--u));
  top: calc(-11.2 * var(--u));
  width: calc(47.8 * var(--u));
  margin: 0;
  color: #2f6b1d;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(5.6 * var(--u));
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
.anniv3_wrap .anniv3_event_title picture,
.anniv3_wrap .anniv3_event_title img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_event_tab ul {
  display: flex;
  flex-direction: column;
  gap: calc(1.2 * var(--u)) 0;
  list-style: none;
}
.anniv3_wrap .anniv3_event_tab li {
  display: block;
  position: relative;
  transform: translateX(0);
  transition: transform .35s cubic-bezier(.22, 1, .36, 1);
}
.anniv3_wrap .anniv3_event_tab li button {
  display: block;
  position: relative;
  width: calc(50.7 * var(--u));
  height: calc(6.2 * var(--u));
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url(/assets/event/3rdAnniversary/img/event_tab_sprite_web-Aq5DJ3eY.webp);
  background-repeat: no-repeat;
  background-size: calc(101.4 * var(--u)) calc(20.9 * var(--u));
  background-position: 0 0;
  cursor: pointer;
}
.anniv3_wrap .anniv3_event_tab li:nth-child(2) button {
  background-position: 0 calc(-7.3 * var(--u));
}
.anniv3_wrap .anniv3_event_tab li:nth-child(3) button {
  background-position: 0 calc(-14.7 * var(--u));
}
.anniv3_wrap .anniv3_event_tab li:hover button,
.anniv3_wrap .anniv3_event_tab li.on button,
.anniv3_wrap .anniv3_event_tab li button:focus-visible {
  background-position-x: calc(-50.7 * var(--u));
}
.anniv3_wrap .anniv3_event_tab li button span {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0 0 0 0);
  border: 0;
  white-space: nowrap;
}
.anniv3_wrap .anniv3_event_tab li.on {
  transform: translateX(calc(5.2 * var(--u)));
  z-index: 1;
}
.anniv3_wrap .anniv3_event_tab li button::after {
  display: none;
  content: "";
  position: absolute;
  inset: calc(-.8 * var(--u));
  z-index: 1;
  background-color: rgba(31, 84, 12, .9);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_event_tab-0uW8U5GN.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_event_tab-0uW8U5GN.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_event_tab li button:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_event_tab li button:focus-visible::after {
  display: block;
}
.anniv3_wrap .anniv3_event_panels {
  display: grid;
  position: absolute;
  left: calc(74 * var(--u));
  top: 0;
  width: calc(160 * var(--u));
  height: calc(103.2 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_cafe,
.anniv3_wrap .anniv3_event_panel_community {
  position: relative;
}
.anniv3_wrap .panel_title_game {
  position: absolute;
  left: calc(-1.1 * var(--u));
  top: calc(-2.2 * var(--u));
  width: calc(130.3 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_game .panel_cards {
  display: block;
  position: absolute;
  inset: 0;
  margin: 0;
  list-style: none;
}
.anniv3_wrap .anniv3_event_panel_game .panel_cards li {
  display: block;
  position: absolute;
  width: calc(81 * var(--u));
  margin: 0;
}
.anniv3_wrap .anniv3_event_panel_game .panel_cards li picture,
.anniv3_wrap .anniv3_event_panel_game .panel_cards li img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_event_panel_game .panel_card_welcome {
  left: calc(-1.6 * var(--u));
  top: calc(23 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_game .panel_card_attendance {
  left: calc(78.2 * var(--u));
  top: calc(23.1 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_game .panel_card_new {
  left: calc(-1.6 * var(--u));
  top: calc(64 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_game .panel_card_shop {
  left: calc(78.2 * var(--u));
  top: calc(63.9 * var(--u));
}
.anniv3_wrap .panel_title_game picture,
.anniv3_wrap .panel_title_game img,
.anniv3_wrap .anniv3_event_panel_community picture,
.anniv3_wrap .anniv3_event_panel_community img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_event_panel_community .community_head,
.anniv3_wrap .anniv3_event_panel_community .community_box,
.anniv3_wrap .anniv3_event_panel_community .community_btn {
  display: block;
  position: absolute;
  margin: 0;
}
.anniv3_wrap .anniv3_event_panel_community .community_head {
  left: calc(-2.1 * var(--u));
  top: calc(-3.6 * var(--u));
  width: calc(82.5 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_community .community_box_comment {
  left: calc(-.3 * var(--u));
  top: calc(23.7 * var(--u));
  width: calc(81.7 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_community .community_box_certify {
  left: calc(82.5 * var(--u));
  top: calc(23.7 * var(--u));
  width: calc(81.7 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_community .community_box_comment .community_btn {
  left: calc(15.9 * var(--u));
  top: calc(65.7 * var(--u));
  width: calc(63.3 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_community .community_box_certify .community_btn {
  left: calc(2.5 * var(--u));
  top: calc(65.7 * var(--u));
  width: calc(63.2 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_community .community_btn {
  transition: transform .3s ease, filter .3s ease;
}
.anniv3_wrap .anniv3_event_panel_community .community_btn:hover,
.anniv3_wrap .anniv3_event_panel_community .community_btn:focus-visible {
  transform: translateY(calc(-.2 * var(--u)));
  filter: brightness(1.06);
}
.anniv3_wrap .anniv3_event_panel_community .community_btn::after {
  display: none;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(31, 84, 12, .9);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_event_comment_btn-hvzkYdd1.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_event_comment_btn-hvzkYdd1.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_event_panel_community .community_box_certify .community_btn::after {
  -webkit-mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_event_certify_btn-gvOEOeRS.png);
  mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_event_certify_btn-gvOEOeRS.png);
}
.anniv3_wrap .anniv3_event_panel_community .community_btn:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_event_panel_community .community_btn:focus-visible::after {
  display: block;
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_head,
.anniv3_wrap .anniv3_event_panel_cafe .cafe_photo,
.anniv3_wrap .anniv3_event_panel_cafe .cafe_info,
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn {
  display: block;
  position: absolute;
  margin: 0;
}
.anniv3_wrap .anniv3_event_panel_cafe picture {
  display: block;
}
.anniv3_wrap .anniv3_event_panel_cafe img {
  display: block;
  width: 100%;
  height: auto;
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_head {
  left: calc(-2 * var(--u));
  top: calc(-3.7 * var(--u));
  width: calc(88.4 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_photo {
  left: calc(2.1 * var(--u));
  top: calc(23.2 * var(--u));
  width: calc(92.5 * var(--u));
  filter: drop-shadow(0 calc(1.2 * var(--u)) calc(.85 * var(--u)) rgba(190, 207, 173, .95));
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_info {
  left: calc(96.4 * var(--u));
  top: calc(35.5 * var(--u));
  width: calc(65.2 * var(--u));
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn {
  left: calc(98.6 * var(--u));
  top: calc(85.1 * var(--u));
  width: calc(55.2 * var(--u));
  transition: transform .3s ease, filter .3s ease;
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn:hover,
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn:focus-visible {
  transform: translateY(calc(-.2 * var(--u)));
  filter: brightness(1.06);
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn::after {
  display: none;
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(31, 84, 12, .9);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_cafe_btn-rjhzjARQ.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_cafe_btn-rjhzjARQ.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_event_panel_cafe .cafe_btn:focus-visible::after {
  display: block;
}
.anniv3_wrap .anniv3_event_panel {
  display: block;
  grid-area: 1 / 1;
  opacity: 0;
  visibility: hidden;
  transform: translateY(calc(1.6 * var(--u)));
  transition: opacity .35s ease, transform .45s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .35s;
}
.anniv3_wrap .anniv3_event_panel.on {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity .4s ease .1s, transform .5s cubic-bezier(.22, 1, .36, 1) .1s, visibility 0s;
}
.anniv3_wrap .anniv3_event_panel .panel_title {
  margin: 0;
  color: #2f6b1d;
  font-family: ONE Mobile POP, Pretendard, sans-serif;
  font-size: calc(7 * var(--u));
  font-weight: 400;
  line-height: 1.3;
}

@media (max-width: 780px) {
  .anniv3_wrap .anniv3_section3_bg .bg_light {
    opacity: 1;
  }
  .anniv3_wrap .anniv3_seam {
    height: 5rem;
  }
  .anniv3_wrap .anniv3_seam_section2 {
    display: block;
    background-image: linear-gradient(180deg, rgba(219, 247, 254, 0) 0%, rgba(219, 247, 254, .92) 100%);
  }
  .anniv3_wrap .anniv3_seam_section3 {
    background-image: linear-gradient(180deg, rgba(253, 253, 253, 0) 0%, rgba(253, 253, 253, .95) 100%);
  }
  .anniv3_wrap .anniv3_section3_bg .bg_character {
    left: 19.1rem;
    top: 9.32rem;
    width: 28.17rem;
  }
  .anniv3_wrap .section3 {
    padding-top: 12rem;
  }
  .anniv3_wrap .section3 .section_inner_event {
    height: 66rem;
  }
  .anniv3_wrap .anniv3_event_side {
    left: -2.28rem;
    top: 5.41rem;
    width: 21.96rem;
  }
  .anniv3_wrap .anniv3_event_tab ul {
    gap: .51rem 0;
  }
  .anniv3_wrap .anniv3_event_tab li button {
    width: 21.96rem;
    height: 2.67rem;
    background-size: 43.92rem 9.05rem;
  }
  .anniv3_wrap .anniv3_event_tab li:nth-child(2) button {
    background-position: 0 -3.16rem;
  }
  .anniv3_wrap .anniv3_event_tab li:nth-child(3) button {
    background-position: 0 -6.37rem;
  }
  .anniv3_wrap .anniv3_event_tab li:hover button,
  .anniv3_wrap .anniv3_event_tab li.on button,
  .anniv3_wrap .anniv3_event_tab li button:focus-visible {
    background-position-x: -21.96rem;
  }
  .anniv3_wrap .anniv3_event_tab li.on {
    transform: translateX(2.24rem);
  }
  .anniv3_wrap .anniv3_event_tab li button::after {
    inset: -.35rem;
  }
  .anniv3_wrap .anniv3_event_panels {
    left: .79rem;
    top: 19.42rem;
    width: 37.45rem;
    height: 42.6rem;
  }
  .anniv3_wrap .anniv3_event_panel .panel_title {
    font-size: 2.4rem;
    text-align: center;
  }
}

.anniv3_wrap .section4 .section_inner_media {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: calc(212.4 * var(--u));
  text-align: left;
}
.anniv3_wrap .anniv3_media {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.anniv3_wrap .anniv3_media_visual {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  height: calc(81.6 * var(--u));
  padding-bottom: calc(2.9 * var(--u));
}
.anniv3_wrap .anniv3_media_soon {
  display: block;
  width: calc(81.1 * var(--u));
  margin: 0 0 calc(-1.25 * var(--u));
}
.anniv3_wrap .anniv3_media_soon img {
  display: block;
  width: 100%;
  height: auto;
}

.anniv3_wrap .anniv3_media_bottom {
  display: grid;
  grid-template-columns: 1fr calc(85.1 * var(--u));
  gap: 0 calc(.5 * var(--u));
  align-items: start;
  position: relative;
  padding-top: calc(.9 * var(--u));
}
.anniv3_wrap .anniv3_media_bottom::before {
  display: block;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: calc(.2 * var(--u));
  background-image: repeating-linear-gradient(90deg, rgba(92, 138, 60, .3) 0 calc(1.6 * var(--u)), transparent calc(1.6 * var(--u)) calc(2.4 * var(--u)));
}
.anniv3_wrap .anniv3_media_title {
  display: block;
  margin: 0 0 0 calc(-2.2 * var(--u));
  line-height: 0;
}
.anniv3_wrap .anniv3_media_title img {
  display: block;
  width: calc(46.2 * var(--u));
  height: auto;
}
.anniv3_wrap .anniv3_media_links .anniv3_media_title {
  margin-left: 0;
}
.anniv3_wrap .anniv3_media_links .anniv3_media_title img {
  width: calc(50 * var(--u));
}
.anniv3_wrap .anniv3_media_notes {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin: calc(-1.65 * var(--u)) 0 0 calc(1.3 * var(--u));
  list-style: none;
}
.anniv3_wrap .anniv3_media_notes li {
  position: relative;
  padding-left: calc(3.1 * var(--u));
  color: #8e6b3d;
  font-family: Paperlogy, Pretendard, sans-serif;
  font-size: calc(3.1 * var(--u));
  line-height: calc(4.8 * var(--u));
  letter-spacing: -.06em;
}
.anniv3_wrap .anniv3_media_notes li:nth-child(3) {
  margin-top: calc(.4 * var(--u));
}
.anniv3_wrap .anniv3_media_notes li::before {
  content: "◈";
  position: absolute;
  left: 0;
  top: 0;
}
.anniv3_wrap .anniv3_media_btns {
  display: grid;
  grid-template-columns: repeat(2, calc(40.7 * var(--u)));
  gap: calc(.9 * var(--u)) 0;
  margin: calc(-1.8 * var(--u)) 0 0 calc(3 * var(--u));
  list-style: none;
}
.anniv3_wrap .anniv3_media_btns li {
  position: relative;
  height: calc(7.7 * var(--u));
}
.anniv3_wrap .anniv3_media_btns li a {
  display: block;
  position: absolute;
  inset: calc(-.2 * var(--u));
  transition: transform .35s ease;
}
.anniv3_wrap .anniv3_media_btns li a:hover,
.anniv3_wrap .anniv3_media_btns li a:focus-visible {
  transform: translateY(calc(-.2 * var(--u)));
}
.anniv3_wrap .anniv3_media_btns li a::after {
  display: none;
  content: "";
  position: absolute;
  inset: calc(-.5 * var(--u));
  z-index: 1;
  background-color: rgba(31, 84, 12, .9);
  -webkit-mask: url(/assets/event/3rdAnniversary/img/focus_ring_media_btn-5m8WoY1Z.png) center / 100% 100% no-repeat;
  mask: url(/assets/event/3rdAnniversary/img/focus_ring_media_btn-5m8WoY1Z.png) center / 100% 100% no-repeat;
  pointer-events: none;
}
.anniv3_wrap .anniv3_media_btns li a:focus-visible {
  outline: 0;
}
.anniv3_wrap .anniv3_media_btns li a:focus-visible::after {
  display: block;
}
.anniv3_wrap .anniv3_media_btns li a picture {
  display: block;
  position: absolute;
  inset: 0;
}
.anniv3_wrap .anniv3_media_btns li a img {
  display: block;
  width: 100%;
  height: 100%;
  transition: opacity .35s ease;
}
.anniv3_wrap .anniv3_media_btns li a img.on {
  opacity: 0;
}
.anniv3_wrap .anniv3_media_btns li a:hover img.on,
.anniv3_wrap .anniv3_media_btns li a:focus-visible img.on {
  opacity: 1;
}
.anniv3_wrap .anniv3_media_btns li a:hover img.off,
.anniv3_wrap .anniv3_media_btns li a:focus-visible img.off {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  .anniv3_wrap .anniv3_main_kv {
    animation: none;
  }
  .anniv3_wrap .anniv3_main_scroll {
    animation: none;
  }
  .anniv3_wrap .anniv3_media_btns li a,
  .anniv3_wrap .anniv3_media_btns li a img {
    transition: none;
  }
}

@media (max-width: 780px) {
  .anniv3_wrap .section4 {
    justify-content: flex-start;
    padding-left: 2.13rem;
    padding-right: 0;
    background: #fdfdfd;
  }
  .anniv3_wrap .section4 .section_inner_media {
    width: 34.45rem;
    max-width: none;
  }
  .anniv3_wrap .anniv3_media {
    gap: 0;
  }
  .anniv3_wrap .anniv3_media_visual {
    height: 29.81rem;
    padding-bottom: 1.19rem;
  }
  .anniv3_wrap .anniv3_media_soon {
    width: 29.3rem;
    margin-bottom: .65rem;
  }
  .anniv3_wrap .anniv3_media_bg img.web {
    display: none;
  }
  .anniv3_wrap .anniv3_media_bg img.mobile {
    display: block;
    position: absolute;
    left: -5.53rem;
    top: 5.24rem;
    width: 50.05rem;
    max-width: none;
    height: auto;
  }
  .anniv3_wrap .anniv3_media_bottom {
    grid-template-columns: 1fr;
    gap: 1.75rem 0;
    padding-top: 1.27rem;
  }
  .anniv3_wrap .anniv3_media_bottom::before {
    height: .1rem;
    background-image: repeating-linear-gradient(90deg, rgba(92, 138, 60, .3) 0 .58rem, transparent .58rem .87rem);
  }
  .anniv3_wrap .anniv3_media_title,
  .anniv3_wrap .anniv3_media_links .anniv3_media_title {
    margin-left: -.98rem;
  }
  .anniv3_wrap .anniv3_media_title img {
    width: 16.68rem;
  }
  .anniv3_wrap .anniv3_media_links .anniv3_media_title img {
    width: 18.06rem;
  }
  .anniv3_wrap .anniv3_media_notes {
    gap: 1.4rem 0;
    max-width: 28.53rem;
    margin: .24rem 0 0 .29rem;
  }
  .anniv3_wrap .anniv3_media_notes li {
    padding-left: 1.15rem;
    font-size: 1.12rem;
    line-height: 1.506rem;
  }
  .anniv3_wrap .anniv3_media_notes li:nth-child(3) {
    margin-top: 0;
  }
  .anniv3_wrap .anniv3_media_btns {
    grid-template-columns: repeat(2, 17.33rem);
    gap: .4rem 0;
    margin: -.29rem 0 0 .11rem;
  }
  .anniv3_wrap .anniv3_media_btns li {
    height: 3.25rem;
  }
  .anniv3_wrap .anniv3_media_btns li a {
    inset: -.07rem;
  }
}

@media (max-width: 780px) {
  .anniv3_wrap .anniv3_event_title {
    left: 4.4rem;
    top: -3.72rem;
    width: 17.15rem;
  }
  .anniv3_wrap .panel_title_game {
    left: 5.74rem;
    top: -1.23rem;
    width: 25.89rem;
  }
  .anniv3_wrap .anniv3_event_panel_game .panel_cards li {
    width: 19.43rem;
  }
  .anniv3_wrap .anniv3_event_panel_game .panel_card_welcome {
    left: -.51rem;
    top: 10.65rem;
  }
  .anniv3_wrap .anniv3_event_panel_game .panel_card_attendance {
    left: 18.67rem;
    top: 10.69rem;
  }
  .anniv3_wrap .anniv3_event_panel_game .panel_card_new {
    left: -.54rem;
    top: 26.87rem;
  }
  .anniv3_wrap .anniv3_event_panel_game .panel_card_shop {
    left: 18.67rem;
    top: 27.16rem;
  }
  .anniv3_wrap .anniv3_event_panel_community .community_head {
    left: 3.83rem;
    top: -1.26rem;
    width: 29.79rem;
  }
  .anniv3_wrap .anniv3_event_panel_community .community_box_comment {
    left: -.58rem;
    top: 8.2rem;
    width: 38.57rem;
  }
  .anniv3_wrap .anniv3_event_panel_community .community_box_certify {
    left: -.58rem;
    top: 25.67rem;
    width: 38.57rem;
  }
  .anniv3_wrap .anniv3_event_panel_community .community_box_comment .community_btn {
    left: 9.1rem;
    top: 11.74rem;
    width: 28.67rem;
  }
  .anniv3_wrap .anniv3_event_panel_community .community_box_certify .community_btn {
    left: 9.1rem;
    top: 11.84rem;
    width: 28.67rem;
  }
  .anniv3_wrap .anniv3_event_panel_community .community_btn::after,
  .anniv3_wrap .anniv3_event_panel_community .community_box_certify .community_btn::after {
    -webkit-mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_event_community_btn_mobile-6gygE9gB.png);
    mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_event_community_btn_mobile-6gygE9gB.png);
  }
  .anniv3_wrap .anniv3_event_panel_cafe .cafe_head {
    left: 2.74rem;
    top: -1.34rem;
    width: 31.92rem;
  }
  .anniv3_wrap .anniv3_event_panel_cafe .cafe_photo {
    left: 0;
    top: 8.29rem;
    width: 37.45rem;
    filter: drop-shadow(0 .43rem .3rem rgba(190, 207, 173, .95));
  }
  .anniv3_wrap .anniv3_event_panel_cafe .cafe_info {
    left: -.58rem;
    top: 32.21rem;
    width: 38.6rem;
  }
  .anniv3_wrap .anniv3_event_panel_cafe .cafe_btn {
    left: 3rem;
    top: 37.56rem;
    width: 33.98rem;
  }
  .anniv3_wrap .anniv3_event_panel_cafe .cafe_btn::after {
    -webkit-mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_event_cafe_btn_mobile-eM7kVx7V.png);
    mask-image: url(/assets/event/3rdAnniversary/img/focus_ring_event_cafe_btn_mobile-eM7kVx7V.png);
  }
}