@media (max-width: 1440px) {
  .wrapper {
    max-width: 1200px !important;
  }

  .hero-background {
    background-image: url("../assets/mobile-mockup.png");
    background-size: cover;
    background-repeat: no-repeat; /* 이미지 반복 없음 */
  }

  .roulette-container {
    padding: 80px;
  }
  .profile-wrapper,
  .competi-wrapper {
    padding: 0 72px;
  }
  .hero-brand-wrapper {
    padding-left: 72px;
    padding-right: 72px;
  }
  .footer-wrapper {
    padding: 72px;
  }

  .profile-review {
    margin-top: 6px;
  }
  .profile-card {
    padding: 36px;
  }
  .profile-image-container {
    max-width: 120px;
  }
  .profile-text {
    font-size: 20px;
  }
  .profile-needs::before {
    top: 50%;
  }
  .needs-title {
    font-size: 20px;
  }
  .needs-content {
    font-size: 20px;
  }
  .needs-content {
    padding-bottom: 12px;
  }
  .profile-container {
    height: auto;
    padding-bottom: 80px;
  }
  .ticker-container {
    padding: 60px 0;
    height: auto;
  }
  .ticker-wrapper {
    padding: 0 48px;
  }

  .roulette-image-wrapper {
    max-width: 360px;
  }

  .chart-container {
    gap: 1rem;
  }

  .coupon-container {
    height: auto;
  }

  .coupon-box {
    padding: 80px;
  }
  .review-right-wrapper {
    padding: 100px 80px;
  }

  .review-image-wrapper img {
    width: 100%;
    margin-right: 0;
  }

  /* competi */

  .competi-textarea-wrapper {
    padding: 0;
    padding-bottom: 24px;
  }
  .mobile {
    display: flex;
  }

  .desktop {
    display: none;
  }

  .competi-reviewer-wrapper {
    max-width: 220px;
  }

  .tmap-icon {
    left: 80px;
    top: 280px;
    width: 120px;
    height: 120px;
  }

  .naver-icon {
    left: 100px;
    top: 194px;
  }
  .google-icon {
    width: 120px;
    height: 120px;
    right: 80px;
    top: 280px;
  }

  .kakao-icon {
    width: 120px;
    height: 120px;
    right: 0px;
    top: 185px;
  }

  .data-textarea-wrapper {
    padding: 0px;
    padding-left: 60px;
    padding-right: 0;
  }
}

@media (max-width: 1024px) {
  .wrapper {
    max-width: 800px !important;
  }

  .data-container {
    padding: 160px 48px;
  }

  .hero-background {
    background-image: url("../assets/mobile-mockup.png");
    background-size: cover;
    background-repeat: no-repeat; /* 이미지 반복 없음 */
  }

  .hero-brand-wrapper {
    padding-left: 24px;
    padding-right: 24px;
  }

  .profile-item-wrapper {
    display: block;
    position: relative;
    height: auto;
    padding: 36px 0;
  }

  .video-scroll-wrapper {
    display: none;
  }

  .profile-item-wrapper > div:first-child {
    margin-bottom: 24px;
  }
  .profile-list {
    background-image: none;
  }
  .star1,
  .star2,
  .star3 {
    display: none;
  }

  .mobile-line-wrapper {
    display: block;
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
  }

  .purple-box {
    position: relative;
    margin-top: 48px;
    height: 60px;
  }
  .review-container {
    padding-top: 48px;
  }
  /* coupon */

  .coupon-text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .competi-black-ball-wrapper {
    right: 70px;
    top: 20px;
  }
  .subsc-title-wrapper {
    flex-direction: column;
    text-align: center;
    padding: 48px;
  }
  .subsc-area {
    padding: 80px;
  }
  .subsc-explain-item-wrapper {
    width: 400px;
    height: 72px;
  }
  .subsc-button {
    width: 320px;
    height: 60px;
  }
  .competi-container {
    height: auto;
  }
  .review-right-wrapper {
    padding: 0 48px;
  }

  .naver-icon {
    left: 0px;
    top: 194px;
  }
}