/* 위즈독스 예제. 글꼴은 템플릿4와 같다: M 기본, B 제목·강조, L 큰 제목 */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hd) + 20px);font-synthesis:none;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 17px/1.75 var(--font);letter-spacing:-.01em;word-break:keep-all;overflow-wrap:anywhere;font-kerning:normal}
a{color:inherit}img{display:block;max-width:100%}button,input{font:inherit;color:inherit}h1,h2,h3{letter-spacing:-.02em;line-height:1.35;margin:0}p{margin:0}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none}
:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:99;background:#fff;padding:8px 12px}
.prog{position:fixed;top:0;left:0;right:0;height:3px;z-index:30}.prog i{display:block;height:100%;width:0;background:var(--accent)}
.hd{position:sticky;top:0;z-index:20;height:var(--hd);display:flex;align-items:center;gap:10px;padding:0 clamp(12px,2vw,28px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.ib{display:grid;place-items:center;width:44px;height:44px;border:0;background:none;cursor:pointer}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.logo img{height:28px;width:auto}.logo span{font-weight:600;font-size:15px;white-space:nowrap;padding-left:10px;border-left:1px solid var(--line)}
.sbtn{display:flex;align-items:center;gap:8px;min-height:44px;margin-left:auto;padding:0 12px;width:min(320px,30vw);border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--muted);cursor:pointer;font-size:15px}.sbtn span{flex:1;text-align:left;white-space:nowrap;overflow:hidden}kbd{font:inherit;font-size:14px;border:1px solid #cfd4da;border-radius:5px;padding:0 6px;background:#fff}
.hlink,.hcta{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;white-space:nowrap}.hcta{background:var(--accent);color:#fff}
.draftbar{padding:7px clamp(12px,2vw,28px);background:#fbf8f1;border-bottom:1px solid #eadfc8;font-size:14px;line-height:1.5;color:#5e4a22}.draftbar b{margin-right:8px}
.lay{display:grid;grid-template-columns:1fr;max-width:1520px;margin:0 auto}.mn{min-width:0;padding:clamp(24px,4vw,48px) clamp(16px,4vw,56px) 80px}
.sd{position:fixed;left:0;top:0;bottom:0;width:min(320px,86vw);z-index:40;background:#fff;overflow:auto;padding:20px 14px;transform:translateX(-102%);transition:transform .25s;visibility:hidden}.sd.open{transform:none;visibility:visible;box-shadow:0 0 40px rgba(16,35,58,.25)}.scrim{position:fixed;inset:0;background:rgba(16,35,58,.4);z-index:35}.scrim[hidden]{display:none}
.tree{display:grid;gap:2px}.tree details{margin-top:14px}.tree summary{display:flex;justify-content:space-between;align-items:center;min-height:36px;padding:0 10px;font-size:14px;font-weight:600;color:var(--gold-ink);cursor:pointer}.tree summary span{font-weight:400;color:var(--muted)}
.ti{display:block;padding:8px 10px;border-radius:8px;font-size:15px;line-height:1.45;text-decoration:none;color:var(--sub)}.ti:hover{background:var(--soft);color:var(--ink)}.ti.on{background:var(--pale);color:var(--accent);font-weight:600}.ti.why{margin-top:16px;border-top:1px solid var(--line);border-radius:0;padding-top:14px}
.rt{display:none}
@media(min-width:960px){.ib.menu{display:none}.lay{grid-template-columns:290px minmax(0,1fr)}.sd{position:sticky;top:var(--hd);height:calc(100vh - var(--hd));transform:none;visibility:visible;width:auto;z-index:1;border-right:1px solid var(--line);transition:none}.scrim{display:none}}
@media(min-width:1280px){.lay:has(.rt){grid-template-columns:290px minmax(0,1fr) 240px}.rt{display:block;position:sticky;top:var(--hd);height:calc(100vh - var(--hd));overflow:auto;padding:48px 20px 20px 8px}.rt b{display:block;font-size:14px;margin-bottom:10px}.rt a{display:block;padding:5px 0 5px 12px;border-left:2px solid var(--line);font-size:14px;line-height:1.45;color:var(--muted);text-decoration:none}.rt a:hover{color:var(--ink)}.rt a.on{border-color:var(--accent);color:var(--accent);font-weight:600}}
@media(max-width:760px){.hlink{display:none}.logo span{display:none}.sbtn{width:44px;padding:0;justify-content:center;background:none;border:0}.sbtn span,.sbtn kbd{display:none}.hcta{padding:0 12px;font-size:14px}}
.crumb{font-size:14px;color:var(--muted);margin-bottom:12px}.art{max-width:760px;margin:0 auto}.art.wide{max-width:960px}
h1{font-size:clamp(28px,3vw,40px);font-weight:800}h1 em{font-style:normal;color:var(--accent)}.dek{margin-top:12px;font-size:clamp(17px,1.4vw,19px);line-height:1.6;color:var(--sub)}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}.cp{margin-left:auto;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font-size:14px}
.art section{margin-top:40px}.art h2{font-size:clamp(21px,1.8vw,25px);font-weight:800;margin-bottom:12px}.art p+p{margin-top:12px}
.art .sum{margin-top:26px;padding:20px 24px;border-radius:14px;background:var(--pale)}.sum h2{font-size:15.5px;color:var(--accent);margin-bottom:6px}.sum ol{margin:0;padding-left:20px}.sum li{padding:3px 0;line-height:1.6}
.keys{display:grid;gap:10px}@media(min-width:560px){.keys{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}}.keys>div{display:grid;gap:2px;padding:16px 18px;border:1px solid var(--line);border-radius:12px}.keys b{font-size:30px;font-weight:300;line-height:1.3;color:var(--accent)}.keys strong{font-weight:800;font-size:16px}.keys span{font-size:14.5px;line-height:1.5;color:var(--muted)}
.ck{list-style:none;margin:10px 0;padding:0}.ck li{position:relative;padding:5px 0 5px 28px;line-height:1.6}.ck li::before{content:"";position:absolute;left:4px;top:13px;width:12px;height:7px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.st{list-style:none;margin:12px 0;padding:0;counter-reset:s}.st li{counter-increment:s;position:relative;padding:0 0 18px 44px;line-height:1.6;color:var(--sub)}.st li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}.st li:not(:last-child)::after{content:"";position:absolute;left:14px;top:32px;bottom:2px;width:2px;background:var(--line)}.st b{display:block;color:var(--ink);font-weight:800}
.tb{overflow-x:auto;margin:12px 0}table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.55}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}thead th{background:var(--soft);font-weight:800;white-space:nowrap}td:first-child{font-weight:600}.dt td.n{font-size:20px;font-weight:300;color:var(--accent);white-space:nowrap}.dt tr[hidden]{display:none}.cmp tbody th{font-weight:800;white-space:nowrap}.cmp td:last-child{background:var(--pale);color:var(--ink);font-weight:600}.cmp td:first-child{font-weight:400}
.q{border-bottom:1px solid var(--line)}.q summary{min-height:48px;padding:12px 0;font-weight:600;cursor:pointer;line-height:1.5}.q p{padding:0 0 14px;color:var(--sub)}
.laws{list-style:none;margin:0;padding:0;display:grid;gap:8px}.laws li{display:grid;gap:2px;padding:12px 16px;border-radius:10px;background:var(--soft)}.laws b{font-size:15.5px;font-weight:600;line-height:1.5}.laws span{font-size:14.5px;color:var(--muted)}
.cta{display:grid;gap:14px;margin-top:40px;padding:22px 24px;border-radius:14px;background:var(--navy);color:#fff}.cta b{font-size:18px;font-weight:800}.cta p{color:#d6dde6;font-size:15.5px}.cta-b{display:flex;flex-wrap:wrap;gap:8px}@media(min-width:640px){.cta{grid-template-columns:1fr auto;align-items:center}}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:10px;background:var(--gold);color:#1a1408;font-weight:600;text-decoration:none}.btn.line{background:none;color:#fff;border:1px solid rgba(255,255,255,.5)}.art>.btn{background:var(--accent);color:#fff;margin-top:20px}
.note{margin-top:18px;font-size:14px;line-height:1.6;color:var(--muted)}.relg{display:grid;gap:8px}.relg a{padding:12px 16px;border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:600;line-height:1.5}.relg a:hover{border-color:var(--accent);color:var(--accent)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:36px}.pn a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;font-weight:600;font-size:15.5px;line-height:1.45}.pn a:hover{border-color:var(--accent)}.pn .n{text-align:right}.pn small{display:block;font-size:14px;font-weight:400;color:var(--muted)}@media(max-width:560px){.pn{grid-template-columns:1fr}.pn .n{text-align:left}.pn span{display:none}}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.chips button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer;font-size:15px}.chips .on{background:var(--navy);border-color:var(--navy);color:#fff}
.home{max-width:1000px;margin:0 auto}.eb{font-size:14px;font-weight:600;color:var(--gold-ink);margin-bottom:8px}.home h1{font-size:clamp(30px,3.6vw,48px);font-weight:300}.home h1 em{font-weight:800}
.bigs{display:flex;align-items:center;gap:10px;width:100%;min-height:58px;margin-top:24px;padding:0 18px;border:1px solid #c5ccd5;border-radius:14px;background:#fff;color:var(--muted);cursor:pointer;text-align:left;box-shadow:0 8px 24px rgba(16,35,58,.07)}.bigs:hover{border-color:var(--accent)}
.hg{margin-top:38px}.hg h2{font-size:15.5px;color:var(--gold-ink);font-weight:800;margin-bottom:10px}.hgg{display:grid;gap:10px}@media(min-width:680px){.hgg{grid-template-columns:1fr 1fr}}.hgg a{display:grid;gap:4px;align-content:start;padding:16px 18px;border:1px solid var(--line);border-radius:12px;text-decoration:none;transition:border-color .15s,transform .15s}.hgg a:hover{border-color:var(--accent);transform:translateY(-2px)}.hgg b{font-weight:800;font-size:16.5px;line-height:1.45}.hgg span{font-size:14.5px;line-height:1.5;color:var(--muted)}
.dlb{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;margin-top:32px;padding:20px 24px;border-radius:14px;background:var(--navy);color:#fff;text-decoration:none}.dlb b{font-weight:800;font-size:18px}.dlb span{color:#d6dde6}
dialog{width:min(640px,calc(100vw - 24px));max-height:76vh;margin:10vh auto auto;padding:0;border:0;border-radius:16px;box-shadow:0 30px 80px rgba(16,35,58,.35)}dialog::backdrop{background:rgba(16,35,58,.45)}
.sq{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--line)}.sq input{flex:1;min-width:0;min-height:44px;border:0;outline:0;font-size:17px;background:none}input[type=search]::-webkit-search-cancel-button{display:none}.esc{min-height:44px;padding:0 10px;border:0;background:none;color:var(--muted);cursor:pointer;font-size:14px}
#sres{padding:10px;overflow:auto;max-height:60vh}.s-n{padding:4px 10px;font-size:14px;color:var(--muted)}.s-i{display:grid;gap:2px;padding:10px;border-radius:10px;text-decoration:none}.s-i:hover,.s-i:focus{background:var(--pale)}.s-i small{font-size:14px;color:var(--gold-ink)}.s-i b{font-weight:800;line-height:1.45}.s-i span{font-size:14.5px;line-height:1.5;color:var(--muted)}mark{background:#fbeec8;color:inherit}.s-e{padding:16px 10px}.s-c{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.s-c button{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sd,.hgg a{transition:none}}
/* 위즈독스 공통 틀 추가분 */

.sd{display:flex;flex-direction:column}.tree{flex:1;align-content:start}.ti.adm{margin-top:16px;border-top:1px solid var(--line);border-radius:0;padding-top:14px;font-size:14px;color:var(--muted)}
.by{display:block;position:sticky;bottom:0;margin:16px -14px 0;padding:12px 24px;background:#fff;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted);text-decoration:none}.by b{font-weight:800;color:var(--ink)}.by:hover{color:var(--accent)}
.foot-by{margin-top:32px;text-align:center}.foot-by .by{display:inline-block;position:static;margin:0;padding:6px 10px;border:0;background:none}@media(min-width:960px){.foot-by{display:none}}
.meta{justify-content:space-between}.mt{display:flex;flex-wrap:wrap;gap:4px 14px}
.tools{display:flex;gap:2px;margin-left:-8px}@media(min-width:640px){.tools{margin-left:0}}
.tl{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:50px;min-height:50px;padding:4px 6px;border:0;border-radius:10px;background:none;color:var(--sub);font-size:12.5px;line-height:1.2;text-decoration:none;cursor:pointer}.tl:hover,.tl.on{background:var(--pale);color:var(--accent)}
.player{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);z-index:25;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;width:min(680px,calc(100vw - 20px));padding:8px 12px;border-radius:14px;background:var(--navy);color:#fff;box-shadow:0 12px 36px rgba(16,35,58,.35);font-size:14px}.player[hidden]{display:none}
.pb{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer}.pb:hover{background:rgba(255,255,255,.14)}.p-play{background:rgba(255,255,255,.16)}.p-st{min-width:64px;color:#d6dde6}.player label{display:inline-flex;align-items:center;gap:5px;color:#d6dde6}.player select{min-height:36px;max-width:150px;border:0;border-radius:8px;padding:0 6px;background:#fff;color:var(--ink);font:inherit}
.reading{background:#fbeec8;border-radius:4px;box-shadow:0 0 0 4px #fbeec8}
/* 승인 화면 */
.rv .lay{max-width:none}.rv-h{font-size:clamp(26px,2.6vw,34px);font-weight:800}.rv-note{margin-top:10px;padding:8px 12px;border-radius:8px;background:#fbf8f1;font-size:14px;color:#5e4a22}
.rv-tabs{display:grid;gap:6px;margin-top:20px}@media(min-width:900px){.rv-tabs{grid-template-columns:repeat(5,1fr)}}.rv-tabs button{display:grid;gap:6px;align-content:start;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;text-align:left;font-size:14px;line-height:1.45;cursor:pointer}.rv-tabs [aria-selected=true]{border-color:var(--accent);background:var(--pale)}
.st-b{justify-self:start;padding:1px 8px;border-radius:999px;background:var(--soft);font-size:12.5px;color:var(--muted)}.st-b.ok{background:#e4f3e8;color:#1c6b34}.st-b.ch{background:#fbeec8;color:#6b4d0e}
.rv-grid{display:grid;gap:14px;margin-top:14px}@media(min-width:1100px){.rv-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 290px;align-items:start}}
.rv-col h2,.rv-box h2{font-size:16px;font-weight:800;margin-bottom:8px}.rv-col small{font-weight:400;font-size:13.5px;color:var(--muted)}
.rv-src,.rv-draft{max-height:70vh;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:12px;font-size:15px;line-height:1.65}.rv-src{background:var(--soft);color:var(--sub)}.rv-src p+p,.rv-draft p+p{margin-top:8px}.rv-draft h3{font-size:18px;font-weight:800;margin-bottom:8px}.rv-draft h4{margin:16px 0 6px;font-size:15.5px;font-weight:800}.rv-draft ol,.rv-draft ul{margin:6px 0;padding-left:20px}
.rv-side{display:grid;gap:12px}.rv-box{padding:16px;border:1px solid var(--line);border-radius:12px;font-size:14.5px;line-height:1.55}.rv-ok{font-weight:600;color:#1c6b34}.rv-ok.warn{color:#8a4b00}.rv-small{margin-top:6px;font-size:13.5px;color:var(--muted)}
.rv-form{display:grid;gap:8px}.rv-form label{display:flex;gap:8px;align-items:flex-start}.rv-form input[type=checkbox]{width:18px;height:18px;margin-top:3px;flex:none}.rv-in{flex-direction:column;gap:4px!important}.rv-in input,.rv-in textarea{width:100%;min-height:44px;padding:8px 10px;border:1px solid #c5ccd5;border-radius:8px;font:inherit}
.rv-a,.rv-c{min-height:44px;border-radius:10px;font-weight:600;cursor:pointer}.rv-a{border:0;background:var(--accent);color:#fff}.rv-c{border:1px solid #c5ccd5;background:#fff}.rv-log{font-size:13.5px;color:var(--sub)}
/* 인쇄·PDF */
@media print{@page{size:A4;margin:18mm}html,body{font-size:11pt}body{line-height:1.65}.hd,.draftbar,.sd,.rt,.prog,.tools,.cta,.rel,.pn,.player,.crumb,dialog,.skip,.foot-by,.scrim{display:none!important}.lay{display:block!important}.mn{padding:0!important}.art{max-width:none}.q summary{list-style:none}.art section{margin-top:18pt}h1{font-size:21pt}.art h2{font-size:14pt;break-after:avoid}.keys{display:block}.keys>div{display:block;padding:6pt 10pt;margin-bottom:5pt;break-inside:avoid}.keys b{font-size:14pt;margin-right:8pt}.keys span{margin-left:8pt}li,tr,.q{break-inside:avoid}.art::after{content:"위즈독스 by 위즈웹 · 시안: 변호사 확인 전 초안";display:block;margin-top:18pt;padding-top:8pt;border-top:1px solid #ccc;font-size:9pt;color:#555}}