/* ─────────────────────────────────────────────────────────────
   평강프라자 — 상세 옵션 패널 (진열 가격표형, pk-quote) · PC·모바일 공용
   시안: docs/design/list-option-draft.html 2번 (2026-09-15 확정) · 마크업 extend/pk.quote.php
   js/sop-view-option.js 가 만드는 버튼(#sopPeriod button 등)을 그대로 스타일링. #sopPrepay 버튼·#sopCard 드롭다운은 숨기고 js/pk-quote.js 가 동기화.
   흰 판 + 핀, hairline 행. 옵션 활성 = 블루 테두리·글자(채움 없음). 그림자·둥근 카드·파스텔 띠·알약 없음.
   ───────────────────────────────────────────────────────────── */
#sopOpt.pk-quote{position:relative;background:#fff;border:1px solid var(--pk-line);border-radius:var(--pk-r);box-shadow:none;overflow:visible;margin:14px 0 12px;line-height:1.33;color:var(--pk-ink);text-align:left;font-family:var(--pk-kr)}
#sopOpt.pk-quote *{box-sizing:border-box}
.pk-quote > .pin{position:absolute;top:-1px;left:24px;width:28px;height:3px;background:var(--pk-blue);display:block}
/* 머리 */
.pk-quote .qh{padding:24px 24px 18px;border-bottom:1px solid var(--pk-ink)}
.pk-quote .qh .eb{font-family:var(--pk-en);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-blue)}
.pk-quote .qh h2{margin:10px 0 0;font-size:18px;font-weight:700;letter-spacing:-.3px;line-height:1.33;color:var(--pk-ink);text-align:left}
.pk-quote .qh .sku{font-family:var(--pk-en);font-size:12px;letter-spacing:.12em;color:var(--pk-mute);margin-top:4px}
.pk-quote .qh .big{margin-top:18px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}
.pk-quote .qh .big .l{font-size:12px;color:var(--pk-mute)}
.pk-quote .qh .big .v{font-family:var(--pk-en);font-size:38px;line-height:1.2;color:var(--pk-blue);letter-spacing:-.5px;font-weight:700}
.pk-quote .qh .big .v span{font-family:var(--pk-kr);font-size:14px;font-weight:700;color:var(--pk-ink);margin-left:3px}
.pk-quote .qh .chips{margin-top:12px;display:flex;flex-wrap:wrap;gap:4px;min-height:22px}
.pk-quote .qh .chips span{font-size:12px;border:1px solid var(--pk-line);border-radius:var(--pk-r);padding:3px 7px;color:var(--pk-graphite);background:#fff}
/* 내역 — hairline 행 */
.pk-quote .lines{padding:8px 24px 4px}
.pk-quote .ln{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--pk-line)}
.pk-quote .ln .k{color:var(--pk-mute);white-space:nowrap}
.pk-quote .ln .k small{font-size:12px;margin-left:4px}
.pk-quote .ln .v{font-family:var(--pk-en);font-size:14px;color:var(--pk-ink);white-space:nowrap;font-weight:700}
.pk-quote .ln.minus .v{color:var(--pk-blue)}
.pk-quote .ln.total{border-bottom:0;background:var(--pk-blue-tint);padding:10px 12px;border-radius:var(--pk-r);margin-top:6px}   /* 강조 개편 */
.pk-quote .ln.total .k{color:var(--pk-ink);font-weight:700}
.pk-quote .ln.total .v{font-size:16px;color:var(--pk-blue)}
.pk-quote .ln.hl .v{color:var(--pk-blue)}
.pk-quote .prepay{display:none;margin:0 24px 6px;font-size:12px;color:var(--pk-graphite);background:var(--pk-concrete);border-radius:var(--pk-r);padding:7px 10px}
.pk-quote .prepay.show{display:block}
.pk-quote .prepay b{font-family:var(--pk-en)}
/* 옵션 */
.pk-quote .opts{padding:10px 24px 0}
.pk-quote .og{padding:14px 0;border-top:1px solid var(--pk-line)}
.pk-quote .og .lb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--pk-ink);margin-bottom:10px}
.pk-quote .og .lb.sub{margin-top:10px;font-size:12px;color:var(--pk-mute);font-weight:400}
.pk-quote .og .lb .hint{font-weight:400;color:var(--pk-mute);font-size:12px}
.pk-quote .og .lb .val{margin-left:auto;font-weight:400;color:var(--pk-blue);font-size:12px}
.pk-quote .pills{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.pk-quote .pills.c2{grid-template-columns:repeat(2,1fr)}
.pk-quote .pills button{height:44px;border:1px solid var(--pk-line);border-radius:var(--pk-r);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font:inherit;font-size:14px;font-weight:700;color:var(--pk-ink);transition:border-color .15s,color .15s,box-shadow .15s;line-height:1.33;padding:0 4px}
.pk-quote .pills button small{font-size:12px;color:var(--pk-mute);font-weight:400;margin-top:2px}
.pk-quote .pills button:hover{border-color:var(--pk-ink)}
.pk-quote .pills button.on{border-color:var(--pk-blue);color:var(--pk-blue);box-shadow:inset 0 0 0 1px var(--pk-blue)}
.pk-quote .pills button.on small{color:var(--pk-blue)}
.pk-quote .pills button:disabled{opacity:.35;cursor:default}
/* 색상 스와치 (JS: button.sw > span) */
.pk-quote .sw{display:flex;gap:8px}
.pk-quote .sw button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--pk-line);padding:0;background:none;cursor:pointer;overflow:hidden}
.pk-quote .sw button span{display:block;width:100%;height:100%;border-radius:50%}
.pk-quote .sw button.on{box-shadow:0 0 0 2px var(--pk-blue)}
/* 케어 세그먼트 (JS 가 만든 버튼 2개) */
.pk-quote .toggle{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--pk-line);border-radius:var(--pk-r);overflow:hidden;background:#fff}
.pk-quote .toggle button{background:#fff;border:0;padding:10px 6px;font:inherit;font-size:14px;font-weight:700;color:var(--pk-mute);cursor:pointer;display:flex;flex-direction:column;align-items:center;line-height:1.33;transition:color .15s,box-shadow .15s}
.pk-quote .toggle button + button{border-left:1px solid var(--pk-line)}
.pk-quote .toggle button small{font-size:12px;font-weight:400;margin-top:2px}
.pk-quote .toggle button.on{color:var(--pk-blue);box-shadow:inset 0 -2px 0 var(--pk-blue)}
.pk-quote .toggle button:disabled{opacity:.4;cursor:default}
/* 선납 슬라이더 (실제 버튼은 숨김) */
.pk-quote .hidden-btns{display:none !important}
.pk-quote .slider{padding:6px 2px 0}
.pk-quote .slider input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:2px;border-radius:0;background:linear-gradient(90deg,var(--pk-blue) var(--p,0%),var(--pk-line) var(--p,0%));outline:0;margin:8px 0}
.pk-quote .slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:var(--pk-r);background:#fff;border:2px solid var(--pk-ink);cursor:pointer}
.pk-quote .slider input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:var(--pk-r);background:#fff;border:2px solid var(--pk-ink);cursor:pointer}
.pk-quote .slider .ticks{display:flex;justify-content:space-between;margin-top:4px;font-size:12px;color:var(--pk-mute)}
.pk-quote .slider .ticks span{text-align:center;cursor:pointer;line-height:1.33}
.pk-quote .slider .ticks span:first-child{text-align:left}.pk-quote .slider .ticks span:last-child{text-align:right}
.pk-quote .slider .ticks b{font-family:var(--pk-en);font-weight:700;color:var(--pk-ink);display:block}
.pk-quote .slider .ticks span.on b{color:var(--pk-blue)}
.pk-quote .note{margin-top:10px;font-size:12px;color:var(--pk-mute)}
.pk-quote .note p{margin:2px 0}
/* 카드 칩 (실제 select 는 시각적으로 숨김 — 솔루션 .sopsel width:100% 보다 우선) */
.pk-quote .visually-hidden,.pk-quote select.sopsel.visually-hidden{position:absolute !important;left:0 !important;top:0 !important;width:1px !important;height:1px !important;min-width:0 !important;margin:-1px !important;padding:0 !important;overflow:hidden !important;clip:rect(0 0 0 0);border:0 !important}
.pk-quote .cards{display:flex;flex-wrap:wrap;gap:6px}
.pk-quote .cards button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:1px solid var(--pk-line);border-radius:var(--pk-r);font:inherit;font-size:12px;font-weight:700;cursor:pointer;background:#fff;color:var(--pk-ink);transition:border-color .15s,color .15s,box-shadow .15s}
.pk-quote .cards button i{width:14px;height:10px;border-radius:2px;display:inline-block;background:#9aa3b8}
.pk-quote .cards button small{font-weight:400;color:var(--pk-mute);font-size:12px}
.pk-quote .cards button.on{border-color:var(--pk-blue);color:var(--pk-blue);box-shadow:inset 0 0 0 1px var(--pk-blue)}
.pk-quote .cards button.none{color:var(--pk-mute)}
.pk-quote .tiers{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-top:8px;padding:8px 10px;background:var(--pk-concrete);border-radius:var(--pk-r)}
.pk-quote .tiers .tl{font-size:12px;color:var(--pk-mute);margin-right:4px}
.pk-quote .tiers button{height:26px;padding:0 9px;border:1px solid var(--pk-line);border-radius:var(--pk-r);background:#fff;font:inherit;font-size:12px;font-weight:700;color:var(--pk-ink);cursor:pointer}
.pk-quote .tiers button small{font-weight:400;color:var(--pk-blue);font-size:12px}
.pk-quote .tiers button.on{border-color:var(--pk-blue);color:var(--pk-blue)}
.pk-quote .cardlink{display:block;margin-top:8px;font-size:12px;color:var(--pk-mute);text-decoration:none}
.pk-quote .cardlink b{color:var(--pk-blue)}
/* 폴드 */
.pk-quote .folds{padding:0 24px 8px}
.pk-quote .fold{border-top:1px solid var(--pk-line)}
.pk-quote .fold-hd{width:100%;background:none;border:0;text-align:left;padding:12px 0;font:inherit;font-size:14px;font-weight:700;color:var(--pk-ink);display:flex;align-items:center;cursor:pointer}
.pk-quote .fold-hd i{margin-left:auto;font-style:normal;color:var(--pk-mute);font-family:var(--pk-en);transition:transform .2s}
.pk-quote .fold-hd.open i{transform:rotate(45deg)}
.pk-quote .fold-bd{padding:0 0 14px}
.pk-quote .receipt{padding:0;font-size:12px}
.pk-quote .receipt .ln{padding:5px 0}
.pk-quote .receipt .ln .v{font-size:14px}
.pk-quote .ntc{list-style:none;margin:0;padding:0;font-size:12px;color:var(--pk-mute);display:flex;flex-direction:column;gap:5px}
.pk-quote .ntc li:before{content:'·';margin-right:5px}
/* 숫자 굴림 */
.pk-quote .bump{animation:pk-bump .35s}
@keyframes pk-bump{0%{transform:translateY(6px);opacity:.3}100%{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.pk-quote .bump{animation:none}}
/* 상세 설명(860px 이미지·유튜브)이 모바일에서 잘리지 않도록 (ms-quote.css 와 같은 규칙, 그 파일이 빠져도 유지) */
.vi_cbody img,.vi_cbody iframe,.vi_cbody video{max-width:100% !important;height:auto}
.vi_cbody iframe{aspect-ratio:16/9}

/* ── 신청 CTA (케이디엘 css/sop-view-option.css .sop-cta a.go — 전화상담 신청 / 셀프구독 신청) — 사각, 셀프 = 블루 채움 · 전화 = hairline ── */
.sop-cta a.go,.vi_txt_bx .sop-cta .go{border-radius:var(--pk-r) !important;background:var(--pk-blue);box-shadow:none !important;font-weight:700}
.sop-cta a.go:hover,.vi_txt_bx .sop-cta .go:hover{background:var(--pk-blue-ink)}
.sop-cta.sop-cta2 a.go.call{background:#fff !important;color:var(--pk-blue) !important;border:1px solid var(--pk-line) !important;padding:14px 8px}   /* sop-view-option.css 가 나중에 로드되므로 !important */
.sop-cta.sop-cta2 a.go.call:hover{background:#fff !important;border-color:var(--pk-ink) !important}
/* ── 신청 CTA (케이디엘 .sop-rtl-btns .go) — 사각 블루 ── */
.sop-rtl-btns .go{background:var(--pk-blue) !important;border-radius:var(--pk-r) !important;box-shadow:none !important;font-weight:700 !important}
.sop-rtl-btns .go:hover{background:var(--pk-blue-ink) !important;transform:none !important;box-shadow:none !important}
/* PC: 오른쪽 정보 컬럼을 스크롤에 붙임 */
/* ── 상세 2단 레이아웃 (2026-09-16): 왼쪽 갤러리·비교·탭 4개 / 오른쪽 옵션 열 sticky (네이버식). 마크업 theme/basic/view_rental.skin.php .pk-vwrap ── */
@media (min-width:1025px){
  .pk-vwrap{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 40px;align-items:start}
  .pk-vwrap > .pk-vmain{grid-column:1;grid-row:1;min-width:0}
  .pk-vwrap > .pk-vside{grid-column:2;grid-row:1;position:sticky;top:16px;max-height:calc(100vh - 16px - 64px - 16px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--pk-blue) transparent;padding-right:10px}   /* 스크롤바 삼성 블루(2026-09-16 사용자 지시) + 바와 내용 사이 10px 여유(금액 끝자리 가림 방지). 옵션 열이 창보다 길면 열 안에서 따로 스크롤 — 어느 위치에서든 옵션·CTA 접근. 아래 플로팅 바(.pk-fxbar 64px)에 CTA 가 가려지지 않게 바 높이만큼 뺌 */
  .pk-vwrap > .pk-vside::-webkit-scrollbar{width:6px}.pk-vwrap > .pk-vside::-webkit-scrollbar-track{background:transparent}.pk-vwrap > .pk-vside::-webkit-scrollbar-thumb{background:var(--pk-blue);border-radius:3px}.pk-vwrap > .pk-vside::-webkit-scrollbar-thumb:hover{background:var(--pk-blue-ink)}
  .pk-vside .vi_txt_bx{width:auto;position:static}
  .pk-vmain .vi_info .vi_img_bx{margin-right:0 !important}
  .pk-vmain .vi_cbody{overflow-x:auto}
  .pk-vmain #sopCmp.pk-cmp{padding:0;margin:48px 0}
  .pk-vmain section.mart80{margin-top:56px}
}
@media (max-width:1024px){.pk-vwrap{display:block}.pk-vside .vi_txt_bx{width:100%}}
@media (max-width:640px){
  #sopOpt.pk-quote{margin:10px 0}
  .pk-quote .qh{padding:18px 16px 14px}.pk-quote .qh .big .v{font-size:30px}
  .pk-quote .lines,.pk-quote .opts,.pk-quote .folds{padding-left:16px;padding-right:16px}
  .pk-quote .prepay{margin-left:16px;margin-right:16px}
  .pk-quote .pills{gap:5px}.pk-quote .pills button{height:40px;font-size:12px}
}

/* ───────── 구매 방식 비교 (사서 쓸까, 구독할까) — pk-cmp: 판 두 장 VS, hairline 행, 2px 막대 ───────── */
#sopCmp.pk-cmp{max-width:1280px;margin:64px auto;padding:0 24px;line-height:1.33;color:var(--pk-ink);text-align:left;background:none;border:0;font-family:var(--pk-kr)}
#sopCmp.pk-cmp *{box-sizing:border-box}
.pk-cmp .pk-sh{border-top:1px solid var(--pk-ink);padding-top:22px;margin:0 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.pk-cmp .pk-sh .eb{font-family:var(--pk-en);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-blue)}
.pk-cmp .pk-sh h3{margin:8px 0 0;font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--pk-ink);line-height:1.33;padding:0}
.pk-cmp .pk-sh .ds{margin:4px 0 0;font-size:14px;color:var(--pk-mute)}
.pk-cmp .grid{display:grid;grid-template-columns:1fr 56px 1.15fr;align-items:stretch;gap:0}
.pk-cmp .vs{display:flex;align-items:center;justify-content:center;font-family:var(--pk-en);font-size:12px;color:var(--pk-mute);letter-spacing:.1em}
.pk-cmp .card{position:relative;border:1px solid var(--pk-line);border-radius:var(--pk-r);background:#fff;display:flex;flex-direction:column;overflow:visible}
.pk-cmp .card > .pin{position:absolute;top:-1px;left:24px;width:28px;height:3px;background:var(--pk-mute);display:block}
.pk-cmp .card.sub > .pin{background:var(--pk-blue)}
.pk-cmp .card .top{padding:24px 26px 18px;border-bottom:1px solid var(--pk-ink)}
.pk-cmp .card .cap{font-family:var(--pk-en);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-mute)}
.pk-cmp .card.sub .cap{color:var(--pk-blue)}
.pk-cmp .card h4{margin:8px 0 0;font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--pk-ink)}
.pk-cmp .card .pr{margin-top:14px}
.pk-cmp .card .pr .l{display:block;font-size:12px;color:var(--pk-mute)}
.pk-cmp .card .pr .v{display:block;font-family:var(--pk-en);font-size:32px;line-height:1.33;color:var(--pk-ink);margin-top:2px;font-weight:700}
.pk-cmp .card.sub .pr .v{color:var(--pk-blue)}
.pk-cmp .card .pr .v small,.pk-cmp .card .pr .v span{font-family:var(--pk-kr);font-size:14px;font-weight:700;margin-left:2px;color:var(--pk-ink)}
.pk-cmp .card .desc{margin-top:10px;font-size:14px;color:var(--pk-mute)}
.pk-cmp .card > ul{list-style:none;margin:0 26px 22px;padding:6px 0 0;border:0;font-size:14px;color:var(--pk-graphite);display:block}
.pk-cmp .card > ul li{padding:8px 0 8px 14px;position:relative;border-bottom:1px solid var(--pk-line)}
.pk-cmp .card > ul li:before{content:'';position:absolute;left:0;top:16px;width:6px;height:1px;background:var(--pk-ink)}
.pk-cmp .buy{background:var(--pk-concrete)}
.pk-cmp .buy .top{background:#fff}
.pk-cmp .sub .rec{position:absolute;right:20px;top:-12px;background:var(--pk-blue);color:#fff;font-family:var(--pk-en);font-size:12px;letter-spacing:.12em;text-transform:uppercase;border-radius:var(--pk-r);padding:4px 8px;z-index:1}
.pk-cmp .sub .save{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;margin-top:14px;background:var(--pk-blue);color:#fff;border:0;border-radius:var(--pk-r);padding:12px 16px 14px;line-height:1.33;box-shadow:0 8px 20px rgba(20,40,160,.18)}   /* 2026-09-16 사용자 지시: 절감액 강조 — 블루 판, 첫 줄 라벨 · 둘째 줄 큰 Sharp Sans 숫자 + 유리해요 (카드 안 블루 면은 이것 하나) */
.pk-cmp .sub .save .lb{width:100%;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:rgba(255,255,255,.78);margin-bottom:4px}
.pk-cmp .sub .save .lb:before{content:'';width:14px;height:14px;flex:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v14M6 12l6 6 6-6'/%3E%3C/svg%3E")}
.pk-cmp .sub .save b{font-family:var(--pk-en);font-size:26px;line-height:1;color:#fff;letter-spacing:-.4px}
.pk-cmp .sub .save .sf{font-size:14px;font-weight:700;color:#fff}
.pk-cmp .lines{padding:8px 26px 4px}
.pk-cmp .line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:14px;padding:8px 0;border-bottom:1px solid var(--pk-line)}
.pk-cmp .line .k{color:var(--pk-mute)}
.pk-cmp .line .k small{font-size:12px;margin-left:4px}
.pk-cmp .line .v{font-family:var(--pk-en);font-size:14px;color:var(--pk-ink);white-space:nowrap;font-weight:700}
.pk-cmp .line.minus .v{color:var(--pk-blue)}
.pk-cmp .line.total{border-bottom:0}
.pk-cmp .line.total .k{color:var(--pk-ink);font-weight:700}
.pk-cmp .line.total .v{font-size:16px;color:var(--pk-blue)}
.pk-cmp .bars{margin:8px 26px 0;padding:14px 0 0;border-top:1px solid var(--pk-ink)}
.pk-cmp .bar{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:12px;font-size:12px;color:var(--pk-mute);margin:8px 0}
.pk-cmp .bar .t{white-space:nowrap}
.pk-cmp .bar .tr{height:2px;background:var(--pk-line);display:block;position:relative}
.pk-cmp .bar .tr i{position:absolute;left:0;top:-1px;height:4px;background:var(--pk-mute);width:var(--w,100%);transition:width .6s cubic-bezier(.2,.8,.2,1);display:block}
.pk-cmp .bar.sub .tr i{background:var(--pk-blue)}
.pk-cmp .bar .n{font-family:var(--pk-en);font-weight:700;color:var(--pk-ink);font-size:12px}
.pk-cmp .bar.sub .n{color:var(--pk-blue)}
.pk-cmp .perks{margin:16px 26px 0;padding-top:12px;border-top:1px solid var(--pk-line)}
.pk-cmp .perks.care{margin-bottom:22px}
.pk-cmp .perks .t{font-family:var(--pk-en);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--pk-mute);margin-bottom:8px}
.pk-cmp .perks ul{list-style:none;margin:0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:14px;color:var(--pk-ink)}
.pk-cmp .perks ul li:before{content:'—';margin-right:8px;color:var(--pk-blue)}
.pk-cmp .perks .chips{display:flex;flex-wrap:wrap;gap:4px}
.pk-cmp .perks .chips span{font-size:12px;border:1px solid var(--pk-line);border-radius:var(--pk-r);padding:4px 9px;color:var(--pk-graphite)}
@media (max-width:900px){.pk-cmp .grid{grid-template-columns:1fr}.pk-cmp .vs{height:40px}}
@media (max-width:640px){#sopCmp.pk-cmp{padding:0 14px;margin:36px auto}.pk-cmp .pk-sh h3{font-size:20px}.pk-cmp .card .top{padding:18px 18px 14px}.pk-cmp .card > ul{margin:12px 18px 18px}.pk-cmp .lines{padding:6px 18px 4px}.pk-cmp .bars,.pk-cmp .perks{margin-left:18px;margin-right:18px}.pk-cmp .card .pr .v{font-size:28px}.pk-cmp .sub .save{padding:10px 14px 12px}.pk-cmp .sub .save b{font-size:22px}.pk-cmp .perks ul{grid-template-columns:1fr}}

/* 가이드 타입 스케일 점검(2026-09-15): 케이디엘 sop-view-option.css 의 13/14.5/15/10.8/11.5px·행간 1.55/1.6 덮기 */
.pk-quote button,.pk-quote .fold-hd,.pk-quote i,.pk-quote select,.pk-quote option{font-size:14px !important}
.pk-quote .lb,.pk-quote .lb.sub{font-size:14px !important}
.pk-quote small{font-size:12px !important}
.pk-quote p,.pk-quote li{font-size:12px !important;line-height:1.33 !important}
.pk-cmp li,.pk-cmp li span,.pk-cmp .desc{font-size:14px}