@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#151725;--blue:#30349b;--acid:#dcf67d;--muted:#646777;--line:#dddfe7;--pale:#f3f4f9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:#fff;font-family:'Noto Sans KR',Arial,sans-serif;font-size:16px;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8587ee;outline-offset:5px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.25}section[id]{scroll-margin-top:90px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:10;gap:20px}.brand{display:flex;align-items:center;gap:18px}.brand strong{font:bold 33px/1 Arial;letter-spacing:-2px}.brand strong span{color:var(--blue)}.publisher{font-size:14px;font-weight:700;border-left:1px solid #ccc;padding-left:18px}.header nav{display:flex;gap:34px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;padding:15px 26px;border:1px solid var(--blue);border-radius:4px;font-weight:700;font-size:15px;min-height:50px;transition:background .2s,transform .2s}.button:hover{background:#242876;transform:translateY(-2px)}.button.small{padding:10px 18px;font-size:14px;min-height:42px}.button.light{background:var(--acid);border-color:var(--acid);color:#172016}.button.outline{background:transparent;color:var(--blue)}.hero{display:grid;grid-template-columns:1.07fr 1fr;gap:55px;align-items:center;padding-top:56px;padding-bottom:64px}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.16em;color:var(--blue);margin-bottom:25px}.hero h1{font-size:clamp(46px,5.4vw,76px);font-weight:900;line-height:1.15;letter-spacing:-.065em}.hero h1 span{color:var(--blue);display:inline-block;background:linear-gradient(transparent 72%,var(--acid) 72%)}.hero-desc{font-size:18px;line-height:1.8;margin:26px 0 28px;color:#4f5261}.hero-actions{display:flex;align-items:center;gap:25px}.text-button{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700}.play-icon{font-size:12px;width:32px;height:32px;border:1px solid #bfc1ce;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.hero-credit{margin-top:36px;font-size:14px;font-weight:600}.hero-credit span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:5px}.hero-art{position:relative;background:var(--blue);height:600px;overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:4px}.art-label{position:absolute;top:25px;left:25px;font:12px/1.6 Arial;color:#dedfff;letter-spacing:.11em}.art-word{position:absolute;font:900 260px/1 Arial;letter-spacing:-.09em;color:rgba(255,255,255,.06);transform:rotate(-90deg);right:-170px;top:210px}.cover{position:relative;width:275px;height:auto;transform:rotate(-6deg);box-shadow:22px 26px 40px rgba(0,0,0,.3);margin-top:15px;transition:transform .4s}.hero-art:hover .cover{transform:rotate(-3deg) translateY(-4px)}.art-bottom{position:absolute;bottom:24px;left:25px;right:25px;color:#dcddef;font-size:12px;display:flex;justify-content:space-between}.statement{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 48px;display:flex;justify-content:space-between;align-items:center;gap:20px}.statement p{font-size:22px;letter-spacing:-.04em}.statement b{color:var(--blue)}.statement>span{font:11px Arial;letter-spacing:.15em;color:var(--muted)}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:38px;padding-bottom:40px;font-size:12px;color:var(--muted)}.footer .brand{color:var(--ink)}.skip{position:fixed;left:15px;top:-100px;z-index:99;background:var(--blue);color:white;padding:12px}.skip:focus{top:10px}.mobile-only{display:none}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 25px;border-radius:5px;font-size:14px;opacity:0;pointer-events:none;z-index:30;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
.section{padding-top:100px;padding-bottom:100px}h2{font-size:44px;font-weight:800}.blue{color:var(--blue)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-top>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:370px}.intro{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.intro-copy{padding-top:40px}.intro-copy>p{margin-bottom:20px;color:#595d6a}.intro-copy .lead{font-size:25px;color:var(--ink);font-weight:700;letter-spacing:-.04em}.book-facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:28px;margin-top:38px}.book-facts strong{display:block;font:700 38px/1.2 Arial;color:var(--blue)}.book-facts span{font-size:12px;color:var(--muted);line-height:1.5;display:block;margin-top:8px}.film{padding:85px 0 65px;background:#121426;color:white}.film .eyebrow{color:#b4b8ff}.film .section-top>p{color:#b1b4c9}.video-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:28px;align-items:start}.video-shell{aspect-ratio:16/9;background:#080910;position:relative;border-radius:5px;overflow:hidden}.video-shell>img{width:100%;height:100%;object-fit:cover;opacity:.67}.video-shell iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.video-start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;border:0;color:white;background:linear-gradient(transparent,rgba(0,0,0,.45))}.video-start>span{display:flex;align-items:center;justify-content:center;width:75px;height:75px;background:var(--acid);border-radius:50%;color:var(--ink);font-size:25px;padding-left:5px;box-shadow:0 4px 30px #0003}.video-start b{margin-top:16px;font-size:17px;text-shadow:0 1px 8px #000}.video-start small{font-size:12px;margin-top:4px}.video-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#b9bcd1;margin-top:14px}.video-caption a{text-decoration:underline;text-underline-offset:3px}.tiny-label{font-size:12px;color:#b4b8cc;margin:0 0 8px}.video-chapters>button{display:block;width:100%;padding:15px 0;background:none;border:0;border-bottom:1px solid #36394f;color:white;text-align:left;transition:background .15s}.video-chapters>button:hover,.video-chapters>button.active{background:#242741;padding-left:10px}.video-chapters button>span{font:12px Arial;color:var(--acid)}.video-chapters strong{font-size:15px;display:block;margin-top:6px}.video-chapters small{font-size:12px;color:#aeb2c8;display:block;margin-top:4px}.film-note{font-size:12px;color:#959bb9;margin-top:22px}.conditions{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.condition{padding:38px 32px 38px 0}.condition+.condition{border-left:1px solid var(--line);padding-left:32px}.condition>span{font:12px Arial;letter-spacing:.1em;color:var(--blue)}.condition h3{font-size:23px;margin:32px 0 18px}.condition p{color:var(--muted);font-size:15px;line-height:1.8}.quote-line{display:flex;gap:30px;align-items:flex-start;padding:55px 0 0;max-width:800px;margin:auto}.quote-line>span{font:100px/1 Georgia;color:var(--blue)}blockquote{margin:0}.quote-line blockquote{font-size:25px;letter-spacing:-.04em;font-weight:600;padding-top:10px}.quote-line cite{display:block;font-size:12px;font-style:normal;font-weight:400;color:var(--muted);margin-top:16px}.contents-section{background:var(--pale)}.chapters{border-top:2px solid var(--ink)}.chapter{border-bottom:1px solid #cdd0dd}.chapter summary{list-style:none;display:flex;gap:30px;align-items:center;padding:25px 0;cursor:pointer}.chapter summary::-webkit-details-marker,.faq-item summary::-webkit-details-marker{display:none}.chapter-no{font:500 34px/1 Arial;color:var(--blue);min-width:60px}.chapter-info{flex:1;display:flex;align-items:center;gap:25px}.chapter-label{font-size:13px;color:var(--blue);background:#e4e5f5;border-radius:3px;padding:4px 10px;white-space:nowrap}.chapter-info strong{font-size:20px;font-weight:600;letter-spacing:-.035em}.expand{font:26px Arial;padding:0 12px;color:var(--blue)}details[open] .expand,details[open] summary>span:last-child:not(.chapter-info){transform:rotate(45deg)}.chapter-body{padding:0 45px 30px 90px;animation:appear .2s ease}.chapter-body>p{color:var(--blue);font-size:15px;margin-bottom:20px}.chapter-body ul{padding:0;margin:0;list-style:none}.chapter-body li{display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#565b6c;margin:9px 0}.chapter-body li>span:last-child{color:#858b9c;white-space:nowrap}.contents-note{font-size:12px;color:var(--muted);margin-top:20px}.reader-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:85px}.section-description{font-size:16px;color:var(--muted);margin-top:22px}.reader-tabs{display:flex;border-bottom:1px solid var(--line);gap:5px}.reader-tabs button{flex:1;padding:14px 8px;background:white;border:0;border-bottom:3px solid transparent;font-size:15px;color:var(--muted)}.reader-tabs button[aria-selected=true]{color:var(--blue);border-color:var(--blue);font-weight:700}.reader-widget{background:var(--pale)}.reader-widget [role=tabpanel]{padding:35px}.reader-kicker{font-size:12px;color:var(--blue)}.reader-widget h3{font-size:28px;margin:18px 0}.reader-widget p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:24px}.reader-widget a{font-size:13px;font-weight:700;color:var(--blue);border-bottom:1px solid #b2b5de;padding-bottom:3px}.endorsement{text-align:center;background:var(--blue);color:white;padding:90px 0}.endorsement .eyebrow{color:#c5c8ff}.endorsement blockquote{font-size:42px;font-weight:700;line-height:1.5;letter-spacing:-.045em}.endorsement em{color:var(--acid);font-style:normal}.quote-credit{font-size:14px;margin-top:30px}.quote-role{font-size:12px;color:#c7c9e8;margin-top:5px}.authors{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.author{padding-top:35px}.author-tag{font-size:12px;color:var(--blue);font-weight:700}.author h3{font-size:34px;margin:13px 0 24px}.author>p{color:var(--muted);font-size:15px;line-height:1.9}.author-books{font-size:12px;color:#73798c;margin-top:25px;padding-top:20px;border-top:1px solid var(--line);line-height:1.9}.fine-print{font-size:12px;color:var(--muted);margin-top:20px}.share-section{background:var(--pale)}.share-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.share-card{min-height:460px;background:var(--acid);padding:40px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.share-card-kicker{font:11px Arial;letter-spacing:.14em;color:#354720}.share-card>p{font-size:54px;font-weight:900;line-height:1.2;letter-spacing:-.06em;margin:30px 0}.share-card>p>span{color:var(--blue)}.share-card>div{font-size:13px;line-height:1.7}.share-card b{font-size:12px;font-weight:400;color:#596747}.share-copy label{display:block;font-size:13px;font-weight:600;margin-bottom:10px}.share-copy select{width:100%;padding:13px 15px;background:white;border:1px solid #c7cbdc;border-radius:4px;color:var(--ink);font:14px 'Noto Sans KR',sans-serif;min-height:48px}.share-copy textarea{width:100%;resize:vertical;min-height:255px;border:1px solid #d6d9e5;padding:20px;font:14px/1.9 'Noto Sans KR',sans-serif;color:#555d70;background:white;margin:15px 0;border-radius:4px;word-break:keep-all}.share-actions{display:flex;gap:12px}.download-link{display:inline-block;font-size:13px;border-bottom:1px solid #a7abbd;margin-top:18px;color:#5b6278}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-item{border-bottom:1px solid var(--line)}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;list-style:none;gap:20px;font-size:16px;font-weight:600;cursor:pointer;padding:22px 0}.faq-item summary>span{font:24px Arial;color:var(--blue);flex-shrink:0}.faq-item>p{font-size:15px;color:var(--muted);padding-bottom:22px}.bonus{border-left:3px solid var(--blue);padding:8px 0 8px 22px;margin-top:35px}.bonus strong{font-size:15px}.bonus p{font-size:14px;color:var(--muted);margin:8px 0 12px}.bonus a{font-size:13px;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:4px}.buy-section{background:#171a36;color:white;padding:80px 0}.buy-inner{display:grid;grid-template-columns:310px 1fr;gap:100px;align-items:center;max-width:1000px}.buy-inner>img{width:270px;height:auto;box-shadow:16px 18px 24px #090a2080;transform:rotate(-3deg)}.buy-section .eyebrow{color:var(--acid)}.buy-section h2{font-size:38px}.buy-section h2>span{color:#b5b9ff}.buy-subtitle{color:#b7bbd2;font-size:16px;margin-top:20px}.buy-author{font-size:14px;color:#b7bbd2;margin-top:24px}.book-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;font-size:12px;margin:24px 0}.book-meta>div{display:flex;gap:12px}.book-meta dt{color:#999fbf;min-width:28px}.book-meta dd{margin:0;color:#d5d7e3}.buy-links{display:flex;gap:12px}.white-outline{background:transparent;border-color:#707595;color:#fff}.white-outline:hover{background:#363a60}.buy-note{font-size:12px;color:#9298b5;margin-top:18px}@keyframes appear{from{opacity:.5;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero-art{height:650px}.cover{width:300px}.hero h1{font-size:82px}}
@media(max-width:1000px){.section{padding-top:75px;padding-bottom:75px}h2{font-size:36px}.intro,.reader-section,.faq-section{gap:40px}.video-layout{grid-template-columns:minmax(0,1fr) 220px}.condition{padding-right:20px}.condition+.condition{padding-left:20px}.condition h3{font-size:20px}.chapter-info{gap:15px}.chapter-info strong{font-size:18px}.share-layout{gap:30px}.share-card{padding:30px}.share-card>p{font-size:44px}.buy-inner{gap:50px;grid-template-columns:260px 1fr}.buy-inner>img{width:240px}.buy-section h2{font-size:32px}}
@media(max-width:720px){.section{padding-top:60px;padding-bottom:60px}h2{font-size:32px}.section-top{display:block;margin-bottom:30px}.section-top>p{font-size:14px;margin-top:22px}.intro,.reader-section,.faq-section{grid-template-columns:1fr;gap:30px}.intro-copy{padding-top:0}.intro-copy .lead{font-size:21px}.intro-copy>p{font-size:15px}.book-facts{gap:10px;margin-top:28px}.book-facts strong{font-size:32px}.book-facts span{font-size:12px}.film{padding:60px 0 45px}.video-layout{grid-template-columns:1fr;gap:24px}.video-start>span{width:54px;height:54px;font-size:20px}.video-start b{font-size:14px;margin-top:9px}.video-chapters{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.video-chapters .tiny-label{grid-column:1/-1}.video-chapters strong{font-size:14px}.video-chapters small{font-size:12px}.video-caption{font-size:12px}.video-caption>span{max-width:65%}.conditions{grid-template-columns:1fr}.condition,.condition+.condition{border-left:0;padding:27px 0}.condition+.condition{border-top:1px solid var(--line)}.condition h3{font-size:23px;margin:15px 0 10px}.condition p{font-size:15px}.quote-line{gap:10px;padding-top:35px}.quote-line>span{font-size:70px}.quote-line blockquote{font-size:20px}.desktop-only{display:none}.chapter summary{gap:15px;padding:20px 0}.chapter-no{font-size:25px;min-width:34px}.chapter-info{display:block}.chapter-label{font-size:12px;padding:2px 7px;display:inline-block;margin-bottom:8px}.chapter-info strong{font-size:17px;display:block;line-height:1.5}.expand{padding:0 4px;font-size:22px}.chapter-body{padding:0 0 24px 49px}.chapter-body li{font-size:13px;gap:10px}.chapter-body>p{font-size:14px}.reader-tabs button{font-size:14px}.reader-widget [role=tabpanel]{padding:27px}.reader-widget h3{font-size:25px}.endorsement{padding:60px 0}.endorsement blockquote{font-size:30px}.quote-role{font-size:12px}.authors{grid-template-columns:1fr;gap:32px}.author h3{font-size:30px}.author+.author{border-top:1px solid var(--line)}.share-layout{grid-template-columns:1fr;gap:28px}.share-card{min-height:390px;padding:30px}.share-card>p{font-size:46px}.share-copy textarea{font-size:14px}.faq-item summary{font-size:15px}.faq-item>p{font-size:14px}.buy-section{padding:55px 0}.buy-inner{grid-template-columns:1fr;gap:40px}.buy-inner>img{width:170px;margin:auto}.buy-section h2{font-size:31px}.buy-links{flex-wrap:wrap}.buy-links a{flex:1;white-space:nowrap;padding:13px 15px}.book-meta{font-size:12px;gap:6px 12px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.header{padding:0 28px}.header nav{gap:20px}.hero{gap:28px}.hero-art{height:540px}.cover{width:245px}.hero h1{font-size:58px}.statement{padding:24px 28px}.statement>span{display:none}}
@media(max-width:720px){.wrap{width:calc(100% - 40px)}.header{min-height:72px;padding:0 20px}.header nav{display:none}.brand{gap:12px}.publisher{padding-left:12px;font-size:12px}.header .button{font-size:12px;padding:8px 12px}.brand strong{font-size:28px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:32px;gap:36px}.eyebrow{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(48px,12vw,64px);line-height:1.15}.hero-desc{font-size:16px;margin:22px 0}.hero-credit{margin-top:25px}.hero-credit span{display:inline;margin-left:8px}.hero-art{height:490px}.cover{width:240px}.hero-actions{gap:18px}.button{padding:13px 20px;font-size:14px}.text-button{font-size:14px}.statement{padding:22px 20px}.statement p{font-size:17px}.footer{flex-wrap:wrap;padding-top:28px;padding-bottom:28px}.footer p{order:3;width:100%}.mobile-only{display:initial}.toast{width:max-content;max-width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
