*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:#e8edeb;overflow-x:hidden}body{font-family:var(--f);color:var(--t1);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100vh;max-width:var(--frame-w);padding-top:var(--gnb-h);margin:0 auto;position:relative}.gnb{z-index:100;width:var(--frame-w);background:var(--bg);border-bottom:1px solid var(--bd);height:var(--gnb-h);position:fixed;top:0;left:50%;transform:translate(-50%)}.gnb-inner{max-width:var(--wrap);padding:0 var(--sp-3);justify-content:space-between;align-items:center;height:100%;margin:0 auto;display:flex}.gnb-back{font-size:var(--fs-b);color:var(--t2);cursor:pointer;align-items:center;gap:4px;min-width:72px;display:flex}.gnb-back i{font-size:18px}.gnb-title{font-size:17px;font-weight:var(--fw-h);color:var(--t1)}.gnb-icon{border:1px solid var(--bd);background:var(--sf);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.gnb-icon i{color:var(--t2);font-size:18px}.gnb-right{align-items:center;gap:var(--sp-2);display:flex}.gnb-logo{cursor:pointer;flex-shrink:0;align-items:center;margin-right:auto;display:inline-flex}.gnb-btn{background:var(--p);color:var(--a);font-size:var(--fs-l);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:7px 14px;font-weight:700;display:flex}.gnb-btn i{font-size:14px}.gnb-links{flex:1;align-items:center;gap:2px;display:none}.gnb-link{padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--fs-b);color:var(--t2);cursor:pointer;white-space:nowrap;font-weight:500;transition:background .12s,color .12s}.gnb-link:hover{background:var(--sf);color:var(--t1)}.gnb-link.on{color:var(--t1);font-weight:700}.gnb-hamburger{border:1px solid var(--bd);background:var(--sf);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.gnb-user{align-items:center;gap:var(--sp-2);display:none}@media (min-width:768px){.gnb-inner{padding:0 var(--sp-5)}.gnb-logo{margin-right:var(--sp-5)}}.drawer-overlay{z-index:200;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000006b;display:none;position:absolute;inset:0}.drawer-overlay.open{display:block}.nav-drawer{background:var(--bg);z-index:201;visibility:hidden;flex-direction:column;width:272px;transition:transform .22s cubic-bezier(.32,.72,0,1),visibility 0s linear .22s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-4px 0 28px #1a1a1a2e}.nav-drawer.open{visibility:visible;transition:transform .22s cubic-bezier(.32,.72,0,1),visibility linear;transform:translate(0)}.drawer-head{padding:var(--sp-3) 18px;border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;display:flex}.drawer-head-title{font-size:var(--fs-b);font-weight:var(--fw-d);color:var(--t1)}.drawer-close{border:1px solid var(--bd);background:var(--sf);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.drawer-user{background:var(--p);padding:18px}.drawer-greeting{font-size:var(--fs-l);color:#ffffff80;margin-bottom:4px}.drawer-name{font-size:var(--fs-b);color:#fff;font-weight:800}.drawer-point{margin-top:var(--sp-2);padding:4px var(--sp-3);font-size:var(--fs-l);color:#fff;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:5px;font-weight:700;display:inline-flex}.drawer-nav{padding:var(--sp-2) 0}.ditem{align-items:center;gap:var(--sp-3);font-size:var(--fs-b);color:var(--t1);cursor:pointer;border-left:3px solid #0000;padding:13px 18px;font-weight:500;transition:background .1s;display:flex}.ditem:hover{background:var(--sf)}.ditem.on{color:var(--p);border-left-color:var(--p);background:var(--p-tint-05);font-weight:800}.ditem i{text-align:center;flex-shrink:0;width:22px;font-size:18px}.drawer-divider{background:var(--bd);height:1px}.drawer-sub{padding:var(--sp-1) 0}.dsub{padding:var(--sp-2) 18px;font-size:var(--fs-l);color:var(--t2);cursor:pointer;text-decoration:none;display:block}.dsub:hover{color:var(--t1)}.drawer-foot{padding:var(--sp-3) 18px;border-top:1px solid var(--bd);margin-top:auto}.drawer-logout{font-size:var(--fs-l);color:var(--t3);cursor:pointer}.drawer-logout:hover{color:var(--t2)}.hero{background:var(--p);padding:var(--sp-4) var(--sp-3) var(--sp-5);position:relative;overflow:hidden}.hero-inner{max-width:var(--wrap);margin:0 auto;position:relative}.hero-label{font-size:var(--fs-l);color:#ffffff73;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-weight:600}.hero-title{color:#fff;letter-spacing:-.4px;margin-bottom:4px;font-size:22px;font-weight:800}.hero-sub{font-size:var(--fs-b);color:#fff6;margin-bottom:var(--sp-4)}.hero-badge{background:color-mix(in srgb, var(--a) 14%, transparent);border:1px solid color-mix(in srgb, var(--a) 28%, transparent);color:var(--a);font-size:var(--fs-l);letter-spacing:.04em;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-weight:700;display:inline-flex}.page-body{max-width:var(--wrap);margin:0 auto}.section{padding:var(--sp-4) var(--sp-3)}.section+.section{border-top:1px solid var(--bd)}.sec-divider{background:var(--sf);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd);height:8px}.sec-title{font-size:var(--fs-h);font-weight:var(--fw-h);color:var(--t1);letter-spacing:-.3px;margin-bottom:var(--sp-3);align-items:center;gap:8px;display:flex}.list-item{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--sf);padding:20px 0;display:flex}.list-item:last-child{border-bottom:none}.list-thumb{border-radius:var(--r-xl);background:var(--sf);border:1px solid var(--bd);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.list-info{flex:1;min-width:0}.list-tag{font-size:var(--fs-l);border-radius:var(--r-xs);background:color-mix(in srgb, var(--a) 12%, transparent);color:var(--a2);border:1px solid color-mix(in srgb, var(--a) 20%, transparent);align-items:center;margin-bottom:7px;padding:3px 10px;font-weight:700;display:inline-flex}.list-name{font-size:var(--fs-b);color:var(--t1);letter-spacing:-.2px;margin-bottom:4px;font-weight:700}.list-meta{font-size:var(--fs-l);color:var(--t3)}.info-row{padding:var(--sp-3) 0;border-bottom:1px solid var(--sf);justify-content:space-between;align-items:center;display:flex}.info-row:last-child{border-bottom:none}.info-label{font-size:var(--fs-b);color:var(--t3)}.info-value{font-size:var(--fs-b);color:var(--t1);font-weight:600}.btn-primary,.btn-strong,.btn-secondary,.btn-ghost,.btn-text{width:100%;font-size:var(--fs-b);border-radius:var(--r-lg);text-align:center;cursor:pointer;font-weight:700;font-family:var(--f);border:none;justify-content:center;align-items:center;gap:6px;padding:15px 0;transition:opacity .12s,background .12s;display:flex}.btn-primary:disabled,.btn-strong:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-text:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--p);color:var(--a);font-weight:800;box-shadow:0 6px 20px #00000047}.btn-primary:hover:not(:disabled){opacity:.88}.btn-strong{background:var(--p);color:#fff;box-shadow:0 4px 14px #00000029}.btn-strong:hover:not(:disabled){opacity:.88}.btn-secondary{background:var(--bg);color:var(--t1);border:1.5px solid var(--p)}.btn-secondary:hover:not(:disabled){background:var(--sf)}.btn-ghost{background:var(--sf);color:var(--t2);border:1px solid var(--bd)}.btn-ghost:hover:not(:disabled){background:var(--bd)}.btn-text{color:var(--t2);box-shadow:none;background:0 0}.btn-text:hover:not(:disabled){color:var(--t1)}.btn-inline{font-size:var(--fs-b);cursor:pointer;white-space:nowrap;font-weight:700;font-family:var(--f);border:none;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:8px 16px;transition:opacity .12s,background .12s;display:inline-flex}.btn-inline.btn-primary,.btn-inline.btn-strong{box-shadow:none}.btn-inline.btn-ghost{border:1px solid var(--bd)}.cta-bar{width:var(--frame-w);background:var(--bg);border-top:1px solid var(--bd);padding:var(--sp-2) var(--sp-3) var(--sp-4);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cta-bar-inner{max-width:var(--wrap);margin:0 auto}.chips{margin-bottom:var(--sp-3);flex-wrap:wrap;gap:8px;display:flex}.chip{font-size:var(--fs-b);border:1px solid var(--bd);color:var(--t2);background:var(--sf);cursor:pointer;border-radius:999px;padding:7px 16px;font-weight:600;transition:all .12s}.chip.on{background:var(--p);color:var(--a);border-color:var(--p)}.text-div{padding:var(--sp-3) 0;justify-content:center;align-items:center;gap:var(--sp-3);font-size:var(--fs-l);color:var(--t3);display:flex}.text-div:before,.text-div:after{content:"";background:var(--bd);flex:1;height:1px}.tip-banner{background:color-mix(in srgb, var(--a) 7%, transparent);border-bottom:1px solid color-mix(in srgb, var(--a) 18%, transparent);padding:12px var(--sp-3)}.tip-inner{max-width:var(--wrap);align-items:flex-start;gap:10px;margin:0 auto;display:flex}.tip-icon{flex-shrink:0;margin-top:1px;font-size:20px}.tip-text{font-size:var(--fs-b);color:var(--t2);line-height:1.65}.tip-text strong{color:var(--a2);font-weight:700}.saju-grid{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.saju-pillar{border:1px solid color-mix(in srgb, var(--a) 18%, transparent);border-radius:var(--r-lg);text-align:center;background:#ffffff12;padding:14px 6px}.pillar-label{font-size:var(--fs-l);color:#fff6;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-weight:700}.pillar-char{color:#fff;font-size:26px;font-weight:800;line-height:1}.pillar-read{font-size:var(--fs-l);color:#ffffff73;margin-top:3px}.pillar-sep{background:color-mix(in srgb, var(--a) 20%, transparent);height:1px;margin:10px 14px}.sh{padding:26px var(--sp-3) 14px;justify-content:space-between;align-items:center;display:flex}.sh-title{font-size:var(--fs-h);font-weight:var(--fw-h);color:var(--t1);letter-spacing:-.3px}.sh-more{font-size:var(--fs-l);color:var(--t3);cursor:pointer;transition:color .12s}.sh-more:hover{color:var(--t2)}.badge{border-radius:var(--r-xs);letter-spacing:.01em;white-space:nowrap;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.badge-important{background:color-mix(in srgb, var(--err) 10%, transparent);color:var(--err);border:1px solid color-mix(in srgb, var(--err) 20%, transparent)}.badge-event{background:color-mix(in srgb, var(--a) 12%, transparent);color:var(--a2);border:1px solid color-mix(in srgb, var(--a) 22%, transparent)}.badge-notice{background:var(--sf);color:var(--t2);border:1px solid var(--bd)}.badge-wait{background:color-mix(in srgb, var(--a) 10%, white);color:var(--a2);border:1px solid color-mix(in srgb, var(--a) 45%, white)}.badge-done{background:var(--ok-bg);color:var(--ok);border:1px solid color-mix(in srgb, var(--ok) 30%, white)}.list-row{padding:18px var(--sp-3);border-bottom:1px solid var(--bd);cursor:pointer;justify-content:space-between;align-items:center;transition:background .12s;display:flex}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--sf)}.list-row-body{flex:1;min-width:0}.list-row-title{font-size:var(--fs-b);color:var(--t1);letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.list-row-meta{align-items:center;gap:var(--sp-2);margin-top:5px;display:flex}.list-row-date{font-size:var(--fs-l);color:var(--t3)}.list-row-arr{color:var(--t3);margin-left:var(--sp-2);flex-shrink:0}@media (min-width:768px){.hero-inner,.page-body,.tip-inner,.cta-bar-inner{max-width:var(--wrap)}.hero{padding:var(--sp-5)}.section{padding-left:var(--sp-5);padding-right:var(--sp-5)}.sh{padding:32px var(--sp-5) 16px}.list-row{padding-left:var(--sp-5);padding-right:var(--sp-5)}}
:root{--p:#134634;--a:#94c2b2;--a2:#2a8566;--sec:#4a5b55;--err:#f04452;--cta-yellow:#ffd84d;--brand-50:#f3f6f5;--brand-100:#e3e9e7;--brand-300:#95aca4;--brand-500:#134634;--brand-700:#0d3124;--accent-500:#2a8566;--accent-600:#247157;--bg:#fff;--sf:#f3f6f5;--bd:#dce5e1;--t1:#14211c;--t2:#4a5b55;--t3:#96a39d;--ok:#2a8566;--ok-bg:#eaf5f0;--f:"Pretendard", -apple-system, "Apple SD Gothic Neo", BlinkMacSystemFont, sans-serif;--fs-d:28px;--fw-d:800;--fs-h:18px;--fw-h:700;--fs-b:15px;--fs-l:12px;--wrap:760px;--wrap-wide:1120px;--wrap-narrow:480px;--gnb-h:60px;--sidebar-w:220px;--frame-w:min(100%, clamp(480px, 55vw, 640px));--bnav-h:72px;--sp-1:4px;--sp-2:8px;--sp-3:16px;--sp-4:24px;--sp-5:32px;--sp-6:48px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-full:999px;--fw-b:400;--fw-s:600;--grad-thumb:linear-gradient(145deg, #2a8566, #134634);--grad-hero:linear-gradient(158deg, #2a8566 0%, #134634 55%, #0d3124 100%);--grad-avatar:linear-gradient(135deg, #2a8566, #134634);--p-tint-03:#13463408;--p-tint-05:#1346340d;--p-tint-08:#13463414;--p-tint-12:#1346341f;--p-tint-15:#13463426;--p-tint-20:#13463433}.gnb{background:var(--bg);border-bottom:1px solid var(--bd)}.gnb-logo{color:var(--t1);text-decoration:none}.gnb-link{color:var(--t2);text-decoration:none}.gnb-link.on{color:var(--p);font-weight:700}.gnb-link:hover{background:var(--sf);color:var(--t1)}.gnb-btn{background:var(--p);color:#fff;font-weight:700}.gnb-icon{border:1px solid var(--bd);background:var(--sf)}.gnb-icon i{color:var(--t2)}.gnb-hamburger{border:1px solid var(--bd);background:var(--sf);color:var(--t2)}.drawer-user{background:var(--p)}.drawer-point{color:#fff;background:#ffffff26;border-color:#ffffff40}.ditem.on{border-left-color:var(--p);background:var(--p-tint-05);color:var(--p)}.chip.on{background:var(--p);color:#fff;border-color:var(--p)}.page-title-bar{background:var(--bg);padding:24px 0}.page-title-bar-inner{max-width:var(--wrap);margin:0 auto;padding:0 16px}@media (min-width:768px){.page-title-bar-inner{padding:0 32px}}.page-title-bar-text{color:var(--t1);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.2}.page-title-bar-sub{font-size:var(--fs-l);color:var(--t3);margin-top:5px}.ptb-back{font-size:var(--fs-b);color:var(--t2);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:12px;padding:0;font-family:inherit;text-decoration:none;display:inline-flex}.ptb-back i{font-size:18px}.ptb-back:hover{color:var(--t1)}.ptb-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ptb-headline{flex:1;min-width:0}.ptb-title{color:var(--t1);letter-spacing:-.6px;margin:0;font-size:24px;font-weight:800;line-height:1.25}.ptb-sub{font-size:var(--fs-b);color:var(--t2);margin:6px 0 0;line-height:1.6}.page-title-bar.ptb-divider{border-bottom:1px solid var(--bd)}@media (min-width:768px){.page-title-bar{padding:32px 0 24px}.ptb-title{font-size:28px}.page-title-bar-text{font-size:32px}}.legal-dialog-overlay{z-index:500;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;padding:0 20px;transition:opacity .18s;display:flex;position:fixed;inset:0}.legal-dialog-overlay.open{opacity:1;pointer-events:all}.legal-dialog-box{border-radius:var(--r-lg);text-align:left;background:#fff;flex-direction:column;width:100%;max-width:480px;max-height:80vh;display:flex;overflow:hidden}.legal-dialog-head{border-bottom:1px solid var(--bd);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:22px 20px;display:flex}.legal-dialog-title{font-size:var(--fs-h);color:var(--t1);letter-spacing:-.3px;min-width:0;font-weight:800;line-height:1.45}.legal-dialog-close{background:var(--sf);cursor:pointer;width:32px;height:32px;color:var(--t2);border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;display:flex}.legal-dialog-body{padding:20px;overflow-y:auto}.legal-dialog-section{margin-bottom:18px}.legal-dialog-section:last-child{margin-bottom:0}.legal-dialog-section h3{font-size:var(--fs-b);color:var(--t1);margin-bottom:6px;font-weight:700}.legal-dialog-section p{font-size:var(--fs-l);color:var(--t2);line-height:1.7}body{flex-direction:column;display:flex}.front-main{padding-bottom:0}.bottom-nav{width:var(--frame-w);height:var(--bnav-h);padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg);border-top:1px solid var(--bd);z-index:90;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-inner{max-width:var(--wrap);height:100%;margin:0 auto;display:flex}.bn-item{color:var(--t2);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s;display:flex;position:relative}.bn-icon{border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,transform .15s;display:flex;position:relative}.bn-item i{font-size:24px}.bn-badge{border-radius:var(--r-full);background:var(--p);color:#fff;border:2px solid var(--bg);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-3px;right:-13px}.bn-item.on{color:var(--p);font-weight:800}.bn-item.on .bn-icon{background:var(--p);color:#fff;box-shadow:0 2px 8px #13463447}.bn-item.on:before{content:"";background:var(--p);border-radius:0 0 3px 3px;width:26px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:no-preference){.bn-item.on .bn-icon{animation:.22s cubic-bezier(.34,1.56,.64,1) bn-pop}}@keyframes bn-pop{0%{transform:scale(.86)}to{transform:scale(1)}}.footer{margin-top:auto;margin-bottom:var(--bnav-h);background:var(--sf);border-top:1px solid var(--bd);text-align:left;padding:48px 20px}.footer-inner{max-width:var(--wrap);margin:0 auto}.footer-logo{margin-bottom:var(--sp-2);display:inline-flex}.footer-links{justify-content:flex-start;gap:var(--sp-3);font-size:var(--fs-l);color:var(--t3);margin-bottom:var(--sp-2);flex-wrap:wrap;display:flex}.footer-links a:hover{color:var(--t2)}.footer-copy{font-size:var(--fs-l);color:var(--t3)}@media (min-width:768px){.footer{padding:48px 32px}}.cta-section{padding:20px 16px 32px}.cta-row{gap:10px;display:flex}.cta-ghost{border:1.5px solid var(--bd);background:var(--bg);color:var(--t2);font-size:var(--fs-b);font-weight:600;font-family:var(--f);border-radius:var(--r-md);cursor:pointer;white-space:nowrap;flex:none;padding:15px 20px;transition:all .12s}.cta-ghost:hover{border-color:var(--t2);color:var(--t1)}.cta-submit{background:var(--p);color:#fff;font-size:var(--fs-b);font-weight:700;font-family:var(--f);border-radius:var(--r-md);text-align:center;cursor:pointer;border:none;flex:1;padding:15px;transition:opacity .12s}.cta-submit:hover{opacity:.85}.cta-ghost:disabled,.cta-submit:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.cta-section{padding:20px 24px 36px}}.form-alert{background:#f044520f;border-bottom:1px solid #f044522e;padding:10px 16px}.form-alert-inner{max-width:var(--wrap);font-size:var(--fs-l);color:var(--err);align-items:flex-start;gap:8px;margin:0 auto;display:flex}.form-alert i{color:var(--err);flex-shrink:0;margin-top:2px;font-size:15px}.form-alert ul{flex-direction:column;gap:2px;list-style:none;display:flex}@media (min-width:768px){.form-alert{padding:10px 32px}}.chip-row{gap:8px;width:max-content;display:flex}.sort-count{font-size:var(--fs-l);color:var(--t2)}.sort-count strong{color:var(--t1);font-weight:700}.sort-select{appearance:none;border:1px solid var(--bd);font-size:var(--fs-l);font-family:var(--f);color:var(--t1);background:var(--sf) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23B0B8C1'/%3E%3C/svg%3E") no-repeat right 8px center;cursor:pointer;border-radius:8px;padding:7px 28px 7px 10px}.post-preview{font-size:var(--fs-l);color:var(--t2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;line-height:1.6;display:-webkit-box;overflow:hidden}.pagination{justify-content:center;align-items:center;gap:4px;padding:24px 16px 32px;display:flex}.pg-btn{min-width:36px;height:36px;font-size:var(--fs-b);cursor:pointer;border:1px solid var(--bd);background:var(--bg);color:var(--t2);border-radius:8px;justify-content:center;align-items:center;font-weight:600;text-decoration:none;transition:all .12s;display:flex}.pg-btn.on{background:var(--p);color:#fff;border-color:var(--p)}.pg-btn:hover:not(.on){background:var(--sf)}.pg-btn.disabled{opacity:.35;pointer-events:none}.pg-ellipsis{min-width:36px;height:36px;font-size:var(--fs-b);color:var(--t3);justify-content:center;align-items:center;display:flex}.empty-cta{background:var(--p);color:#fff;border-radius:var(--r-md);font-size:var(--fs-b);align-items:center;padding:12px 26px;font-weight:700;text-decoration:none;display:inline-flex}.demo-toggle{z-index:200;gap:6px;display:flex;position:fixed;bottom:20px;right:16px}.demo-btn{border:1.5px solid var(--bd);background:var(--bg);color:var(--t2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700;box-shadow:0 2px 8px #0000001a}.demo-btn.active{background:var(--p);border-color:var(--p);color:#fff}.badge-free{background:var(--p-tint-08);color:var(--p);border:1px solid var(--p-tint-15)}.order-item{align-items:center;gap:14px;display:flex}.order-thumb{border-radius:var(--r-sm);background:var(--grad-thumb);flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.order-info{flex:1}.order-cat{color:var(--t3);margin-bottom:3px;font-size:11px}.order-name{font-size:var(--fs-b);color:var(--t1);margin-bottom:4px;font-weight:700;line-height:1.4}.order-option{font-size:var(--fs-l);color:var(--t2)}.order-price{color:var(--p);margin-top:6px;font-size:16px;font-weight:800}.pay-card{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r-lg);padding:16px}.terms-text{font-size:var(--fs-l);color:var(--t3);margin-bottom:14px;line-height:1.6}.terms-text a{color:var(--p);cursor:pointer;text-decoration:underline}.pay-btn{background:var(--p);color:#fff;width:100%;font-size:var(--fs-b);border-radius:var(--r-md);text-align:center;cursor:pointer;font-weight:700;font-family:var(--f);border:none;padding:16px;display:block}.pay-btn:hover{opacity:.88}.pay-btn:disabled,.page--checkout .pay-btn.disabled{background:var(--bd);color:var(--t3);cursor:not-allowed;opacity:1}.cat-badge{border-radius:var(--r-xs);margin-bottom:10px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.author-avatar{background:var(--grad-avatar);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.author-name{font-size:var(--fs-b);color:var(--t1);font-weight:700}.author-meta{font-size:var(--fs-l);color:var(--t3);margin-top:1px}.edit-del-row-right{align-items:center;gap:6px;display:flex}.post-btn-list{font-size:14px;font-weight:600;font-family:var(--f);background:var(--sf);color:#64748b;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:5px;padding:10px 16px;text-decoration:none;transition:background .12s;display:inline-flex}.post-btn-list:hover{background:color-mix(in srgb, var(--bd) 60%, var(--sf))}.post-btn-edit{font-size:14px;font-weight:600;font-family:var(--f);background:var(--sf);color:var(--t2);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;align-items:center;gap:5px;padding:10px 16px;text-decoration:none;transition:background .12s;display:inline-flex}.post-btn-edit:hover{background:color-mix(in srgb, var(--bd) 60%, var(--sf))}.post-btn-del{font-size:14px;font-weight:600;font-family:var(--f);color:var(--err);cursor:pointer;white-space:nowrap;background:#f0445212;border:none;border-radius:10px;align-items:center;gap:5px;padding:10px 16px;text-decoration:none;transition:background .12s;display:inline-flex}.post-btn-del:hover{background:#f0445221}.dialog-handle{background:var(--bd);border-radius:var(--r-xs);width:36px;height:4px;margin:12px auto 0}.dialog-head{justify-content:space-between;align-items:center;padding:16px 20px 4px;display:flex}.dialog-close{background:var(--sf);cursor:pointer;width:32px;height:32px;color:var(--t2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.dialog-body{padding:16px 20px 0}.dialog-label{font-size:var(--fs-l);color:var(--t2);margin-bottom:6px;font-weight:700;display:block}.dialog-field{margin-bottom:14px}.dialog-cancel-btn{border:1.5px solid var(--bd);border-radius:var(--r-md);font-size:var(--fs-b);color:var(--t2);cursor:pointer;font-weight:700;font-family:var(--f);background:#fff;flex:1;padding:14px 0}.dialog-submit-btn{border-radius:var(--r-md);font-size:var(--fs-b);color:#fff;background:var(--p);cursor:pointer;font-weight:800;font-family:var(--f);border:none;flex:2;padding:14px 0}.share-handle{background:var(--bd);border-radius:var(--r-xs);width:36px;height:4px;margin:12px auto 0}.share-head{justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.share-head-title{font-size:var(--fs-h);color:var(--t1);font-weight:800}.share-close{background:var(--sf);cursor:pointer;width:32px;height:32px;color:var(--t2);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.share-list{gap:24px;padding:8px 24px 0;display:flex}.share-divider{background:var(--bd);height:1px;margin:20px 0 0}.share-url-row{align-items:center;gap:8px;padding:16px 20px 24px;display:flex}.share-url-box{background:var(--sf);border:1px solid var(--bd);border-radius:var(--r-sm);font-size:var(--fs-l);color:var(--t3);white-space:nowrap;text-overflow:ellipsis;flex:1;padding:10px 12px;overflow:hidden}.share-url-copy-btn{background:var(--p);color:#fff;font-size:var(--fs-l);border-radius:var(--r-sm);cursor:pointer;font-weight:700;font-family:var(--f);border:none;flex-shrink:0;padding:10px 16px}.action-icon{border:1.5px solid var(--bd);background:var(--bg);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .15s;display:flex}.action-icon i{color:var(--t2);font-size:16px;transition:color .15s}.action-icon:hover{border-color:var(--t3)}.action-icon.liked{border-color:var(--err)}.action-icon.liked i{color:var(--err)}.confirm-overlay{z-index:600;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;padding:0 24px;transition:opacity .2s;display:flex;position:fixed;inset:0}.confirm-overlay.open{opacity:1;pointer-events:all}.confirm-box{border-radius:var(--r-lg);background:#fff;width:100%;max-width:340px;padding:28px 24px 20px}.confirm-box-title{font-size:var(--fs-h);color:var(--t1);margin-bottom:8px;font-weight:800}.confirm-box-desc{font-size:var(--fs-b);color:var(--t2);margin-bottom:20px;line-height:1.6}.confirm-box-foot{gap:8px;display:flex}.confirm-cancel{border:1.5px solid var(--bd);border-radius:var(--r-md);font-size:var(--fs-b);color:var(--t2);cursor:pointer;font-weight:700;font-family:var(--f);background:#fff;flex:1;padding:13px 0}.confirm-delete{border-radius:var(--r-md);font-size:var(--fs-b);color:#fff;background:var(--err);cursor:pointer;font-weight:800;font-family:var(--f);border:none;flex:1;padding:13px 0}.post-img-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.post-img-sm{background:var(--grad-thumb);border-radius:var(--r-sm);color:#fff9;justify-content:center;align-items:center;height:140px;font-size:12px;display:flex}.comment-count{font-size:var(--fs-b);color:var(--t1);font-weight:700}.comment-input-card{background:var(--sf);border:1.5px solid var(--bd);border-radius:var(--r-lg);flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.ci-card-top{align-items:flex-start;gap:10px;display:flex}.ci-avatar-lg{background:var(--bd);width:36px;height:36px;color:var(--t3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.ci-textarea{font-size:var(--fs-b);font-family:var(--f);color:var(--t1);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:52px;padding-top:4px;line-height:1.6}.ci-textarea::placeholder{color:var(--t3)}.ci-submit-btn{background:var(--p);color:#fff;font-size:var(--fs-b);font-weight:600;font-family:var(--f);cursor:pointer;border:none;border-radius:8px;padding:7px 20px;transition:opacity .12s}.ci-submit-btn:hover{opacity:.85}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.field-textarea{border:1.5px solid var(--bd);border-radius:var(--r-sm);background:var(--bg);width:100%;font-size:var(--fs-b);font-family:var(--f);color:var(--t1);resize:none;outline:none;min-height:200px;padding:13px 14px;line-height:1.7;transition:border-color .12s}.field-textarea::placeholder{color:var(--t3)}.field-textarea:focus{border-color:var(--p)}.body-count{font-size:var(--fs-l);color:var(--t3);text-align:right;margin-top:6px}.img-attach-area{flex-direction:column;gap:12px;display:flex}.img-attach-row{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.img-add-btn{border:1.5px dashed var(--bd);border-radius:var(--r-md);cursor:pointer;width:80px;height:80px;color:var(--t3);font-size:var(--fs-l);background:var(--sf);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;transition:all .15s;display:flex;position:relative}.img-add-btn input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.img-add-btn i{font-size:26px}.img-add-btn:hover{border-color:var(--p);color:var(--p);background:var(--p-tint-05)}.img-add-btn.disabled{opacity:.45;pointer-events:none}.img-add-count{color:var(--t3);font-size:10px;font-weight:700;position:absolute;bottom:8px}.img-thumb{border-radius:var(--r-md);background:var(--grad-thumb);border:1px solid var(--bd);flex-shrink:0;width:80px;height:80px;position:relative;overflow:visible}.img-thumb-inner{border-radius:var(--r-md);color:#ffffffb3;justify-content:center;align-items:center;width:100%;height:100%;font-size:28px;display:flex;overflow:hidden}.img-del{border:2px solid var(--bg);color:#fff;cursor:pointer;z-index:1;background:#191f28;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .12s;display:flex;position:absolute;top:-7px;right:-7px}.img-del:hover{background:var(--err)}.img-del i{font-size:11px}.img-order{background:var(--p);border:2px solid var(--bg);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.img-guide{font-size:var(--fs-l);color:var(--t3);align-items:center;gap:6px;display:flex}.img-guide i{flex-shrink:0;font-size:13px}.etiquette-box{background:var(--sf);border-radius:var(--r-sm);border:1px solid var(--bd);margin:0 16px;padding:14px 16px}.etiquette-title{font-size:var(--fs-l);color:var(--t2);align-items:center;gap:5px;margin-bottom:8px;font-weight:700;display:flex}.etiquette-title i{color:var(--t3);font-size:14px}.etiquette-row{font-size:var(--fs-l);color:var(--t2);align-items:flex-start;gap:7px;line-height:1.55;display:flex}.etiquette-row+.etiquette-row{margin-top:5px}.etiquette-row:before{content:"·";color:var(--t3);flex-shrink:0;margin-top:1px}.etiquette-row i{color:var(--t3);flex-shrink:0;margin-top:1px;font-size:13px}.brand{text-align:center;margin-bottom:40px}.brand-logo{color:var(--p);letter-spacing:-.8px;margin-bottom:8px;font-size:26px;font-weight:900}.brand-tagline{font-size:var(--fs-b);color:var(--t2)}.kakao-info{background:var(--sf);border-radius:var(--r-sm);margin-top:20px;padding:14px 16px}.kakao-info-head{font-size:var(--fs-l);color:var(--t1);align-items:center;gap:6px;margin-bottom:10px;font-weight:700;display:flex}.kakao-info-head i{color:#fee500}.kakao-info-body{font-size:var(--fs-l);grid-template-columns:auto 1fr;gap:6px 12px;margin:0;display:grid}.kakao-info-row{display:contents}.kakao-info-row dt{color:var(--t3);white-space:nowrap}.kakao-info-row dd{color:var(--t2);word-break:break-all;margin:0}.field-error{font-size:var(--fs-l);color:var(--err);align-items:center;gap:4px;margin-top:5px;display:flex}.field-error i{font-size:13px}.sub-link{color:var(--t2);cursor:pointer;text-underline-offset:2px;text-decoration:underline}.sub-link:hover{color:var(--p)}.sub-sep{color:var(--bd)}.auth-center{flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.form-title{color:var(--t1);letter-spacing:-.4px;margin-bottom:20px;font-size:22px;font-weight:800}.form-desc{font-size:var(--fs-b);color:var(--t2);margin-bottom:28px;line-height:1.65}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}.hero-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);color:var(--p);font-size:var(--fs-b);cursor:pointer;background:#fff;border-radius:999px;font-weight:800;display:inline-flex;box-shadow:0 6px 20px #0000002e}.hero-dots{margin-top:var(--sp-4);justify-content:center;gap:6px;display:flex}.dot{background:#ffffff4d;border-radius:50%;width:7px;height:7px}.dot.on{border-radius:var(--r-xs);background:#fff;width:22px}.prod-scroll{cursor:grab;-webkit-user-select:none;user-select:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;max-width:var(--wrap);margin:0 auto;padding:0 20px;scroll-padding-left:20px;overflow-x:auto}.prod-scroll::-webkit-scrollbar{display:none}.prod-scroll.dragging{cursor:grabbing}.prod-row{gap:var(--sp-3);padding-bottom:4px;display:flex}.tab{text-align:center;font-size:var(--fs-b);color:var(--t2);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:14px 0;font-weight:500;transition:all .15s}.tab.on{color:var(--p);border-bottom-color:var(--p);font-weight:700}.inp{border:1.5px solid var(--bd);border-radius:var(--r-md);width:100%;font-size:var(--fs-b);font-family:var(--f);color:var(--t1);background:var(--bg);outline:none;padding:15px 14px;transition:border-color .15s}.inp:focus{border-color:var(--p)}.inp::placeholder{color:var(--t3)}.menu-left{align-items:center;gap:12px;display:flex}.menu-name{font-size:var(--fs-b);color:var(--t1);font-weight:500}.menu-row-right{align-items:center;gap:8px;display:flex}.menu-arrow{color:var(--t3);font-size:18px}.badge-general{background:var(--sf);color:var(--t2);border:1px solid var(--bd)}.notice-arrow{display:none}.badge-update{background:var(--p-tint-05);color:var(--p);border:1px solid var(--p-tint-12)}.page-content{flex:1}.wrap-narrow{max-width:var(--wrap-narrow);margin:0 auto;padding:0 20px 48px}.btn-wrap{padding-top:28px}.page-head{padding:28px 20px 24px}.btn-next{background:var(--p);color:#fff;width:100%;font-size:var(--fs-b);border-radius:var(--r-lg);cursor:pointer;font-weight:800;font-family:var(--f);border:none;padding:16px 0}.btn-next:hover{opacity:.88}.pkg-radio{border:2px solid var(--bd);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .15s;display:flex}.pkg-radio.on{border-color:var(--p);background:var(--p)}.pkg-radio.on:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.pkg-points{font-size:var(--fs-b);color:var(--p);font-weight:700}.pkg-bonus{color:var(--ok);background:var(--ok-bg);border-radius:var(--r-xs);margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700}.pay-tabs{gap:8px;display:flex}.pay-tab{border:1.5px solid var(--bd);border-radius:var(--r-sm);text-align:center;font-size:var(--fs-b);color:var(--t2);cursor:pointer;flex:1;padding:12px 0;font-weight:600;transition:all .15s}.pay-tab.on{border-color:var(--p);color:var(--p);background:var(--p-tint-05)}.ftab{text-align:center;font-size:var(--fs-b);color:var(--t2);cursor:pointer;border-bottom:2px solid #0000;flex:1;padding:14px 0;font-weight:500;transition:all .15s}.ftab.on{color:var(--p);border-bottom-color:var(--p);font-weight:700}.tx-info{flex:1;min-width:0}.tx-name{font-size:var(--fs-b);color:var(--t1);margin-bottom:3px;font-weight:600}.review-card{border-top:1px solid var(--bd);padding:20px 0}.review-card:first-child{border-top:none}.my-review-badge{background:var(--p-tint-08);color:var(--p);border-radius:var(--r-xs);padding:2px 8px;font-size:11px;font-weight:700}.review-star-input{gap:4px;padding:4px 0;display:flex}.review-star-input .star-opt{cursor:pointer;color:var(--bd);font-size:30px;line-height:1;transition:color .1s}.review-star-input .star-opt.on{color:#f59e0b}.prod-list{flex-direction:column;display:flex}.prod-desc{font-size:var(--fs-l);color:var(--t2);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;overflow:hidden}.prod-price-row{align-items:center;gap:8px;display:flex}.prod-discount{font-size:var(--fs-l);color:var(--err);font-weight:700}.prod-original{font-size:var(--fs-l);color:var(--t3);text-decoration:line-through}.prod-price{font-size:var(--fs-b);color:var(--p);font-weight:800}.purch-info{flex:1;min-width:0}.purch-name{font-size:var(--fs-b);color:var(--t1);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-weight:600;overflow:hidden}.purch-date{font-size:var(--fs-l);color:var(--t3)}.s-done{background:var(--ok-bg);color:var(--ok)}.s-wait{background:var(--p-tint-08);color:var(--p)}.btn-next:disabled{background:var(--bd);color:var(--t3);cursor:default;opacity:1}.info-card{background:var(--bg);border-bottom:6px solid var(--sf);align-items:center;gap:14px;padding:20px;display:flex}.info-icon{border-radius:var(--r-md);background:var(--p-tint-08);border:1px solid var(--p-tint-15);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.info-icon i{color:var(--p);font-size:22px}.timer{font-size:var(--fs-l);color:var(--err);font-weight:700}.otp-msg{font-size:var(--fs-l);align-items:center;gap:4px;margin-top:6px;display:flex}.otp-msg i{font-size:13px}.otp-msg.ok{color:var(--ok)}.otp-msg.err{color:var(--err)}@media (min-width:768px){.dialog-handle,.share-handle{display:none}.field-textarea{min-height:240px}.etiquette-box{margin:0 24px}.page-content{grid-template-columns:300px 1fr;align-items:start;gap:0 20px;padding:0 32px;display:grid}.info-card{padding:24px 32px}.wrap{padding:0 32px}}