.movie-area{position:relative;top:-62px;box-sizing:border-box;width:78.93vw;height:137.1vw;background:hsla(0,0%,100%,.5);padding:8px;border-radius:18px;box-shadow:0 0 16px rgba(0,0,0,.16);margin:0 auto -62px;opacity:0;animation:fadeIn 1s ease-out 1.5s forwards}@media screen and (min-width:768px){.movie-area{top:-67px;margin:0 0 -67px;width:417px;height:717px;padding:16px}}.movie-area:after{content:"";position:absolute;top:8px;display:block;width:calc(78.93vw - 16px);height:calc(137.1vw - 16px);background:rgba(0,0,0,.5);border-radius:15px}@media screen and (min-width:768px){.movie-area:after{top:16px;width:385px;height:685px}}.movie-area.is-play:after{display:none}.movie-area-movie{border-radius:15px;width:calc(78.93vw - 16px);height:calc(137.1vw - 16px)}@media screen and (min-width:768px){.movie-area-movie{width:385px;height:685px}}.movie-area-btn{position:absolute;z-index:1;top:calc(50% - 25px);left:calc(50% - 25px);width:50px;height:50px}@media screen and (min-width:768px){.movie-area-btn{top:calc(50% - 40px);left:calc(50% - 40px);width:80px;height:80px}.horizontal{gap:24px}}.horizontal .movie-area{width:91.73vw;height:53.6vw}@media screen and (min-width:768px){.horizontal .movie-area{width:662px;height:386px}}.horizontal .movie-area:after{width:calc(91.73vw - 16px);height:calc(53.6vw - 16px)}@media screen and (min-width:768px){.horizontal .movie-area:after{width:630px;height:354px}}.horizontal .movie-area-movie{width:calc(91.73vw - 16px);height:calc(53.6vw - 16px)}@media screen and (min-width:768px){.horizontal .movie-area-movie{width:630px;height:354px}}.horizontal .movie-area-btn{top:calc(50% - 31px);left:calc(50% - 31px);width:63px;height:63px}@media screen and (min-width:768px){.horizontal .movie-area-btn{top:calc(50% - 43px);left:calc(50% - 43px);width:86px;height:86px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}