@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@0..1&display=swap";#root{width:100%;justify-items:center}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:#fff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body{width:100%;height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}a,button,.clickable{touch-action:manipulation}input,textarea,select{font-size:16px!important}.header-wrapper{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;font-family:Noto Sans KR,sans-serif;color:#333;display:block}.main-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 0}.main-header-logo{max-width:10%;height:auto;cursor:pointer}.main-nav{display:flex;align-items:center;gap:10px;font-size:16px}.gallery-link,.mybook-link{font-size:16px!important}.main-nav a{margin:0 8px;color:#7abf00;font-weight:500;text-decoration:none}.main-nav a:hover{color:#598b01}.dropdown{position:relative}.dropdown summary{cursor:pointer}.dropdown-menu{position:absolute;list-style:none;padding:10px;margin:0;border:1px solid #ccc;background-color:#fff;z-index:10;width:max-content}.dropdown-menu li{margin-bottom:6px}.dropdown-menu li:last-child{margin-bottom:0}.logout-button{display:flex;align-items:center;padding:0;background-color:transparent;color:#000;border:none;outline:none;justify-content:center;width:100%}.logout-button:hover{outline:none;color:#636262}.logout-button:focus{outline:none}.mybook-link{position:relative;display:inline-block}.incomplete-books-bubble{color:red}@media (max-width: 1024px){.header-wrapper{padding-left:16px;padding-right:16px}.main-header-logo{max-width:10%;height:auto}.dropdown-menu{right:0;left:auto}.header-wrapper{padding-left:12px;padding-right:12px}.main-nav{justify-content:flex-start;gap:8px;font-size:14px;flex-wrap:wrap}.gallery-link,.mybook-link{font-size:14px!important}.main-nav a{margin:0 4px;border-radius:10px;display:inline-block}.logout-button{margin-top:12px}}.main-nav .nav-top,.main-nav .nav-bottom{display:contents}@media (max-width: 480px){.main-header-logo{max-width:20%;height:auto}.main-nav{display:flex;flex-direction:column;gap:6px;font-size:11px}.gallery-link,.mybook-link{font-size:11px!important}.main-nav .nav-top,.main-nav .nav-bottom{display:flex;align-items:center;gap:5px;flex-wrap:wrap;width:100%;justify-content:end}.main-nav.is-guest .nav-top,.main-nav.is-guest .nav-bottom{display:inline-flex}.main-nav.is-guest{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}.main-nav.is-guest .nav-sep{display:none}}.ob-flat-footer{width:100%;background:#f6f8fb;border-top:1px solid #e6e8ee;color:#444;font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif}.ob-flat-footer__row{max-width:1200px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between}.ob-flat-footer__left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ob-flat-footer__brand{font-weight:700;color:#222}.ob-flat-footer__bizBtn{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border:none;background:transparent;color:#222;cursor:pointer;font-size:14px}.ob-flat-footer__bizBtn:hover{text-decoration:underline}.ob-flat-footer__caret{display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid #222;transition:transform .18s ease;transform-origin:50% 40%}.ob-flat-footer__caret.is-open{transform:rotate(180deg)}.ob-flat-footer__links{display:inline-flex;gap:16px;margin-left:8px}.ob-flat-footer__links a{color:#333;text-decoration:none;font-size:14px}.ob-flat-footer__links a:hover{text-decoration:underline}.ob-flat-footer__sns{display:inline-flex;align-items:center;gap:16px;color:#6b7280}.ob-flat-footer__sns a{color:#6b7280;display:inline-flex}.ob-flat-footer__sns a:hover{color:#4b5563}.ob-flat-footer__biz{max-height:0;overflow:hidden;transition:max-height .22s ease;background:#f6f8fb;border-top:1px solid #e6e8ee}.ob-flat-footer__biz.is-open{max-height:160px}.ob-flat-footer__bizInner{max-width:1200px;margin:0 auto;padding:10px 20px 12px;color:#333;font-size:13px;line-height:1.7}.ob-flat-footer__copy{max-width:1200px;margin:0 auto;padding:10px 20px 14px;font-size:12px;color:#778;border-top:1px solid #e6e8ee}@media (max-width: 720px){.ob-flat-footer__row{flex-direction:column;align-items:flex-start;gap:8px}.ob-flat-footer__sns{align-self:flex-end}}.info-card-left button,.info-card-right button,.benefit-card-left button,.benefit-card-right button{margin-left:auto;margin-right:0;display:block}.mybook-carousel,.banner-card,.info-card-left,.info-card-right,.benefit-card-left,.benefit-card-right{background-color:#fff}.main-wrapper{width:100%;font-family:Noto Sans KR,sans-serif;color:#333;display:flex;flex-direction:column;align-items:center;padding:24px 16px 80px;box-sizing:border-box;background:#f9fafb}.main-wrapper>section,.main-wrapper>footer{width:100%;max-width:1200px}.banner-section{width:100%;display:flex;justify-content:center;gap:40px;padding:15px 0}.banner-card{width:48%;height:440px;border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;padding:24px;text-align:center;background-image:url(/images/Main_1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.banner-card img{width:100%;border-radius:8px;margin-bottom:16px}.banner-title{font-size:1.4rem;font-weight:700;margin:12px 0}.l-banner-button{--g1: #9abf00;--g2: #b0c800;--g3: #c7d100;width:max-content;padding:14px 40px;font-weight:600;font-size:clamp(14px,2.2vw,17px);line-height:1;letter-spacing:.2px;border-radius:9999px;border:3px solid #ffffff;background-image:linear-gradient(90deg,var(--g1) 0%,var(--g2) 55%,var(--g3) 100%);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 8px 20px #00000026;cursor:pointer;position:absolute;bottom:15%;left:50%;transform:translate(-50%);outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.r-banner-button{--g1: #9abf00;--g2: #b0c800;--g3: #c7d100;width:max-content;padding:14px 40px;font-weight:600;font-size:clamp(14px,2.2vw,17px);line-height:1;letter-spacing:.2px;position:relative;left:50%;transform:translate(-50%);border-radius:9999px;border:3px solid #ffffff;background-image:linear-gradient(90deg,var(--g1) 0%,var(--g2) 55%,var(--g3) 100%);color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:0 8px 20px #00000026;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.l-banner-button:hover,.r-banner-button:hover{filter:brightness(1.05);box-shadow:0 10px 24px #0000002e;outline:none}.l-banner-button:hover,.r-banner-button:hover{border:3px solid #c2e401}.l-banner-button:active,.r-banner-button:active{filter:brightness(.98);box-shadow:0 6px 16px #00000029 inset,0 6px 16px #00000024;outline:none}.l-banner-button:focus-visible,.r-banner-button:focus-visible{outline:none;box-shadow:0 0 0 4px #ffffffe6,0 0 0 7px #86c40073}.mybook-carousel{width:48%;height:440px;border-radius:12px;padding:24px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;background-size:cover;background-position:center;background-repeat:no-repeat;justify-items:center;align-items:center;align-content:center;justify-content:center}.search-class-area{width:100%;display:grid;place-items:center}.mybook-carousel p{color:#4e4d4d;font-size:20px;font-weight:500;text-align:left;padding-top:40px;padding-left:5px}.carousel-wrapper{width:100%;display:flex;justify-content:center;align-items:center;gap:80px;margin-top:95px}.carousel-card{text-align:center}.carousel-card img{width:200px;border-radius:1px;margin-bottom:8px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a}.info-section{width:100%;display:flex;justify-content:center;gap:40px;padding:15px 0}.info-card-left,.info-card-right{border-radius:12px;padding:24px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a}.info-card-left{width:48%;height:440px;background-image:url(/images/Main_3.jpg);background-size:contain;background-position:center;background-repeat:no-repeat}.info-card-right{width:48%;height:440px;background-image:url(/images/Main_4.jpg);background-size:contain;background-position:center;background-repeat:no-repeat}.info-card h3{font-size:1.2rem;margin-bottom:16px}.info-card ul{list-style:none;padding:0;margin:0}.info-card ul li{margin-bottom:12px}.book-row{display:flex;justify-content:flex-start;gap:6px;margin-top:153px;margin-bottom:12px}.story-card{display:flex;flex-direction:column;align-items:center;text-align:center}.story-card p{margin:0 auto;font-size:15px;font-weight:500}.story-card img{width:70%;height:auto;margin-top:10px;border-radius:4px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a}.benefit-section{width:100%;display:flex;justify-content:center;gap:40px;padding:15px 0}.benefit-card-left,.benefit-card-right{border-radius:12px;padding:24px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a}.benefit-card-left{width:48%;height:440px;background-image:url(/images/Main_5.jpg);background-size:contain;background-position:center;background-repeat:no-repeat}.benefit-card-right{width:48%;height:440px;background-image:url(/images/Main_6.jpg);background-size:contain;background-position:center;background-repeat:no-repeat}.benefit-card ul{padding-left:16px}.benefit-card li{margin-bottom:8px}.effect-image{width:100%;margin-top:16px;border-radius:8px}.teacher-row{display:flex;justify-content:flex-start;align-items:center;gap:12px;margin-top:12px}.teacher-image{width:50%;height:50%;margin-top:16px;border-radius:8px}.main-footer{width:100%;text-align:center}.main-footer img{width:100%;max-width:1200px;margin:0 auto;display:block}.ai-badge{background-color:#7abf00;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:6px;margin-left:8px}.logo-bold{font-size:1.5rem;font-weight:700;color:#7abf00}.label{display:inline-block;padding:8px 20px;font-size:.7rem;font-weight:600;color:#9cc900;border:2px solid #c2d600;border-radius:9999px;background-color:transparent;cursor:pointer;transition:all .2s ease-in-out}.label:hover{background-color:#c2d600;color:#fff;border:2px solid #c2d600}@media (max-width: 1024px){.banner-section,.info-section,.benefit-section{gap:24px;padding-left:0;padding-right:0}.carousel-wrapper{gap:40px;margin-top:70px}.carousel-card img{width:170px}.info-card-left button,.info-card-right button,.benefit-card-left button,.benefit-card-right button{margin-left:auto;margin-right:0;display:block}.book-row{font-size:10px}.story-card p{margin:0 auto;font-size:1.2vw;font-weight:500}}@media (max-width: 480px){.banner-title{font-size:1.1rem}.main-wrapper{padding:18px 12px 60px}.banner-section,.info-section,.benefit-section{flex-direction:column;gap:16px}.banner-card,.mybook-carousel,.info-card-left,.info-card-right,.benefit-card-left,.benefit-card-right{width:100%}.carousel-card img{width:105px}.story-card{width:100%}.label{padding:7px 14px;font-size:.65rem}.ob-flat-footer__left{gap:3px}}.stats-section{width:100%;max-width:1200px;margin:40px auto 20px;padding:0 20px;box-sizing:border-box}.stats-container{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-radius:20px;padding:30px 50px;box-shadow:0 4px 20px #0000000d;border:1px solid #eee}.stats-item{display:flex;align-items:center;gap:20px;flex:1;justify-content:center}.stats-icon{font-size:48px;background-color:#f0fdf4;width:80px;height:80px;display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:0 2px 10px #55b7681a}.stats-content{display:flex;flex-direction:column;align-items:flex-start}.stats-content h3{font-size:16px;color:#666;margin:0 0 5px;font-weight:500}.stats-number{font-size:36px;font-weight:800;color:#333;margin:0;line-height:1}.stats-number span{font-size:18px;font-weight:600;color:#888;margin-left:5px}.stats-container .divider{width:1px;height:60px;background-color:#e0e0e0;margin:0 40px}@media (max-width: 768px){.stats-container{flex-direction:column;padding:20px;gap:20px}.stats-container .divider{width:100%;height:1px;margin:10px 0}.stats-item{width:100%;justify-content:flex-start;padding-left:20px}}.main-wrapper{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0}.main-wrapper h2,.main-wrapper p{margin:0 auto}.book-preview-image{width:890px;margin:15px auto;display:block;border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;border:1px solid rgba(104,102,102,.541)}.button-group{display:flex;justify-content:center;gap:12px;margin-top:20px;flex-wrap:wrap}.button-group button{padding:12px 20px;font-size:16px;border-radius:10px;border:2px solid #ddd;background:#fff;cursor:pointer;transition:all .2s ease;min-width:140px}.button-group .active{border-color:#7abf00;background-color:#f4faeb;font-weight:600;color:#3c6d00}.button-group button:hover{background-color:#f9f9f9;border-color:#bbb}.booktype-next-button{margin:40px auto 15px;display:block;font-weight:600;background-color:#7abf00;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.booktype-next-button:hover{background-color:#699e00}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.modal{background:#fff;padding:32px;border-radius:12px;width:360px;text-align:center;box-shadow:0 8px 24px #0000001a}.modal-buttons{margin-top:24px;display:flex;justify-content:center;gap:12px}.modal-buttons button{padding:10px 18px;font-size:15px;border-radius:8px;border:none;cursor:pointer;min-width:100px}.modal-buttons button:first-child{background:#fff;border:1px solid #ccc;color:#333}.modal-buttons button:last-child{background:#7abf00;color:#fff}.button-group button.disabled{background-color:#f0f0f0;color:#999;border:1px solid #ccc;cursor:not-allowed}.button-group button.disabled:hover{background-color:#f0f0f0}@media (max-width: 1024px){.main-wrapper{padding:0 16px}.book-preview-image{width:100%;max-width:890px;height:auto}.button-group{gap:10px}.button-group button{min-width:130px;padding:11px 18px;font-size:15px}.booktype-next-button{padding:13px 26px;font-size:16px}.modal{width:92%;max-width:360px;padding:28px}}@media (max-width: 480px){.main-wrapper{padding:0 12px}.book-preview-image{margin:12px auto;border-radius:10px}.button-group{width:100%;gap:8px;margin-top:14px}.button-group button{min-width:0;width:calc(32% - 4px);padding:8px;font-size:12px;border-radius:9px}.booktype-next-button{width:calc(100% - 10px);max-width:360px;padding:10px 12px;font-size:12px;margin:20px 15px}.modal{width:92%;padding:22px}.modal-buttons{gap:10px}.modal-buttons button{min-width:0;width:50%;padding:10px 12px;font-size:14px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000059;display:flex;justify-content:center;align-items:center;z-index:1000}.modal{background-color:#fff;padding:32px;border-radius:12px;max-width:400px;width:calc(100% - 10px);text-align:center;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;font-family:Noto Sans KR,sans-serif;color:#333}.modal p{margin:12px 0;font-size:15px;line-height:1.6}.modal-buttons{display:flex;justify-content:center;gap:12px;margin-top:24px}.modal-buttons button{padding:10px 20px;font-size:15px;border-radius:8px;cursor:pointer;min-width:100px;border:none;transition:background-color .2s ease}.modal-buttons button:first-child{background-color:#fff;border:1px solid #ccc;color:#333}.modal-buttons button:last-child{background-color:#7abf00;color:#fff}.modal-buttons button:last-child:hover{background-color:#6aad00}.author-name-page{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px;font-family:Noto Sans KR,sans-serif;color:#333;width:40%}.author-name-page h2{font-size:24px;font-weight:700;margin-bottom:32px}.author-input{padding:14px 16px;font-size:16px;border-radius:8px;border:1px solid #ccc;width:100%;max-width:320px;box-shadow:0 2px 6px #0000000a;transition:border-color .2s ease}.author-input:focus{outline:none;border-color:#7abf00}.error-message{color:red;font-size:14px;margin-top:12px}.next-button{margin-top:24px;padding:14px 28px;font-size:16px;font-weight:600;background-color:#7abf00;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease}.next-button:hover:not(:disabled){background-color:#6aad00}.next-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 1024px){.author-name-page{width:70%;padding:48px 16px}.author-name-page h2{font-size:22px;margin-bottom:24px}.author-input{max-width:360px}}@media (max-width: 480px){.author-name-page{width:100%;padding:32px 12px}.author-name-page h2{font-size:20px;margin-bottom:18px}.author-input{width:100%;max-width:100%;padding:12px 14px;font-size:15px}.next-button{width:100%;max-width:360px;padding:12px 18px;font-size:15px}.error-message{font-size:13px;margin-top:10px}}.level-page{text-align:center;padding:40px 20px;font-family:Noto Sans KR,sans-serif;color:#333}.level-page h2{font-size:24px;font-weight:700;margin-bottom:12px}.level-page p{font-size:16px;color:#555}.level-cards{display:flex;justify-content:center;gap:24px;margin-top:40px;flex-wrap:wrap}.card{border:2px solid #e0e0e0;border-radius:12px;width:280px;padding:24px;background-color:#fff;box-shadow:0 4px 12px #0000000d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;text-align:left}.card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #00000014}.card.selected{border-color:#7abf00;box-shadow:0 0 0 3px #7abf0033}.card .badge{display:inline-block;font-size:13px;font-weight:700;padding:4px 8px;border-radius:6px;margin-bottom:12px}.badge.basic{background-color:#e8f6dc;color:#7abf00}.badge.standard{background-color:#dceeff;color:#2196f3}.badge.advanced{background-color:#f3e8ff;color:#9b51e0}.card h3{font-size:18px;margin-bottom:12px;color:#333}.card ul{padding-left:16px;margin:0;font-size:14px;color:#555}.card ul li{margin-bottom:8px}.card-illustration{font-size:40px;text-align:center;margin-top:20px}.level-buttons{margin-top:36px;display:flex;justify-content:center;gap:16px}button.gray{background:#f0f0f0;color:#333;padding:12px 24px;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:background-color .2s ease}button.gray:hover{background-color:#e0e0e0}button.purple{background:#7abf00;color:#fff;padding:12px 24px;border:none;border-radius:10px;font-size:15px;cursor:pointer;transition:background-color .2s ease}button.purple:hover{background:#6aa800}.card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none;filter:grayscale(.2)}.card.disabled:hover{transform:none;box-shadow:0 4px 12px #0000000d}@media (max-width: 1024px){.level-page{padding:32px 16px}.level-page h2{font-size:22px}.level-page p{font-size:15px}.level-cards{gap:16px;margin-top:28px}.card{width:260px;padding:20px}.card-illustration{font-size:36px}.level-buttons{margin-top:28px;gap:12px;flex-wrap:wrap}button.gray,button.purple{padding:11px 20px;font-size:14px}}@media (max-width: 480px){.level-page{padding:24px 12px}.level-page h2{font-size:20px;margin-bottom:10px}.level-page p{font-size:14px}.level-cards{margin-top:20px;gap:12px}.card{width:100%;max-width:360px;padding:18px;text-align:left}.card h3{font-size:17px;margin-bottom:10px}.card ul{font-size:13px}.card-illustration{font-size:32px;margin-top:16px}.level-buttons{width:100%;max-width:360px;margin:22px auto 0;gap:10px}button.gray,button.purple{width:50%;padding:12px 0;font-size:12px;border-radius:10px}}.confirmskip-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmskip-modal-content{background-color:#fff;padding:28px 24px;border-radius:12px;max-width:400px;width:calc(100% - 10px);box-shadow:0 8px 24px #00000026;font-family:Noto Sans KR,sans-serif;text-align:center;box-sizing:border-box}.confirmskip-modal-content h2{font-size:18px;font-weight:700;color:#333}.confirmskip-modal-content p{font-size:14px;color:#555;line-height:1.6}.confirmskip-checkbox-container{display:flex;justify-content:center;align-items:center;font-size:14px;color:#444;gap:8px}.confirmskip-checkbox-container input{width:18px;height:18px;accent-color:#7abf00;cursor:pointer}.confirmskip-modal-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:20px}.confirmskip-modal-buttons button{flex:1;padding:10px 0;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;border:none;transition:background-color .2s}.confirmskip-modal-buttons button:first-child{background-color:#e9f5e1;color:#4c6b1c}.confirmskip-modal-buttons button:last-child{background-color:#7abf00;color:#fff}.confirmskip-modal-buttons button:disabled{background-color:#ccc;cursor:not-allowed}.request-page{display:flex;flex-direction:column;align-items:center;padding:60px 20px;max-width:960px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333}.request-page h2{font-size:1.5rem;font-weight:700;margin-bottom:12px}.request-page p{font-size:1rem;margin-bottom:24px;color:#555}.story-textarea{width:100%;max-width:800px;height:180px;padding:16px;font-size:1rem;border-radius:12px;border:1px solid #ccc;resize:vertical;background-color:#fff;box-shadow:0 2px 6px #0000000a;margin-bottom:20px}.example-text{max-width:800px;font-size:.95rem;color:#666;background-color:#f9f9f9;padding:16px;border-radius:10px;margin-bottom:32px;line-height:1.6}.generate-story-button{padding:14px 28px;font-size:1rem;font-weight:700;background-color:#7abf00;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 6px #00000014}.generate-story-button:hover:not(:disabled){background-color:#6aa300}.generate-story-button:disabled{background-color:#ccc;cursor:not-allowed}:root{--panel: #ffffff;--text: #333;--muted: #6b7280;--border: #e5e7eb;--primary: #7abf00;--primary-600: #6aa700;--primary-50: #f3fae9;--shadow-main: -4px 0 6px -2px rgba(0, 0, 0, .1), 8px 0 6px 2px rgba(0, 0, 0, .1), 0 -4px 6px -2px rgba(0, 0, 0, .1), 0 8px 6px 2px rgba(0, 0, 0, .1)}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:Noto Sans KR,sans-serif;color:var(--text);background:#fff;-webkit-font-smoothing:antialiased}.story-page{width:100%;padding:20px 0 40px}.story-container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:240px 1fr 360px;gap:20px;align-items:start}.story-left{position:sticky;top:20px;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-main)}.category-btn{all:unset;display:grid;align-items:center;gap:10px;padding:12px 14px;border-radius:10px;cursor:pointer;border:1px solid var(--border);background:var(--panel);transition:transform .06s ease,border-color .15s ease,background .15s ease;box-shadow:var(--shadow-main)}.category-btn:hover{transform:translateY(-1px);border-color:#d6d9e0}.category-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.category-btn.active{border-color:var(--primary);background:var(--primary)}.category-btn:disabled.active{border-color:var(--primary);background:var(--primary-50);color:var(--primary);opacity:1}.category-btn.done{border-color:#cfeab0;background:#f6fde9}.category-btn:disabled{opacity:.6;cursor:not-allowed}.step-index{width:26px;height:26px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--primary);border-radius:50%}.step-label{font-size:14px;font-weight:600}.step-status{font-size:12px;color:var(--primary-600);font-weight:700}.story-center{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-main)}.guide-title{font-size:20px;line-height:1.5;margin:0 0 4px}.story-input,.story-center textarea{width:100%;padding:14px 16px;border:1.2px solid var(--border);border-radius:10px;background:#fafafa;font-size:15px;line-height:1.6;color:var(--text);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.story-center textarea{min-height:140px;resize:vertical}.story-input::placeholder,.story-center textarea::placeholder{color:var(--muted)}.story-input:focus,.story-center textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #7abf002e;background:#fff}.confirm-btn{align-self:flex-start;padding:12px 18px;border-radius:10px;border:none;font-weight:700;background:var(--primary);color:#fff;cursor:pointer;transition:transform .06s ease,background .15s ease,box-shadow .15s ease;box-shadow:0 8px 20px #7abf0038}.confirm-btn:hover{background:var(--primary-600);transform:translateY(-1px)}.confirm-btn:active{transform:translateY(0)}.confirm-btn.disabled,.confirm-btn:disabled{background:#b8df76;box-shadow:none;cursor:not-allowed}.story-right{display:grid;grid-template-columns:1fr;gap:12px}.recommend-card{all:unset;display:block;padding:14px;background:var(--panel);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-main);transition:transform .08s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;line-height:1.45}.recommend-card:hover{transform:translateY(-2px);border-color:#d6d9e0}.recommend-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.recommend-card.selected{border-color:var(--primary);background:var(--primary-50);box-shadow:0 8px 20px #7abf0033}.story-right .recommend-card,.story-left .category-btn{-webkit-user-select:none;user-select:none}@media (max-width: 1024px){.story-container{grid-template-columns:1fr;gap:16px;padding:0 16px}.story-right{grid-column:1 / -1;grid-template-columns:repeat(2,1fr);margin-top:6px}.story-left{position:static;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;padding:10px;top:auto}.category-btn{width:100%;min-width:0;padding:10px 0;display:flex;align-items:center;justify-content:center;text-align:center}.step-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-status{display:none}.story-center{padding:18px}.guide-title{font-size:19px}}@media (max-width: 480px){.story-page{padding:14px 0 22px}.story-container{grid-template-columns:1fr;gap:12px;padding:0 12px}.story-left{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;overflow-x:visible}.category-btn{width:100%;padding:5px 0;display:flex;align-items:center;justify-content:center;text-align:center}.step-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-label{font-size:13px}.step-status{display:none}.story-center{padding:13px}.guide-title{font-size:15px}.story-input,.story-center textarea{padding:12px 14px;font-size:12px}.confirm-btn{width:100%;font-size:12px;align-self:stretch;padding:12px 16px}.story-right{grid-template-columns:1fr}.recommend-card{font-size:12px}}.recommend-card.focused{outline:3px solid #30862a;outline-offset:2px;transform:translateY(-1px)}.outline-page{padding:40px 20px;max-width:1200px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333;text-align:center}.outline-subtext{margin-top:8px;font-size:14px;color:#666}.outline-container{display:flex;justify-content:center;gap:40px;margin-top:40px;flex-wrap:wrap}.outline-left,.outline-right{background:#fff;border-radius:12px;padding:24px;width:500px;box-shadow:-4px 0 6px -2px #0000000d,8px 0 6px 2px #0000000d,0 -4px 6px -2px #0000000d,0 8px 6px 2px #0000000d;text-align:left}.outline-field{font-size:16px;margin-bottom:12px}.edit-button{margin-top:20px;background-color:#e3f2da;color:#7abf00;border:none;padding:10px 20px;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.edit-button:hover{background-color:#d0eebd}.outline-confirm-button{margin-top:24px;background-color:#7abf00;color:#fff;font-weight:700;padding:12px 20px;border:none;border-radius:8px;width:100%;cursor:pointer;transition:background-color .2s ease}.outline-confirm-button:hover{background-color:#66a700}.outline-selector,.language-selector{margin-top:24px;display:flex;justify-content:center;align-items:center;gap:12px}.outline-selector button,.language-selector button{background:#f0f0f0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer}.outline-selector span{font-weight:700;font-size:16px}h2{margin:0}@media (max-width: 1024px){.outline-page{padding:32px 16px}.outline-container{gap:24px}.outline-left,.outline-right{width:min(680px,100%);padding:20px}.outline-field,.outline-selector span{font-size:15px}}@media (max-width: 480px){.outline-page{padding:0 12px}.outline-container{gap:14px;margin-top:24px}.outline-left,.outline-right{width:100%;padding:16px;border-radius:10px}.outline-field{font-size:14px;margin-bottom:10px}.edit-button{width:100%;padding:12px 16px}.outline-confirm-button{padding:14px 16px}.outline-selector{gap:8px;flex-wrap:wrap}.outline-selector button{padding:10px 14px}.outline-selector span{font-size:14px}}.outline-edit-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:999}.outline-edit-modal-content{position:relative;background:#fff;border-radius:12px;padding:32px;width:600px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;gap:20px;font-family:Noto Sans KR,sans-serif}.outline-edit-modal-content h3{font-size:18px;font-weight:700;text-align:center;color:#333}.outline-edit-modal-textarea{width:100%;height:150px;font-size:15px;padding:14px;background-color:#f8fdf2;border:1px solid #cdeaa2;border-radius:8px;resize:none;box-sizing:border-box;color:#333;line-height:1.5}.outline-edit-modal-textarea::placeholder{color:#aaa}.outline-edit-modal-footer{display:flex;justify-content:space-between;align-items:center}.outline-edit-remaining-count{font-size:14px;color:#666}.outline-edit-submit-button{background-color:#7abf00;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:15px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center}.outline-edit-submit-button:disabled{background-color:#ddd;cursor:not-allowed}.spinner{border:2px solid #fff;border-top:2px solid #7abf00;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:spin .8s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.outline-edit-modal-close{position:absolute;top:-12px;right:-12px;width:28px;height:28px;font-size:16px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;background-color:#3330;margin:20px}.outline-edit-modal-close:hover{border:0px;position:absolute;top:-12px;right:-12px;width:28px;height:28px;font-size:16px;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;background-color:#3330;margin:20px}.plotconfirm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.plotconfirm-modal-content{width:calc(100% - 10px);max-width:420px;background-color:#fff;border-radius:12px;padding:28px 24px;box-shadow:0 10px 30px #0003;font-family:Noto Sans KR,sans-serif;text-align:center;box-sizing:border-box}.plotconfirm-modal-content h3{font-size:18px;font-weight:700;margin-bottom:12px;color:#333}.plotconfirm-modal-content p{font-size:14px;color:#444;margin-top:20px}.plotconfirm-warning-text{margin-top:20px;font-size:13px;color:#d32f2f}.plotconfirm-checkbox-label{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#555;margin-bottom:24px}.plotconfirm-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#7abf00;cursor:pointer}.plotconfirm-modal-buttons{display:flex;justify-content:center;gap:12px}.plotconfirm-plotSubmit-button,.plotconfirm-plotcancel-button{padding:10px 20px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s}.plotconfirm-plotSubmit-button{background-color:#7abf00;color:#fff}.plotconfirm-plotSubmit-button:disabled{background-color:#ccc;cursor:not-allowed}.plotconfirm-plotcancel-button{background-color:#fff;color:#7abf00;border:1.5px solid #7abf00}.plot-page{padding:40px 20px;font-family:Arial,sans-serif;background-color:#f9f9f9;min-height:100vh;display:flex;flex-direction:column;align-items:center}.plot-page h2{font-size:24px;font-weight:700;margin-bottom:12px;color:#333;text-align:center}.plot-subtext{font-size:16px;color:#666;margin-bottom:32px;text-align:center}.plot-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;max-width:1200px;width:100%;margin-bottom:48px}.plot-card{background-color:#fff;border-radius:12px;padding:20px;width:360px;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.plot-card:hover{transform:translateY(-4px)}.plot-number{font-weight:700;font-size:16px;color:#7abf00;margin-bottom:12px}.plot-content{font-size:15px;color:#333;line-height:1.6}.plot-footer{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-width:1024px;margin:24px 0 32px}.plot-footer-row{display:flex;justify-content:space-between;align-items:center}.plot-edit-button{background-color:#e5f4d1;border:1px solid #7ABF00;color:#4b7300;padding:10px 20px;border-radius:8px;font-size:15px;cursor:pointer;transition:background-color .2s}.plot-edit-button:hover{background-color:#d7edb1}.plot-use-button{background-color:#7abf00;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s}.plot-use-button:hover{background-color:#6da600}.plot-navigation-wrapper{display:flex;justify-content:center}.plot-navigation{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:500;color:#333}.plot-navigation button{background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:16px;transition:background-color .2s}.plot-navigation button:hover:enabled{background-color:#eee}.plot-navigation button:disabled{cursor:not-allowed;opacity:.5}.plot-content-en{font-size:15px;color:#333;line-height:1.6;font-weight:500;margin-bottom:6px}.plot-content-ko{font-size:14px;color:#555;line-height:1.6}.plot-content,.plot-content-en,.plot-content-ko{white-space:pre-line}@media (max-width: 1024px){.plot-page{padding:32px 16px}.plot-container{gap:16px;margin-bottom:36px}.plot-card{width:calc(50% - 16px);max-width:420px}.plot-footer{max-width:100%;padding:0 16px}.plot-footer-row{gap:12px}.plot-navigation{font-size:15px}}@media (max-width: 480px){.plot-page{padding:24px 12px}.plot-page h2{font-size:20px}.plot-subtext{font-size:14px;margin-bottom:20px}.plot-container{gap:12px;margin-bottom:24px}.plot-card{width:100%;max-width:100%;padding:16px;border-radius:10px}.plot-number{font-size:15px;margin-bottom:10px}.plot-content,.plot-content-en{font-size:14px}.plot-content-ko{font-size:13px}.plot-footer{padding:0 12px;margin:16px 0 24px;gap:12px}.plot-footer-row{flex-direction:row;align-items:stretch;gap:10px}.plot-edit-button,.plot-use-button{width:100%;padding:8px 16px;font-size:12px}.plot-navigation{gap:10px;font-size:14px}.plot-navigation button{padding:8px 12px;font-size:14px}}.plot-use-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.plot-use-modal{background-color:#fff;border-radius:12px;width:calc(100% - 10px);max-width:400px;padding:32px 24px 24px;text-align:center;position:relative;box-shadow:0 8px 20px #0000001a;font-family:Noto Sans KR,sans-serif}.plot-use-close-button{position:absolute;top:14px;right:18px;font-size:20px;cursor:pointer;background:none;border:none;color:#666}.plot-use-icon{font-size:40px;color:#7abf00;margin-bottom:16px}.plot-use-highlight{color:#7abf00;font-weight:700}.plot-use-subtext{font-size:14px;color:#555;margin:8px 0 24px}.plot-use-button-group{display:flex;justify-content:space-between;gap:12px}.plot-use-cancel-button{flex:1;background-color:#e9f5e1;border:none;color:#4c6b1c;padding:10px 0;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.plot-use-cancel-button:hover{background-color:#d8edcd}.plot-use-confirm-button{flex:1;background-color:#7abf00;color:#fff;padding:10px 0;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:background-color .2s}.plot-use-confirm-button:hover{background-color:#6da600}.plot-edit-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;display:flex;align-items:center;justify-content:center;z-index:9999}.plot-edit-modal{background:#fff;width:100%;max-width:500px;border-radius:16px;padding:32px 28px 24px;box-shadow:0 6px 24px #00000026;font-family:Noto Sans KR,sans-serif;position:relative;box-sizing:border-box}.plot-edit-modal h3{font-size:16px;font-weight:600;text-align:center;margin-bottom:16px;color:#333}.plot-edit-modal textarea{width:100%;height:160px;padding:16px;font-size:14px;line-height:1.6;border-radius:10px;background-color:#f8fff8;border:1px solid #ccc;resize:none;box-sizing:border-box;color:#333}.plot-edit-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.plot-edit-count-text{font-size:14px;color:#555}.plot-edit-submit-button{background-color:#7abf00;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.plot-edit-submit-button:hover{background-color:#6da600}.plot-edit-submit-button:disabled{background-color:#ccc;cursor:not-allowed}.plot-edit-close-button{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;color:#666;cursor:pointer}.edit-page{display:flex;flex-direction:column;align-items:center;max-width:1280px;margin:0 auto;padding:32px 24px;gap:32px;font-family:Pretendard,sans-serif;min-height:100vh;box-sizing:border-box}.edit-header-buttons{width:100%;display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.edit-content{display:flex;width:100%;gap:32px;padding:25px;border-radius:10px;border:1px solid #ccc}.edit-left{width:400px;display:flex;flex-direction:column;gap:16px}.edit-label{font-size:16px;font-weight:600;color:#333}.edit-title-textarea,.edit-subTitle-textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;font-size:15px;background-color:#fff;resize:none;box-shadow:0 1px 4px #0000000a;word-break:keep-all;overflow-wrap:break-word;height:50px;justify-content:center}.edit-summary-textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc;font-size:14px;background-color:#fff;resize:none;flex:1;min-height:200px;box-shadow:0 1px 4px #0000000a;line-height:1.6;word-break:keep-all;overflow-wrap:break-word}.edit-right{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto;max-height:calc(100vh - 200px);background-color:#fff;padding:25px;border-radius:10px;border:1px solid #ccc}.edit-plot-block{background-color:#fff;border:1px solid #ddd;border-radius:12px;padding:10px;box-shadow:0 2px 6px #0000000d;height:500px!important;word-break:keep-all;overflow-wrap:break-word}.edit-plot-number{font-size:18px;font-weight:700;margin-bottom:10px;color:#4b5563;border-bottom:1px solid #aaaaaa}.edit-plot-textarea{width:100%;border:none;font-size:16px;line-height:1.6;resize:none;outline:none;background-color:transparent;color:#333;height:150px;border-top:1px solid rgba(128,128,128,.164);border-radius:0}.edit-save-button{background-color:#edf5e3;color:#4a7c0f;padding:8px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;transition:background-color .2s}.edit-save-button:hover{background-color:#d2ebb1}.edit-next-button{background-color:#7abf00;color:#fff;padding:8px 16px;border:none;border-radius:8px;font-weight:600;cursor:pointer;font-size:14px;transition:background-color .2s}.edit-next-button:hover{background-color:#6da600}@media (max-width: 1024px){.edit-page{padding:28px 16px;gap:24px}.edit-header-buttons{justify-content:flex-end;gap:10px}.edit-content{gap:20px;padding:16px}.edit-left{width:320px}.edit-right{padding:16px;max-height:calc(100vh - 220px)}.edit-plot-block{height:460px!important}.edit-plot-textarea{font-size:15px}}@media (max-width: 480px){.edit-page{padding:0 12px;gap:18px}.edit-header-buttons{justify-content:stretch;width:100%;gap:8px}.edit-save-button,.edit-next-button{width:100%;padding:10px 0;font-size:12px}.edit-content{flex-direction:column;gap:14px;padding:12px}.edit-left{width:100%;gap:12px}.edit-label{font-size:15px}.edit-title-textarea{height:46px;font-size:14px;padding:10px}.edit-summary-textarea{min-height:160px;font-size:13px;padding:10px}.edit-right{width:100%;padding:12px;max-height:none;overflow-y:visible}.edit-plot-block{height:auto!important;padding:10px}.edit-plot-number{font-size:16px}.edit-plot-textarea{font-size:14px;height:180px}}.bookedit-wrapper{display:block;flex-direction:column;justify-content:center;max-width:1500px;align-items:center;height:100vh;min-height:600px;background-color:#f8f8fc;position:relative;width:100%;overflow:auto}.guide-message{position:absolute;top:10%;left:50%;transform:translate(-50%);background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 12px #0000001a;font-size:16px;color:#333;z-index:1000;width:80%;max-width:600px;min-width:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.guide-message button{margin-top:20px;padding:8px 16px;background-color:#7abf00;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s;display:block;width:25%;text-align:center}.gallery-link,.mybook-link{margin:0 8px;color:#7abf00;font-weight:500;text-decoration:none}@media (max-width: 1024px){.gallery-link,.mybook-link{justify-content:flex-start;gap:8px;font-size:14px;flex-wrap:wrap}}@media (max-width: 480px){.gallery-link,.mybook-link{justify-content:flex-start;gap:8px;font-size:14px;flex-wrap:wrap}}@media (max-width: 1024px){.guide-message{top:12%;font-size:14px;padding:15px}}@media (max-width: 480px){.guide-message{top:15%;font-size:12px;padding:10px;width:90%}.header-actions2{justify-content:space-between;margin-left:0!important}.header-actions{width:100%;justify-content:end;margin-right:0!important}}.bookedit-header{position:relative;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:clamp(5px,1vw,12px) clamp(10px,2vw,20px);background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 4px #0000000d}.header-logo{height:32px}.header-actions2{display:flex;gap:clamp(4px,4vw,100px);margin-left:clamp(10px,3vw,40px);height:46.22px;align-items:center}.header-button{padding:clamp(4px,1vh,6px) clamp(10px,3vw,14px);background:#f8f8f8;border-radius:6px;cursor:pointer;font-size:clamp(10px,1vw,14px)}.header-actions{display:flex;gap:clamp(4px,1vw,10px);margin-right:clamp(10px,3vw,40px)}.header-button-purple.clean{background:#bdbdbd;cursor:not-allowed}.header-button-purple.dirty{background:#7abf00}.header-button-purple{background:#7abf00;color:#fff;border:none;font-size:clamp(10px,1vw,14px)}.header-button-purple.disabled,.header-button-purple:disabled{background-color:#ccc;cursor:not-allowed;color:#666}.bookedit-book{aspect-ratio:1500 / 750;width:100%;max-width:1500px;height:auto;max-height:750px;box-shadow:0 0 8px #0000001a;background:#fff;display:flex;flex-direction:row;border:1px solid hsla(0,0%,0%,.411);position:relative}.page-corner-tag{position:absolute;transform:translate(-50%);padding:4px 8px;bottom:-35px;margin:4px;font-size:12px;border-radius:6px;background:#0000008c;color:#fff;z-index:10}.page-corner-tag.left{left:25%}.page-corner-tag.right{left:75%}.logo-image{width:clamp(40px,6vw,96px);position:absolute;bottom:clamp(8px,3vh,20px);left:50%;transform:translate(-50%)}.cover-text-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:nowrap!important;white-space:nowrap;overflow-x:auto;left:50%;gap:6px;padding:6px 10px;background:#000000d9;border-radius:6px;color:#fff;z-index:10000;max-width:90vw;width:auto;font-size:13px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent;-webkit-overflow-scrolling:touch;box-shadow:0 3px 10px #00000040}.cover-text-toolbar::-webkit-scrollbar{height:4px}.cover-text-toolbar::-webkit-scrollbar-track{background:transparent;margin:6px}.cover-text-toolbar::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:10px;cursor:pointer}.cover-text-toolbar::-webkit-scrollbar-thumb:hover{background-color:#fff9}.cover-text-toolbar>*{flex-shrink:0;margin:0}.cover-text-toolbar button{height:36px;min-width:50px;padding:0 10px;cursor:pointer;background:#444;border:1px solid #666;border-radius:4px;color:#fff;font-size:13px;font-weight:500;transition:background .2s}.cover-text-toolbar button:hover{background:#555}.cover-text-toolbar select{height:36px;width:160px;padding-left:6px;background:#333;color:#fff;border:1px solid #666;border-radius:4px;font-size:13px;cursor:pointer}.cover-text-toolbar input[type=text],.cover-text-toolbar input[type=number]{width:55px;height:36px;text-align:center;background:#333;color:#fff;border:1px solid #666;border-radius:4px;font-size:13px}.cover-text-toolbar input[type=color]{width:36px;height:36px;padding:0;border:none;background:none;cursor:pointer}.cover-text-toolbar-span{font-weight:700;color:#ddd;margin-right:8px;font-size:13px}.cover-text-toolbar label{display:flex;align-items:center;gap:4px;font-size:13px;margin-left:8px}@media (max-width: 1024px){.cover-text-toolbar{padding:5px 8px;gap:5px}.cover-text-toolbar button{height:32px;min-width:45px;font-size:12px;padding:0 8px}.cover-text-toolbar select{height:32px;width:130px;font-size:12px}.cover-text-toolbar input[type=text],.cover-text-toolbar input[type=number]{height:32px;width:45px;font-size:12px}.cover-text-toolbar input[type=color]{height:32px;width:32px}.cover-text-toolbar label{font-size:12px;margin-left:6px}}@media (max-width: 480px){.cover-text-toolbar{padding:4px 6px;gap:4px;max-width:96vw;border-radius:16px}.cover-text-toolbar button{height:28px;min-width:40px;font-size:11px;padding:0 6px;border-radius:4px}.cover-text-toolbar select{height:28px;width:100px;font-size:11px}.cover-text-toolbar input[type=text],.cover-text-toolbar input[type=number]{height:28px;width:40px;font-size:11px}.cover-text-toolbar input[type=color]{height:28px;width:28px;border-radius:50%}.cover-text-toolbar-span{font-size:11px;margin-right:4px}.cover-text-toolbar label{font-size:10px;margin-left:4px;gap:2px}.cover-text-toolbar::-webkit-scrollbar{display:none}}.cover-text{position:relative;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:end;align-items:center;color:#fff;text-align:left;text-shadow:0 2px 6px rgba(0,0,0,.7);pointer-events:none;overflow:hidden}.cover-title,.cover-subTitle,.cover-author{display:inline-block;width:fit-content;max-width:100%;overflow:visible!important;vertical-align:middle;line-height:1.2}.display-text{display:inline-block;white-space:nowrap;padding:0;margin:0;line-height:inherit;vertical-align:baseline}.cover-author{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1.2;pointer-events:auto}.front-cover{position:relative;width:100%;height:100%;overflow:hidden}.front-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.cover-title,.cover-subTitle,.cover-author{touch-action:none;-webkit-user-select:none;user-select:none}.front-image-wrapper img,.front-image{-webkit-user-drag:none}.book-page{width:50%;height:100%;box-sizing:border-box;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.book-page.left,.book-page.right{width:750px}.book-page.left{border-right:1px solid hsla(0,0%,0%,.411)}.book-page.right{border-left:1px solid hsla(0,0%,0%,.411)}.edit-footer{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(0,0,0,.12);box-shadow:0 -10px 30px #00000024;z-index:50}.bookedit-nav{width:56px;height:56px;padding:0;border-radius:999px;background:#ffffff1a;border:2px solid rgba(0,0,0,.5);box-shadow:0 10px 25px #00000080;color:#000000b8;font-size:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease;z-index:10;-webkit-tap-highlight-color:transparent}.bookedit-nav{position:static;transform:none}.bookedit-nav:hover{background:#ffffff2e;box-shadow:0 14px 32px #00000059}.bookedit-nav:active{transform:scale(.96)}.bookedit-nav:disabled{opacity:.35;cursor:not-allowed}.bookedit-nav:focus,.bookedit-nav:focus-visible{outline:none!important}.page-indicator{font-size:29px;color:#0000008c;font-weight:600;padding:6px 10px;border-radius:999px;width:150px;background:#0000000a}@media (max-width: 1024px){.bookedit-nav{width:40px;height:40px;font-size:30px}.viewer-nav-icon{transform:translateY(-4px)}.page-indicator{font-size:19px;color:#0000008c;font-weight:600;padding:6px 10px;border-radius:999px;width:150px;background:#0000000a}}@media (max-width: 480px){.eidt-footer{gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.bookedit-nav{width:30px;height:30px;font-size:18px;background:#ffffff24;border:2px solid rgba(0,0,0,.55);box-shadow:0 10px 22px #00000073}.viewer-nav-icon{transform:translateY(-2px)}.page-indicator{font-size:14px;color:#0000008c;font-weight:600;padding:6px 10px;border-radius:999px;width:100px;background:#0000000a}}@media (max-width: 480px){.page-corner-tag{width:fit-content;position:relative;bottom:0;left:48.5%!important;transform:translate(-50%)!important;padding:4px 8px;margin:4px;font-size:12px;border-radius:6px;background:#0000008c;color:#fff;z-index:10}.bookedit-wrapper{min-height:250VW}.bookedit-book{flex-direction:column;width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:auto}.book-page{width:100%;height:auto;flex:0 0 auto;aspect-ratio:1 / 1}.book-page.left,.book-page.right{width:100%}.book-page.left{border-right:none;border-bottom:1px solid hsla(0,0%,0%,.411)}.book-page.right{border-left:none;border-top:1px solid hsla(0,0%,0%,.411);border-bottom:1px solid hsla(0,0%,0%,.411)}}.back-cover{width:100%;height:100%;text-align:center}.front-image{width:100%;height:100%;object-fit:cover;display:block}.back-image{display:flex;flex-direction:column;height:50%;box-sizing:border-box;margin-top:30px}.info-image{display:flex;flex-direction:column;height:50%;box-sizing:border-box;margin-top:20px;transition:transform .25s ease,box-shadow .25s ease}.normal-image-wrapper{display:flex;justify-content:center;align-items:center;width:92.9%;height:92.9%}.image-wrapper{width:100%;height:100%}.normal-image{width:92.9%;height:92.9%;object-fit:cover;object-position:center;position:absolute;z-index:0;transition:transform .25s ease,box-shadow .25s ease}.normal-image:hover,.back-image:hover,.info-image:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.plot-text{width:90%;height:90%;font-family:Noto Sans KR,sans-serif;font-weight:400;font-size:22px;line-height:35px;color:#000;display:flex;justify-content:center;align-items:center;text-align:center;box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;flex-direction:column;gap:8px;white-space:pre-line;transition:transform .25s ease,box-shadow .25s ease}.plot-text:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.plot-text-en{font-family:inherit;margin-bottom:40px}.plot-text-ko{font-family:inherit}.plot-text .plot-text-en,.plot-text .plot-text-ko{width:90%;max-width:90%;-webkit-hyphens:none;hyphens:none}.non-print{font-size:clamp(5px,1vw,16px);color:#999;text-align:center}info-page{--scale: 1;width:90%;height:100%;color:#333;display:flex;flex-direction:column;justify-content:space-between;line-height:calc(1.6 * var(--scale))}.info-title{font-size:calc(18px * var(--scale));font-weight:700;margin:calc(20px * var(--scale)) 0 0 0;padding-left:calc(20px * var(--scale))}.info-subTitle{font-size:calc(18px * var(--scale));font-weight:700;padding-left:calc(20px * var(--scale))}.info-class{margin-bottom:calc(12px * var(--scale));color:#666;font-size:calc(14px * var(--scale));padding-left:calc(20px * var(--scale))}.info-meta{margin-bottom:calc(12px * var(--scale));font-size:calc(14px * var(--scale));padding-left:calc(20px * var(--scale))}.info-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 calc(20px * var(--scale));box-sizing:border-box;font-size:calc(12px * var(--scale));color:#888}.info-logo{padding-top:calc(20px * var(--scale));width:calc(70px * var(--scale));height:auto;margin:calc(4px * var(--scale)) auto 0 auto;display:block}.info-bottom{margin-bottom:calc(24px * var(--scale))}.pdf-export .info-title{font-size:18px;font-weight:700;margin:30px 0 4px;padding-left:20px}.pdf-export .info-subTitle{font-size:18px;font-weight:700;margin:0;padding-left:20px}.pdf-export .info-class{margin-bottom:12px;color:#666;font-size:14px;padding-left:20px}.pdf-export .info-meta{margin-bottom:12px;line-height:1.6;font-size:14px;padding-left:20px}.pdf-export .info-footer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 20px;box-sizing:border-box;font-size:12px;color:#888}.pdf-export .info-footer-left{display:flex;flex-direction:column;align-items:flex-start;color:#555}.pdf-export .info-footer-right{display:flex;flex-direction:column;align-items:flex-end;color:#555;text-align:right}.pdf-export .info-logo{padding-top:35px;width:80px;height:auto;margin:4px auto 0;display:block}.pdf-export .info-bottom{margin-bottom:40px}.bookedit-loading{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner{width:36px;height:36px;border:4px solid #ddd;border-top:4px solid #7abf00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.disabled-image{pointer-events:none;cursor:default}.pdf-export,.pdf-export .bookedit-book{display:flex!important;flex-direction:row!important;border:0!important;box-shadow:0 0 8px #0000001a!important;background:#fff!important;font-family:Noto Sans KR,sans-serif!important;position:relative!important}.pdf-export .book-page{width:750px!important;height:750px!important;box-sizing:border-box!important;position:relative!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;overflow:hidden!important;padding:0!important;background:#fff!important}.pdf-export .book-page.left{border-right:1px solid #aaa!important}.pdf-export .book-page.right{border-left:1px solid #aaa!important;border-top:0!important}.pdf-export .image-wrapper{width:100%!important;height:100%!important}.pdf-export .info-image-wrapper{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.pdf-export .info-image{width:50%!important;height:50%!important;object-fit:contain!important;object-position:center!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.pdf-export .image-wrapper{width:100%!important;height:100%!important;position:relative!important}.pdf-export .normal-image-wrapper{position:relative!important;width:92.9%!important;height:92.9%!important;overflow:hidden!important;display:flex!important;justify-content:center!important;align-items:center!important}.pdf-export .normal-image{position:absolute!important;top:0!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center!important;z-index:0!important}.a4-export{background:#fff!important;position:relative!important}.a4-pad{width:100%!important;height:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.a4-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important}.a4-zone{border-radius:2mm!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;background:#fff!important}.a4-zone .print-fit{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important}.a4-export .info-page{width:100%!important;height:100%!important;color:#333!important;line-height:1.8!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;box-sizing:border-box!important;position:relative!important;align-items:stretch!important;overflow:hidden!important;margin-top:0!important}.a4-export .info-image-wrapper{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.a4-export .info-image{width:50%!important;height:auto!important;object-fit:contain!important;object-position:center!important;display:block!important;margin-left:auto!important;margin-right:auto!important;margin-top:0!important}.a4-export .info-top .info-title{font-size:10.44px!important;font-weight:7406!important;margin:17.4px 0 2.32px!important;padding-left:11.6px!important}.a4-export .info-top .info-class{margin-bottom:6.96px!important;color:#666!important;font-size:8.12px!important;padding-left:11.6px!important}.a4-export .info-top .info-meta{margin-bottom:6.96px!important;line-height:1.6!important;color:#666!important;font-size:8.12px!important;padding-left:11.6px!important}.a4-export .info-bottom{margin-bottom:15px!important;display:block!important}.a4-export .info-bottom .info-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:0 11.6px!important;box-sizing:border-box!important;font-size:8px!important;color:#888!important}.a4-export .info-bottom .info-footer .info-footer-left{display:flex!important;flex-direction:column!important;align-items:flex-start!important;color:#555!important}.a4-export .info-bottom .info-footer .info-footer-right{display:flex!important;flex-direction:column!important;align-items:flex-end!important;color:#555!important;text-align:right!important}.a4-export .info-bottom .info-logo{padding-top:20.3px!important;width:40px!important;height:auto!important;margin:2.32px auto 0!important;display:block!important}.a4-export .front-cover{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important}.a4-export .front-image-wrapper{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}.a4-export .front-image{position:absolute!important;top:50%!important;left:50%!important;width:100%!important;height:auto!important;transform:translate(-25%,-25%)!important;object-fit:cover!important;object-position:center center!important}.a4-export .cover-text{height:20%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.a4-export .cover-text .cover-title{font-size:16px!important;margin-bottom:8px!important}.a4-export .cover-text .cover-author{font-size:10px!important}.a4-export .plot-text{width:100%!important;height:100%!important;font-family:Noto Sans KR,sans-serif!important;font-weight:400!important;font-size:10.9px!important;line-height:20.3px!important;letter-spacing:0!important;color:#000!important;display:flex!important;justify-content:center!important;align-items:center!important;text-align:center!important;box-sizing:border-box!important;word-break:keep-all!important;overflow-wrap:break-word!important;flex-direction:column!important;gap:4px!important;white-space:pre-line!important}.a4-export .plot-text-en{font-family:inherit!important;margin-bottom:12px}.a4-export .plot-text-ko{font-family:inherit!important}.a4-export .plot-text .plot-text-en,.a4-export .plot-text .plot-text-ko{width:96%!important;max-width:96%!important;-webkit-hyphens:none!important;hyphens:none!important}.a4-export .image-page{width:100%!important;height:100%!important;display:flex!important}.a4-export .normal-image-wrapper{position:relative!important;width:100%!important;height:100%!important;overflow:hidden!important}.a4-export .image-wrapper{width:100%!important;height:100%!important;position:relative!important}.a4-export .normal-image{position:absolute!important;top:0!important;width:100%!important;height:auto!important;object-fit:cover!important;object-position:center!important;z-index:0!important}.plot-text.thin{font-weight:300!important}.plot-text.bold{font-weight:500!important}.plot-text.align-left{text-align:left!important}.plot-text.align-center{text-align:center!important}.plot-text.align-right{text-align:right!important}.plot-text.align-justify{text-align:justify!important;text-align-last:center!important}.a4-export .plot-text.small{font-size:8.92px!important}.a4-export .plot-text.large{font-size:12.88px!important}.a4-export .plot-text.thin{font-weight:300!important}.a4-export .plot-text.bold{font-weight:500!important}.a4-export .plot-text.align-left{text-align:left!important}.a4-export .plot-text.align-center{text-align:center!important}.a4-export .plot-text.align-right{text-align:right!important}.a4-export .plot-text.align-justify{text-align:justify!important;text-align-last:center!important}.pdf-export .plot-text,.a4-export .plot-text{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;margin:0 auto!important;white-space:pre-line!important}.pdf-export .book-page.right,.a4-export .a4-zone .print-fit{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.pdf-export .plot-text-en,.pdf-export .plot-text-ko,.a4-export .plot-text-en,.a4-export .plot-text-ko{display:block!important}.a4-export .a4-zone .info-page.print-fit{justify-content:space-between!important;align-items:stretch!important}.survey-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:99999;animation:fadeIn .3s ease-out}.survey-modal{background:#fff;padding:40px 50px;border-radius:15px;width:90%;max-width:650px;position:relative;box-shadow:0 10px 25px #0003;text-align:left;max-height:90vh;overflow-y:auto}.survey-close-btn{position:absolute;top:15px;right:20px;background:none;border:none;font-size:28px;cursor:pointer;color:#bbb;transition:color .2s}.survey-close-btn:hover{color:#333}.survey-title{font-size:20px;font-weight:600;color:#55b768;margin-bottom:30px;display:flex;align-items:flex-start;gap:8px;word-break:keep-all;line-height:1.4}.survey-title span{font-size:28px;font-weight:700;color:#55b768;line-height:1;margin-top:-3px}.survey-options{display:flex;justify-content:space-between;margin-bottom:40px;gap:20px}.survey-column{display:flex;flex-direction:column;gap:18px;flex:1}.survey-label{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#555;font-weight:500}.survey-label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex-shrink:0;width:22px;height:22px;border:2px solid #ccc;border-radius:50%;margin-right:12px;position:relative;cursor:pointer;outline:none}.survey-label input[type=radio]:checked{border-color:#55b768}.survey-label input[type=radio]:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#55b768;border-radius:50%}.survey-label:hover span{color:#333}.survey-actions{text-align:center}.survey-submit-btn{background-color:#55b768;color:#fff;border:none;padding:12px 50px;font-size:16px;font-weight:700;border-radius:30px;cursor:pointer;transition:background .2s,transform .1s;box-shadow:0 4px 6px #0000001a;white-space:nowrap}.survey-submit-btn:hover{background-color:#449e56}.survey-submit-btn:active{transform:scale(.98)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.survey-modal{padding:35px 30px}.survey-title{font-size:18px}.survey-title span{font-size:24px}.survey-label{font-size:15px}}@media (max-width: 480px){.survey-modal{padding:30px 20px;width:95%}.survey-close-btn{top:10px;right:15px;font-size:24px}.survey-title{font-size:17px;margin-bottom:25px}.survey-title span{font-size:22px}.survey-options{flex-direction:column;gap:15px;margin-bottom:30px}.survey-column{gap:15px}.survey-label{font-size:14px}.survey-label input[type=radio]{width:20px;height:20px;margin-right:10px}.survey-label input[type=radio]:checked:after{width:10px;height:10px}.survey-submit-btn{width:100%;padding:12px 0;font-size:15px}}.ai-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.ai-modal{background-color:#fff;border-radius:16px;width:100%;max-width:520px;padding:28px 32px;box-shadow:0 8px 20px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:20px;font-family:Noto Sans KR,sans-serif;position:relative}.ai-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:20px;color:#888;cursor:pointer}.ai-modal h3{font-size:16px;font-weight:700;text-align:center;color:#333;margin:0 0 12px}.drawing-style-row{display:flex;justify-content:center;align-items:center;gap:12px;font-size:14px;color:#444;flex-direction:column;gap:6px}.drawing-style-button-group{display:flex;flex-wrap:wrap;gap:8px}.drawing-style-button.drawing-style-button-active,.drawing-style-button.drawing-style-button-active:hover,.drawing-style-button:hover{border-color:#7abf00;background:#7abf00;color:#fff;font-weight:600}.drawing-style-button{background-color:#e9f5e1;color:#4c6b1c;border:1.5px solid #d4e6c4;border-radius:10px;padding:6px 14px;font-weight:600;font-size:13px;cursor:pointer;transition:background-color .2s}.prompt-textarea{width:100%;height:160px;font-size:14px;padding:12px;border-radius:10px;border:1.5px solid #d2d8dd;resize:none;background-color:#f9fafb;color:#333;box-sizing:border-box;line-height:1.6}.image-options-row{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-top:8px;padding-bottom:8px;scroll-behavior:smooth}.image-option-card{flex-shrink:0;height:80px;object-fit:cover;cursor:pointer}.image-option-card:hover{transform:scale(1.05);border-color:#7abf00}.ai-modal-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.upload-button{background:none;border:none;color:#7abf00;font-size:14px;cursor:pointer;text-decoration:underline;padding:0}.generate-button{background-color:#7abf00;color:#fff;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.generate-button:hover{background-color:#6da600}.generate-button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width: 1024px){.ai-modal h3{font-size:14px}.drawing-style-row,.drawing-style-button,.prompt-textarea{font-size:12px}.generate-button{font-size:12px;padding:8px 16px}.image-option-card{width:70px;height:70px}}@media (max-width: 480px){.ai-modal{padding:16px 18px;max-width:90%}.ai-modal h3{font-size:12px}.drawing-style-row{font-size:10px}.drawing-style-button{font-size:10px;padding:4px 8px}.prompt-textarea{font-size:10px}.generate-button{font-size:10px;padding:6px 12px}.image-option-card{width:60px;height:60px}.ai-modal-close{font-size:18px}}.style-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.style-modal{background:#fff;border-radius:12px;padding:28px 32px;width:100%;max-width:1300px;max-height:90vh;height:auto;position:relative;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;font-family:Noto Sans KR,sans-serif;overflow-y:auto}.close-button{position:absolute;top:16px;right:20px;background:none;border:none;font-size:22px;cursor:pointer;color:#666}.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:32px}.style-option{text-align:center;cursor:pointer;border-radius:12px;padding:10px;border:2px solid transparent;transition:border .2s ease-in-out,background-color .2s ease-in-out}.style-option.selected{border:2px solid #7abf00;background-color:#f1f9ec}.style-thumbnail{background:#f0f0f0;border-radius:8px;height:auto;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;margin-bottom:8px;overflow:hidden}.style-thumbnail img{width:100%;height:100%;object-fit:cover;border-radius:6px}.apply-button{margin-top:24px;background:#7abf00;color:#fff;padding:12px 24px;border-radius:8px;border:none;cursor:pointer;font-weight:600;font-size:15px;display:block;margin-left:auto;margin-right:auto;transition:background-color .2s}.apply-button:hover{background:#6aa900}@media (max-width: 1024px){.style-modal{max-width:90%;padding:20px 24px;height:auto}.style-grid{grid-template-columns:repeat(3,1fr)}.apply-button{font-size:14px;padding:10px 20px}}@media (max-width: 480px){.style-modal{max-width:90%;padding:16px 18px;height:auto}.style-grid{grid-template-columns:repeat(2,1fr)}.apply-button{font-size:12px;padding:8px 16px}}.email-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.email-modal{background:#fff;width:480px;max-width:92vw;max-height:calc(100vh - 40px);overflow:auto;padding:24px 24px 20px;border-radius:14px;box-shadow:0 18px 40px #0000002e;font-family:Noto Sans KR,sans-serif;box-sizing:border-box;-webkit-overflow-scrolling:touch}.email-modal-title{margin:0 0 4px;font-size:26px;font-weight:700;color:#111827;word-break:keep-all;overflow-wrap:anywhere}.email-modal-sub{margin:0;font-size:18px;color:#000;word-break:keep-all;overflow-wrap:anywhere}.email-modal-body input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;color:#111827;background:#fff;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.email-modal-actions{display:flex;justify-content:center;gap:8px;margin-top:16px;flex-wrap:wrap}@media (max-width: 1024px){.email-modal-backdrop{padding:16px}.email-modal{width:min(520px,94vw);padding:22px 20px 18px;border-radius:13px}.email-modal-title{font-size:24px}.email-modal-sub{font-size:16px}}@media (max-width: 480px){.email-modal-backdrop{padding:12px}.email-modal{width:100%;max-width:100%;padding:18px 16px 16px;border-radius:12px}.email-modal-title{font-size:22px}.email-modal-sub{font-size:15px}.email-modal-actions{gap:10px}.btn{min-width:120px;padding:10px 14px}}@media (max-height: 520px){.email-modal{max-height:calc(100vh - 24px)}}.bc_book-complete-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000008c;display:flex;justify-content:center;align-items:center;z-index:2000}.bc_book-complete-modal{background:#fff;border-radius:16px;padding:32px 28px;width:420px;max-width:90%;text-align:center;box-shadow:0 10px 25px #00000040;animation:fadeInUp .35s ease}.bc_modal-title{font-size:1.4rem;font-weight:700;margin-bottom:16px;color:#333}.bc_modal-message{font-size:1rem;line-height:1.6;color:#555;margin-bottom:24px}.bc_confirm-button{background:#7abf00;color:#fff;font-size:1rem;font-weight:600;padding:10px 22px;border:none;border-radius:8px;cursor:pointer;transition:background .25s ease}.bc_confirm-button:hover{background:#568801}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tsm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16182359;display:flex;align-items:center;justify-content:center;z-index:1200;overflow:auto}.tsm-modal{width:min(680px,92vw);background:#fff;border-radius:16px;box-shadow:0 12px 40px #0000002e;border:1px solid #eee}.tsm-header{padding:16px 20px;border-bottom:1px solid #eee}.tsm-header h3{margin:0;font-size:18px;font-weight:700}.tsm-body{padding:16px 20px 8px;display:grid;gap:14px}.tsm-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:14px}.tsm-label{color:#333;font-size:14px}.tsm-select{width:100%;height:38px;padding:0 12px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff}.tsm-seg{display:inline-flex;gap:6px}.tsm-seg-btn{height:34px;padding:0 12px;border:1px solid #d6d6d6;background:#f8f8f8;border-radius:8px;font-size:13px;cursor:pointer;color:#666}.tsm-seg-btn:hover{color:#111827;background:#f9fafb;border-color:#cef094}.tsm-seg-btn.active{background:#f0fbed;border-color:#7abf00;color:#7abf00;font-weight:600}.material-symbols-outlined.tsm-mi{font-family:Material Symbols Outlined;font-variation-settings:"FILL" 0;font-size:20px;line-height:1}.tsm-icon-group{display:inline-flex;gap:6px}.tsm-icon-btn{color:#666;border:1px solid #d6d6d6;background:#f8f8f8;width:49.92px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.tsm-icon-btn:hover{color:#111827;background:#f9fafb;border-color:#cef094}.tsm-icon-btn.active{background:#f0fbed;border-color:#7abf00;color:#7abf00}.tsm-preview{border:1px dashed #ddd;border-radius:12px;padding:14px 16px;color:#333;background:#fafafa;height:55px}.tsm-footer{padding:14px 20px 18px;display:flex;justify-content:center;gap:10px;border-top:1px solid #eee}.tsm-btn{min-width:120px;height:38px;border-radius:10px;border:1px solid #d6d6d6;background:#f8f8f8;font-size:14px;cursor:pointer}.tsm-btn.ghost:hover{background:#f1f1f1}.tsm-btn.primary{background:#7abf00;border-color:#7abf00;color:#fff;font-weight:600}.tsm-btn.primary:hover{filter:brightness(.95)}@media (max-width: 1024px){.tsm-header{padding:6px 8px;font-size:14px}.tsm-header h3{font-size:14px}.tsm-body{padding:7px;gap:3px}.tsm-select{font-size:1px}.tsm-seg-btn{font-size:10px}.tsm-footer{flex-direction:row;padding:3px}.tsm-btn{width:100%}}@media (max-width: 480px){.tsm-modal{padding:8px}.tsm-header{padding:10px;font-size:14px}.tsm-header h3{font-size:14px}.tsm-body{padding:12px}.tsm-row{grid-template-columns:1fr}.tsm-select{font-size:12px}.tsm-seg-btn{font-size:11px;padding:8px}.tsm-footer{flex-direction:column;padding:8px}.tsm-btn{width:100%;padding:12px;font-size:12px}}.plottext-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9990}.plottext-modal{width:90%;max-width:1040px;height:auto;background:#fff;border-radius:16px;box-shadow:0 10px 30px #00000040;display:flex;flex-direction:column;overflow:hidden;max-height:90vh}.plottext-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #e7e7e7}.plottext-title{font-size:20px;font-weight:600}.plottext-close{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer}.plottext-body.single{display:flex;grid-template-columns:1fr;gap:18px;padding:16px;overflow:auto;justify-items:center;justify-content:center}.plottext-pane{min-height:440px}.plottext-pane.preview{display:flex;align-items:flex-start;justify-content:center;width:100%;max-width:750px;height:auto;min-height:300px;border:1px solid #cac8c8;background:#fff;overflow:auto}.plottext-rightpage{background:#fff;width:100%;max-width:92.9%;height:auto;display:flex;align-items:center;justify-content:center;padding:10px;overflow:auto}.plottext-rightpage .plot-text2{width:100%;max-width:96%;font-size:22px;font-weight:400;color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;white-space:pre-wrap;word-break:keep-all;line-height:35px}.plottext-editable{outline:none;min-height:1.4em;cursor:text;padding:0 2px}.plottext-editable:focus{box-shadow:inset 0 -2px #7abf00e6}.plottext-actions{display:flex;flex-direction:column;gap:20px;margin-top:8px}.plottext-btn{width:200px;padding:10px 14px;border-radius:10px;border:1px solid #ddd;background:#f9fafb;cursor:pointer;font-weight:600}.plottext-btn.primary{background:#7abf00;color:#fff;border-color:#7abf00}.plottext-btn:disabled{opacity:.6;cursor:not-allowed}.plot-text2:hover{transform:scale(1)!important;box-shadow:0 0 #0000!important}.book-page2{border-left:0!important}@media (max-width: 1024px){.plottext-modal{width:95%;height:auto}.plottext-header{padding:10px;font-size:18px}.plottext-title{font-size:18px}.plottext-close{font-size:20px}.plottext-body.single{flex-direction:column;padding:12px}.plottext-btn{width:100%}.plottext-rightpage{width:100%;height:auto}.plottext-rightpage .plot-text2{font-size:18px;gap:5px}}@media (max-width: 480px){.plottext-modal{width:100%;height:auto;padding:10px}.plottext-header{padding:10px 12px;font-size:16px}.plottext-title{font-size:16px}.plottext-close{font-size:18px}.plottext-btn{width:100%;padding:12px;font-size:14px}.plottext-body.single{padding:10px}.plottext-rightpage{width:100%;padding:10px}.plottext-rightpage .plot-text2{font-size:16px;gap:5px}}.char-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:clamp(10px,3vw,16px)}.char-modal{width:min(860px,100%);max-height:80vh;overflow:hidden;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000040;display:flex;flex-direction:column}.char-modal-header{display:flex;align-items:center;justify-content:space-between;padding:clamp(10px,2.8vw,14px) clamp(12px,3vw,16px);border-bottom:1px solid rgba(0,0,0,.08)}.char-modal-title{font-size:clamp(16px,4.2vw,18px);font-weight:800}.char-modal-close{border:none;background:transparent;font-size:clamp(18px,5vw,20px);cursor:pointer}.char-modal-empty{padding:20px;opacity:.7}.char-modal-list{padding:clamp(10px,2.8vw,14px) clamp(12px,3vw,16px);overflow:auto;display:grid;gap:clamp(10px,2.8vw,12px);flex:1;min-height:0}.char-card{border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:clamp(10px,2.8vw,12px);display:flex;flex-direction:column;gap:6px}.char-card-top{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.char-name{font-size:clamp(15px,4vw,16px);font-weight:800}.char-sub{font-weight:600;opacity:.75}.char-meta{font-size:clamp(12px,3.2vw,13px);opacity:.75}.char-row{display:grid;grid-template-columns:92px 1fr;gap:clamp(8px,2.5vw,10px);padding:6px 0;align-items:start}.char-label{font-weight:800;opacity:.75;font-size:clamp(12px,3.2vw,14px);line-height:1.3;padding-top:8px}.char-value{line-height:1.45;word-break:break-word;font-size:clamp(13px,3.4vw,14px)}.char-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(11px,3vw,12px)}.char-input{width:100%;padding:clamp(8px,2.4vw,10px) clamp(10px,2.6vw,12px);border-radius:10px;border:1px solid #ddd;outline:none;resize:none;overflow:hidden;font-size:clamp(13px,3.4vw,14px);line-height:1.4;background:#fff;box-sizing:border-box}textarea.char-input{overflow:hidden;resize:none;box-sizing:border-box;line-height:1.4}.char-readonly{background:#f6f6f6;color:#444;cursor:default}.char-select{width:100%;padding:clamp(8px,2.4vw,10px);border:1px solid #ddd;border-radius:10px;font-size:clamp(13px,3.4vw,14px);box-sizing:border-box}.char-modal-footer{padding:clamp(10px,2.8vw,12px) clamp(12px,3vw,16px);border-top:1px solid rgba(0,0,0,.08);display:flex;justify-content:flex-end;gap:8px}.char-modal-ok,.char-modal-save{padding:10px 14px;border-radius:10px;border:none;cursor:pointer;font-weight:800;font-size:clamp(13px,3.4vw,14px)}.char-modal-ok{background:#ccc;color:#fff}.char-modal-save{background:#7abf00;color:#fff}.char-card img{width:100%;height:auto;max-width:100%;border-radius:10px;margin-top:10px;display:block}@media (max-width: 1024px){.char-modal{width:min(860px,100%);border-radius:14px}.char-row{grid-template-columns:84px 1fr;gap:10px}.char-card{padding:12px}.char-modal-header,.char-modal-list,.char-modal-footer{padding:12px 14px}}@media (max-width: 480px){.char-modal-backdrop{padding:8px}.char-modal{width:100%;border-radius:14px}.char-row{grid-template-columns:1fr;gap:6px;padding:8px 0}.char-label{padding-top:0}.char-modal-footer{justify-content:stretch}.char-modal-ok,.char-modal-save{width:100%}}.link-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9990}.link-modal-card{width:360px;max-width:92vw;background:#fff;border-radius:14px;padding:22px 22px 18px;box-shadow:0 10px 25px #0000002e,0 2px 6px #00000014;font-family:Noto Sans KR,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#333}.link-modal-card h3{margin:2px 0 8px;font-size:18px;font-weight:700;text-align:center}.link-modal-desc{margin:0 0 12px;font-size:13px;color:#666;text-align:center;line-height:1.6}.link-modal-label{display:none}.link-modal-input{width:100%;height:44px;border:1px solid #e6e7ea;border-radius:8px;padding:10px 14px;font-size:14px;outline:none;background:#fff;color:#333;transition:box-shadow .15s ease,border-color .15s ease,background-color .15s ease;box-sizing:border-box;margin-top:10px}.link-modal-input::placeholder{color:#9aa0a6}.link-modal-input:focus{border-color:#7abf00;box-shadow:0 0 0 3px #7abf002e}.link-modal-actions{margin-top:20px;display:flex;flex-direction:column;gap:10px}.link-modal-btn{font-size:15px;font-weight:700;border-radius:8px;cursor:pointer;transition:transform .04s ease,box-shadow .15s ease,background-color .15s ease,opacity .15s ease}.link-modal-btn.primary{width:100%;padding:12px 16px;border:none;background:#7abf00;color:#fff}.link-modal-btn.primary:hover{background:#72b200}.link-modal-btn.primary:active{transform:translateY(1px);box-shadow:0 2px #5c8f00}.link-modal-btn.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.link-modal-btn.ghost{width:100%;padding:12px 16px;background:#f1efef;color:#7abf00;font-weight:600;align-self:center;border:none}.link-modal-btn.ghost:hover{text-decoration:underline;border:none}@media (max-width: 380px){.link-modal-card{padding:18px 16px 16px;border-radius:12px}.link-modal-card h3{font-size:17px}.link-modal-input{height:42px;font-size:13.5px}.link-modal-btn.primary{padding:11px 14px;font-size:14.5px}}.link-modal-divider{display:flex;align-items:center;margin:20px 0 15px;color:#999;font-size:12px}.link-modal-divider:before,.link-modal-divider:after{content:"";flex:1;height:1px;background-color:#eee}.link-modal-divider span{padding:0 10px}.link-social-buttons{display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.link-social-btn{flex:1;height:40px;border-radius:6px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:filter .2s}.link-social-btn:hover{filter:brightness(.95)}.link-social-btn.google{background-color:#fff;border:1px solid #ddd;color:#333}.link-social-btn.naver{background-color:#03c75a;color:#fff}.link-social-btn.kakao{background-color:#fee500;color:#191919}.login-container{display:flex;justify-content:center;align-items:center;height:70vh;font-family:Noto Sans KR,sans-serif;color:#333}.login-box{width:380px;background-color:#fff;padding:32px;border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;display:flex;flex-direction:column;align-items:stretch}.login-tabs{display:flex;margin-bottom:24px;border:1px solid #bfe89c;border-radius:8px;overflow:hidden}.login-tabs button{flex:1;padding:12px 0;font-size:15px;font-weight:500;background-color:#fff;border:none;cursor:pointer;color:#333;border-right:1px solid #cce8aa}.login-tabs button:last-child{border-right:none}.login-tabs button.active{background-color:#e6f8d6;color:#7abf00;font-weight:700;box-shadow:inset 0 -2px #7abf00}.login-description{font-size:13px;color:#555;margin-bottom:20px;line-height:1.5}.login-field{margin-bottom:16px}.login-field input{width:100%;padding:12px 14px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s ease}.login-field input:focus{border-color:#7abf00}.login-button{width:100%;padding:12px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;margin-top:8px}.login-button.primary{background-color:#7abf00;color:#fff}.login-button.primary:hover{background-color:#68a900}.social-login-container{margin-top:15px;padding-top:15px;border-top:1px solid #eee}.login-button.google{background-color:#fff;color:#444;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.login-button.google:hover{background-color:#f7f7f7;border-color:#ccc}.login-button.google:before{content:url(data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M9.0003%207.5002C9.9378%207.5002%2010.7381%207.8252%2011.3627%208.4252L14.0752%205.7752C12.55%204.3002%2010.7501%203.7502%209.0003%203.7502C6.0128%203.7502%203.4502%205.2752%202.2628%207.5002L5.0503%209.7752C5.6628%208.4252%207.1628%207.5002%209.0003%207.5002Z%22%20fill%3D%22%23EA4335%22/%3E%3Cpath%20d%3D%22M15.4877%209.0002C15.4877%208.4377%2015.4127%208.0627%2015.2877%207.5002H9.0002V10.5002H12.4877C12.3002%2011.2377%2011.7877%2011.8377%2011.1002%2012.3002L13.8877%2014.5752C14.7127%2013.7877%2015.2877%2012.7502%2015.4877%2011.7752C15.8627%2010.8002%2016.1252%209.9752%2016.2002%209.0002C16.2752%208.0252%2016.3127%207.0502%2016.3127%206.0752V5.7752H14.0752C13.8877%206.5127%2013.3752%207.1127%2012.6877%207.5752L10.0377%209.8752C9.4377%2010.5002%208.6377%2010.8252%207.7002%2010.8252C5.8252%2010.8252%204.3252%209.8752%203.7127%208.5252L0.9252%2010.8002C2.1002%2013.0252%204.6627%2014.5502%207.6502%2014.5502C9.4002%2014.5502%2011.2002%2013.9752%2012.7252%2012.5002L15.4877%2014.7752C14.0127%2016.2502%2011.7752%2017.2752%209.0002%2017.2752C5.9002%2017.2752%203.1877%2015.9002%201.5752%2013.6252L4.3502%2011.3502C4.9627%2012.7002%206.4627%2013.6252%208.3002%2013.6252H9.0002C10.7377%2013.6252%2012.5377%2013.0502%2014.0502%2011.5752L16.8002%2013.8502C15.3252%2015.3252%2013.0877%2016.3502%2010.3127%2016.3502C7.2127%2016.3502%204.4877%2014.9752%202.8752%2012.7002L5.6502%2010.4252C6.2627%2011.7752%207.7627%2012.7002%209.6002%2012.7002H9.0002V7.5002H15.4877V9.0002Z%22%20fill%3D%22%234285F4%22/%3E%3Cpath%20d%3D%22M9.0002%207.5002C9.9377%207.5002%2010.7377%207.8252%2011.3627%208.4252L14.0752%205.7752C12.5502%204.3002%2010.7502%203.7502%209.0002%203.7502C6.0127%203.7502%203.4502%205.2752%202.2627%207.5002L5.0502%209.7752C5.6627%208.4252%207.1627%207.5002%209.0002%207.5002Z%22%20fill%3D%22%23FBBC05%22/%3E%3Cpath%20d%3D%22M15.4877%209.0002C15.4877%208.4377%2015.4127%208.0627%2015.2877%207.5002H9.0002V10.5002H12.4877C12.3002%2011.2377%2011.7877%2011.8377%2011.1002%2012.3002L13.8877%2014.5752C14.7127%2013.7877%2015.2877%2012.7502%2015.4877%2011.7752C15.8627%2010.8002%2016.1252%209.9752%2016.2002%209.0002C16.2752%208.0252%2016.3127%207.0502%2016.3127%206.0752V5.7752H14.0752C13.8877%206.5127%2013.3752%207.1127%2012.6877%207.5752L10.0377%209.8752C9.4377%2010.5002%208.6377%2010.8252%207.7002%2010.8252C5.8252%2010.8252%204.3252%209.8752%203.7127%208.5252L0.9252%2010.8002C2.1002%2013.0252%204.6627%2014.5502%207.6502%2014.5502C9.4002%2014.5502%2011.2002%2013.9752%2012.7252%2012.5002L15.4877%2014.7752C14.0127%2016.2502%2011.7752%2017.2752%209.0002%2017.2752C5.9002%2017.2752%203.1877%2015.9002%201.5752%2013.6252L4.3502%2011.3502C4.9627%2012.7002%206.4627%2013.6252%208.3002%2013.6252H9.0002V7.5002H15.4877V9.0002Z%22%20fill%3D%22%230F9D58%22/%3E%3Cpath%20d%3D%22M2.875%2012.7C4.4875%2014.975%207.2125%2016.35%2010.3125%2016.35C13.0875%2016.35%2015.325%2015.325%2016.8%2013.85L14.05%2011.575C12.5375%2013.05%2010.7375%2013.625%209%2013.625H8.3C6.4625%2013.625%204.9625%2012.7%204.35%2011.35L1.575%2013.625C3.1875%2015.9%205.9%2017.275%209%2017.275C11.775%2017.275%2014.0125%2016.25%2015.4875%2014.775L12.725%2012.5C11.2%2013.975%209.4%2014.55%207.65%2014.55C4.6625%2014.55%202.1%2013.025%200.925%2010.8L3.7125%208.525C4.325%209.875%205.825%2010.825%207.7%2010.825C8.6375%2010.825%209.4375%2010.5%2010.0375%209.875L12.6875%207.575C13.375%207.1125%2013.8875%206.5125%2014.075%205.775L16.3125%205.775V6.075C16.3125%207.05%2016.275%208.025%2016.2%209C16.125%209.975%2015.8625%2010.8%2015.4875%2011.775C15.2875%2012.75%2014.7125%2013.7875%2013.8875%2014.575L11.1%2012.3C11.7875%2011.8375%2012.3%2011.2375%2012.4875%2010.5H9V7.5H15.4875V9C15.4875%208.4375%2015.4125%208.0625%2015.2875%207.5L11.3625%208.425C10.7375%207.825%209.9375%207.5%209%207.5C7.1625%207.5%205.6625%208.425%205.05%209.775L2.2625%207.5C3.45%205.275%206.0125%203.75%209%203.75C10.75%203.75%2012.55%204.3%2014.075%205.775L11.3625%208.425C10.7375%207.825%209.9375%207.5%209%207.5Z%22%20fill%3D%22%234285F4%22/%3E%3C/svg%3E);width:18px;height:18px;margin-right:10px;background-size:contain;background-repeat:no-repeat;display:inline-block}.signup-link{text-align:center;margin-top:20px;font-size:13px;color:#666}.signup-text{color:#7abf00;font-weight:700;cursor:pointer;margin-left:6px}.signup-text:hover{text-decoration:underline}.find-password-link{margin-top:20px;font-size:13px;color:#666;text-align:center}.find-password-link .reset-link{color:#7abf00;font-weight:700;cursor:pointer;margin-left:6px}.find-password-link .reset-link:hover{text-decoration:underline}.classlist-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Noto Sans KR,sans-serif;color:#333}.greeting{font-size:1.6rem;margin-bottom:24px;color:#222}.greeting strong{color:#7abf00}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.class-card{position:relative;background:#fff;border-radius:16px;padding:24px 20px;box-shadow:-4px 0 6px -2px #0000000f,8px 0 6px 2px #0000000f,0 -4px 6px -2px #0000000f,0 8px 6px 2px #0000000f;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.class-card:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #cdeca0,0 8px 16px #00000014}.class-name{font-size:1.2rem;font-weight:700;margin-bottom:8px}.teacher-name{font-size:.95rem;color:#555;margin-bottom:12px}.class-info{font-size:.85rem;color:#666}.sample-tag{position:absolute;top:0;right:0;background:#7abf00;color:#fff;font-size:.75rem;padding:4px 10px;border-top-right-radius:16px;border-bottom-left-radius:16px;font-weight:600}.new-class{border:2px dashed #b3db82;text-align:center;color:#7abf00;background:#f7fef0;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease}.new-class .plus{font-size:2rem;margin-bottom:8px}.new-class:hover{background:#edf9d8;border-color:#7abf00;color:#5c9d00}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-box{width:400px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;padding:28px 24px;font-family:Noto Sans KR,sans-serif;box-sizing:border-box}.modal-header h2{font-size:18px;font-weight:700;color:#333;margin:0}.close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#666}.modal-body{display:flex;flex-direction:column;gap:16px}.modal-body label{font-size:14px;font-weight:500;color:#333;display:flex;flex-direction:column;gap:6px}.modal-body label span{color:#d32f2f;margin-left:4px}.modal-body input{padding:10px 12px;border:1px solid #d2d8dd;border-radius:10px;background-color:#f9fafb;font-size:14px;outline:none;transition:border-color .2s}.modal-footer{margin-top:24px;display:flex;justify-content:space-between;gap:12px}.cancel-button,.submit-button{flex:1;padding:10px 0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s}.student-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:999}.student-modal-box{background-color:#fff;border-radius:16px;width:520px;max-width:90vw;padding:28px 32px;box-shadow:0 8px 20px #0000001a;position:relative;box-sizing:border-box}.student-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.student-modal-header h2{font-size:20px;font-weight:700;color:#333;margin:0}.close-button{background:none;border:none;font-size:20px;cursor:pointer;padding:0;color:#888}.student-modal-description{font-size:14px;color:#666;margin-bottom:20px;line-height:1.6}.student-input-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;box-sizing:border-box}.student-input{width:100%;height:40px;border:1.5px solid #d2d8dd;border-radius:12px;text-align:center;font-size:14px;outline:none;transition:border-color .2s;box-sizing:border-box;background-color:#f9fafb}.student-input:focus{border-color:#7abf00;background-color:#fff}.student-modal-footer{display:flex;flex-direction:column;gap:16px;font-size:14px}.ticket-info{text-align:right;color:#555}.student-modal-buttons{display:flex;justify-content:space-between;gap:10px}.cancel-button,.submit-button{flex:1;height:44px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:background-color .2s}.cancel-button{background-color:#e9f5e1;color:#4c6b1c}.cancel-button:hover{background-color:#d8edcd}.submit-button{background-color:#7abf00;color:#fff}.scroll-box{max-height:200px;overflow-y:auto}.student-error-text{color:#d32f2f;font-size:13px;margin-top:10px;margin-bottom:0}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Noto Sans KR,sans-serif}.overlay-background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:-1}.spinner{width:40px;height:40px;border:4px solid #e0e0e0;border-top:4px solid #7abf00;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:15px;font-weight:500;color:#333}.purchase-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;box-sizing:border-box}.purchase-modal{width:100%;max-width:900px;background-color:#fff;border-radius:16px;overflow:hidden;font-family:Pretendard,Noto Sans KR,sans-serif;box-shadow:0 10px 40px #0003;display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr}.pm-header{grid-column:1;grid-row:1;background-color:#f9f9f9;padding:30px 24px;border-right:1px solid #eee}.pm-header h2{font-size:22px;font-weight:700;margin-bottom:12px;color:#333}.pm-header p{font-size:14px;color:#666;line-height:1.5}.pm-body{grid-column:2;grid-row:1 / span 2;padding:30px;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.product-cards{display:flex;gap:16px}.product-card{flex:1;border:2px solid #eee;border-radius:12px;padding:24px;background-color:#fff;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.product-card.selected{border-color:#7abf00;background-color:#fcfff9;box-shadow:0 0 0 1px #7abf00 inset}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.product-card h3{font-size:14px;color:#888;font-weight:600}.product-card .price{font-size:16px;font-weight:700;color:#333}.product-card h2{font-size:18px;font-weight:700;margin-bottom:20px;line-height:1.3;word-break:keep-all}.select-button{width:100%;padding:10px;border-radius:8px;background-color:#f0f0f0;color:#aaa;border:none;font-weight:600;margin-top:auto;pointer-events:none}.product-card.selected .select-button{background-color:#7abf00;color:#fff}.feature-list{margin-top:16px;padding:0;list-style:none}.feature-list li{font-size:13px;color:#666;margin-bottom:6px;padding-left:12px;position:relative}.feature-list li:before{content:"•";position:absolute;left:0;color:#ccc}.feature-list li strong{color:#7abf00;font-weight:600}.purchase-footer-text{font-size:12px;color:#999;margin-top:20px;line-height:1.5;text-align:center}.pm-footer{grid-column:1;grid-row:2;background-color:#f9f9f9;padding:24px;border-right:1px solid #eee;display:flex;flex-direction:column;gap:10px;justify-content:flex-end}.purchase-next-button,.purchase-cancel-button{width:100%;padding:14px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:filter .2s}.purchase-next-button{background-color:#7abf00;color:#fff}.purchase-next-button:hover{filter:brightness(.95)}.purchase-cancel-button{background-color:#e5e5e5;color:#555}.purchase-cancel-button:hover{background-color:#ddd}@media (max-width: 768px){.purchase-modal{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.pm-header{border-right:none;padding:20px;text-align:center;background-color:#fff;border-bottom:1px solid #f0f0f0}.pm-header br{display:none}.pm-body{padding:20px;border-right:none}.product-cards{flex-direction:column}.product-card{min-height:auto}.pm-footer{border-right:none;padding:20px;background-color:#fff;border-top:1px solid #f0f0f0;flex-direction:row-reverse}.purchase-next-button{flex:2}.purchase-cancel-button{flex:1}}.purchase-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;box-sizing:border-box}.purchase-confirm-modal{background-color:#fff;width:600px;max-width:100%;max-height:90vh;overflow-y:auto;border-radius:16px;padding:30px;position:relative;font-family:Pretendard,sans-serif;box-shadow:0 10px 40px #0003}.purchase-confirm-modal h2{font-size:22px;font-weight:700;margin-bottom:6px;color:#333}.purchase-confirm-modal p{font-size:14px;color:#666;margin-bottom:24px}.payment-methods{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.payment-option{flex:1;min-width:200px;border:1px solid #ddd;border-radius:10px;padding:16px;cursor:pointer;display:flex;align-items:flex-start;gap:12px;transition:all .2s;background-color:#f9f9f9}.payment-option:hover{border-color:#bbb}.payment-option.selected{border-color:#7abf00;background-color:#fafff6;box-shadow:0 0 0 1px #7abf00 inset}.payment-option input{margin-top:4px;cursor:pointer}.payment-content strong{font-size:15px;display:block;margin-bottom:4px;color:#333}.payment-content p{font-size:13px;color:#666;margin-bottom:0;line-height:1.4}.bank-name{color:#7abf00;font-weight:600}.bank-note{color:#e60000;font-size:12px;margin-top:8px;line-height:1.4;background-color:#fff0f0;padding:8px;border-radius:6px}.point-section{font-size:14px;margin-bottom:20px;padding:16px;background-color:#f5f5f5;border-radius:8px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}.point-section label{font-weight:600}.point-section input{width:100px;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px;text-align:right}.point-section span{font-size:13px;color:#666;margin-left:auto}.product-summary{font-size:15px;margin-bottom:24px;padding:16px;border:1px solid #eee;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.product-summary strong{color:#333}.product-summary input{width:50px;padding:6px;border:1px solid #ddd;border-radius:4px;text-align:center;margin:0 6px}.purchase-button{width:100%;background-color:#7abf00;color:#fff;padding:16px;border:none;font-size:17px;font-weight:700;border-radius:10px;cursor:pointer;margin-bottom:16px;transition:background-color .2s}.terms-text{font-size:12px;color:#999;text-align:center;line-height:1.5}.terms-text a{color:#666;text-decoration:underline;margin-left:4px}.close-button{position:absolute;top:20px;right:20px;background:none;border:none;font-size:28px;color:#999;cursor:pointer;padding:0;line-height:1}.close-button:hover{color:#333}@media (max-width: 600px){.purchase-confirm-modal{padding:20px}.payment-methods{flex-direction:column}.payment-option{width:100%;box-sizing:border-box}.point-section{flex-direction:column;align-items:stretch}.point-section input{width:100%;box-sizing:border-box}.point-section span{margin-left:0;text-align:right;margin-top:4px}.product-summary{flex-direction:column;gap:10px;align-items:flex-start}.product-summary div{width:100%;display:flex;justify-content:space-between;align-items:center}}.class-container{padding:32px;max-width:1200px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333}.class-header{margin-bottom:24px}.class-header-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.class-header-title h2{font-size:1.5rem;font-weight:700}.edit-icon-button{all:unset;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;background-color:#f4f4f4;font-size:1rem}.edit-icon-button:hover{background-color:#e0e0e0}.class-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:.9rem;color:#444}.class-meta span{background-color:#e9f6d2;padding:6px 12px;border-radius:16px;font-size:.85rem}.class-meta button{padding:6px 12px;border:none;background-color:#7abf00;color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.class-meta button:hover{background-color:#68a900}.class-actions{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.class-actions button{background-color:#fff;border:1px solid #7abf00;color:#7abf00;padding:10px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background-color .2s,color .2s}.class-actions button:hover{background-color:#f0fbe0}.student-table{margin-top:24px}.student-table table{width:100%;border-collapse:collapse;font-size:.9rem;background-color:#fff;box-shadow:0 0 0 1px #e6e6e6,0 2px 4px #0000000d;border-radius:8px;overflow:hidden}.student-table thead{background-color:#f8f8f8}.student-table th,.student-table td{padding:12px;border-bottom:1px solid #eee;text-align:center}.download-btn{background-color:#7abf00;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.download-btn:hover{background-color:#68a900}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:999}.modal-box{background:#fff;width:400px;border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;padding:24px;box-sizing:border-box;font-family:Noto Sans KR,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3{font-size:16px;font-weight:700;color:#333;margin:0}.modal-close{background:none;border:none;font-size:20px;color:#666;cursor:pointer}.modal-body{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.modal-body label{font-size:14px;color:#333;font-weight:500;display:flex;flex-direction:column;gap:6px}.modal-body input{padding:10px 12px;border:1px solid #d0d5dd;border-radius:8px;background-color:#f9fafb;font-size:14px;outline:none;transition:border-color .2s,background-color .2s}.modal-body input:focus{border-color:#7abf00;background-color:#fff}.modal-footer{display:flex;justify-content:flex-end;gap:10px}.cancel-button,.submit-button{padding:10px 16px;font-size:14px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.cancel-button{background:#fff;border:1.5px solid #7abf00;color:#7abf00}.cancel-button:hover{background-color:#eff8e8}.submit-button{background-color:#7abf00;border:none;color:#fff}.submit-button:hover{background-color:#6da600}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.moveclass-modal-content{background:#fff;border-radius:12px;padding:32px;width:30%;max-width:90%;box-shadow:0 8px 20px #0003;font-family:Noto Sans KR,sans-serif}.modal-content h3{font-size:20px;margin-bottom:4px}.modal-content p{font-size:14px;margin-bottom:20px;color:#555}.class-select-list{max-height:200px;overflow-y:auto;padding-left:0;margin-bottom:20px;background-color:#ebf5e8;border-radius:12px}.class-select-list li{list-style:none;text-align:left;padding:8px}.class-select-list label{display:block;cursor:pointer}.class-select-list input[type=radio]{margin-right:8px}.modal-buttons{display:flex;justify-content:space-between;align-items:center}.moveclass-cancel-button,.moveclass-confirm-button{padding:12px 20px;font-size:15px;border-radius:8px;border:none;cursor:pointer;box-sizing:border-box}.cancel-button{background-color:#f0f0f0;color:#333}.cancel-button:hover{background-color:#e0e0e0}.confirm-button{background-color:#5a3fff;color:#fff}.confirm-button:hover:not(:disabled){background-color:#4a30d0}.confirm-button:disabled{background-color:#ccc;cursor:not-allowed}.confirm-move-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000}.confirm-move-modal-content{background-color:#fff;padding:32px;border-radius:12px;width:90%;max-width:420px;text-align:center;box-shadow:0 4px 16px #0003;font-family:Noto Sans KR,sans-serif}.confirm-move-modal-content h3{font-size:20px;margin-bottom:16px;font-weight:700;color:#333}.confirm-move-modal-content p{font-size:16px;margin-bottom:24px;color:#555;line-height:1.5}.confirm-move-buttons{display:flex;justify-content:center;gap:16px}.moveclass-cancel-button,.moveclass-confirm-button{padding:10px 20px;font-size:15px;border-radius:8px;border:none;cursor:pointer;transition:background-color .2s ease;font-weight:700}.moveclass-cancel-button{background-color:#e0e0e0;color:#333}.moveclass-cancel-button:hover{background-color:#d5d5d5}.moveclass-confirm-button{background-color:#7abf00;color:#fff}.moveclass-confirm-button:hover{background-color:#6aad00}.student-login-container{max-width:400px;margin:60px auto;padding:30px 40px;background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #0000000d;text-align:center;font-family:Pretendard,sans-serif}.student-login-container h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#1f2937}.student-login-container h3{font-size:18px;font-weight:500;margin:12px 0 24px;color:#374151}.student-login-container input{width:100%!important;padding:14px;margin-bottom:14px!important;border:1px solid #d1d5db;border-radius:8px;font-size:15px;background-color:#f9fafb;transition:border-color .2s ease}.student-login-container input:focus{outline:none;border-color:#7abf00;background-color:#fff}.student-login-container button{width:100%;padding:14px;font-size:16px;font-weight:600;background-color:#7abf00;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.student-login-container button:hover{background-color:#7abf00}.student-login-container .error{color:#ef4444;font-size:13px;margin-top:8px}.mybook-page{padding:40px 0;max-width:1200px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333}.mybook-title{font-size:24px;font-weight:700;margin-bottom:32px;text-align:left}.mybook-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}.mybook-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:-4px 0 6px -2px #0000000d,8px 0 6px 2px #0000000d,0 -4px 6px -2px #0000000d,0 8px 6px 2px #0000000d;transition:transform .2s ease,box-shadow .2s ease;position:relative;cursor:pointer}.mybook-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000014}.mybook-card img{width:100%;height:320px;object-fit:cover;display:block;background-color:#f8f8f8}.book-title{font-size:16px;font-weight:600;padding:12px 16px 0;margin:0;color:#333}.book-date{font-size:14px;color:#777;padding:0 16px 16px;margin:0}.mybook-card.new{background-color:#f9fff1;border:2px solid #7abf00;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:background-color .2s ease,border-color .2s ease}.mybook-card.new:hover{background-color:#e7f8c9;border-color:#6aa800}.new-book-inner{font-size:18px;font-weight:600;color:#7abf00;margin-bottom:12px}.thumbnail-wrapper{position:relative}.mybook-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0006;opacity:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;transition:opacity .2s ease;opacity:1;visibility:visible}.mybook-card:hover .mybook-overlay{opacity:1;visibility:visible}.mybook-overlay button{width:130px}.edit-btn,.done-btn{background-color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:background-color .2s ease}.edit-btn{color:#333}.done-btn{color:#7abf00}.edit-btn:hover,.done-btn:hover{background-color:#f1f1f1}.mybook-title-row{display:flex;align-items:center;gap:50px;justify-content:space-between}.link-account-btn{background-color:#f9fff1;border:2px solid #7abf00;padding:12px 20px;border-radius:8px;color:#67a101;cursor:pointer;box-shadow:-4px 0 6px -2px #0000000d,8px 0 6px 2px #0000000d,0 -4px 6px -2px #0000000d,0 8px 6px 2px #0000000d;transition:transform .2s ease,box-shadow .2s ease;position:relative}.link-account-btn:hover{transform:translateY(-4px);box-shadow:0 6px 18px #00000014;background-color:#e7f8c9;border-color:#6aa800}.student-hint{margin-top:8px;font-size:.9rem;color:#555;line-height:1.4}@media (max-width: 1024px){.mybook-page{padding:0 16px}.mybook-title{margin:0}.mybook-row{grid-template-columns:repeat(2,1fr);gap:18px}.mybook-card img{height:280px}.mybook-title-row{gap:20px;margin-bottom:10px;flex-wrap:wrap}.link-account-btn{padding:10px 16px}.mybook-overlay button{width:120px}}@media (max-width: 480px){.mybook-page{padding:0 12px}.mybook-title{font-size:20px;margin:0 0 10px}.mybook-row{grid-template-columns:1fr;gap:14px;margin-bottom:28px}.mybook-card img{height:220px}.book-title{font-size:15px;padding:10px 12px 0}.book-date{font-size:13px;padding:0 12px}.new-book-inner{font-size:16px;margin:0}.mybook-overlay{gap:10px}.mybook-overlay button{width:110px}.edit-btn,.done-btn{padding:8px 10px;font-size:12px}.link-account-btn{width:100%;justify-content:center}.student-hint{font-size:.85rem}}.email-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#11182773;display:flex;justify-content:center;align-items:center;z-index:9999}.email-modal{background:#fff;width:480px;max-width:92vw;padding:24px 24px 20px;border-radius:14px;box-shadow:0 18px 40px #0000002e;font-family:Noto Sans KR,sans-serif;box-sizing:border-box}.email-modal-header{margin-bottom:8px}.email-modal-title{margin:0 0 4px;font-size:26px;font-weight:700;color:#111827}.email-modal-sub{margin:0;font-size:18px;color:#000}.email-modal-body{margin-top:12px}.email-modal-body input{width:100%;padding:10px 12px;font-size:14px;border:1px solid #e5e7eb;border-radius:10px;color:#111827;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.email-modal-body input:focus{outline:3px solid rgba(59,130,246,.5);outline-offset:2px;border-color:#93c5fd}.email-modal-body input.invalid{border-color:#ef4444}.email-hint{margin:6px 0 0;font-size:15px;color:#b91c1c}.email-modal-actions{display:flex;justify-content:center;gap:8px;margin-top:16px}.btn.secondary{background:#f3f4f6;color:#374151;border-color:#e5e7eb}.btn.secondary:hover{filter:brightness(.98)}@media (max-width: 420px){.email-modal{width:94vw;padding:20px 16px 16px}}.complete-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;background:#11182773;display:flex;align-items:center;justify-content:center;z-index:9999}.complete-modal-box{background-color:#fff;width:480px;max-width:92vw;padding:24px 24px 20px;border-radius:14px;box-shadow:0 18px 40px #0000002e;font-family:Noto Sans KR,sans-serif;box-sizing:border-box;outline:none}.complete-modal-header{margin-bottom:8px}.complete-modal-title{margin:0 0 4px;font-size:18px;font-weight:700;color:#111827}.complete-modal-sub{margin:0;font-size:13px;color:#6b7280}.complete-section{padding:14px 14px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}.complete-section+.complete-section{margin-top:14px}.section-title{margin:0 0 8px;font-size:14px;font-weight:700;color:#374151}.complete-text{margin:0 0 10px;font-size:14px;color:#374151;line-height:1.6;text-align:left}.email-line{margin:0 0 8px;font-size:14px;color:#111827}.email-strong{word-break:break-all}.complete-check{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151;margin:6px 0 4px}.complete-check input[type=checkbox]{width:18px;height:18px;accent-color:#7abf00;cursor:pointer}.complete-hint{margin:0;font-size:12px;color:#6b7280}.complete-divider{height:1px;background:#e5e7eb;margin:14px 0}.complete-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn{padding:10px 16px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:transform .02s ease-in-out,box-shadow .15s ease,background-color .15s ease,border-color .15s ease}.btn:focus-visible{outline:3px solid rgba(59,130,246,.5);outline-offset:2px}.btn:active{transform:translateY(.5px)}.btn.ghost{background:#fff;border-color:#d1d5db;color:#374151}.btn.ghost:hover{background:#f3f4f6}.btn.confirm{background-color:#7abf00;color:#fff;border-color:#6aa400;box-shadow:0 1px #00000005}.btn.confirm:hover{filter:brightness(.98)}.btn.confirm:disabled{background-color:#cbd5e1;border-color:#cbd5e1;color:#fff;cursor:not-allowed;box-shadow:none}@media (max-width: 420px){.complete-modal-box{width:94vw;padding:20px 16px 16px}.complete-section{padding:12px}}.gallery-title-wrapper{width:100%;max-width:1200px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333}.gallery-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px;font-family:Noto Sans KR,sans-serif;color:#333}.gallery-title-wrapper h2,.gallery-wrapper h2{font-size:2rem;margin-bottom:8px;font-weight:700}.gallery-title-wrapper p,.gallery-wrapper p{font-size:1rem;margin-bottom:24px}.best-section{width:100vw;background:linear-gradient(to bottom,#f0ffe533,#486b13);padding:40px 0;box-sizing:border-box}.best-section-inner{max-width:1200px;margin:0 auto;padding:0 20px}.best-section h3{font-size:1.6rem;margin-bottom:20px;color:#5a9100;font-weight:700}.best-grid{position:relative}.best-card{position:relative;overflow:hidden;border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;transition:transform .25s ease,box-shadow .25s ease}.best-card:hover{transform:translateY(-6px);box-shadow:-4px 0 10px -2px #0000002e,8px 0 10px 2px #0000002e,0 -6px 10px -2px #0000002e,0 10px 12px 2px #00000038}.best-card img{width:100%;height:240px;object-fit:cover;display:block;border-bottom:1px solid #ddd}.best-rank{position:absolute;top:8px;left:12px;font-size:2.5rem;font-weight:900;color:#ffffffe6;text-shadow:2px 2px 6px rgba(0,0,0,.8);z-index:2;pointer-events:none}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.book-card{border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;overflow:hidden;cursor:pointer;background-color:#fff;transition:transform .2s ease;text-align:center}.book-card:hover{transform:translateY(-4px)}.book-card img{width:100%;height:240px;object-fit:cover}.book-card p{margin:8px 0 4px;font-weight:500;font-size:1rem}.book-card .sub{font-size:.9rem;color:#666}.best-card p{position:relative;z-index:3;margin:8px 0 4px;font-weight:700;font-size:1rem}.best-card .sub{position:relative;z-index:3}.pagination{text-align:center;margin-top:24px}.pagination button{background-color:transparent;border:1px solid #ccc;color:#333;padding:8px 12px;margin:0 4px;font-size:1rem;cursor:pointer;border-radius:4px}.pagination button.active{background-color:#7abf00;color:#fff;border-color:#7abf00}.pagination button:disabled{color:#aaa;border-color:#ddd;cursor:not-allowed}@media (max-width: 1024px){.gallery-title-wrapper,.gallery-wrapper,.best-section-inner{padding-left:16px;padding-right:16px}.gallery-wrapper{padding:32px 16px}.gallery-title-wrapper h2,.gallery-wrapper h2{font-size:1.7rem}.best-section h3{font-size:1.4rem}.book-grid{grid-template-columns:repeat(3,1fr);gap:18px}.book-card img,.best-card img{height:210px}.best-rank{font-size:2.1rem}.pagination button{padding:7px 10px;font-size:.95rem}}@media (max-width: 480px){.gallery-wrapper{padding:24px 12px}.gallery-title-wrapper h2,.gallery-wrapper h2{font-size:1.35rem;margin:0}.gallery-title-wrapper p,.gallery-wrapper p{font-size:.95rem;margin:0}.best-section{padding:28px 0}.best-section-inner{padding-left:12px;padding-right:12px}.best-section h3{font-size:1.2rem;margin-bottom:14px}.book-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.book-card img,.best-card img{height:160px}.book-card p,.best-card p{font-size:.95rem}.book-card .sub,.best-card .sub{font-size:.85rem}.best-rank{font-size:1.8rem;top:6px;left:10px}.pagination{margin-top:18px}.pagination button{padding:6px 9px;font-size:.9rem;margin:0 3px}}.viewer-wrapper{position:relative;width:100%;height:auto;background-color:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.viewer-header{position:absolute;top:0;left:0;width:100%;height:60px;display:flex;align-items:center;padding:0 20px;z-index:100;background:linear-gradient(to bottom,rgba(0,0,0,.5),transparent);opacity:0;transition:opacity .3s}.viewer-wrapper:hover .viewer-header{opacity:1}.viewer-header-spacer{flex:1}.viewer-btn-icon{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.viewer-btn-icon:hover{background-color:#fff3}.viewer-btn-icon .material-symbols-outlined{font-size:28px}.viewer-wrapper.is-fullscreen{background-color:#000!important;padding:0!important;margin:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;display:flex;align-items:center;justify-content:center;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}.viewer-wrapper.is-fullscreen .viewer-book{width:auto!important;height:auto!important;max-width:calc(100vw - env(safe-area-inset-left) - env(safe-area-inset-right))!important;max-height:calc(100vh - 170px)!important;max-height:100dvh!important;margin:0!important;box-shadow:none!important}.viewer-wrapper.is-fullscreen .viewer-page{width:100%;height:100%}.viewer-wrapper.is-fullscreen img,.viewer-wrapper.is-fullscreen .viewer-main-spread,.viewer-wrapper.is-fullscreen .viewer-base-spread img,.viewer-wrapper.is-fullscreen .half-crop img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:fill!important}.viewer-wrapper.is-fullscreen .viewer-base-spread{position:absolute!important;top:0;left:0;width:100%!important;height:100%!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.viewer-wrapper.is-fullscreen .viewer-half-sheet{position:absolute!important;height:100%!important;width:50%!important;inset:auto!important;margin:0!important}.viewer-wrapper.is-fullscreen .viewer-half-sheet.to-next{right:0!important;left:auto!important;transform-origin:left center!important}.viewer-wrapper.is-fullscreen .viewer-half-sheet.to-prev{left:0!important;right:auto!important;transform-origin:right center!important}.viewer-wrapper.is-fullscreen .half-face{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important}.viewer-wrapper.is-fullscreen .viewer-base-half{position:absolute!important;top:0;height:100%;width:50%!important;overflow:hidden}.viewer-wrapper.is-fullscreen .base-left{left:0}.viewer-wrapper.is-fullscreen .base-right{right:0}.viewer-wrapper.is-fullscreen .half-crop{position:absolute;top:0;width:200%!important;height:100%!important}.viewer-wrapper.is-fullscreen .viewer-meta-group{display:none}.viewer-wrapper.is-fullscreen .viewer-nav-left{position:fixed;left:20px;bottom:0;transform:translateY(-5%);z-index:200;background:#fff!important}.viewer-wrapper.is-fullscreen .viewer-nav-right{position:fixed;right:20px;bottom:0;transform:translateY(-5%);z-index:200;background:#fff!important}.viewer-wrapper.is-fullscreen .viewer-page-indicator{color:#fff!important;transform:translateY(-5%)}.viewer-wrapper.is-fullscreen .viewer-footer{padding-bottom:calc(10px + env(safe-area-inset-bottom))!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;height:fit-content!important}.viewer-rotate-notice{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000000bf;padding:15px 25px;border-radius:12px;z-index:300;pointer-events:none;text-align:center;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);animation:fadeIn .5s ease-out}.viewer-rotate-notice .rotate-icon{font-size:32px;margin-bottom:8px;animation:rotatePhone 2s infinite ease-in-out}.viewer-rotate-notice p{margin:0;font-size:14px;line-height:1.4;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes rotatePhone{0%{transform:rotate(0)}25%{transform:rotate(-90deg)}50%{transform:rotate(-90deg)}75%{transform:rotate(0)}to{transform:rotate(0)}}@media (orientation: landscape){.viewer-rotate-notice{display:none!important}}.viewer-book{position:relative;width:auto;height:auto;max-width:100%;max-height:calc(100vh - 110px);display:flex;align-items:center;justify-content:center;perspective:1400px;box-shadow:0 20px 50px #0000004d}.viewer-page{width:100%;display:flex;justify-content:center}.viewer-page img{width:100%;height:auto;box-shadow:0 18px 50px #00000038;border-radius:0;background-color:#fff}.viewer-nav{width:56px;height:56px;padding:0;border-radius:999px;background:#ffffff1a;border:2px solid rgba(0,0,0,.5);box-shadow:0 10px 25px #00000080;color:#000000b8;font-size:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,opacity .12s ease;z-index:10;-webkit-tap-highlight-color:transparent}.viewer-nav-icon{display:block;line-height:1;transform:translateY(-6px)}.viewer-nav:hover{background:#ffffff2e;box-shadow:0 14px 32px #00000059}.viewer-nav:active{transform:scale(.96)}.viewer-nav:disabled{opacity:.35;cursor:not-allowed}.viewer-nav:focus,.viewer-nav:focus-visible{outline:none!important}.viewer-footer{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#ffffff1f;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid rgba(0,0,0,.12);box-shadow:0 -10px 30px #00000024;z-index:50}.viewer-progress{display:flex;align-items:center;justify-content:center;gap:12px}.viewer-progress .viewer-nav{position:static;transform:none}.viewer-page-indicator{font-size:29px;color:#0000008c;font-weight:600;padding:6px 10px;border-radius:999px;width:150px;background:#0000000a}.viewer-meta-group{display:flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap;font-weight:600}.viewer-title{font-weight:700;font-size:1.35rem;color:#000}.viewer-author{font-weight:500;font-size:1rem;color:#0000008c}.viewer-wrapper,.viewer-page,.viewer-page img{-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none}@media (max-width: 1024px){.viewer-wrapper{height:100vh}}@media (max-width: 1024px){.viewer-wrapper{padding:14px 14px 120px}.viewer-page img{border-radius:0;box-shadow:0 16px 44px #0003}.viewer-nav{width:40px;height:40px;font-size:30px}.viewer-nav-icon{transform:translateY(-4px)}.viewer-title{font-size:1.2rem}.viewer-author{font-size:.95rem}.viewer-page-indicator{font-size:19px;color:#0000008c;font-weight:600;padding:6px 10px;border-radius:999px;width:150px;background:#0000000a}}@media (max-width: 480px){.viewer-wrapper{padding:10px 10px 130px}.viewer-page img{border-radius:0x;box-shadow:0 14px 35px #0000002e}.viewer-footer{gap:6px;padding:10px 10px calc(10px + env(safe-area-inset-bottom))}.viewer-nav{width:30px;height:30px;font-size:18px;background:#ffffff24;border:2px solid rgba(0,0,0,.55);box-shadow:0 10px 22px #00000073}.viewer-nav-icon{transform:translateY(-2px)}.viewer-title{font-size:1.05rem}.viewer-author{font-size:.9rem}.viewer-page-indicator{font-size:14px;color:#0000008c;font-weight:600;padding:6px 10px;border-radius:999px;width:100px;background:#0000000a}}.viewer-page.viewer-page-3d{position:relative;transform-style:preserve-3d;width:100%}.viewer-page-3d:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(to right,#0000001a,#0000004d,#0000001a);transform:translate(-50%);z-index:20;pointer-events:none}.viewer-base-spread{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;z-index:2}.viewer-base-half{position:relative;width:50%;height:100%;overflow:hidden}.viewer-base-half.base-left{left:0}.viewer-base-half.base-right{right:0}.half-crop{width:100%;height:100%;overflow:hidden}.viewer-half-sheet,.half-face,.half-crop img{will-change:transform,opacity;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-font-smoothing:antialiased}.half-crop img{width:200%;height:100%;object-fit:fill;backface-visibility:hidden}.half-crop.crop-left img{transform:translate(0)}.half-crop.crop-right img{transform:translate(-50%)}.viewer-half-sheet{position:absolute;top:0;bottom:0;width:50%;z-index:10;transform-style:preserve-3d;pointer-events:none;will-change:transform}.half-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;overflow:hidden;border-radius:0}.half-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;transition:opacity .65s}.half-front{-webkit-transform:translateZ(1px);transform:translateZ(1px)}.half-front:after{background:linear-gradient(to right,#0000,#0003)}.half-back{-webkit-transform:rotateY(180deg) translateZ(1px);transform:rotateY(180deg) translateZ(1px)}.half-back:after{background:linear-gradient(to left,#0000,#00000026)}.viewer-half-sheet.to-next{right:0;transform-origin:left center;animation:halfFlipNext .65s ease-in-out forwards}.viewer-half-sheet.to-prev{left:0;transform-origin:right center;animation:halfFlipPrev .65s ease-in-out forwards}.is-flipping .viewer-main-spread,.is-flipping .half-face{box-shadow:none!important;box-shadow:0 4px 10px #0000001a!important}@keyframes curlLight{0%{opacity:.1}35%{opacity:.55}70%{opacity:.45}to{opacity:.12}}@keyframes halfFlipNext{0%{transform:rotateY(0)}to{transform:rotateY(-179.9deg)}}@keyframes halfFlipPrev{0%{transform:rotateY(0)}to{transform:rotateY(179.9deg)}}.viewer-main-spread{width:100%;height:auto;box-shadow:0 18px 50px #00000038;border-radius:0;background-color:#fff;display:block}.ol-wrap{max-width:980px;margin:40px auto;padding:0 16px}.ol-title{font-size:24px;margin-bottom:12px}.ol-count{color:#6b7280;margin-bottom:12px}.ol-loading,.ol-empty{padding:24px;color:#6b7280}.ol-list{list-style:none;margin:0;padding:0}.ol-item{border:1px solid #e5e7eb;border-radius:12px;padding:14px 16px;margin-bottom:12px;background:#fff}.ol-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ol-date{color:#6b7280;font-size:14px}.ol-badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border-radius:9999px;font-size:12px;font-weight:600;border:1px solid #e5e7eb;background:#f9fafb;color:#374151}.ol-badge--paid{background:#ecfdf5;color:#065f46;border-color:#a7f3d0}.ol-badge--pending{background:#fffbeb;color:#92400e;border-color:#fde68a}.ol-badge--canceled,.ol-badge--failed{background:#fef2f2;color:#991b1b;border-color:#fecaca}.ol-item__body{display:grid;grid-template-columns:72px 1fr 220px;gap:12px}.ol-thumb{width:72px;height:72px;border-radius:10px;overflow:hidden;background:#f3f4f6}.ol-thumb img{width:100%;height:100%;object-fit:cover}.ol-thumb__placeholder{width:100%;height:100%;font-size:11px;color:#9ca3af;display:flex;align-items:center;justify-content:center}.ol-book__title{font-weight:700;margin-bottom:2px}.ol-book__author{color:#6b7280;font-size:13px}.ol-book__etc{margin-top:4px;font-size:13px;color:#374151}.ol-more{color:#6b7280;margin-left:6px}.ol-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.ol-amount{font-weight:800;color:#111827}.ol-actions{display:flex;gap:8px}.ol-btn{height:34px;padding:0 14px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:14px;cursor:pointer;align-content:center}.ol-btn:disabled{cursor:not-allowed;opacity:.5}.ol-btn--primary{background:#7abf00;color:#fff;border-color:#7abf00}.ol-btn--ghost{background:#fff}.ol-morewrap{display:flex;justify-content:center;margin-top:12px}.user-info-page{display:flex;justify-content:center;padding:40px 20px;background-color:#f5f5f5}.info-card{background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 10px 30px #0000000d;width:100%;max-width:550px}.info-card h2{text-align:center;margin-bottom:30px;color:#333}.profile-section{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.profile-img-container{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;cursor:pointer;border:3px solid #fff;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease;background-color:#eee}.profile-img-container:hover{transform:scale(1.05)}.profile-preview{width:100%;height:100%;object-fit:cover;display:block}.edit-overlay{position:absolute;bottom:0;width:100%;background:#0009;color:#fff;font-size:11px;text-align:center;padding:4px 0}.name-edit-area{text-align:center;margin-bottom:30px}.name-display-group h3{margin:0;font-size:1.4rem;color:#333;display:flex;align-items:center;justify-content:center;gap:8px}.role-badge{font-size:11px;background:#eee;color:#555;padding:2px 6px;border-radius:4px;vertical-align:middle;font-weight:400}.role-badge.teacher{background:#e3f2fd;color:#1976d2}.role-badge.admin{background:#ffebee;color:#c62828}.user-email{margin:5px 0 0;font-size:.95rem;color:#888}.small-edit-btn{background:none;border:1px solid #ddd;border-radius:12px;padding:2px 8px;font-size:11px;color:#999;cursor:pointer;margin-left:8px;transition:all .2s}.small-edit-btn:hover{border-color:#aaa;color:#333}.section-block{margin-bottom:20px;padding:0 10px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-header label{font-size:.9rem;color:#999;font-weight:600}.display-value{font-size:1.1rem;color:#333;font-weight:500;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.display-value.disabled{color:#888;border-bottom:none}.edit-icon-btn{background:none;border:none;cursor:pointer;font-size:1rem;opacity:.5;transition:opacity .2s}.edit-icon-btn:hover{opacity:1}.details-grid{display:flex;flex-direction:column;gap:30px;margin-top:20px}.details-grid section h4{margin:0 0 15px;font-size:1rem;color:#333;display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.details-grid section h4 .icon{font-style:normal}.info-item{margin-bottom:15px}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.item-header span{font-size:.85rem;color:#888}.edit-link{background:none;border:none;color:#7abf00;font-size:.8rem;cursor:pointer;text-decoration:underline;padding:0}.edit-link:hover{color:#6da500}.info-item strong{display:block;font-size:1rem;color:#333;word-break:break-all}.edit-row{display:flex;flex-direction:column;gap:8px;background:#f9f9f9;padding:10px;border-radius:8px}.edit-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.95rem;box-sizing:border-box}.edit-input:focus{outline:none;border-color:#7abf00}.phone-inputs{display:flex;align-items:center;gap:6px}.phone-inputs input{width:100%;text-align:center;padding:8px;border:1px solid #ddd;border-radius:6px;font-size:.95rem}.phone-inputs span{color:#aaa}.address-edit-box{background:#f9f9f9;padding:12px;border-radius:8px;display:flex;flex-direction:column;gap:8px}.zip-row{display:flex;gap:8px}.zip-row input{width:100px;background:#eee;border:1px solid #ddd;border-radius:6px;padding:8px;text-align:center}.search-btn{padding:0 12px;background:#555;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.addr-input{width:100%;padding:8px;border:1px solid #ddd;border-radius:6px;box-sizing:border-box}.btn-group{display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.save-btn-s{padding:6px 14px;background:#7abf00;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500}.save-btn-s:hover{background:#6da500}.cancel-btn-s{padding:6px 14px;background:#e0e0e0;color:#555;border:none;border-radius:6px;cursor:pointer;font-size:.85rem}.cancel-btn-s:hover{background:#d0d0d0}.edit-input-group{display:flex;flex-direction:column;align-items:center;gap:10px}.name-input{padding:6px 10px;font-size:1.2rem;border:1px solid #ddd;border-radius:6px;text-align:center;width:200px}.edit-actions{display:flex;gap:8px}.save-btn{background:#7abf00;color:#fff;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.9rem}.cancel-btn{background:#eee;color:#666;border:none;padding:6px 16px;border-radius:6px;cursor:pointer;font-size:.9rem}hr{border:0;height:1px;background:#eee;margin:30px 0}.cart-page{max-width:1200px;margin:40px auto;padding:0 20px;font-family:Pretendard,sans-serif}.cart-title{font-size:20px;margin-bottom:20px}.cart-table{width:100%;border-collapse:collapse;margin-bottom:30px}.cart-table th,.cart-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left;vertical-align:middle}.item-info{display:flex;align-items:center;gap:12px;position:relative}.item-info img{width:80px;height:auto;border-radius:6px}.info .title{font-weight:600}.info .author{font-size:14px;color:#777}.info .public{font-size:13px;background-color:#fcdede;color:#a00;display:inline-block;padding:2px 8px;border-radius:12px;margin-top:4px}.delete-btn{position:absolute;left:-24px;background:none;border:none;font-size:16px;color:red;cursor:pointer}.qty-control{display:flex;align-items:center;gap:8px}.qty-control input{width:50px;padding:4px;font-size:14px;text-align:center}.qty-control button{padding:4px 10px;font-size:13px;cursor:pointer}.summary{font-size:16px;line-height:1.8;border-top:2px solid #333;padding-top:20px}.summary .discount{color:#e60000}.summary .total{font-size:18px;margin-top:10px;font-weight:700}.order-button-wrapper{text-align:center;margin:24px 0}.order-button{background-color:#7abf00;color:#fff;font-size:16px;font-weight:700;padding:12px 40px;border:none;border-radius:8px;cursor:pointer}.note{font-size:13px;color:#777;line-height:1.6;margin-top:24px}.center-text{justify-content:center;text-align:center!important;vertical-align:middle}.order-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}.ticket-container{width:100%;max-width:1200px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333;padding:20px;box-sizing:border-box}.ticket-header{display:flex;justify-content:space-between;align-items:center;background-color:#fafafa;padding:24px 32px;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;flex-wrap:wrap;gap:20px}.user-info{display:flex;align-items:center;gap:16px;min-width:150px}.user-name{font-size:1.2rem;font-weight:700;margin:0;word-break:keep-all}.user-role{font-size:.9rem;color:#777;margin-top:4px}.ticket-status{display:flex;align-items:center;gap:40px;flex-grow:1;justify-content:center}.ticket-counts{text-align:center;white-space:nowrap}.ticket-counts div:first-child{font-size:.95rem;color:#555;margin-bottom:6px}.ticket-total{font-size:1.5rem;font-weight:700;color:#7abf00}.ticket-button-wrapper{flex-shrink:0}.purchase-button{background-color:#7abf00;color:#fff;border:none;padding:12px 24px;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;white-space:nowrap;transition:background-color .2s}.purchase-button:hover{background-color:#6da500}.tab-buttons{display:flex;margin-top:40px;margin-bottom:16px;border-bottom:2px solid #ddd;gap:10px}.tab-buttons button{background:none;border:none;font-size:1rem;padding:12px 20px;cursor:pointer;color:#888;border-bottom:3px solid transparent;transition:all .2s;margin-bottom:-2px}.tab-buttons button.active{color:#333;font-weight:700;border-bottom:3px solid #7abf00}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:20px}.ticket-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:500px}.ticket-table th,.ticket-table td{padding:14px 12px;border-bottom:1px solid #e0e0e0;text-align:center;white-space:nowrap}.ticket-table th{background-color:#f9f9f9;font-weight:600;color:#444}.tickets-footer-text{font-size:13px;color:#666;margin-top:20px;line-height:1.6;background-color:#f8f8f8;padding:20px;border-radius:8px;word-break:keep-all}@media (max-width: 768px){.ticket-container{padding:16px}.ticket-header{flex-direction:column;align-items:stretch;padding:20px;gap:24px;text-align:center}.user-info{justify-content:center;flex-direction:column;text-align:center}.ticket-status{width:100%;justify-content:space-around;padding:16px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;gap:10px}.ticket-button-wrapper{width:100%}.purchase-button{width:100%;max-width:none;padding:14px}.tab-buttons button{flex:1;text-align:center;padding:12px 0}.tickets-footer-text{font-size:12px;padding:15px}}.reset-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5}.reset-box{background-color:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 4px 20px #00000014;max-width:400px;width:100%;text-align:center;font-family:Noto Sans KR,sans-serif}.reset-box h2{margin-bottom:20px;font-size:24px;color:#333}.reset-box p{margin-bottom:20px;font-size:15px;color:#666}.reset-box input[type=email]{width:100%;padding:12px 14px;border:1px solid #ccc;border-radius:8px;font-size:16px;margin-bottom:20px;outline:none;box-sizing:border-box}.reset-box input[type=email]:focus{border-color:#68a900}.reset-box button{width:100%;padding:12px;background-color:#7abf00;color:#fff;font-size:16px;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s}.reset-box button:hover{background-color:#68a900}.order-page{display:flex;justify-content:center;padding:40px 0;background:#fff}.order-content{display:flex;max-width:1200px;width:100%;gap:24px}.order-main{flex:1}.order-products h3{font-size:20px;font-weight:700;margin-bottom:16px}.order-table{width:100%;border-collapse:collapse;margin-bottom:40px}.order-table th,.order-table td{padding:12px;border-bottom:1px solid #ddd;text-align:left;font-size:14px}.item-info{display:flex;align-items:center;gap:12px}.item-info img{width:80px;height:80px;object-fit:cover}.item-info .info{display:flex;flex-direction:column}.item-info .title{font-weight:700}.item-info .author{font-size:12px;color:#777}.submit-btn-wrapper{margin:40px 0;text-align:center}.submit-order{width:334px;height:46px;padding:12px 32px;background-color:#7abf00;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:8px;cursor:pointer}.order-notice h4{font-weight:700;margin-top:50px;margin-bottom:8px}.order-notice p{font-size:13px;color:#555;line-height:1.6}.display-grid-list{margin:0;padding:0;display:grid;width:100%;border-top:1px solid rgba(0,0,0,.7)}.regist-header{position:relative;height:60px;line-height:60px;font-size:18px;font-weight:600;text-align:left;box-sizing:border-box!important;margin:0;padding:0}.list-item-padding{width:100%;padding:12px 0;font-size:14px;border-top:1px solid #E6E6E6;box-sizing:border-box!important}.item-title{float:left;width:176px;line-height:40px;font-size:14px;font-weight:500;color:#000c;box-sizing:border-box!important;margin:0;padding:0}.item-input{float:left;margin:0;padding:0}.order-page input[type=text],.order-page textarea{display:inline-block;width:328px;height:40px;padding:0 13px;font-size:14px;color:#000000e6;border:1px solid #A4A4A4;border-radius:5px;box-sizing:border-box;margin:0}.hyphen{margin:0;padding:0;float:left;height:40px;line-height:40px;text-align:center;width:32px!important;box-sizing:border-box!important}.outline-button.regist{background-color:transparent;text-decoration:none;display:inline-block;line-height:33px;text-align:center;color:#000000e6;border:1px solid rgba(0,0,0,.3);box-sizing:border-box!important;cursor:pointer;font-size:13px;font-weight:500;border-radius:3px;position:relative;top:50%;transform:translateY(-50%)}.order-right{box-sizing:border-box;margin:0;padding:0;float:right;width:300px}.moving-div{width:300px;top:198px;position:fixed}.total-item{display:block;unicode-bidi:isolate;box-sizing:border-box;margin:0;height:35px;line-height:35px;padding:0 12px}.total-title{line-height:35px;display:block;unicode-bidi:isolate;box-sizing:border-box;margin:0;padding:0;float:left;font-size:16px;font-weight:600}.total-price{line-height:35px;display:inline-block;min-width:80px;box-sizing:border-box!important}.total-price.regist{float:right;padding:0;font-size:16px;font-weight:600;text-align:right}.regist-total{text-align:left;font-size:1rem;font-weight:400;line-height:1.5;display:block;unicode-bidi:isolate;margin:21px 0 0;padding:0 0 15px;width:100%;border:1px solid #E6E6E6;border-top:1px solid rgba(0,0,0,.7);box-sizing:border-box!important}.benefit-item{height:35px;line-height:35px;padding:0 12px;position:relative}.benefit-title{float:left;font-size:16px;font-weight:600}.benefit-price{float:right;font-size:16px;font-weight:600;text-align:right}.delivery-button{float:left;font-size:14px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:150px;height:38.78px;border:2px solid #7abf00;display:flex;align-items:center;justify-content:center;margin-right:70PX}.center-text{text-align:center!important;vertical-align:middle}.classgallery-page .class-gallery-title-wrapper,.classgallery-page .class-gallery-wrapper{width:100%;max-width:1200px;margin:0 auto;font-family:Noto Sans KR,sans-serif;color:#333}.classgallery-page .class-gallery-wrapper{padding:40px 20px}.classgallery-page .class-gallery-title-wrapper{padding:30px;background-color:#eff5e6;border-radius:12px}.classgallery-page .class-gallery-title-wrapper h2{font-size:2rem;margin:0 0 6px;font-weight:700;line-height:1.25}.classgallery-page .class-gallery-title-wrapper h3{font-size:1.25rem;margin:0 0 14px;font-weight:700;color:#111}.classgallery-page .class-gallery-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;color:#555;font-size:.95rem}.classgallery-page .class-gallery-meta>span{display:inline-flex;align-items:center;gap:8px;line-height:1.6;white-space:nowrap}.classgallery-page .class-gallery-meta>span:last-child>div{display:inline-flex;align-items:center;gap:10px;border:1px solid #e5e7eb;background:#fff;padding:6px 10px;border-radius:10px;min-height:36px}.classgallery-page .class-gallery-meta>span:last-child>div>span{font-size:.9rem;color:#4b5563;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classgallery-page .class-gallery-meta>span:last-child>div>button{padding:6px 12px;border:none;background-color:#7abf00;color:#fff;border-radius:6px;cursor:pointer;font-size:.85rem;transition:background-color .2s}.classgallery-page .class-gallery-meta>span:last-child>div>button:active{transform:translateY(1px)}.classgallery-page .book-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.classgallery-page .book-card{border-radius:12px;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;overflow:hidden;cursor:pointer;background-color:#fff;transition:transform .2s ease;text-align:center}.classgallery-page .book-card:hover{transform:translateY(-4px)}.classgallery-page .book-card img{width:100%;height:240px;object-fit:cover}.classgallery-page .book-card p{margin:8px 0 4px;font-weight:500;font-size:1rem}.classgallery-page .book-card .sub{font-size:.9rem;color:#666}@media (max-width: 1024px){.classgallery-page .class-gallery-meta>span:last-child>div>span{max-width:320px}}@media (max-width: 900px){.classgallery-page .book-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.classgallery-page .class-gallery-title-wrapper{padding:20px 16px 0}.classgallery-page .class-gallery-title-wrapper h2{font-size:1.6rem}.classgallery-page .class-gallery-title-wrapper h3{font-size:1.1rem}.classgallery-page .book-grid{grid-template-columns:repeat(2,1fr);gap:16px}.classgallery-page .class-gallery-meta{gap:12px;font-size:.9rem}.classgallery-page .class-gallery-meta>span:last-child>div{width:100%}.classgallery-page .class-gallery-meta>span:last-child>div>span{max-width:100%}}@media (max-width: 380px){.classgallery-page .book-grid{grid-template-columns:1fr}}.policy-page{--bg: #fff;--text: #1f2937;--muted: #6b7280;--brand: #6c5ce7;--brand2: #a55eea;--line: #e5e7eb;--card: #ffffff;--shadow: 0 10px 25px rgba(0, 0, 0, .06)}@media (prefers-color-scheme: dark){.policy-page{--bg: #0b0c10;--text: #e5e7eb;--muted: #9aa2b2;--line: #1f2937;--card: #12141a;--shadow: 0 10px 25px rgba(0, 0, 0, .35)}}.policy-page{background:var(--bg);color:var(--text);min-height:70dvh;display:block}.policy-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#6c5ce70f,#0000)}.policy-hero-inner{max-width:1120px;margin:0 auto;padding:28px 20px}.policy-container{max-width:1120px;margin:24px auto 80px;padding:0 20px}.policy-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.policy-title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0}.policy-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:0}.policy-scroll{max-height:520px;overflow:auto;padding:22px 22px 24px;line-height:1.75;font-size:15px}.policy-scroll h3{font-size:18px;margin:18px 0 10px;font-weight:700}.policy-scroll p{margin:0 0 12px}.policy-scroll ol,.policy-scroll ul{padding-left:20px;margin:0 0 12px}.policy-scroll li{margin:6px 0}.policy-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--muted);font-size:14px}@media (max-width: 640px){.policy-title{font-size:22px}.policy-scroll{max-height:60vh}}.privacy-page{--bg: #fff;--text: #1f2937;--muted: #6b7280;--brand: #6c5ce7;--brand2: #a55eea;--line: #e5e7eb;--card: #ffffff;--shadow: 0 10px 25px rgba(0, 0, 0, .06)}@media (prefers-color-scheme: dark){.privacy-page{--bg: #0b0c10;--text: #e5e7eb;--muted: #9aa2b2;--line: #1f2937;--card: #12141a;--shadow: 0 10px 25px rgba(0, 0, 0, .35)}}.privacy-page{background:var(--bg);color:var(--text);min-height:70dvh;display:block}.privacy-hero{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#6c5ce70f,#0000)}.privacy-hero-inner{max-width:1120px;margin:0 auto;padding:28px 20px}.site-brand{font-weight:800;letter-spacing:-.02em;margin:0 0 6px;display:inline-block;color:var(--text)}.site-brand .ai{color:var(--brand)}.breadcrumb{font-size:13px;color:var(--muted);display:flex;gap:8px;align-items:center}.breadcrumb .crumb{color:var(--muted);text-decoration:none}.breadcrumb .crumb:hover{color:var(--text)}.breadcrumb .current{color:var(--text);font-weight:600}.privacy-container{max-width:1120px;margin:24px auto 80px;padding:0 20px}.privacy-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.privacy-title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0}.quick-links{list-style:none;display:flex;gap:14px;padding:0;margin:0}.quick-links a{text-decoration:none;color:var(--muted);font-size:14px}.quick-links a:hover{color:var(--brand);text-decoration:underline}.privacy-card{background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:0}.privacy-scroll{max-height:520px;overflow:auto;padding:22px 22px 24px;line-height:1.75;font-size:15px}.privacy-scroll h3{font-size:18px;margin:18px 0 10px;font-weight:700}.privacy-scroll p{margin:0 0 12px}.privacy-scroll ol,.privacy-scroll ul{padding-left:20px;margin:0 0 12px}.privacy-scroll li{margin:6px 0}.privacy-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;color:var(--muted);font-size:14px}.footer-links{display:flex;flex-wrap:wrap;gap:10px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--text);text-decoration:underline}.sns{display:flex;gap:10px}.sns a{display:inline-flex;width:28px;height:28px;border-radius:6px;align-items:center;justify-content:center;border:1px solid var(--line);color:var(--muted);text-decoration:none}.sns a:hover{color:#fff;background:var(--brand);border-color:var(--brand)}@media (max-width: 640px){.privacy-title{font-size:22px}.privacy-scroll{max-height:60vh}}.oc-container{max-width:1200px;margin:40px auto;padding:0 16px}.oc-title{margin-bottom:12px}.oc-badge{padding:20px 24px;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px}.oc-badge-text{font-size:22px;font-weight:700;margin-bottom:6px}.oc-orderid{color:#6b7280}.oc-paid,.oc-pending{background:#f8fff0}.oc-canceled,.oc-failed{background:#fff5f5}.oc-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}.oc-section{margin-bottom:24px}.oc-section-title{font-size:18px;margin-bottom:12px}.oc-box{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.oc-item{display:grid;grid-template-columns:64px 1fr 80px 120px;gap:12px;padding:12px;border-top:1px solid #f3f4f6}.oc-item:first-child{border-top:none}.oc-thumb{width:64px;height:64px;object-fit:cover;border-radius:8px}.oc-item-title{font-weight:600}.oc-item-author{color:#6b7280}.oc-item-qty,.oc-item-price{text-align:right}.oc-summary{border:1px solid #e5e7eb;border-radius:12px;padding:16px;height:fit-content}.oc-summary-title{font-weight:700;margin-bottom:12px}.oc-summary-row{display:flex;justify-content:space-between}.oc-summary-total{display:flex;justify-content:space-between;font-size:18px;margin-top:12px}.oc-final-amount{color:#ef4444;font-weight:800}.oc-summary-actions{margin-top:16px;display:grid;gap:8px}.oc-loading{padding:24px}.oc-actions{margin-top:16px;display:flex;justify-content:center;gap:16px}.oc-btn{display:inline-flex;align-items:center;justify-content:center;min-width:160px;height:44px;border:2px solid #e5e7eb;border-radius:8px;background:#fff;font-weight:600;color:#111827;text-decoration:none;transition:transform .02s ease,box-shadow .15s ease,border-color .15s ease}.oc-btn:hover{border-color:#7abf00;box-shadow:0 2px 10px #0000000f;color:#111827}.oc-btn:active{transform:translateY(1px)}:root{--mgr-bg: #f5f7fa;--mgr-sidebar-bg: #ffffff;--mgr-primary: #4caf50;--mgr-primary-dark: #388e3c;--mgr-text: #333333;--mgr-text-sub: #666666;--mgr-border: #e0e0e0;--mgr-danger: #ff5252;--mgr-white: #ffffff;--mgr-shadow: 0 2px 8px rgba(0, 0, 0, .05)}.mgr{display:flex;height:100vh;width:100%;background-color:var(--mgr-bg);color:var(--mgr-text);overflow:hidden}.mgr-aside{width:260px;background-color:var(--mgr-sidebar-bg);border-right:1px solid var(--mgr-border);display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease;z-index:100;flex-shrink:0}.mgr-aside-top{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--mgr-border)}.mgr-logo{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:700;font-size:1.1rem}.mgr-logo img{height:32px}.mgr-collapse-btn{background:none;border:none;cursor:pointer;padding:4px;color:var(--mgr-text-sub)}.mgr-menu{flex:1;overflow-y:auto;padding:16px 8px;display:flex;flex-direction:column;gap:4px}.mgr-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:none;border-radius:8px;cursor:pointer;color:var(--mgr-text-sub);font-size:.95rem;transition:all .2s;position:relative}.mgr-menu-item:hover{background-color:#f0f2f5;color:var(--mgr-text)}.mgr-menu-item.active{background-color:#e8f5e9;color:var(--mgr-primary-dark);font-weight:600}.mgr-menu-label{white-space:nowrap}.mgr-badge{background-color:var(--mgr-danger);color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:auto;min-width:18px;text-align:center}.mgr.is-collapsed .mgr-aside{width:70px}.mgr.is-collapsed .mgr-logo-text,.mgr.is-collapsed .mgr-menu-label{display:none}.mgr.is-collapsed .mgr-menu-item{justify-content:center;padding:12px 0}.mgr.is-collapsed .mgr-badge{position:absolute;top:4px;right:4px;margin-left:0}.mgr-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.mgr-topbar{height:64px;background-color:var(--mgr-white);border-bottom:1px solid var(--mgr-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.mgr-breadcrumb{font-size:1.1rem;font-weight:700}.mgr-top-actions{display:flex;gap:8px}.mgr-content{flex:1;overflow-y:auto;padding:24px}.mgr-btn{padding:8px 16px;border-radius:6px;border:none;background-color:var(--mgr-primary);color:#fff;cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:opacity .2s}.mgr-btn:hover{opacity:.9}.mgr-btn:disabled{background-color:#ccc;cursor:not-allowed}.mgr-btn.ghost{background-color:transparent;color:var(--mgr-text-sub);border:1px solid var(--mgr-border)}.mgr-btn.ghost:hover{background-color:#f5f5f5}.mgr-section-head{margin-bottom:16px}.mgr-section-head h2{font-size:1.25rem;margin-bottom:4px}.mgr-section-desc{font-size:.9rem;color:var(--mgr-text-sub)}.mgr-card{background:#fff;border-radius:8px;box-shadow:var(--mgr-shadow);padding:20px;margin-bottom:24px}.mgr-table-wrap{overflow-x:auto;border:1px solid var(--mgr-border);border-radius:8px}.mgr-table{width:100%;border-collapse:collapse;min-width:600px}.mgr-table th,.mgr-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--mgr-border);font-size:.95rem}.mgr-table th{background-color:#f9fafb;font-weight:600;color:var(--mgr-text-sub)}.mgr-table tr:last-child td{border-bottom:none}.mgr-td-center{text-align:center!important}.mgr-tabs{display:flex;gap:8px;margin-bottom:16px}.mgr-tab{padding:8px 16px;border-radius:20px;border:1px solid var(--mgr-border);background:#fff;cursor:pointer;color:var(--mgr-text-sub)}.mgr-tab.active{background:#333;color:#fff;border-color:#333}.inquiry-card{border:1px solid var(--mgr-border);border-radius:8px;padding:16px;margin-bottom:12px;background:#fff}.inquiry-card.waiting{border-left:4px solid var(--mgr-danger)}.inquiry-card.completed{border-left:4px solid var(--mgr-primary)}.inq-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;color:#666}.inq-badge{padding:2px 6px;border-radius:4px;color:#fff;font-size:.75rem;font-weight:700}.inq-badge.waiting{background:var(--mgr-danger)}.inq-badge.completed{background:var(--mgr-primary)}.inq-title{font-size:1.1rem;font-weight:700;margin-bottom:8px}.inq-content{background:#f9f9f9;padding:12px;border-radius:6px;margin-bottom:12px;white-space:pre-wrap}.inq-answer-area{margin-top:12px;padding-top:12px;border-top:1px dashed #ddd}.inq-textarea{width:100%;min-height:80px;padding:8px;border:1px solid #ddd;border-radius:4px;margin-bottom:8px}.inq-completed-box{background:#e8f5e9;padding:12px;border-radius:6px}@media (max-width: 768px){.mgr-aside{position:absolute;height:100%;transform:translate(-100%);box-shadow:2px 0 10px #0000001a}.mgr.is-collapsed .mgr-aside{transform:translate(0);width:240px}.mgr-aside-top{display:none}.mgr-aside{transform:translate(0);width:60px}.mgr.is-collapsed .mgr-aside{width:200px}.mgr-main{width:100%}}.mgr-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.mgr-modal{background:#fff;padding:24px;border-radius:12px;width:400px;box-shadow:0 4px 20px #0003}.mgr-modal h3{margin-top:0;margin-bottom:8px;font-size:1.2rem}.mgr-form-group{margin-bottom:16px}.mgr-form-group label{display:block;margin-bottom:6px;font-weight:500;font-size:.9rem;color:#333}.mgr-input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:1rem}.mgr-form-group.checkbox{display:flex;align-items:center;gap:8px}.mgr-form-group.checkbox input{width:auto}.mgr-form-group.checkbox label{margin:0;cursor:pointer}.mgr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.signup-form{width:100%;max-width:460px;margin:60px auto;padding:32px 24px;border-radius:12px;background-color:#fff;font-family:Noto Sans KR,sans-serif;color:#333;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a}.signup-form h1{font-size:24px;font-weight:700;text-align:center;margin-bottom:28px;color:#222}.signup-form div{display:flex;flex-direction:column;margin-bottom:18px}.signup-form label{font-size:16px;margin-bottom:6px;color:#444}.signup-form input[type=text],.signup-form input[type=email],.signup-form input[type=password]{height:44px;padding:0 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;transition:border-color .3s ease}.signup-form input:focus{border-color:#7abf00}.signup-form button[type=button]{margin-top:8px;padding:10px;font-size:14px;background-color:#d0f591;border:none;border-radius:6px;color:#333;cursor:pointer;transition:background-color .2s}.signup-form button[type=button]:hover{background-color:#d2ebb0}.signup-form button[type=submit]{margin-top:16px;width:100%;padding:14px 0;font-size:16px;font-weight:600;color:#fff;background-color:#7abf00;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.signup-form button[type=submit]:hover{background-color:#68a900}.signup-form .phone-row{display:flex;flex-direction:row!important;align-items:center;gap:8px;width:100%}.signup-form .phone-row input{flex:1 1 0;min-width:0;height:44px;padding:0 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;outline:none;text-align:center}.signup-form .phone-row .dash{flex:0 0 auto;line-height:44px;-webkit-user-select:none;user-select:none}.select-container{max-width:960px;margin:60px auto;padding:0 24px;text-align:center;font-family:Noto Sans KR,sans-serif;color:#333}.select-container .title{font-size:28px;font-weight:700;margin-bottom:12px;color:#222}.select-container .description{font-size:14px;color:#555;line-height:1.6;margin-bottom:48px}.card-container{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.card{flex:1 1 360px;max-width:400px;padding:32px 24px;border-radius:20px;background-color:#fff;box-shadow:-4px 0 6px -2px #0000001a,8px 0 6px 2px #0000001a,0 -4px 6px -2px #0000001a,0 8px 6px 2px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #cdeca0,0 8px 16px #0000001a}.icon-box{background-color:#ecf8db;border-radius:50%;width:120px;height:120px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center}.icon-box img{width:100%;height:auto}.card h2{font-size:18px;font-weight:600;margin-bottom:12px;color:#333}.card p{font-size:14px;color:#555;line-height:1.5;margin-bottom:20px}.card button{background-color:#7abf00;color:#fff;border:none;padding:12px 24px;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:background-color .2s}.card button:hover{background-color:#68a900}.signup-container{display:flex;justify-content:center;align-items:center;padding:20px}.signup-box{background-color:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #00000014;width:100%;max-width:400px;text-align:center}.signup-title{font-size:24px;font-weight:700;color:#333;margin-bottom:8px}.signup-desc{font-size:14px;color:#666;margin-bottom:32px}.signup-buttons{display:flex;flex-direction:column;gap:12px}.signup-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:filter .2s;display:flex;align-items:center;justify-content:center;gap:8px}.signup-button:hover{filter:brightness(.95)}.signup-button.email{background-color:#7abf00;color:#fff;font-size:16px;padding:14px}.signup-button.google{background-color:#fff;border:1px solid #ddd;color:#333}.divider{display:flex;align-items:center;margin:20px 0;color:#999;font-size:12px}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:#eee}.divider span{padding:0 10px}.login-link-container{margin-top:30px;font-size:13px;color:#666}.login-link-text{color:#7abf00;font-weight:700;cursor:pointer;margin-left:5px;text-decoration:underline}@media (max-width: 480px){.signup-box{padding:30px 20px;box-shadow:none;background-color:transparent}.signup-container{background-color:#fff;align-items:flex-start;padding-top:60px}}.inquiry-container{max-width:800px;margin:50px auto;padding:0 20px}.page-title{text-align:center;margin-bottom:40px;font-size:2rem;color:#333}.tab-buttons{display:flex;border-bottom:2px solid #ddd;margin-bottom:30px}.tab-buttons button{flex:1;padding:15px;background:none;border:none;font-size:1.1rem;cursor:pointer;color:#888;transition:all .3s}.tab-buttons button.active{color:#333;font-weight:700;border-bottom:3px solid #4CAF50}.inquiry-form{display:flex;flex-direction:column;gap:20px}.form-group label{display:block;margin-bottom:8px;font-weight:700;color:#555}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.form-group textarea{resize:vertical}.submit-btn{background-color:#4caf50;color:#fff;padding:15px;border:none;border-radius:8px;font-size:1.1rem;cursor:pointer;font-weight:700;margin-top:10px}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.inquiry-item{border:1px solid #eee;border-radius:8px;margin-bottom:10px;background-color:#fff;overflow:hidden}.inquiry-item summary{padding:20px;cursor:pointer;list-style:none;background-color:#f9f9f9}.inquiry-header{display:flex;align-items:center;gap:15px}.status-badge{font-size:.8rem;padding:4px 8px;border-radius:4px;font-weight:700}.status-badge.waiting{background-color:#eee;color:#666}.status-badge.completed{background-color:#e3f2fd;color:#1976d2}.inquiry-title{flex:1;font-weight:500}.inquiry-date{font-size:.9rem;color:#999}.inquiry-detail{padding:20px;border-top:1px solid #eee;background-color:#fff}.question-box,.answer-box{margin-bottom:20px}.question-box strong,.answer-box strong{display:block;margin-bottom:8px;color:#333}.answer-box{background-color:#f1f8e9;padding:15px;border-radius:8px}.no-data{text-align:center;padding:50px;color:#999}.popup-overlay-container{position:fixed;top:0;left:0;width:0;height:0;z-index:9999}.global-popup{position:absolute;width:300px;background:#fff;border:1px solid #333;box-shadow:0 4px 15px #0000004d;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.popup-content{background-color:#fff;min-height:150px}.popup-content img{width:100%;height:auto;display:block}.popup-text{padding:20px;white-space:pre-wrap;text-align:center;font-size:1rem;line-height:1.5}.popup-footer{background-color:#333;color:#fff;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.popup-footer label{display:flex;align-items:center;gap:5px;cursor:pointer}.popup-footer button{background:none;border:none;color:#fff;font-weight:700;cursor:pointer;font-size:.9rem}@media (max-width: 600px){.global-popup{width:80%;left:10%!important;top:20%!important}}