.Preview[data-v-4a3eb3cc]{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:center;justify-content:center}.Preview .preview-box[data-v-4a3eb3cc]{width:56.25rem;height:37.5rem;background:#fff;position:relative}.Preview .preview-box .close-icon[data-v-4a3eb3cc]{width:1.875rem;height:1.875rem;position:absolute;top:1.25rem;right:1.25rem;cursor:pointer}.Preview .preview-box .value-box[data-v-4a3eb3cc]{width:100%;height:100%;padding:3.125rem;box-sizing:border-box}.Preview .preview-box .value-box>img[data-v-4a3eb3cc],.Preview .preview-box .value-box>video[data-v-4a3eb3cc]{width:100%;height:100%;object-fit:contain}.works[data-v-44cd0dbb]{width:81.25rem;margin:auto;padding:1.25rem 0}.works .banner[data-v-44cd0dbb]{width:100%}.works .work-list[data-v-44cd0dbb]{display:flex;flex-wrap:wrap;align-content:flex-start}.works .work-list>li[data-v-44cd0dbb]{position:relative;width:19.1875rem;cursor:pointer;border-radius:.5rem;background:#fff;transition:.3s;margin:1.5rem 1.40625rem 0 0;padding-bottom:.625rem}.works .work-list>li[data-v-44cd0dbb]:nth-child(4n){margin-right:0}.works .work-list>li[data-v-44cd0dbb]:hover{box-shadow:0 .25rem .875rem 0 rgba(0,0,0,.08);transition:.3s}.works .work-list>li .courseImg[data-v-44cd0dbb]{width:100%;height:10.625rem;overflow-y:hidden;display:flex;align-items:center;border-radius:.5rem .5rem 0 0}.works .work-list>li .courseImg>img[data-v-44cd0dbb]{width:100%}.works .work-list>li .courseImg .video-wrapper[data-v-44cd0dbb]{position:relative;width:100%;height:100%}.works .work-list>li .courseImg .video-wrapper video[data-v-44cd0dbb]{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.works .work-list>li .courseImg .video-wrapper .play-icon-overlay[data-v-44cd0dbb]{position:absolute;top:50%;left:50%;width:3.125rem;transform:translate(-50%,-50%);pointer-events:none}.works .work-list>li .courseDetail[data-v-44cd0dbb]{width:19.1875rem;padding-top:.0625rem}.works .work-list>li .courseDetail .courseInfo[data-v-44cd0dbb],.works .work-list>li .courseDetail .courseTitle[data-v-44cd0dbb]{color:#333;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.works .work-list>li .courseDetail .courseTitle[data-v-44cd0dbb]{width:16.6875rem;font-size:1.125rem;line-height:1.5625rem;margin:1rem auto .5rem}.works .work-list>li .courseDetail .courseInfo[data-v-44cd0dbb]{width:16.6875rem;height:1.375rem;margin:auto;color:#666;font-size:1rem}