.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:12px calc(var(--side) + var(--safe-r)) calc(12px + var(--safe-b)) calc(var(--side) + var(--safe-l));box-shadow:0 -2px 8px #11182714}.cookie-in{max-width:1200px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cookie-in p{margin:0;flex:1 1 360px}.toc{display:flex;flex-wrap:wrap;gap:4px 12px;padding:0;margin:0 0 var(--gap);list-style:none}.toc a{display:inline-flex;align-items:center;min-height:var(--ctl)}.view-switch{display:inline-flex;gap:4px;margin-bottom:var(--gap)}.consent-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid var(--line)}.consent-row:last-child{border-bottom:0}.summary-line{font-weight:600}:root{--main: #1a73e8;--main-soft: #e8f0fe;--bg: #f5f6f8;--card: #fff;--line: #e2e6ec;--text: #1d2330;--sub: #52525b;--ok: #15803d;--warn: #c2410c;--bad: #b91c1c;--hold: #71717a;--wait: #a1a1aa;--h1: 22px;--h2: 18px;--h3: 15px;--body: 14px;--small: 12.5px;--gap: 8px;--pad: 12px;--side: 24px;--ctl: 36px;--r-ctl: 8px;--r-card: 10px;--sidebar: 200px;--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px)}@media(pointer:coarse){:root{--ctl: 44px}html body input,html body select,html body textarea{font-size:16px}}@media(max-width:720px){:root{--side: 16px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--body)/1.55 "Pretendard","Malgun Gothic",system-ui,sans-serif;color:var(--text);background:var(--bg);padding-left:var(--safe-l);padding-right:var(--safe-r);word-break:keep-all;overflow-wrap:anywhere}h1{font-size:var(--h1);margin:0 0 4px;line-height:1.3}h2{font-size:var(--h2);margin:0 0 8px;line-height:1.35}h3{font-size:var(--h3);margin:0 0 6px}p{margin:0 0 8px}a{color:var(--main)}ul{margin:0 0 8px;padding-left:20px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:var(--small);color:var(--sub);font-weight:600;white-space:nowrap}.sub{color:var(--sub)}.small{font-size:var(--small)}.center{text-align:center}.tbl-wrap{overflow-x:auto}:focus-visible{outline:2px solid var(--main);outline-offset:2px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;margin-bottom:var(--gap)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ctl);padding:0 16px;border-radius:var(--r-ctl);border:1px solid var(--main);background:var(--main);color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;position:relative}.btn.ghost{background:var(--card);color:var(--main)}.btn.danger{background:var(--card);color:var(--bad);border-color:var(--bad)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn.small{padding:0 10px;font-size:var(--small)}.linkbtn{background:none;border:0;padding:0;color:var(--main);font:inherit;text-decoration:underline;cursor:pointer;position:relative}.linkbtn:after{content:"";position:absolute;inset:-12px -6px}.row{display:flex;gap:var(--gap);flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap)}@media(max-width:520px){.pair{grid-template-columns:minmax(0,1fr)}}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;min-width:0}.field>label,.field>.lbl{font-weight:600;font-size:var(--small)}.req{color:var(--bad);font-weight:700;font-size:var(--small);margin-left:4px}.input{min-height:var(--ctl);padding:6px 10px;border:1px solid #c9cfd8;border-radius:var(--r-ctl);font:inherit;background:#fff;color:var(--text);width:100%;min-width:0}textarea.input{min-height:96px;resize:vertical}.check{display:flex;gap:8px;align-items:flex-start;min-height:var(--ctl);padding:6px 0}.check input{width:20px;height:20px;margin-top:2px;flex:none}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:var(--small);font-weight:700;background:var(--main-soft);color:var(--main);white-space:nowrap}.pill.ok{background:#dcfce7;color:var(--ok)}.pill.warn{background:#ffedd5;color:var(--warn)}.pill.bad{background:#fee2e2;color:var(--bad)}.pill.hold{background:#f4f4f5;color:var(--hold)}.pill.wait{background:#f4f4f5;color:var(--sub)}.empty{color:var(--sub);padding:16px;text-align:center;border:1px dashed var(--line);border-radius:var(--r-card);background:#fafbfc}.notice{padding:10px 12px;border-radius:var(--r-ctl);background:var(--main-soft);margin-bottom:var(--gap)}.notice.warn{background:#ffedd5}.notice.ok{background:#dcfce7}.loading{padding:24px;text-align:center;color:var(--sub)}.overlay{position:fixed;inset:0;background:#11182780;display:grid;place-items:center;padding:16px;z-index:50}.overlay.top{z-index:60}.dialog{background:#fff;border-radius:var(--r-card);padding:20px;max-width:420px;width:100%;max-height:90vh;overflow:auto}.dialog h2{font-size:var(--h3)}.dialog .row{justify-content:flex-end;margin-top:12px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);margin-bottom:var(--gap)}@media(max-width:720px){.stat-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media(max-width:380px){.stat-grid{grid-template-columns:minmax(0,1fr)}}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:12px}.stat b{display:block;font-size:22px}.stat span{color:var(--sub);font-size:var(--small)}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gap)}@media(max-width:860px){.two{grid-template-columns:minmax(0,1fr)}}.dialog{position:relative}.dialog h2{padding-right:36px}.dialog-x{position:absolute;top:4px;right:4px;width:44px;height:44px;border:0;background:transparent;font-size:24px;line-height:1;color:var(--sub);cursor:pointer;border-radius:var(--r-card)}.dialog-x:hover{background:#f3f4f6}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--card);border-bottom:1px solid var(--line);padding:0 var(--side);padding-top:var(--safe-t)}.topbar-in{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:56px;padding:6px 0}.brand{font-weight:800;font-size:16px;color:var(--text);text-decoration:none;margin-right:auto;display:inline-flex;align-items:center;min-height:var(--ctl)}.brand{gap:6px}.brand-co{font-weight:500;font-size:var(--small);color:var(--sub)}.nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.nav a,.nav button.navbtn{display:inline-flex;align-items:center;min-height:var(--ctl);padding:0 10px;border-radius:var(--r-ctl);color:var(--text);text-decoration:none;background:none;border:0;font:inherit;cursor:pointer}.nav a.on{background:var(--main-soft);font-weight:700}.m-auth,.m-menu{display:none}@media(max-width:767px){.topbar-in{flex-wrap:wrap;gap:8px;min-height:56px}.m-auth{display:inline-flex;min-height:44px;padding:0 14px}.m-menu{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--card);color:var(--text);cursor:pointer}.nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:4px 0 8px;border-top:1px solid var(--line)}.nav.open{display:flex}.nav a,.nav button.navbtn{min-height:44px;padding:0 12px}.nav .auth-item{display:none}}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px var(--side) 32px}.page.narrow{max-width:640px}.page.mid{max-width:880px}.lead{color:var(--sub);margin:0 0 16px}.footer{border-top:1px solid var(--line);background:var(--card);padding:16px var(--side) calc(16px + var(--safe-b));color:var(--sub);font-size:var(--small)}.footer-in{max-width:1200px;margin:0 auto}.footer a{color:var(--sub)}.admin-wrap{display:flex;gap:var(--gap);align-items:flex-start}.admin-side{width:var(--sidebar);flex:none;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:8px}.admin-side a{display:flex;align-items:center;min-height:var(--ctl);padding:0 10px;border-radius:var(--r-ctl);color:var(--text);text-decoration:none}.admin-side a.on{background:var(--main-soft);font-weight:700}.admin-main{flex:1;min-width:0}@media(max-width:720px){.admin-wrap{flex-direction:column;align-items:stretch}.admin-side{width:100%;display:flex;flex-wrap:wrap}}.hero{padding:24px 0 8px}.hero h1{font-size:28px}@media(max-width:520px){.hero h1{font-size:22px}}.auth-card{max-width:480px;margin:0 auto}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}@media(max-width:720px){.steps{grid-template-columns:minmax(0,1fr)}}.land-section{margin-top:40px}.land-section>h2{font-size:22px;margin-bottom:16px}.land-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:16px 0 8px;align-items:center}.land-hero h1{font-size:26px;line-height:1.3;margin-bottom:12px}.land-hero .lead{font-size:16px;line-height:1.6;margin-bottom:20px}@media(min-width:768px){.land-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;padding-top:32px}.land-hero h1{font-size:34px}}.btn.cta{min-height:48px;padding:0 16px;font-size:15px;font-weight:700;border-radius:10px;white-space:nowrap}.btn.cta.ghost{font-weight:600}.land-hero .row.cta-row{flex-wrap:nowrap;gap:8px}.land-hero .row.cta-row .btn.cta{flex:1 1 auto;padding:0 12px}@media(max-width:400px){.land-hero .row.cta-row .btn.cta{padding:0 6px;font-size:14px}}.preview{margin:0;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 4px 16px #1118270f}.preview-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;font-weight:700;font-size:var(--small);padding-bottom:12px;border-bottom:1px solid var(--line)}.preview-list{list-style:none;margin:0;padding:0}.preview-list li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.preview-list li:last-child{border-bottom:0}.preview-list li>div{display:flex;flex-direction:column;gap:2px;min-width:0}.preview figcaption{margin-top:8px}.feat-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}@media(min-width:768px){.feat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.feat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.feat h3{font-size:17px;margin:12px 0 6px}.feat p{margin:0;color:var(--sub);line-height:1.55}.ico{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--main-soft);color:var(--main)}.feat.problem .ico{background:#ffedd5;color:var(--warn)}.how{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;counter-reset:how}@media(min-width:768px){.how{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}.how li{counter-increment:how;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.how li:before{content:counter(how);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--main);color:#fff;font-weight:700;margin-bottom:8px}.how h3{font-size:17px;margin:0 0 4px}.how p{margin:0;color:var(--sub)}
