:root{color:#202842;font-synthesis:none;background:#e9ecf3;font-family:Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #627bd1}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.book-header{background:#fff;border-bottom:1px solid #d8deeb;flex:none;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 32px;display:flex}.book-header>a:last-child{color:#626d82;font-size:13px}.book-brand{letter-spacing:-1px;color:#272d68;font-size:27px;font-weight:700}.book-brand span{letter-spacing:0;margin-left:14px;font-size:14px;font-weight:400}main{overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y;flex:1;min-height:0;padding:18px 22px;overflow:auto}.book-stage{justify-content:center;align-items:flex-start;height:100%;display:flex}#book-page{outline-offset:4px;flex:none;justify-content:center;align-items:center;max-width:100%;height:100%;margin:0;display:flex}.pamphlet-artwork{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:#edeada;width:auto;max-width:100%;height:auto;max-height:100%;display:block;box-shadow:0 6px 22px #17234424}.book-expanded .book-stage{width:max(100%,760px);height:auto;display:block}.book-expanded #book-page{width:760px;max-width:none;height:auto;margin:auto}.book-expanded .pamphlet-artwork{width:100%;max-width:none;height:auto}.book-controls{padding:12px 20px max(12px,env(safe-area-inset-bottom,0px));background:#fff;border-top:1px solid #d8deeb;flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.book-controls button{color:#272d68;background:#fff;border:1px solid #cbd1de;border-radius:5px;flex:none;width:44px;height:44px;font-size:22px}.book-controls button:disabled{opacity:.3;cursor:default}.book-controls select{color:#272d68;background:#fff;border:1px solid #cbd1de;border-radius:5px;width:min(260px,36vw);min-width:0;height:44px;padding:0 10px;font-size:13px}#page-status{color:#6c7690;white-space:nowrap;font-size:12px}#book-zoom{width:auto;padding:0 13px;font-size:12px}#book-zoom[aria-pressed=true]{color:#fff;background:#272d68}.book-hint{text-align:center;color:#778096;background:#fff;flex:none;margin:0;padding:0 12px 10px;font-size:11px}.embedded-book .book-header,.embedded-book .book-hint{display:none}@media (width<=600px){html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}.book-header{height:calc(60px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 14px 0}.book-brand{font-size:24px}.book-brand span{display:none}.book-header>a:last-child{font-size:11px}main{padding:10px 8px}.book-stage{align-items:center}.book-controls{padding:10px 12px max(10px,env(safe-area-inset-bottom,0px));grid-template-columns:40px minmax(0,1fr) auto 40px;gap:8px;display:grid}.book-controls select{width:100%;height:42px;font-size:12px}.book-controls button{width:40px;height:42px}#previous{grid-area:1/1}#page-select{grid-area:1/2/auto/4}#following{grid-area:1/4}#page-status{text-align:right;grid-area:2/2}#book-zoom{grid-area:2/3/auto/5;width:100%;height:34px;font-size:12px}.book-expanded .book-stage,.book-expanded #book-page{width:640px}}
