@font-face{font-family:NanumSquareRoundR;src:url(../fonts/NanumSquareRoundR.4ba97a2a.ttf) format("truetype")}body,h2,p{margin:0;padding:0;overflow-x:hidden;touch-action:pan-y}*{box-sizing:border-box;font-family:NanumSquareRoundR,Avenir,Helvetica,Arial,sans-serif}#app{text-align:center;color:#2c3e50}nav{display:flex;justify-content:center;position:fixed;top:0;left:0;z-index:100;width:100%}nav .logo{width:200px}.nav{width:1000px;display:flex;height:80px;align-items:center;justify-content:space-between;margin:0 auto}ul{list-style-type:none}.menu{display:flex;padding:0;margin:0;align-items:center}.menu li{margin-right:30px;cursor:pointer}.menu li:last-child{margin-right:0}.menu li:hover{font-weight:bolder}@media screen and (max-width:414px){nav{width:100vw;position:sticky}nav .logo{width:30vw}.nav{justify-content:center}.menu{display:none}}@media screen and (min-width:768px) and (max-width:1000px){nav{width:100vw;position:sticky}nav .logo{width:15vw}}@media screen and (min-width:717px) and (max-height:512px){nav{width:100vw;position:sticky}nav .logo{width:15vw}}.popup-back{background-color:rgba(0,0,0,.8);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:200}.popup-box{background-color:#fff;margin:100px auto 0 auto;padding:50px}.popup-back .popup-box .close-btn{color:#649d66;border:1px solid #649d66;padding:5px 15px;background-color:#fff;margin-top:30px;cursor:pointer}.noti-title{font-weight:600;font-size:17px}.noti-date{font-weight:400;text-align:right;font-size:14px}.noti-text{white-space:pre-wrap;text-align:left;padding-top:30px;line-height:1.5}.notiwidth{width:600px}@media screen and (max-width:414px){.notiwidth{width:90vw}}.book-img{width:500px}.cate p{font-weight:600;text-align:left;font-size:17px}.flex{display:flex}.btn-box{width:1000px;margin:0 auto;padding-top:30px}#home{background-image:url(../img/treeframe.151f4a4a.png);background-repeat:no-repeat;background-size:cover;background-position:50%}.btn-box button{margin-left:auto;display:block;background-color:#649d66;color:#fff;border:none;padding:5px 15px}.coming{background-color:rgba(0,0,0,.7);height:60px;position:absolute;bottom:4px;right:0;width:100%;color:#fff}.coming p{text-align:center;padding-top:20px}.category{height:100vh;width:100vw}.category,.half1{position:relative}.half1{width:100%;height:100%;background-image:url(../img/bg.41f13dad.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.half2{width:70%;height:100%;background-color:#f6f578}.yellow{color:#f6f578}.green{color:#06623b}.introduce{display:flex}.newbook{background-color:#f6f578}.all-book{display:flex;justify-content:center}.book{position:relative}.book img{width:250px}footer{background-color:#06623b;color:#fff;font-size:13px;padding:50px;line-height:1.5;width:100%;bottom:0;left:0}.introduce-text,footer{text-align:left;position:absolute}.introduce-text{font-size:30px;bottom:15%;left:20%;width:800px;line-height:2}.introduce-text span{font-size:60px}.newbook-title{padding-top:200px;padding-bottom:100px;font-size:45px;font-weight:900}.notice-board{width:1000px;margin:0 auto;text-align:center}.notice-board thead{background-color:#649d66}.notice-board th{padding:5px 0;color:#fff;font-weight:300}.notice-board td{padding:5px 0;font-size:15px}.notice-board tbody tr:hover{background-color:rgba(246,245,120,.5);cursor:pointer}.slider{width:1000px;height:inherit;transition:opacity 1s;display:flex;justify-content:space-between;align-items:center;margin:0 auto;position:absolute;left:0;top:0}.slider .title{font-size:50px;color:#fff;-webkit-text-stroke:1px purple;text-shadow:3px 3px 2px #a9a9a9}.slider .text{font-size:20px;margin-top:30px;line-height:1.5;white-space:pre-wrap;word-break:keep-all}.slider .cover{width:500px}.book-info{padding-right:30px}.book-info .author{padding-top:50px}.slider-box{margin:0 auto;width:1000px;position:relative;height:inherit}.white{background-color:#fff;width:100vw;height:50%}@media screen and (max-width:414px){.slider{flex-direction:column-reverse;width:100vw;justify-content:normal}.slider-box{width:100vw;height:auto}.slider .cover{width:60vw;height:auto;margin-top:5vh}.slider .title{font-size:30px;padding-top:30px}.slider .text{margin:0;padding:0 5vw}.book-info{padding:0}.slider .author{padding-top:10px}.introduce-text{left:0;bottom:40vh;text-align:center;width:100vw;padding:0 3vw;font-size:25px;word-break:keep-all}.introduce-text span{text-align:center;font-size:45px}.newbook-title{padding-top:10vh}.book img{width:60vw}.notice-board{width:100vw}.notice-board tr td:first-child,.notice-board tr td:nth-child(3),.notice-board tr th:first-child,.notice-board tr th:nth-child(3){display:none}footer{padding:7vw}}@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portait){.slider{flex-direction:column-reverse;width:100vw;justify-content:center}.slider-box{width:100vw;height:auto}.slider .cover{width:50vw;height:auto;margin-top:5vh}.slider .title{font-size:50px;padding-top:30px}.slider .text{margin:0;padding:0 5vw;font-size:30px}.book-info{padding:0}.slider .author{padding-top:10px}.introduce-text{left:0;bottom:40vh;text-align:center;width:100vw;padding:0 3vw;font-size:30px;word-break:keep-all}.introduce-text span{text-align:center;font-size:50px}.newbook-title{padding-top:10vh}.book img{width:50vw}.notice-board{width:100vw}footer{padding:7vw}}@media screen and (min-width:717px) and (max-height:512px){.slider .cover{width:30vw;height:auto}.slider .title{font-size:30px}.slider{width:100vw}.introduce-text span{font-size:40px}.introduce-text{font-size:25px;left:10%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.book img{width:20vw}.newbook-title{padding-top:10vh;font-size:30px}.notice-board,.slider-box{width:100vw}}.admin{display:flex;width:100vw;height:100vh}.admin .cate{width:50vw}.admin .cate:first-child{border-right:1px solid #06623b}.admin .cate .cate-t{font-weight:600;font-size:28px;text-align:center;margin-top:50px}.write-mode{width:500px;margin:0 auto;padding-top:65px}.login-mode{width:182px;margin:0 auto;padding-top:100px}.login-mode p,.write-mode p{font-size:25px;font-weight:600;margin-bottom:20px}textarea{resize:none}.write-mode input,.write-mode textarea{width:inherit}.login-mode input,.write-mode input,.write-mode textarea{border:1px solid #649d66;padding:5px;display:block;margin-bottom:20px}.login-mode ::-webkit-input-placeholder,.write-mode ::-webkit-input-placeholder{color:#649d66}.btn{background-color:#649d66;border:none;color:#fff;margin-bottom:100px}.btn,.close-btn{padding:5px 15px}.close-btn{color:#649d66;border:1px solid #649d66;margin-left:20px;background-color:#fff}.admin-notice-board{width:1000px;margin:0 auto;text-align:center}.admin-notice-board thead{background-color:#649d66}.admin-notice-board th{padding:5px 0;color:#fff;font-weight:300}.admin-notice-board td{padding:5px 0;font-size:15px}.admin-notice-board tbody tr:hover{background-color:rgba(246,245,120,.5);cursor:pointer}