/* 월세결제 시안 v4: 스크롤을 내리면 장면이 차례로 올라오는 일반 웹 흐름
   - 휴대폰: 글 위 · 폰 아래 세로 배치. PC: 글과 폰을 좌우로(장면마다 좌우 교차).
   - 각 장면의 폰과 소품은 그 장면이 화면에 들어올 때 스크롤에 맞춰 움직인다.
   - 배경은 페이지와 함께 흐르는 밝은 그라데이션 하나 (고정·움직이는 배경 없음).
   - JS가 없거나 실패해도 모든 글과 앱 화면은 그대로 보인다. 움직임은 transform/opacity만. */

.sx-rent{--mint-50:#EEF8F5;--mint-100:#DDF1EB}
.sx-rent main{position:relative;z-index:1}

/* ---------- 배경: 페이지와 함께 흐르는 밝은 민트 그라데이션 하나 (고정 레이어·움직이는 무늬 없음 = 끊김 없음) ---------- */
body.sx-rent{background:linear-gradient(180deg,#F7FCFA 0%,#EAF7F2 22%,#F6FBF9 45%,#E8F5F0 70%,#F7FCFA 100%)}

/* ---------- 글 ---------- */
.rs-h1{font-size:clamp(30px,4.6vw,58px);line-height:1.18;letter-spacing:-.035em;font-weight:800}
.rs-h2{font-size:clamp(25px,3.2vw,42px);line-height:1.28;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.rs-eyebrow{font-size:14px;font-weight:700;color:var(--mint-ink);margin-bottom:10px;letter-spacing:-.01em}
.nw{white-space:nowrap}
.sx-rent .sx-faq summary{text-wrap:balance}
.rs-key{color:var(--mint-ink)}
.rs-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--mint-ink);background:#fff;box-shadow:inset 0 0 0 1px var(--mint-100);border-radius:var(--r-pill);padding:5px 12px;margin-bottom:12px}
.rs-lead{margin-top:14px;font-size:clamp(15px,1.25vw,18px);line-height:1.7;color:var(--ink-2);max-width:30em}
/* 문장마다 줄을 바꿔 어절이 어색하게 끊기지 않게 */
.rs-lead > span{display:block}
.rs-btns{margin-top:22px}
.rs-rates{display:flex;gap:28px;margin-top:14px}
.rs-rates dt{font-size:13px;color:var(--ink-2)}
.rs-rates dd{margin:2px 0 0;font-size:clamp(30px,3.4vw,44px);font-weight:800;color:var(--mint-ink);letter-spacing:-.03em;line-height:1.15}
.rs-steps{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px;counter-reset:rs}
.rs-steps li{counter-increment:rs;display:grid;grid-template-columns:30px 1fr;column-gap:12px;align-items:baseline;line-height:1.4}
.rs-steps li::before{content:counter(rs);grid-row:span 2;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:#fff;background:var(--mint-ink)}
.rs-steps b{font-size:17px}
.rs-steps span{font-size:14.5px;color:var(--ink-2)}

/* ---------- 장면 ---------- */
.rv-sec{padding:56px 0 24px}
.rv-hero{padding-top:28px}
.rv-in{max-width:1120px;margin-inline:auto;padding-inline:20px;display:grid;gap:8px;align-items:center}
.rv-visual{
  position:relative;height:min(104vw,460px);margin-inline:-20px;
  perspective:1100px;container-type:size;--u:min(1.18vw,5.4px);
}
@supports (height:1cqh){ .rv-visual{--u:1cqh} }
.rv-visual{
  /* 소품 공통 토큰: 흰 정보 카드는 모두 같은 모서리·여백·그림자 */
  --pr-r:calc(3.3 * var(--u));--pr-p:calc(3 * var(--u));--pr-sh:0 calc(2.5 * var(--u)) calc(5 * var(--u)) calc(-2 * var(--u)) rgba(17,40,35,.32);--pr-fs:max(11px,calc(2.3 * var(--u)))}

/* 폰: 한 장짜리 기기. 금속 테두리 + 검은 베젤 + 화면, 옆면 두께는 기기 모양 그림자를 겹쳐 만든다.
   여러 겹 3D 층을 쓰지 않아 휴대폰 브라우저에서도 깜빡임·줄무늬·뒷면 노출이 없다.
   --d: 두께가 보이는 쪽 (1 오른쪽, -1 왼쪽). JS가 기울기 방향에 맞춰 넣는다. */
.rs-ph{
  position:absolute;inset:0;margin:auto;
  height:88%;aspect-ratio:.4733;z-index:2;
  --d:1;--R:calc(6.6 * var(--u));
  border-radius:var(--R);padding:calc(.5 * var(--u));
  background:linear-gradient(135deg,#F1F4F6 0%,#A7B0B8 22%,#E3E8EC 48%,#8E979F 76%,#DCE1E5 100%);
  box-shadow:
    calc(var(--d) * .45 * var(--u)) 0 0 0 #C3CAD0,
    calc(var(--d) * .95 * var(--u)) 0 0 0 #8B949C,
    calc(var(--d) * 1.45 * var(--u)) 0 0 0 #5F676F,
    calc(var(--d) * 3 * var(--u)) calc(3 * var(--u)) calc(6 * var(--u)) calc(-1 * var(--u)) rgba(22,64,54,.30);
}
/* 옆면 버튼 */
.rs-ph::after{content:"";position:absolute;top:21%;height:8%;width:calc(.6 * var(--u));border-radius:calc(.3 * var(--u));background:#7F8890;
  left:calc(50% + var(--d) * (50% + 1.45 * var(--u)) - .3 * var(--u))}
.ph-float{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.ph-shadow{position:absolute;left:50%;bottom:1%;width:44%;height:7%;translate:-50% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(17,40,35,.28),rgba(17,40,35,0));z-index:0}
.rs-screen{position:relative;width:100%;height:100%;box-sizing:border-box;border:calc(1.05 * var(--u)) solid #06080A;border-radius:calc(6.1 * var(--u));overflow:hidden;background:#fff}
.rs-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
/* 유리 반사 */
.rs-screen::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:8;background:linear-gradient(118deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.14) 48%,rgba(255,255,255,0) 57%)}
.rv-side{height:76%;z-index:1}
.rv-mid{z-index:3}
.rs-ripple{position:absolute;left:50%;top:91%;width:calc(20 * var(--u));height:calc(20 * var(--u));margin:calc(-10 * var(--u)) 0 0 calc(-10 * var(--u));border-radius:50%;border:calc(.6 * var(--u)) solid var(--mint);opacity:0;z-index:6}
.rs-check{position:absolute;left:50%;top:91%;width:calc(12 * var(--u));height:calc(12 * var(--u));margin:calc(-6 * var(--u)) 0 0 calc(-6 * var(--u));border-radius:50%;background:var(--mint);opacity:0;z-index:7;box-shadow:0 calc(1.5 * var(--u)) calc(3 * var(--u)) calc(-1 * var(--u)) rgba(31,122,99,.5)}
.rs-blob{position:absolute;left:50%;top:52%;width:calc(80 * var(--u));height:calc(80 * var(--u));translate:-50% -50%;border-radius:50%;background:radial-gradient(circle,rgba(92,191,164,.26),rgba(92,191,164,0) 66%)}

/* 소품: 무대 가운데 기준 (JS가 xPercent/yPercent -50 후 x/y로 옮김). JS 없으면 숨김 */
.rv-visual > .rs-card,.rv-visual > .rs-meter,.rv-visual > .rs-doc,.rv-visual > .rs-bank,.rv-visual > .rs-list,.rv-visual > .rs-toast{
  position:absolute;left:50%;top:50%;z-index:4;opacity:0;
}
/* 신용카드: 실물 비율·모서리, 줄 있는 IC칩, 양각 번호, 비접촉 마크, 위쪽 빛 테두리·아래쪽 두께.
   전부 정적 그림이라 비용 없음. .sheen 만 JS가 transform 으로 쓸고 지나간다(광택).
   모든 카드는 무대 안에서만 움직인다 (화면 밖 잘림 없음). */
.rs-card{
  width:calc(36 * var(--u));aspect-ratio:1.586;border-radius:calc(1.8 * var(--u));padding:calc(2.8 * var(--u));
  color:#fff;font-size:calc(2.3 * var(--u));
  background:
    radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),
    linear-gradient(135deg,#1C2126 0%,#3B444D 48%,#20262C 100%);
  box-shadow:
    inset 0 calc(0.15 * var(--u)) 0 rgba(255,255,255,.28),
    inset 0 0 0 calc(0.12 * var(--u)) rgba(255,255,255,.10),
    0 calc(0.45 * var(--u)) 0 0 rgba(10,12,14,.55),
    0 calc(3 * var(--u)) calc(5 * var(--u)) calc(-1.6 * var(--u)) rgba(17,20,24,.42);
  display:flex;flex-direction:column;justify-content:flex-end;gap:calc(0.5 * var(--u));overflow:hidden;
}
/* 아주 옅은 헤어라인 질감 */
.rs-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.03) 0 1px,rgba(255,255,255,0) 1px 4px)}
.rs-card .chip{position:absolute;left:calc(2.4 * var(--u));top:calc(3.6 * var(--u));width:calc(5.2 * var(--u));height:calc(4 * var(--u));border-radius:calc(0.75 * var(--u));
  background:
    linear-gradient(90deg,transparent 31%,rgba(110,80,20,.45) 31% 34%,transparent 34% 66%,rgba(110,80,20,.45) 66% 69%,transparent 69%),
    linear-gradient(180deg,transparent 32%,rgba(110,80,20,.45) 32% 36%,transparent 36% 64%,rgba(110,80,20,.45) 64% 68%,transparent 68%),
    linear-gradient(135deg,#F6E3A2,#C9A24C 55%,#E8CF84);
  box-shadow:inset 0 0 0 calc(0.12 * var(--u)) rgba(110,80,20,.35)}
.rs-card .nfc{position:absolute;left:calc(8.6 * var(--u));top:calc(4 * var(--u));width:calc(2.8 * var(--u));height:calc(3.2 * var(--u));
  background:radial-gradient(circle at 0 50%,transparent 26%,rgba(255,255,255,.75) 27% 33%,transparent 34% 52%,rgba(255,255,255,.75) 53% 59%,transparent 60% 78%,rgba(255,255,255,.75) 79% 85%,transparent 86%)}
.rs-card strong{position:absolute;right:calc(2.4 * var(--u));top:calc(2.6 * var(--u));font-size:calc(2.7 * var(--u));font-weight:800;letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums}
.rs-card small{position:absolute;right:calc(2.4 * var(--u));top:calc(5.8 * var(--u));font-size:max(9px,calc(1.6 * var(--u)));font-weight:700;opacity:.75}
.rs-card b{display:block;white-space:nowrap;font-weight:700;font-size:calc(2.15 * var(--u));letter-spacing:.06em;font-variant-numeric:tabular-nums;
  text-shadow:0 1px 0 rgba(0,0,0,.45),0 -1px 0 rgba(255,255,255,.16)}
.rs-card em{font-style:normal;white-space:nowrap;font-size:max(8px,calc(1.5 * var(--u)));opacity:.75;font-weight:700;letter-spacing:.12em;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.rs-card .sheen{position:absolute;top:-20%;bottom:-20%;left:0;width:45%;pointer-events:none;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.4) 50%,rgba(255,255,255,0));transform:translateX(-160%) skewX(-12deg)}
.rs-card.rv-fan{width:calc(30 * var(--u))}
.rs-fan-1{background:
    radial-gradient(130% 90% at 110% 120%,rgba(255,255,255,.16) 0 38%,rgba(255,255,255,0) 39%),
    radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.18),rgba(255,255,255,0) 55%),
    linear-gradient(135deg,#145646 0%,#258A70 55%,#4FB497 100%)}
.rs-fan-2{background:
    radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.16),rgba(255,255,255,0) 55%),
    linear-gradient(135deg,#1C2126 0%,#3B444D 48%,#20262C 100%)}
.rs-fan-3{color:var(--ink);background:
    radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.7),rgba(255,255,255,0) 55%),
    linear-gradient(135deg,#F1F4F6 0%,#C7CED4 50%,#E9EDF0 100%)}
.rs-fan-3 b,.rs-fan-3 strong,.rs-fan-3 em{text-shadow:0 1px 0 rgba(255,255,255,.7)}

.rs-meter{width:calc(34 * var(--u));padding:var(--pr-p);border-radius:var(--pr-r);background:#fff;box-shadow:var(--pr-sh);font-size:var(--pr-fs);color:var(--ink-2);font-weight:700}
.rs-meter em{display:block;font-style:normal;font-size:calc(3.6 * var(--u));font-weight:800;color:var(--mint-ink);letter-spacing:-.02em;margin-top:calc(0.4 * var(--u))}
.rs-meter i{display:block;margin-top:calc(1.4 * var(--u));height:calc(1.4 * var(--u));border-radius:calc(1 * var(--u));background:var(--mint-50);overflow:hidden}
.rs-meter s{display:block;height:100%;width:100%;background:linear-gradient(90deg,#5CBFA4,#1F7A63);transform-origin:left;transform:scaleX(.18)}

.rs-doc{width:calc(32 * var(--u));padding:var(--pr-p);border-radius:var(--pr-r);background:#fff;box-shadow:var(--pr-sh);font-size:var(--pr-fs);color:var(--ink-2)}
.rs-doc > b{display:block;font-size:calc(3.2 * var(--u));color:var(--ink);padding-bottom:calc(1.6 * var(--u));margin-bottom:calc(1.6 * var(--u));border-bottom:calc(.3 * var(--u)) solid var(--mint)}
.rs-doc dl{display:grid;gap:calc(1.4 * var(--u))}
.rs-doc dl div{display:flex;justify-content:space-between}
.rs-doc dd{margin:0;color:var(--ink);font-weight:700}
.rs-stamp{display:inline-block;margin-top:calc(2.4 * var(--u));padding:calc(.8 * var(--u)) calc(1.6 * var(--u));border:calc(.3 * var(--u)) solid #E2584B;color:#E2584B;border-radius:calc(1 * var(--u));font-weight:800;rotate:-6deg}

.rs-bank{width:calc(35 * var(--u));padding:var(--pr-p);border-radius:var(--pr-r);background:#fff;box-shadow:var(--pr-sh);font-size:var(--pr-fs);color:var(--ink-2)}
.rs-bank > b{display:block;font-size:calc(4.6 * var(--u));color:var(--mint-ink);margin:calc(.6 * var(--u)) 0 calc(1.8 * var(--u));letter-spacing:-.03em}
.rs-bank dl{display:grid;gap:calc(1.2 * var(--u));border-top:calc(.2 * var(--u)) solid var(--line);padding-top:calc(1.8 * var(--u))}
.rs-bank dl div{display:flex;justify-content:space-between}
.rs-bank dd{margin:0;color:var(--ink);font-weight:700}

.rs-list{width:calc(33 * var(--u));padding:var(--pr-p);border-radius:var(--pr-r);background:#fff;box-shadow:var(--pr-sh);font-size:var(--pr-fs);color:var(--ink-2)}
.rs-list ul{list-style:none;margin:calc(1.6 * var(--u)) 0 0;padding:0;display:grid;gap:calc(1.2 * var(--u))}
.rs-list li{font-size:calc(2.7 * var(--u));font-weight:700;color:var(--ink);display:flex;align-items:center;gap:calc(1.2 * var(--u))}
.rs-list li::before{content:"";width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));border-radius:50%;background:var(--mint) center/60% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E")}
.rs-list p{margin-top:calc(1.8 * var(--u));padding-top:calc(1.6 * var(--u));border-top:calc(.2 * var(--u)) solid var(--line);font-weight:800;color:var(--mint-ink)}

.rs-toast{width:min(calc(56 * var(--u)),calc(100% - 24px));display:flex;gap:calc(1.8 * var(--u));align-items:center;padding:var(--pr-p);border-radius:var(--pr-r);background:#fff;box-shadow:var(--pr-sh);font-size:var(--pr-fs);color:var(--ink-2)}
.rs-toast img{width:calc(6 * var(--u));height:calc(6 * var(--u));border-radius:calc(1.6 * var(--u));flex:none}
.rs-toast b{display:block;font-size:calc(2.8 * var(--u));color:var(--ink);margin:calc(.3 * var(--u)) 0}
.rs-toast em{font-style:normal;color:var(--ink-2)}

/* ---------- 하단 FAQ · CTA ---------- */
.sx-rent .sx-faq{background:#fff;position:relative;z-index:1}

.rs-fee{margin-top:16px;font-size:13.5px;line-height:1.6;color:var(--ink-2)}
.rs-legal{position:relative;z-index:1;max-width:1120px;margin:-24px auto 0;padding:0 20px 36px;font-size:12.5px;line-height:1.7;color:var(--ink-2);text-align:center}

/* ---------- FAQ: 3개만 먼저, 맨 아래 버튼으로 더 보기/접기 (JS 없으면 전부 보임) ---------- */
.rs-faq-js .rs-faq-rest{display:none}
.rs-faq-js.rs-faq-open .rs-faq-rest{display:block}
.rs-faq-toggle{margin-top:16px;width:100%;height:48px;border:0;border-radius:14px;background:var(--mint-50);color:var(--mint-ink);font:inherit;font-size:15px;font-weight:800;cursor:pointer}
.rs-faq-toggle::after{content:"";display:inline-block;width:8px;height:8px;margin-left:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-3px) rotate(45deg)}
.rs-faq-open .rs-faq-toggle::after{transform:translateY(1px) rotate(225deg)}

/* ---------- 마무리 배너: 메인 배너처럼 사진 + 흰색 페이드 위에 글 ---------- */
.rs-cta{position:relative;z-index:1;padding:28px 16px 44px}
.rs-cta-card{position:relative;max-width:1120px;margin-inline:auto;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 18px 40px -24px rgba(17,40,35,.35),inset 0 0 0 1px rgba(31,122,99,.08)}
.rs-cta-img{display:block;width:100%;height:240px;object-fit:cover;object-position:62% 30%}
.rs-cta-card::before{content:"";position:absolute;left:0;right:0;top:0;height:242px;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,0) 50%,#fff 100%)}
.rs-cta-body{position:relative;z-index:2;margin-top:-30px;padding:0 22px 26px}
.rs-cta-h{font-size:clamp(26px,3.2vw,40px);line-height:1.25;letter-spacing:-.03em;font-weight:800;text-wrap:balance}
.rs-cta-lead{margin-top:10px;font-size:15px;line-height:1.65;color:var(--ink-2)}
.rs-cta .sx-btns{margin-top:20px}
@media (min-width:900px){
  .rs-cta{padding:56px 20px 80px}
  .rs-cta-card{min-height:420px;display:flex;align-items:center}
  .rs-cta-img{position:absolute;right:0;top:0;width:52%;height:100%;object-position:60% 35%}
  .rs-cta-card::before{height:auto;bottom:0;background:linear-gradient(90deg,#fff 0%,#fff 46%,rgba(255,255,255,.75) 52%,rgba(255,255,255,0) 66%)}
  .rs-cta-body{margin-top:0;padding:48px 56px;max-width:560px}
  .rs-cta-lead{font-size:17px}
}

/* ---------- PC: 좌우 배치, 장면마다 교차 ---------- */
@media (min-width:900px){
  .rv-sec{padding:40px 0;min-height:86vh;display:flex;align-items:center}
  .rv-sec > .rv-in{width:100%}
  .rv-in{grid-template-columns:1fr 1fr;gap:56px}
  .rv-visual{height:min(78vh,640px);margin-inline:0}
  .rv-flip .rv-copy{order:2}
  .rv-hero{min-height:calc(100vh - 124px)}
}

/* 이 페이지만: html·body 가로 넘침 처리 */
html.rs-page,html.rs-page body{overflow-x:visible}
@supports (overflow-x:clip){ html.rs-page,html.rs-page body{overflow-x:clip} }

/* ---------- 하단 배너 (대표 확정 스타일: 사진 + 흰 알약 라벨 + 2줄 굵은 제목 + 진초록 작은 버튼 →) ---------- */
.rs-cta-card{border-radius:24px;box-shadow:0 1px 2px rgba(20,60,55,.05),0 4px 12px rgba(90,145,135,.08),0 0 0 1px #E9F1EE;min-height:230px;display:flex;align-items:center}
.rs-cta-card::before{display:none}
.rs-cta-img{position:absolute;right:0;top:0;width:auto;height:100%;max-width:62%;object-fit:cover;object-position:70% 30%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.rs-cta-body{margin-top:0;padding:24px 20px;max-width:60%}
.rs-cta-label{display:inline-block;padding:5px 12px;border-radius:999px;background:#fff;color:#2F6B63;font-size:13px;font-weight:800;box-shadow:0 1px 2px rgba(20,60,55,.05),0 4px 12px rgba(90,145,135,.08)}
.rs-cta-h{margin-top:12px;font-size:clamp(22px,3.4vw,40px);line-height:1.25;letter-spacing:-.05em;color:#131E18;font-weight:800}
.rs-cta-h .rs-key{color:#47936C}
.rs-cta-lead{margin-top:8px;font-size:13px;color:#5B6B6B}
.rs-cta-btn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;height:40px;padding:0 16px;border-radius:999px;background:#111418;color:#fff;font-size:14px;font-weight:800;box-shadow:0 6px 14px -6px rgba(17,20,24,.45)}
.rs-cta-btn::after{content:"→"}
@media (min-width:900px){
  .rs-cta-card{min-height:400px}
  .rs-cta-img{max-width:56%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 30%);mask-image:linear-gradient(90deg,transparent 0,#000 30%)}
  .rs-cta-body{padding:48px 56px;max-width:520px}
  .rs-cta-lead{font-size:16px}
  .rs-cta-btn{height:48px;padding:0 22px;font-size:16px}
}

/* 기능만 유지 (모양은 이전 시안 그대로): h1 안 라벨 줄, 중간 시작 링크, 선으로 그려지는 체크 */
.rs-eyebrow{display:block}
.rs-inline-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:15px;font-weight:800;color:var(--mint-ink)}
.rs-inline-cta::after{content:"→"}
.rs-check{display:grid;place-items:center}
.rs-check svg{width:62%;height:62%;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rs-list li .ck{width:calc(2.6 * var(--u));height:calc(2.6 * var(--u));border-radius:50%;background:var(--mint);display:grid;place-items:center;flex:none}
.rs-list li .ck svg{width:62%;height:62%;fill:none;stroke:#fff;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.rs-ckjs li::before{display:none}
/* FAQ 아래부터 하단 배너·고지까지 흰 바탕 (민트 그라데이션이 비치지 않게) */
.rs-cta,.rs-legal{background:#fff}
.rs-legal{margin-top:0;padding-top:4px}
.rs-cta{padding-top:12px}

/* =====================================================================
   공통 글자 단계 (네 페이지 공통 · 2026-10-06 대표 요청: 간격·줄간격 통일)
   제목 줄간격 1.3 / 본문 1.65 / 태그→제목 12 / 제목→본문 14 / 본문→버튼 20
   ===================================================================== */
.sx{--t-h1-lh:1.22;--t-h2-lh:1.3;--t-body-lh:1.65;--t-gap-tag:12px;--t-gap-lead:14px;--t-gap-cta:20px}
.rs-h1{line-height:var(--t-h1-lh);letter-spacing:-.035em}
.rs-h2{line-height:var(--t-h2-lh);letter-spacing:-.03em}
.rs-eyebrow{margin-bottom:var(--t-gap-tag)}
.rs-tag{margin-bottom:var(--t-gap-tag)}
.rs-lead{margin-top:var(--t-gap-lead);line-height:var(--t-body-lh);letter-spacing:-.01em}
.rs-lead > span + span{margin-top:2px}
.rs-btns,.rs-rates,.rs-steps{margin-top:var(--t-gap-cta)}
.rs-inline-cta{margin-top:16px}
.rs-fee{margin-top:16px;line-height:var(--t-body-lh)}
.rs-steps b{line-height:1.35}
.rs-steps span{line-height:1.5}
.rv-sec{padding:64px 0 16px}
.rv-hero{padding-top:32px}
.rs-cta-h{line-height:var(--t-h2-lh)}
.rs-cta-lead{line-height:1.55}
.sx-faq summary{line-height:1.45}
.sx-faq .sx-body{line-height:var(--t-body-lh)}

/* ---------- 월세결제 고유: 우리 집 창가 (하늘빛 민트 + 아치형 창문 빛) ---------- */
body.sx-rent:not(.sx-invoice):not(.sx-sugi):not(.sx-link){background:linear-gradient(180deg,#FFFFFF 0%,#EEF8F6 18%,#F8FCFB 40%,#EAF6F2 68%,#FFFFFF 100%)}
.sx-rent:not(.sx-invoice):not(.sx-sugi):not(.sx-link) .rv-hero .rv-visual::before{
  content:"";position:absolute;left:50%;top:4%;width:calc(62 * var(--u));height:94%;translate:-50% 0;z-index:0;pointer-events:none;
  border-radius:calc(31 * var(--u)) calc(31 * var(--u)) calc(3 * var(--u)) calc(3 * var(--u));
  background:
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.9) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(180deg,transparent 46%,rgba(255,255,255,.9) 46% calc(46% + 2px),transparent calc(46% + 2px)),
    linear-gradient(180deg,#DFF3EE 0%,#F4FBF9 55%,#FFFFFF 100%);
  box-shadow:inset 0 0 0 calc(1.2 * var(--u)) #fff,0 calc(2 * var(--u)) calc(6 * var(--u)) rgba(31,122,99,.10)}
.sx-rent:not(.sx-invoice):not(.sx-sugi):not(.sx-link) .rv-hero .rv-visual::after{
  content:"";position:absolute;left:8%;top:6%;width:84%;height:80%;z-index:0;pointer-events:none;
  background:linear-gradient(118deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.55) 42%,rgba(255,255,255,0) 54%);filter:none}
.sx-rent:not(.sx-invoice):not(.sx-sugi):not(.sx-link) .rv-hero .rs-blob{display:none}


/* ---------- 수수료 구간 (여러 페이지 공용: 홈·QR·단말기·수기·링크) ---------- */
.fee-sec{ position:relative; z-index:1; padding:64px 0 8px; word-break:keep-all; }
.fee-in{ max-width:1120px; margin:0 auto; padding:0 20px; }
.fee-h3{ margin:26px 0 0; font-size:17px; font-weight:800; letter-spacing:-.02em; }
.fee-tablewrap{ margin-top:18px; border-radius:18px; overflow:hidden; background:#fff; box-shadow:inset 0 0 0 1px rgba(17,20,24,.09); }
.fee-table{ width:100%; border-collapse:collapse; font-size:15px; line-height:1.5; }
.fee-table th,.fee-table td{ text-align:left; padding:14px 16px; border-top:1px solid rgba(17,20,24,.09); vertical-align:middle; }
.fee-table thead th{ border-top:0; font-size:13px; font-weight:700; color:#5E6870; background:var(--mint-50,#EEF8F5); }
.fee-table tbody th{ font-weight:800; white-space:nowrap; }
.fee-table td.num{ font-variant-numeric:tabular-nums; }
.fee-table td.num b{ font-size:17px; color:var(--mint-ink,#1F7A63); }
.fee-big{ margin-top:18px; display:flex; flex-wrap:wrap; align-items:baseline; gap:6px 18px; padding:22px 26px; border-radius:20px; background:var(--mint-50,#EEF8F5); }
.fee-big b{ font-size:clamp(46px,9vw,76px); line-height:1; letter-spacing:-.045em; font-weight:800; color:var(--mint-ink,#1F7A63); font-variant-numeric:tabular-nums; }
.fee-big span{ font-size:17px; font-weight:800; letter-spacing:-.02em; }
.fee-big small{ display:block; margin-top:2px; font-size:13.5px; font-weight:600; color:#5B6B6B; }
.fee-note{ margin:14px 0 0; max-width:46em; font-size:13px; line-height:1.6; color:#5E6870; text-wrap:pretty; }
.fee-lead{ margin:12px 0 0; max-width:40em; font-size:15.5px; line-height:1.65; color:#4A525B; }
.fee-all th,.fee-all td{ padding:13px 12px; }
.fee-all td.num b{ font-size:16px; }
@media (max-width:760px){
  .fee-tablewrap{ overflow:visible; background:none; box-shadow:none; border-radius:0; }
  .fee-table{ border:0; }
  .fee-table thead{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
  .fee-table, .fee-table tbody, .fee-table tr, .fee-table th, .fee-table td{ display:block; width:100%; box-sizing:border-box; }
  .fee-table tr{ margin:0 0 12px; padding:14px 16px; border-radius:16px; background:#fff; box-shadow:inset 0 0 0 1px rgba(17,20,24,.1); }
  .fee-table tbody th{ border:0; padding:0 0 8px; font-size:17px; white-space:normal; }
  .fee-table td{ border:0 !important; padding:5px 0 !important; display:grid; grid-template-columns:104px minmax(0,1fr); gap:10px; font-size:14.5px; }
  .fee-table td::before{ content:attr(data-label); font-size:12.5px; font-weight:800; color:#5E6870; }
}
.fee-sec .rs-tag{ background:var(--mint-50,#EEF8F5); color:var(--mint-ink,#1F7A63); box-shadow:none; }


/* 수수료 등급: 막대 그래프형 (표·칸 나누기 대신) */
.fee-sec ol.fee-scale{ list-style:none; margin:24px 0 0; padding:30px 28px 22px; box-shadow:inset 0 0 0 1px rgba(17,20,24,.08); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px; align-items:end; border-radius:22px; background:linear-gradient(180deg,#fff,#F3FAF7); }
.fee-scale li{ display:grid; gap:8px; align-content:end; justify-items:start; min-width:0; }
.fee-scale b{ order:1; font-size:clamp(20px,2.4vw,28px); font-weight:800; letter-spacing:-.03em; color:var(--mint-ink,#1F7A63); font-variant-numeric:tabular-nums; }
.fee-scale i{ order:2; display:block; width:100%; height:calc(var(--p) * 1.5px); border-radius:14px 14px 4px 4px; background:linear-gradient(180deg,#8FD6C2,#BFE8DB); }
.fee-scale li:last-child i{ background:linear-gradient(180deg,#3FA98C,#7CCDB8); }
.fee-scale .fs-g{ order:3; font-size:15px; font-weight:800; line-height:1.3; padding-top:4px; border-top:2px solid rgba(17,20,24,.12); width:100%; }
.fee-scale small{ display:block; margin-top:2px; font-size:12px; font-weight:600; color:#5E6870; }
@media (max-width:760px){
  .fee-sec ol.fee-scale{ grid-template-columns:1fr; gap:16px; padding:22px 18px; }
  .fee-scale li{ grid-template-columns:104px minmax(0,1fr) auto; align-items:center; gap:12px; justify-items:stretch; }
  .fee-scale .fs-g{ order:1; border:0; padding:0; font-size:14.5px; }
  .fee-scale i{ order:2; height:10px; width:calc(var(--p) * 1%); min-width:12px; border-radius:99px; background:linear-gradient(90deg,#BFE8DB,#8FD6C2); }
  .fee-scale li:last-child i{ background:linear-gradient(90deg,#7CCDB8,#3FA98C); }
  .fee-scale b{ order:3; font-size:18px; }
}