@font-face{font-family:HwpPdf Serif;src:url(../ui-fonts/HwpPdfSerif-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:HwpPdf Serif;src:url(../ui-fonts/HwpPdfSerif-ExtraBold.woff2)format("woff2");font-weight:700 900;font-display:swap}@font-face{font-family:HwpPdf Sans;src:url(../ui-fonts/HwpPdfSans-Regular.woff2)format("woff2");font-weight:400 500;font-display:swap}@font-face{font-family:HwpPdf Sans;src:url(../ui-fonts/HwpPdfSans-SemiBold.woff2)format("woff2");font-weight:600 700;font-display:swap}:root{--desk:#e8ebe8;--desk-edge:#d3d8d4;--ink:#15181d;--muted:#5b636b;--sheet:#fbfbf8;--sheet-ink:#15181d;--sheet-muted:#646c74;--guide:#a9b1b8;--seal:#c3342a;--bad:#b42318;--warn:#9a4a10;--btn:#15181d;--btn-ink:#fbfbf8;--focus:#2f5bd3;--font-display:"HwpPdf Serif", "Nanum Myeongjo", "AppleMyungjo", serif;--font-body:"HwpPdf Sans", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--desk:#16191d;--desk-edge:#2a2f35;--ink:#e9ebee;--muted:#9ba3ac;--seal:#d33f34;--bad:#ff8a7f;--warn:#f0a868;--btn:#e9ebee;--btn-ink:#15181d;--focus:#8fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--desk:#16191d;--desk-edge:#2a2f35;--ink:#e9ebee;--muted:#9ba3ac;--seal:#d33f34;--bad:#ff8a7f;--warn:#f0a868;--btn:#e9ebee;--btn-ink:#15181d;--focus:#8fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--desk);color:var(--ink);font-family:var(--font-body);word-break:keep-all;overflow-wrap:break-word;-webkit-font-smoothing:antialiased;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin:0;font-size:1rem;line-height:1.7}p,li,dd,summary{text-wrap:pretty}.notice,.log-note,.guides li p,.changes p,footer p,.faq summary{text-wrap:balance}.ph{display:inline-block}a{color:inherit;text-underline-offset:3px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;max-width:1120px;margin:0 auto;padding:22px 20px 0;display:flex}.tools{flex-wrap:wrap;gap:4px 18px;font-size:.9375rem;display:flex}.tools a{color:var(--muted);padding-block:4px;text-decoration:none}.tools a:hover{color:var(--ink)}@media (max-width:480px){.tools{gap:4px 11px;font-size:.8125rem}}.tools a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--seal);font-weight:600}.brand{font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:9px;font-size:1.25rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:26px;height:26px;display:block}.shell{grid-template:"intro desk""promises desk"1fr/minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:48px;max-width:1120px;margin:0 auto;padding-block:40px;padding-inline:20px;display:grid}.intro{grid-area:intro}.promises{grid-area:promises}.desk{grid-area:desk}@media (max-width:880px){.shell{grid-template:"intro""desk""promises"/minmax(0,1fr);gap:28px;padding-block:24px}}.intro{gap:24px;padding-top:8px;display:grid}h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:800;line-height:1.08}.lede{color:var(--muted);max-width:30em;margin:0;font-size:1.125rem}.promises{max-width:30em;margin:0;padding:0;list-style:none;display:grid}.promises li{border-top:1px solid var(--desk-edge);text-wrap:pretty;padding-block:12px}.promises li:last-child{border-bottom:1px solid var(--desk-edge)}.desk{justify-items:center;gap:18px;min-width:0;display:grid}.sheet-wrap{width:min(100%,460px);position:relative}.sheet{aspect-ratio:210/297;background:var(--sheet);width:100%;color:var(--sheet-ink);place-items:center;transition:transform .18s ease-out,box-shadow .18s ease-out;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #14181d0f,0 14px 32px -18px #14181d73}.sheet.over{transform:translateY(-4px)rotate(-.6deg);box-shadow:0 1px #14181d0f,0 24px 40px -18px #14181d8c}.mark{border-color:var(--guide);pointer-events:none;border-style:solid;border-width:0;width:14px;height:14px;position:absolute}.mark.tl{border-bottom-width:1px;border-right-width:1px;top:calc(11% - 14px);left:calc(14% - 14px)}.mark.tr{border-bottom-width:1px;border-left-width:1px;top:calc(11% - 14px);right:calc(14% - 14px)}.mark.bl{border-top-width:1px;border-right-width:1px;bottom:calc(11% - 14px);left:calc(14% - 14px)}.mark.br{border-top-width:1px;border-left-width:1px;bottom:calc(11% - 14px);right:calc(14% - 14px)}.sheet.over .mark{border-color:var(--sheet-ink)}.sheet-idle{text-align:center;justify-items:center;gap:20px;padding:14%;display:grid}.sheet-title{font-family:var(--font-display);text-wrap:balance;margin:0;font-size:clamp(1.35rem,3.6vw,1.75rem);font-weight:600;line-height:1.35}.sheet-hint{color:var(--sheet-muted);max-width:20em;margin:0;font-size:.8125rem}.actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--btn);background:var(--btn);min-height:46px;color:var(--btn-ink);border-radius:2px;padding:10px 20px;font-size:.9375rem;font-weight:600;transition-property:opacity,transform;transition-duration:.12s;transition-timing-function:ease-out}.btn:not([disabled]):hover{opacity:.88}.btn:not([disabled]):active{transform:scale(.97)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.quiet{color:inherit;background:0 0;border-color:currentColor}.sheet .btn{--btn:var(--sheet-ink);--btn-ink:var(--sheet)}.page-view{object-fit:contain;background:var(--sheet);width:100%;height:100%;position:absolute;inset:0}.seal{z-index:2;border:3px solid var(--seal);width:82px;height:82px;color:var(--seal);font-family:var(--font-display);background:color-mix(in srgb, var(--sheet) 55%, transparent);opacity:.92;pointer-events:none;border-radius:4px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;place-items:center;padding:7px;font-size:1.5rem;font-weight:800;line-height:1;animation:.26s cubic-bezier(.2,.9,.3,1.2) both press;display:grid;position:absolute;bottom:-16px;right:-20px;transform:rotate(-7deg)}@media (max-width:560px){.seal{width:70px;height:70px;font-size:1.25rem;bottom:-12px;right:-6px}}@keyframes press{0%{opacity:0;transform:rotate(-7deg)scale(1.35)}to{opacity:.92;transform:rotate(-7deg)scale(1)}}.status{gap:12px;width:min(100%,460px);display:grid}.progress{gap:8px;display:grid}.bar{background:var(--desk-edge);height:3px;overflow:hidden}.bar>i{background:var(--ink);width:0;height:100%;transition:width .2s;display:block}.bar.indeterminate>i{width:30%;animation:1.1s ease-in-out infinite slide}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.progress-text{font-variant-numeric:tabular-nums;margin:0;font-size:.9375rem}.result-name{margin:0;font-weight:600}.result-meta{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.result .actions{justify-content:flex-start}.notice{border-left:3px solid var(--muted);margin:0;padding-left:12px;font-size:.9375rem}.notice.bad{border-color:var(--bad);color:var(--bad)}.notice.warn{border-color:var(--warn);color:var(--warn)}.opts{border:0;flex-wrap:wrap;gap:10px 28px;width:min(100%,460px);margin:0;padding:0;display:flex}.opt{border:0;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;display:flex}.opt legend{float:left;color:var(--muted);margin-right:4px;padding:0;font-size:.875rem}.opt label{position:relative}.opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.opt span{border:1px solid var(--desk-edge);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:2px;padding:5px 12px;font-size:.875rem;display:inline-block}.opt input:checked+span{border-color:var(--ink);background:var(--ink);color:var(--desk);font-weight:600}.opt input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}.thumbs{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 10px;width:min(100%,460px);margin:0;padding:0;list-style:none;display:grid}.thumbs li{justify-items:center;gap:4px;min-width:0;display:grid}.thumbs button{all:unset;cursor:pointer;aspect-ratio:210/297;background:var(--sheet);width:100%;display:block;box-shadow:0 1px 2px #14181d2e}.thumbs button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.thumbs button[aria-current=true]{outline:2px solid var(--ink);outline-offset:2px}.thumbs img{object-fit:contain;width:100%;height:100%;display:block}.thumbs small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem}.thumbs .more{color:var(--muted);align-self:center;font-size:.8125rem}.below{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;max-width:1120px;margin:0 auto;padding-block:24px 56px;padding-inline:20px;display:grid}@media (max-width:880px){.below{grid-template-columns:minmax(0,1fr);gap:36px}}.below h2{font-family:var(--font-display);margin:0 0 12px;font-size:1.375rem;font-weight:600}.log table{border-collapse:collapse;width:100%;font-size:.9375rem}.log th,.log td{text-align:left;border-bottom:1px solid var(--desk-edge);vertical-align:top;padding:10px 8px 10px 0}.log th{color:var(--muted);font-size:.8125rem;font-weight:500}.log td.num{font-variant-numeric:tabular-nums;white-space:nowrap}.log td:first-child{overflow-wrap:anywhere}.log .example{color:var(--muted);margin-left:6px;font-size:.8125rem}.log .state-bad{color:var(--bad)}.log .save-link{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;white-space:nowrap;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.log-note{color:var(--muted);margin:10px 0 0;font-size:.8125rem}@media (max-width:520px){.log th:nth-child(3),.log td:nth-child(3){display:none}}.faq details{border-top:1px solid var(--desk-edge);padding-block:14px}.faq details:last-of-type{border-bottom:1px solid var(--desk-edge)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--muted);font-weight:400}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);max-width:36em;margin:8px 0 0}.guides{grid-column:1/-1}.guides h2 a{text-decoration:none}.guides ul{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.guides li{border-top:1px solid var(--desk-edge);padding-block:14px}.guides li a{font-weight:500;text-decoration:none}.guides li a:hover{text-decoration:underline}.guides li p{color:var(--muted);margin:2px 0 0;font-size:.875rem}.changes{grid-column:1/-1}.local{border-bottom:1px solid var(--desk-edge);grid-column:1/-1;padding-bottom:36px}.below .local h2{text-wrap:balance;margin-bottom:16px;font-size:clamp(1.5rem,3.4vw,1.875rem)}.local p{max-width:40em;margin:0 0 12px}.local p:last-child{margin-bottom:0}.changes p{color:var(--muted);margin:0}.changes time{color:var(--ink);font-variant-numeric:tabular-nums;margin-right:6px}footer{color:var(--muted);border-top:1px solid var(--desk-edge);grid-column:1/-1;gap:4px;padding-top:20px;font-size:.75rem;display:grid}footer p{margin:0}@media (prefers-reduced-motion:reduce){.seal,.bar.indeterminate>i{animation:none}.sheet{transition:none}}.reader{max-width:1120px;margin:0 auto;padding:8px 20px 48px}.toolbar{z-index:5;background:var(--desk);border-bottom:1px solid var(--desk-edge);flex-wrap:wrap;align-items:center;gap:10px 18px;padding:12px 0;display:flex}@media (min-width:720px){.toolbar{position:sticky;top:0}}.doc-name{text-overflow:ellipsis;white-space:nowrap;flex:220px;min-width:0;margin:0;font-weight:600;overflow:hidden}.page-pos{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:.9375rem}.zoom{align-items:center;gap:4px;display:flex}.tool{font:inherit;border:1px solid var(--desk-edge);min-width:38px;min-height:38px;color:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:4px 10px;font-size:.9375rem}.tool:hover{border-color:var(--ink)}.tool[aria-pressed=true]{border-color:var(--ink);font-weight:600}.zoom-label{text-align:center;min-width:4.6em;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.875rem}.reader-actions{flex-wrap:wrap;gap:8px;display:flex}.reader-actions .btn{min-height:38px;padding:6px 14px;font-size:.875rem}.work{flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:12px;display:flex}.work p{font-variant-numeric:tabular-nums;margin:0}#reader-notice{margin-top:14px}.pages{justify-items:safe center;gap:36px;padding:28px 0 12px;display:grid;overflow-x:auto}.page{background:#fff;position:relative;box-shadow:0 1px #14181d0f,0 10px 28px -18px #14181d73}.page img{width:100%;height:100%;display:block}.page:not(.loaded) img{visibility:hidden}.page:not(.loaded):after{content:"불러오는 중…";color:#9aa1a7;place-items:center;font-size:.875rem;display:grid;position:absolute;inset:0}.page.failed:after{content:"이 쪽을 그리지 못했어요"}.page-num{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.75rem;position:absolute;bottom:-26px;left:0;right:0}.faq.wide{grid-column:1/-1;max-width:46rem}@media print{@page{margin:0}body{background:#fff}.site-head,#intro-area,.toolbar,.work,#reader-notice,.below,.page-num{display:none!important}.reader{max-width:none;padding:0}.pages{padding:0;display:block;overflow:visible}.page{box-shadow:none;break-after:page;aspect-ratio:auto!important;width:100%!important}.page img{height:auto}}.stage{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}#view{pointer-events:auto;touch-action:none;display:block;box-shadow:0 0 0 1px #14181d1f,0 6px 18px -10px #14181d80}#view.movable{cursor:grab}#view.movable:active{cursor:grabbing}.photo-opts{flex-direction:column;gap:10px}.opt-extra{color:var(--muted);align-items:center;gap:8px;padding-left:3.2em;font-size:.875rem;display:flex}.num-input{width:6.5em;font:inherit;border:1px solid var(--desk-edge);color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border-radius:2px;padding:5px 8px;font-size:.875rem}.num-input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.zoom-row{width:min(100%,460px);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:.875rem;display:flex}.zoom-row input[type=range]{accent-color:var(--ink);flex:160px}.btn:disabled{opacity:.45;cursor:not-allowed}
