/* 축소하지 못했습니다. 축소되지 않은 콘텐츠를 반환합니다.
(17,31): run-time error CSS1039: Token not allowed after unary operator: '-container-padding'
 */
/* Canonical page stylesheet. Historical layers are merged in rendered cascade order. */

/* Source: customer-center-original-point.css */
@charset "utf-8";

/* Original customer-center structure with the same title system as login / sign-up. */
.renewal-customer-original .customer-center-main {
  padding-bottom: 92px;
  background: linear-gradient(180deg, #fafaff 0, #fff 400px);
}

.renewal-customer-original .customer-center-hero {
  padding: 54px 0 34px;
}

.renewal-customer-original .customer-center-hero .container {
  width: min(100% - calc(var(--container-padding) * 2), 760px) !important;
}

.renewal-customer-original .mypage-heading {
  display: grid;
  justify-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  text-align: center !important;
}

.renewal-customer-original .mypage-eyebrow {
  margin: 0;
  color: #7461ef;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}

.renewal-customer-original .mypage-eyebrow::after,
.renewal-customer-original .mypage-heading h1::after {
  display: none;
}

.renewal-customer-original .mypage-heading h1 {
  margin: 0;
  color: #171820;
  font-size: 30px;
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -.055em;
}

.renewal-customer-original .mypage-heading::after {
  width: 48px;
  height: 4px;
  margin-top: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, #7461ef, #83d8dc);
  content: '';
}

/* Preserve the original underline tab pattern, with a quiet hover state. */
.renewal-customer-original .customer-tab-list {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #e7eaf3;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.renewal-customer-original .customer-tab-btn {
  position: relative;
  min-width: 180px;
  min-height: 52px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: #7b8497;
  background: transparent;
  font-size: 17px;
  font-weight: 800;
  transition: color .18s ease, background .18s ease;
}

.renewal-customer-original .customer-tab-btn::after {
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  display: block;
  height: 2px;
  background: transparent;
  content: '';
}

.renewal-customer-original .customer-tab-btn:hover { color: #6552ea; background: #fcfbff; }
.renewal-customer-original .customer-tab-btn.is-active { color: #6552ea; background: transparent; box-shadow: none; }
.renewal-customer-original .customer-tab-btn.is-active::after { background: linear-gradient(90deg, #7461ef, #83d8dc); }

/* The original list structure, refreshed as a compact interactive information list. */
.renewal-customer-original .customer-tab-panel { padding-top: 22px; }
.renewal-customer-original #noticePanel .customer-list-entry:nth-child(n + 6) { display: none; }
.renewal-customer-original .customer-list-card { border: 1px solid #e8e7ee; border-radius: 14px; box-shadow: 0 12px 28px rgba(43, 38, 74, .04); }
.renewal-customer-original .customer-list-card.customer-empty { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.renewal-customer-original .customer-list-entry + .customer-list-entry { border-top: 0; }
.renewal-customer-original .customer-list-entry { position: relative; border-bottom: 1px solid #efedf4; }
.renewal-customer-original .customer-list-entry:last-child { border-bottom: 0; }
.renewal-customer-original .customer-list-item { position: relative; height: 84px !important; min-height: 0 !important; padding: 0 28px !important; background: #fff; transition: background .2s ease, color .2s ease, padding .2s ease; }
.renewal-customer-original .customer-list-item::before { position: absolute; top: 50%; left: 0; width: 3px; height: 0; border-radius: 0 99px 99px 0; background: #7461ef; content: ''; transition: height .2s ease; transform: translateY(-50%); }
.renewal-customer-original .customer-list-entry:hover .customer-list-item, .renewal-customer-original .customer-list-entry.is-active .customer-list-item { color: #2f3140; background: #faf9ff; padding-left: 28px !important; }
.renewal-customer-original .customer-list-entry:hover .customer-list-item::before, .renewal-customer-original .customer-list-entry.is-active .customer-list-item::before { height: 28px; }
.renewal-customer-original .customer-list-item strong { font-size: 16px; letter-spacing: -.035em; }
.renewal-customer-original .customer-item-content { display: flex; align-items: center; gap: 10px; height: 100%; }
.renewal-customer-original .customer-item-content strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.renewal-customer-original .customer-item-content strong em { display: inline-flex; align-items: center; height: 25px; margin-right: 10px; padding: 0 9px; border-radius: 999px; color: #6552ea; background: #efedff; font-size: 11px; font-weight: 900; vertical-align: 1px; }
.renewal-customer-original .customer-item-content time { display: none; }
.renewal-customer-original #noticePanel .customer-list-entry:first-child .customer-list-item strong::after { display: inline-flex; align-items: center; height: 19px; margin-left: 8px; padding: 0 6px; border-radius: 999px; color: #6552ea; background: #f2efff; font-size: 9px; font-weight: 900; letter-spacing: .04em; vertical-align: 2px; content: 'NEW'; }
.renewal-customer-original .customer-list-item > .ui-icon { transition: color .18s ease, transform .18s ease; }
.renewal-customer-original .customer-list-entry:hover .customer-list-item > .ui-icon { color: #6552ea; transform: translateX(3px); }
.renewal-customer-original .customer-answer { border-top: 1px solid #eeeef3; background: #faf9ff; }
.renewal-customer-original .customer-answer-inner { padding: 0 26px; background: transparent; color: #666d7d; }
.renewal-customer-original .customer-answer-text { white-space: pre-line; }
.renewal-customer-original .customer-answer-html { white-space: normal; }
.renewal-customer-original .customer-answer-html p { margin: 0; }
.renewal-customer-original .customer-answer-html p + p { margin-top: 20px; }
.renewal-customer-original .customer-answer-html ul,
.renewal-customer-original .customer-answer-html ol { margin: 20px 0; padding-left: 22px; }
.renewal-customer-original .customer-answer-html li + li { margin-top: 7px; }
.renewal-customer-original .customer-answer-html a { color: #5f50ec; font-weight: 700; text-decoration: underline; }
.renewal-customer-original .customer-list-entry.is-active .customer-answer-inner { padding: 16px 26px 18px; }
.renewal-customer-original .faq-list-item { grid-template-columns: 24px minmax(0, 1fr) 24px; gap: 10px; }
.renewal-customer-original .customer-question-mark { width: auto; height: auto; color: #6a58eb; background: transparent; box-shadow: none; font-size: 15px; font-weight: 900; }
.renewal-customer-original .customer-pagination { margin-top: 36px; }
.renewal-customer-original .order-page-number.is-active { background: #6f5cf6; box-shadow: 0 8px 16px rgba(101, 83, 232, .14); }

@media (max-width: 767px) {
  .renewal-customer-original .customer-center-main { padding-bottom: 72px; }
  .renewal-customer-original .customer-center-hero { padding: 40px 0 27px; }
  .renewal-customer-original .mypage-heading h1 { font-size: 28px; }
  .renewal-customer-original .mypage-heading::after { width: 42px; height: 3px; }
  .renewal-customer-original .customer-tab-btn { min-width: 0; flex: 1; font-size: 15px; }
  .renewal-customer-original .customer-list-card { border-radius: 12px; }
  .renewal-customer-original .customer-list-item { height: 76px !important; min-height: 0 !important; padding: 0 18px !important; }
  .renewal-customer-original .customer-list-entry:hover .customer-list-item { padding-left: 20px !important; }
  .renewal-customer-original .customer-list-item strong { font-size: 14px; }
  .renewal-customer-original .customer-item-content strong em { height: 23px; margin-right: 7px; padding: 0 7px; font-size: 10px; }
  .renewal-customer-original #noticePanel .customer-list-entry:first-child .customer-list-item strong::after { margin-left: 5px; font-size: 8px; }
  .renewal-customer-original .customer-answer-inner { padding: 0 18px; }
  .renewal-customer-original .customer-list-entry.is-active .customer-answer-inner { padding: 14px 18px 16px; }
}


/* 서버 페이징은 페이지당 최대 10개를 제공하므로 퍼블 샘플의 5개 제한을 해제합니다. */
.renewal-customer-original #noticePanel .customer-list-entry:nth-child(n + 6) { display: block; }