/* 리체 — 약관·정책 쪽 공통 (아이넥스 약관 쪽 꼴 참고 · 2026-10-14) */
:root{--paper:#FFFFFF;--mist:#F3F6F6;--ink:#0B1E3A;--body-ink:#22324B;--muted:#5A6878;--line:#DCE3E6;--teal:#18C29C;--teal-ink:#0B8A6E;--teal-text:#07705A;--teal-soft:#E3F7F1;--warn:#B42318;--warn-bg:#FFF1EE;--foot:#0B1E3A;color-scheme:light}
*{box-sizing:border-box}
html{word-break:keep-all;overflow-wrap:break-word;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:16px;line-height:1.8}
a{color:var(--teal-text)}
:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}
.dbar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px clamp(16px,4vw,48px);background:rgba(255,255,255,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.logo svg{width:40px;height:40px;flex:none}
.logo b{font-size:24px;font-weight:900;letter-spacing:-.03em;line-height:1}
.logo small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.bar-r{display:flex;gap:8px}
.home,.cta{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:12px;text-decoration:none;font-weight:700;font-size:15px}
.home{border:1.5px solid var(--line);color:var(--ink)}
.cta{background:var(--ink);color:#fff}
.doc{max-width:960px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(16px,4vw,32px) 96px}
.rule{height:5px;background:linear-gradient(90deg,var(--teal) 0 20%,var(--ink) 20% 100%);margin-bottom:clamp(28px,4vw,48px)}
.kicker{font-size:14px;font-weight:900;letter-spacing:.16em;color:var(--teal-text);margin:0 0 10px}
.doc h1{font-size:clamp(34px,5vw,52px);line-height:1.15;letter-spacing:-.035em;font-weight:900;margin:0 0 12px}
.sub{color:var(--muted);font-size:17px;margin:0 0 32px}
.draft{border:2px solid var(--warn);background:var(--warn-bg);color:var(--warn);font-weight:800;border-radius:12px;padding:12px 16px;margin:0 0 20px}
.quote{border-left:5px solid var(--ink);background:var(--mist);padding:20px 24px;margin:0 0 8px;color:var(--ink)}
.sec{border-top:1px solid var(--line);margin-top:40px;padding-top:32px}
.sec h2{font-size:clamp(21px,2.4vw,26px);font-weight:900;letter-spacing:-.02em;margin:0 0 14px}
.sec p{margin:0 0 12px;color:var(--body-ink)}
.sec ul,.sec ol{margin:0 0 12px;padding-left:22px;color:var(--body-ink)}
.sec li{margin:4px 0}
table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:15.5px}
thead th{background:var(--ink);color:#fff;font-weight:700;text-align:left;padding:16px 18px}
td,tbody th{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--body-ink);font-weight:400}
tbody th{width:30%;color:var(--ink);font-weight:600}
.note{background:var(--teal-soft);border-radius:12px;padding:16px 20px;color:var(--ink)}
.ask{display:inline-block;font-weight:700;color:var(--warn);background:var(--warn-bg);border-radius:6px;padding:0 6px}
.eff{margin-top:48px;padding-top:24px;border-top:2px solid var(--ink);font-weight:700}
.eff span{color:var(--muted);font-weight:400;margin-right:12px}
@media (max-width:600px){.logo small{display:none}.home{padding:0 14px}.cta{display:none}tbody th{width:38%}td,tbody th,thead th{padding:12px 12px}}
/* 아래 띠 */
.sf{background:var(--foot);color:#C9D3E0;padding:clamp(40px,5vw,64px) clamp(16px,4vw,48px) 28px;font-size:15px;line-height:1.7}
.sf-in{max-width:1240px;margin:0 auto}
.sf-top{display:grid;grid-template-columns:minmax(0,1.6fr) auto auto;gap:28px 56px;align-items:start}
.sf-logo{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;margin-bottom:14px}
.sf-logo svg{width:40px;height:40px}
.sf-logo b{font-size:26px;font-weight:900;letter-spacing:-.03em;color:#fff}
.sf-logo small{font-size:13px;color:#8FA3BC}
.sf-l p{margin:0 0 4px}
.sf-nav{display:flex;flex-direction:column;gap:6px}
.sf-nav a{color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.sf-r{text-align:right}
.sf-r .tel{display:block;color:#fff;font-size:clamp(26px,2.6vw,34px);font-weight:900;text-decoration:none;font-variant-numeric:tabular-nums;line-height:1.2;margin-bottom:6px}
.sf-r .mail{color:#C9D3E0;text-decoration:none}
.sf-legal{margin:28px 0 0;padding-top:20px;border-top:1px solid #24395A;color:#8FA3BC;font-size:14px}
.sf-bot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;margin-top:14px}
.sf-bot small{color:#8FA3BC;font-size:14px}
.sf-bot nav{display:flex;flex-wrap:wrap;gap:6px 22px}
.sf-bot nav a{color:#C9D3E0;text-decoration:none;font-size:14px;font-weight:600;min-height:32px;display:inline-flex;align-items:center}
.sf-bot nav a.pv{color:#fff;font-weight:900}
.sf-bot nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.sf-top{grid-template-columns:1fr}.sf-r{text-align:left}}

/* 9/22 확정 가로 로고 — RI·CHE 초록 굵게(Sora 700) · sk·ck 옅게(Sora 300) · 아래 한글(IBM Plex Sans KR) */
.lk{display:flex;flex-direction:column;gap:3px;line-height:1}
.lk-w{font-family:"Sora",sans-serif;font-size:23px;letter-spacing:-.035em;white-space:nowrap}
.lk-w b{font-weight:700;color:#35C9A0}.lk-w i{font-style:normal;font-weight:300;color:#8C9CAB}
.lk small{font-family:"IBM Plex Sans KR","Noto Sans KR",sans-serif;font-size:12px;letter-spacing:.02em;color:#8C9CAB;white-space:nowrap;margin:0}
.sf-logo .lk-w i{color:#8FA3BC}
@media (max-width:600px){.lk-w{font-size:19px}.dbar .lk small{display:none}}

/* ★ 2026-10-31 대표 지시(반영 14 · 9) — 약관 네 쪽 머리 · 바닥 로고를 반영 11 A안으로(홈페이지 style#logo11 과 같은 값)
   큰 글자 「리체」(--teal-ink) · 아래 작은 줄 「RIsk CHEck · 사업장 리스크 체크」 · 휴대폰에서도 작은 줄 보임 */
.lk .lk-k{font-size:28px;font-weight:900;letter-spacing:-.03em;line-height:1;color:var(--teal-ink)}
.dbar .lk small{font-size:11px;letter-spacing:.02em}
.lk .lk-s{font-family:"Sora",sans-serif;font-size:12px;letter-spacing:-.02em}
.lk .lk-s b{font-size:inherit;font-weight:700;color:#35C9A0;letter-spacing:inherit}.lk .lk-s i{font-style:normal;font-weight:300}
.sf-logo .lk .lk-s{font-size:13px}.sf-logo .lk .lk-s i{color:#8FA3BC}
@media (max-width:600px){.lk .lk-k{font-size:22px}.dbar .lk small{display:block;font-size:9.5px;letter-spacing:0}.dbar .lk .lk-s{font-size:10.5px}}