/* 수강료 안내(화면 A) 10-27판 — 신청서와 같은 모양: 기본 모양은 regi_form_20261026.css(.rf)를 같이 불러 쓰고, 여기는 이 화면에만 있는 것만.
   설계 docs/specs/regi-renewal.md §4 */
.rp{--rp-brand:#4475bc;--rp-brand-700:#2b4f85;--rp-brand-soft:#e9f0fb;--rp-ink:#1f2a3a;--rp-muted:#667085;--rp-line:#e4e9f0;--rp-bg:#f4f7fc;--rp-good:#0f8a5f}

/* 국적 탭 — 왼쪽 정렬(사용자 10-26. 신청서는 가운데) */
.rp .rf-nation{margin-left:0;margin-right:auto}

/* 수강 기간 카드 — 이름·라디오(신청서와 같음) + 가격 */
.rp-period{min-height:96px}
.rp-period.na{opacity:.45;cursor:default}
.rp-pprice{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:4px;font-variant-numeric:tabular-nums}
.rp-pprice .now{font-size:19px;font-weight:800;color:var(--rp-ink);letter-spacing:-.02em}
.rf-period.on .rp-pprice .now{color:var(--rp-brand-700)}
.rp-pprice .was{font-size:12.5px;color:var(--rp-muted);text-decoration:line-through}
.rp-pmeta{font-size:12.5px;color:var(--rp-muted);line-height:1.45}

/* 10-27b 항목마다 번호(1 수업 과정 … 6 수강 기간) — 숨긴 항목(시간대, [hidden]=display:none)은 counter가 건너뛴다 */
.rp-numbered{counter-reset:rp-field}
.rp-numbered > .rf-field > .rf-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--rp-ink)}
.rp-numbered > .rf-field > .rf-label::before{counter-increment:rp-field;content:counter(rp-field);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--rp-brand);color:#fff;font-size:12.5px;font-weight:700;flex:none}
/* PC도 모바일처럼 항목명 한 줄 → 아래 선택지(사용자 10-27 「너무 복잡해 보여」). 구분선 대신 여백으로 항목을 나눈다 */
.rp-numbered > .rf-field{display:block;margin:0;padding:0;border-top:0}
.rp-numbered > .rf-field + .rf-field{margin-top:50px}
.rp-numbered > .rf-field > .rf-label{margin:0 0 12px;padding-top:0}
.rp-numbered > .rf-field > .rf-hint{margin-top:8px}
@media (max-width:767px){
	.rp-numbered > .rf-field + .rf-field{margin-top:43px}
}

/* 전체 가격표(접힘) — 수강 기간 아래. 옛 「2. 가격 안내」 문구는 유의사항(regi_notice)으로 */
.rp-matrix{border-top:1px solid #eef1f5;padding-top:12px;margin-top:4px}
.rp-matrix summary{cursor:pointer;font-weight:700;color:var(--rp-brand-700);min-height:32px;line-height:32px}
/* 10-27b 전체 가격표 — 글자 링크가 눈에 안 띈다(사용자) → 카드 폭 박스 버튼 + 펼침 화살표 */
.rp-numbered > .rp-matrix{border-top:0;padding-top:0;margin-top:40px}
.rp-matrix > summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 18px;line-height:1.35;background:var(--rp-brand-soft);border:1px solid #c9d8f0;border-radius:12px;transition:background .15s}
.rp-matrix > summary::-webkit-details-marker{display:none}
.rp-matrix > summary:hover{background:#dde8f8}
.rp-matrix > summary:focus-visible{outline:2px solid rgba(68,117,188,.35);outline-offset:2px}
.rp-mt-ico{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--rp-brand);color:#fff;font-size:14px;flex:none}
.rp-mt-t{flex:1;font-size:15.5px;color:var(--rp-brand-700)}
.rp-mt-t small{display:block;font-size:12.5px;font-weight:500;color:var(--rp-muted);margin-top:2px}
.rp-mt-arr{width:10px;height:10px;border-right:2px solid var(--rp-brand-700);border-bottom:2px solid var(--rp-brand-700);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s;flex:none;margin-right:4px}
.rp-matrix[open] > summary .rp-mt-arr{transform:rotate(-135deg) translate(-2px,-2px)}
.rp-matrix[open] > summary{border-bottom-left-radius:12px;border-bottom-right-radius:12px;margin-bottom:6px}
.rp-scroll{overflow-x:auto;margin-top:12px}
.rp-matrix table{width:100%;border-collapse:collapse;font-size:13.5px}
.rp-matrix caption{caption-side:top;text-align:left;color:var(--rp-ink);font-weight:700;padding:4px 0}
.rp-matrix th,.rp-matrix td{border-bottom:1px solid var(--rp-line);padding:4px 6px;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.rp-matrix th:first-child{text-align:left}
.rp-matrix th{color:var(--rp-muted);font-weight:500;background:var(--rp-bg)}
.rp-cell button{background:none;border:0;padding:4px 8px;border-radius:8px;min-height:44px;min-width:44px;color:var(--rp-ink);cursor:pointer;line-height:1.3;text-align:right}
.rp-cell button:hover{background:#f5f9ff}
.rp-cell button:focus-visible{outline:2px solid rgba(68,117,188,.35);outline-offset:1px}
.rp-cell button small{display:block;font-size:12px;color:var(--rp-good)}
.rp-cell.on button{background:var(--rp-brand-soft);color:var(--rp-brand-700);font-weight:700}
.rp-na{color:var(--rp-muted);font-size:12px}

/* 요약 패널 아래 작은 안내(정기결제 등) */
.rf-summary > .rp-fine{margin:0 20px 16px;padding-left:16px;font-size:12.5px;color:var(--rp-muted);line-height:1.55}
.rf-summary > .rp-fine:empty{display:none}

/* 모바일 하단 바 — 조건 한 줄 */
.rf-mbar .t #rp_mbar_cond{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

@media (max-width:767px){
	.rp-period{min-height:88px}
	.rp-pprice .now{font-size:17px}
}