@charset "UTF-8";
/* ================================
   기본 브레이크포인트 (Base Breakpoints)
   ================================ */
.vip-page {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.vip-page .vip-page-content-section {
  padding: clamp(80px, calc(3.125vw + 2.5rem), 100px) 40px;
}
@media screen and (max-width: 1279px) {
  .vip-page .vip-page-content-section {
    padding: clamp(60px, calc(3.9215686275vw + 1.8651960784rem), 80px) 30px;
  }
}
@media screen and (max-width: 768px) {
  .vip-page .vip-page-content-section {
    padding: clamp(40px, calc(4.4642857143vw + 1.6071428571rem), 60px) 20px;
  }
}
.vip-page .vip-page-content-section .container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
}
.vip-page .vip-page-content-section .vip-page-subtitle {
  margin-bottom: clamp(10px, calc(0.3125vw + 0.375rem), 12px);
  font-size: clamp(18px, calc(0.3125vw + 0.875rem), 20px);
  font-weight: 700;
  color: #ffca00;
}
.vip-page .vip-page-content-section .vip-page-title {
  margin-bottom: clamp(40px, calc(1.5625vw + 1.25rem), 50px);
  font-size: clamp(24px, calc(0.625vw + 1rem), 28px);
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.4em;
}
.vip-page .vip-page-content-section .vip-benefit-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(16px, calc(0.625vw + 0.5rem), 20px);
  width: 100%;
}
.vip-page .vip-page-content-section .vip-benefit-item {
  display: flex;
  align-items: center;
  gap: clamp(16px, calc(0.625vw + 0.5rem), 20px);
  width: 100%;
  padding: clamp(20px, calc(0.625vw + 0.75rem), 24px);
  border-radius: 8px;
  background-color: #f9fbfb;
}
.vip-page .vip-page-content-section .vip-benefit-item-icon {
  width: 40px;
  height: 40px;
}
.vip-page .vip-page-content-section .vip-benefit-item-icon > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.vip-page .vip-page-content-section .vip-benefit-item-title {
  font-size: clamp(18px, calc(0.3125vw + 0.875rem), 20px);
  font-weight: 700;
  color: #1a1a1a;
  line-height: 1.4em;
}
.vip-page .vip-page-content-section .vip-benefit-item-description {
  font-size: clamp(14px, calc(0.3125vw + 0.625rem), 16px);
  color: #444;
  line-height: 1.4em;
}
.vip-page .vip-page-content-section .vip-page-description {
  width: 100%;
  margin-top: clamp(40px, calc(1.5625vw + 1.25rem), 50px);
  font-size: clamp(16px, calc(0.3125vw + 0.75rem), 18px);
  color: #444;
  line-height: 1.4em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .vip-page .vip-page-content-section .vip-page-description {
    margin-top: clamp(30px, calc(2.2321428571vw + 1.4285714286rem), 40px);
    font-size: clamp(14px, calc(0.4464285714vw + 0.7857142857rem), 16px);
  }
}
.vip-page .vip-page-content-section .vip-page-bottom-subtitle {
  display: block;
  width: 100%;
  margin-top: clamp(40px, calc(1.5625vw + 1.25rem), 50px);
  font-size: clamp(24px, calc(0.625vw + 1rem), 28px);
  font-weight: 700;
  text-align: center;
  line-height: 1.5em;
}
.vip-page .vip-page-content-section .vip-page-bottom-btn {
  display: inline-block;
  margin: 30px auto 0;
  padding: clamp(16px, calc(0.625vw + 0.5rem), 20px);
  border-radius: 8px;
  background-color: #ffca00;
  color: #fff;
  font-size: clamp(16px, calc(0.3125vw + 0.75rem), 18px);
  font-weight: 700;
  text-align: center;
  line-height: 1.4em;
}