/* 회원사이트 팝업 디자인(2026-10-26 김미소님) — 관리자 「팝업 관리」에서 디자인을 고르고 내용만 넣는다.
   본문 HTML 은 저장 때 style 속성이 지워지므로 전부 클래스로 꾸민다. 회원 첫 화면·관리자 미리보기가 같이 쓴다. */
.pt{font-family:inherit;color:#1f2937;text-align:left;margin:-18px -20px;min-height:calc(100% + 36px);display:flex;flex-direction:column;background:#fff}
.pt .pt-hd{background:#1f3a5f;color:#fff;padding:22px 24px 20px;position:relative;overflow:hidden}
.pt .pt-hd:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:rgba(255,255,255,.07)}
.pt .pt-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.5px;padding:3px 10px;border-radius:999px;background:#ff6b1a;color:#fff;margin:0 0 10px}
.pt .pt-title{margin:0;font-size:24px;font-weight:900;line-height:1.35;letter-spacing:-.5px;color:#fff}
.pt .pt-sub{margin:6px 0 0;font-size:14px;color:#c9d6ea;line-height:1.5}
.pt .pt-bd{padding:20px 24px 8px;flex:1}
.pt .pt-when{display:flex;align-items:center;gap:10px;background:#fff4ec;border:1px solid #ffd4b8;border-radius:10px;padding:12px 14px;margin:0 0 16px}
.pt .pt-when b{font-size:12px;color:#c2410c;white-space:nowrap}
.pt .pt-when span{font-size:17px;font-weight:800;color:#1f2937}
.pt .pt-tbl{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0 0 14px;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden}
/* 칸 너비 고정(2026-10-29 김미소님) — 항목이 좁아 글자 중간에서 잘리고 금액이 줄바꿈되던 것 */
.pt .pt-tbl th:first-child,.pt .pt-tbl td:first-child{width:46%}
.pt .pt-tbl th:nth-child(2),.pt .pt-tbl td:nth-child(2),
.pt .pt-tbl th:nth-child(3),.pt .pt-tbl td:nth-child(3){width:27%}
.pt .pt-tbl th{background:#f3f5f8;color:#475467;font-size:12px;font-weight:700;padding:8px 10px;text-align:center;border:0;border-bottom:1px solid #e5e7eb}
.pt .pt-tbl td{padding:9px 8px;font-size:14px;text-align:center;border:0;border-bottom:1px solid #f0f1f3;word-break:keep-all;overflow-wrap:break-word}
.pt .pt-tbl tr:last-child td{border-bottom:0}
.pt .pt-tbl td:first-child{text-align:left;font-weight:700;line-height:1.4}
.pt .pt-tbl .pt-old,.pt .pt-tbl .pt-new{white-space:nowrap;font-size:13.5px}
.pt .pt-tbl .pt-old{color:#98a2b3;text-decoration:line-through}
.pt .pt-tbl .pt-new{color:#e8590c;font-weight:800}
.pt .pt-notes{margin:0 0 12px;padding:0;list-style:none}
.pt .pt-notes li{position:relative;padding:0 0 0 14px;margin:5px 0;font-size:13px;line-height:1.6;color:#475467}
.pt .pt-notes li:before{content:"";position:absolute;left:2px;top:9px;width:5px;height:5px;border-radius:50%;background:#1f3a5f}
.pt .pt-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 24px 16px;border-top:1px solid #f0f1f3}
.pt .pt-ft img{height:26px;width:auto}
.pt .pt-ft span{font-size:12px;color:#667085;text-align:right;line-height:1.5}
.pt.pt-hol .pt-tbl th:first-child,.pt.pt-hol .pt-tbl td:first-child{width:38%}
.pt.pt-hol .pt-tbl th:nth-child(2),.pt.pt-hol .pt-tbl td:nth-child(2){width:62%;text-align:left}
/* 연휴 — 머리띠 색만 바꾼다 */
.pt.pt-hol .pt-hd{background:linear-gradient(135deg,#7c2d12,#c2410c)}
.pt.pt-hol .pt-tag{background:#fff;color:#c2410c}
.pt.pt-hol .pt-sub{color:#fde2cf}
.pt .pt-period{text-align:center;background:#fff7ed;border:2px dashed #fdba74;border-radius:12px;padding:14px 10px;margin:0 0 16px}
.pt .pt-period b{display:block;font-size:12px;color:#c2410c;margin:0 0 4px}
.pt .pt-period span{font-size:20px;font-weight:900;color:#1f2937;letter-spacing:-.3px}
.pt.pt-hol .pt-tbl td:first-child{white-space:nowrap}
@media (max-width:640px){.pt .pt-title{font-size:20px}.pt .pt-period span{font-size:17px}.pt .pt-hd,.pt .pt-bd,.pt .pt-ft{padding-left:16px;padding-right:16px}}
/* 디자인 팝업은 관리자가 넣은 높이와 상관없이 내용만큼(빈 공간·잘림 없게) — 2026-10-27 */
.spop:has(.pt){height:auto!important;max-height:calc(100vh - 40px)}
.spop:has(.pt) .spop-bd .pt{min-height:0}
/* 조금 작게(2026-10-27) — 글자·여백 줄임 */
.pt .pt-hd{padding:16px 18px 14px}
.pt .pt-tag{font-size:11px;padding:2px 9px;margin:0 0 6px}
.pt .pt-title{font-size:20px}
.pt .pt-sub{font-size:12.5px;margin-top:4px}
.pt .pt-bd{padding:14px 18px 4px}
.pt .pt-when{padding:9px 12px;margin:0 0 12px}.pt .pt-when span{font-size:15px}
.pt .pt-period{padding:10px 8px;margin:0 0 12px}.pt .pt-period span{font-size:17px}
.pt .pt-tbl{margin:0 0 10px}.pt .pt-tbl th{padding:6px 8px;font-size:11.5px}.pt .pt-tbl td{padding:7px 8px;font-size:13px}
.pt .pt-notes li{font-size:12.5px;margin:3px 0}
.pt .pt-ft{padding:9px 18px 12px}.pt .pt-ft img{height:22px}.pt .pt-ft span{font-size:11px}
/* 항목 이름 한 줄로(2026-10-29 김미소님 — 「(1CBM)」이 아래 줄로 내려감). 열 너비는 내용에 맞추고 항목 칸은 줄바꿈 안 함 */
.pt:not(.pt-hol) .pt-tbl{table-layout:auto}
.pt:not(.pt-hol) .pt-tbl th,.pt:not(.pt-hol) .pt-tbl td{width:auto !important}
.pt:not(.pt-hol) .pt-tbl td:first-child{white-space:nowrap;font-size:12.5px;letter-spacing:-.3px;padding-left:10px;padding-right:6px}
.pt:not(.pt-hol) .pt-tbl td:nth-child(2),.pt:not(.pt-hol) .pt-tbl td:nth-child(3){padding-left:6px;padding-right:6px}
.pt:not(.pt-hol) .pt-tbl .pt-old,.pt:not(.pt-hol) .pt-tbl .pt-new{font-size:12.5px}
/* 남색 카드 안내(2026-11-05 김미소님) — 남색 틀 안 흰 카드 · 큰 제목 2줄(남색/파랑) · 알약 · 남색 칸 · 📍이유 · 하늘색 대상 칸 · 인사말 · 로고 */
.pt.pt-card{background:#1f3a5f;padding:12px;text-align:center}
.pt.pt-card .pt-cin{background:#fff;border-radius:3px;padding:22px 20px 14px;flex:1}
.pt.pt-card .pt-title{margin:0;color:#1f3a5f;font-size:36px;font-weight:900;line-height:1.25;letter-spacing:-1px}
.pt.pt-card .pt-title span{display:block}
.pt.pt-card .pt-l2{color:#1d5fbf}
.pt.pt-card .pt-pill{display:inline-block;margin:12px 0 10px;padding:3px 18px;border-radius:999px;background:#e3ebf7;color:#1f3a5f;font-size:13px;font-weight:700}
.pt.pt-card .pt-cbox{background:#1f3a5f;color:#fff;border-radius:6px;padding:2px 18px}
.pt.pt-card .pt-cs{padding:13px 0}
.pt.pt-card .pt-cs+.pt-cs{border-top:1px solid rgba(255,255,255,.4)}
.pt.pt-card .pt-cs b{display:block;font-size:18px;font-weight:800;margin:0 0 3px}
.pt.pt-card .pt-cs span{display:block;font-size:18px;font-weight:800;line-height:1.45;word-break:keep-all}
.pt.pt-card .pt-rh{margin:18px 0 6px;font-size:21px;font-weight:900;color:#1f3a5f}
.pt.pt-card .pt-reason{margin:0 0 14px;font-size:14px;line-height:1.7;color:#333;word-break:keep-all}
.pt.pt-card .pt-target{background:#e9f0fa;border-radius:6px;padding:10px 12px;margin:0 0 14px}
.pt.pt-card .pt-target p{margin:2px 0;font-size:13px;line-height:1.6;color:#333;word-break:keep-all}
.pt.pt-card .pt-thanks{margin:0 0 10px;padding:12px 0 0;border-top:2px solid #6b93c9;font-size:14px;font-weight:700;color:#333}
.pt.pt-card .pt-clogo{margin:0}
.pt.pt-card .pt-clogo img{height:34px;width:auto}
@media (max-width:640px){.pt.pt-card .pt-title{font-size:26px}.pt.pt-card .pt-cs b,.pt.pt-card .pt-cs span{font-size:15px}.pt.pt-card .pt-cin{padding:18px 14px 12px}}
/* 남색 칸 한 줄 고정(2026-11-05 김미소님) — 뜨는 화면에서 popup-fit.js 가 재서 글자를 줄인다. 휴대폰(좁은 화면)만 줄바꿈 허용 */
.pt.pt-card.pt-fit .pt-cs b,.pt.pt-card.pt-fit .pt-cs span{white-space:nowrap;overflow:hidden}  /* pt-fit = popup-fit.js 가 붙임 */
@media (max-width:640px){.pt.pt-card .pt-cs b,.pt.pt-card .pt-cs span{white-space:normal;overflow:visible}}
.pt.pt-card .pt-title span{word-break:keep-all}
/* 남색 칸 금액 아래 작은 글씨(2026-11-05 김미소님 — 「(부가서비스 비용포함)」을 금액 줄 끝에 붙이면 격식이 안 맞음) */
.pt.pt-card .pt-cs .pt-cnote{display:block;margin:3px 0 0;font-size:13px;font-style:normal;font-weight:500;color:#c9d6ea;letter-spacing:0}