:root{--bg:#EDF0F6;--ink:#171A22;--ink2:#464D5F;--ink3:#646C80;--line:#E2E6EE;--line2:#CDD3DF;--surf:#FFFFFF;--surf2:#F5F7FB;--surf3:#EEF1F7;--blue:#2457F5;--blue-h:#1B46CC;--blue-s:#E7EDFF;--blue-t:#1E3FB8;--ok:#157347;--ok-s:#DCF3E6;--warn:#8A5A00;--warn-s:#FFF1CC;--bad:#B42318;--bad-s:#FDE3E1;--stale:#6D28D9;--stale-s:#EDE7FD;--sched:#1D4ED8;--sched-s:#DCE7FF;--posted:#0F766E;--posted-s:#CDF4EE;--hold:#B45309;--hold-s:#FFE8CC;--glass:rgba(255,255,255,.66);--glass-b:rgba(255,255,255,.8);--r-xl:22px;--r-lg:16px;--r-md:12px;--r-sm:9px;--sh-1:0 1px 1px rgba(23,26,34,.04),0 1px 3px rgba(23,26,34,.06);--sh-glass:0 1px 1px rgba(23,26,34,.03),0 18px 44px -24px rgba(23,26,34,.28),inset 0 1px 0 rgba(255,255,255,.9)}*{box-sizing:border-box}body,html{margin:0}body{font-family:Inter,Noto Sans KR,Noto Sans JP,Noto Sans Thai,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}a{color:var(--blue)}a:hover{color:var(--blue-h)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app{display:flex;flex-wrap:wrap;gap:12px;padding:12px;min-height:100%;background:radial-gradient(1100px 520px at 8% -8%,#DCE5FF 0,rgba(220,229,255,0) 62%),radial-gradient(900px 480px at 100% 2%,#FFE6D6 0,rgba(255,230,214,0) 58%),var(--bg)}.glass{background:var(--glass);backdrop-filter:blur(28px) saturate(1.7);-webkit-backdrop-filter:blur(28px) saturate(1.7);border:1px solid var(--glass-b);box-shadow:var(--sh-glass)}.rail{flex:0 0 228px;border-radius:var(--r-xl);padding:14px 12px;flex-direction:column;gap:2px;align-self:flex-start}.main,.rail{display:flex}.main{flex:999 1 560px;min-width:0;flex-direction:column;gap:12px}.topbar{border-radius:18px;padding:9px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:54px}.content{padding:6px 8px 28px;display:flex;flex-direction:column;gap:16px}.logo{font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;padding:6px 10px 12px}.logo i{width:10px;height:10px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px var(--blue-s);display:inline-block}.logo em{font-style:normal;color:var(--blue)}.nav{display:flex;flex-direction:column;gap:2px}.nav .grp{font-size:10.5px;color:var(--ink3);padding:12px 12px 4px;letter-spacing:.06em;text-transform:uppercase;font-weight:600}.nav a{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;color:var(--ink2);text-decoration:none;font-weight:500;min-height:40px}.nav a:hover{background:rgba(255,255,255,.7);color:var(--ink)}.nav a.on{background:rgba(255,255,255,.95);color:var(--ink);box-shadow:var(--sh-1)}.nav a .cnt{margin-left:auto;font-size:11px;background:var(--blue);color:#fff;border-radius:999px;padding:0 7px;line-height:18px;font-weight:600}.nav a .cnt.warn{background:var(--bad)}.ic{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ic.s{width:14px;height:14px}.sw{gap:8px;padding:6px 10px 6px 8px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid var(--line);min-height:38px;color:var(--ink);text-decoration:none;font-weight:500}.sw,.sw .av{display:inline-flex;align-items:center}.sw .av{width:22px;height:22px;border-radius:7px;justify-content:center;font-size:11px;font-weight:700;color:#fff}.sw small{font-weight:400}.crumb,.sw small{color:var(--ink3)}.crumb{font-size:12px}.search{flex:1 1 220px;max-width:420px;display:flex;align-items:center;gap:8px;padding:0 12px;height:38px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid var(--line);color:var(--ink3)}.search input{border:0;background:transparent;font:inherit;flex:1;min-width:0;outline:none;color:var(--ink)}.ibtn{width:38px;height:38px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.75);display:inline-flex;align-items:center;justify-content:center;color:var(--ink2);position:relative}.ibtn .dot{position:absolute;top:8px;right:9px;width:7px;height:7px;border-radius:50%;background:var(--bad);border:1.5px solid #fff}.avatar{width:32px;height:32px;border-radius:50%;background:#3B4A6B;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.h1{font-size:22px;font-weight:700;letter-spacing:-.015em;margin:0;line-height:1.25}.h2{font-size:16px;letter-spacing:-.01em}.h2,.h3{font-weight:650;margin:0}.h3{font-size:13.5px}.sub{color:var(--ink3)}.xs{font-size:11px}.sm{font-size:12px}.b{font-weight:600}.kpi{font-size:26px;font-weight:700;letter-spacing:-.025em;line-height:1.1}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px}.muted{color:var(--ink3)}.ellip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row.top{align-items:flex-start}.col{display:flex;flex-direction:column;gap:8px}.sp{flex:1 1 auto}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g2,.g3{display:grid;gap:16px}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.g4,.g5{display:grid}.g5{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.split{display:flex;gap:16px;flex-wrap:wrap}.split>.a{flex:3 1 480px;min-width:0}.split>.b{flex:1 1 300px;min-width:0}@media(max-width:980px){.g2,.g3,.g4,.g5{grid-template-columns:repeat(1,minmax(0,1fr))}.rail{flex-basis:100%}}.card{background:var(--surf);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;box-shadow:var(--sh-1)}.card.pad0{padding:0;overflow:hidden}.card .hd{display:flex;align-items:center;gap:10px;padding:0 0 10px;margin-bottom:10px;border-bottom:1px solid var(--line)}.card.pad0 .hd{padding:12px 16px;margin:0}.panel{background:var(--surf2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px}.float{border-radius:var(--r-lg);padding:14px}.divider{height:1px;background:var(--line);margin:4px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 15px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap;transition:background .15s,box-shadow .15s}.btn.pri{background:var(--blue);color:#fff;box-shadow:0 1px 2px rgba(36,87,245,.35)}.btn.pri:hover{background:var(--blue-h);color:#fff}.btn.sec{background:#fff;border-color:var(--line2);color:var(--ink)}.btn.sec:hover{background:var(--surf2)}.btn.ghost{background:transparent;color:var(--ink2)}.btn.ghost:hover{background:rgba(23,26,34,.06)}.btn.ok{background:var(--ok);color:#fff}.btn.bad{background:var(--bad);color:#fff}.btn.warnb{background:#fff;border-color:var(--bad);color:var(--bad)}.btn.sm{height:32px;padding:0 12px;font-size:12px}.btn.xl{height:46px;padding:0 22px;font-size:14px}.btn.dis,.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.glassb{background:rgba(255,255,255,.7);border-color:rgba(255,255,255,.9);color:var(--ink);box-shadow:var(--sh-1)}.bd{display:inline-flex;align-items:center;gap:5px;padding:1px 8px 1px 7px;border-radius:999px;font-size:11px;font-weight:600;line-height:18px;white-space:nowrap}.bd:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}.bd.draft{background:var(--surf3);color:var(--ink2)}.bd.wait{background:var(--warn-s);color:var(--warn)}.bd.ok{background:var(--ok-s);color:var(--ok)}.bd.rej{background:var(--bad-s);color:var(--bad)}.bd.stale{background:var(--stale-s);color:var(--stale)}.bd.sched{background:var(--sched-s);color:var(--sched)}.bd.posted{background:var(--posted-s);color:var(--posted)}.bd.hold{background:var(--hold-s);color:var(--hold)}.bd.fail{background:var(--bad-s);color:var(--bad)}.bd.run{background:var(--blue-s);color:var(--blue-t)}.bd.off{background:var(--surf3);color:var(--ink3)}.bd.ext{background:#EFEAFF;color:#4C2FB3}.bd.ext:before,.bd.plain:before{display:none}.tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--line2);padding:0 6px;line-height:16px}.lang,.tag{border-radius:6px}.lang{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:0 5px}.lang.ko{background:#E8EEFF;color:#1E3FB8}.lang.ja{background:#FFE8E8;color:#A32626}.lang.en{background:#E6F4EA;color:#176B3A}.lang.th{background:#FFF0D6;color:#8A5A00}.ch{gap:6px;font-weight:600;font-size:12px}.ch,.ch i{display:inline-flex;align-items:center}.ch i{width:18px;height:18px;border-radius:6px;justify-content:center;font-size:10px;font-weight:800;color:#fff;font-style:normal}.ch.x i{background:#111}.ch.ig i{background:linear-gradient(135deg,#F58529,#DD2A7B 55%,#8134AF)}.ch.fb i{background:#1877F2}.ch.th i{background:#222}.ch.yt i{background:#E62117}.ch.li i{background:#0A66C2}.ch.tt i{background:#000}.fld{display:flex;flex-direction:column;gap:6px}.lbl{font-size:12px;font-weight:600;color:var(--ink2)}.in,.sel,.ta{width:100%;border:1px solid var(--line2);border-radius:11px;padding:0 12px;font:inherit;color:var(--ink);background:#fff;height:38px}.ta{height:auto;min-height:88px;padding:9px 12px;resize:vertical;line-height:1.5}.in:focus,.sel:focus,.ta:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue)}.in.bad{border-color:var(--bad)}.hint{font-size:11.5px;color:var(--ink3)}.err{font-size:12px;color:var(--bad);gap:6px;align-items:center}.chk,.err{display:flex}.chk{gap:8px;align-items:flex-start;font-size:13px}.chk input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--blue)}.seg{display:inline-flex;gap:3px;padding:3px;background:rgba(23,26,34,.06);border-radius:999px}.seg a,.seg button{border:0;background:transparent;padding:0 14px;height:32px;border-radius:999px;font-weight:500;color:var(--ink2);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.seg .on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line)}.tabs a,.tabs button{border:0;background:none;padding:8px 2px 10px;color:var(--ink3);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;min-height:40px}.tabs .on{color:var(--ink);border-bottom-color:var(--ink)}.toggle{width:40px;height:24px;border-radius:999px;background:var(--line2);border:0;position:relative;flex:none}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}.toggle.on{background:var(--ok)}.toggle.on:after{left:19px}.tblwrap{overflow-x:auto;border-radius:var(--r-md)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{font-size:11px;color:var(--ink3);text-align:left;padding:8px 10px;font-weight:600;white-space:nowrap;letter-spacing:.02em}.tbl td,.tbl th{border-bottom:1px solid var(--line)}.tbl td{padding:9px 10px;vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl .num,.tbl th.num{text-align:right;font-variant-numeric:tabular-nums}.tbl tr.sel td{background:var(--blue-s)}.tbl .tot td,.tbl tr:hover td{background:var(--surf2)}.tbl .tot td{font-weight:700;border-top:2px solid var(--line2)}.list{flex-direction:column}.li,.list{display:flex}.li{gap:12px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line);min-height:48px}.li:last-child{border-bottom:0}.li .t{font-weight:500}.li .m{font-size:11.5px;color:var(--ink3)}.meter{height:6px;background:var(--line);overflow:hidden;flex:1}.meter,.meter i{border-radius:999px}.meter i{display:block;height:100%;background:var(--blue)}.meter i.warn{background:var(--warn)}.meter i.bad{background:var(--bad)}.meter i.ok{background:var(--ok)}.stat{display:flex;flex-direction:column;gap:4px}.stat .l{font-size:11.5px;color:var(--ink3);font-weight:500}.note{border-radius:var(--r-md);padding:10px 12px;font-size:12.5px;display:flex;gap:10px;align-items:flex-start;border:1px solid}.note.info{background:var(--blue-s);border-color:#C9D7FF;color:var(--blue-t)}.note.warn{background:var(--warn-s);border-color:#F0DBA0;color:var(--warn)}.note.bad{background:var(--bad-s);border-color:#F5C2BE;color:var(--bad)}.note.ok{background:var(--ok-s);border-color:#B9E4CA;color:var(--ok)}.note .ic{margin-top:1px}.toast{position:absolute;right:20px;bottom:20px;border-radius:14px;padding:10px 14px;display:flex;gap:10px;align-items:center;font-weight:500;background:#1B1E27;color:#fff;box-shadow:0 12px 30px -10px rgba(0,0,0,.4)}.sampletag{position:absolute;top:10px;right:14px;font-size:10px;color:var(--ink3);background:rgba(255,255,255,.8);border:1px dashed var(--line2);border-radius:6px;padding:1px 6px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:36px 20px;color:var(--ink3);border:1px dashed var(--line2);border-radius:var(--r-md)}.empty .h3{color:var(--ink)}.skel{background:linear-gradient(90deg,var(--surf3),#fff,var(--surf3));border-radius:6px;height:12px}.scrim{position:fixed;inset:0;background:rgba(23,26,34,.28);display:flex;align-items:center;justify-content:center;padding:16px;z-index:5}.modal{background:#fff;border-radius:20px;width:100%;max-width:560px;padding:20px;box-shadow:0 30px 80px -30px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:14px}.canvas{background:#D9DEE8;border-radius:var(--r-lg);padding:28px;display:flex;align-items:center;justify-content:center;min-height:460px;background-image:radial-gradient(circle,#C5CBD8 1px,transparent 0);background-size:18px 18px}.slide{border-radius:6px;box-shadow:0 10px 30px -10px rgba(0,0,0,.35)}.slide,.thumb{background:#fff;overflow:hidden;position:relative}.thumb{border-radius:8px;border:2px solid transparent;flex:none;box-shadow:var(--sh-1)}.thumb.on{border-color:var(--blue)}.thumb .n{left:4px;font-size:9px;font-weight:700;background:rgba(0,0,0,.6);color:#fff;border-radius:4px;padding:0 4px}.thumb .n,.thumb .w{position:absolute;top:4px}.thumb .w{right:4px;width:12px;height:12px;border-radius:50%;background:var(--bad);border:1.5px solid #fff}.mob{width:390px;height:844px;display:flex;flex-direction:column;background:radial-gradient(500px 300px at 0 -10%,#DCE5FF 0,rgba(220,229,255,0) 60%),var(--bg);overflow:hidden;font-size:14px}.mob .mtop{padding:14px 16px 10px;display:flex;align-items:center;gap:10px}.mob .mbody{flex:1;overflow:auto;padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.mob .mbar{border-radius:22px;margin:0 12px 12px;padding:8px;display:flex;justify-content:space-around}.mob .mbar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10.5px;color:var(--ink3);text-decoration:none;min-width:56px;min-height:44px;justify-content:center;border-radius:14px}.mob .mbar a.on{color:var(--ink);background:rgba(255,255,255,.9)}.mob .btn{height:44px}.site{background:radial-gradient(1200px 600px at 20% -10%,#DCE5FF 0,rgba(220,229,255,0) 60%),radial-gradient(900px 500px at 95% 10%,#FFE6D6 0,rgba(255,230,214,0) 55%),var(--bg);min-height:100%}.wrap{margin:0 auto;padding:0 32px}.snav,.wrap{max-width:1160px}.snav{position:sticky;top:12px;margin:12px auto 0;border-radius:999px;padding:8px 10px 8px 18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;z-index:2}.snav a{color:var(--ink2);text-decoration:none;font-weight:500;padding:6px 4px}.snav a.on{color:var(--ink)}.hero{padding:88px 0 48px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}.hero h1{font-size:52px;line-height:1.1;letter-spacing:-.03em;margin:0;max-width:760px;font-weight:750}.hero p{font-size:18px;color:var(--ink2);margin:0;max-width:640px}.sec{padding:56px 0}.sec h2{font-size:30px;letter-spacing:-.02em;margin:0 0 8px;font-weight:700}.sec .lead{color:var(--ink2);font-size:15px;margin:0 0 28px;max-width:640px}.foot{padding:40px 0 60px;color:var(--ink3);font-size:12px;border-top:1px solid var(--line)}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.flex{display:flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.border{border-width:1px}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:10px 16px;background:var(--surf);border:2px solid var(--blue);border-radius:var(--r-sm)}.skip-link:focus{top:12px}.demo-bar{min-height:38px;padding:6px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--surf);border-bottom:1px solid var(--line);font-size:11px;color:var(--ink2)}.demo-bar select{font:inherit;color:var(--ink);background:var(--surf);border:1px solid var(--line2);border-radius:6px;padding:3px}.demo-bar a{white-space:nowrap}.server-records{background:var(--surf2);border-bottom:1px solid var(--line);padding:6px 16px;font-size:11px}.server-records summary{cursor:pointer;min-height:24px}.server-records[open]{padding-bottom:16px}.server-records .li{flex-wrap:wrap}.server-records td{overflow-wrap:anywhere}.service-message{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100vw - 32px);background:var(--ink);color:white;padding:12px 18px;border-radius:var(--r-md);box-shadow:var(--sh-glass);display:flex;gap:16px;align-items:center}.service-message button{border:0;background:transparent;color:white;font-size:20px;min-width:32px;min-height:32px}.bd.warn{background:var(--warn-s);color:var(--warn)}.switcher{position:relative}.switcher-menu{position:absolute;z-index:8;top:100%;min-width:180px;display:flex;flex-direction:column;gap:4px}.canvas .slide{max-width:100%}.content>*{min-width:0}dialog.modal::backdrop{background:rgba(23,26,34,.28)}.issue-list{max-width:1000px;margin:32px auto;padding:0 20px}.issue-list article{margin:16px 0}.catalog{max-width:1100px;margin:24px auto;padding:16px}.catalog .g3>a{color:var(--ink);text-decoration:none}.catalog a:hover{border-color:var(--blue)}@media(pointer:coarse){.btn,.checks label,.chk,.demo-bar select,.ibtn,.nav a,.seg a,.seg button,.sw,.tabs button{min-height:44px}}@media(max-width:600px){.demo-bar{padding:8px 12px;gap:8px}.demo-bar>.sp{display:none}.canvas{padding:16px}.main{flex-basis:100%}.modal{max-height:calc(100dvh - 32px);overflow-y:auto}}.btn{transition:none}html{-webkit-text-size-adjust:100%}[role=button],a,button{touch-action:manipulation}[role=button],button{-webkit-user-select:none;-moz-user-select:none;user-select:none}.service-message{bottom:max(16px,env(safe-area-inset-bottom,0px))}@media(pointer:coarse){.demo-bar select,input,select,textarea{font-size:16px}}@supports not (backdrop-filter:blur(1px)){.glass{background:var(--surf)}}.video-design-entry{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}.video-design-entry p{margin:6px 0 0}.catalog-video{background:var(--blue-s);border-color:#C3D1FF;margin:16px 0 20px}.catalog-video .row{gap:8px}.catalog-video p{max-width:72ch}.catalog-video .btn.sec,.video-design-entry .btn.sec{padding:0 15px}