@charset "UTF-8";
/* 2026-07-31 수정 #0731-9 : 인터랙션 정책 — press(:active) 틴트 폐지·hover 틴트를 hover 가능 기기로 한정 */
/* 2026-07-31 수정 #0731-9 : 인터랙션 정책 — press(:active) 틴트 폐지·hover 틴트를 hover 가능 기기로 한정 */
/* 2026-07-31 수정 #0731-10 : focus-ring — 포커스 링 노출 조건 개편(포인터 기기 게이트·인풋 예외·래퍼 위임) */
/* 2026-07-31 수정 #0731-11 : overlay__body-inner — 모달 본문 가로 스크롤 우측 끝 여백 보정 */
.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;
  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);
    padding-block-end: var(--gap-4);
  }
  .faq {
    padding-bottom: var(--gap-24);
  }
  .faq__search {
    width: 304px;
  }
  .faq__help {
    margin-top: var(--gap-16);
  }
  .faq__more {
    margin-top: var(--gap-8);
  }
}
.faq-detail__head {
  padding-block: var(--gap-5);
  border-bottom: var(--stroke-1) solid var(--border-box-normal);
}

.faq-detail__category {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--label-muted);
}

.faq-detail__title {
  margin-top: var(--gap-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  color: var(--label-normal);
}

.faq-detail__answer {
  margin-top: var(--gap-5);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  color: var(--label-normal);
}
.faq-detail__answer > * {
  margin: 0;
}
.faq-detail__answer > * + * {
  margin-top: var(--gap-5);
}
.faq-detail__answer p + p {
  margin-top: var(--gap-6);
}
.faq-detail__answer table {
  width: 100%;
  border-collapse: collapse;
}
.faq-detail__answer th,
.faq-detail__answer td {
  padding: var(--gap-4);
  border-bottom: var(--stroke-1) solid var(--border-box-normal);
  font-size: var(--font-size-body-medium);
  line-height: 1.6;
  text-align: center;
  white-space: nowrap;
}
.faq-detail__answer thead th {
  background: var(--background-strong);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
}
.faq-detail__answer tbody td {
  font-weight: var(--font-weight-regular);
  color: var(--label-muted);
}
.faq-detail__answer ol,
.faq-detail__answer ul {
  padding-left: var(--gap-5);
  list-style-position: outside;
}
.faq-detail__answer ol {
  list-style-type: decimal;
}
.faq-detail__answer ul {
  list-style-type: disc;
}
.faq-detail__answer li + li {
  margin-top: var(--gap-1);
}

.faq-detail__table-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.faq-detail__help {
  margin-top: var(--gap-20);
}

@media (min-width: 768px) {
  .faq-detail__head {
    padding-top: var(--gap-12);
    padding-bottom: var(--gap-6);
  }
  .faq-detail__answer {
    margin-top: var(--gap-6);
    padding-bottom: var(--gap-6);
    border-bottom: var(--stroke-1) solid var(--border-box-normal);
  }
  .faq-detail__answer table {
    width: auto;
    max-width: 100%;
    table-layout: auto;
  }
  .faq-detail__answer th,
  .faq-detail__answer td {
    width: 260px;
    padding-inline: var(--gap-4);
  }
  .faq-detail__help {
    margin-top: var(--gap-16);
  }
}
.notice__title-band .page-title-bar {
  padding-block-start: var(--gap-2);
}

[data-notice-tab][hidden] {
  display: none !important;
}

.notice__tabs {
  margin-top: var(--gap-2);
}

@media (min-width: 768px) {
  .notice__results {
    margin-top: var(--gap-3);
  }
}

.notice__more {
  margin-top: var(--gap-2);
  padding-block: var(--gap-3);
  text-align: center;
}

.notice__nodata {
  justify-content: center;
  min-height: 420px;
}

@media (min-width: 768px) {
  .notice__title-band .page-title-bar {
    padding-block-start: var(--gap-12);
  }
  .notice__search {
    width: 304px;
  }
  .notice__tabs {
    margin-top: 0;
  }
  .notice__more {
    margin-top: var(--gap-5);
  }
}
.notice-detail__head {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
  padding-block: var(--gap-5);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
}

.notice-detail__badge {
  align-self: flex-start;
}

.notice-detail__title {
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  color: var(--label-normal);
}

.notice-detail__date {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--label-soft);
}

.notice-detail__info {
  margin: 0;
  padding: var(--p-2) var(--p-1);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}

.notice-detail__info-row {
  display: flex;
  align-items: baseline;
  gap: var(--gap-4);
  padding-block: var(--p-1);
}

.notice-detail__info-label {
  flex-shrink: 0;
  color: var(--label-soft);
}

.notice-detail__info-value {
  margin: 0;
  min-width: 0;
  color: var(--label-normal);
}

.notice-detail__promo {
  margin-top: var(--gap-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-5);
  border: var(--stroke-1) solid var(--border-line-muted);
  border-radius: var(--rounded-2xl);
  background: var(--background-strong);
  text-align: center;
}

.notice-detail__promo-icon {
  width: 48px;
  height: 48px;
}

.notice-detail__promo-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-4);
  width: 100%;
}

.notice-detail__promo-text {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.notice-detail__promo-lead {
  margin: 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--label-muted);
}

.notice-detail__promo-title {
  margin: 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  color: var(--label-normal);
}

.notice-detail__promo-action {
  width: 120px;
}

.notice-detail__body {
  margin-top: var(--gap-5);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  color: var(--label-normal);
}
.notice-detail__body > * {
  margin: 0;
}
.notice-detail__body > * + * {
  margin-top: var(--gap-5);
}
.notice-detail__body p + p {
  margin-top: var(--gap-6);
}
.notice-detail__body ol,
.notice-detail__body ul {
  padding-left: var(--gap-5);
  list-style-position: outside;
}
.notice-detail__body ol {
  list-style-type: decimal;
}
.notice-detail__body ul {
  list-style-type: disc;
}
.notice-detail__body li + li {
  margin-top: var(--gap-1);
}

.notice-detail__promo + .notice-detail__body {
  margin-top: var(--gap-8);
}

.notice-detail__event-link {
  display: block;
  width: fit-content;
  margin-top: var(--gap-8);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  color: var(--label-normal);
  text-decoration: underline;
  border-radius: var(--rounded-sm);
}
.notice-detail__event-link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

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

.notice-detail__nav {
  margin-top: var(--gap-16);
}

@media (min-width: 768px) {
  .notice-detail__head {
    padding-top: var(--gap-12);
    padding-bottom: var(--gap-6);
  }
  .notice-detail__info {
    padding-inline: var(--p-2);
  }
  .notice-detail__promo {
    margin-top: var(--gap-6);
    padding-block: var(--p-7);
  }
  .notice-detail__promo-icon {
    width: 56px;
    height: 56px;
  }
  .notice-detail__promo-lead + .notice-detail__promo-title {
    margin-top: var(--gap-0-5);
  }
  .notice-detail__body {
    margin-top: var(--gap-6);
  }
  .notice-detail__notes {
    margin-top: var(--gap-20);
  }
  .notice-detail__nav {
    margin-top: var(--gap-20);
  }
}
.dialog__content > .winner-check-modal > .overlay__body > .overlay__body-inner {
  padding-bottom: var(--p-9);
}
@media (min-width: 768px) {
  .dialog__content > .winner-check-modal > .overlay__body > .overlay__body-inner {
    padding-bottom: var(--p-10);
  }
}

.winner-check__form {
  margin-top: var(--gap-4);
}
.winner-check__form > * + * {
  margin-top: var(--gap-4);
}
@media (min-width: 768px) {
  .winner-check__form {
    margin-top: var(--gap-5);
  }
}

.winner-result {
  margin-top: var(--gap-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-6);
  text-align: center;
}

.winner-result__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-2);
  width: 100%;
}

.winner-result__icon {
  width: 56px;
  height: 56px;
}

.winner-result__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
  width: 100%;
}

.winner-result__title {
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-semibold);
  line-height: 1.4;
  color: var(--label-normal);
}

.winner-result__desc {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  color: var(--label-soft);
}

.winner-result--win .winner-result__head {
  gap: var(--gap-3);
}

.winner-result__table {
  align-self: stretch;
}

@media (min-width: 768px) {
  .winner-result {
    margin-top: var(--gap-6);
  }
  .winner-result--win .winner-result__text {
    gap: var(--gap-1);
  }
}
.support-guide__title-band .page-title-bar {
  padding-block: 0;
}
@media (min-width: 768px) {
  .support-guide__title-band .page-title-bar {
    padding-block: var(--gap-12) var(--gap-4);
  }
}

.access {
  margin-top: var(--p-3);
}
@media (min-width: 768px) {
  .access {
    margin-top: var(--p-6);
  }
}

.access-sec .section-title {
  padding-left: 0;
}

.access-sec + .access-sec {
  margin-top: var(--gap-12);
}
@media (min-width: 768px) {
  .access-sec + .access-sec {
    margin-top: var(--gap-16);
  }
}

.access-sec__desc {
  margin-top: var(--p-1);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .access-sec__desc {
    margin-top: var(--p-1-5);
  }
}

.access-sec__group,
.access-sec__divider {
  margin-top: var(--gap-6);
}

.access-sec__subtitle .section-title__heading {
  font-size: var(--font-size-title-medium);
}
@media (min-width: 768px) {
  .access-sec__subtitle .section-title__heading {
    font-size: var(--font-size-title-small);
  }
}

.access-feature {
  margin-top: var(--gap-6);
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
}

.access-feature__item {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
@media (min-width: 768px) {
  .access-feature__item {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-12);
  }
}

.access-feature__img {
  width: 100%;
  height: auto;
  border-radius: var(--rounded-2xl);
}
@media (min-width: 768px) {
  .access-feature__img {
    width: 448px;
    flex-shrink: 0;
  }
}

@media (min-width: 768px) {
  .access-feature__body {
    flex: 1;
    min-width: 0;
  }
}

.access-feature__title {
  display: block;
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.access-feature__desc {
  margin-top: var(--p-0-5);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .access-feature__desc {
    margin-top: var(--p-1);
  }
}
.access-feature__desc br[data-break=pc] {
  display: none;
}
@media (min-width: 768px) {
  .access-feature__desc br[data-break=pc] {
    display: inline;
  }
}

.access-cards {
  margin-top: var(--gap-6);
  display: grid;
  gap: var(--gap-8);
}
@media (min-width: 768px) {
  .access-cards {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-4);
  }
}

.access-card__img {
  width: 100%;
  height: auto;
  border-radius: var(--rounded-2xl);
}

.access-card__body {
  margin-top: var(--gap-3);
}
@media (min-width: 768px) {
  .access-card__body {
    margin-top: var(--gap-4);
  }
}

.access-card__title {
  display: block;
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.access-card__desc {
  margin-top: var(--p-0-5);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .access-card__desc {
    margin-top: var(--p-1);
  }
}

.sign-cards {
  margin-top: var(--gap-6);
  display: grid;
  gap: var(--gap-4);
}
@media (min-width: 768px) {
  .sign-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.sign-card {
  padding: var(--p-6);
  border: var(--stroke-1) solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

.sign-card__body {
  margin-top: var(--gap-6);
}

.sign-card__title {
  display: block;
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.sign-card__desc {
  margin-top: var(--p-0-5);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}

.sign-note {
  margin-top: var(--gap-4);
  display: flex;
  align-items: flex-start;
  gap: var(--gap-1);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--brand-skyblue-weak);
  color: var(--brand-skyblue-heavy);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.sign-note > svg {
  flex-shrink: 0;
  margin-top: 3px;
}

.sign-flow {
  margin-top: var(--gap-6);
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}

.sign-flow__row {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
}
@media (min-width: 768px) {
  .sign-flow__row {
    flex-direction: row;
    align-items: stretch;
  }
}

.sign-flow__step {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  .sign-flow__step {
    flex: 1;
    min-width: 0;
  }
}
.sign-flow__step--start {
  background: var(--brand-blue-subtle);
  color: var(--brand-blue-normal);
}
.sign-flow__step + .sign-flow__step::before {
  content: "";
  position: absolute;
  left: 50%;
  top: -20px;
  height: 20px;
  border-left: var(--stroke-1) solid var(--brand-blue-normal);
}
@media (min-width: 768px) {
  .sign-flow__step + .sign-flow__step::before {
    left: -20px;
    top: 50%;
    width: 20px;
    height: 0;
    border-left: 0;
    border-top: var(--stroke-1) solid var(--brand-blue-normal);
  }
}
.sign-flow__step + .sign-flow__step::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: var(--rounded-full);
  background: var(--brand-blue-normal);
  left: calc(50% - 2px);
  top: -3px;
}
@media (min-width: 768px) {
  .sign-flow__step + .sign-flow__step::after {
    left: -3px;
    top: calc(50% - 2px);
  }
}

.sign-flow__or {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
.sign-flow__or::before, .sign-flow__or::after {
  content: "";
  flex: 1;
  height: var(--stroke-1);
  background: var(--border-line-normal);
}

.sign-flow__then {
  display: flex;
  justify-content: center;
  padding: var(--p-1-5) 0;
  color: var(--brand-blue-normal);
}

.sign-flow__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-5);
  border: var(--stroke-2) solid transparent;
  border-radius: var(--rounded-2xl);
  background: linear-gradient(var(--background-normal), var(--background-normal)) padding-box, linear-gradient(to right, #3617ce, #be69ff) border-box;
  color: var(--brand-blue-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  text-align: center;
}

.dc {
  margin-top: var(--p-8);
}
@media (min-width: 768px) {
  .dc {
    margin-top: var(--p-12);
  }
}

.dc br[data-break=pc] {
  display: none;
}
@media (min-width: 768px) {
  .dc br[data-break=pc] {
    display: inline;
  }
}

@media (min-width: 768px) {
  .dc br[data-break=mo] {
    display: none;
  }
}

.dc__headline {
  margin: 0;
  color: var(--label-normal);
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.dc-sec {
  margin-top: var(--p-8);
}
.dc-sec:has(.dc-process) {
  margin-top: var(--gap-12);
}
@media (min-width: 768px) {
  .dc-sec:has(.dc-process) {
    margin-top: var(--gap-16);
  }
}
@media (min-width: 768px) {
  .dc-sec {
    margin-top: var(--gap-16);
  }
}

.dc-cond {
  margin-top: var(--gap-4);
}
@media (min-width: 768px) {
  .dc-cond {
    margin-top: var(--gap-6);
  }
}

.dc-cond__cards {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .dc-cond__cards {
    flex-direction: row;
    align-items: stretch;
    gap: var(--gap-4);
  }
}

.dc-cond-card {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
@media (min-width: 768px) {
  .dc-cond-card {
    flex: 1;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-10);
    padding: var(--p-6);
  }
}

.dc-cond-card__icon {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .dc-cond-card__icon {
    width: 48px;
    height: 48px;
  }
}

.dc-cond-card__title {
  display: block;
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.dc-cond-card__desc {
  margin-top: var(--p-0-5);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}

.dc-cond__arrow {
  margin-top: var(--p-1);
  display: flex;
  justify-content: center;
  padding: var(--p-1-5) 0;
  color: var(--brand-blue-normal);
}
@media (min-width: 768px) {
  .dc-cond__arrow {
    margin-top: var(--p-2);
  }
}

.dc-cond__result {
  margin-top: var(--p-1);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-0-5);
  padding: var(--p-4) var(--p-5);
  border: var(--stroke-2) solid transparent;
  border-radius: var(--rounded-2xl);
  background: linear-gradient(var(--background-normal), var(--background-normal)) padding-box, linear-gradient(to right, #3617ce, #be69ff) border-box;
  text-align: center;
}
@media (min-width: 768px) {
  .dc-cond__result {
    margin-top: var(--p-2);
  }
}

.dc-cond__result-title {
  color: var(--brand-blue-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.dc-cond__result-sub {
  color: var(--label-muted);
  font-size: var(--font-size-component-small);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .dc-cond__result-sub {
    color: var(--label-soft);
    font-size: var(--font-size-component-medium);
  }
}

.dc-process {
  margin-top: var(--gap-4);
  padding: var(--p-5);
  border: var(--stroke-1) solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
@media (min-width: 768px) {
  .dc-process {
    margin-top: var(--gap-6);
    padding: var(--p-6);
  }
}

.dc-steps {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin: 0;
  padding: 0;
  list-style: none;
}

.dc-step {
  display: flex;
  gap: var(--gap-4);
}

.dc-step__rail {
  position: relative;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  width: 24px;
}

.dc-step__num {
  margin-top: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: var(--rounded-full);
  background: var(--brand-blue-normal);
  color: var(--label-inverse-normal);
  font-size: var(--font-size-component-2xsmall);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.dc-step:not(:last-child) .dc-step__rail::after {
  content: "";
  position: absolute;
  top: 33px;
  bottom: 0;
  border-left: var(--stroke-1) solid var(--border-line-normal);
}

.dc-step__body {
  flex: 1;
  min-width: 0;
}

.dc-step:not(:last-child) .dc-step__body {
  padding-bottom: var(--p-4);
}

.dc-step__title {
  display: block;
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.dc-step__card {
  margin-top: var(--gap-3);
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-weak);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .dc-step__card {
    padding-block: var(--p-4);
  }
}
.dc-step__card > svg {
  flex-shrink: 0;
}

.dc-process__notes {
  margin-top: var(--gap-5);
  padding: var(--p-3);
  border-radius: var(--rounded-md);
  background: var(--fill-strong);
  list-style: none;
}
.dc-process__notes li {
  position: relative;
  padding-left: var(--gap-3);
  color: var(--label-soft);
  font-size: var(--font-size-component-xsmall);
  line-height: 1.6;
}
.dc-process__notes li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}
.dc-process__notes li + li {
  margin-top: var(--gap-1);
}

.dc__notes {
  margin-top: var(--p-18);
}
@media (min-width: 768px) {
  .dc__notes {
    margin-top: var(--gap-20);
  }
}

.ars {
  margin-top: var(--p-8);
}
@media (min-width: 768px) {
  .ars {
    margin-top: var(--p-12);
  }
}

.ars__desc {
  margin-top: var(--p-1);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
  padding-left: var(--p-1);
}
@media (min-width: 768px) {
  .ars__desc {
    margin-top: var(--p-1-5);
  }
}

.ars__layout {
  margin-top: var(--gap-6);
}
@media (min-width: 768px) {
  .ars__layout {
    display: flex;
    align-items: stretch;
    gap: var(--gap-8);
  }
}

.ars-dial {
  display: none;
}
@media (min-width: 768px) {
  .ars-dial {
    display: flex;
    flex-direction: column;
    gap: var(--gap-5);
    flex: 464 1 0;
    min-width: 0;
    max-width: 464px;
    align-self: flex-start;
    justify-content: center;
    aspect-ratio: 464/796;
    padding: var(--p-5);
    border: var(--stroke-1) solid var(--border-line-muted);
    border-radius: var(--rounded-4xl);
    background: var(--fill-normal);
    box-shadow: 0 15px 20px -5px rgba(25, 27, 30, 0.07), 0 8px 10px -3px rgba(25, 27, 30, 0.07);
  }
}

.ars-dial__head {
  text-align: center;
}

.ars-dial__label {
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.ars-dial__number {
  color: var(--label-normal);
  font-size: var(--font-size-title-3xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.ars-keypad {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 113px;
  gap: var(--gap-2);
}

.ars-keypad__key {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-1);
  min-width: 0;
  padding: var(--p-2);
  border: var(--stroke-1) solid var(--border-line-muted);
  border-radius: var(--rounded-lg);
  background: var(--fill-normal);
  font-family: inherit;
  text-align: center;
}

button.ars-keypad__key {
  cursor: pointer;
}
button.ars-keypad__key:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.ars-keypad__num {
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.ars-keypad__label {
  color: var(--label-soft);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}

.ars-keypad__key[aria-expanded=true] {
  border-color: var(--brand-blue-normal);
  background: var(--brand-blue-weak);
}
.ars-keypad__key[aria-expanded=true] .ars-keypad__num {
  color: var(--brand-blue-normal);
}

.ars-keypad__key--off {
  border-color: transparent;
  background: var(--fill-strong);
}
.ars-keypad__key--off .ars-keypad__num {
  color: var(--label-disabled);
}

.ars-dial__hint {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-1);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--brand-blue-weak);
  color: var(--brand-blue-normal);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.ars-dial__hint > svg {
  flex-shrink: 0;
  margin-top: 2px;
}

.ars__menus {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .ars__menus {
    flex: 448 1 0;
    min-width: 0;
  }
}

.ars-acc .accordion__trigger {
  gap: var(--gap-3);
  padding: var(--gap-5);
}
.ars-acc .accordion__content {
  padding: var(--p-2) var(--p-5) var(--p-5);
}

.ars-acc__num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: var(--rounded-full);
  background: var(--fill-disabled);
  color: var(--label-inverse-normal);
  font-size: var(--font-size-component-2xsmall);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.accordion__item[open] .ars-acc__num {
  background: var(--brand-blue-normal);
}

.ars-acc__title {
  margin: 0;
  flex: 1;
  min-width: 0;
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.ars-menu {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ars-menu__row {
  display: flex;
  gap: var(--gap-5);
  padding-block: var(--p-1);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}

.ars-menu__code {
  flex-shrink: 0;
  color: var(--label-soft);
}

.ars-menu__label {
  flex: 1;
  min-width: 0;
  color: var(--label-normal);
  font-weight: var(--font-weight-medium);
}

.ars-howto {
  padding: var(--p-4);
  margin-top: var(--p-2);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
}

.ars-howto__title {
  display: flex;
  align-items: center;
  gap: var(--p-1);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}
.ars-howto__title > svg {
  flex-shrink: 0;
}

.ars-howto__desc {
  margin-top: var(--p-1);
  color: var(--label-muted);
  font-size: var(--font-size-component-small);
  line-height: 1.6;
}

.ars-call {
  display: flex;
  align-items: center;
  gap: var(--gap-3);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--brand-blue-subtle);
  text-decoration: none;
  margin-top: var(--gap-12);
}
@media (min-width: 768px) {
  .ars-call {
    display: none;
  }
}

.ars-call__body {
  flex: 1;
  min-width: 0;
}

.ars-call__title {
  display: block;
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.ars-call__hours {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  color: var(--label-muted);
  font-size: var(--font-size-component-xsmall);
  line-height: 1.6;
}

.ars-call__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: var(--rounded-full);
  background: var(--fill-normal);
  color: var(--label-normal);
}

.ars__notes {
  margin-top: var(--gap-12);
}
@media (min-width: 768px) {
  .ars__notes {
    margin-top: var(--gap-20);
  }
}

.speed {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--p-3);
  padding-top: var(--gap-20);
  text-align: center;
}
@media (min-width: 768px) {
  .speed {
    margin-top: var(--p-6);
  }
}

.speed__title {
  margin-top: var(--gap-6);
  color: var(--label-normal);
  font-size: var(--font-size-component-3xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}
@media (min-width: 768px) {
  .speed__title br {
    display: none;
  }
}

.speed__desc {
  margin-top: var(--gap-2);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}

.speed__cta {
  margin-top: var(--gap-6);
}
@media (min-width: 768px) {
  .speed__cta {
    min-width: 210px;
  }
}

.support-guide__search--pc {
  display: none;
}
@media (min-width: 768px) {
  .support-guide__search--pc {
    display: block;
    width: 304px;
  }
}

.support-guide__search-area {
  padding-top: var(--p-5);
  padding-bottom: var(--p-2);
}
@media (min-width: 768px) {
  .support-guide__search-area {
    display: none;
  }
}

.manual__count {
  margin-top: var(--gap-3);
}
@media (min-width: 768px) {
  .manual__count {
    margin-top: var(--gap-4);
  }
}

.manual-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .manual-list {
    margin-top: var(--gap-2);
  }
}

.manual-item__link {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding-block: var(--p-5);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
  text-decoration: none;
}

.manual-item__main {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-3);
}
@media (min-width: 768px) {
  .manual-item__main {
    gap: var(--gap-5);
  }
}

.manual-item__thumb {
  flex-shrink: 0;
  width: 72px;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
  border-radius: var(--rounded-lg);
}
@media (min-width: 768px) {
  .manual-item__thumb {
    width: 120px;
  }
}
.manual-item__thumb--none {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--fill-strong);
}
.manual-item__thumb--none svg {
  width: 45%;
  height: auto;
  aspect-ratio: 1;
}

.manual-item__title {
  flex: 1;
  min-width: 0;
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.manual-item__icon {
  flex-shrink: 0;
  color: var(--label-normal);
}

.manual__more {
  margin-top: var(--gap-4);
  text-align: center;
  padding-block: var(--p-3);
}

.video__toolbar {
  position: sticky;
  background: var(--fill-normal);
}

.video-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: var(--gap-8);
}
@media (min-width: 768px) {
  .video-list {
    margin-top: var(--gap-2);
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--gap-4);
    row-gap: var(--gap-8);
  }
}

.video-card {
  appearance: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
.video-card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.video-card__thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
.video-card__thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}

/* 2026-07-31 수정 #0731-9 정책 미러 — hover 틴트는 hover 가능 기기 한정(터치 sticky :hover 방지). */
@media (hover: hover) {
  .video-card:hover .video-card__thumb::after {
    opacity: 0.0375;
  }
}
.video-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.video-card__no-thumb {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 38%;
  height: auto;
  aspect-ratio: 1;
}

.video-card__title {
  padding-inline: var(--p-1);
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.video__more {
  margin-top: var(--gap-8);
  text-align: center;
  padding-block: var(--p-3);
}

.video__help {
  margin-top: var(--gap-12);
  padding-top: var(--gap-8);
  border-top: var(--gap-2) solid var(--background-strong);
}
@media (min-width: 768px) {
  .video__help {
    margin-top: var(--gap-16);
    padding-top: 0;
    border-top: 0;
  }
}

.video__help-title {
  margin: 0;
  color: var(--label-normal);
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.video__help-list {
  margin-top: var(--gap-4);
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .video__help-list {
    max-width: 464px;
  }
}

body.support-guide-pc-only .header__mobile {
  display: none;
}

body.support-guide-pc-only #main {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.support-guide-pc-only #main {
    padding-bottom: var(--p-36);
  }
}

@media (min-width: 768px) {
  .support-guide__guard {
    display: none;
  }
}

.support-guide__desktop {
  display: none;
}
@media (min-width: 768px) {
  .support-guide__desktop {
    display: block;
  }
}

.app-forms {
  margin-top: var(--p-12);
}

.app-forms-sec + .app-forms-sec {
  margin-top: var(--gap-8);
}

.app-forms-sec__title {
  padding-left: var(--p-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  color: var(--label-normal);
}

.app-forms-sec__desc {
  margin-top: var(--p-1-5);
  padding-left: var(--p-1);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
  color: var(--label-muted);
}

.app-forms-card {
  margin: var(--gap-4) 0 0;
  padding: var(--p-2);
  border: var(--stroke-1) solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  list-style: none;
}

.app-forms-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-3);
  border-radius: var(--rounded-lg);
  text-decoration: none;
}
.app-forms-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .app-forms-item:hover::before {
    opacity: 0.0375;
  }
}
.app-forms-item:active::before {
  opacity: 0.09;
}
.app-forms-item:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
  outline-offset: calc(-1 * var(--stroke-3));
}

.app-forms-item__body {
  flex: 1;
  min-width: 0;
}

.app-forms-item__title {
  display: block;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  color: var(--label-normal);
}

.app-forms-item__desc {
  display: block;
  margin-top: var(--gap-0-5);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
  color: var(--label-soft);
}

.app-forms-item__icon {
  flex-shrink: 0;
  color: var(--label-normal);
}

.svc-avail {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--p-3);
  padding-top: var(--gap-20);
  text-align: center;
}
@media (min-width: 768px) {
  .svc-avail {
    margin-top: var(--p-6);
  }
}

.svc-avail__title {
  margin-top: var(--gap-6);
  color: var(--label-normal);
  font-size: var(--font-size-component-3xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.svc-avail__desc {
  margin-top: var(--gap-2);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}

.svc-avail__cta {
  margin-top: var(--gap-6);
}
@media (min-width: 768px) {
  .svc-avail__cta {
    min-width: 210px;
  }
}

.svc-result {
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .svc-result {
    margin-top: var(--p-6);
  }
}

.svc-result__address {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-3);
  min-height: 67px;
  padding: var(--p-3) var(--p-3) var(--p-3) var(--p-4);
  border: var(--stroke-1) solid var(--brand-blue-normal);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-weak);
}
.svc-result__address::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .svc-result__address:hover::before {
    opacity: 0.0375;
  }
}
.svc-result__address:active::before {
  opacity: 0.09;
}
.svc-result__address:has(.btn-text:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.svc-result__address .btn-text {
  position: static;
}
.svc-result__address .btn-text::after {
  content: "";
  position: absolute;
  inset: 0;
}
.svc-result__address .btn-text:focus-visible {
  outline: none;
}

.svc-result__address-text {
  flex: 1;
  min-width: 0;
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.svc-result__headline {
  margin: var(--gap-5) 0 0;
  color: var(--label-normal);
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}
@media (min-width: 768px) {
  .svc-result__headline {
    margin-top: var(--gap-6);
  }
}

.svc-result-join,
.svc-result-group {
  margin-top: var(--gap-12);
}
@media (min-width: 768px) {
  .svc-result-join,
  .svc-result-group {
    margin-top: var(--gap-16);
  }
}

.svc-result-list {
  margin: var(--gap-4) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
@media (min-width: 768px) {
  .svc-result-list {
    margin-top: var(--gap-6);
  }
}

.svc-result-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-5);
  border: var(--stroke-1) solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  text-decoration: none;
}
.svc-result-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .svc-result-item:hover::before {
    opacity: 0.0375;
  }
}
.svc-result-item:active::before {
  opacity: 0.09;
}
.svc-result-item:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.svc-result-item__name {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}

.svc-result-item__badge {
  flex-shrink: 0;
}

.svc-result-item__arrow {
  flex-shrink: 0;
  color: var(--label-soft);
}

.svc-result-join__grid {
  margin: var(--gap-4) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-2);
}
@media (min-width: 768px) {
  .svc-result-join__grid {
    margin-top: var(--gap-6);
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-4);
  }
}

.svc-result-card {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  padding: var(--p-4) var(--p-5);
  border: var(--stroke-1) solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  text-decoration: none;
}
.svc-result-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .svc-result-card:hover::before {
    opacity: 0.0375;
  }
}
.svc-result-card:active::before {
  opacity: 0.09;
}
.svc-result-card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
@media (min-width: 768px) {
  .svc-result-card {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-10);
    padding: var(--p-6);
  }
}

.svc-result-card__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
}
@media (min-width: 768px) {
  .svc-result-card__icon {
    width: 48px;
    height: 48px;
  }
}

.svc-result-card__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}

.svc-result-card__title {
  color: var(--label-normal);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.svc-result-card__desc {
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}

.svc-result__notes {
  margin-top: var(--gap-18);
}
@media (min-width: 768px) {
  .svc-result__notes {
    margin-top: var(--gap-20);
  }
}

.ott {
  margin-top: var(--gap-3);
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
}
@media (min-width: 768px) {
  .ott {
    margin-top: var(--gap-6);
  }
}

.ott-step {
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
}
@media (min-width: 768px) {
  .ott-step {
    padding: var(--p-6);
  }
}
.ott-step--active {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  background: var(--fill-normal);
  border: var(--stroke-1) solid var(--border-line-normal);
}
@media (min-width: 768px) {
  .ott-step--active {
    gap: var(--gap-6);
  }
}
.ott-step--verified {
  border-color: var(--border-line-strong);
}
.ott-step--wait {
  background: var(--fill-strong);
}

.ott-step__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-2);
  width: 100%;
}
.ott-step__head + .ott-step__cta {
  margin-top: 0;
}

.ott-step__text {
  display: flex;
  flex-direction: column;
}

.ott-step__num {
  color: var(--brand-blue-normal);
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.ott-step__badge {
  flex-shrink: 0;
}

.ott-step__title {
  color: var(--label-normal);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  margin-top: var(--gap-2);
}

.ott-step__desc {
  margin-top: var(--p-1);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .ott-step__desc {
    margin-top: var(--gap-1-5);
  }
}

.ott br[data-break=pc] {
  display: none;
}
@media (min-width: 768px) {
  .ott br[data-break=pc] {
    display: inline;
  }
}

@media (min-width: 768px) {
  .ott br[data-break=mo] {
    display: none;
  }
}

.ott-step__cta {
  width: 100%;
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .ott-step__cta {
    width: 210px;
    margin: var(--gap-6) auto 0;
  }
}

.ott-step__divider {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: var(--stroke-1) solid var(--border-line-normal);
}

.ott-content {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.ott-field-title {
  color: var(--label-normal);
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.ott-plans {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin-top: var(--gap-4);
}
.ott-plans + .ott-field-title {
  margin-top: var(--gap-5);
}

.ott-plan {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
  padding: var(--p-4) var(--p-5);
  border: var(--stroke-1) solid var(--border-box-normal);
  border-radius: var(--rounded-xl);
  background: var(--fill-normal);
  cursor: pointer;
}
.ott-plan:has(.ott-plan__input:checked) {
  border-color: var(--border-line-strong);
}
.ott-plan:has(.ott-plan__input:checked) .ott-plan__title {
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.ott-plan:focus-within:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.ott-plan__title {
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}

.ott-plan__addr {
  color: var(--label-soft);
  font-size: var(--font-size-component-small);
  line-height: 1.6;
}

.ott-phone {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin-top: var(--gap-4);
}

.ott-phone__helper {
  padding-inline: var(--p-0-5);
  color: var(--label-soft);
  font-size: var(--font-size-component-xsmall);
  line-height: 1.6;
}

.ott-agree .agreement__items {
  margin-top: var(--gap-5);
}
.ott-agree .agreement__item {
  padding-block: var(--p-4);
}
.ott-agree .agreement__detail {
  width: 24px;
  height: 24px;
}
.ott-agree .agreement__detail svg {
  width: 16px;
  height: 16px;
}
@media (min-width: 768px) {
  .ott-agree + .ott-step__cta {
    margin: var(--gap-6) auto 0;
  }
}

.ott-notice {
  padding: var(--p-3);
  border-radius: var(--rounded-md);
  background: var(--fill-strong);
  list-style: none;
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .ott-notice {
    margin-top: var(--gap-6);
  }
}
.ott-notice li {
  position: relative;
  padding-left: var(--gap-3);
  color: var(--label-soft);
  font-size: var(--font-size-component-xsmall);
  line-height: 1.6;
}
.ott-notice li + li {
  margin-top: var(--gap-1);
}
.ott-notice li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}

.consult-call {
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .consult-call {
    margin-top: var(--p-3);
  }
}
.consult-call__intro {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1-5);
}
@media (min-width: 768px) {
  .consult-call__intro {
    gap: var(--gap-2);
  }
}
.consult-call__intro-text {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
}
@media (min-width: 768px) {
  .consult-call__intro-icon {
    width: 40px;
    height: 40px;
  }
}
.consult-call__intro-title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.consult-call__intro-desc {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-1-5);
  margin: 0;
  font-size: var(--font-size-body-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.consult-call__intro-desc span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: var(--stroke-1);
  height: 10px;
  margin-left: var(--gap-1-5);
  vertical-align: -1px;
  background: var(--border-line-normal);
}
.consult-call__list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin: var(--gap-6) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .consult-call__list {
    margin-top: var(--gap-8);
  }
}
.consult-call__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  padding: var(--p-5);
  border: var(--stroke-1) solid var(--border-box-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  color: inherit;
}
.consult-call__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .consult-call__card:hover::before {
    opacity: 0.0375;
  }
}
.consult-call__card:active::before {
  opacity: 0.09;
}
.consult-call__card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.consult-call__card:active {
  background: var(--fill-normal);
}
@media (min-width: 768px) {
  .consult-call__card {
    padding: var(--p-6);
  }
}
.consult-call__badges {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-1);
}
.consult-call__number {
  font-size: var(--font-size-component-2xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.inquiry-apply__entry {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .inquiry-apply__entry {
    margin-top: var(--p-6);
  }
}
.inquiry-apply__self {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-4) var(--p-4) var(--p-4) var(--p-3);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
  color: inherit;
  --list-cell-title-size: var(--font-size-component-medium);
  --list-cell-subtitle-size: var(--font-size-component-small);
}
.inquiry-apply__self::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .inquiry-apply__self:hover::before {
    opacity: 0.0375;
  }
}
.inquiry-apply__self:active::before {
  opacity: 0.09;
}
.inquiry-apply__self:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.inquiry-apply__self:active {
  background: var(--fill-strong);
}
@media (min-width: 768px) {
  .inquiry-apply__self {
    gap: var(--gap-4);
    padding: var(--p-5);
    --list-cell-title-size: var(--font-size-component-large);
    --list-cell-subtitle-size: var(--font-size-component-medium);
  }
}
@media (min-width: 768px) {
  .inquiry-apply__self .list-cell__icon {
    width: 20px;
    height: 20px;
  }
}
.inquiry-apply__self-icon {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .inquiry-apply__self-icon {
    width: 48px;
    height: 48px;
  }
}
.inquiry-apply__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.inquiry-apply__section {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .inquiry-apply__section {
    gap: var(--gap-8);
    margin-top: var(--gap-12);
  }
}
.inquiry-apply__info {
  margin-top: calc(var(--gap-4) - var(--gap-6));
  padding: var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
}
@media (min-width: 768px) {
  .inquiry-apply__info {
    margin-top: calc(var(--gap-4) - var(--gap-8));
  }
}
.inquiry-apply__info-title {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-muted);
  line-height: 1.6;
}
.inquiry-apply__info-title .icon {
  flex-shrink: 0;
  color: var(--label-soft);
}
.inquiry-apply__info-desc {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-component-small);
  color: var(--label-muted);
  line-height: 1.6;
}
.inquiry-apply__row {
  display: grid;
  gap: var(--gap-6);
}
@media (min-width: 768px) {
  .inquiry-apply__row {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-4);
  }
}
.inquiry-apply__submit {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .inquiry-apply__submit {
    margin-top: var(--gap-12);
  }
}
.inquiry-apply__agree {
  padding-top: var(--p-3);
  border-top: var(--stroke-1) solid var(--border-line-normal);
}
@media (min-width: 768px) {
  .inquiry-apply__agree {
    padding-top: var(--p-5);
  }
}
.inquiry-apply__agree .agreement__items {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
}
.inquiry-apply__agree .agreement__item {
  padding-block: var(--gap-2);
}
.inquiry-apply__submit-btn {
  width: 100%;
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .inquiry-apply__submit-btn {
    display: flex;
    width: 304px;
    margin-top: var(--gap-10);
    margin-inline: auto;
  }
}
.inquiry-apply__notes {
  margin-top: var(--p-18);
}
@media (min-width: 768px) {
  .inquiry-apply__notes {
    margin-top: var(--p-20);
  }
}

.inquiry-apply__divider {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .inquiry-apply__divider {
    margin-top: var(--gap-12);
    width: calc(100% - var(--p-10) * 2);
    max-width: calc(1024px - var(--p-10) * 2);
    margin-inline: auto;
  }
}

.inquiry-file__label {
  margin: 0 0 var(--gap-2);
  padding-inline: var(--p-0-5);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.inquiry-file__list {
  display: flex;
  gap: var(--gap-2);
  overflow-x: auto;
}
@media (hover: hover) {
  @supports not selector(::-webkit-scrollbar-thumb) {
    .inquiry-file__list {
      scrollbar-width: thin;
      scrollbar-color: var(--fill-alpha-black-muted) transparent;
    }
  }
  .inquiry-file__list::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .inquiry-file__list::-webkit-scrollbar-track {
    background: transparent;
    margin: 3px 0;
  }
  .inquiry-file__list::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    border-radius: var(--rounded-full);
    background-color: transparent;
  }
  .inquiry-file__list:hover {
    outline: 1px solid transparent;
  }
  .inquiry-file__list:hover::-webkit-scrollbar-thumb {
    background-color: var(--fill-alpha-black-normal);
  }
}
.inquiry-file__list {
  padding: var(--stroke-3) var(--p-5);
  margin: calc(-1 * var(--stroke-3)) calc(-1 * var(--p-5));
}
@media (min-width: 768px) {
  .inquiry-file__list {
    padding-inline: var(--p-10);
    margin-inline: calc(-1 * var(--p-10));
  }
}
.inquiry-file__add {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: var(--rounded-xl);
  background: var(--brand-blue-subtle);
  color: var(--brand-blue-normal);
  cursor: pointer;
}
.inquiry-file__add::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .inquiry-file__add:hover::before {
    opacity: 0.0375;
  }
}
.inquiry-file__add:active::before {
  opacity: 0.09;
}
.inquiry-file__add:has(input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.inquiry-file__count {
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
}
.inquiry-file__item {
  position: relative;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: var(--rounded-xl);
  overflow: hidden;
  background: var(--fill-strong);
}
.inquiry-file__item::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--stroke-1) solid var(--border-box-normal);
  border-radius: inherit;
  pointer-events: none;
}
.inquiry-file__thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inquiry-file__remove {
  position: absolute;
  top: var(--gap-1);
  right: var(--gap-1);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.inquiry-file__remove:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.inquiry-file__remove .icon {
  width: 16px;
  height: 16px;
  padding: var(--p-1);
  border-radius: var(--rounded-full);
  background: var(--fill-alpha-black-normal);
  color: var(--label-inverse-normal);
}
.inquiry-file__help {
  margin: var(--gap-2) 0 0;
  padding-inline: var(--p-0-5);
  font-size: var(--font-size-component-xsmall);
  color: var(--label-soft);
  line-height: 1.6;
}

.inquiry-done {
  padding-block: var(--p-4);
  text-align: center;
}
@media (min-width: 768px) {
  .inquiry-done {
    padding-bottom: 0;
  }
}
.inquiry-done__mark {
  color: var(--brand-blue-normal);
}
.inquiry-done__title {
  margin: var(--gap-4) 0 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.inquiry-done__desc {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
  word-break: keep-all;
}
@media (min-width: 768px) {
  .inquiry-done__desc br[data-break=mo] {
    display: none;
  }
}
.inquiry-done__desc br[data-break=pc] {
  display: none;
}
@media (min-width: 768px) {
  .inquiry-done__desc br[data-break=pc] {
    display: inline;
  }
}

.inquiry-terms {
  margin: 0;
}
.inquiry-terms dt {
  margin-top: var(--gap-5);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.inquiry-terms dt:first-child {
  margin-top: 0;
}
.inquiry-terms dd {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.inquiry-terms dd em {
  font-style: normal;
  color: var(--brand-red-normal);
}
.inquiry-terms__note {
  margin: var(--gap-5) 0 0;
  padding-top: var(--p-5);
  border-top: var(--stroke-1) solid var(--border-line-muted);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.inquiry-history {
  margin-top: var(--gap-3);
}
.inquiry-history__list {
  display: grid;
  gap: var(--gap-4);
  margin: var(--gap-3) 0 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .inquiry-history__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.inquiry-history__card {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--gap-5);
  height: 100%;
  padding: var(--p-5);
  border: var(--stroke-1) solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  color: inherit;
}
.inquiry-history__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .inquiry-history__card:hover::before {
    opacity: 0.0375;
  }
}
.inquiry-history__card:active::before {
  opacity: 0.09;
}
.inquiry-history__card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.inquiry-history__card:active {
  background: var(--fill-normal);
}
.inquiry-history__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-3);
}
.inquiry-history__badges {
  display: flex;
  gap: var(--gap-1-5);
}
.inquiry-history__dates {
  padding: var(--p-2) var(--p-3);
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}
.inquiry-history__more {
  display: flex;
  justify-content: center;
  margin-top: var(--gap-4);
  padding-block: var(--p-3);
}
.inquiry-history__empty {
  justify-content: center;
  min-height: 420px;
}
@media (min-width: 768px) {
  .inquiry-history__empty {
    margin-top: var(--gap-3);
  }
}
.inquiry-history__notes {
  margin-top: var(--p-18);
}
@media (min-width: 768px) {
  .inquiry-history__notes {
    margin-top: var(--p-20);
  }
}

.inquiry-detail__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-0-5);
  padding-block: var(--gap-5);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
}
@media (min-width: 768px) {
  .inquiry-detail__head {
    padding-block: var(--gap-12) var(--gap-6);
  }
}

.inquiry-detail__badge {
  margin-bottom: var(--gap-1-5);
}

.inquiry-detail__title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.4;
}

.inquiry-detail__type {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.inquiry-detail__info {
  margin: 0;
  padding: var(--p-2) var(--p-1);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}

.inquiry-detail__info-row {
  display: flex;
  gap: var(--gap-4);
  padding-block: var(--p-1);
}
.inquiry-detail__info-row dt {
  flex-shrink: 0;
  color: var(--label-soft);
  font-weight: var(--font-weight-medium);
}
.inquiry-detail__info-row dd {
  margin: 0;
  color: var(--label-normal);
  font-weight: var(--font-weight-medium);
}

.inquiry-detail__section {
  margin-top: var(--gap-8);
}
.inquiry-detail__section .section-title {
  min-height: 0;
}
@media (min-width: 768px) {
  .inquiry-detail__section {
    margin-top: var(--gap-12);
  }
}

.inquiry-detail__text {
  margin: var(--gap-4) 0 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .inquiry-detail__text {
    margin-top: var(--gap-5);
  }
}

.inquiry-detail__files {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .inquiry-detail__files {
    margin-top: var(--gap-12);
  }
}

.inquiry-detail__files-title {
  margin: 0;
  padding-inline: var(--p-0-5);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

.inquiry-detail__files-list {
  display: flex;
  gap: var(--gap-2);
  margin: calc(var(--gap-2) - var(--stroke-3)) calc(-1 * var(--p-5)) calc(-1 * var(--stroke-3));
  padding: var(--stroke-3) var(--p-5);
  overflow-x: auto;
  list-style: none;
}
@media (hover: hover) {
  @supports not selector(::-webkit-scrollbar-thumb) {
    .inquiry-detail__files-list {
      scrollbar-width: thin;
      scrollbar-color: var(--fill-alpha-black-muted) transparent;
    }
  }
  .inquiry-detail__files-list::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .inquiry-detail__files-list::-webkit-scrollbar-track {
    background: transparent;
    margin: 3px 0;
  }
  .inquiry-detail__files-list::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    border-radius: var(--rounded-full);
    background-color: transparent;
  }
  .inquiry-detail__files-list:hover {
    outline: 1px solid transparent;
  }
  .inquiry-detail__files-list:hover::-webkit-scrollbar-thumb {
    background-color: var(--fill-alpha-black-normal);
  }
}
@media (min-width: 768px) {
  .inquiry-detail__files-list {
    margin-inline: calc(-1 * var(--p-10));
    padding-inline: var(--p-10);
  }
}

.inquiry-detail__file {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: 90px;
  height: 90px;
  border-radius: var(--rounded-xl);
  overflow: hidden;
  background: var(--fill-strong);
}
.inquiry-detail__file:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.inquiry-detail__file img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.inquiry-detail__file::after {
  content: "";
  position: absolute;
  inset: 0;
  border: var(--stroke-1) solid var(--border-box-normal);
  border-radius: inherit;
  pointer-events: none;
}

.inquiry-detail__divider {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .inquiry-detail__divider {
    margin-top: var(--gap-12);
  }
}

.inquiry-detail__pending {
  margin-top: var(--gap-4);
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
  text-align: center;
}
@media (min-width: 768px) {
  .inquiry-detail__pending {
    padding: var(--p-6);
  }
}

.inquiry-detail__pending-title {
  margin: var(--gap-4) 0 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.inquiry-detail__pending-desc {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.inquiry-detail__action {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .inquiry-detail__action {
    margin-top: var(--gap-12);
  }
}

.inquiry-detail__delete {
  width: 100%;
}
@media (min-width: 768px) {
  .inquiry-detail__delete {
    display: flex;
    width: 304px;
    margin-inline: auto;
  }
}

.praise-write {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .praise-write {
    margin-top: var(--gap-12);
  }
}

.praise-write__lead {
  margin: 0;
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.praise-form {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .praise-form {
    gap: var(--gap-8);
    margin-top: var(--gap-12);
  }
}

.praise-form__service {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.praise-form__label {
  padding: 0 var(--p-0-5);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

.praise-form__service-boxes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-2);
  margin-top: var(--gap-2);
}
@media (min-width: 768px) {
  .praise-form__service-boxes {
    gap: var(--gap-4);
  }
}

.praise-form__service-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 var(--p-3);
  border: var(--stroke-1) solid var(--border-box-normal);
  border-radius: var(--rounded-xl);
  background: var(--fill-normal);
  color: var(--label-muted);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  text-align: center;
  cursor: pointer;
}
.praise-form__service-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .praise-form__service-box:hover::before {
    opacity: 0.0375;
  }
}
.praise-form__service-box:active::before {
  opacity: 0.09;
}
.praise-form__service-box:has(.praise-form__service-input:checked) {
  border-color: var(--border-box-ultra);
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.praise-form__service-box:has(.praise-form__service-input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.praise-form__service-input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.praise-form__group:not([hidden]) {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
}
@media (min-width: 768px) {
  .praise-form__group:not([hidden]) {
    gap: var(--gap-8);
  }
}

.praise-form__affiliation {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
@media (min-width: 768px) {
  .praise-form__affiliation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    gap: var(--gap-4);
  }
}

.praise-form__row {
  display: grid;
  gap: var(--gap-6);
}
@media (min-width: 768px) {
  .praise-form__row {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-4);
  }
}

.praise-form__actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-2);
}
@media (min-width: 768px) {
  .praise-form__actions {
    grid-template-columns: repeat(2, 304px);
    gap: var(--gap-4);
    justify-content: center;
    margin-top: var(--gap-4);
  }
}
.praise-form__actions--single {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .praise-form__actions--single {
    grid-template-columns: 304px;
  }
}
.praise-form__actions .btn {
  width: 100%;
}

.praise-edit {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .praise-edit {
    margin-top: var(--gap-12);
  }
}

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

.praise-history__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.praise-history__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
  padding-block: var(--p-5);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
  color: inherit;
}
.praise-history__item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .praise-history__item:hover::before {
    opacity: 0.0375;
  }
}
.praise-history__item:active::before {
  opacity: 0.09;
}
.praise-history__item:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.praise-history__item:active {
  background: transparent;
}

.praise-history__title {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.praise-history__date {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.praise-history__more {
  display: flex;
  justify-content: center;
  margin-top: var(--gap-2);
  padding-block: var(--p-3);
}
@media (min-width: 768px) {
  .praise-history__more {
    margin-top: var(--gap-5);
  }
}

.praise-history__empty {
  justify-content: center;
  min-height: 420px;
}
@media (min-width: 768px) {
  .praise-history__empty {
    margin-top: var(--gap-3);
  }
}

.praise-detail__head {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-0-5);
  padding-block: var(--gap-5);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
}
@media (min-width: 768px) {
  .praise-detail__head {
    gap: var(--gap-2);
    padding-block: var(--gap-12) var(--gap-6);
  }
}

.praise-detail__head-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}

.praise-detail__title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.4;
}

.praise-detail__date {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.praise-detail__manage {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--rounded-lg);
  background: transparent;
  color: var(--label-normal);
  cursor: pointer;
}
.praise-detail__manage::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .praise-detail__manage:hover::before {
    opacity: 0.0375;
  }
}
.praise-detail__manage:active::before {
  opacity: 0.09;
}
.praise-detail__manage:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.praise-detail__info {
  margin: 0;
  padding: var(--p-2) var(--p-1);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .praise-detail__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 280px));
    justify-content: start;
    padding: var(--p-2);
  }
}

.praise-detail__info-row {
  display: flex;
  gap: var(--gap-4);
  padding-block: var(--p-1);
}
@media (min-width: 768px) {
  .praise-detail__info-row:first-child {
    grid-column: 1/-1;
  }
}
.praise-detail__info-row dt {
  flex-shrink: 0;
  width: 80px;
  color: var(--label-soft);
  font-weight: var(--font-weight-medium);
}
.praise-detail__info-row dd {
  margin: 0;
  color: var(--label-normal);
  font-weight: var(--font-weight-medium);
}

.praise-detail__section {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .praise-detail__section {
    margin-top: var(--gap-6);
  }
}
.praise-detail__section .section-title {
  min-height: 0;
}

.praise-detail__text {
  margin: var(--gap-4) 0 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .praise-detail__text {
    margin-top: var(--gap-5);
  }
}

.praise-detail__menu {
  padding: var(--p-2);
}
@media (min-width: 768px) {
  .praise-detail__menu {
    min-width: 110px;
    padding: var(--p-1);
  }
}

.praise-detail__menu-title {
  margin: 0;
  padding: var(--p-2) var(--p-3);
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.praise-detail__menu-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.praise-detail__menu-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  width: 100%;
  padding: var(--p-3);
  border: 0;
  border-radius: var(--rounded-lg);
  background: transparent;
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  text-align: left;
  cursor: pointer;
}
@media (min-width: 768px) {
  .praise-detail__menu-item {
    color: var(--label-muted);
    font-weight: var(--font-weight-medium);
  }
}
.praise-detail__menu-item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .praise-detail__menu-item:hover::before {
    opacity: 0.0375;
  }
}
.praise-detail__menu-item:active::before {
  opacity: 0.09;
}
.praise-detail__menu-item:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.praise-detail__menu-item:active {
  background: transparent;
}
.praise-detail__menu-item--danger {
  color: var(--brand-red-normal);
}

.self-service__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .self-service__intro {
    margin-top: var(--p-6);
  }
}
@media (min-width: 768px) {
  .self-service__intro-icon {
    width: 42px;
    height: 42px;
  }
}
.self-service__intro-title {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.self-service__intro-desc {
  margin: var(--gap-0-5) 0 0;
  font-size: var(--font-size-body-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.self-service__nav {
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .self-service__nav {
    margin-top: var(--p-6);
  }
}
.self-service__groups {
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
  margin-top: var(--gap-2);
}
.self-service__group {
  padding: var(--p-3) var(--p-2) var(--p-2);
  border-radius: var(--rounded-2xl);
  background: var(--background-strong);
}
@media (min-width: 768px) {
  .self-service__group {
    padding: var(--p-4) var(--p-3) var(--p-3);
  }
}
.self-service__group-title {
  display: flex;
  align-items: center;
  min-height: 35px;
  margin: 0;
  padding-inline: var(--p-2);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-semibold);
  color: var(--color-gray-60);
  line-height: 1.6;
}
@media (min-width: 768px) {
  .self-service__group-title {
    padding-inline: var(--p-3);
  }
}
.self-service__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.self-service__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-3);
  padding: var(--p-3) var(--p-2);
  border-radius: var(--rounded-xl);
  color: inherit;
}
.self-service__item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
@media (hover: hover) {
  .self-service__item:hover::before {
    opacity: 0.0375;
  }
}
.self-service__item:active::before {
  opacity: 0.09;
}
.self-service__item:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.self-service__item:active {
  background: transparent;
}
@media (min-width: 768px) {
  .self-service__item {
    gap: var(--gap-4);
    padding: var(--p-3);
  }
}
.self-service__item .list-cell {
  flex: 1;
  min-width: 0;
}
.self-service__item .list-cell__icon {
  color: var(--label-soft);
}
.self-service__item-icon {
  flex-shrink: 0;
}
.self-service__help {
  margin-top: var(--gap-12);
}
@media (min-width: 768px) {
  .self-service__help {
    margin-top: var(--gap-16);
  }
}

.store-finder {
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .store-finder {
    margin-top: var(--gap-3);
  }
}

.store-finder__lead {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.store-finder__filters {
  display: grid;
  gap: var(--gap-2);
  margin-top: var(--gap-4);
}
@media (min-width: 768px) {
  .store-finder__filters {
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-4);
    margin-top: var(--gap-6);
  }
}

.store-finder__search {
  min-width: 0;
}

.store-finder__count {
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .store-finder__count {
    margin-top: var(--gap-8);
  }
}

.store-finder__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.store-finder__item {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
  padding-block: var(--p-5);
  border-bottom: var(--stroke-1) solid var(--border-line-normal);
}

.store-finder__name {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.store-finder__address {
  display: flex;
  align-items: flex-start;
  gap: var(--gap-1-5);
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.store-finder__address .icon {
  flex-shrink: 0;
  margin-top: 3px;
}

.store-finder__more {
  display: flex;
  justify-content: center;
  margin-top: var(--gap-2);
  padding-block: var(--p-3);
}
@media (min-width: 768px) {
  .store-finder__more {
    margin-top: var(--gap-5);
  }
}

.store-finder__empty {
  justify-content: center;
  min-height: 420px;
}
@media (min-width: 768px) {
  .store-finder__empty {
    margin-top: var(--gap-3);
  }
}

.privacy-breach {
  padding-bottom: 92px;
}
@media (min-width: 768px) {
  .privacy-breach {
    max-width: 624px;
    margin-inline: auto;
    padding-bottom: 0;
  }
}

.privacy-breach__body {
  padding: var(--p-5) var(--p-5) 0;
}
@media (min-width: 768px) {
  .privacy-breach__body {
    padding: var(--p-6) var(--p-10) 0;
  }
}

.privacy-breach__heading {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  color: var(--label-normal);
}

.privacy-breach__method,
.privacy-breach__field {
  margin-top: var(--gap-6);
}

@media (min-width: 768px) {
  .privacy-breach__method {
    margin-top: var(--gap-8);
  }
}
.privacy-breach__method.field {
  gap: var(--gap-2);
}

.privacy-breach__methods {
  display: flex;
  gap: var(--gap-6);
}

.privacy-breach__cta {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 1000;
}
@media (min-width: 768px) {
  .privacy-breach__cta {
    position: static;
    margin-top: var(--gap-12);
  }
  .privacy-breach__cta .button-action__gradient {
    display: none;
  }
  .privacy-breach__cta .button-action__content {
    padding: 0 var(--p-10);
  }
}

.privacy-breach-result {
  padding-bottom: 92px;
}
@media (min-width: 768px) {
  .privacy-breach-result {
    max-width: 624px;
    margin-inline: auto;
    padding-bottom: 0;
  }
}

.privacy-breach-result__section {
  padding: var(--p-5) var(--p-5) 0;
}
@media (min-width: 768px) {
  .privacy-breach-result__section {
    padding: var(--p-6) var(--p-10) 0;
  }
}

.privacy-breach-result__summary {
  padding: var(--p-5);
  background: var(--fill-strong);
  border: var(--stroke-1) solid var(--border-box-normal);
  border-radius: var(--rounded-2xl);
}
@media (min-width: 768px) {
  .privacy-breach-result__summary {
    padding: var(--p-6);
  }
}

.privacy-breach-result__summary-info {
  margin-top: var(--gap-3);
}
@media (min-width: 768px) {
  .privacy-breach-result__summary-info {
    margin-top: var(--gap-4);
  }
}
.privacy-breach-result__summary-info .info-cell__row {
  gap: var(--gap-4);
  padding-block: 0;
  line-height: 1.6;
}
.privacy-breach-result__summary-info .info-cell__row + .info-cell__row {
  margin-top: var(--gap-1-5);
}
.privacy-breach-result__summary-info .info-cell__label {
  flex: 0 0 50px;
}
.privacy-breach-result__summary-info .info-cell__value {
  text-align: left;
}

.privacy-breach-result__outcome {
  margin-top: var(--gap-6);
}
@media (min-width: 768px) {
  .privacy-breach-result__outcome {
    margin-top: var(--gap-8);
  }
}

.privacy-breach-result__cells {
  margin-top: var(--gap-4);
}
.privacy-breach-result__cells .list-cell {
  --list-cell-title-size: var(--font-size-component-medium);
  --list-cell-subtitle-size: var(--font-size-component-small);
}
.privacy-breach-result__cells .list-cell + .list-cell {
  margin-top: var(--gap-3);
}
@media (min-width: 768px) {
  .privacy-breach-result__cells {
    margin-top: var(--gap-6);
  }
  .privacy-breach-result__cells .list-cell {
    --list-cell-title-size: var(--font-size-component-large);
    --list-cell-subtitle-size: var(--font-size-component-medium);
  }
  .privacy-breach-result__cells .list-cell + .list-cell {
    margin-top: var(--gap-4);
  }
}

.privacy-breach-result__divider {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .privacy-breach-result__divider {
    width: auto;
    height: 1px;
    margin: var(--gap-12) var(--p-10) 0;
    background: var(--border-line-normal);
  }
}

.privacy-breach-result__faq {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .privacy-breach-result__faq {
    margin-top: var(--gap-12);
  }
}

.privacy-breach-result__faq-head,
.privacy-breach-result__faq-list {
  padding-inline: var(--p-5);
}
@media (min-width: 768px) {
  .privacy-breach-result__faq-head,
  .privacy-breach-result__faq-list {
    padding-inline: var(--p-10);
  }
}

.privacy-breach-result__q {
  display: block;
}

.privacy-breach-result__q-cat {
  display: block;
  margin-top: var(--gap-0-5);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
}

#breach-faq-list .accordion__content {
  padding-block: var(--gap-4);
}

@media (min-width: 768px) {
  #breach-faq-list .accordion__trigger {
    padding-block: var(--gap-4);
  }
  #breach-faq-list .accordion__trigger-icon {
    width: 16px;
    height: 16px;
  }
}
.privacy-breach-result__more {
  margin-top: var(--gap-4);
  padding-block: var(--gap-3);
  text-align: center;
}
@media (min-width: 768px) {
  .privacy-breach-result__more .privacy-breach-result__more-icon {
    width: 16px;
    height: 16px;
  }
}

.privacy-breach-result__cta {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 1000;
}
@media (min-width: 768px) {
  .privacy-breach-result__cta {
    position: static;
    margin-top: var(--gap-12);
  }
  .privacy-breach-result__cta .button-action__gradient {
    display: none;
  }
  .privacy-breach-result__cta .button-action__content {
    padding: 0 var(--p-10);
  }
}

.address-search__heading {
  margin-top: var(--gap-5);
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
}
@media (min-width: 768px) {
  .address-search__heading {
    font-size: var(--font-size-component-3xlarge);
  }
}

.address-search__search {
  position: sticky;
  padding-top: var(--gap-5);
  padding-bottom: var(--gap-3);
  top: 0;
  z-index: 1;
  background: var(--background-normal);
}
.address-search__search input::placeholder {
  font-weight: 400;
}
@media (min-width: 768px) {
  .address-search__search {
    padding-bottom: var(--gap-4);
  }
}

.address-search__tips {
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .address-search__tips {
    padding-bottom: var(--p-5);
  }
}

.address-search__tips-title {
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
}

.address-search__tips-desc {
  margin-top: var(--p-1);
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
}

.address-search__tip-list {
  margin-top: var(--gap-8);
}

.address-search__tip + .address-search__tip {
  margin-top: var(--p-3);
}
.address-search__tip dt {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-muted);
}
.address-search__tip dd {
  margin-top: var(--gap-0-5);
  font-weight: normal;
  font-size: var(--font-size-body-medium);
  color: var(--label-soft);
}

.address-search__results {
  margin-top: var(--gap-5);
}
@media (min-width: 768px) {
  .address-search__results {
    margin-top: var(--gap-4);
  }
}

.address-search__item + .address-search__item {
  margin-top: var(--p-5);
  border-top: 1px solid var(--border-line-normal);
  padding-top: var(--p-5);
}

.address-search__result {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
}
.address-search__result:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.address-search__zipcode {
  display: block;
  font-weight: normal;
  font-size: var(--font-size-body-small);
  color: var(--label-muted);
}

.address-search__row {
  display: flex;
  align-items: flex-start;
  gap: var(--p-2);
  margin-top: var(--p-2);
}
.address-search__row .badge {
  margin-top: 2.5px;
  width: 41px;
  height: 20px;
  line-height: 20px;
  justify-content: center;
  flex-shrink: 0;
}

.address-search__road,
.address-search__jibun {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
}

.address-search__road {
  color: var(--label-normal);
}

.address-search__jibun {
  color: var(--label-soft);
}

.address-search__more {
  display: flex;
  justify-content: center;
  margin-top: var(--p-5);
  border-top: 1px solid var(--border-line-normal);
  padding-top: var(--p-8);
  padding-bottom: var(--p-3);
}

.address-search__fields .selected-input {
  margin-top: var(--gap-5);
}
.address-search__fields > * + * {
  margin-top: var(--p-2);
}

.address-search__units {
  display: flex;
  gap: var(--p-2);
}
.address-search__units > * {
  flex: 1;
  min-width: 0;
}

.my-notice {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--brand-skyblue-subtle);
}
.my-notice__text {
  flex: 1;
  margin: 0;
  font-size: var(--font-size-body-medium);
  line-height: 1.6;
  /* 2026-07-16 수정 #0716-2 : my-notice__text 고정 개행(br) 제거 — 단어 단위 자동 줄바꿈 */
  word-break: keep-all;
}
.my-notice {
  /* 2026-07-31 수정 #0731-44 : my-notice__link 조회하기를 SKT 조회 동의 팝업 버튼으로 전환 */
}
.my-notice__link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 var(--p-3);
  border: 0;
  border-radius: var(--rounded-lg);
  background: var(--brand-skyblue-strong);
  color: var(--label-inverse-normal);
  font-family: inherit;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.my-notice__link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

/* 2026-09-01 수정 #0901-4 : skt-inquiry 조회 팝업 개편 — 동의 팝업(#skt-inquiry-consent)을 결과 스텝 통합 팝업(#skt-inquiry)으로 교체(조회 결과 회선 목록 추가, 동의하기 data-skt-inquiry-agree 스텝 전환) */
.skt-inquiry-consent__headline,
.skt-inquiry-result__headline {
  color: var(--label-normal);
  font-size: var(--font-size-component-3xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

#skt-inquiry:not([data-step=result]) .skt-inquiry-result {
  display: none;
}
#skt-inquiry:not([data-step=result]) .overlay__body-inner {
  padding-bottom: 0;
}
#skt-inquiry:not([data-step=result]) .overlay__body::after {
  content: none;
}

#skt-inquiry[data-step=result] .skt-inquiry-consent {
  display: none;
}
#skt-inquiry[data-step=result] .overlay__footer {
  display: none;
}

.skt-inquiry-consent {
  padding-top: var(--p-5);
}
.skt-inquiry-consent__desc {
  margin-top: var(--gap-2);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.skt-inquiry-consent .agreement {
  margin-top: var(--gap-8);
}
.skt-inquiry-consent__notice {
  margin-top: var(--gap-4);
  padding: var(--gap-4);
  border-radius: var(--rounded-lg);
  background: var(--background-strong);
  color: var(--label-soft);
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
}

#skt-inquiry[data-step=result] .overlay__body-inner {
  padding-bottom: var(--p-18);
}
@media (min-width: 768px) {
  #skt-inquiry[data-step=result] .overlay__body-inner {
    padding-bottom: var(--p-10);
  }
}

.skt-inquiry-result {
  padding-top: var(--p-5);
}
.skt-inquiry-result__desc {
  margin-top: var(--gap-2);
}
.skt-inquiry-result__lines {
  margin-top: var(--gap-8);
}
.skt-inquiry-result__lines .accordion__item {
  border-radius: var(--rounded-xl);
  border-color: var(--border-line-normal);
}
.skt-inquiry-result__lines .accordion__trigger {
  padding: var(--p-5);
}
.skt-inquiry-result__lines .accordion__trigger:focus-visible {
  border-radius: var(--rounded-xl);
}
@media (hover: hover) {
  .skt-inquiry-result__lines .accordion__trigger:hover:not(:active)::before {
    opacity: 0;
  }
}
.skt-inquiry-result__lines .accordion__item[open] > .accordion__trigger {
  padding-bottom: var(--gap-3);
}
.skt-inquiry-result__lines .accordion__content {
  padding: 0 var(--p-5) var(--p-5);
}
@media (min-width: 768px) {
  .skt-inquiry-result__lines .accordion__trigger-icon {
    width: 16px;
    height: 16px;
  }
}
.skt-inquiry-result__services {
  margin: 0;
  padding: 0;
  list-style: none;
}
.skt-inquiry-result__service {
  padding: var(--gap-3) var(--gap-4);
  border-radius: var(--rounded-lg);
  background: var(--background-strong);
  color: var(--label-soft);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.skt-inquiry-result__service + .skt-inquiry-result__service {
  margin-top: var(--gap-2);
}
.skt-inquiry-result__notes {
  margin-top: var(--gap-8);
}
@media (min-width: 768px) {
  .skt-inquiry-result__notes {
    margin-bottom: var(--gap-5);
  }
}