:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;--ink:#171717;--paper:#fffaf0;--cream:#fff0bd;--green:#147547;--blue:#2268ad;--pink:#d94363;--gold:#f4b51f;--line:#111827;--shadow:0 18px 50px #2e231424;--safe-top:max(0px, env(safe-area-inset-top));--safe-bottom:max(0px, env(safe-area-inset-bottom));background:#f5f0e7;font-family:Noto Sans KR,Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f5f0e7;min-width:320px}body{min-width:320px;min-height:100svh;margin:0;font-size:16px;line-height:1.55;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{color:inherit}img{max-width:100%;display:block}:focus-visible{outline-offset:3px;outline:3px solid #1d74d5}.brand-mark{letter-spacing:-.045em;white-space:nowrap;align-items:center;gap:.55rem;font-size:clamp(1.22rem,3vw,1.55rem);font-weight:900;display:inline-flex}.brand-mark__spark{aspect-ratio:1;border:2px solid var(--ink);background:var(--gold);border-radius:50%;place-items:center;width:2.15rem;font-size:1rem;display:grid}.brand-mark--compact{font-size:1rem}.brand-mark--compact .brand-mark__spark{width:1.65rem}.home-page{min-height:100svh}.site-header{width:min(1180px,100% - 32px);padding:calc(1rem + var(--safe-top)) 0 1rem;border-bottom:1px solid #17171724;justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-header__series{letter-spacing:.08em;color:#4b5563;font-size:.82rem;font-weight:850}.home-hero{width:min(1180px,100% - 32px);margin:0 auto;padding:clamp(3.5rem,8vw,7.5rem) 0 clamp(2.8rem,6vw,5rem);position:relative}.home-hero:after{content:"";z-index:-1;aspect-ratio:1;opacity:.28;filter:blur(2px);background:radial-gradient(circle at 35% 35%,#ffe58a,#f2a8b6 50%,#6aa28b 100%);border-radius:45% 55% 62% 38%;width:clamp(130px,24vw,300px);position:absolute;top:13%;right:3%;transform:rotate(-9deg)}.home-hero__kicker,.section-heading p{color:var(--green);letter-spacing:.02em;margin:0 0 .65rem;font-weight:900}.home-hero h1{letter-spacing:-.075em;text-wrap:balance;max-width:850px;margin:0;font-size:clamp(2.35rem,7vw,5.7rem);line-height:1.08}.home-hero h1 em{color:var(--pink);font-style:normal}.home-hero>p:not(.home-hero__kicker){color:#4b5563;max-width:670px;margin:1.4rem 0 0;font-size:clamp(1rem,2.4vw,1.18rem)}.home-hero__facts{flex-wrap:wrap;gap:.65rem;margin-top:1.7rem;display:flex}.home-hero__facts span{background:#fffaf0cc;border:1px solid #1717172e;border-radius:999px;align-items:baseline;gap:.35rem;padding:.55rem .78rem;font-weight:750;display:inline-flex}.home-hero__facts b{color:var(--blue)}.continue-reading{color:#fff;background:#172a4c;border:2px solid #172a4c;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 32px);margin:0 auto 1.5rem;padding:1rem 1.15rem;display:flex}.continue-reading div{gap:.15rem;display:grid}.continue-reading span{color:#cbd5e1;font-size:.78rem}.continue-reading strong{font-size:1.05rem}.continue-reading a{color:#172a4c;white-space:nowrap;background:#fff;border-radius:999px;padding:.65rem .9rem;font-weight:900;text-decoration:none}.category-tabs{scrollbar-width:none;gap:.55rem;width:min(1180px,100% - 32px);margin:0 auto 2rem;padding:.25rem 0 .75rem;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.category-tabs button{cursor:pointer;white-space:nowrap;background:#fffaf0;border:1px solid #1717172e;border-radius:999px;flex:none;min-height:44px;padding:.62rem 1rem;font-weight:850}.category-tabs button[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.hero-library{background:#e8e0d3;padding:clamp(2rem,5vw,4.5rem) max(16px,50% - 590px)}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.4rem;display:flex}.section-heading p{font-size:.85rem}.section-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.6rem,4vw,2.5rem)}.section-heading>span{color:#59616a;white-space:nowrap;font-weight:750}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.3vw,1.7rem);display:grid}.hero-card{background:var(--paper);border:1px solid #16161621;border-radius:24px;min-width:0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 9px 28px #2f261a14}.hero-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.hero-card__link{height:100%;text-decoration:none;display:block}.hero-card__image-frame{aspect-ratio:4/3;background:#d8d3c8;position:relative;overflow:hidden}.hero-card__image-frame picture{width:100%;height:100%;display:block}.hero-card__image-frame img{object-fit:cover;object-position:center 28%;width:100%;height:100%;transition:transform .45s}.hero-card:hover img{transform:scale(1.035)}.hero-card__category,.hero-card__start{border-radius:999px;padding:.38rem .65rem;font-size:.72rem;font-weight:900;position:absolute;bottom:.75rem}.hero-card__category{color:#fff;background:var(--green);left:.75rem}.hero-card__category--business{background:#8c592a}.hero-card__category--sports{background:#225fa5}.hero-card__category--culture{background:#7a456d}.hero-card__start{background:#ffffffe6;right:.75rem}.hero-card__body{padding:1.05rem 1.1rem 1.2rem}.hero-card__eyebrow{color:#6b7280;letter-spacing:.03em;margin:0;font-size:.73rem;font-weight:800}.hero-card h2{letter-spacing:-.04em;margin:.15rem 0 .42rem;font-size:1.36rem}.hero-card__subtitle{color:#4b5563;min-height:3.1em;margin:0;font-size:.89rem;line-height:1.55}.hero-card__keywords{flex-wrap:wrap;gap:.35rem;margin:.9rem 0 0;padding:0;list-style:none;display:flex}.hero-card__keywords li{color:#5e4935;background:#f4ead4;border-radius:6px;padding:.23rem .48rem;font-size:.73rem;font-weight:800}.site-footer{min-height:160px;padding:2.5rem max(16px, calc((100% - 1180px) / 2)) calc(2rem + var(--safe-bottom));color:#f7f1e5;background:#171717;justify-content:space-between;align-items:start;gap:1rem;display:flex}.site-footer p{color:#aeb3b8;text-align:right;margin:0;font-size:.85rem}.reader-page{background:#2b2d31;min-height:100svh}.reader-toolbar{z-index:50;min-height:calc(64px + var(--safe-top));padding:calc(.55rem + var(--safe-top)) max(.65rem, env(safe-area-inset-right)) .55rem max(.65rem, env(safe-area-inset-left));color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#141619ed;align-items:center;gap:.6rem;display:flex;position:sticky;top:0;box-shadow:0 1px #ffffff1a}.reader-toolbar a,.reader-toolbar button{min-width:44px;min-height:44px}.reader-toolbar__back{background:#34373d;border-radius:50%;place-items:center;font-size:1.3rem;text-decoration:none;display:grid}.reader-toolbar__identity{min-width:0;line-height:1.15;display:grid}.reader-toolbar__identity strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reader-toolbar__identity span{color:#aeb4bd;margin-top:.18rem;font-size:.67rem}.page-progress{text-align:center;min-width:92px;margin-left:auto;font-size:.75rem;font-weight:850}.page-progress__track{background:#555b63;border-radius:9px;height:3px;margin-top:.3rem;overflow:hidden}.page-progress__track span{border-radius:inherit;background:#ffcd3d;height:100%;transition:width .25s;display:block}.mode-toggle{background:#34373d;border-radius:11px;padding:3px;display:inline-flex}.mode-toggle button{color:#cfd3d8;cursor:pointer;background:0 0;border:0;border-radius:8px;min-width:58px;min-height:36px;padding:.42rem .58rem;font-size:.76rem;font-weight:850}.mode-toggle button[aria-pressed=true]{color:#171717;background:#fff}.reader-toolbar__share,.reader-toolbar__spread{color:#fff;cursor:pointer;background:0 0;border:1px solid #535861;border-radius:11px;padding:0 .7rem;font-size:.78rem;font-weight:850}.reader-toolbar__spread{display:none}.scroll-viewer{width:min(720px,100%);margin:0 auto;padding:clamp(.4rem,2vw,1.25rem) 0 3rem}.scroll-viewer .webtoon-page+.webtoon-page{margin-top:clamp(.5rem,1.4vw,1rem)}.webtoon-page{isolation:isolate;aspect-ratio:2/3;background:#c9d2da;border:1px solid #ffffff26;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 50px #00000047}.webtoon-page__art{z-index:-2;position:absolute;inset:0}.webtoon-page__art:after{content:"";pointer-events:none;background:linear-gradient(#0000001f,#0000 18% 73%,#0000001f);position:absolute;inset:0}.webtoon-page__art img{object-fit:cover;width:100%;height:100%}.webtoon-page__header{z-index:5;border:clamp(1px, .22vw, 3px) solid var(--line);background:#fff8e5f5;border-radius:clamp(4px,.65vw,9px);justify-content:space-between;align-items:center;gap:1%;min-height:7.8%;padding:1.2% 2.2%;display:flex;position:absolute;top:.55%;left:.7%;right:.7%;box-shadow:0 2px 10px #0000001f}.webtoon-page__header h2{letter-spacing:-.055em;white-space:nowrap;margin:0;font-size:clamp(.84rem,3.25vw,1.65rem);line-height:1.12}.education-points{white-space:nowrap;align-items:center;gap:clamp(.22rem,.9vw,.7rem);font-size:clamp(.48rem,1.8vw,.85rem);font-weight:850;display:flex}.education-points strong{background:var(--green);color:#fff;border-radius:999px;padding:.4em .78em}.education-points span:first-letter{color:var(--gold)}.webtoon-page__copy{pointer-events:none;display:grid;position:absolute;inset:9% 1.25% 12.8%}.webtoon-page__copy--3{grid-template-rows:1fr 1.1fr;grid-template-columns:1fr 1fr}.webtoon-page__copy--4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.webtoon-page__copy--5{grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr}.comic-copy{background:#ffe891f5;border:clamp(1px,.18vw,2px) solid #111;place-self:start;width:min(74%,330px);margin:4%;padding:clamp(.42rem,1.5vw,.9rem) clamp(.48rem,1.8vw,1rem);font-size:clamp(.62rem,2.2vw,1.05rem);font-weight:780;line-height:1.42;position:relative;box-shadow:2px 3px #0000002e}.comic-copy:nth-child(2n){place-self:end}.comic-copy:nth-child(3){grid-column:1/-1;place-self:center;width:min(58%,320px)}.webtoon-page__copy--4 .comic-copy:nth-child(3){grid-column:auto}.webtoon-page__copy--5 .comic-copy:nth-child(3){grid-column:1/-1;width:min(46%,280px)}.webtoon-page__copy--5 .comic-copy:nth-child(4){grid-row:3}.webtoon-page__copy--5 .comic-copy:nth-child(5){grid-area:3/2}.comic-copy p{word-break:keep-all;overflow-wrap:anywhere;margin:0}.comic-copy b{color:#5c3d22;margin-bottom:.22em;font-size:.82em;display:block}.comic-copy__number{aspect-ratio:1;color:#fff;background:#0b0b0b;place-items:center;width:1.8em;font-size:.86em;font-weight:950;display:grid;position:absolute;top:-.48em;left:-.48em}.comic-copy--thought,.comic-copy--dialogue{text-align:center;background:#fffffff7;border-radius:48% 48% 44% 47%/48% 44% 50% 46%}.comic-copy--thought:after,.comic-copy--dialogue:after{content:"";aspect-ratio:1;background:#fff;border-bottom:2px solid #111;border-right:2px solid #111;width:1em;position:absolute;bottom:-.65em;right:18%;transform:rotate(40deg)}.comic-copy--sfx{width:auto;box-shadow:none;color:#0d5190;text-shadow:2px 2px #fff,-2px -2px #fff;background:0 0;border:0;font-size:clamp(1.3rem,7vw,3.5rem);font-style:italic;font-weight:950;transform:rotate(-8deg)}.closing-lists{z-index:4;grid-template-columns:1fr 1fr;gap:2%;display:grid;position:absolute;inset:45% 4% 14%}.closing-lists section{background:#fffaf0f2;border:2px solid #172a4c;border-radius:12px;padding:4%;box-shadow:4px 5px #0000002e}.closing-lists h3{color:var(--blue);margin:0 0 .45em;font-size:clamp(.65rem,2.3vw,1.1rem)}.closing-lists ol{margin:0;padding-left:1.35em;font-size:clamp(.55rem,1.8vw,.9rem);font-weight:750;line-height:1.52}.webtoon-page__footer{z-index:5;background:#fff6d5f7;border:clamp(1px,.22vw,3px) solid #143867;border-radius:clamp(4px,.65vw,9px);grid-template-rows:auto auto;grid-template-columns:auto auto 1fr;align-items:center;gap:0 1.2%;min-height:10.8%;padding:1.4% 2.2% 1.1%;display:grid;position:absolute;bottom:.55%;left:.7%;right:.7%;box-shadow:0 -2px 12px #0000001f}.webtoon-page__footer-icon{grid-row:1/3;font-size:clamp(1.2rem,5.2vw,2.8rem)}.webtoon-page__footer>strong{background:var(--blue);color:#fff;white-space:nowrap;border-radius:999px;padding:.35em .7em;font-size:clamp(.52rem,1.8vw,.82rem)}.webtoon-page__footer p{letter-spacing:-.035em;text-align:center;word-break:keep-all;margin:0;padding-left:2%;font-size:clamp(.67rem,2.45vw,1.25rem);font-weight:900}.webtoon-page__source{color:#6b6257;text-align:center;grid-column:2/-1;margin-top:.25%;font-size:clamp(.38rem,1.15vw,.6rem)}.swipe-viewer{width:min(760px,100%);min-height:calc(100dvh - 70px);padding:clamp(.4rem, 2vw, 1rem) clamp(.4rem, 4vw, 2.2rem) calc(3rem + var(--safe-bottom));perspective:1400px;place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden}.swipe-viewer__stage{transform-origin:50%;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;will-change:transform;width:100%;max-width:720px;transition:transform .19s cubic-bezier(.2,.8,.2,1)}.swipe-viewer__stage.is-dragging{cursor:grabbing;transition:none}.swipe-viewer__stage.is-turning{pointer-events:none}.swipe-viewer__sheet{grid-template-columns:1fr;gap:2px;display:grid}.swipe-viewer__second-page{display:none}.swipe-viewer__arrow{z-index:10;color:#fff;cursor:pointer;background:#0f1114cc;border:0;border-radius:12px;width:44px;height:58px;font-size:2rem;position:absolute;top:50%;transform:translateY(-50%)}.swipe-viewer__arrow:disabled{opacity:.25;cursor:default}.swipe-viewer__arrow--prev{left:max(.2rem, env(safe-area-inset-left))}.swipe-viewer__arrow--next{right:max(.2rem, env(safe-area-inset-right))}.swipe-viewer__hint{bottom:calc(.45rem + var(--safe-bottom));color:#b7bbc2;text-align:center;margin:0;font-size:.72rem;position:absolute;left:0;right:0}.reader-ending{text-align:center;background:#fff7e4;border-radius:18px;gap:.7rem;width:min(720px,100% - 24px);margin:0 auto 4rem;padding:1.5rem;display:grid}.reader-ending p{margin:0 0 .3rem;font-weight:850}.reader-ending a{color:#fff;background:#172a4c;border-radius:999px;place-items:center;min-height:44px;padding:.65rem 1rem;font-weight:850;text-decoration:none;display:grid}.reader-ending a+a{color:#172a4c;background:#fff;border:1px solid #172a4c}.toast{z-index:100;left:50%;bottom:calc(1.1rem + var(--safe-bottom));color:#fff;text-align:center;opacity:0;pointer-events:none;background:#111827f0;border-radius:999px;min-width:180px;padding:.7rem 1rem;font-size:.82rem;font-weight:800;transition:opacity .18s;position:fixed;transform:translate(-50%)}.toast:not(:empty){opacity:1}@media (width<=980px){.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reader-toolbar__identity span{display:none}}@media (width>=768px){.reader-toolbar__spread{display:inline-block}.swipe-viewer:has(.swipe-viewer__second-page){width:min(1450px,100%)}.swipe-viewer__stage:has(.swipe-viewer__second-page){max-width:1400px}.swipe-viewer__sheet:has(.swipe-viewer__second-page){grid-template-columns:1fr 1fr}.swipe-viewer__second-page{display:block}}@media (width<=760px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card__subtitle{min-height:0}.reader-toolbar{gap:.35rem}.reader-toolbar__identity{max-width:100px}.reader-toolbar__share{padding:0 .55rem}.mode-toggle button{min-width:50px;padding-inline:.38rem}.scroll-viewer{padding-top:0}.swipe-viewer{padding-inline:0;min-height:calc(100svh - 64px);padding-top:0}.swipe-viewer__arrow{top:auto;bottom:calc(2rem + var(--safe-bottom));height:44px;transform:none}}@media (width<=479px){.site-header{width:calc(100% - 24px)}.site-header__series{font-size:.66rem}.home-hero{width:calc(100% - 24px)}.home-hero h1{font-size:clamp(2.1rem,11.5vw,3.3rem)}.continue-reading{align-items:stretch;width:calc(100% - 24px)}.continue-reading a{place-items:center;display:grid}.category-tabs{width:calc(100% - 24px)}.hero-library{padding-inline:12px}.hero-grid{gap:.7rem}.hero-card{border-radius:17px}.hero-card__body{padding:.8rem}.hero-card h2{font-size:1.08rem}.hero-card__subtitle{font-size:.78rem}.hero-card__keywords li{font-size:.64rem}.hero-card__keywords li:nth-child(3){display:none}.site-footer{flex-direction:column}.site-footer p{text-align:left}.reader-toolbar__identity{max-width:76px}.page-progress{min-width:65px}.mode-toggle button{min-width:44px;font-size:.7rem}.reader-toolbar__share{width:44px;font-size:0}.reader-toolbar__share:after{content:"↗";font-size:1rem}.comic-copy{line-height:1.35}}@media (width<=359px){.reader-toolbar__identity{display:none}.page-progress{margin-left:0}.mode-toggle{margin-left:auto}.education-points span:nth-of-type(2){display:none}.home-hero__facts span{font-size:.78rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.swipe-viewer__stage{transform:none!important}}@media (prefers-contrast:more){:root{--line:#000}.comic-copy,.webtoon-page__header,.webtoon-page__footer{border-width:3px}}