@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@800&display=swap");.visual{padding:100px 20px 48px}.visual .sub_title{color:#030712;font-size:40px;font-weight:700;letter-spacing:-.01em;line-height:128%;text-align:center}.visual h1{margin:28px auto 0;width:384px}.visual h1 img{width:100%}.visual .description{margin-top:32px}.visual .description p{color:#374151;font-size:16px;font-weight:400;letter-spacing:-.16px;line-height:170%;text-align:center}.visual .video_area{height:calc(100vh - 72px);margin-top:48px;overflow:hidden;position:relative;width:100%}.visual .video_area video{height:100%;object-fit:cover;width:100%}.visual .img_slide{margin:56px auto 0;max-width:1280px;overflow:hidden;position:relative}.visual .img_slide .swiper-wrapper{display:flex;height:100%}.visual .img_slide .swiper-slide{flex-shrink:0;height:100%;line-height:0;position:relative;width:100%}.visual .img_slide .swiper-slide img{height:100%;object-fit:cover;width:100%}.visual .img_slide .slide_dim{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));bottom:0;height:100px;left:0;position:absolute;width:100%}.visual .img_slide .pagination{bottom:32px;display:flex;gap:8px;justify-content:center;left:0;position:absolute;width:100%;z-index:1}.visual .img_slide .pagination .swiper-pagination-bullet{background-color:#fff;border-radius:4px;cursor:pointer;height:8px;opacity:.5;width:8px}.visual .img_slide .pagination .swiper-pagination-bullet-active{opacity:1}.visual .img_slide .btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:.3s ease;width:48px}.visual .img_slide .btn.btn_prev{left:24px}.visual .img_slide .btn.btn_next{right:24px}.visual .img_slide:hover .btn{opacity:1}.visual .video_area .video_thumbnail{height:100%;left:0;object-fit:cover;opacity:1;pointer-events:none;position:absolute;top:0;transition:opacity 1.5s cubic-bezier(.4,0,.2,1);width:100%;z-index:2}.visual .video_area .video_thumbnail.fade-out{opacity:0}.visual .video_area .video_control_btn{align-items:center;background-color:rgba(3,7,18,.5);border:none;border-radius:50%;bottom:40px;cursor:pointer;display:flex;height:56px;justify-content:center;left:40px;opacity:0;pointer-events:none;position:absolute;transition:transform .2s ease,background-color .2s ease,opacity .3s ease;width:56px;z-index:3}.visual .video_area .video_control_btn.visible{opacity:1;pointer-events:auto}.visual .video_area .video_control_btn svg{color:#fff;height:32px;width:32px}.visual .video_area .video_control_btn .icon_play{display:none}.visual .video_area .video_control_btn .icon_pause,.visual .video_area .video_control_btn.paused .icon_play{display:block}.visual .video_area .video_control_btn.paused .icon_pause{display:none}@media (max-width:1024px){.visual{padding:48px 0 0}.visual .sub_title{font-size:18px}.visual h1{margin-top:12px;width:222.5px}.visual .img_slide{aspect-ratio:375/260;margin-top:32px}.visual .img_slide .btn{display:none}.visual .img_slide .pagination{bottom:12px;gap:4px}.visual .img_slide .pagination .swiper-pagination-bullet{height:6px;width:6px}.visual .video_area{height:calc(100vh - 64px);margin-top:40px}.visual .video_area .video_control_btn{bottom:16px;height:40px;left:16px;width:40px}.visual .video_area .video_control_btn svg{height:16px;width:16px}}@media (max-width:768px){.visual .description p+p{margin-top:8px}}