:root{--background-main: #F2F1ED;--background-light: #F6F5F2;--background-muted: #ECEBE7;--text-primary: #5C5952;--text-secondary: #6F6C66;--text-muted: #7A766E;--text-faint: #8A857C;--text-later: #98938A;--line: #AAA69F;--accent-node: #B9735F;--content-max-width: 960px;--header-pad-y: 1.25rem;--read-max-width: 33rem;--read-line-height: 1.8;--read-para-gap: 1.6em;--t-page-title: 1.6rem;--t-article-title: 1.2rem;--t-section: 1.02rem;--t-section-sm: .88rem;--t-heading: 1.06rem;--t-body: .96rem;--t-meta: .82rem;--t-fine: .74rem;--w-body: 400;--w-title: 400;--font-body: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Noto Sans KR", sans-serif}@media(min-width:768px){:root{--read-max-width: 36rem}}@media(min-width:1024px){:root{--read-max-width: 40rem}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light}html,body{padding:0;margin:0;-webkit-tap-highlight-color:transparent}body{background:var(--background-main);color:var(--text-primary);font-family:var(--font-body);font-weight:var(--w-body);line-height:var(--read-line-height);-webkit-font-smoothing:antialiased;word-break:keep-all;overflow-wrap:break-word;min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,p{margin:0;font-weight:var(--w-title)}a{color:inherit;text-decoration:none;transition:opacity .18s cubic-bezier(.25,.46,.45,.94)}a:hover{opacity:.72}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:1px solid var(--accent-node);outline-offset:3px}::selection{background:var(--accent-node);color:var(--background-main)}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--background-main) inset;-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary)}.header{position:sticky;top:0;z-index:10;background:var(--background-main);border-bottom:1px solid var(--line)}.header .inner{max-width:var(--content-max-width);margin:0 auto;padding:var(--header-pad-y) 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:14px}.logo{font-size:var(--t-section);letter-spacing:.02em;white-space:nowrap}.nav{display:flex;gap:2rem}.nav a,.nav span{font-size:var(--t-meta);letter-spacing:.04em;white-space:nowrap}.nav .on{color:var(--accent-node)}.menu{font-size:var(--t-meta);letter-spacing:.04em;color:var(--accent-node);white-space:nowrap}@media(max-width:720px){.nav{gap:.55rem}.nav a,.nav span,.menu{font-size:.62rem}}main{flex:1 0 auto;width:100%;max-width:var(--content-max-width);margin-inline:auto;padding:2.2rem 1.5rem 3.5rem}.col{max-width:var(--read-max-width)}.view{animation:wu-enter .56s cubic-bezier(.4,0,.3,1) backwards}@keyframes wu-enter{0%{opacity:.45;transform:translateY(5px)}35%{opacity:.62;transform:translateY(3.2px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.view{animation:none}a{transition:none}}h1{font-size:var(--t-article-title);letter-spacing:.01em}h1:focus{outline:none}h1.page{font-size:var(--t-page-title)}.sub{font-size:var(--t-meta);color:var(--text-muted);margin-top:2px}.lead{font-size:var(--t-body);margin-top:30px}.lead p{white-space:pre-line}.lead p+p{margin-top:var(--read-para-gap)}.btn{display:block;margin:40px auto 0;padding:0 0 3px;border-bottom:1px solid var(--text-primary);font-size:.9rem;letter-spacing:.06em;text-align:center;width:max-content;max-width:100%}.btn:after{content:"  →";color:var(--accent-node)}.btn.quiet{border-bottom-color:var(--line);color:var(--text-secondary)}.small{font-size:var(--t-fine);color:var(--text-faint);margin-top:14px;text-align:center}.label{font-size:var(--t-fine);color:var(--text-faint);letter-spacing:.06em;margin-top:26px}.label .opt{margin-left:.4rem;letter-spacing:0}.inputform .btn{margin:40px 0 0}.inputform .small{text-align:left}input[type=text],input[type=search]{font:inherit;font-size:1rem;color:var(--text-primary);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;width:100%;margin-top:4px;-webkit-appearance:none;appearance:none}input::placeholder{color:var(--text-faint);opacity:1}input:focus{outline:none;border-bottom-color:var(--accent-node);box-shadow:0 1px 0 var(--accent-node)}input.short{width:11rem;max-width:100%}.date,.clock{display:flex;align-items:baseline;gap:.6rem;margin-top:4px}.date input,.clock input{text-align:center}.date .y{width:5.2rem}.date .m,.date .d,.clock .hh,.clock .mi{width:3.2rem}.sep{color:var(--text-faint)}.clock .unk{margin-left:.8rem}.tog{display:flex;flex-wrap:wrap;gap:4px 18px;margin-top:10px}.tog button,.unk{padding:2px 0;font-size:.86rem;color:var(--text-muted);border-bottom:1px solid transparent}.tog button[aria-pressed=true],.unk[aria-pressed=true]{color:var(--accent-node);border-bottom-color:var(--accent-node)}.clock.off input{opacity:.4}.err{font-size:var(--t-meta);color:var(--text-secondary);margin-top:22px;padding:2px 0 2px 10px;border-left:1px solid var(--accent-node)}.summary{font-size:var(--t-fine);color:var(--text-faint);margin-top:6px}.grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--background-muted);border-bottom:1px solid var(--background-muted);margin-top:22px;text-align:center}.grid>div{padding:10px 0}.grid .k{font-size:.7rem;color:var(--text-faint)}.grid .g{font-size:1.3rem;line-height:1.4}.grid .g small{display:block;font-size:.68rem;line-height:1.2;color:var(--text-muted);margin-bottom:6px}.grid .me,.grid .me small{color:var(--accent-node)}.grid .none{color:var(--text-later)}.oh{display:flex;justify-content:space-between;font-size:var(--t-meta);color:var(--text-secondary);margin-top:14px}.note{font-size:var(--t-fine);color:var(--text-faint);margin-top:10px}.item{border-top:1px solid var(--background-muted);padding:12px 0}.item:first-of-type{border-top:1px solid var(--line);margin-top:10px}.item .easy{font-size:var(--t-section-sm);color:var(--text-secondary)}.item .tech{font-size:var(--t-fine);color:var(--text-faint);margin-top:2px}.item .tip{margin-top:8px;font-size:.78rem;color:var(--text-secondary);border-left:1px solid var(--accent-node);padding:2px 10px}.flow{font-size:var(--t-section-sm);color:var(--text-secondary);margin-top:4px}.dlist{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:8px;font-size:var(--t-fine);color:var(--text-faint)}.dlist .on{color:var(--accent-node);border-bottom:1px solid var(--accent-node)}.day .d{display:flex;justify-content:space-between;align-items:baseline;margin-top:10px}.day .date{font-size:1.06rem}.day .gz{font-size:var(--t-fine);color:var(--text-faint);margin-top:2px}.sec{margin-top:38px}.sec h2{font-size:var(--t-heading)}.links{display:flex;gap:22px;margin-top:36px;justify-content:center;flex-wrap:wrap}.links button{font-size:var(--t-meta);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:2px}.foot{border-top:1px solid var(--background-muted)}.foot .inner{max-width:var(--content-max-width);margin:0 auto;padding:16px 1.5rem;font-size:var(--t-fine);color:var(--text-later)}.foot span,.foot a{margin-right:12px}noscript p{padding:2rem 1.5rem}.alt{margin-top:14px;padding:2px 0 2px 10px;border-left:1px solid var(--accent-node)}.alt .note{margin-top:0;color:var(--text-secondary)}.switch{margin-top:6px;font-size:var(--t-fine);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:1px}.day .mark{font-size:1.15rem;letter-spacing:.08em;color:var(--accent-node)}.yong .tog{margin-top:8px}.links.left{justify-content:flex-start;margin-top:14px}.prow{margin-top:18px}.prow .who{font-size:var(--t-fine);color:var(--text-faint);letter-spacing:.06em}.grid.mini{margin-top:6px}.grid.mini .g{font-size:1.05rem}.end{margin-top:38px;padding:2px 0 2px 10px;border-left:1px solid var(--accent-node);font-size:var(--t-meta);color:var(--text-secondary)}.tosite{margin-top:28px;text-align:center;font-size:var(--t-fine);color:var(--text-faint)}.tosite a{color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:1px}.item .def{font-size:var(--t-fine);color:var(--accent-node);margin-bottom:4px}.item .defs{margin-top:6px;font-size:var(--t-fine);color:var(--text-faint)}.item .defs div{margin-top:3px}.item.person .who{font-size:var(--t-fine);color:var(--text-faint);letter-spacing:.06em;margin-bottom:2px}.item.person .easy+.easy{margin-top:2px}.item .tip+.tip{margin-top:5px}.item .why{margin:4px 0 6px;padding-left:10px}.item .why .easy{font-size:var(--t-meta)}.item .easy+.easy{margin-top:2px}.item .easy.gap{margin-top:10px}.touchbit{margin-bottom:10px}.touchbit .tip,.touchbit .tech{margin-top:5px}.touchlegend{margin-top:10px;font-size:var(--t-fine);color:var(--text-faint)}.item .tip+.tech{margin-top:8px}.small.left{text-align:left;margin-top:10px}details.more{margin-top:2px}details.more summary{cursor:pointer;font-size:var(--t-fine);color:var(--text-secondary);padding:10px 0;list-style:none;border-top:1px solid var(--background-muted)}details.more summary::-webkit-details-marker{display:none}details.more summary:after{content:"  +";color:var(--accent-node)}details.more[open] summary:after{content:"  −"}.pickrow{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 20px;margin-top:8px}.stepbtns{display:flex;gap:18px}.stepbtns button{font-size:var(--t-meta);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:2px}.sec.locked .item{border-left:1px solid var(--accent-node);padding-left:10px}.cal{margin-top:10px}.calhead{display:flex;justify-content:space-between;align-items:center;font-size:var(--t-section-sm);color:var(--text-secondary)}.calhead button{font-size:1.2rem;padding:2px 12px;color:var(--text-secondary)}.calgrid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:8px;text-align:center}.calgrid .w{font-size:.68rem;color:var(--text-faint);padding:4px 0}.calgrid .c{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:3.1rem;padding:4px 0;border:1px solid transparent;font-size:.72rem;color:var(--text-secondary)}.calgrid .c.empty{visibility:hidden}.calgrid .c .n{font-size:.78rem;color:var(--text-muted)}.calgrid .c .m{font-size:.66rem;color:var(--accent-node);line-height:1.25;letter-spacing:.02em;word-spacing:1px}.calgrid .c.today .n{border-bottom:1px solid var(--accent-node)}.calgrid .c.sel{border-color:var(--line)}.calgrid .c.both{border-color:var(--accent-node)}.shop .facts{margin-top:10px;border-top:1px solid var(--line)}.shop .fact{display:flex;gap:16px;padding:11px 0;border-bottom:1px solid var(--background-muted);font-size:var(--t-section-sm)}.shop .fact .k{flex:0 0 6.5rem;color:var(--text-faint);font-size:var(--t-fine);letter-spacing:.06em;padding-top:2px}.shop .fact .v{color:var(--text-secondary);min-width:0;overflow-wrap:anywhere}.shop .plain{list-style:none;margin-top:10px;padding:0}.shop .plain li{border-top:1px solid var(--background-muted);padding:10px 0;color:var(--text-secondary);font-size:var(--t-section-sm)}.shop .plain li:first-child{border-top:1px solid var(--line)}.shop .body{margin-top:10px;color:var(--text-secondary)}.shop .note a,.shop .body a{border-bottom:1px solid var(--line)}.todo{margin-top:10px;padding:2px 0 2px 10px;border-left:1px dashed var(--accent-node);color:var(--text-faint);font-size:var(--t-meta)}.quietlink{font-size:var(--t-meta);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:2px}input[type=email],.txt{font:inherit;font-size:1rem;color:var(--text-primary);background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:8px 0;width:100%;-webkit-appearance:none;appearance:none}input[type=email]::placeholder{color:var(--text-faint);opacity:1}input[type=email]:focus{outline:none;border-bottom-color:var(--accent-node);box-shadow:0 1px 0 var(--accent-node)}.chk{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:var(--t-section-sm);color:var(--text-secondary);cursor:pointer}.chk input{margin-top:5px;accent-color:var(--accent-node);flex:none}.chklinks a{border-bottom:1px solid var(--line)}.btn:disabled{opacity:.4;cursor:default}#payment-method,#agreement{margin-top:10px}.foot .footlinks{display:flex;flex-wrap:wrap;gap:4px 18px}.foot .footlinks a,.foot .footlinks span{margin-right:0}.foot .biz{margin-top:14px;display:flex;flex-wrap:wrap;gap:2px 14px;line-height:1.7}.foot .bizrow{margin-right:0}.foot .bizrow .blank{font-style:normal;color:var(--accent-node)}.foot .biz a{margin-right:0;border-bottom:1px solid var(--line)}.foot .footbrand{margin-top:14px}.pickdays .pickrow{align-items:flex-end}.pickdays .pl{display:flex;flex-direction:column}.pickdays .pl .small{margin-top:0}.pickout{margin-top:18px}.pickday .d{margin-top:0}.pickday .d .date{flex:1}.pickday .rk{display:inline-block;min-width:1.4rem;font-size:var(--t-fine);color:var(--text-faint)}.pickday .why{margin-top:8px}.pickday .why .tech{margin-top:2px}.pickday .gz{margin-top:4px}.pickout .avoid{border-left:1px solid var(--accent-node);padding-left:10px;margin-top:12px}.pickout>.tech{margin-top:14px}.combo{position:relative;width:11rem;max-width:100%}.combo input.short{width:100%}.combo-pop{position:absolute;z-index:20;top:100%;left:0;right:0;background:var(--background-light);border:1px solid var(--line);border-top:0}.combo-list{list-style:none;margin:0;padding:0;max-height:13.5rem;overflow-y:auto;overscroll-behavior:contain}.combo-opt{padding:6px 10px;font-size:var(--t-body);line-height:1.6;color:var(--text-primary);border-left:1px solid transparent;cursor:pointer}.combo-opt.on{color:var(--accent-node);border-left-color:var(--accent-node)}.combo-note{padding:8px 10px;font-size:var(--t-fine);line-height:1.6;color:var(--text-muted)}.dpick{position:relative}.dfields{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:4px}.dfields input{text-align:center}.dfields .y{width:5.2rem}.dfields .m,.dfields .d{width:3.2rem}.dtoggle{margin-left:.5rem;font-size:var(--t-meta);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:2px}.dtoggle[aria-expanded=true]{color:var(--accent-node);border-bottom-color:var(--accent-node)}.dpop{position:absolute;z-index:20;top:calc(100% + 4px);left:0;width:19rem;max-width:calc(100vw - 3rem);background:var(--background-light);border:1px solid var(--line);padding:4px 12px 8px}.dpop .calgrid .c{min-height:2.2rem;justify-content:center;padding:2px 0}.dpop .calgrid .c .n{font-size:.9rem;color:var(--text-secondary)}.dpop .calgrid .c:hover .n{color:var(--accent-node)}.dpop .calgrid .c.pick{border-color:var(--accent-node)}.dpop .calgrid .c.pick .n{color:var(--accent-node)}.dfoot{display:flex;gap:18px;margin-top:8px;padding-top:6px;border-top:1px solid var(--background-muted)}.dfoot button{font-size:var(--t-meta);letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--line);padding-bottom:2px}
