:root{--blue:#006dcc;--navy:#192b3b;--muted:#607181;--line:#dde4e9;--paper:#fff;--bg:#f7f9fb;--ratio:.70707;--page-w:300px;--page-h:427px;font-family:"Malgun Gothic","Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #005eb8;outline-offset:4px}button:hover:not(:disabled),.download:hover{filter:brightness(.94)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:16px;background:#fff;padding:14px;z-index:99}.skip-link:focus{top:10px}
.site-header{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(28px,calc((100vw - 1500px)/2));gap:28px}.brand{display:flex;align-items:center}.brand img{width:151px;height:auto}.header-label{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid var(--line);padding-left:25px}.downloads{margin-left:auto;display:flex;gap:10px}.download{height:43px;display:flex;align-items:center;gap:13px;padding:0 18px;border:1px solid #cfdbe5;border-radius:5px;font-size:12px;font-weight:700;background:#fff}.download.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.download>span:last-child{font-size:21px;font-weight:400}.file-kind{font-size:9px;letter-spacing:.7px;opacity:.8}
main{max-width:1500px;margin:auto;padding:0 28px}.intro{display:flex;justify-content:space-between;align-items:center;padding:26px 0 23px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--blue);margin:0 0 9px}h1{font-size:23px;letter-spacing:-.7px;line-height:1.3;margin:0;font-weight:600}.edition{font-size:10px;color:var(--muted);letter-spacing:1px;text-align:right}.edition span{display:block;font-size:11px;letter-spacing:0;margin-top:8px}
.reader{display:grid;grid-template-columns:190px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #20344906}.chapter-rail{padding:25px 19px 20px;border-right:1px solid var(--line);display:flex;flex-direction:column}.rail-title{font-size:10px;letter-spacing:1.7px;margin:0 0 18px}.rail-title span{font-size:10px;letter-spacing:0;float:right;color:var(--muted)}#chapter-nav{display:flex;flex-direction:column;gap:4px}.chapter{display:flex;align-items:center;gap:12px;padding:10px 9px;font-size:11px;text-align:left;background:transparent;border:0;border-radius:4px;min-height:36px}.chapter .num{font-size:10px;color:#718292;font-variant-numeric:tabular-nums}.chapter[aria-current="page"]{color:var(--blue);background:#edf5fc;font-weight:700}.chapter[aria-current="page"] .num{color:var(--blue)}.rail-foot{margin-top:auto;padding:30px 9px 0}.blue-line{display:block;width:20px;height:2px;background:var(--blue)}.rail-foot p{font-size:13px;line-height:1.8;color:#536578}.rail-foot>span:last-child{font-size:8px;letter-spacing:1.5px;color:#718292}
.reader-main{min-width:0}.toolbar{height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);gap:8px}.toolbar-group{display:flex;align-items:center;gap:5px}.tool,.icon{border:0;background:transparent;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.tool{padding:0 10px;font-size:11px;gap:8px;white-space:nowrap}.tool>span{font-size:18px}.icon{width:36px;min-width:36px;font-size:24px}.icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.6}.divider{height:16px;width:1px;background:var(--line);margin:0 5px}#zoom-label{font-size:11px;min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.viewport{position:relative;background:radial-gradient(ellipse at 50% 30%,#f5f8fa,#e9eef2);height:clamp(440px,calc(100svh - 340px),790px);overflow:scroll;scrollbar-gutter:stable;overflow-anchor:none;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;contain:inline-size}.book-wrap{min-width:100%;min-height:100%;display:flex;padding:24px 36px;align-items:center;justify-content:center;width:max-content}.book{position:relative;flex:none;width:calc(var(--page-w) * var(--slots,2));height:var(--page-h);perspective:2200px;isolation:isolate;touch-action:pan-y pinch-zoom;user-select:none}.book.is-zoomed{touch-action:pan-x pan-y pinch-zoom}.sheet{position:absolute;top:0;width:var(--page-w);height:var(--page-h);background:#fff;overflow:hidden;box-shadow:0 10px 22px #263e4e25}.sheet.blank{background:transparent;box-shadow:none;pointer-events:none}.sheet img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.sheet[data-page]{cursor:grab}.book.dragging,.book.dragging *,.book.panning,.book.panning *{cursor:grabbing!important}.book.spread>.sheet:not(.blank):first-child:after{content:"";position:absolute;inset:0 0 0 auto;width:16px;background:linear-gradient(to left,#10232d14,transparent);pointer-events:none}.book.spread>.sheet:not(.blank):nth-child(2):after{content:"";position:absolute;inset:0 auto 0 0;width:12px;background:linear-gradient(to right,#10232d16,transparent);pointer-events:none}.turner{position:absolute;top:0;width:var(--page-w);height:var(--page-h);transform-style:preserve-3d;z-index:5;will-change:transform;pointer-events:none}.turner.forward{left:50%;transform-origin:left center}.turner.backward{left:0;transform-origin:right center}.turner .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden;box-shadow:0 8px 20px #263e4e22}.turner .face:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,30,45,var(--shade,0)),transparent 60%);pointer-events:none}.turner .back{transform:rotateY(180deg)}.turner img{display:block;width:100%;height:100%;object-fit:contain}.book.single{overflow:hidden}.book.single .turner{left:0}.book.single .turner.forward{transform-origin:left center}.book.single .turner.backward{transform-origin:right center}.load-error{position:absolute;inset:30% 10% auto;text-align:center;background:#fff;padding:24px;border:1px solid var(--line);font-size:13px;z-index:9}.load-error a{display:block;color:var(--blue);margin-top:15px}
.reader-bottom{padding:12px 22px 14px}.bottom-upper{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-label{font-size:11px;color:var(--muted);min-width:90px}.page-controls{display:flex;align-items:center;gap:5px}.page-controls .icon{font-size:28px}#page-form{display:flex;align-items:center;gap:4px;font-size:11px}#page-number{width:36px;border:1px solid var(--line);border-radius:4px;background:#f9fbfc;text-align:center;height:30px;-moz-appearance:textfield;appearance:textfield}#page-number::-webkit-inner-spin-button{appearance:none}.total{color:var(--muted);margin-left:5px}#progress{display:block;width:100%;height:18px;margin:8px 0 0;accent-color:var(--blue);cursor:pointer}.under-reader{display:flex;align-items:center;justify-content:space-between;margin:11px 0 18px}.under-reader p{font-size:10px;color:var(--muted)}.text-button{background:none;border:0;padding:10px 0;font-size:10px;color:var(--muted)}.site-footer{display:flex;justify-content:space-between;max-width:1500px;margin:auto;padding:0 28px 22px;font-size:10px;color:#667888}.site-footer a{color:#40586b}.no-script{padding:20px}
dialog{border:1px solid var(--line);border-radius:10px;padding:28px;max-width:min(900px,calc(100vw - 32px));width:900px;max-height:85vh;overflow:auto;color:var(--navy);box-shadow:0 25px 100px #122a4a33}dialog::backdrop{background:#10203080;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.dialog-head h2{font-size:21px;margin:0}.dialog-head .close{font-size:28px}.explorer-sections{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.explorer-sections button{border:1px solid var(--line);border-radius:3px;background:#f8fafc;padding:9px 12px;font-size:11px}.thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:20px}.thumbnail{background:none;border:2px solid transparent;padding:6px;text-align:left;border-radius:5px}.thumbnail img{width:100%;height:auto;aspect-ratio:.70707;display:block;box-shadow:0 2px 9px #2034491a}.thumbnail span{display:block;font-size:10px;margin-top:10px;color:var(--muted)}.thumbnail[aria-current="page"]{border-color:var(--blue);background:#eff6fc}#text-dialog,#help-dialog{width:720px}.notice{font-size:12px;line-height:1.8;color:var(--muted);background:#f2f6f9;padding:14px;border-radius:5px}.page-text section+section{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}.page-text h3{font-size:16px;color:var(--blue)}.page-text p{white-space:pre-wrap;line-height:1.9;font-size:14px;overflow-wrap:anywhere}.text-nav{display:flex;justify-content:space-between}.help-list{font-size:13px;line-height:1.9}.help-list dt{font-weight:700;margin-top:20px}.help-list dd{margin:4px 0 0;color:#536578}.reader:fullscreen,.reader.is-focus{background:#fff;display:grid;width:100%;height:100%;border:0;border-radius:0}.reader:fullscreen .reader-main,.reader.is-focus .reader-main{display:flex;flex-direction:column}.reader:fullscreen .viewport,.reader.is-focus .viewport{flex:1;height:auto;min-height:0}.reader.is-focus{position:fixed;inset:0;z-index:50}.focus-mode{overflow:hidden}
@media(min-width:1600px){.chapter-rail{padding-top:30px}.chapter{min-height:42px}}
@media(max-width:1050px){.reader{grid-template-columns:minmax(0,1fr)}.chapter-rail{display:none}.site-header{padding:0 22px;gap:20px}.header-label{display:none}.viewport{height:clamp(440px,calc(100svh - 330px),850px)}}
@media(max-width:760px){.site-header{height:auto;min-height:123px;padding:18px 16px 13px;flex-wrap:wrap;gap:16px}.brand img{width:120px}.header-label{display:block;margin-left:auto;border:0;font-size:9px;letter-spacing:1px;padding:0}.downloads{width:100%;margin:0;gap:8px}.download{height:40px;justify-content:center;flex:1;padding:0 10px;gap:8px;font-size:11px}.file-kind{font-size:8px}main{padding:0 12px}.intro{padding:22px 4px 19px}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:8px}h1{font-size:18px}.edition{font-size:0;margin:0}.edition span{font-size:9px;white-space:nowrap;margin-top:10px}.toolbar{height:49px;padding:0 7px;gap:2px}.toolbar-group{gap:0}.tool{padding:0 7px;font-size:10px;min-height:40px}.tool>span{font-size:17px}.icon{min-height:40px;width:32px;min-width:32px}.divider{margin:0 3px}#view-mode{display:none}#zoom-label{min-width:33px;font-size:10px}.short{display:none}.viewport{height:clamp(390px,calc(100svh - 325px),670px)}.book-wrap{padding:20px 18px}.reader-bottom{padding:9px 12px 10px}.section-label{font-size:9px;min-width:52px;max-width:70px}.page-controls{gap:1px}.page-controls .icon{width:30px;min-width:30px}.edge{display:none}#page-form{font-size:10px}#page-number{width:32px}.bottom-upper{gap:4px}#read-text{font-size:9px;padding:0 2px}.under-reader{margin:8px 3px 14px;gap:10px}.under-reader p{font-size:9px;line-height:1.7}.text-button{white-space:nowrap;font-size:9px}.site-footer{padding:0 16px 20px;font-size:9px}.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}dialog{padding:19px}.dialog-head h2{font-size:18px}.thumbnail{padding:3px}.thumbnail span{font-size:9px}.reader:fullscreen .toolbar,.reader.is-focus .toolbar{padding:0 10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.site-header,.intro,.chapter-rail,.toolbar,.reader-bottom,.under-reader,.site-footer,dialog{display:none!important}.reader{display:block;border:0}.viewport{height:auto;background:#fff;overflow:visible}.book-wrap{padding:0}.book{filter:none}.sheet{width:48vw;height:auto}body{background:#fff}}

.reader-main{min-height:0}.reader:fullscreen,.reader.is-focus{min-height:0;grid-template-rows:minmax(0,1fr)}
.book-wrap{overflow:clip}
/* Mobile image callouts are separate from text selection and native dragging. */
#book,#book *{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}
#book img{pointer-events:none;-webkit-user-drag:none}
/* English labels need room without changing the viewer layout. */
:root{font-family:Arial,"Helvetica Neue",sans-serif}
.intro{gap:16px}.intro>div{min-width:0}.chapter>span:not(.num){line-height:1.45}.identity-options{width:252px}.identity-options>a{gap:12px}
@media(max-width:760px){.intro{display:block}.edition{text-align:left}.edition span{margin-top:8px}}