#mainVisual{border-top:1px solid rgba(0,0,0,0.1);background-color:#fff}#mainVisual .main-inner{position:relative}#mainVisual .main-inner::before{content:"";display:block;width:100%;padding-bottom:calc(886 / 1920 * 100%)}#mainVisual .main-btn-cls{position:absolute;top:10px;right:10px;font-size:0.7rem;padding:0.5rem 0;width:90px;background-color:#fff;color:#555;text-align:center;z-index:10;pointer-events:none;cursor:pointer;opacity:0;transition:opacity 0.5s linear 0s}#mainVisual .main-btn-cls.active{opacity:1;pointer-events:auto}#mainVisual .main-op{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}#mainVisual .main-op video{width:100%;height:100%;object-fit:cover;object-position:center center}#mainVisual .main-op::after{content:"";width:100%;height:100%;background-color:#c6deeb;opacity:0.8;display:block;mix-blend-mode:multiply;position:absolute;top:0;left:0;z-index:1}#mainVisual .main-op .main-copy{position:absolute;top:50%;left:50%;width:40%;max-width:600px;min-width:300px;z-index:2;pointer-events:none;mix-blend-mode:screen}#mainVisual .main-op .main-copy .main-copy-inner{position:relative;width:100%;transform:translate(-50%, -50%);padding-bottom:38.8888888889%;opacity:0;transition:1s linear 0s opacity}#mainVisual .main-op .main-copy .main-copy-inner .img{position:absolute;top:0;left:0;width:100%;opacity:0;transition:0.2s ease-out 1s opacity,0.2s cubic-bezier(0.11, 0.8, 0.58, 1) 1s transform}#mainVisual .main-op .main-copy .main-copy-inner .copy-line1{transform:translateY(40%)}#mainVisual .main-op .main-copy .main-copy-inner .copy-line2{transform:scale(2, 2)}#mainVisual .main-op .main-copy .main-copy-inner .copy-line3{transform:translateY(20%)}#mainVisual .main-op .mv-video{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:100%}#mainVisual .main-op .main-merit{position:absolute;bottom:5%;right:2.5%;width:20%;max-width:300px;z-index:3}#mainVisual .main-op.active .main-copy .main-copy-inner{opacity:1}#mainVisual .main-op.active .main-copy .main-copy-inner .img{transition-duration:1s}#mainVisual .main-op.active .main-copy .main-copy-inner .copy-line1{opacity:1;transform:translateY(0%);transition-delay:1s}#mainVisual .main-op.active .main-copy .main-copy-inner .copy-line2{opacity:1;transform:scale(1, 1);transition-delay:2s}#mainVisual .main-op.active .main-copy .main-copy-inner .copy-line3{opacity:1;transform:translateY(0%);transition-delay:3.0s}#mainVisual .main-kv{opacity:0;position:absolute;top:0%;left:0%;width:100%;height:100%;pointer-events:none;transition:1s linear 0s opacity}#mainVisual .main-kv .img{width:100%;height:100%}#mainVisual .main-kv .img img{width:100%;height:100%;object-fit:cover;object-position:center 0%;transition:1s ease 1s object-position}#mainVisual .main-kv.active{pointer-events:auto;opacity:1}#mainVisual .main-kv.active img{transition-duration:5s;transition-delay:0s;transition-timing-function:cubic-bezier(0.2, 0.57, 0.58, 1);object-position:center 100%}#mainVisual .main-loading{position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:10}#mainVisual .main-loading ul{display:flex;justify-content:center;gap:4px}#mainVisual .main-loading ul li{width:6px;height:6px;background-color:#7FB27F;border-radius:50%;opacity:0.4}@keyframes mainLoadingDotMotion{0%{opacity:0.4}20%{opacity:0.4}30%{opacity:1}80%{opacity:0.4}100%{opacity:0.4}}#mainVisual .main-loading ul li:nth-child(1){animation:mainLoadingDotMotion 1s linear 0s infinite}#mainVisual .main-loading ul li:nth-child(2){animation:mainLoadingDotMotion 1s linear 0.2s infinite}#mainVisual .main-loading ul li:nth-child(3){animation:mainLoadingDotMotion 1s linear 0.4s infinite}#mainVisual .main-loading ul li:nth-child(4){animation:mainLoadingDotMotion 1s linear 0.6s infinite}@keyframes mainLoadingFadeMotion{0%{opacity:1}100%{opacity:0}}#mainVisual .main-loading.fadeOut{pointer-events:none;animation:mainLoadingFadeMotion 0.5s linear 0s forwards}@media screen and (max-width: 768px){#mainVisual .main-btn-cls{top:5px;right:5px;width:70px}#mainVisual .main-inner::before{padding-bottom:calc(480 / 500 * 100%)}#mainVisual .main-inner .main-op .main-copy{width:60%;max-width:500px;min-width:300px}#mainVisual .main-inner .main-op .main-merit{width:30%}}