.home-more:hover {
  background: rgba(63.13, 68.61, 81.88, 0.15);
}

.home-default-button {
  position: relative;
  overflow: hidden;
}

.home-default-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(63, 69, 82, 0.15);
  opacity: 0;
  transition: opacity 160ms ease;
  pointer-events: none;
}

.home-default-button:hover::after,
.home-default-button:focus-visible::after {
  opacity: 1;
}
/* FAQ 아코디언 */
.host-faq-item {
  position: relative;
}

.host-faq-item:hover {
  background: var(--Gray-200, #fdfdfd);
}

.host-faq-answer {
  display: none;
  max-height: 0;
  opacity: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease, padding-top 0.3s ease,
    padding-bottom 0.3s ease;
}

.host-faq-item.active .host-faq-answer {
  display: flex !important;
  max-height: 1000px;
  opacity: 1;
  padding-top: 12px;
  padding-bottom: 0px;
}

.host-faq-arrow {
  transition: transform 0.3s ease;
}

.host-faq-item.active .host-faq-arrow {
  transform: rotate(180deg);
}

.host-bottom-cta-banner {
  position: relative;
  overflow: hidden;
}

.host-bottom-cta-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  mix-blend-mode: multiply;
  z-index: 1;
  pointer-events: none;
}

.host-bottom-cta-banner > * {
  position: relative;
  z-index: 2;
}

.host-top-cta-button {
  position: relative;
  overflow: hidden;
}

.host-top-cta-button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(63, 69, 82, 0.15);
  opacity: 0;
  transition: opacity 160ms ease;
  pointer-events: none;
}

.host-top-cta-button:hover::after,
.host-top-cta-button:focus-visible::after {
  opacity: 1;
}

/* 모바일 */
@media (max-width: 769px) {
  .host-top-cta-wrapper {
    padding: 0 16px !important;
  }

  .host-top-cta {
    gap: 24px !important;
  }

  .host-top-cta-left {
    min-width: unset !important;
  }

  .host-top-cta-heading span {
    font-size: 32px !important;
  }

  .host-top-cta-left-button {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .host-top-cta-right {
    min-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    height: 300px !important;
    background-size: 150% !important;
    background-position: top left !important;
  }

  .host-top-cta-right-info-icon {
    left: unset !important;
    right: 16px !important;
  }

  .host-top-cta-right-text-wrapper {
    width: unset !important;
    top: 60px !important;
    left: 16px !important;
  }

  .host-top-cta-right-heading {
    font-size: 26px !important;
    line-height: 36px !important;
  }

  .host-top-cta-calculator-button {
    top: 220px !important;
    left: 16px !important;
    width: 220px !important;
    height: 55px !important;
  }

  .home-banner {
    width: calc(100% - 32px) !important;
    min-width: calc(100% - 32px) !important;
    height: 72px !important;
    min-height: 72px;
    max-height: 72px;
    padding-left: 18px !important;
    overflow: hidden;
  }

  .home-banner > div {
    height: 100%;
  }

  .home-banner-text {
    font-size: 13px !important;
  }

  .home-banner-image {
    width: 135px !important;
  }

  .home-heading-2 {
    font-size: 24px !important;
  }

  .host-bottom-cta-banner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .host-bottom-cta-banner > * {
    padding: unset !important;
  }

  .home-heading-3-wrapper {
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  .home-heading-3 {
    font-size: 14px !important;
  }

  .home-text {
    font-size: 14px !important;
  }
}

/* 노트북 이하 */
@media (max-width: 1099px) {
}

/* 데스크톱 */
@media (min-width: 1100px) {
}