:root{--sd-paper:#f7efdf;--sd-card:#fffdf6;--sd-ink:#33291f;--sd-ink2:#6b5b48;--sd-ju:#d9482b;--sd-jok:#275d6b;--sd-chija:#e8a93b;--sd-good:#3e7a4e;--sd-line:#33291f;--sd-shadow:#33291f24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--sd-paper);color:var(--sd-ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;line-height:1.65;overflow-x:hidden}img{max-width:100%;display:block}a{color:var(--sd-jok)}.sd-wrap{max-width:1080px;margin:0 auto;padding:0 22px}h1,h2,h3{letter-spacing:-.02em;margin:0;line-height:1.25}.sd-eyebrow{color:var(--sd-ju);letter-spacing:.08em;margin-bottom:12px;font-size:14px;font-weight:700}nav{z-index:50;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7efdfb8;border-bottom:1px solid #33291f14;transition:transform .35s;position:fixed;top:0;left:0;right:0}nav.sd-hide{transform:translateY(-100%)}nav .sd-wrap{align-items:center;gap:14px;height:58px;display:flex}nav .sd-brand{color:var(--sd-ink);align-items:center;gap:9px;font-size:17px;font-weight:800;text-decoration:none;display:flex}nav .sd-brand img{border-radius:8px;width:30px;height:30px}nav .sd-sp{gap:18px;margin-left:auto;font-size:14px;display:flex}nav .sd-sp a{color:var(--sd-ink2);text-decoration:none}nav .sd-sp a:hover{color:var(--sd-ju)}.sd-hero{align-items:center;min-height:100svh;padding:90px 0 40px;display:flex;position:relative;overflow:hidden}.sd-blob{filter:blur(2px);opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.sd-b1{background:#f3c9b8;width:520px;height:520px;top:6%;left:-160px}.sd-b2{background:#cfe3e8;width:420px;height:420px;top:22%;right:-120px}.sd-b3{background:#f6e2b0;width:360px;height:360px;bottom:-140px;left:34%}.sd-hero .sd-wrap{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;display:grid;position:relative}.sd-hero h1{letter-spacing:-.035em;font-size:clamp(40px,6.4vw,74px);font-weight:900}.sd-hero h1 .sd-line{display:block;overflow:hidden}.sd-hero h1 .sd-line span{animation:.9s cubic-bezier(.2,.8,.2,1) forwards rise;display:block;transform:translateY(110%)}.sd-hero h1 .sd-line:nth-child(2) span{animation-delay:.12s}@keyframes rise{to{transform:none}}.sd-brush{display:inline-block;position:relative}.sd-brush:after{content:"";background:var(--sd-chija);z-index:-1;transform-origin:0;border-radius:.2em;height:.26em;animation:.7s cubic-bezier(.3,1,.4,1) .55s forwards sweep;position:absolute;bottom:.06em;left:-2%;right:-2%;transform:scaleX(0)}@keyframes sweep{to{transform:scaleX(1)}}.sd-hero p.sd-lead{color:var(--sd-ink2);opacity:0;max-width:30em;margin:22px 0 30px;font-size:clamp(17px,2vw,21px);animation:.8s .5s forwards fade}@keyframes fade{to{opacity:1}}.sd-cta{opacity:0;flex-wrap:wrap;gap:12px;animation:.8s .7s forwards fade;display:flex}.sd-btn{border:2.5px solid var(--sd-line);background:var(--sd-card);color:var(--sd-ink);box-shadow:0 4px 0 var(--sd-shadow);border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.sd-btn:active{box-shadow:none;transform:translateY(4px)}.sd-btn.sd-pri{background:var(--sd-ju);color:#fff6e8;border-color:var(--sd-ju)}.sd-btn.sd-pri small{opacity:.85;font-weight:600}.sd-heroArt{justify-content:center;display:flex;position:relative}.sd-heroArt img{z-index:1;filter:drop-shadow(0 26px 40px #33291f38);will-change:transform;width:min(380px,78vw);animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.sd-bubble{z-index:4;background:var(--sd-card);border:2.5px solid var(--sd-line);box-shadow:0 6px 0 var(--sd-shadow);opacity:0;border-radius:18px;padding:10px 16px;font-size:15px;font-weight:700;animation:.5s 1.1s forwards pop;position:absolute;top:-2%;right:-4%}.sd-bubble:after{content:"";background:var(--sd-card);border-left:2.5px solid var(--sd-line);border-bottom:2.5px solid var(--sd-line);width:16px;height:16px;position:absolute;bottom:-11px;left:14px;transform:rotate(-45deg)}@keyframes pop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.sd-scrollCue{z-index:3;color:var(--sd-ink2);text-align:center;font-size:13px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.sd-scrollCue i{border:2px solid var(--sd-ink2);opacity:.6;border-radius:12px;width:22px;height:34px;margin:0 auto 8px;display:block;position:relative}.sd-scrollCue i:after{content:"";background:var(--sd-ink2);border-radius:2px;width:3px;height:7px;margin-left:-1.5px;animation:1.6s infinite wheel;position:absolute;top:7px;left:50%}@keyframes wheel{0%{opacity:1;transform:translateY(0)}70%{opacity:0;transform:translateY(11px)}to{opacity:0}}section{padding:clamp(70px,10vw,130px) 0}.sd-sec-h{letter-spacing:-.03em;font-size:clamp(28px,4vw,46px);font-weight:900}.sd-sec-p{color:var(--sd-ink2);max-width:34em;margin-top:14px;font-size:clamp(16px,1.7vw,19px)}.sd-reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(26px)}.sd-reveal.sd-in{opacity:1;transform:none}.sd-story{height:340svh;position:relative}.sd-stickyWrap{align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.sd-track{will-change:transform;gap:26px;padding-left:max(22px,50vw - 520px);display:flex}.sd-panel{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 10px 0 var(--sd-shadow);border-radius:28px;flex:0 0 min(78vw,620px);overflow:hidden}.sd-panel img{aspect-ratio:4/3;object-fit:cover;width:100%}.sd-panel .sd-t{padding:20px 24px 26px}.sd-panel .sd-tag{color:#fff6e8;background:var(--sd-jok);border-radius:999px;margin-bottom:10px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.sd-panel h3{font-size:clamp(20px,2.4vw,27px)}.sd-panel p{color:var(--sd-ink2);margin:10px 0 0;font-size:16px}.sd-bar{background:var(--sd-ju);width:0;height:5px;position:absolute;bottom:0;left:0}.sd-demo{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 10px 0 var(--sd-shadow);border-radius:30px;max-width:720px;margin:34px auto 0;padding:clamp(20px,3vw,34px)}.sd-demo .sd-scene{border:2.5px solid var(--sd-line);border-radius:20px;overflow:hidden}.sd-demo .sd-scene img{aspect-ratio:16/10;object-fit:cover}.sd-demo .sd-q{margin:18px 0 14px;font-size:clamp(17px,2vw,20px);font-weight:700}.sd-opt{text-align:left;width:100%;font:inherit;color:var(--sd-ink);background:var(--sd-paper);border:2.5px solid var(--sd-line);cursor:pointer;box-shadow:0 4px 0 var(--sd-shadow);border-radius:16px;margin-bottom:10px;padding:14px 18px;font-size:16px;font-weight:600;transition:transform .12s,box-shadow .12s,background .2s;display:block}.sd-opt:hover{transform:translateY(-2px)}.sd-opt:active{box-shadow:none;transform:translateY(3px)}.sd-opt.sd-on{border-color:var(--sd-jok);box-shadow:0 4px 0 var(--sd-jok);background:#dcebef}.sd-say{opacity:0;align-items:flex-start;gap:12px;margin-top:16px;transition:all .45s;display:flex;transform:translateY(8px)}.sd-say.sd-in{opacity:1;transform:none}.sd-say .sd-av{border:2.5px solid var(--sd-line);background:var(--sd-paper);border-radius:50%;flex:0 0 52px;width:52px;height:52px;overflow:hidden}.sd-say .sd-av img{width:172%;max-width:none;margin:-4% 0 0 -36%}.sd-say .sd-bb{background:var(--sd-paper);border:2.5px solid var(--sd-line);border-radius:18px;padding:11px 15px;font-size:16px}.sd-say .sd-bb b{color:var(--sd-ju);margin-right:6px}.sd-book{border:2.5px solid var(--sd-line);box-shadow:inset 7px 0 0 var(--sd-chija);background:#fff6e3;border-radius:6px 18px 18px 6px;margin-top:16px;padding:16px 18px;font-size:16px;line-height:1.7;display:none}.sd-book.sd-in{animation:.5s fade;display:block}.sd-book b{color:var(--sd-ju)}.sd-book .sd-bk{color:var(--sd-jok);margin-right:8px;font-size:13px;font-weight:800;display:inline-block}.sd-hint{color:var(--sd-ink2);margin-top:12px;font-size:14px}.sd-tiles{flex-wrap:wrap;justify-content:center;gap:10px;margin:8px 0 16px;display:flex}.sd-tile{background:var(--sd-paper);border:3px solid var(--sd-line);width:74px;height:74px;box-shadow:0 5px 0 var(--sd-shadow);cursor:pointer;border-radius:16px;font-family:Noto Serif KR,Apple SD Gothic Neo,serif;font-size:36px;font-weight:700;transition:transform .15s,opacity .2s}.sd-tile:active{transform:translateY(4px)}.sd-tile.sd-used{opacity:.25;pointer-events:none}.sd-slots{justify-content:center;gap:10px;margin-bottom:6px;display:flex}.sd-slot{width:74px;height:74px;color:var(--sd-ju);background:0 0;border:3px dashed #33291f59;border-radius:16px;justify-content:center;align-items:center;font-family:Noto Serif KR,serif;font-size:36px;font-weight:700;display:flex}.sd-slot.sd-fill{background:var(--sd-card);border-style:solid;animation:.3s pop}.sd-slot.sd-ok{border-color:var(--sd-good);color:var(--sd-good)}.sd-done-msg{text-align:center;color:var(--sd-good);min-height:26px;margin-top:6px;font-weight:800}.sd-stroke{grid-template-columns:auto 1fr;align-items:center;gap:28px;max-width:720px;margin:30px auto 0;display:grid}.sd-strokeBox{aspect-ratio:1;background:var(--sd-card);border:3px solid var(--sd-line);width:min(260px,52vw);box-shadow:0 8px 0 var(--sd-shadow);border-radius:24px;padding:10px;position:relative}.sd-strokeBox svg{width:100%;height:100%}.sd-strokeBox svg path[clip-path]{stroke:var(--sd-ink)}.sd-strokeBox svg path[id]{fill:#33291f24}.sd-replay{font:inherit;color:var(--sd-jok);cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-size:15px;font-weight:700}.sd-credit{color:var(--sd-ink2);margin-top:10px;font-size:12px}.sd-nums{text-align:center;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;display:grid}.sd-num{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 8px 0 var(--sd-shadow);border-radius:24px;padding:26px 12px}.sd-num b{letter-spacing:-.03em;color:var(--sd-ju);font-size:clamp(34px,5vw,54px);font-weight:900;display:block}.sd-num span{color:var(--sd-ink2);font-size:15px}.sd-safe{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px;display:grid}.sd-safe div{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 8px 0 var(--sd-shadow);border-radius:22px;padding:22px 18px}.sd-safe .sd-ic{margin-bottom:10px;font-size:30px;line-height:1}.sd-safe h3{font-size:18px}.sd-safe p{color:var(--sd-ink2);margin:8px 0 0;font-size:15px}.sd-gal{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px;display:grid}.sd-gal img{aspect-ratio:1;object-fit:cover;border:3px solid var(--sd-line);box-shadow:0 6px 0 var(--sd-shadow);border-radius:20px;transition:transform .3s}.sd-gal img:hover{transform:translateY(-6px)rotate(-1deg)}.sd-end{text-align:center;background:var(--sd-ju);color:#fff6e8;border-radius:34px;margin:0 0 70px;padding:clamp(40px,7vw,80px) 22px}.sd-end h2{font-size:clamp(28px,4.4vw,48px);font-weight:900}.sd-end p{opacity:.92;max-width:26em;margin:16px auto 28px}.sd-end .sd-btn{color:var(--sd-ju);background:#fff6e8;border-color:#fff6e8}footer{color:var(--sd-ink2);padding:0 0 60px;font-size:14px}footer .sd-links{flex-wrap:wrap;gap:18px;margin-bottom:12px;display:flex}footer a{color:var(--sd-ink2)}@media (max-width:900px){.sd-hero .sd-wrap{text-align:center;grid-template-columns:1fr}.sd-hero p.sd-lead{margin-left:auto;margin-right:auto}.sd-cta{justify-content:center}.sd-heroArt{order:-1}.sd-heroArt img{width:min(250px,60vw)}.sd-bubble{margin:0 auto 14px;display:table;position:static}.sd-bubble:after{display:none}.sd-safe,.sd-gal{grid-template-columns:repeat(2,1fr)}.sd-nums{grid-template-columns:1fr;gap:12px}.sd-stroke{text-align:center;grid-template-columns:1fr;justify-items:center}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.sd-reveal{opacity:1;transform:none}.sd-hero h1 .sd-line span{transform:none}.sd-brush:after{transform:scaleX(1)}.sd-hero p.sd-lead,.sd-cta,.sd-bubble{opacity:1}}@media (prefers-color-scheme:dark){.sd-strokeBox svg path[id]{fill:#f0e6d629}:root{--sd-paper:#241e16;--sd-card:#2f2820;--sd-ink:#f0e6d6;--sd-ink2:#b8a88f;--sd-line:#0f0c08;--sd-shadow:#0006}.sd-blob{opacity:.22}nav{background:#241e16b8}.sd-book{background:#3a3126}.sd-slot{border-color:#f0e6d659}}.sd-tile.sd-shake{animation:.22s tshake}@keyframes tshake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}html{background:var(--sd-paper)}img{height:auto}.sd-page{flex-direction:column;min-height:100dvh;display:flex}.sd-page>main{flex:1}.sd-langbtn{font:inherit;color:var(--sd-ink2);cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.sd-langbtn:hover,nav .sd-sp a.sd-on{color:var(--sd-ju)}.sd-btn-note{border:2.5px dashed var(--sd-line);color:var(--sd-ink2);opacity:.85;border-radius:999px;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:700;display:inline-flex}.sd-end .sd-btn-note{color:#fff6e8;border-color:#fff6e899}.sd-doc{max-width:760px;padding-top:110px;padding-bottom:70px}.sd-doc h1{letter-spacing:-.03em;font-size:clamp(30px,4.4vw,44px);font-weight:900}.sd-doc h2{margin:38px 0 10px;font-size:clamp(20px,2.4vw,26px);font-weight:800}.sd-doc p,.sd-doc li{color:var(--sd-ink2);font-size:16.5px}.sd-doc ul{padding-left:20px}.sd-doc li{margin:6px 0}.sd-meta{color:var(--sd-ink2);margin-top:10px;font-size:14px}.sd-callout{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 8px 0 var(--sd-shadow);border-radius:22px;margin:24px 0 8px;padding:20px 22px}.sd-callout p{color:var(--sd-ink);margin:0}.sd-callout p+p{color:var(--sd-ink2);margin-top:10px}.sd-qa{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 6px 0 var(--sd-shadow);border-radius:20px;margin-bottom:12px;padding:14px 18px}.sd-qa summary{cursor:pointer;color:var(--sd-ink);font-size:16.5px;font-weight:800}.sd-qa summary::-webkit-details-marker{display:none}.sd-qa .sd-a p{margin:10px 0 2px}.sd-mailto{font-weight:700}@media (max-width:560px){nav .sd-wrap{gap:8px}nav .sd-sp{gap:13px;font-size:13px}nav .sd-sp a[href$=\#try],nav .sd-sp a[href$=\#why]{display:none}nav .sd-brand{font-size:16px}}@media (max-width:900px){.sd-heroArt{flex-direction:column;align-items:center}.sd-bubble{flex:none}}.sd-family{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 8px 0 var(--sd-shadow);border-radius:22px;align-items:flex-start;gap:16px;margin-top:16px;padding:22px 20px;display:flex}.sd-family .sd-ic{flex:none;font-size:30px;line-height:1}.sd-family h3{font-size:18px}.sd-family p{color:var(--sd-ink2);margin:8px 0 0;font-size:15px}.sd-panel-shot{flex-basis:min(82vw,640px);grid-template-columns:200px 1fr;align-items:center;gap:20px;padding:18px 22px 18px 18px;display:grid}.sd-panel-shot img{aspect-ratio:auto;border:2.5px solid var(--sd-line);object-fit:contain;border-radius:18px;width:200px;height:auto}.sd-panel-shot .sd-t{padding:0}.sd-screens{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;display:grid}.sd-screen{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 8px 0 var(--sd-shadow);border-radius:22px;flex-direction:column;margin:0;display:flex;overflow:hidden}.sd-screen img{border-bottom:3px solid var(--sd-line);width:100%;height:auto}.sd-screen figcaption{gap:6px;padding:14px 15px 18px;display:grid}.sd-screen b{font-size:16px;line-height:1.35}.sd-screen span{color:var(--sd-ink2);font-size:14px;line-height:1.6}.sd-review{background:var(--sd-card);border:3px solid var(--sd-line);box-shadow:0 8px 0 var(--sd-shadow);border-radius:22px;align-items:flex-start;gap:16px;margin-top:16px;padding:22px 20px;display:flex}.sd-review .sd-ic{flex:none;font-size:30px;line-height:1}.sd-review h3{font-size:18px}.sd-review p{color:var(--sd-ink2);margin:8px 0 0;font-size:15px}@media (max-width:900px){.sd-panel-shot{flex-basis:min(86vw,560px);grid-template-columns:150px 1fr;gap:14px}.sd-panel-shot img{width:150px}.sd-screens{grid-template-columns:repeat(2,1fr);gap:14px}}@media (max-width:600px){.sd-panel-shot{grid-template-columns:130px 1fr}.sd-panel-shot img{width:130px}.sd-panel-shot h3{font-size:19px}.sd-panel-shot p{font-size:14.5px}}