body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{font-family:GmarketSansMedium;margin:0;padding:0}@font-face{font-family:GmarketSansMedium;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format("woff")}.popup-main{align-items:center;background-color:#0003;border:1px solid #000;border-radius:8px;display:flex;flex-direction:column;gap:40px;justify-content:center;left:0;opacity:0;padding-top:40px;position:fixed;top:0;transition:opacity .3s ease,visibility 0s .3s;visibility:hidden;width:100%}.popup-main.visible{opacity:1;transition:opacity .3s ease;visibility:visible}.popup-content{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:40px;text-align:center}.popup-content p{color:#000;font-size:18px;font-weight:700;margin-bottom:20px}#popup-content p:hover{background-color:#0056b3;color:#fff}.popup-buttons{display:flex;gap:10px;margin-top:40px}.popup-btn{background-color:#fff;border:1px solid #ccc;border-radius:5px;color:#000;cursor:pointer;flex:1 1;font-size:16px;padding:10px 20px}.bottom-nav{align-items:center;background:#e3f2fd;border-top:2px solid #ccc;bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;height:80px;justify-content:space-around;left:0;margin:0 auto;max-width:480px;position:fixed;right:0;width:100%;z-index:99}.nav-center-icon{height:60px;width:60px}.nav-item{align-items:center;color:#000;display:flex;flex-direction:column;font-size:13px;text-decoration:none}.nav-item img{height:36px;margin-bottom:3px;width:36px}.top-bar{background-color:#fffde7;border-bottom:1px solid #ccc;width:100%}.blue-top-bar,.top-bar{align-items:center;display:flex;font-size:20px;font-weight:800;justify-content:center;margin-bottom:15px;padding:15px;position:relative}.blue-top-bar{background-color:#f3faff}.back-btn{background-color:initial;border-radius:30px;color:inherit;left:10px;position:absolute;text-decoration:none;transition:background-color .3s ease}.back-btn:hover{background-color:#fff;border-radius:30px}.back-btn:after{color:#666;content:"";font-size:12px;left:0;opacity:0;padding-top:4px;position:absolute;top:100%;transition:opacity .3s;white-space:nowrap}.back-btn:hover:after{content:"뒤로가기";opacity:1}.search-header{background-color:#fffde7;border-bottom:1px solid #ccc;display:flex;flex-direction:column;padding:10px 15px}.search-box{display:flex;position:relative;width:100%}.search-box input{border:1px solid #ccc;border-radius:8px;padding:10px 40px 10px 10px;width:100%}.clear-btn{background:none;border:none;cursor:pointer;font-size:16px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.search-bar{align-items:center;background:#fff;border:1px solid #ccc;border-radius:50px;box-shadow:1px 2px 4px #0003;display:flex;gap:10px;height:55px;justify-content:center;margin-bottom:15px;max-width:420px;padding:0 20px;width:100%}.search-bar input{-webkit-appearance:none;appearance:none;background:#0000;border:none;flex:1 1;font-size:16px;line-height:.8;margin:10px 0 0;outline:none;transform:translateY(5px)}.search-bar button{background-color:#625b71;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;margin:auto 0;padding:10px 18px}#loan-modal,.search-bar button{align-items:center;display:flex;justify-content:center}#loan-modal{background:#00000080;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{border-radius:8px;box-shadow:0 0 10px #0000004d;min-width:300px;padding:20px 30px}#modal-close-btn{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;margin-top:20px;padding:8px 20px}#modal-close-btn:hover{background-color:#0056b3;color:#fff}.hidden{display:none!important}.section{background-color:#fff;border:1px solid #ccc;border-radius:8px;margin-bottom:40px;padding:20px}.section:first-of-type{margin-top:20px}h1{margin-bottom:20px}h2{font-size:18px;margin-bottom:8px;margin-top:20px}.main-container{flex-direction:column;justify-content:center;padding-bottom:90px;padding-top:40px}.header,.main-container{align-items:center;display:flex;width:100%}.header{justify-content:space-between;padding:10px}.title{align-items:center;color:#000;font-size:22px;font-weight:700}.login-btn,.title{text-decoration:none}.login-btn{color:#333;font-size:16px}.status-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:20px auto;width:100%}.notification{align-items:center;background:#fff89c;border:1px solid #000;border-radius:15px;box-shadow:2px 3px 6px #1d192b66;color:#1e1e1e;cursor:pointer;display:flex;flex-direction:column;font-size:16px;font-weight:700;height:100px;justify-content:flex-start;max-width:100px;min-width:50px;padding:15px;position:relative;text-align:center;text-decoration:none;transition:background .3s ease}.notification:hover{background:#e3f2fd}.notification .badge{align-items:center;background:#fff89c;border-radius:50%;color:#000;font-size:30px;font-weight:700;left:40%;padding:8px 15px;position:absolute;text-align:center;top:55%;transform:translate(-55%,-40%);z-index:1}.notification .unit{left:60%;top:54%}.notification .line,.notification .unit{color:#000;font-size:25px;font-weight:700;position:absolute;z-index:2}.notification .line{left:20%;top:62%;transition:background .6s ease}.notification:hover .line{opacity:0}.banner-card{border-radius:8px;overflow:hidden;width:100%}.banner-card a{display:block}.banner-image{display:block;height:auto;max-width:420px;width:100%}.note,.section-wrapper{margin-bottom:15px}.section-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px}.plus-button{background:none;border:none;color:#000;cursor:pointer;font-size:20px;text-decoration:none}.card{background:#fffde7;border:1.7px solid #000;border-radius:10px;box-shadow:1px 2px 5px #1d192b1a;padding:12px}.bottom-sections{gap:10px;margin:0 auto;max-width:420px;width:100%}.bottom-sections,.right-column{display:flex;flex-direction:column}.right-column{flex:1 1}.board-table{border-collapse:collapse;font-size:12px;width:100%}.board-table td{border-bottom:1px solid #ccc;padding:8px 12px;text-align:left}.board-table .title{color:#625b71;cursor:pointer;font-size:16px;transition:color .3s ease,font-weight .3s ease}.board-table tr:last-child td{border-bottom:none}.post{margin-bottom:20px}.post-title{background-color:#e3f2fd;border:1px solid #ccc;cursor:pointer;font-size:18px;font-weight:700;padding:7px}.post-content{border-top:1px solid #ccc;display:none;font-size:16px;padding:12px}.no-posts{padding:20px;text-align:center}.active{background-color:#ccc;font-weight:700}.guide-buttons{margin-bottom:15px;width:100%}.guide-buttons button{font-size:16px;padding:6px 0;transition:all .3s ease}.guide-buttons button:hover{border-bottom:2px bold;font-weight:700}.sub-buttons{display:flex;justify-content:space-between;margin-bottom:15px;width:100%}.sub-buttons button{background-color:#fff;border:none;border-bottom:2px solid #0000;color:gray;cursor:pointer;flex:1 1;font-size:16px;padding:6px 0;transition:all .3s ease}.sub-buttons button.active{border-bottom:2px solid #000;color:#000;font-weight:700}.sub-buttons button:not(:last-child){border-right:1px solid #eee}.sub-buttons button:hover{background-color:#e3f2fd;color:#333;transition:backgroud .3s ease}.cbook-list{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.cbook-item{margin-bottom:30px;text-align:center;width:calc(33.333% - 20px)}.cbook-image{box-shadow:0 4px 8px #00000080;height:260px;margin-top:60px;object-fit:cover;width:180px}.cbook-info h3{color:#333;font-size:25px;font-weight:700;margin-bottom:4px;text-align:center}.cbook-info a{color:inherit;text-decoration:none}.cbook-info a:hover{text-decoration:underline}.cbook-author-publisher{color:#777;display:flex;font-size:17px;justify-content:center;margin:2px 0}.cbook-author-publisher p{margin:0 3px}.cbook-author-publisher p:after{content:"•";margin-left:6px}.cbook-author-publisher p:last-child:after{content:""}.cbook-course{background-color:#f0f0f0;border-radius:16px;color:#333;display:inline-block;font-size:20px;font-weight:500;margin:10px 0;padding:6px 12px}.cbook-comment{color:#555;font-size:18px;font-style:italic;margin-top:10px}.cbook-intro-box{background-color:#f5f5f5;border-radius:10px;color:#444;font-size:16px;line-height:1.6;margin-bottom:30px;padding:20px}.cbook-title{color:#333;font-size:9pt}.cbook-author{color:#555;font-size:7pt}.cbook-desc{color:#333;font-size:8pt;font-weight:700;margin-top:2px}.cbook-title.hanja{color:#333;font-family:Apple SD Gothic Neo,Noto Sans CJK KR,맑은 고딕,serif;font-size:11pt}.title{color:#333;font-size:20px}.title:hover{color:#007bff}.guide-buttons{display:flex;justify-content:space-between;margin-bottom:20px}.guide-buttons button{background-color:initial;border:none;border-bottom:2px solid #0000;color:#333;cursor:pointer;flex:1 1;font-size:15px;font-weight:700}.guide-buttons button:hover{border-bottom:2px solid #007bff;color:#007bff}.guide-buttons button.active{border-bottom:2px solid #000;color:#000;font-weight:700}.guide-content{background-color:#fff;flex-grow:1;padding:20px}.team{font-size:18px;font-style:bold;margin:0}.number{color:gray;font-size:10px;margin:0}.sitemap-container{grid-gap:30px;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:40px}.sitemap-column h1{font-size:20px;margin-bottom:10px}.sitemap-column ul{list-style-type:none;padding-left:0}.sitemap-column li{color:#555;margin-bottom:6px}a{color:#000}a:hover{text-decoration:underline}.sitemap-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:20px}.sitemap-box{background-color:#fff;border:1px solid #ccc;border-radius:8px;font-size:20px;min-height:300px;padding:20px}.sitemap-box h1{font-size:20px;margin-bottom:10px}.sitemap-box ul{list-style:none;padding-left:0}.sitemap-box li{line-height:1.6;margin-bottom:12px}.sort-section{align-items:center;display:flex;font-size:14px;justify-content:space-between;padding:10px 15px}.sort-toggle{background:#fffde7;color:#000}.sort-dropdown{position:relative}.sort-dropdown ul{background:#fff;border:1px solid #ccc;color:#000;list-style:none;margin:5px 0 0;padding:0;position:absolute;width:100px;z-index:10}.hidden{display:none}.sort-dropdown ul li{border-top:1px solid #eee;cursor:pointer;padding:8px 12px}.sort-dropdown ul li:first-child{border-top:none}.sort-dropdown ul li:hover{background-color:#f5f5f5}.book-list{flex-direction:column;padding:0 15px}.book-clickable-area{align-items:flex-start;display:flex;gap:10px;text-decoration:none;width:100%}.book-card{align-items:center;border-bottom:1px dashed #ccc;display:flex;gap:10px;padding:10px 0;position:relative}.book-cover{border-radius:4px;height:auto;object-fit:cover;width:100px}.heart-icon-wrapper{align-items:center;background-color:#fffffff2;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;display:flex;height:28px;justify-content:center;left:51px;position:absolute;top:12px;width:28px;z-index:2}.heart-icon{height:20px!important;margin:0!important;object-fit:contain!important;object-position:center!important;padding:0!important;width:20px!important}.cover-img{border-radius:4px;height:100%;object-fit:cover;width:100%}.book-space{display:flex;flex-direction:row;width:100%}.book-info{display:flex;flex-direction:column;flex-grow:1;margin-right:auto;text-align:left}.book-title{color:#000;font-size:16px;font-weight:700;margin:0 0 5px;text-align:left;text-decoration:none;transition:color .3s}.book-title:hover{color:#007bff}.book-info h3{font-size:12px;font-weight:700;margin:0 0 1px}.book-info h3,.book-info p{color:#111;text-align:left;text-decoration:none}.book-info p{font-size:10px;margin:0}.loan-btn{align-items:center;border:none;color:#fff;cursor:pointer;display:flex;font-size:13px;height:30px;justify-content:center;padding:0;text-align:center;transition:background-color .3s;white-space:nowrap;width:80px}.loan-btn.status-available{background-color:#0095ff;border-color:#0095ff;color:#fff}.loan-btn.status-rented{background-color:#fffde7;border-color:#fffde7;color:#343a40}.loan-btn.status-reserved{background-color:#fff89c;border-color:#fff89c;color:#343a40}.loan-btn.status-unavailable{background-color:#6c757d;border-color:#6c757d;color:#fff;cursor:not-allowed;opacity:.8}.page-center{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.login-container{background-color:#f3faff;border-radius:8px;box-shadow:0 0 10px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:360px;padding:24px;width:100%}.logo{display:block;margin:0 auto 20px;width:120px}.login-h2{margin-bottom:20px;text-align:center}form{display:flex;flex-direction:column}.rolech,input[type=password],input[type=tel],input[type=text]{background:#0000;border:none;border-bottom:2px solid #ccc;box-sizing:border-box;font-size:16px;margin-bottom:20px;max-width:300px;padding:10px 5px;transition:border-color .3s;width:100%}.rolech:rocus-within,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus{border-bottom-color:#625b71;outline:none}input[type=checkbox]{accent-color:#004f87;margin-right:8px;transform:scale(1.2);vertical-align:middle;width:auto}.rolech{position:relative}.rolech select{-webkit-appearance:none;appearance:none;background:#0000;border:none;cursor:pointer;font-size:16px;height:100%;width:100%}.rolech select:focus{outline:none}.rolech:after{color:#625b71;content:"▼";font-size:14px;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.rolech select:invalid{color:#625b71}.rolech option{color:#625b71}.agreement{align-items:center;display:flex;font-size:14px;margin-bottom:20px}input:focus{border-bottom-color:#000;outline:none}button{background:#0095ff;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:15px;padding:10px;transition:backgroud .6s ease}button:hover{background:#004f87}.helper-links,.login-p{font-size:14px;text-align:center}.login-a{color:#625b71;text-decoration:underline}.container{display:flex;flex-direction:column;gap:16px}.upsection{display:flex;gap:20px;margin-bottom:20px;max-width:480px;width:100%}.cover{align-items:center;background-color:#eee;border-radius:6px;color:#666;display:flex;flex-shrink:0;font-size:14px;height:200px;justify-content:center;width:150px}.cover img{border-radius:6px;height:100%;object-fit:cover;width:100%}.info{background-color:#e3f2fd;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;flex:1 1;padding:12px 16px;width:100%}.info p{margin:4px}.subject-tags{background-color:#e3f2fd;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;flex:1 1;margin-top:20px;padding:12px 16px;width:100%}.subject-tags p{margin:4px}.bbuttons-row{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;width:100%}.heartspace{justify-content:left;margin-bottom:10px;margin-left:30px}.bbutton,.heartspace{align-items:center;display:flex}.bbutton{background-color:#f0f0f0;border:1px solid #aaa;border-radius:5px;box-sizing:border-box;cursor:pointer;font-size:16px;justify-content:center;min-width:0;padding:15px 12px;white-space:nowrap}.bbutton:hover{background-color:#007bff;color:#fff}@media (max-width:420px){.buttons-row{grid-template-columns:repeat(2,minmax(0,1fr))}.buttons-row .button:last-child{grid-column:1/-1}}@media (max-width:300px){.buttons-row{grid-template-columns:1fr}}a{cursor:pointer;font-size:24px;text-decoration:none}h1{margin:10px 0 20px}h3{font-size:16px}p{font-size:14px;line-height:1.5}.review-meta strong{font-size:15px}.review{background-color:#e3f2fd;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;margin-top:20px;padding:12px 16px;width:100%}.review-item{margin-bottom:15px}.review-header{align-items:center;display:flex;justify-content:space-between}.register-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;height:36px;margin-bottom:10px;margin-top:10px;padding:8px 16px}.review-meta{align-items:center;display:flex;justify-content:space-between}.review-date{color:#888;font-size:14px}.typobox{background-color:#f1f1f1;border:1px solid #ddd;border-radius:5px;margin-top:20px;padding:10px}.typobox textarea{box-sizing:border-box;font-size:14px;max-width:100%;padding:8px;resize:vertical;width:100%}#reviewInput{font-size:14px;padding:10px;width:100%}.submit-button{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 16px}.page-header{box-sizing:border-box;margin-bottom:12px;width:100%}.back-btn{cursor:pointer;display:inline-block;font-size:24px;line-height:1;margin:0 0 8px;-webkit-user-select:none;user-select:none}.back-btn:active{font-weight:700}.heart-icon{cursor:pointer;font-size:20px;margin-right:5px}.heart-icon.filled{color:red}.heart-icon.empty{color:#ddd}.modal{align-items:center;background:#00000080;display:none;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:999}.modal.open{display:flex}.modal-content{background:#fff;border-radius:10px;padding:20px;text-align:center;width:300px}.close-btn{background:#eee;border:none;cursor:pointer;margin-top:15px;padding:8px 16px}:root{--color-white:#fff;--color-yellow-light-bg:#fffde7;--color-yellow-btn:#fff89c;--color-nav-blue:#e3f2fd;--color-blue-verylight-bg:#f3faff;--color-blue-login:#0095ff;--color-blue-login-hover:#004f87;--color-gray-searchbtn:#625b71;--color-alert-change:#ffc5b2;--color-notice-violet:#fef7ff}.back-btn:hover{font-weight:700}nav a:hover{color:#004f87;color:var(--color-blue-login-hover);text-decoration:underline}#root,body,html{height:100%;margin:0}#root,body,html{background-color:#fff}body{box-sizing:border-box;margin:0 auto;max-width:480px;padding:20px}.settings-btn{font-size:20px}h1{margin:10px 0}.user-info{margin-bottom:10px}.user-info div{margin-bottom:4px}hr{border:none;border-top:1px solid #ccc;margin:16px 0}.section-box{background-color:#fff;border-radius:12px;margin-bottom:16px;padding:10px}.section-title{cursor:pointer;font-weight:700;margin-bottom:8px}.book-list{display:flex;gap:8px}.book-list img{border-radius:6px;height:120px;object-fit:cover;width:80px}.loan-reserve-row{display:flex;gap:8px;justify-content:space-between}.loan,.reserve{background-color:#fff;border-radius:12px;flex:1 1;padding:10px;position:relative}.arrow{color:#444;cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.nav-link{border-top:1px solid #ccc;color:inherit;cursor:pointer;display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:12px 0;text-decoration:none}.user-info{margin-bottom:16px}.name-row{align-items:center;display:inline-flex;gap:8px}.settings-btn{cursor:pointer;font-size:18px}.nav-block{margin:24px 0}.nav-block+hr{margin-bottom:16px;margin-top:-20px}.nav-link:hover{font-weight:700}.nav-link:hover,.section-title:hover{color:var(--color-blue-login-hover);text-decoration:underline}.count-badge{align-items:center;background-color:#fffde7;border-radius:10px;color:#625b71;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;margin-left:0;min-width:20px;padding:0 6px}.count-badge.overdue{background-color:red}.lsection{align-items:center;background-color:#fffde7;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;height:40vh;justify-content:center;padding:20px;text-align:center;transition:background .3s ease}.lsection:hover{background:#e3f2fd}p{font-size:16px;margin:0}.loan-container{align-items:center;background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto;min-height:100vh;padding:20px 16px;text-align:center;width:480px}.logo{margin-bottom:30px;margin-top:30px;width:180px}.number-input{border:1px solid #ccc;border-radius:8px}.number-input,.submit-btn{font-size:16px;padding:10px 5px;width:220px}.submit-btn{align-items:center;background-color:#333;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;margin-top:20px;text-align:center}.submit-btn:hover{background-color:#555}.sub-title,h1{font-size:20px;margin:0}.loan-form{width:100%}.number-input{box-sizing:border-box;width:100%}.input-guide{margin-top:4px}.caption,.input-guide{color:#777;font-size:10px;text-align:center;width:100%}.caption{font-weight:light;margin-top:10px}
/*# sourceMappingURL=main.c82bc967.css.map*/