@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*{margin:0;padding:0;box-sizing:border-box;font-family:NanumSquare,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-break:keep-all}#app{text-align:center;color:#1b1c30}.textinput[data-v-b5d0c234]{width:100%;border:none;background:none;outline:none;background-color:#fdfefe;font-size:1em;border-radius:5px;padding:15px;transition:.2s;border:1px solid #dae1ed}.textinput[data-v-b5d0c234]:focus{border:1px solid #0676ed}.passwordinput[data-v-b5d0c234]{width:100%;border:none;background:none;outline:none;background-color:#fdfefe;font-family:sans-serif;font-size:1em;border-radius:5px;padding:15px;transition:.2s;color:#000;border:1px solid #dae1ed}.passwordinput[data-v-b5d0c234]:focus{border:1px solid #0676ed}.bookcreate[data-v-b5d0c234]{position:fixed;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.45);overflow:auto;z-index:2000}.bookcreate .bookcreate__content[data-v-b5d0c234]{padding:40px;border-radius:20px;background-color:#fff}.bookcreate .bookcreate__content .bookcreate__title[data-v-b5d0c234]{display:flex;justify-content:center;align-items:center}.bookcreate .bookcreate__content .bookcreate__title .iconify[data-v-b5d0c234]{font-size:40px}.bookcreate .bookcreate__content .bookcreate__edit[data-v-b5d0c234]{display:flex;justify-content:center;align-items:center;flex-direction:column}.bookcreate .bookcreate__content h2[data-v-b5d0c234]{font-size:1em;line-height:1.33;letter-spacing:.3px;color:#8f9bb3;text-align:left}.bookcreate .bookcreate__content input[data-v-b5d0c234]{margin-bottom:20px;width:400px}.bookcreate .submit[data-v-b5d0c234]{background-color:#0676ed;padding:15px 30px;border-radius:200px;border:none;outline:none;box-shadow:3px 3px 10px -1px rgba(11,27,102,.31);color:#fff;font-size:16px}.bookcreate .reset[data-v-b5d0c234]{border:1px solid #dae1ed;background-color:#fdfefe;padding:15px 30px;border-radius:200px;outline:none;color:#dae1ed;font-size:16px;margin-left:20px}.textinput[data-v-5c81b807]{width:100%;border:none;background:none;outline:none;background-color:#fdfefe;font-size:1em;border-radius:5px;padding:15px;transition:.2s;border:1px solid #dae1ed}.textinput[data-v-5c81b807]:focus{border:1px solid #0676ed}.passwordinput[data-v-5c81b807]{width:100%;border:none;background:none;outline:none;background-color:#fdfefe;font-family:sans-serif;font-size:1em;border-radius:5px;padding:15px;transition:.2s;color:#000;border:1px solid #dae1ed}.passwordinput[data-v-5c81b807]:focus{border:1px solid #0676ed}.home .logo[data-v-5c81b807]{-webkit-filter:brightness(10);filter:brightness(10);margin-top:15px;margin-left:10px}.home .home__appBar[data-v-5c81b807]{position:absolute;top:0;left:0;right:0;bottom:auto;display:flex;justify-content:space-between;align-items:flex-start;padding:20px;color:#fff}.home .home__cover[data-v-5c81b807]{display:flex;justify-content:space-around;align-items:center;flex-direction:column;background:url(../img/cover.47dd9787.svg) no-repeat 50%;background-size:auto 100%;padding:100px 0;height:50vh}.home .home__cover h1[data-v-5c81b807]{color:#fff}.home .home__cover .home__search[data-v-5c81b807]{display:flex;justify-content:center;align-items:center;min-width:500px;max-width:800px;background-color:#eee;border-radius:32px;padding:15px;transition:.2s}.home .home__cover .home__search i[data-v-5c81b807]{color:#000}.home .home__cover .home__search .iconify[data-v-5c81b807]{font-size:30px;margin:0 10px}.home .home__cover .home__search input[data-v-5c81b807]{flex:1;border:none;background:none;outline:none;font-size:1em}.home .home__bookshelf[data-v-5c81b807]{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;height:50vh;padding:30px;overflow-x:scroll}.home .home__bookshelf .home__bookshelf__sort[data-v-5c81b807]{position:absolute;top:52vh;right:20px;display:flex;justify-content:flex-end;align-items:center}.home .home__bookshelf .home__bookshelf__sort .iconify[data-v-5c81b807]{margin-right:10px}.home .home__bookshelf .home__bookshelf__books[data-v-5c81b807]{display:flex;justify-content:center;align-items:center;margin:10px;height:100%}.home .home__bookshelf .home__bookshelf__books .home__bookshelf__books__add[data-v-5c81b807]{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#f1f1f1;width:200px;height:100%;margin-right:10px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3)}.home .home__bookshelf .home__bookshelf__books .home__bookshelf__books__add .iconify[data-v-5c81b807]{font-size:30px;margin-bottom:7px}.home .home__bookshelf .home__bookshelf__books .home__bookshelf__books__book[data-v-5c81b807]{display:flex;justify-content:center;align-items:flex-end;width:200px;height:100%;margin:0 10px;padding:25px 0;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.3);background-position:50%;background-size:contain;color:#fff}.home .notification[data-v-5c81b807],.home .profile[data-v-5c81b807]{position:relative}.button,.home .pointer[data-v-5c81b807]{cursor:pointer}.button{border:none;background:none;outline:none;background-color:#8b00ff;color:#fff;font-size:1em;font-weight:700;border-radius:5px;padding:15px;transition:.2s}.button:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.button:active{-webkit-filter:brightness(.9);filter:brightness(.9)}.login{display:flex;width:100vw;height:100vh;background-color:#8b00ff;text-align:left}.login hr{border:1px solid #eee;width:50%;margin:40px auto}.login .login__content{flex:1;overflow:hidden;display:flex;justify-content:center;align-items:center}.login .login__content .login__content__textbox{position:absolute;top:10%;color:#fff}.login .login__content .login__content__textbox h1{font-size:50px;letter-spacing:1.25px;text-align:center}.login .login__content .login__content__textbox p{font-size:20px;line-height:1.9;letter-spacing:.5px;text-align:center}.login .login__content .image{width:100%}.login .login__form{padding:40px;background-color:#fff;width:600px;display:flex;flex-direction:column}.login .login__form .login__form__header h2{font-size:24px}.login .login__form .login__form__header p{font-size:14px}.login .login__form .login__form__header .logo{display:inline-block;margin-bottom:10px}.login .login__form .login__form__social{display:flex;flex-direction:column}.login .login__form .login__form__social h2{text-align:center;margin:20px 0;font-size:16px}.login .login__form .login__form__social .button{margin-bottom:15px;padding:8px;display:flex;justify-content:center;align-items:center}.login .login__form .login__form__social .button .iconify,.login .login__form .login__form__social .button img{margin-right:7px}.login .login__form .login__form__social .button.login__form__social__naver{background-color:#1ec800}.login .login__form .login__form__social .button.login__form__social__kakao{background-color:#ffe812;color:#1b1c30}.login .login__form .login__form__social .button.login__form__social__github{background-color:#fff;border:1px solid #eee;color:#1b1c30}.login .login__form .login__form__social .button.login__form__social__github .github{font-size:24px}.login .login__form .login__from__submitBtn{margin-top:40px;width:100%;font-size:14px}.login .login__form .login__form__first{flex:1;display:flex;justify-content:center;align-items:center;margin-top:10px}.login .login__form .login__form__first b{margin-left:5px;cursor:pointer}.login .inputbox .login__label{color:#8f9bb3;font-weight:700;margin:20px 0 7px 0}.login .inputbox input{font-size:14px}.textinput{width:100%;border:none;background:none;outline:none;background-color:#fdfefe;font-size:1em;border-radius:5px;padding:15px;transition:.2s;border:1px solid #dae1ed}.textinput:focus{border:1px solid #0676ed}.passwordinput{width:100%;border:none;background:none;outline:none;background-color:#fdfefe;font-family:sans-serif;font-size:1em;border-radius:5px;padding:15px;transition:.2s;color:#000;border:1px solid #dae1ed}.passwordinput:focus{border:1px solid #0676ed}.page{width:100vw;height:100vh;display:flex;flex-direction:column}.page .page__topbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px}.page .page__topbar nav{display:flex;font-size:24px;font-weight:700;letter-spacing:.6px;color:#1b1c30}.page .page__topbar nav p{margin-left:50px}.page .page__temp,.page .page__wrapper{flex:1;display:flex}.page .page__temp{height:100%;flex-direction:column}.page .page__temp .icon{font-size:1.5em;font-weight:700;margin:0 10px}.page .page__temp button{cursor:pointer;margin:0 20px;display:flex;align-items:center;background-color:#8b00ff;color:#fff;letter-spacing:.52px}.page .page__temp button,.page .page__temp input{border:none;outline:none;border-radius:30px;padding:15px;font-size:21px}.page .page__temp input{margin:20px 20px;background-color:#eee}.page .page__grid{overflow:hidden;flex:3;background-color:#ddd;height:100%;display:flex}.page .page__grid .page__grid__box{position:relative;background-color:#f0f0f0;width:100%;height:100%}.page .page__grid .page__grid__box .page__grid__box__cell{position:absolute;background-color:#f6b400;transition:.2s cubic-bezier(.175,.885,.32,1)}.page .page__grid .page__grid__box .page__grid__box__cell p{height:100%}.page .page__grid .page__grid__box .page__grid__box__cell p textarea{padding:20px;font-size:21px;background:none;border:none;outline:none;width:100%;height:100%;resize:none;color:#fff}.page .page__grid .page__grid__box .page__grid__box__cell .page__grid__box__cell__resize{cursor:nwse-resize;position:absolute;right:0;bottom:0;border:none;outline:none;background-color:rgba(0,0,0,.2);width:20px;height:20px}.page .page__grid .page__grid__box__cell:nth-child(2n){background-color:#34d36e}.page .page__grid .page__grid__box__cell:nth-child(3n){background-color:#8b00ff}.page .page__celledit{flex:1;height:100%;display:flex;flex-direction:column}.page .page__celledit .page__celledit__action{display:flex;margin:0 20px;margin-top:20px}.page .page__celledit .page__celledit__action button{flex:1;margin-right:20px}.page .page__celledit .page__celledit__action button:last-child{margin-right:0}.page .page__celledit .page__celledit__wrapper{display:flex}.page .page__celledit .page__celledit__wrapper input{width:100%;margin-top:20px;flex:1}.page .page__celledit input{font-size:21px;margin:0 20px}.page .page__celledit button,.page .page__celledit input{border:none;outline:none;border-radius:13px;background-color:#eee;padding:15px}.page .page__celledit button{font-size:18px}.page .page__celledit__content{border-radius:13px;background-color:#eee;margin:0 20px;margin-top:20px;padding:20px 0}.page .page__celledit__content h3{letter-spacing:-.28px;color:#a7a7a7}.page .page__celledit__content textarea{padding:20px;border-radius:13px;border:1px solid #dfdfdf;width:90%}