body{background-color:#feffd4;font-family:BioRhyme,Arvo,serif}img{display:block}.header{position:fixed;z-index:9;width:100%;height:80px;background-color:#000;border-bottom:1px solid #feffd4;display:flex;align-content:center}.header .container{display:flex;padding:0 80px;height:100%}.header .container .logo{height:100%;font-size:25px;text-decoration:none;font-family:BioRhyme,Arvo,serif;margin-right:10px;text-align:center;user-select:none}.header .container .logo,.header .container .nav{display:flex;align-items:center;color:#feffd4}.header .container .nav__about,.header .container .nav__search{font-family:BioRhyme,Arvo,serif;width:95px;height:35px;border:1px solid #feffd4;border-radius:20px;margin-left:20px;display:flex;justify-content:center;align-items:center;cursor:pointer;user-select:none}.header .container .nav__about:hover,.header .container .nav__search:hover{background-color:#feffd4;color:#000}.intro .container{width:100%;height:100vh;background-color:#000;display:flex;justify-content:center;flex-wrap:wrap}.intro .container .title{padding-top:180px;font-size:100px;line-height:-1;color:#feffd4;text-align:center;font-family:BioRhyme,Arvo,serif;user-select:none}.intro .container .sub-title{position:absolute;width:100%;height:100vh;user-select:none}.intro .container .sub-title .left{left:-40px;rotate:-90deg}.intro .container .sub-title .left,.intro .container .sub-title .right{position:absolute;top:53%;text-align:center;font-size:25px;color:#feffd4;font-family:BioRhyme,Arvo,serif;user-select:none}.intro .container .sub-title .right{right:-40px;rotate:90deg}.intro .container .desc{width:100%;text-align:center;padding-bottom:20px;font-size:16px;line-height:1.6;color:#feffd4;font-family:BioRhyme,Arvo,serif;user-select:none}.intro .container .arrow{width:100%;height:auto;display:flex;justify-content:center;padding-top:100px;padding-bottom:30px;align-content:flex-end;user-select:none}.intro .container .arrow__btn{width:250px;height:180px;border-radius:90px;border:2px solid #feffd4;background-color:transparent;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:1}.intro .container .arrow__btn:hover{background-color:#feffd4}.intro .container .arrow__btn:hover img{filter:invert(100%);user-select:none}.main{display:flex;justify-content:center;flex-wrap:wrap;height:auto;min-height:100vh}.main .search-container{width:90%;padding-top:135px;display:flex;justify-content:space-between;position:relative}.main .search-container .title{margin-left:20px;font-size:32px;font-family:BioRhyme,Arvo,serif;padding-top:8px;user-select:none}.main .search-container .search-wrap{display:flex}.main .search-container .search-wrap .year-select{-webkit-appearance:none;width:100px;height:50px;font-size:16px;font-family:BioRhyme,Arvo,serif;color:#000;margin-right:10px;padding:0 10px;box-sizing:border-box;background-color:transparent;outline:none;box-shadow:none;border:3px solid #000;background-size:10px}.main .search-container .search-wrap .year-select .year-option{background-color:#feffd4}.main .search-container .search-wrap .type-select{-webkit-appearance:none;width:130px;height:50px;font-size:16px;font-family:BioRhyme,Arvo,serif;color:#000;margin-right:10px;padding:0 10px;box-sizing:border-box;background-color:transparent;outline:none;box-shadow:none;border:3px solid #000;background-size:10px}.main .search-container .search-wrap .type-select .type-option{background-color:#feffd4}.main .search-container .search-wrap .count-select{-webkit-appearance:none;width:100px;height:50px;font-size:16px;font-family:BioRhyme,Arvo,serif;color:#000;margin-right:10px;padding:0 10px;box-sizing:border-box;background-color:transparent;outline:none;box-shadow:none;border:3px solid #000;background-size:10px}.main .search-container .search-wrap .count-select .count-option{background-color:#feffd4}.main .search-container .search-wrap .search-input{width:250px;height:50px;font-size:16px;font-family:BioRhyme,Arvo,serif;color:#000;padding-left:10px;box-sizing:border-box;background-color:transparent;outline:none;box-shadow:none;border:3px solid #000}.main .search-container .search-wrap .search-btn{width:130px;height:50px;border-radius:0;background-color:#000;color:#feffd4;font-size:20px;outline:none;box-shadow:none;font-family:BioRhyme,Arvo,serif;border:none;margin-right:20px;padding:0 20px;cursor:pointer}.main .movie-container{position:relative;width:90%;display:flex;justify-content:center;flex-wrap:wrap}.main .movie-container .total-message{position:absolute;width:100%;font-size:22px;font-family:BioRhyme,Arvo,serif;text-align:right;padding-top:40px;margin-right:20px}.main .movie-container .total-message #total-message-text{position:absolute;right:5px;padding-bottom:5px;box-sizing:border-box;border-bottom:2px solid #000}.main .movie-container .total-message #total-message-text.none{display:none}.main .movie-container .search-message{display:flex;margin-top:180px;width:100%;justify-content:center;flex-wrap:wrap;line-height:1.3;user-select:none}.main .movie-container .search-message.none{display:none}.main .movie-container .search-message img{width:230px;height:auto;margin-bottom:5px;mix-blend-mode:multiply}.main .movie-container .search-message h4{text-align:center;width:100%;font-size:22px;font-family:BioRhyme,Arvo,serif;margin-bottom:10px}.main .movie-container .error{display:none}.main .movie-container .error.display{display:flex;margin-top:180px;width:100%;justify-content:center;flex-wrap:wrap;line-height:1.1;user-select:none}.main .movie-container .error img{width:200px;height:auto;mix-blend-mode:multiply}.main .movie-container .error h4{width:100%;font-size:30px;margin-bottom:10px}.main .movie-container .error h4,.main .movie-container .error p{text-align:center;font-family:BioRhyme,Arvo,serif}.main .movie-container .item{width:100%;align-items:flex-start;margin-top:130px;box-sizing:border-box;display:flex;flex-wrap:wrap}.main .movie-container .item .group{padding:0 20px 50px;display:flex;width:16.666667%;min-width:200px;flex-wrap:wrap;box-sizing:border-box;position:relative}.main .movie-container .item .group__imgdiv{width:100%;height:300px;background-size:cover;border:3px solid #000;background-position:50%;overflow:hidden;padding-top:20px}.main .movie-container .item .group__infodiv{padding-top:10px}.main .movie-container .item .group__infodiv__title{flex:0 0 100%;text-align:left;padding-top:10px;color:#000;font-family:BioRhyme,Arvo,serif;font-size:17px;font-weight:700;line-height:1.4}.main .movie-container .item .group__infodiv__year{padding-top:3px;font-family:BioRhyme,Arvo,serif;font-size:14px}.main .movie-container .item .group__infodiv__detail{display:flex;overflow:hidden;align-items:center;width:25px;height:25px;background-color:#000;border-radius:30px;margin-top:15px;padding-left:7.5px;box-sizing:border-box;color:#feffd4;font-family:BioRhyme,Arvo,serif;cursor:pointer}.main .movie-container .item .group__infodiv__detail:hover{width:85px;transition:.4s}.main .movie-container .item .group__infodiv__detail:hover:after{content:"detail";transition:.3s;padding-left:8px}.main .movie-container .more{width:100%;padding-top:50px;padding-bottom:100px;display:flex;justify-content:center}.main .movie-container .more .more-btn{display:none;margin:auto;width:100px;height:50px;background-color:#000;color:#feffd4;border:none;outline:none;box-shadow:none;font-family:BioRhyme,Arvo,serif;font-size:14px;cursor:pointer}.main .movie-container .more .more-btn.active{display:block}.detail{position:relative;width:100%;height:100vh;overflow:hidden;background-color:#000}.detail .message{position:absolute;font-family:BioRhyme,Arvo,serif;top:130px;width:100%;color:#feffd4;font-size:40px;text-align:center;display:block;line-height:1.3;user-select:none}.detail .message.none{display:none}.detail .container{position:absolute;z-index:1;display:none;align-items:center;justify-content:center;width:100%;height:100vh}.detail .container.display{display:flex}.detail .container .img-wrap{width:400px;height:600px;margin-top:100px;background-color:#000;background-size:cover;background-position:50%;background-repeat:no-repeat;border:5px solid #feffd4}.detail .container .info-wrap{margin-top:100px;width:800px;height:600px;margin-left:50px;font-family:BioRhyme,Arvo,serif;display:flex;flex-wrap:wrap;align-content:space-between;color:#feffd4}.detail .container .info-wrap .title-wrap{width:100%}.detail .container .info-wrap .title-wrap .title{font-size:50px;font-weight:700;width:100%}.detail .container .info-wrap .title-wrap .released{font-size:16px;margin-top:20px;width:100%}.detail .container .info-wrap .title-wrap .plot{font-size:14px;margin-top:20px;line-height:1.5}.detail .container .info-wrap .etc-wrap{width:100%}.detail .container .info-wrap .etc-wrap .ratings{margin-top:20px;font-size:16px;margin-bottom:40px}.detail .container .info-wrap .etc-wrap .ratings-title{font-weight:700;font-size:20px}.detail .container .info-wrap .etc-wrap .ratings-info{display:flex;margin-top:10px}.detail .container .info-wrap .etc-wrap .ratings-info .rating{display:flex;margin-right:15px;padding-left:15px;border-left:2px solid #feffd4}.detail .container .info-wrap .etc-wrap .ratings-info .rating:first-child{padding-left:0;border:none}.detail .container .info-wrap .etc-wrap .ratings-info .rating .logo{height:20px;margin-right:10px}.detail .container .info-wrap .etc-wrap .actors{margin-top:20px;font-size:16px;margin-bottom:40px}.detail .container .info-wrap .etc-wrap .actors-title{font-weight:700;font-size:20px}.detail .container .info-wrap .etc-wrap .actors-info{margin-top:10px;font-size:16px}.detail .container .info-wrap .etc-wrap .director{margin-top:20px;font-size:16px;margin-bottom:40px}.detail .container .info-wrap .etc-wrap .director-title{font-weight:700;font-size:20px}.detail .container .info-wrap .etc-wrap .director-info{margin-top:10px;font-size:16px}.detail .container .info-wrap .etc-wrap .genre{margin-top:20px;font-size:16px}.detail .container .info-wrap .etc-wrap .genre-title{font-weight:700;font-size:20px}.detail .container .info-wrap .etc-wrap .genre-info{margin-top:10px;font-size:16px}.detail .detail-bg{background-size:cover;background-position:50%;opacity:.2;filter:blur(4px);width:100%;height:100vh}
/*# sourceMappingURL=/main.2af257d4.css.map */