@charset "UTF-8";
.faq__title-band .page-title-bar {
  padding-block-start: var(--gap-2);
}
@media (min-width: 768px) {
  .faq__title-band .page-title-bar {
    padding-block-start: var(--gap-12);
  }
}

/* 2026-07-16 수정 #0716-10 : faq__toolbar 모바일 margin-top 추가(데스크탑 0 유지) */
.faq__toolbar {
  position: sticky;
  background: var(--fill-normal);
  margin-top: var(--gap-2);
}
@media (min-width: 768px) {
  .faq__toolbar {
    margin-top: 0;
  }
}

.faq__results {
  margin-top: var(--gap-3);
}

.faq-list__item {
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
}
.faq-list__link {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
  padding-block: var(--gap-5);
  text-decoration: none;
  margin-inline: -var(--gap-2);
  transition: background-color var(--transition-base);
}
.faq-list__link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
  outline-offset: calc(-1 * var(--stroke-3));
}
.faq-list__q {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  color: var(--label-normal);
}
.faq-list__meta {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--label-soft);
}
.faq-list__hl {
  background: transparent;
  color: var(--brand-blue-normal);
  font: inherit;
}

.faq__more {
  margin-top: var(--gap-5);
  text-align: center;
}

.faq__help {
  margin-top: var(--gap-12);
}

@media (min-width: 768px) {
  .faq__title-band .page-title-bar {
    padding-block-start: var(--gap-12);
  }
  .faq {
    padding-bottom: var(--gap-24);
  }
  .faq__search {
    width: 304px;
  }
  .faq__help {
    margin-top: var(--gap-16);
  }
  .faq__more {
    margin-top: var(--gap-8);
  }
}