@charset "UTF-8";
.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__link {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 var(--p-3);
  border-radius: var(--rounded-lg);
  background: var(--brand-skyblue-strong);
  color: var(--label-inverse-normal);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  text-decoration: none;
  white-space: nowrap;
}
.my-notice__link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.my-application {
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-application__heading {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-application__meta {
  margin: var(--gap-1) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
  font-size: var(--font-size-component-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-application__sep {
  width: 1px;
  height: 12px;
  background: var(--border-line-normal);
}
.my-application__note {
  margin: var(--gap-5) 0 0;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-1);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-weak);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-application__note .icon {
  flex-shrink: 0;
  margin-top: calc((1.6em - 16px) / 2);
}
.my-application__info {
  margin: var(--gap-5) 0 0;
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--brand-blue-weak);
}
.my-application__info--self {
  padding: var(--p-4);
}
.my-application__info-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}
.my-application__info-title .icon {
  flex-shrink: 0;
}
.my-application__info-text {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-application__info-divider {
  margin: var(--gap-2) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}
.my-application__self {
  margin: var(--gap-2) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
}
.my-application__self .btn {
  flex-shrink: 0;
}
.my-application__self-text {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
  word-break: keep-all;
}
.my-application__progress {
  margin: var(--gap-5) 0 0;
}
.my-application__note + .my-application__progress, .my-application__info + .my-application__progress {
  margin-top: var(--gap-4);
}
.my-application__bar {
  height: 8px;
  border-radius: var(--rounded-full);
  background: var(--fill-disabled);
  overflow: hidden;
}
.my-application__fill {
  height: 100%;
  border-radius: var(--rounded-full);
  background: var(--brand-blue-normal);
}
.my-application__steps {
  margin: var(--gap-1-5) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-disabled);
  line-height: 1.6;
}
.my-application__step[aria-current=step] {
  color: var(--brand-blue-normal);
  font-weight: var(--font-weight-semibold);
}
.my-application__actions {
  margin: var(--gap-5) 0 0;
  display: flex;
  gap: var(--gap-2);
}
.my-application__actions .btn {
  flex: 1;
}
.my-application__sub-action {
  margin: var(--gap-2) 0 0;
  padding: var(--p-3) 0;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .my-application {
    padding: var(--p-6);
  }
  .my-application__info-main {
    display: flex;
    align-items: center;
    gap: var(--gap-2);
  }
  .my-application__info--self .my-application__info-main {
    padding: var(--gap-1-5) 0;
  }
  .my-application__info-text {
    margin-top: 0;
  }
}

.service-unavailable__intro {
  padding: var(--p-4) 0;
  text-align: center;
}
.service-unavailable__icon {
  color: var(--brand-red-normal);
}
.service-unavailable__message {
  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;
}
.service-unavailable__link {
  position: relative;
  display: flex;
  margin-top: var(--gap-2);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
  color: inherit;
  text-decoration: none;
}
.service-unavailable__link::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.service-unavailable__link:hover::before {
  opacity: 0.0375;
}
.service-unavailable__link:active::before, .service-unavailable__link[aria-expanded=true]::before {
  opacity: 0.09;
}
.service-unavailable__link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.my-layout__content .my-apps-tabs .tabs__panel {
  margin-top: 0;
}

.my-apps-filter {
  margin: 0 calc(-1 * var(--p-5));
  padding: 0;
  border: 0;
  min-inline-size: 0;
  position: sticky;
  background: var(--fill-normal);
}
.my-apps-filter__scroll {
  display: flex;
  gap: var(--gap-1-5);
  overflow-x: scroll;
  padding: var(--p-3) var(--p-5);
  padding-bottom: calc(var(--p-3) - var(--scrollbar-size));
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--p-5);
}
@media (hover: hover) {
  @supports not selector(::-webkit-scrollbar-thumb) {
    .my-apps-filter__scroll {
      scrollbar-width: thin;
      scrollbar-color: var(--fill-alpha-black-muted) transparent;
    }
  }
  .my-apps-filter__scroll::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .my-apps-filter__scroll::-webkit-scrollbar-track {
    background: transparent;
  }
  .my-apps-filter__scroll::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    border-radius: var(--rounded-full);
    background-color: transparent;
  }
  .my-apps-filter__scroll:hover {
    outline: 1px solid transparent;
  }
  .my-apps-filter__scroll:hover::-webkit-scrollbar-thumb {
    background-color: var(--fill-alpha-black-normal);
  }
}
.my-apps-filter__scroll .chip {
  flex-shrink: 0;
  scroll-snap-align: start;
}

.my-apps-toolbar {
  margin-top: var(--gap-3);
}

.my-apps-panel .my-application-list {
  margin-top: 0;
}

.my-apps-more {
  margin-top: var(--gap-4);
}
.my-apps-more .btn-text {
  width: 100%;
  padding: var(--p-3) 0;
  justify-content: center;
}

@media (min-width: 768px) {
  .my-apps-filter {
    margin-inline: 0;
    background: none;
  }
  .my-apps-filter[data-stuck] {
    background: var(--background-strong);
  }
  .my-apps-filter__scroll {
    gap: var(--gap-2);
    padding: var(--p-4) 0;
    padding-bottom: calc(var(--p-4) - var(--scrollbar-size));
    scroll-padding-inline: 0;
  }
  .my-apps-panel .my-application-list {
    margin-top: var(--gap-2);
  }
}
.pre-request__info {
  margin: var(--p-3) 0 0;
  padding: var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--background-strong);
  color: var(--label-soft);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  text-align: center;
}
.pre-request__list {
  margin: var(--gap-2) 0 0;
  padding: 0;
  border: 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
}
.pre-request__item {
  padding-block: var(--p-2);
}
.pre-request__item + .pre-request__item {
  margin-top: var(--gap-1);
}
.pre-request__direct {
  margin-top: var(--gap-1);
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}

.visit-guide__notes {
  margin-top: var(--gap-5) !important;
}
.visit-guide__manager {
  margin-top: var(--gap-5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-4);
  text-align: center;
}
.visit-guide__avatar {
  display: flex;
  width: 72px;
  height: 72px;
  border-radius: 50%;
  background: var(--fill-strong);
  overflow: hidden;
}
.visit-guide__avatar-icon {
  width: 100%;
  height: 100%;
  fill: var(--fill-alpha-black-soft);
}
.visit-guide__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-0-5);
}
.visit-guide__name {
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.visit-guide__branch {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.visit-guide__notes {
  margin-top: var(--gap-5);
}
.visit-guide__notes--lead {
  border-top: 0;
  padding-top: 0;
}

.schedule-done__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-6);
  text-align: center;
}
.schedule-done__icon {
  color: var(--brand-blue-normal);
}
.schedule-done__titles {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
.schedule-done__title {
  margin: 0;
  font-size: var(--font-size-component-3xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.schedule-done__subtitle {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.schedule-done__info {
  margin: var(--gap-8) 0 0;
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
.schedule-done__info-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-2);
  padding-block: var(--p-1);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.schedule-done__info-row dt {
  flex-shrink: 0;
  color: var(--label-soft);
}
.schedule-done__info-row dd {
  margin: 0;
  text-align: right;
  color: var(--label-normal);
}
.schedule-done__hours {
  margin: var(--gap-8) 0 0;
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--brand-blue-weak);
  text-align: center;
}
.schedule-done__hours dt {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.schedule-done__hours dd {
  margin: var(--gap-0-5) 0 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.schedule-done__hours + .schedule-done__info {
  margin-top: var(--gap-3);
}
.schedule-done__hint {
  margin: var(--gap-3) 0 0;
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-xsmall);
  color: var(--label-soft);
  line-height: 1.6;
}
.schedule-done__hint::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}
.schedule-done__section {
  margin: var(--gap-8) 0 0;
}
.schedule-done__section-title {
  margin: 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.schedule-done__req {
  margin: var(--gap-4) 0 0;
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}
.schedule-done__req-row {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.schedule-done__req-row dt {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.schedule-done__req-row dd {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.schedule-done__app {
  margin: var(--gap-4) 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--brand-blue-subtle);
}
.schedule-done__app-text {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.schedule-done__app-btn {
  flex-shrink: 0;
}
.schedule-done__notes {
  margin-top: var(--gap-8) !important;
  padding-bottom: var(--gap-12);
}
@media (min-width: 768px) {
  .schedule-done__notes {
    padding-bottom: 0;
  }
}

.schedule-confirm__info {
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
.schedule-confirm__info-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-2);
  padding-block: var(--p-1);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.schedule-confirm__info-row dt {
  flex-shrink: 0;
  color: var(--label-soft);
}
.schedule-confirm__info-row dd {
  margin: 0;
  text-align: right;
  color: var(--label-normal);
}

.schedule-reserve {
  overflow: hidden;
}
.schedule-reserve__notice {
  margin: var(--gap-5) 0 0;
  padding: var(--p-3);
  border-radius: var(--rounded-xl);
  background: var(--background-strong);
  color: var(--label-normal);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-regular);
  line-height: 1.6;
  text-align: center;
}
.schedule-reserve__existing {
  margin: var(--gap-5) 0 0;
  padding: var(--p-3);
  border-radius: var(--rounded-xl);
  background: var(--background-strong);
  text-align: center;
}
.schedule-reserve__existing-label {
  margin: 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.schedule-reserve__existing-value {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.schedule-reserve__month {
  margin-top: var(--gap-5);
}
.schedule-reserve__month .datepicker__trigger {
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  gap: var(--gap-1);
  border: 0;
  border-radius: var(--rounded-sm);
  background: transparent;
}
.schedule-reserve__month .datepicker__value {
  flex: 0 0 auto;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
}
.schedule-reserve__month .datepicker__status-icon {
  display: none;
}
.schedule-reserve__month .datepicker__trigger .datepicker__icon {
  width: 12px;
  height: 12px;
  color: var(--label-normal);
}
.schedule-reserve__dates {
  margin-top: var(--gap-5);
  display: flex;
  gap: var(--gap-2);
  overflow-x: scroll;
  overscroll-behavior-x: contain;
  scroll-padding-inline-start: 20px;
  margin-inline-start: -20px;
  margin-inline-end: calc(-20px + var(--scrollbar-size));
  padding-inline: 20px;
}
@media (hover: hover) {
  @supports not selector(::-webkit-scrollbar-thumb) {
    .schedule-reserve__dates {
      scrollbar-width: thin;
      scrollbar-color: var(--fill-alpha-black-muted) transparent;
    }
  }
  .schedule-reserve__dates::-webkit-scrollbar {
    width: 9px;
    height: 9px;
  }
  .schedule-reserve__dates::-webkit-scrollbar-track {
    background: transparent;
  }
  .schedule-reserve__dates::-webkit-scrollbar-thumb {
    border: 3px solid transparent;
    background-clip: padding-box;
    border-radius: var(--rounded-full);
    background-color: transparent;
  }
  .schedule-reserve__dates:hover {
    outline: 1px solid transparent;
  }
  .schedule-reserve__dates:hover::-webkit-scrollbar-thumb {
    background-color: var(--fill-alpha-black-normal);
  }
}
@media (min-width: 768px) {
  .schedule-reserve__dates {
    scroll-padding-inline-start: 40px;
    margin-inline-start: -40px;
    margin-inline-end: calc(-40px + var(--scrollbar-size));
    padding-inline: 40px;
  }
}
.schedule-reserve__dates + .schedule-reserve__band {
  margin-top: calc(var(--gap-8) - var(--scrollbar-size));
}
.schedule-reserve__date {
  flex: 0 0 auto;
  position: relative;
  cursor: pointer;
}
.schedule-reserve__date input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.schedule-reserve__date-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  inline-size: 64px;
  block-size: 68px;
  border: 1px solid var(--border-line-normal);
  border-radius: var(--rounded-lg);
  background: var(--background-normal);
}
.schedule-reserve__date-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.schedule-reserve__date-box:hover::before {
  opacity: 0.0375;
}
.schedule-reserve__date-box:active::before, .schedule-reserve__date-box[aria-expanded=true]::before {
  opacity: 0.09;
}
.schedule-reserve__date-num {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.4;
}
.schedule-reserve__date-dow {
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
input:checked ~ .schedule-reserve__date-box {
  border-color: var(--border-line-strong);
}
input:checked ~ .schedule-reserve__date-box .schedule-reserve__date-num,
input:checked ~ .schedule-reserve__date-box .schedule-reserve__date-dow {
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
input:disabled ~ .schedule-reserve__date-box {
  border-color: transparent;
  background: var(--fill-disabled);
}
input:disabled ~ .schedule-reserve__date-box::before {
  content: none;
}
input:disabled ~ .schedule-reserve__date-box .schedule-reserve__date-num,
input:disabled ~ .schedule-reserve__date-box .schedule-reserve__date-dow {
  color: var(--label-disabled);
}
input:focus-visible ~ .schedule-reserve__date-box {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.schedule-reserve__band {
  margin-top: var(--gap-8);
  block-size: 8px;
  background: var(--background-strong);
  margin-inline-start: -20px;
  margin-inline-end: calc(-20px + var(--scrollbar-size));
}
@media (min-width: 768px) {
  .schedule-reserve__band {
    margin-inline-start: -40px;
    margin-inline-end: calc(-40px + var(--scrollbar-size));
  }
}
.schedule-reserve__section-title {
  margin: 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.schedule-reserve__time {
  margin-top: var(--gap-8);
}
.schedule-reserve__time-grid {
  margin-top: var(--gap-4);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-2);
}
.schedule-reserve__time-cell {
  position: relative;
  display: block;
}
.schedule-reserve__time-cell input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.schedule-reserve__time-box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  block-size: 52px;
  padding-inline: var(--p-2);
  border: 1px solid var(--border-line-normal);
  border-radius: var(--rounded-xl);
  background: var(--background-normal);
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
}
.schedule-reserve__time-box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.schedule-reserve__time-box:hover::before {
  opacity: 0.0375;
}
.schedule-reserve__time-box:active::before, .schedule-reserve__time-box[aria-expanded=true]::before {
  opacity: 0.09;
}
input:checked ~ .schedule-reserve__time-box {
  border-color: var(--border-line-strong);
  font-weight: var(--font-weight-semibold);
}
input:disabled ~ .schedule-reserve__time-box {
  border-color: transparent;
  background: var(--fill-disabled);
  color: var(--label-disabled);
  cursor: default;
}
input:disabled ~ .schedule-reserve__time-box::before {
  content: none;
}
input:focus-visible ~ .schedule-reserve__time-box {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.schedule-reserve__time-badge {
  position: absolute;
  top: -6px;
  right: var(--gap-2);
}
.schedule-reserve__waitlist {
  margin-top: var(--gap-4);
  padding: var(--p-3);
  border-radius: var(--rounded-lg);
  background: var(--background-strong);
}
.schedule-reserve__waitlist[hidden] {
  display: none;
}
.schedule-reserve__waitlist-head {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  color: var(--label-muted);
}
.schedule-reserve__waitlist-title {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}
.schedule-reserve__waitlist-body {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-regular);
  color: var(--label-muted);
  line-height: 1.6;
}
.schedule-reserve__request {
  margin-top: var(--gap-8);
}
.schedule-reserve__request .pre-request__list {
  margin-top: var(--gap-4);
}
.schedule-reserve__notes {
  margin-top: var(--gap-8) !important;
}

@media (min-width: 768px) {
  body.my-apps-detail-page {
    background: var(--background-strong);
  }
  body.my-apps-detail-page .my-layout__content {
    padding-bottom: var(--p-36);
  }
}

.my-apps-detail {
  padding-bottom: var(--p-18);
}
.my-apps-detail__head {
  padding-top: var(--p-2);
  padding-bottom: var(--p-8);
}
.my-apps-detail__title {
  margin: 0;
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-apps-detail__meta {
  margin: var(--gap-1) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  font-size: var(--font-size-component-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-apps-detail__subtitle {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-body-small);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-apps-detail__subtitle + .my-apps-detail__meta {
  margin-top: var(--gap-3);
}
.my-apps-detail__desc {
  margin: var(--gap-6) 0 0;
  display: flex;
  align-items: flex-start;
  gap: var(--gap-1);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-weak);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-apps-detail__desc .icon {
  flex-shrink: 0;
  margin-top: calc((1.6em - 16px) / 2);
}
.my-apps-detail__desc + .my-apps-detail__progress {
  margin-top: var(--gap-4);
}
.my-apps-detail__sep {
  flex-shrink: 0;
  width: 1px;
  height: 12px;
  background: var(--border-line-normal);
}
.my-apps-detail__visit {
  margin: var(--gap-6) 0 0;
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--brand-blue-weak);
}
.my-apps-detail__visit--self {
  padding: var(--p-4);
}
.my-apps-detail__visit-main {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
}
.my-apps-detail__visit-title {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}
.my-apps-detail__visit-title .icon {
  flex-shrink: 0;
}
.my-apps-detail__visit-text {
  margin: 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-apps-detail__visit-divider {
  margin: var(--gap-2) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}
.my-apps-detail__self {
  margin: var(--gap-2) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
}
.my-apps-detail__self .btn {
  flex-shrink: 0;
}
.my-apps-detail__self-text {
  margin: 0;
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
  word-break: keep-all;
}
.my-apps-detail__progress {
  margin: var(--gap-6) 0 0;
}
.my-apps-detail__visit + .my-apps-detail__progress {
  margin-top: var(--gap-4);
}
.my-apps-detail__bar {
  height: 8px;
  border-radius: var(--rounded-full);
  background: var(--fill-disabled);
  overflow: hidden;
}
.my-apps-detail__fill {
  height: 100%;
  border-radius: var(--rounded-full);
  background: var(--brand-blue-normal);
}
.my-apps-detail__steps {
  margin: var(--gap-1-5) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-disabled);
  line-height: 1.6;
}
.my-apps-detail__step[aria-current=step] {
  color: var(--brand-blue-normal);
  font-weight: var(--font-weight-semibold);
}
.my-apps-detail__note {
  margin: var(--gap-6) 0 0;
  padding: var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}
.my-apps-detail__note-head {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  color: var(--label-muted);
}
.my-apps-detail__note-head .icon {
  flex-shrink: 0;
}
.my-apps-detail__note-title {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}
.my-apps-detail__note-text {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-component-small);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-apps-detail__actions {
  margin: var(--gap-6) 0 0;
  display: flex;
  gap: var(--gap-2);
}
.my-apps-detail__actions .btn {
  flex: 1;
}
.my-apps-detail__sections {
  margin-inline: calc(-1 * var(--p-5));
}
.my-apps-detail__sections .accordion__item {
  border-bottom: 0;
  border-top: 8px solid var(--background-strong);
}
.my-apps-detail__sections .accordion__trigger {
  padding: var(--p-5);
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  border-bottom: none;
}
.my-apps-detail__sections .accordion__content {
  padding: 0 var(--p-5) var(--p-5);
  font-size: var(--font-size-component-medium);
}
.my-apps-detail__section-title {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.my-apps-detail__box {
  margin: 0;
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
.my-apps-detail__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-2);
  padding-block: var(--p-1);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.my-apps-detail__row dt {
  flex-shrink: 0;
  color: var(--label-soft);
}
.my-apps-detail__row dd {
  margin: 0;
  text-align: right;
  color: var(--label-normal);
}
.my-apps-detail__row-line {
  display: block;
}
.my-apps-detail__staff {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-1-5);
}
.my-apps-detail__staff-link {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  line-height: inherit;
  text-decoration: underline;
  cursor: pointer;
  border-radius: var(--rounded-sm);
}
.my-apps-detail__staff-link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-apps-detail__request-btn {
  margin-top: var(--gap-4);
  width: 100%;
}
.my-apps-detail__guides {
  display: grid;
  gap: var(--gap-2);
}

@media (min-width: 768px) {
  .my-apps-detail {
    padding: var(--p-9) var(--p-6) var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--background-normal);
  }
  .my-apps-detail__head {
    padding-top: 0;
    padding-bottom: var(--p-12);
  }
  .my-apps-detail__visit-main {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-2);
  }
  .my-apps-detail__visit--self .my-apps-detail__visit-main {
    padding-block: var(--gap-1-5);
  }
  .my-apps-detail__visit-text {
    margin-top: 0;
  }
  .my-apps-detail__note {
    border-radius: var(--rounded-xl);
  }
  .my-apps-detail__sections {
    margin-inline: 0;
  }
  .my-apps-detail__sections .accordion__item {
    border-top-width: 1px;
    border-top-color: var(--border-line-muted);
  }
  .my-apps-detail__sections .accordion__trigger {
    padding: var(--p-6) 0;
  }
  .my-apps-detail__sections .accordion__trigger-icon {
    width: 16px;
    height: 16px;
  }
  .my-apps-detail__sections .accordion__content {
    padding: 0 0 var(--p-6);
  }
  .my-apps-detail__guides {
    grid-template-columns: 1fr 1fr;
  }
  .my-apps-detail__actions--mo-only {
    display: none;
  }
}
.my-bill-scope {
  margin-inline: calc(var(--p-5) * -1);
  padding: 0 var(--p-5) var(--p-5);
  background: var(--background-normal);
}

.my-bill-month {
  margin-top: var(--gap-8);
  display: flex;
  align-items: center;
}
.my-bill-month__nav.btn {
  width: 28px;
  height: 28px;
  border-radius: var(--rounded-lg);
  background: none;
  color: var(--label-normal);
}
.my-bill-month__nav.btn:disabled, .my-bill-month__nav.btn[aria-disabled=true] {
  background: none;
  color: var(--label-disabled);
}
.my-bill-month__current .select[data-type=ghost] .select__trigger {
  min-height: 28px;
  color: var(--label-normal);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}
@media (min-width: 768px) {
  .my-bill-month__current .select[data-type=ghost] .select__arrow {
    width: 16px;
    height: 16px;
  }
}

.my-bill-card {
  margin-top: var(--gap-4);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-bill-card__divider {
  margin: var(--gap-2) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}

.my-bill-status__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-1);
}
.my-bill-status__label {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-bill-status__value {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-bill-status__divider {
  margin: var(--gap-4) 0 0;
  border: 0;
  border-top: 1px solid var(--border-line-muted);
}
.my-bill-status__rows {
  margin-top: var(--gap-4);
}
.my-bill-status--tight .my-bill-status__divider,
.my-bill-status--tight .my-bill-status__rows {
  margin-top: var(--gap-3);
}

.my-bill-seg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: var(--p-1);
  border-radius: var(--rounded-xl);
  background: var(--fill-alpha-black-soft);
}
.my-bill-seg__item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px var(--p-2);
  border: 1px solid transparent;
  border-radius: var(--rounded-lg);
  color: var(--label-muted);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
}
.my-bill-seg__item::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-bill-seg__item:hover::before {
  opacity: 0.0375;
}
.my-bill-seg__item:active::before, .my-bill-seg__item[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-bill-seg__item:has(.my-bill-seg__input:checked) {
  border-color: var(--border-box-ultra);
  background: var(--fill-normal);
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.my-bill-seg__item:has(.my-bill-seg__input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-bill-seg__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.my-bill-rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-bill-rows > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--p-1) 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.my-bill-rows__label {
  color: var(--label-soft);
}
.my-bill-rows__value {
  color: var(--label-normal);
  text-align: right;
}

.my-bill-summary {
  padding-bottom: var(--p-5);
}
.my-bill-summary__label {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-bill-summary__amount {
  margin: var(--gap-1) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-0-5);
  font-size: var(--font-size-title-2xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-bill-summary__unit {
  font-size: var(--font-size-title-small);
  margin-top: 6px;
}
.my-bill-summary__diff {
  margin: 0;
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-bill-summary__diff em {
  font-style: normal;
  color: var(--brand-red-normal);
  font-weight: var(--font-weight-medium);
}
.my-bill-summary__diff[data-trend=up] em {
  color: var(--brand-blue-normal);
}
.my-bill-summary__status {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-title-2xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-disabled);
  line-height: 1.4;
}
.my-bill-summary__notice {
  margin: var(--gap-4) 0 0;
  padding: var(--p-3) var(--p-4);
  list-style: none;
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}
.my-bill-summary__notice li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-bill-summary__notice li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}
.my-bill-summary__notice li + li {
  margin-top: var(--gap-0-5);
}
.my-bill-summary__notice strong {
  font-weight: var(--font-weight-medium);
}
.my-bill-summary__actions {
  margin-top: var(--gap-4);
  display: flex;
  gap: var(--gap-2);
}
.my-bill-summary__actions .btn {
  flex: 1;
}
.my-bill-summary__divider {
  margin: var(--gap-5) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}
.my-bill-summary .my-bill-rows {
  margin-top: var(--gap-5);
}
.my-bill-summary__benefit {
  margin: var(--gap-3) 0 0;
  padding: var(--p-3);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-weak);
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
  text-align: center;
}
.my-bill-summary__benefit strong {
  font-weight: var(--font-weight-bold);
}

.my-bill-section {
  margin-top: var(--gap-8);
}
.my-bill-section__title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-bill-section__title--small {
  font-size: var(--font-size-title-small);
}

.my-bill-detail {
  margin-top: var(--gap-4);
}
.my-bill-detail .accordion__item {
  border: none;
}
.my-bill-detail .accordion__trigger {
  border-bottom: none;
}
.my-bill-detail .accordion__item[open] .accordion__trigger {
  padding-bottom: var(--p-3);
}
.my-bill-detail .accordion__content {
  padding-top: 0;
  padding-bottom: var(--p-4);
}
.my-bill-detail__total {
  margin-left: auto;
}
.my-bill-detail__group + .my-bill-detail__group {
  margin-top: var(--gap-2);
}
.my-bill-detail__group-title {
  margin: 0;
  padding: var(--p-1) 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-bill-detail .accordion__trigger-icon {
  margin-left: 0;
}

.my-bill-discount-total {
  margin-top: var(--gap-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--gap-0-5) 0;
}
.my-bill-discount-total__label {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-bill-discount-total__value {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-bill-menu {
  margin: var(--gap-4) 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-2);
}
.my-bill-menu__card {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  height: 100%;
  padding: var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--fill-normal);
  color: var(--label-normal);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  text-decoration: none;
}
.my-bill-menu__card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-bill-menu__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

@media (min-width: 768px) {
  .my-bill-scope {
    margin-inline: 0;
    margin-top: var(--gap-6);
    padding: 0;
    background: none;
  }
  .my-bill-month {
    margin-top: var(--gap-12);
  }
  .my-bill-card {
    margin-top: var(--gap-6);
    padding: var(--p-5) var(--p-6);
  }
  .my-bill-status__divider {
    margin-top: var(--gap-5);
  }
  .my-bill-status__rows {
    margin-top: var(--gap-3);
  }
  .my-bill-status--tight .my-bill-status__divider {
    margin-top: var(--gap-5);
  }
  .my-bill-summary {
    padding-bottom: var(--p-6);
  }
  .my-bill-summary__diff {
    font-size: var(--font-size-component-small);
  }
  .my-bill-summary__benefit {
    font-size: var(--font-size-component-medium);
  }
  .my-bill-section {
    margin-top: var(--gap-12);
  }
  .my-bill-detail {
    margin-top: var(--gap-6);
    gap: var(--gap-4);
  }
  .my-bill-detail .accordion__item[open] .accordion__trigger {
    padding-bottom: var(--p-3);
  }
  .my-bill-detail .accordion__content {
    padding-bottom: var(--p-5);
  }
  .my-bill-discount-total__label {
    font-size: var(--font-size-component-large);
  }
  .my-bill-menu {
    gap: var(--gap-4);
  }
  .my-bill-menu__card {
    padding: var(--p-6);
    font-size: var(--font-size-component-large);
    gap: var(--gap-3);
  }
  .my-bill-menu__icon {
    width: 32px;
    height: 32px;
  }
}
.my-layout__content .my-fees-tabs .tabs__panel {
  margin-top: var(--p-5);
}

.my-fees-notice .my-notice__text {
  font-weight: var(--font-weight-medium);
}

.my-fees-section {
  margin-top: var(--gap-8);
}
.my-fees-section--lead {
  margin-top: var(--gap-4);
}
.my-fees-section__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
}
.my-fees-section__title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-fees-section__count {
  margin: 0;
  font-size: var(--font-size-component-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-fees-line {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.my-fees-line__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-fees-line__addr {
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
}

.my-fees-compare {
  margin-top: var(--gap-5);
  width: 100%;
}

.my-fees-more {
  margin-top: var(--gap-4);
}
.my-fees-more .btn-text {
  width: 100%;
  padding: var(--p-3) 0;
  justify-content: center;
}

.my-fees-empty {
  margin-top: var(--gap-8);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}
.my-fees-empty .nodata__title {
  word-break: keep-all;
}

@media (min-width: 768px) {
  .my-layout__content .my-fees-tabs .tabs__panel {
    margin-top: var(--gap-6);
  }
  .my-fees-section {
    margin-top: var(--gap-12);
  }
  .my-fees-section--lead {
    margin-top: var(--gap-6);
  }
  .my-fees-section .my-bill-detail {
    margin-top: var(--gap-4);
    gap: var(--gap-4);
  }
  .my-fees-section .my-bill-detail .accordion__content {
    padding-bottom: var(--p-6);
  }
  .my-fees-section .my-bill-detail .accordion__trigger-icon {
    width: 16px;
    height: 16px;
  }
  .my-fees-empty {
    margin-top: 0;
  }
  .my-fees-more {
    display: none;
  }
}
.page-my-compare .my-layout__title {
  display: none;
}

.my-compare-title {
  padding-block: 0;
  font-size: var(--font-size-title-medium);
  color: var(--label-normal);
}

.my-compare-graph-section .page-title-band {
  background: transparent;
}

.my-compare-chart {
  --chart-h: 132px;
  --chart-label-zone: 25px;
  margin-top: var(--p-5);
}
.my-compare-chart__bars {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  height: calc(var(--chart-h) + var(--chart-label-zone));
}
.my-compare-chart__bars::before {
  content: "";
  position: absolute;
  inset: auto 0 var(--chart-label-zone);
  border-top: 1px solid var(--border-box-normal);
}
.my-compare-chart__bars::after {
  content: "";
  position: absolute;
  inset: auto 0 calc(var(--chart-label-zone) + var(--avg-r, 0) * var(--chart-h));
  height: 1px;
  background: repeating-linear-gradient(90deg, var(--brand-blue-muted) 0 4px, transparent 4px 8px);
}
.my-compare-chart[data-ready] .my-compare-chart__bar {
  animation: my-compare-bar-grow var(--duration-slow) var(--ease-out) backwards;
  animation-delay: calc(var(--i) * 60ms);
}
.my-compare-chart[data-ready] .my-compare-chart__bars::after {
  animation: my-compare-fade var(--duration-base) var(--ease-out) 700ms backwards;
}
.my-compare-chart__col {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.my-compare-chart .tooltip {
  display: block;
  margin: 0;
}
.my-compare-chart__item {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-1-5);
  padding: 8px 0 0;
  border: none;
  border-radius: var(--rounded-lg);
  background: none;
  cursor: pointer;
}
.my-compare-chart__item:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-compare-chart__bar {
  width: 20px;
  height: calc(var(--r, 0) * var(--chart-h));
  border-radius: var(--rounded-md) var(--rounded-md) 0 0;
  background: var(--fill-heavy);
}
.my-compare-chart__bar--latest {
  background: var(--brand-blue-normal);
}
.my-compare-chart__month {
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 19px;
}

@keyframes my-compare-bar-grow {
  from {
    height: 0;
  }
}
@keyframes my-compare-fade {
  from {
    opacity: 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .my-compare-chart[data-ready] .my-compare-chart__bar,
  .my-compare-chart[data-ready] .my-compare-chart__bars::after {
    animation: none;
  }
}
.my-compare-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-compare-list .my-bill-card + .my-bill-card {
  margin-top: var(--gap-2);
}

.my-compare-detail__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
}
.my-compare-detail__month, .my-compare-detail__total {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-compare-detail .my-bill-rows {
  margin-top: var(--gap-3);
}

@media (min-width: 768px) {
  .my-compare-graph-section {
    margin-top: 0;
  }
  .my-compare-chart {
    --chart-label-zone: 28px;
    margin-top: var(--gap-6);
  }
  .my-compare-chart__bar {
    width: 32px;
  }
  .my-compare-chart__month {
    font-size: var(--font-size-body-small);
    line-height: 22px;
  }
  .my-compare-list .my-bill-card + .my-bill-card {
    margin-top: var(--gap-4);
  }
}
.my-pay-card .my-bill-summary__divider {
  margin-top: var(--gap-4);
}
.my-pay-card .my-bill-rows {
  margin-top: var(--gap-4);
}

.my-pay-deposit__copy {
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  color: var(--label-normal);
  cursor: pointer;
}
.my-pay-deposit__copy:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.my-pay-app {
  margin-top: var(--p-3);
  text-align: center;
}
@media (min-width: 768px) {
  .my-pay-app {
    margin-top: 0;
  }
}
.my-pay-app__icon {
  margin-inline: auto;
}
.my-pay-app__title {
  margin: var(--gap-5) 0 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-pay-app__desc {
  margin: var(--gap-0-5) 0 0;
  font-size: var(--font-size-component-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-pay-hero {
  margin-top: var(--gap-8);
}

.my-pay-month + .my-pay-month {
  margin-top: var(--gap-2);
}
.my-pay-month__head {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
}
.my-pay-month .checkbox {
  gap: var(--gap-2);
  min-width: 0;
}
.my-pay-month .checkbox__label {
  font-weight: var(--font-weight-semibold);
}
.my-pay-month__sum {
  margin-left: auto;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 26px;
}
.my-pay-month__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  border-radius: var(--rounded-md);
  color: var(--label-normal);
  border: 1px solid transparent;
  background: transparent;
  background-clip: padding-box;
  outline: none;
  cursor: pointer;
  transition: background-color var(--transition-base);
}
.my-pay-month__toggle:hover, .my-pay-month__toggle:active {
  background: var(--background-strong);
}
.my-pay-month__toggle:focus-visible:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-pay-month__toggle svg {
  transition: transform var(--duration-fast) var(--ease-in-out);
}
.my-pay-month__toggle[aria-expanded=false] svg {
  transform: rotate(180deg);
}
.my-pay-month .my-bill-card__divider {
  margin-top: var(--gap-4);
}
.my-pay-month .my-bill-rows {
  margin-top: var(--gap-4);
}
.my-pay-month__note {
  margin: var(--gap-3) 0 0;
  padding: var(--p-3);
  border-radius: var(--rounded-lg);
  background: var(--fill-alpha-black-soft);
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
  text-align: center;
}

.my-pay-month--overdue {
  padding-bottom: var(--p-5);
}
.my-pay-month--overdue .checkbox__label {
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
}
.my-pay-month--overdue .my-pay-month__name {
  color: var(--brand-red-normal);
}
.my-pay-month--overdue .my-pay-month__count {
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
}
.my-pay-month--overdue .my-pay-month__count::before {
  content: "";
  width: 1px;
  height: 10px;
  background: var(--border-line-normal);
}

.my-pay-final__total {
  margin: var(--gap-2) 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--gap-0-5) 0;
}
.my-pay-final__label {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-pay-final__value {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}

.my-pay-cta {
  margin-top: var(--gap-8);
}
.my-pay-cta .btn {
  width: 100%;
}

@media (min-width: 768px) {
  .my-pay-hero {
    margin-top: var(--gap-12);
  }
  .my-pay-month {
    padding: var(--p-4) var(--p-5);
  }
  .my-pay-month--overdue {
    padding-bottom: var(--p-5);
  }
  .my-pay-cta {
    margin-top: var(--gap-12);
  }
  .my-pay-cta .btn {
    width: auto;
    min-width: 210px;
  }
}
.my-checkout-card {
  margin-top: var(--p-3);
}

.my-checkout-scope {
  margin-top: 0;
}

.my-checkout-band {
  margin-top: var(--gap-8);
  margin-inline: calc(-1 * var(--p-5));
  width: auto;
}

.my-checkout-choice {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-2);
  margin-top: var(--gap-4);
}
.my-checkout-choice__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px var(--p-3);
  border: 1px 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);
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
}
.my-checkout-choice__box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-checkout-choice__box:hover::before {
  opacity: 0.0375;
}
.my-checkout-choice__box:active::before, .my-checkout-choice__box[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-checkout-choice__box:has(.my-checkout-choice__input:checked) {
  border-color: var(--border-box-ultra);
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.my-checkout-choice__box:has(.my-checkout-choice__input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-checkout-choice__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.my-checkout-choice__box[hidden] {
  display: none;
}

.my-checkout-hint {
  position: relative;
  margin: var(--gap-2) 0 0;
  padding-left: var(--gap-3);
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-checkout-hint::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}

.my-checkout-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
}
.my-checkout-card-head__scan {
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (min-width: 768px) {
  .my-checkout-card-head__scan {
    display: none;
  }
}

.my-checkout-fields {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  margin-top: var(--gap-4);
}
.my-checkout-fields__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-2);
}
.my-checkout-fields__stack {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}

.my-checkout-consent {
  margin-top: var(--gap-4);
}
.my-checkout-consent__detail {
  margin: var(--gap-2) 0 0;
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
.my-checkout-consent__detail > div + div {
  margin-top: var(--gap-4);
}
.my-checkout-consent__detail dt {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-checkout-consent__detail dd {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-checkout-amount {
  margin-top: var(--gap-4);
}
.my-checkout-amount__desc {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  margin: var(--gap-2) 0 0;
  padding-inline: var(--gap-1);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-checkout-amount__desc strong {
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
}
.my-checkout-amount .my-checkout-bullets {
  margin-top: var(--gap-2);
}

.my-checkout-bullets {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-checkout-bullets li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-xsmall);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-checkout-bullets li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}
.my-checkout-bullets li + li {
  margin-top: var(--gap-1);
}

.my-checkout-final {
  margin-top: var(--gap-4);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}
.my-checkout-final .info-cell__final[hidden] {
  display: none;
}
.my-checkout-final hr ~ .info-cell__final {
  margin-top: var(--gap-2);
}

@media (min-width: 768px) {
  body.my-checkout-page {
    background: var(--background-strong);
  }
  .my-checkout-card {
    margin-top: var(--gap-12);
    padding: var(--p-5) var(--p-6) var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--fill-normal);
  }
  .my-checkout-band {
    display: none;
  }
  .my-checkout-cta {
    margin-top: var(--gap-6);
  }
}
body.my-complete-page .contents {
  padding-inline: 0;
}

body.my-complete-page #main {
  padding-bottom: 0;
}

.my-complete-result {
  min-height: calc(100dvh - 56px);
}
.my-complete-result > .result__body {
  padding-top: var(--p-5);
}

body.my-complete-page .my-floating {
  bottom: calc(92px + env(safe-area-inset-bottom, 0px));
}
@media (min-width: 768px) {
  body.my-complete-page .my-floating {
    bottom: calc(var(--quickmenu-clearance) + env(safe-area-inset-bottom, 0px));
  }
}

.my-complete-card {
  width: 100%;
  margin-top: var(--gap-8);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
  text-align: left;
}

@media (min-width: 768px) {
  body.my-complete-page {
    background: var(--background-strong);
  }
  body.my-complete-page .contents {
    padding-inline: var(--p-10);
  }
  body.my-complete-page #main {
    padding-bottom: var(--p-36);
  }
  .my-complete-result {
    min-height: 0;
    margin-top: var(--gap-12);
  }
  .my-complete-result > .result__body {
    flex: none;
    padding: var(--p-12) var(--p-6) var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--fill-normal);
  }
  .my-complete-result .my-complete-card {
    margin-top: var(--gap-12);
  }
  .my-complete-result > .button-action {
    position: static;
    margin-top: var(--gap-6);
  }
  .my-complete-result > .button-action .button-action__gradient {
    display: none;
  }
  .my-complete-result > .button-action .button-action__content {
    padding: 0;
    background: none;
  }
  .my-complete-result > .button-action .button-action__content > .btn {
    flex: 0 0 auto;
    min-width: 210px;
  }
}
.my-autopay-status {
  margin-top: var(--gap-8);
}

.my-autopay-card {
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}

.my-autopay-status__cancel {
  width: 100%;
  margin-top: var(--gap-4);
}

.my-autopay-band {
  margin-top: var(--gap-8);
  margin-inline: calc(-1 * var(--p-5));
  width: auto;
}

.my-autopay-form__card {
  margin-top: var(--gap-4);
}

.my-autopay-method h3 + .my-bill-seg {
  margin-top: var(--gap-4);
}

.my-autopay-hint {
  position: relative;
  margin: var(--gap-2) 0 0;
  padding-left: var(--gap-3);
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-autopay-hint::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}

.my-autopay-formblock {
  margin-top: var(--gap-5);
}
.my-autopay-formblock__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
}
.my-autopay-formblock__scan {
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  text-decoration: underline;
  text-underline-offset: 2px;
}
@media (min-width: 768px) {
  .my-autopay-formblock__scan {
    display: none;
  }
}

.my-autopay-fields {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  margin-top: var(--gap-2);
}
.my-autopay-fields__stack {
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}

.my-autopay-choice {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-2);
}
.my-autopay-choice__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px var(--p-3);
  border: 1px 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);
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
}
.my-autopay-choice__box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-autopay-choice__box:hover::before {
  opacity: 0.0375;
}
.my-autopay-choice__box:active::before, .my-autopay-choice__box[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-autopay-choice__box:has(.my-autopay-choice__input:checked) {
  border-color: var(--border-box-ultra);
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.my-autopay-choice__box:has(.my-autopay-choice__input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-autopay-choice__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}

.my-autopay-notes {
  margin-top: var(--p-18);
}
.my-autopay-notes__subtitle {
  margin-top: var(--gap-5);
}
.my-autopay-notes__em {
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
}

@media (min-width: 768px) {
  body.my-autopay-page {
    background: var(--background-strong);
  }
  .my-autopay-scope {
    margin-top: var(--gap-6);
  }
  .my-autopay-status {
    margin-top: var(--gap-12);
    padding: var(--p-5) var(--p-6) var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--fill-normal);
  }
  .my-autopay-card {
    padding: 0;
    border-radius: 0;
    background: none;
  }
  .my-autopay-status__cancel {
    margin-top: var(--gap-3);
  }
  .my-autopay-band {
    display: none;
  }
  .my-autopay-form {
    margin-top: var(--gap-12);
  }
  .my-autopay-form__card {
    margin-top: var(--gap-6);
    padding: var(--p-5) var(--p-6) var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--fill-normal);
  }
  .my-autopay-formblock {
    margin-top: var(--gap-8);
  }
  .my-autopay-cta {
    margin-top: var(--gap-6);
  }
  .my-autopay-notes {
    margin-top: var(--gap-20);
  }
}
.my-unpaid-title em {
  font-style: normal;
  color: var(--brand-red-normal);
}

.my-unpaid-title--autopay em {
  color: var(--brand-blue-normal);
}

.my-unpaid-card__due {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  font-size: var(--font-size-component-xsmall);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-unpaid-card__due em {
  font-style: normal;
  font-weight: var(--font-weight-medium);
  color: var(--brand-red-normal);
}
.my-unpaid-card__due--autopay em {
  color: var(--brand-blue-alpha-normal);
}
.my-unpaid-card__notice {
  margin: var(--gap-5) 0 0;
  padding: var(--p-3);
  list-style: none;
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}
.my-unpaid-card__notice li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-xsmall);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-unpaid-card__notice li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}
.my-unpaid-card__notice li + li {
  margin-top: var(--gap-1);
}
.my-unpaid-card__notice strong {
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
}
.my-unpaid-card__actions {
  margin-top: var(--gap-5);
  display: flex;
  gap: var(--gap-2);
}
.my-unpaid-card__actions .btn {
  flex: 1;
}

.my-unpaid-modal-desc {
  margin: 0;
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-unpaid-modal-info {
  margin: var(--gap-2) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
  padding: var(--p-3);
  border-radius: var(--rounded-md);
  background: var(--fill-strong);
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-unpaid-modal-info .icon {
  flex-shrink: 0;
}

.my-unpaid-date-form {
  margin-top: var(--gap-5);
}
.my-unpaid-date-form .field + .field {
  margin-top: var(--gap-5);
}

body.bg-gray .notes.my-unpaid-date-notes {
  padding-bottom: 52px;
}
@media (min-width: 768px) {
  body.bg-gray .notes.my-unpaid-date-notes {
    margin-top: var(--gap-8);
    padding-bottom: var(--gap-5);
  }
}

.my-unpaid-detail__name {
  font-size: var(--font-size-component-medium);
}

@media (min-width: 768px) {
  .my-unpaid-detail {
    gap: var(--gap-4);
  }
  .my-unpaid-detail__name {
    font-size: var(--font-size-component-large);
  }
}
.my-history-status {
  margin-top: var(--gap-8);
}
.my-history-status__link {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-1);
  color: inherit;
  text-decoration: none;
}
.my-history-status__link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.my-history-toolbar {
  margin-top: var(--gap-1);
}

.my-history-period {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-1);
  height: 33px;
  padding: 0 var(--p-3);
  border: 1px solid var(--border-line-normal);
  border-radius: var(--rounded-full);
  background: var(--background-normal);
  color: var(--label-muted);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  white-space: nowrap;
  cursor: pointer;
}
.my-history-period:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-history-period:hover {
  background: var(--fill-strong);
}

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

.my-history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-history-item__type {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-history-item__date {
  margin: var(--gap-0-5) 0 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-history-item__amount {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
  text-align: right;
}

.my-history-more {
  margin-top: var(--gap-2);
}
.my-history-more .btn-text {
  width: 100%;
  padding: var(--p-3) 0;
  justify-content: center;
}

.my-history-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}

.my-history-actions {
  margin-top: var(--gap-8);
  display: flex;
  gap: var(--gap-2);
}
.my-history-actions .btn {
  flex: 1;
}
.my-history-actions__print {
  display: none;
}

.my-history-notes {
  margin-top: var(--p-18);
}

.my-history-form-group.field {
  gap: var(--gap-3);
}
.my-history-form-group.field .field__label {
  font-weight: var(--font-weight-semibold);
}

.my-history-period-form__chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap-1-5);
}
.my-history-period-form [data-period-custom] {
  margin-top: var(--gap-5);
}
.my-history-period-form__range {
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
}
.my-history-period-form__range .select {
  flex: 1;
  min-width: 0;
}
.my-history-period-form__tilde {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-history-period-form__helper, .my-history-period-form__error {
  margin: var(--gap-1) 0 0;
  padding-inline: 2px;
  font-size: var(--font-size-component-xsmall);
  line-height: 1.45;
}
.my-history-period-form__helper {
  color: var(--label-soft);
}
.my-history-period-form__error {
  color: var(--state-error-text);
}

.my-history-issue-form [data-issue-method] {
  margin-top: var(--gap-5);
}

.my-history-issue-form .field__error {
  margin-top: var(--gap-1);
}

@media (min-width: 768px) {
  .my-history-status {
    margin-top: var(--gap-12);
  }
  .my-history-toolbar {
    margin-top: var(--gap-3);
  }
  .my-history-period {
    height: 38px;
    padding: 0 var(--p-4);
    font-size: var(--font-size-component-medium);
  }
  .my-history-list {
    margin-top: var(--gap-2);
    gap: var(--gap-4);
  }
  .my-history-item {
    padding: var(--p-5) var(--p-6);
  }
  .my-history-actions {
    margin-top: var(--gap-12);
  }
  .my-history-actions__print {
    display: block;
  }
  .my-history-notes {
    margin-top: var(--gap-20);
  }
}
.my-purchase-scope {
  margin-inline: calc(var(--p-5) * -1);
  padding: 0 var(--p-5) var(--p-4);
  background: var(--background-normal);
}

.my-layout__content .my-purchase-tabs .tabs__panel {
  margin-top: var(--p-5);
}

.my-purchase-notice .my-notice__text {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
}

.my-purchase-toolbar {
  margin: var(--gap-5) 0 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}

.my-purchase-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-purchase-list > li + li {
  margin-top: var(--gap-4);
}

.my-purchase-toolbar + .my-purchase-list {
  margin-top: var(--gap-2);
}

.my-purchase-card {
  padding: var(--p-5) var(--p-5) var(--p-2);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-purchase-card__date {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-purchase-card__title {
  margin-top: var(--gap-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-1);
}
.my-purchase-card__name, .my-purchase-card__price {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-purchase-card__price {
  flex-shrink: 0;
}
.my-purchase-card__meta {
  margin-top: var(--gap-1);
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
  font-size: var(--font-size-component-medium);
  line-height: 1.6;
}
.my-purchase-card__status {
  font-weight: var(--font-weight-medium);
  color: var(--brand-blue-normal);
}
.my-purchase-card__status[data-status=expired] {
  color: var(--brand-red-normal);
}
.my-purchase-card__sep {
  width: 1px;
  height: 10px;
  background: var(--border-line-normal);
}
.my-purchase-card__period {
  color: var(--label-soft);
}
.my-purchase-card__watch {
  margin-top: var(--gap-5);
  width: 100%;
}
.my-purchase-card__detail {
  margin-top: var(--gap-7);
  padding: var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}
.my-purchase-card__detail:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-purchase-card__watch + .my-purchase-card__detail {
  margin-top: var(--gap-4);
}
.my-purchase-card__detail-title {
  margin: 0;
  padding: var(--gap-1) 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-purchase-card__rows {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-purchase-card__rows > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--gap-1) 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-purchase-card__divider {
  margin: var(--gap-2) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}
.my-purchase-card__total {
  margin-top: var(--gap-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--gap-0-5) 0;
}
.my-purchase-card__total-label {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-purchase-card__total-value {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-purchase-card__toggle {
  margin-top: var(--gap-5);
  padding: var(--p-3) 0;
  display: flex;
  justify-content: center;
}
.my-purchase-card__watch ~ .my-purchase-card__toggle {
  margin-top: var(--gap-2);
}
.my-purchase-card__detail:not([hidden]) + .my-purchase-card__toggle {
  margin-top: 0;
}
[aria-expanded=true] .my-purchase-card__chevron {
  transform: rotate(180deg);
}
.my-purchase-card__toggle .btn-text[aria-expanded=true]:not(:active)::before {
  opacity: 0;
}

.my-purchase-more .btn-text {
  width: 100%;
  padding: var(--p-3) 0;
  justify-content: center;
}

.my-purchase-more {
  margin-top: var(--gap-4);
}

.my-purchase-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}
.my-purchase-empty--page {
  margin-top: var(--p-5);
}

@media (min-width: 768px) {
  .my-purchase-scope {
    margin-inline: 0;
    margin-top: var(--gap-6);
    padding: 0;
    background: none;
  }
  .my-layout__content .my-purchase-tabs .tabs__panel {
    margin-top: var(--gap-6);
  }
  .my-purchase-toolbar {
    margin-top: var(--gap-6);
    font-size: var(--font-size-component-medium);
  }
  .my-purchase-card {
    padding: var(--p-6) var(--p-6) var(--p-2);
  }
  .my-purchase-card__detail {
    padding: var(--p-5);
  }
}
@media (min-width: 768px) {
  body.my-cancel-page {
    background: var(--background-strong);
  }
}

.my-cancel-guard {
  min-height: calc(100dvh - 56px - env(safe-area-inset-top, 0px) - var(--p-18));
}
.my-cancel-guard.result--screen > .result__body {
  padding: var(--p-20) 0 var(--p-12);
}
@media (min-width: 768px) {
  .my-cancel-guard {
    display: none;
  }
}

.my-cancel-desktop {
  display: none;
}
@media (min-width: 768px) {
  .my-cancel-desktop {
    display: block;
  }
}

.my-cancel-warn {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  margin-top: var(--gap-6);
  padding: var(--p-5) var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-warn__icon {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
}
.my-cancel-warn__text {
  margin: 0;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-cancel-head {
  margin-top: var(--gap-12);
  padding-left: var(--p-1);
}
.my-cancel-head__title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-cancel-head__sub {
  margin: var(--gap-1-5) 0 0;
  font-size: var(--font-size-component-medium);
  color: var(--label-muted);
  line-height: 1.6;
}

.my-cancel-benefit {
  margin-top: var(--gap-6);
  padding-top: var(--p-3);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-benefit__product {
  margin: 0 var(--p-3);
  padding: var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--brand-blue-weak);
}
.my-cancel-benefit__body {
  padding: var(--p-6);
}
.my-cancel-benefit__row {
  position: relative;
  appearance: none;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  width: 100%;
  padding: 0 var(--p-1) 0 var(--p-1-5);
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
.my-cancel-benefit__row:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-cancel-benefit__row::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-cancel-benefit__row:active::before {
  opacity: 0.09;
}
.my-cancel-benefit__row[aria-expanded=true] .my-cancel-benefit__toggle .icon {
  transform: rotate(180deg);
}
.my-cancel-benefit__row-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.my-cancel-benefit__row-title {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-cancel-benefit__row-sub {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-benefit__summary {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-0-5) var(--p-1);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-cancel-benefit__summary em {
  font-style: normal;
  color: var(--brand-blue-normal);
}
.my-cancel-benefit__toggle {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: var(--p-1);
  border-radius: var(--rounded-full);
  background: var(--fill-strong);
  color: var(--label-normal);
}
.my-cancel-benefit__toggle .icon {
  transition: transform var(--duration-base) var(--ease-in-out);
}
.my-cancel-benefit__detail {
  margin: var(--gap-6) 0 0;
  padding: var(--p-3) var(--p-5);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
  list-style: none;
}
.my-cancel-benefit__item {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-2) 0;
}
.my-cancel-benefit__item-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.my-cancel-benefit__item-name {
  padding: 1px 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-cancel-benefit__item-desc {
  padding: 1px 0;
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-benefit__amount {
  flex-shrink: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
  text-align: right;
}

.my-cancel-action {
  display: flex;
  gap: var(--gap-4);
  margin-top: var(--gap-6);
}
.my-cancel-action__btn {
  width: 240px;
}
.my-cancel-action__btn--complete {
  width: 210px;
}

.my-cancel-steps {
  display: flex;
  gap: var(--gap-6);
  margin: var(--gap-6) 0 0;
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  list-style: none;
}

.my-cancel-steps__step {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-disabled);
  line-height: 1.6;
}
.my-cancel-steps__step[aria-current=step] {
  color: var(--brand-blue-normal);
}
.my-cancel-steps__step[aria-current=step] .my-cancel-steps__num {
  background: var(--brand-blue-normal);
}

.my-cancel-steps__head {
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
  padding: 0 var(--p-1);
}

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

.my-cancel-steps__title {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-6);
}

.my-cancel-steps__line {
  flex: 1 1 0;
  height: 1px;
  background: var(--border-line-normal);
}

.my-cancel-steps__card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
  padding: var(--p-3);
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}

.my-cancel-steps__card-title {
  overflow: hidden;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-muted);
  line-height: 1.6;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-cancel-steps__card-value {
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-cancel-steps__card-link {
  align-self: flex-start;
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
  text-decoration: underline;
}
.my-cancel-steps__card-link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.my-cancel-products-group {
  min-width: 0;
  border: 0;
}

.my-cancel-products {
  margin: var(--gap-6) 0 0;
  padding: var(--p-3);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  list-style: none;
}

.my-cancel-product {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  width: 100%;
  padding: var(--p-3);
  border-radius: var(--rounded-xl);
}
.my-cancel-product::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-cancel-product:hover::before {
  opacity: 0.0375;
}
.my-cancel-product:active::before, .my-cancel-product[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-cancel-product .radio__label {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-3);
}
.my-cancel-product__cell {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.my-cancel-product__title {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-cancel-product__addr {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-product__meta {
  flex-shrink: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-cancel-fee {
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
  margin-top: var(--gap-6);
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-fee__row {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
}
.my-cancel-fee__date {
  flex-shrink: 0;
  margin: 0;
  font-size: var(--font-size-component-small);
  color: var(--label-soft);
  line-height: 1.6;
  text-align: right;
}
.my-cancel-fee__group {
  padding-bottom: var(--gap-4);
  border-bottom: 1px solid var(--border-line-muted);
}
.my-cancel-fee__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-1);
  margin: 0;
  padding: var(--p-3);
  border-radius: var(--rounded-md);
  background: var(--fill-strong);
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-fee__empty .icon {
  flex-shrink: 0;
}
.my-cancel-fee__empty + .info-cell__final {
  margin-top: var(--gap-4);
}
.my-cancel-fee__note {
  margin: 0;
  font-size: var(--font-size-component-small);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-cancel-consult {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
  margin-top: var(--gap-6);
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-consult__direct {
  display: flex;
  justify-content: flex-end;
}

.my-cancel-infobox {
  padding: var(--p-5);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
}
.my-cancel-infobox__title {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-cancel-infobox__title + .my-cancel-infobox__list {
  margin-top: var(--gap-2);
}
.my-cancel-infobox__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.my-cancel-infobox__list li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-infobox__list li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}

.my-cancel-reason {
  display: flex;
  flex-direction: column;
  gap: var(--gap-6);
  margin-top: var(--gap-6);
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-reason__choice {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-2);
}
.my-cancel-reason__box {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px var(--p-3);
  border: 1px 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);
  line-height: 1.6;
  text-align: center;
  cursor: pointer;
}
.my-cancel-reason__box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-cancel-reason__box:hover::before {
  opacity: 0.0375;
}
.my-cancel-reason__box:active::before, .my-cancel-reason__box[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-cancel-reason__box:has(.my-cancel-reason__input:checked) {
  border-color: var(--border-box-ultra);
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.my-cancel-reason__box:has(.my-cancel-reason__input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-cancel-reason__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.my-cancel-reason__confirm-divider {
  width: 100%;
  margin: var(--gap-4) 0 0;
  border: 0;
  border-top: var(--stroke-1) solid var(--border-line-muted);
}
.my-cancel-reason__confirm {
  display: flex;
  margin-top: var(--gap-4);
}
.my-cancel-reason__required {
  margin-inline-end: var(--gap-1);
  font-style: normal;
  color: var(--brand-red-normal);
}

.my-cancel-auth {
  margin-top: var(--gap-6);
}
.my-cancel-auth__note {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  margin: 0;
  font-size: var(--font-size-component-small);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-auth__btn {
  width: 210px;
  margin-top: var(--gap-3);
}

.my-cancel-donate {
  position: relative;
  display: flex;
  justify-content: center;
  max-width: 664px;
  margin-top: var(--gap-12);
  border-radius: var(--rounded-2xl);
  background: var(--brand-yellow-subtle);
  text-decoration: none;
}
.my-cancel-donate::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-cancel-donate:hover::before {
  opacity: 0.0375;
}
.my-cancel-donate:active::before, .my-cancel-donate[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-cancel-donate:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-cancel-donate__inner {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  max-width: 464px;
  min-width: 0;
  flex: 1;
  padding: var(--p-4) var(--p-7) var(--p-4) var(--p-8);
}
.my-cancel-donate__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
  flex: 1;
  min-width: 0;
}
.my-cancel-donate__title {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-cancel-donate__desc {
  font-size: var(--font-size-component-xsmall);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-cancel-donate__icon {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}

.my-cancel-direct-done {
  display: flex;
  flex-direction: column;
  gap: var(--gap-8);
  margin-top: var(--gap-6);
  padding: var(--p-8) var(--p-6) var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-direct-done__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.my-cancel-direct-done__icon {
  color: var(--brand-blue-normal);
}
.my-cancel-direct-done__title {
  margin: var(--gap-4) 0 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-cancel-direct-done__desc {
  margin: var(--gap-1-5) 0 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-direct-done__info {
  padding: var(--p-5);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
}
.my-cancel-direct-done__divider {
  margin: var(--gap-4) 0 0;
  border: 0;
  border-top: var(--stroke-1) solid var(--border-line-normal);
}
.my-cancel-direct-done__detail {
  margin-top: var(--gap-4);
}
.my-cancel-direct-done__detail-label {
  display: block;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-direct-done__detail-text {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-cancel-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-8);
  margin-top: var(--gap-6);
  padding: var(--p-8) var(--p-6) var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-cancel-done__result {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-4);
  text-align: center;
}
.my-cancel-done__result-text {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1-5);
}
.my-cancel-done__title {
  margin: 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-cancel-done__desc {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-done__info {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
}
.my-cancel-done__contact .my-cancel-infobox__title + .my-cancel-infobox__list {
  margin-top: var(--gap-1-5);
}
.my-cancel-done__divider {
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: var(--border-line-muted);
}
.my-cancel-done__process {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--gap-5);
  margin: 0;
  padding: 0 var(--p-3);
  list-style: none;
}
.my-cancel-done__process li {
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-done__process .icon {
  color: var(--fill-alpha-black-muted);
}

.my-cancel-bundle-intro {
  margin: 0;
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-cancel-bundle-intro em {
  font-style: normal;
  color: var(--brand-blue-normal);
}

.my-cancel-bundle {
  margin: var(--gap-6) 0 0;
  padding: 0;
  list-style: none;
}
.my-cancel-bundle li + li {
  margin-top: var(--gap-5);
}
.my-cancel-bundle__info {
  margin-top: var(--gap-2);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}

.my-revoke__title {
  margin: var(--gap-12) 0 0;
  padding: 0 var(--p-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.my-revoke-history {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-4);
  margin: var(--gap-6) 0 0;
  padding: 0;
  list-style: none;
}
.my-revoke-history > li:only-child {
  grid-column: 1/-1;
}
.my-revoke-history__card {
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-revoke-history__badge {
  display: inline-flex;
}
.my-revoke-history__cell {
  margin-top: var(--gap-3);
}
.my-revoke-history__meta {
  margin: var(--gap-3) 0 0;
  padding-top: var(--gap-3);
  border-top: 1px solid var(--border-line-muted);
}
.my-revoke-history__meta > div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-2);
  padding: var(--p-1) 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.my-revoke-history__meta dt {
  color: var(--label-soft);
}
.my-revoke-history__meta dd {
  margin: 0;
  color: var(--label-normal);
}
.my-revoke-history__cancel {
  width: 100%;
  margin-top: var(--gap-3);
}

.my-revoke-more {
  display: flex;
  justify-content: center;
  margin-top: var(--gap-2);
  padding: var(--p-3) 0;
}

.my-revoke-empty {
  margin-top: var(--gap-6);
}

.confirm-agree {
  padding-bottom: var(--p-18);
}

.identity-host__desc {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-body-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.identity-host .btn {
  margin-top: var(--gap-5);
}

.identity-cert__desc {
  margin: 0;
  font-size: var(--font-size-component-large);
  color: var(--label-soft);
  line-height: 1.6;
}
.identity-cert__list {
  margin: var(--gap-6) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
.identity-cert__method {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--gap-3);
  width: 100%;
  padding: var(--p-4);
  border: 0;
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
  color: var(--label-normal);
  text-align: left;
  cursor: pointer;
}
.identity-cert__method:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.identity-cert__method::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.identity-cert__method:hover::before {
  opacity: 0.0375;
}
.identity-cert__method:active::before, .identity-cert__method[aria-expanded=true]::before {
  opacity: 0.09;
}
.identity-cert__badge {
  width: 36px;
  height: 36px;
}
.identity-cert__label {
  flex: 1;
  min-width: 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) {
  .identity-cert__list {
    margin-top: var(--gap-7);
  }
}
.identity-simpleauth__title {
  margin: 0;
  margin-top: var(--gap-5);
  font-size: var(--font-size-title-xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.identity-simpleauth__fields {
  margin-top: var(--gap-8);
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
}
.identity-simpleauth__agree {
  margin-top: var(--gap-8);
  margin-bottom: var(--gap-10);
}
@media (min-width: 768px) {
  .identity-simpleauth__agree {
    margin-bottom: 0;
  }
}

.identity-cert-request {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--gap-4);
}
.identity-cert-request__icon {
  color: var(--brand-blue-normal);
}
.identity-cert-request__head {
  margin-top: var(--gap-4);
  text-align: center;
}
.identity-cert-request__title {
  margin: 0;
  font-size: var(--font-size-component-xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}
.identity-cert-request__desc {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.identity-cert-request__notice {
  align-self: stretch;
  margin-top: var(--gap-6);
  padding: var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
}
.identity-cert-request__notice-title {
  margin: 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-muted);
  line-height: 1.6;
}
.identity-cert-request__notice-list {
  margin: var(--gap-2) 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
}
.identity-cert-request__notice-list li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.identity-cert-request__notice-list li::before {
  content: "·";
  position: absolute;
  left: var(--gap-1);
}

.captcha {
  margin-top: var(--gap-8);
}
.captcha__heading {
  display: block;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}
.captcha__row {
  margin-top: var(--gap-2);
  display: flex;
  gap: var(--gap-2);
}
.captcha__image {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border: 1px solid var(--border-box-normal);
  border-radius: var(--rounded-xl);
  background: var(--fill-normal);
  overflow: hidden;
}
.captcha__sample {
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  font-style: italic;
  letter-spacing: 4px;
  color: var(--label-soft);
  text-decoration: line-through;
}
.captcha__tools {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
.captcha__tool {
  gap: var(--gap-1);
  white-space: nowrap;
}
.captcha__field {
  margin-top: var(--gap-2);
}

.phone-auth__agree {
  margin-top: var(--gap-8);
}

.phone-code {
  margin-top: var(--gap-8);
}
.phone-code [data-scope=error] + [data-scope=error] {
  margin-top: var(--gap-6);
}

.phone-code-guide {
  margin-top: var(--gap-4);
  padding: var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
}
.phone-code-guide__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-2);
}
.phone-code-guide__list li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-small);
  color: var(--label-soft);
  line-height: 1.6;
}
.phone-code-guide__list li::before {
  content: "·";
  position: absolute;
  left: 3px;
}
.phone-code-guide__actions {
  margin-top: var(--gap-4);
  display: flex;
  gap: var(--gap-2);
}
.phone-code-guide__btn {
  flex: 1;
}

.identity-terms {
  margin-top: var(--p-5);
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
}
.identity-terms__article {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
}
.identity-terms__heading {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.identity-terms__body {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-regular);
  color: var(--label-muted);
  line-height: 1.6;
}

.my-discount-product {
  margin-inline: calc(var(--p-5) * -1);
  padding: 0 var(--p-5) var(--p-4);
  background: var(--background-elevated-normal);
}

.my-discount-benefit {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: var(--gap-8);
  padding: var(--p-5) var(--p-4);
  border-radius: var(--rounded-2xl);
  background: var(--background-elevated-normal);
}
.my-discount-benefit__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-2);
  min-width: 0;
  padding-inline: var(--p-2);
}
.my-discount-benefit__item + .my-discount-benefit__item::before {
  content: "";
  position: absolute;
  inset-block: var(--gap-3);
  inset-inline-start: 0;
  width: 1px;
  background: var(--border-line-normal);
}
.my-discount-benefit__icon {
  color: var(--label-normal);
}
.my-discount-benefit__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
.my-discount-benefit__label {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-discount-benefit__value {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}

.my-discount-section {
  margin-top: var(--gap-8);
}
.my-discount-section__head {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  padding-left: var(--p-1);
}
.my-discount-section__title {
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}
.my-discount-section__summary {
  margin-left: auto;
  font-size: var(--font-size-component-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-discount-section__body {
  margin-top: var(--gap-4);
}
.my-discount-section__more {
  margin-top: var(--gap-2);
  padding: var(--p-3) 0;
  text-align: center;
}

.my-discount-coupon,
.my-discount-history,
.my-discount-empty--card {
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--background-elevated-normal);
}

.my-discount-coupon {
  display: flex;
  flex-direction: column;
}
.my-discount-coupon + .my-discount-coupon {
  margin-top: var(--gap-2);
}
.my-discount-coupon__info {
  min-width: 0;
}
.my-discount-coupon__benefit {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}
.my-discount-coupon__name {
  margin-top: var(--gap-1);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.my-discount-coupon__expiry {
  margin-top: var(--gap-2);
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-discount-coupon__join {
  align-self: flex-end;
  margin-top: var(--gap-4);
}

.my-discount-history__item {
  display: flex;
  align-items: center;
  gap: var(--gap-3);
}
.my-discount-history__item + .my-discount-history__item {
  margin-top: var(--gap-4);
  padding-top: var(--gap-4);
  border-top: 1px solid var(--border-line-normal);
}
.my-discount-history__info {
  flex: 1;
  min-width: 0;
}
.my-discount-history__name {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.my-discount-history__date {
  margin-top: var(--gap-1);
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-discount-history__amount {
  flex-shrink: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}

.my-discount-empty {
  display: flex;
  align-items: center;
  justify-content: center;
}

.my-discount-empty--card {
  min-height: 240px;
  margin-top: var(--gap-4);
}

.my-discount-empty--page {
  min-height: 570px;
  margin-top: var(--p-8);
}

@media (min-width: 768px) {
  .my-discount-product {
    margin-top: var(--gap-6);
    margin-inline: 0;
    padding: 0;
    background: none;
  }
  .my-discount-benefit {
    margin-top: var(--gap-6);
    padding: var(--p-5);
  }
  .my-discount-section {
    margin-top: var(--gap-12);
  }
  .my-discount-section__body {
    margin-top: var(--gap-6);
  }
  .my-discount-coupon,
  .my-discount-history,
  .my-discount-empty--card {
    padding: var(--p-6);
  }
  .my-discount-coupon {
    flex-direction: row;
    align-items: center;
    gap: var(--gap-5);
  }
  .my-discount-coupon + .my-discount-coupon {
    margin-top: var(--gap-3);
  }
  .my-discount-coupon__info {
    flex: 1;
  }
  .my-discount-coupon__expiry {
    margin-top: var(--gap-4);
    font-size: var(--font-size-component-small);
  }
  .my-discount-coupon__join {
    align-self: center;
    margin-top: 0;
  }
  .my-discount-history__item + .my-discount-history__item {
    margin-top: var(--gap-5);
    padding-top: var(--gap-5);
  }
  .my-discount-history__name {
    -webkit-line-clamp: 1;
    line-clamp: 1;
    gap: var(--gap-2);
  }
  .my-discount-empty--card {
    margin-top: var(--gap-6);
  }
  .my-discount-empty--page {
    min-height: 420px;
    margin-top: var(--p-6);
  }
}
.my-addon-scope {
  margin-inline: calc(var(--p-5) * -1);
  padding: 0 var(--p-5) var(--p-4);
  background: var(--background-normal);
}

@media (min-width: 768px) {
  .my-addon-scope {
    margin-inline: 0;
    margin-top: var(--gap-6);
    padding: 0;
  }
}
.my-layout__content .my-addon-tabs > .tabs__panel {
  margin-top: var(--p-5);
}
@media (min-width: 768px) {
  .my-layout__content .my-addon-tabs > .tabs__panel {
    margin-top: var(--gap-6);
  }
}

.my-addon-notice .my-notice__text {
  font-weight: var(--font-weight-medium);
}

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

.my-addon-section__title {
  margin: 0;
  padding-left: var(--p-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.my-addon-section__title + * {
  margin-top: var(--gap-4);
}
@media (min-width: 768px) {
  .my-addon-section__title + * {
    margin-top: var(--gap-6);
  }
}

.my-addon-section__title + .tabs {
  margin-top: var(--gap-1);
}
@media (min-width: 768px) {
  .my-addon-section__title + .tabs {
    margin-top: var(--gap-2);
  }
}

.my-addon-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
}

@media (min-width: 768px) {
  .my-addon-list--grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}

.my-addon-card {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

.my-addon-card > .badge {
  align-self: flex-start;
}

.my-addon-card__name {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-addon-card__divider {
  width: 100%;
  height: 1px;
  margin: 0;
  border: 0;
  background: var(--border-line-muted);
}

.my-addon-card__action {
  width: 100%;
}

.my-addon-card__actions {
  display: flex;
  gap: var(--gap-2);
}
.my-addon-card__actions .my-addon-card__action {
  flex: 1;
  width: auto;
}

.my-addon-more {
  margin-top: var(--gap-4);
  display: flex;
  justify-content: center;
  padding-block: var(--p-3);
}

.my-addon-modal__title {
  margin: var(--p-5) 0 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
  color: var(--label-normal);
}

.my-addon-modal__notes + .my-addon-modal__title,
.my-addon-modal__options + .my-addon-modal__title {
  margin-top: var(--gap-8);
}

.my-addon-modal__table {
  margin-top: var(--gap-4);
}
.my-addon-modal__table .data-table {
  font-size: var(--font-size-component-small);
}
.my-addon-modal__table .data-table tbody td {
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  text-align: center;
}

.my-addon-modal__notes {
  margin: var(--gap-3) 0 0;
  padding: 0;
  list-style: none;
}
.my-addon-modal__notes li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-addon-modal__notes li::before {
  content: "·";
  position: absolute;
  left: 0;
}
.my-addon-modal__notes li + li {
  margin-top: var(--gap-1);
}

.my-addon-modal__field {
  margin-top: var(--gap-4);
}

body.my-addon-page > .popover.select__panel {
  max-height: min(var(--popover-max-height, 240px), 202px);
}

.my-addon-modal__confirm {
  margin-top: var(--gap-8);
  padding-block: var(--p-4);
}

.my-addon-modal__options {
  margin: var(--gap-4) 0 0;
  padding: 0;
  list-style: none;
}
.my-addon-modal__options li {
  padding-block: var(--p-2);
}

.my-addon-modal__notice {
  margin-top: var(--gap-8);
  padding-top: var(--gap-5);
  border-top: 1px solid var(--border-line-muted);
}

.my-addon-modal__notice-title {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.my-addon-modal__notice-lead {
  margin: var(--gap-3) 0 0;
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-addon-modal__notice-list {
  margin: var(--gap-1) 0 0;
  padding: 0;
  list-style: none;
}
.my-addon-modal__notice-list li {
  position: relative;
  padding-left: var(--gap-3);
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-addon-modal__notice-list li::before {
  content: "·";
  position: absolute;
  left: 0;
}
.my-addon-modal__notice-list li + li {
  margin-top: var(--gap-1);
}

@media (min-width: 768px) {
  body.my-addon-apply-page {
    background: var(--background-strong);
  }
}

.my-addon-apply__card {
  margin-top: var(--p-5);
  padding: var(--p-4) var(--p-5);
  border: var(--stroke-1) solid var(--brand-blue-alpha-normal);
  border-radius: var(--rounded-xl);
  background: var(--fill-normal);
}

.my-addon-apply__name {
  margin: 0;
  overflow: hidden;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-addon-apply__price {
  margin: var(--gap-1-5) 0 0;
  display: flex;
  align-items: center;
  gap: var(--gap-0-5);
  color: var(--label-normal);
}
.my-addon-apply__price strong {
  font-size: var(--font-size-component-2xlarge);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}
.my-addon-apply__price span {
  font-size: var(--font-size-component-xsmall);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
}

.my-addon-apply__agree {
  margin-top: var(--gap-2);
}
.my-addon-apply__agree .agreement__item {
  padding-block: var(--p-4);
}

.my-addon-apply__action {
  margin-top: var(--gap-8);
}
.my-addon-apply__action .btn {
  width: 100%;
}

@media (min-width: 768px) {
  .my-addon-apply__card {
    margin-top: var(--gap-6);
  }
  .my-addon-apply__price {
    margin-top: var(--gap-2);
  }
  .my-addon-apply__agree {
    margin-top: var(--gap-6);
  }
  .my-addon-apply__action {
    margin-top: var(--gap-6);
  }
  .my-addon-apply__action .btn {
    width: auto;
    min-width: 210px;
  }
}
.my-addon-btv__band {
  margin-top: var(--gap-8);
  margin-inline: calc(-1 * var(--p-5));
  width: auto;
}

.my-addon-btv-section {
  margin-top: var(--gap-8);
}

.my-addon-btv-section__title {
  margin: 0;
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.4;
}

.my-addon-btv-section__title + * {
  margin-top: var(--gap-4);
}

.my-addon-btv-choice {
  display: grid;
  gap: var(--gap-2);
}
.my-addon-btv-choice__box {
  position: relative;
  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;
}
.my-addon-btv-choice__box::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-addon-btv-choice__box:hover::before {
  opacity: 0.0375;
}
.my-addon-btv-choice__box:active::before, .my-addon-btv-choice__box[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-addon-btv-choice__box:has(.my-addon-btv-choice__input:checked) {
  border-color: var(--border-box-ultra);
}
.my-addon-btv-choice__box:has(.my-addon-btv-choice__input:checked) .my-addon-btv-choice__label {
  color: var(--label-normal);
  font-weight: var(--font-weight-semibold);
}
.my-addon-btv-choice__box:has(.my-addon-btv-choice__input:focus-visible) {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-addon-btv-choice__input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.my-addon-btv-choice__label {
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-addon-btv-choice__price {
  display: flex;
  align-items: center;
  gap: var(--gap-0-5);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-addon-btv-choice__price strong {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
}
.my-addon-btv-choice__price span {
  font-size: var(--font-size-component-2xsmall);
  font-weight: var(--font-weight-semibold);
}
.my-addon-btv-choice__badge {
  position: absolute;
  top: -8px;
  right: 7px;
}

.my-addon-btv-fields {
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
}

.my-addon-btv-summary {
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}

.my-addon-btv__agree {
  margin-top: var(--gap-8);
}
.my-addon-btv__agree .agreement__item {
  padding-block: var(--p-4);
}

@media (min-width: 768px) {
  .my-addon-btv__band {
    display: none;
  }
  .my-addon-btv-section {
    margin-top: var(--gap-4);
    padding: var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--fill-normal);
  }
  .my-addon-apply__card + .my-addon-btv__band + .my-addon-btv-section {
    margin-top: var(--gap-12);
  }
  .my-addon-btv-choice {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-4);
  }
  .my-addon-btv__agree {
    margin-top: var(--gap-6);
  }
}
.agreement-modal__title + .relocation-terms__lead {
  margin-top: var(--gap-2);
}

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

.relocation-terms__lead + .relocation-terms-table,
.relocation-terms__box {
  margin-top: var(--gap-4);
}

.relocation-terms__box {
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-strong);
}

.relocation-terms__box-item + .relocation-terms__box-item {
  margin-top: var(--gap-4);
  padding-top: var(--gap-4);
  border-top: 1px solid var(--border-line-normal);
}

.relocation-terms__box-title {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
  line-height: 1.6;
}

.relocation-terms__box-desc {
  margin: var(--gap-2) 0 0;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-regular);
  color: var(--label-soft);
  line-height: 1.6;
}

.relocation-terms__box + .relocation-terms-table {
  margin-top: var(--gap-4);
}

.relocation-terms-table + .relocation-terms__note {
  margin-top: var(--gap-4);
  margin-bottom: var(--gap-14);
}

.relocation-terms__note {
  margin: 0;
  padding: var(--p-3);
  border-radius: var(--rounded-xl);
  background: var(--fill-strong);
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
  text-align: center;
}

@media (min-width: 768px) {
  body.phone-number-page {
    background: var(--background-strong);
  }
}

body.phone-number-page .header__mobile {
  display: none;
}

body.phone-number-page #main {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.phone-number-page #main {
    padding-bottom: var(--p-18);
  }
}

@media (min-width: 768px) {
  .phone-number-guard {
    display: none;
  }
}

.phone-number-desktop {
  display: none;
}
@media (min-width: 768px) {
  .phone-number-desktop {
    display: block;
  }
}

body.phone-number-page .my-floating {
  display: none;
}
@media (min-width: 768px) {
  body.phone-number-page .my-floating {
    display: block;
  }
}

.phone-number__scope {
  margin-top: var(--gap-6);
}

.phone-number-tabs {
  margin-top: var(--gap-6);
}

.my-layout__content .phone-number-tabs > .tabs__panel {
  margin-top: var(--gap-6);
}

.phone-number__card {
  margin-top: var(--p-12);
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

.phone-number__lookup {
  padding: 0;
  border: 0;
  background: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.phone-number__lookup:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}

.phone-number__desc {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-1-5);
  padding: var(--p-3);
  border-radius: var(--rounded-md);
  background: var(--fill-strong);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.phone-number__action {
  margin-top: var(--gap-6);
}
.phone-number__action .btn {
  min-width: 210px;
}

.phone-number__port {
  margin-top: var(--p-12);
}

.phone-number__port-status {
  margin-top: var(--p-12);
}

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

.phone-number__port-card {
  margin-top: var(--gap-6);
  display: flex;
  align-items: flex-start;
  gap: var(--gap-3);
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.phone-number__port-card .select {
  flex: 0 0 90px;
}

.phone-number__port-number {
  flex: 1 1 auto;
  min-width: 0;
}

.phone-number__port-status .nodata {
  margin-top: var(--gap-6);
}

.phone-number__status-card {
  margin-top: var(--gap-6);
  padding: var(--p-3) var(--p-3) var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

.phone-number__status-steps {
  margin: 0;
  padding: var(--p-4) var(--p-5);
  list-style: none;
  display: flex;
  align-items: center;
  border-radius: var(--rounded-lg);
  background: var(--fill-strong);
}

.phone-number__status-step {
  display: flex;
  align-items: center;
  font-size: var(--font-size-body-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-disabled);
  line-height: 1.6;
}
.phone-number__status-step:not(:first-child) {
  flex: 1 1 0;
}
.phone-number__status-step:not(:first-child)::before {
  content: "";
  flex: 1 1 auto;
  height: 1px;
  margin-inline: var(--gap-10);
  background: var(--border-line-normal);
}
.phone-number__status-step[aria-current=step] {
  color: var(--brand-blue-normal);
}

.phone-number__status-num {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-right: var(--gap-1-5);
  border-radius: var(--rounded-full);
  background: var(--fill-heavy);
  font-size: var(--font-size-component-2xsmall);
  color: var(--label-inverse-normal);
  line-height: 1;
}
[aria-current=step] .phone-number__status-num {
  background: var(--brand-blue-normal);
}

.phone-number__status-info {
  margin-top: var(--gap-6);
  padding-inline: var(--p-3);
}

.phone-hope__region {
  margin: var(--gap-5) 0 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

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

.phone-hope__steps[data-step=gukbeon] .phone-hope__summary,
.phone-hope__steps[data-step=gukbeon] .phone-hope__panel--number,
.phone-hope__steps[data-step=number] .phone-hope__panel--gukbeon,
.phone-hope__steps[data-step=number] .phone-hope__collapsed {
  display: none;
}

.phone-hope__panel {
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
  padding: var(--p-5) var(--p-6);
  border: 1px solid var(--border-line-strong);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

.phone-hope__panel-title {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}

.phone-hope__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: var(--gap-2);
}
.phone-hope__grid li {
  padding-block: var(--p-2);
}

.phone-hope__result {
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
}

.phone-hope__more {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-5);
}
.phone-hope__more .divider {
  width: 100%;
}

.phone-hope__summary {
  display: flex;
  align-items: center;
  gap: var(--gap-2);
  padding: var(--p-5) var(--p-6);
  border: 1px solid var(--border-line-normal);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

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

.phone-hope__change {
  margin-left: auto;
}

.phone-hope__collapsed {
  position: relative;
  display: block;
  width: 100%;
  padding: var(--p-5) var(--p-6);
  border: 1px solid var(--border-line-strong);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
  text-align: left;
  cursor: pointer;
}
.phone-hope__collapsed:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.phone-hope__collapsed::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.phone-hope__collapsed:hover::before {
  opacity: 0.0375;
}
.phone-hope__collapsed:active::before, .phone-hope__collapsed[aria-expanded=true]::before {
  opacity: 0.09;
}

.phone-hope__search-guide {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}

.phone-hope__search-lead {
  margin: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
  line-height: 1.6;
}

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

.phone-hope__number-input {
  display: flex;
  align-items: center;
}
.phone-hope__number-input .field:not(.phone-hope__number-search) {
  flex: 0 0 100px;
}

.phone-hope__number-sep {
  padding-inline: var(--gap-1-5);
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-disabled);
}

.phone-hope__number-search {
  flex: 1 1 auto;
  min-width: 0;
}

@media (min-width: 768px) {
  body.settop-auth-page {
    background: var(--background-strong);
  }
}

body.settop-auth-page .header__mobile {
  display: none;
}

body.settop-auth-page #main {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  body.settop-auth-page #main {
    padding-bottom: var(--p-18);
  }
}

@media (min-width: 768px) {
  .settop-auth-guard {
    display: none;
  }
}

.settop-auth-desktop {
  display: none;
}
@media (min-width: 768px) {
  .settop-auth-desktop {
    display: block;
  }
}

body.settop-auth-page .my-floating {
  display: none;
}
@media (min-width: 768px) {
  body.settop-auth-page .my-floating {
    display: block;
  }
}

.settop-auth__scope {
  margin-top: var(--gap-6);
}

.settop-auth__section {
  margin-top: var(--p-12);
}

.settop-auth__section-title {
  padding-left: var(--p-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
}

.settop-auth__section-title ~ * {
  margin-top: var(--gap-6);
}

.settop-auth__card {
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}

.settop-auth__note {
  margin-top: var(--gap-5);
  padding: var(--p-3);
  border-radius: var(--rounded-md);
  background: var(--fill-strong);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
  color: var(--label-soft);
  text-align: center;
}

.settop-auth__list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-3);
}

.settop-auth__box {
  display: flex;
  align-items: center;
  gap: var(--gap-5);
  padding: var(--p-5) var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.settop-auth__box .btn {
  flex-shrink: 0;
}

.settop-auth__box-icon {
  flex-shrink: 0;
}

.settop-pw__fields {
  margin-top: var(--gap-5);
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
}

@media (min-width: 768px) {
  body.my-phone-page {
    background: var(--background-strong);
  }
}

.my-phone-guard {
  display: flex;
  flex-direction: column;
  min-height: calc(100dvh - 56px - env(safe-area-inset-top, 0px) - var(--p-18));
}
.my-phone-guard__body {
  flex: 1 0 auto;
  padding: var(--p-20) 0 var(--p-12);
}
.my-phone-guard .button-action {
  position: sticky;
  bottom: 0;
  z-index: 1;
}
@media (min-width: 768px) {
  .my-phone-guard {
    display: none;
  }
}

.my-phone-desktop {
  display: none;
}
@media (min-width: 768px) {
  .my-phone-desktop {
    display: block;
  }
}

.my-phone-scope {
  margin-top: var(--gap-6);
}

.my-phone-empty {
  margin-top: var(--gap-3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}
.my-phone-empty .nodata__title {
  word-break: keep-all;
}
.my-phone-empty--page {
  margin-top: var(--gap-6);
}

.my-phone-tabs {
  margin-top: var(--gap-8);
}

.my-phone-toolbar {
  margin-top: var(--gap-5);
}

.my-phone-notice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  margin-top: var(--gap-3);
  padding: var(--p-3) var(--p-4);
  border-radius: var(--rounded-xl);
  background: var(--fill-heavy);
}
.my-phone-notice__text {
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  margin: 0;
  min-width: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-phone-notice__text .icon {
  flex-shrink: 0;
}
.my-phone-notice__range {
  flex-shrink: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}

.my-phone-benefits {
  margin-top: var(--gap-2);
}
.my-phone-benefits.accordion--separated {
  gap: var(--gap-4);
}
.my-phone-benefits.accordion--separated .accordion__trigger {
  border-bottom: none;
}

.my-phone-notes-sub {
  margin-top: var(--gap-1);
}

.my-phone-list {
  margin-top: var(--gap-2);
  padding: var(--p-6);
  border-radius: var(--rounded-2xl);
  background: var(--background-normal);
}

.my-phone-day + .my-phone-day {
  margin-top: var(--gap-8);
}
.my-phone-day__date {
  margin: 0;
  padding-bottom: var(--gap-2);
  border-bottom: 1px 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;
}

.my-phone-calls {
  margin: var(--gap-5) 0 0;
  padding: 0;
  list-style: none;
}

.my-phone-call + .my-phone-call {
  margin-top: var(--gap-5);
}
.my-phone-call__main {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-3);
}
.my-phone-call__num {
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-medium);
  color: var(--label-normal);
}
.my-phone-call__amount {
  flex-shrink: 0;
  font-size: var(--font-size-component-large);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
}
.my-phone-call__meta {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--gap-3);
  margin-top: var(--gap-0-5);
}
.my-phone-call__tags {
  display: flex;
  align-items: center;
  min-width: 0;
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-phone-call__tags > span:not(:first-child)::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 7px;
  margin: 0 var(--gap-1-5);
  background: var(--border-line-normal);
  vertical-align: middle;
}
.my-phone-call__duration {
  flex-shrink: 0;
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-phone-more {
  margin-top: var(--gap-6);
  text-align: center;
}

.my-phone-freecall {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-26);
  width: 100%;
  min-height: 80px;
  margin-top: var(--gap-12);
  padding: 0;
  border: 0;
  border-radius: var(--rounded-2xl);
  overflow: hidden;
  background: var(--brand-blue-subtle);
  text-align: left;
  cursor: pointer;
}
.my-phone-freecall::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-phone-freecall:hover::before {
  opacity: 0.0375;
}
.my-phone-freecall:active::before, .my-phone-freecall[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-phone-freecall:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-phone-freecall__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap-1);
  min-width: 0;
}
.my-phone-freecall__title {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
}
.my-phone-freecall__desc {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-0-5);
  font-size: var(--font-size-caption-medium);
  color: var(--label-muted);
}
.my-phone-freecall__icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}

.freecall-phone {
  margin-top: var(--p-8);
}

.my-freecall {
  display: flex;
  flex-direction: column;
  margin-top: var(--gap-5);
}
.my-freecall__result {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--gap-1-5);
  margin: 0;
  padding: var(--p-3);
  border-radius: var(--rounded-lg);
  font-size: var(--font-size-caption-medium);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.my-freecall__result .icon {
  flex-shrink: 0;
}
.my-freecall__result--target {
  margin-top: var(--p-4);
  background: var(--brand-blue-subtle);
  color: var(--brand-blue-normal);
}
.my-freecall__result--none {
  margin-top: var(--p-4);
  background: var(--brand-red-weak);
  color: var(--brand-red-normal);
}

.my-subscription-notice {
  margin-top: var(--p-5);
}

.my-subscription-toolbar {
  margin-top: var(--gap-4);
}

.my-subscription-list {
  margin-top: var(--gap-2);
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--gap-5);
}

.my-subscription-card {
  border-radius: var(--rounded-2xl);
  background: var(--background-normal);
  overflow: clip;
  padding: var(--p-3);
}
.my-subscription-card__addr-box {
  padding: var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-subtle);
}
.my-subscription-card__addr-label {
  margin: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-subscription-card__addr-row {
  margin-top: var(--gap-0-5);
  display: flex;
  align-items: center;
  gap: var(--gap-2);
}
.my-subscription-card__addr-value {
  flex: 1;
  min-width: 0;
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-subscription-card__addr-link {
  flex-shrink: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.my-subscription-card__addr-link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-subscription-card__products {
  padding-top: var(--p-3);
}

.my-subscription-product:not(:first-child) {
  margin-top: var(--gap-3);
}
.my-subscription-product__trigger {
  padding: var(--gap-3);
  margin-bottom: var(--gap-3);
  border-radius: var(--rounded-lg);
}
.my-subscription-product:last-child {
  border-bottom: none;
}
.my-subscription-product__detail {
  padding-inline: var(--gap-3);
  padding-bottom: var(--gap-3);
}
.my-subscription-product__head {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--gap-2);
}
.my-subscription-product__badge {
  flex-shrink: 0;
}
.my-subscription-product__text {
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.my-subscription-product__name {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-subscription-product__sub {
  font-size: var(--font-size-body-small);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-subscription-info__range {
  font-weight: var(--font-weight-regular);
}

.my-subscription-product__actions {
  margin-top: var(--gap-5);
  display: flex;
  gap: var(--gap-2);
}
.my-subscription-product__actions > .btn {
  flex: 1;
}

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

.my-layout__content .my-suspend-tabs .tabs__panel {
  margin-top: 0;
}

.my-suspend__title {
  margin: var(--gap-8) 0 0;
  padding: 0 var(--p-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}

.my-suspend-scope {
  margin-top: var(--gap-4);
}

.my-suspend-form {
  margin-top: var(--gap-8);
}

.my-suspend-quick {
  margin-top: var(--gap-4);
  display: flex;
  gap: var(--gap-2);
}
.my-suspend-quick__chip {
  position: relative;
  padding: var(--p-1-5) var(--p-3);
  border: 0;
  border-radius: var(--rounded-full);
  background: var(--fill-alpha-black-soft);
  font: inherit;
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
  cursor: pointer;
}
.my-suspend-quick__chip:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-suspend-quick__chip::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-suspend-quick__chip:hover::before {
  opacity: 0.0375;
}
.my-suspend-quick__chip:active::before, .my-suspend-quick__chip[aria-expanded=true]::before {
  opacity: 0.09;
}

.my-suspend-action {
  margin-top: var(--gap-8);
}
.my-suspend-action__btn {
  width: 100%;
}

.my-suspend-history {
  margin: var(--gap-4) 0 0;
  padding: 0;
  list-style: none;
}
.my-suspend-history li + li {
  margin-top: var(--gap-4);
}
.my-suspend-history__card {
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--fill-normal);
}
.my-suspend-history__badge {
  display: inline-flex;
}
.my-suspend-history__cell {
  margin-top: var(--gap-3);
}
.my-suspend-history__meta {
  display: flex;
  align-items: baseline;
  gap: var(--gap-2);
  margin: var(--gap-3) 0 0;
  padding: calc(var(--gap-3) + var(--p-1)) 0 var(--p-1);
  border-top: 1px solid var(--border-line-muted);
  font-size: var(--font-size-component-small);
  font-weight: var(--font-weight-medium);
  line-height: 1.6;
}
.my-suspend-history__meta dt {
  color: var(--label-soft);
}
.my-suspend-history__meta dd {
  margin: 0 0 0 auto;
  color: var(--label-normal);
  text-align: right;
}
.my-suspend-history__cancel {
  width: 100%;
  margin-top: var(--gap-3);
}

@media (min-width: 768px) {
  .my-suspend__title {
    margin-top: var(--gap-12);
  }
  .my-suspend-scope {
    margin-top: var(--gap-6);
  }
  .my-suspend-form {
    margin-top: var(--gap-6);
    padding: var(--p-6);
    border-radius: var(--rounded-2xl);
    background: var(--fill-normal);
  }
  .my-suspend-history {
    margin-top: var(--gap-6);
  }
  .my-suspend-history__meta {
    font-size: var(--font-size-component-medium);
  }
  .my-suspend-quick {
    margin-top: var(--gap-5);
  }
  .my-suspend-quick__chip {
    padding: var(--p-2) var(--p-4);
    font-size: var(--font-size-component-medium);
  }
  .my-suspend-action {
    margin-top: var(--gap-6);
  }
  .my-suspend-action__btn {
    width: 210px;
  }
}
.header__heading {
  margin: 0;
  padding: 0 var(--p-3);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-title-xlarge);
  line-height: 1.4;
}

.my-notice-section {
  margin-top: var(--p-5);
}

/* 2026-07-24 수정 #0724-34 : 첫 섹션 간격 기준을 my-layout__title→my-layout__name(사용자명)으로 교체 */
.my-notice-section[data-scope-hidden] + .my-section,
.my-layout__name + .my-section {
  margin-top: var(--p-5);
}

.my-notice-section + .my-section {
  margin-top: var(--p-5);
}

.my-section {
  margin-top: var(--gap-12);
}
.my-section__title {
  margin: 0;
  padding: 0 var(--p-1);
  font-size: var(--font-size-title-medium);
  font-weight: var(--font-weight-bold);
  line-height: 1.4;
}
.my-section__title-link {
  padding: 0 var(--p-1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--gap-2);
  color: inherit;
  text-decoration: none;
}
.my-section__title-link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-section__chevron {
  color: var(--label-soft);
}
.my-section .section-title__heading {
  font-size: var(--font-size-title-medium);
}

.my-layout__content {
  /* 2026-07-16 수정 #0716-19 : my 카테고리 칩 탭 스트립(tabs__strip) 상단 여백 추가 */
  /* 2026-07-24 수정 #0724-40 시작 : my 탭 재정의 셀렉터를 자식 결합자(> .tabs__strip)로 한정 — 패널 안 중첩 칩 탭 오염 방지 */
}
.my-layout__content .tabs--chip > .tabs__strip {
  margin-top: var(--gap-1);
}
.my-layout__content .tabs--chip > .tabs__strip > .tabs__list {
  padding: var(--p-3) 0;
}
.my-layout__content .tabs--bar > .tabs__strip > .tabs__list {
  padding: 0;
  scroll-padding-inline: 0;
}
.my-layout__content .tabs--bar > .tabs__strip {
  margin-inline: calc(-1 * var(--p-5));
  padding-inline: var(--gap-3);
}
.my-layout__content {
  /* #0724-40 끝 */
}
.my-layout__content .tabs__panel {
  margin-top: var(--gap-0-5);
}

.my-card {
  margin-top: var(--gap-4);
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--background-elevated-normal);
}
.my-card__divider {
  margin: var(--gap-5) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-normal);
}
.my-card__action {
  margin-top: var(--gap-4);
  text-align: center;
}
.my-card__links {
  margin-top: var(--gap-4);
  display: flex;
  justify-content: center;
  gap: var(--gap-4);
}

.my-card.my-card--flush {
  padding: 0;
}

.my-application-list,
.my-billing-list,
.my-btv-list {
  margin-top: var(--gap-4);
}
.my-application-list .my-card,
.my-billing-list .my-card,
.my-btv-list .my-card {
  margin-top: 0;
}
.my-application-list .my-card + .my-card,
.my-billing-list .my-card + .my-card,
.my-btv-list .my-card + .my-card {
  margin-top: var(--gap-8);
}

body.bg-gray .notes {
  margin-top: var(--gap-18);
}
@media (min-width: 768px) {
  body.bg-gray .notes {
    margin-top: var(--gap-20);
  }
}

body.my-phone-page .notes {
  margin-top: var(--gap-20);
}

body.my-cancel-page .notes {
  margin-top: var(--gap-20);
}

body.my-addon-apply-page .notes {
  margin-top: var(--gap-18);
}
@media (min-width: 768px) {
  body.my-addon-apply-page .notes {
    margin-top: var(--gap-20);
  }
}

body.my-checkout-page .notes {
  margin-top: var(--gap-18);
}
@media (min-width: 768px) {
  body.my-checkout-page .notes {
    margin-top: var(--gap-20);
  }
}

.my-product {
  padding: var(--p-3) var(--p-3) var(--p-1);
}
.my-product__box {
  padding: var(--p-4);
  border-radius: var(--rounded-lg);
  background: color-mix(in srgb, var(--brand-blue-subtle) 64%, transparent);
}
.my-product__name {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1);
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-product__title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.my-product__count {
  flex-shrink: 0;
}
.my-product__addr {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-body-medium);
  color: var(--label-muted);
  line-height: 1.6;
}

/* 2026-07-24 수정 #0724-33 : 신청 내역 카드 스타일을 MyApplication 공통(my.css 내 .my-application)으로 이관 — 여기엔 리스트 간격만 */
.my-application-list {
  margin-top: var(--gap-4);
  display: flex;
  flex-direction: column;
  gap: var(--gap-4);
}

.my-billing__body {
  padding: var(--p-4) var(--p-5);
}
.my-billing__label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-2);
  font-size: var(--font-size-component-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-billing__badge {
  flex-shrink: 0;
}
.my-billing__amount {
  margin-top: var(--gap-1);
  display: flex;
  align-items: center;
  gap: var(--gap-0-5);
  line-height: 1.4;
  font-size: var(--font-size-title-2xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-normal);
}
.my-billing__amount:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-billing__amount strong {
  font-weight: var(--font-weight-bold);
}
.my-billing__amount .icon {
  color: var(--label-soft);
  /* 2026-07-24 수정 #0724-39 : my-billing 금액 행 아이콘 상단 5px 정렬 보정 */
  margin-top: 5px;
}
.my-billing__unit {
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-bold);
  margin-top: 6px;
}
.my-billing__status {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-title-2xlarge);
  font-weight: var(--font-weight-bold);
  color: var(--label-disabled);
  line-height: 1.4;
}
.my-billing__diff {
  margin: 0;
  font-size: var(--font-size-caption-medium);
  color: var(--label-soft);
  line-height: 1.6;
}
.my-billing__diff em {
  font-style: normal;
  color: var(--brand-red-normal);
  font-weight: var(--font-weight-medium);
}
.my-billing__diff em[data-diff=up] {
  color: var(--brand-blue-normal);
}
.my-billing__divider {
  margin: var(--gap-4) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}
.my-billing__links {
  margin-top: var(--gap-4);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.my-billing__links .btn-text {
  padding: var(--p-1-5) 0;
}

.my-btv--inset {
  padding: var(--p-7) var(--p-5) var(--p-5);
}
.my-btv__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-4);
}
.my-btv__item {
  min-width: 0;
}
.my-btv__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-2);
  color: inherit;
  text-decoration: none;
}
.my-btv__link:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-btv__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
.my-btv__label {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-btv__value {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--brand-blue-normal);
  line-height: 1.6;
}
.my-btv__divider {
  margin: var(--gap-5) 0 0;
  border: none;
  border-top: 1px solid var(--border-line-muted);
}
.my-btv__action {
  margin-top: var(--gap-5);
  text-align: center;
}

.my-subscription__addr-wrap {
  padding: var(--p-3) var(--p-3) var(--p-1);
}
.my-subscription__addr {
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-1-5);
  padding: var(--p-4);
  border-radius: var(--rounded-lg);
  background: var(--brand-blue-subtle);
  font-size: var(--font-size-body-medium);
  color: var(--label-muted);
  line-height: 1.6;
}
.my-subscription__addr-icon {
  color: var(--label-soft);
}
.my-subscription__list {
  margin: 0;
  padding: 0 var(--p-5) var(--p-5);
  list-style: none;
}
.my-subscription__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--gap-4);
  padding: var(--p-4) 0;
}
.my-subscription__item:not(:last-child) {
  border-bottom: 1px solid var(--border-line-normal);
}
.my-subscription__status {
  flex-shrink: 0;
}

.my-subscription-empty__body {
  padding: var(--gap-2) 0;
}
.my-subscription-empty__title {
  margin: 0;
  font-size: var(--font-size-title-small);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.4;
}
.my-subscription-empty__desc {
  margin: var(--gap-1) 0 0;
  font-size: var(--font-size-body-medium);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-banner-carousel {
  margin-top: var(--gap-4);
  --carousel-slide-size: 100%;
}

.my-banner-slide {
  position: relative;
  display: block;
  height: 72px;
  border-radius: var(--rounded-2xl);
  background: var(--brand-blue-subtle);
  color: inherit;
  text-decoration: none;
}
.my-banner-slide:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
  outline-offset: calc(-1 * var(--stroke-3));
}
.my-banner-slide[data-tone=skyblue] {
  background: var(--brand-skyblue-subtle);
}
.my-banner-slide[data-tone=blue] {
  background: var(--brand-blue-subtle);
}
.my-banner-slide[data-tone=yellow] {
  background: var(--brand-yellow-subtle);
}
.my-banner-slide[data-tone=red] {
  background: var(--brand-red-subtle);
}
.my-banner-slide[data-tone=green] {
  background: var(--brand-green-subtle);
}
.my-banner-slide__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 0 var(--p-5);
}
.my-banner-slide__text {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--gap-0-5);
}
.my-banner-slide__icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}
.my-banner-slide__title {
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
}
.my-banner-slide__sub {
  display: flex;
  align-items: center;
  gap: var(--gap-0-5);
  font-size: var(--font-size-body-small);
  color: var(--label-soft);
  line-height: 1.6;
}

.my-quick__grid {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--gap-2);
}
.my-quick__card {
  display: flex;
  align-items: center;
  gap: var(--gap-4);
  padding: var(--p-4) var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--background-elevated-normal);
  color: inherit;
  text-decoration: none;
}
.my-quick__card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-quick__icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  /* 2026-07-24 수정 #0724-38 : my-quick__icon 단색 스프라이트 원색(#087FD3) 지정 */
  color: #087fd3;
}

.my-section__title + .my-quick__grid,
.tabs[data-scope-hidden] + .my-quick__grid,
.my-section__title + .my-promo {
  margin-top: var(--gap-4);
}

.my-promo {
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--gap-2);
}
.my-promo__card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--gap-2);
  padding: var(--p-5);
  border-radius: var(--rounded-2xl);
  background: var(--background-elevated-normal);
  color: inherit;
  text-decoration: none;
}
.my-promo__card:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-promo {
  /* 2026-07-24 수정 #0724-37 : my-promo__icon 사이즈 48→32 */
}
.my-promo__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}
.my-promo__label {
  max-width: 100%;
  overflow: hidden;
  font-size: var(--font-size-body-medium);
  font-weight: var(--font-weight-semibold);
  color: var(--label-normal);
  line-height: 1.6;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-floating {
  position: sticky;
  z-index: 100;
  bottom: calc(var(--quickmenu-clearance) + env(safe-area-inset-bottom, 0px));
  transition: bottom 0.25s ease;
  height: 0;
  pointer-events: none;
}
.my-floating__btn {
  pointer-events: auto;
  position: absolute;
  right: var(--p-4);
  bottom: var(--p-4);
  display: flex;
  align-items: center;
  height: 44px;
  padding: 0 var(--p-3);
  border: 1px solid var(--border-box-normal);
  border-radius: var(--rounded-full);
  background: var(--background-elevated-normal);
  box-shadow: var(--shadow-popover);
  color: var(--label-normal);
  text-decoration: none;
}
.my-floating__btn:focus-visible {
  outline: var(--stroke-3) solid var(--border-box-heavy);
  outline-offset: 0;
}
.my-floating__btn::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--fill-hyper);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition-base);
}
.my-floating__btn:hover::before {
  opacity: 0.0375;
}
.my-floating__btn:active::before, .my-floating__btn[aria-expanded=true]::before {
  opacity: 0.09;
}
.my-floating__icon {
  flex-shrink: 0;
}
.my-floating__label {
  display: grid;
  grid-template-columns: 0fr;
  padding: 0;
  opacity: 0;
  font-size: var(--font-size-component-medium);
  font-weight: var(--font-weight-semibold);
  line-height: 1.6;
  transition: grid-template-columns var(--duration-base) var(--ease-in-out), padding var(--duration-base) var(--ease-in-out), opacity var(--duration-base) var(--ease-in-out);
}
.my-floating__label-text {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
}
.my-floating__btn[data-expanded] .my-floating__label, .my-floating__btn:focus-visible .my-floating__label {
  grid-template-columns: 1fr;
  padding-left: var(--gap-1-5);
  padding-right: var(--p-1);
  opacity: 1;
}

@media (min-width: 768px) {
  .my-layout__content {
    /* 2026-07-24 수정 #0724-40 : my 탭 재정의 셀렉터를 자식 결합자로 한정(PC 블록 동일 적용) */
  }
  .my-layout__content .tabs--chip > .tabs__strip > .tabs__list {
    padding: var(--p-4) 0;
  }
  .my-layout__content .tabs__panel {
    margin-top: var(--gap-3);
  }
  .my-layout__content .tabs--bar {
    margin-top: var(--p-6);
  }
  .my-layout__content .tabs--bar > .tabs__strip {
    margin-inline: 0;
    padding-inline: 0;
  }
  .my-notice-section {
    margin-top: var(--gap-6);
  }
  .my-section {
    margin-top: var(--gap-16);
  }
  .my-section__title-link {
    justify-content: flex-start;
    gap: var(--gap-0-5);
  }
  /* 2026-07-24 수정 #0724-34 : 첫 섹션 간격 기준을 my-layout__name(사용자명)으로 교체(PC 블록) */
  .my-notice-section[data-scope-hidden] + .my-section,
  .my-layout__name + .my-section,
  .my-notice-section + .my-section {
    margin-top: var(--gap-16);
  }
  .my-card {
    margin-top: var(--gap-6);
    padding: var(--p-6) var(--p-6) var(--p-5);
  }
  .my-application-list,
  .my-billing-list,
  .my-btv-list {
    margin-top: var(--gap-6);
  }
  .my-card__links {
    margin-top: var(--gap-5);
    gap: var(--gap-6);
  }
  .my-card__action {
    margin-top: var(--gap-5);
  }
  .my-card__divider {
    margin: var(--gap-6) 0 0;
  }
  .my-product__box {
    padding: var(--p-4) var(--p-5);
  }
  .my-billing__body {
    padding: var(--p-5) var(--p-6);
  }
  .my-billing__diff {
    font-size: var(--font-size-component-small);
  }
  .my-billing__divider {
    margin-top: var(--gap-6);
  }
  /* 2026-07-24 수정 #0724-39 : my-billing__links PC 배치를 flex row→2열 그리드로 전환 */
  .my-billing__links {
    margin-top: var(--gap-5);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-3);
  }
  .my-billing__links .btn-text {
    padding: 0;
    justify-content: flex-start;
  }
  .my-btv--inset {
    padding: var(--p-6) var(--p-6) var(--p-5);
  }
  .my-btv__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .my-btv__item {
    padding: var(--p-3) 0;
  }
  .my-btv__link {
    flex-direction: row;
    gap: var(--gap-3);
  }
  .my-btv__icon {
    width: 32px;
    height: 32px;
  }
  .my-btv__text {
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
  }
  .my-btv__divider {
    margin-top: var(--gap-6);
  }
  .my-subscription__addr {
    padding: var(--p-4) var(--p-5);
    gap: var(--gap-2);
  }
  .my-subscription__addr-icon {
    width: 20px;
    height: 20px;
  }
  .my-subscription__list {
    padding: 0 var(--p-6) var(--p-6);
  }
  .my-subscription__item {
    padding: var(--p-5) 0;
  }
  .my-subscription-empty {
    text-align: center;
  }
  .my-subscription-empty__body {
    padding: var(--p-1) 0;
  }
  .my-subscription-empty__desc {
    font-size: var(--font-size-component-small);
    color: var(--label-muted);
  }
  .my-banner-slide {
    height: 80px;
  }
  .my-banner-slide__inner {
    display: flex;
    align-items: center;
    width: 464px;
    max-width: 100%;
    padding-left: var(--p-8);
    padding-right: var(--p-7);
    margin-inline: auto;
  }
  .my-quick__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gap-4);
  }
  .my-quick__card {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-10);
    padding: var(--p-6);
  }
  .my-quick__icon {
    width: 48px;
    height: 48px;
  }
  .my-section__title + .my-quick__grid,
  .tabs[data-scope-hidden] + .my-quick__grid,
  .my-section__title + .my-promo {
    margin-top: var(--gap-6);
  }
  .my-promo {
    grid-template-columns: repeat(4, 1fr);
    gap: var(--gap-4);
  }
  .my-promo__card {
    gap: var(--gap-3);
    padding: var(--p-6);
  }
  .my-promo {
    /* 2026-07-24 수정 #0724-37 : my-promo__icon PC 사이즈 56→40 */
  }
  .my-promo__icon {
    width: 40px;
    height: 40px;
  }
  .my-banner-carousel {
    margin-top: var(--gap-6);
  }
  .my-floating__btn {
    right: var(--p-12);
    bottom: var(--p-12);
    height: 56px;
    padding: 0 var(--p-4);
  }
  .my-floating__btn:hover .my-floating__label {
    grid-template-columns: 1fr;
    padding-left: var(--gap-1-5);
    padding-right: var(--p-1);
    opacity: 1;
  }
  .my-floating__icon {
    width: 24px;
    height: 24px;
  }
}