@media (min-width: 600px) {
  .main-container {
    width: 504px;
    height: 870.8px;
  }

  .main-title {
    left: 107.8px;
    top: 183.4px;
    width: 289.8px;
    height: 116.2px;
  }

  .subtitle {
    left: 113.4px;
    top: 310.8px;
    width: 278.6px;
    height: 26.6px;
    font-size: 18.2px;
  }

  .scene {
    position: absolute;
    transform: translate(0%, 0%);
    width: 193.9px;
    height: 308px;
    perspective: 840px;
    perspective-origin: 50% 50%;
    z-index: 5;
  }

  .card-face {
    box-shadow: 11.2px 0px 16.8px rgba(0, 0, 0, 0.25);
    border-radius: 11.2px;
  }

  .card-face img {
    border-radius: 11.2px;
  }

  /* .spread-cards .card-members-front {
    transform: rotateZ(-10deg) translateX(-35px) translateY(0);
  } */
  .spread-cards .card-members-front {
    transform: rotateZ(-10deg) translateX(-35px) translateY(0);
  }
  .spread-cards.card-align-single .card-members-front {
    transform: rotateZ(0deg) translateX(-8px) translateY(0);
  }

  .spread-cards .card-members-back {
    transform: rotateZ(-20deg) translateX(-70px) translateY(7px) rotateY(180deg);
  }

  .spread-cards .card-lasvegas {
    transform: rotateZ(5deg) translateX(35px) translateY(7px);
  }

  .spread-cards .card-edu {
    transform: rotateZ(15deg) translateX(70px) translateY(7px);
  }

  .fixed-button-wrap {
    top: 21px;
    max-width: 504px;
    padding: 0 22.4px;
    gap: 14px;
  }

  .logo {
    width: 48.24px;
    height: 11.2px;
  }

  .fixed-button {
    height: 78.4px;
    padding: 23.8px 22.4px 23.8px 33.6px;
    gap: 14px;
  }

  .button-text {
    font-size: 22.4px;
  }

  .icon-arrow {
    width: 28px;
    height: 28px;
    padding: 4.66px;
  }

  .icon-arrow img {
    width: 14px;
    height: 14px;
  }

  .icon-down {
    left: 231px;
    top: 824.6px;
    width: 42px;
    height: 19.6px;
  }

  @keyframes bounce {
    40% {
      transform: translateY(-14px);
    }
    60% {
      transform: translateY(-7px);
    }
  }

  .deco-particle {
    left: 33.6px;
    top: 385px;
    width: 459.2px;
    height: 441px;
  }

  .deco-left {
    transform: translateX(-277.2px);
    top: 499.8px;
    width: 117.6px;
    height: 117.6px;
  }

  .deco-left img {
    width: 117.6px;
    height: 117.6px;
  }

  .deco-right-bottom {
    transform: translateX(126px);
    top: 697.2px;
    width: 182px;
    height: 173.6px;
  }

  .deco-right-bottom img {
    width: 182px;
    height: 173.6px;
  }

  @keyframes fadeInUp {
    from {
      transform: translateY(42px);
    }
  }

  @keyframes cardFloat {
    50% {
      transform: translateY(-7px);
    }
  }

  .participation-section {
    max-width: 504px;
    padding: 47.6px 25.2px;
    gap: 25.2px;
  }

  .section-title {
    gap: 14px;
  }

  .sec-title-icon {
    width: 43.4px;
    height: 50.4px;
    padding: 11.2px;
  }

  .sec-title-icon img {
    width: 22.4px;
    height: 22.4px;
  }

  .section-title h2 {
    font-size: 30.8px;
  }

  .content {
    gap: 5.6px;
  }

  .content-label img {
    height: 18.2px;
  }

  .content-main {
    font-size: 21px;
  }

  .content-main-sm {
    font-size: 18.2px;
  }

  .note {
    font-size: 15.4px;
  }

  .event-guide-section {
    max-width: 504px;
    padding: 47.6px 25.2px;
    gap: 30.8px;
  }

  .event-guide-section .section-title {
    gap: 14px;
  }

  .event-guide-section .sec-title-icon {
    width: 43.4px;
    height: 50.4px;
    padding: 11.2px;
  }

  .event-guide-section .sec-title-icon img {
    width: 22.4px;
    height: 22.4px;
  }

  .event-guide-section .section-title h2 {
    font-size: 30.8px;
  }

  .event-guide-section .content {
    gap: 22.4px;
  }

  .step {
    gap: 5.6px;
  }

  .step-label {
    height: 18.2px;
  }

  .accent-line {
    left: 61.6px;
    top: 39.2px;
    width: 74.2px;
    height: 11.2px;
  }

  .step-title {
    font-size: 21px;
  }

  .step-info {
    gap: 8.4px;
  }

  .usage-period {
    border-radius: 7px;
    padding: 4.2px;
    font-size: 16.8px;
  }

  .step-date {
    font-size: 18.2px;
  }

  .button-wrap {
    gap: 11.2px;
  }

  .apply-button {
    padding: 23.8px 42px;
    font-size: 22.4px;
  }

  .target-cards-section {
    max-width: 504px;
    padding: 47.6px 25.2px;
    gap: 25.2px;
  }

  .target-cards-section .section-title {
    gap: 14px;
  }

  .target-cards-section .sec-title-icon {
    width: 43.4px;
    height: 50.4px;
    padding: 11.2px;
  }

  .target-cards-section .sec-title-icon img {
    width: 22.4px;
    height: 22.4px;
  }

  .target-cards-section .section-title h2 {
    font-size: 30.8px;
  }

  .cards-content {
    gap: 11.2px;
    padding: 0 22.4px;
    width: 504px;
  }

  .card-wrap {
    padding: 33.6px 22.4px 22.4px;
    gap: 16.8px;
    width: 224px;
  }

  .card-thumb-wrap {
    gap: 16.8px;
  }

  .card-thumb {
    gap: 11.2px;
    padding-bottom: 11.2px;
    height: 196px;
  }

  .card-name {
    font-size: 16.8px;
  }

  .card-image {
    border-radius: 5.6px;
  }

  .card-wrap.horizontal .card-image {
    width: 151.14px;
    height: 95.2px;
    box-shadow: inset 0.45px 0.45px 0.45px 0px rgba(255, 255, 255, 0.87), inset -0.45px -0.45px 0.45px 0px rgba(62, 52, 52, 0.5);
  }

  .card-wrap.vertical .card-image {
    width: 95.2px;
    height: 151.14px;
  }

  .card-txt-wrap {
    gap: 11.2px;
  }

  .cards-content > .card-wrap:nth-child(1) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(2) .card-txt-wrap {
    height: 140px;
  }

  .cards-content > .card-wrap:nth-child(5) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(6) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(9) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(10) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(11) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(12) .card-txt-wrap {
    height: 95.2px;
  }

  .cards-content > .card-wrap:nth-child(7) .card-txt-wrap,
  .cards-content > .card-wrap:nth-child(8) .card-txt-wrap {
    height: 42px;
  }

  .card-benefit {
    gap: 5.6px;
  }

  .benefit-dot {
    width: 2.8px;
    height: 2.8px;
    margin-top: 8.4px;
  }

  .benefit-text {
    font-size: 16.8px;
  }

  .card-special {
    padding: 11.2px;
    border-radius: 5.6px;
    gap: 5.6px;
  }

  .special-tag {
    font-size: 15.4px;
    padding: 2.8px 5.6px 1.4px;
    border-radius: 2.8px;
  }

  .special-text {
    font-size: 14px;
  }

  .divider {
    width: 179.2px;
    height: 1.4px;
  }

  .card-info {
    gap: 16.8px;
  }

  .fee-info {
    gap: 7px;
  }

  .fee-label {
    font-size: 15.4px;
  }

  .fee-amount {
    font-size: 15.4px;
  }

  .detail-button {
    border: 1.4px solid #d0cdc8;
    font-size: 16.8px;
    height: 50.4px;
  }

  .note-item {
    gap: 5.6px;
    padding-top: 7px;
  }

  .note-dot {
    width: 2.8px;
    height: 2.8px;
    margin-top: 7px;
  }

  .note-text {
    font-size: 14px;
  }

  .target-cards-section .section-note {
    font-size: 15.4px;
  }

  .footer-wrap {
    padding: 36.4px 33.6px 50.4px 19.6px;
    gap: 22.4px;
  }

  .footer {
    gap: 14px;
  }

  .footer-title {
    gap: 8.4px;
    padding-left: 11.2px;
  }

  .alert-icon {
    width: 25.2px;
    height: 25.2px;
  }

  .alert-icon img {
    width: 22.93px;
    height: 22.93px;
  }

  .footer-title h3 {
    font-size: 19.6px;
  }

  .footer-content {
    gap: 14px;
    padding-left: 33.6px;
  }

  .footer-main-text {
    font-size: 18.2px;
  }

  .footer-legal-text {
    font-size: 18.2px;
  }

  .footer-interest-title {
    font-size: 18.2px;
    margin: 0 0 5.6px 0;
  }

  .footer-list-item {
    gap: 8.4px;
  }

  .footer-list-bullet {
    font-size: 18.2px;
  }

  .footer-list-text {
    font-size: 18.2px;
  }

  .footer-warning-text {
    font-size: 18.2px;
    margin: 5.6px 0 0 0;
  }

  .footer-regulatory {
    margin-left: -19.6px;
  }

  .footer-reg-item {
    gap: 5.6px;
  }

  .footer-reg-bullet {
    font-size: 18.2px;
  }

  .footer-reg-text {
    font-size: 18.2px;
  }

  .footer-address {
    font-size: 18.2px;
    margin-left: -19.6px;
  }

  .mintitle {
    font-size: 14px;
  }
  .txt_accent > .accent-line {
    width: 158px;
  }
  .txt_accent.short > .accent-line {
    width: 190px;
  }
  .caption-wrap {
    gap: 6px;
  }

}