@keyframes key-ani-fade-out{0%{opacity:.9}to{opacity:0}}@keyframes key-ani-zoom{0%{transform:scale(1.2) translateY(-3rem)}to{transform:scale(1) translateY(0)}}@keyframes ani-up{0%{transform:translate3d(0,100%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes ani-up2{0%{transform:translate3d(0,70%,0);transform-style:preserve-3d;opacity:0}to{transform:translateZ(0);transform-style:preserve-3d;opacity:1}}@keyframes key_opacity_01{0%{opacity:0}to{opacity:1}}@keyframes key_opacity_02{0%{opacity:.3}50%{opacity:.6}to{opacity:1}}@keyframes key_opacity_03{0%{opacity:.2}50%{opacity:.2}to{opacity:1}}@keyframes ani-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ani-scale-center{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(3)}}.page-our-services *{margin:0;padding:0}.page-our-services ul,.page-our-services ol{font:inherit;color:inherit;list-style:none;padding:0}.page-our-services h1,.page-our-services h2,.page-our-services h3,.page-our-services h4,.page-our-services h5,.page-our-services p{font:inherit;color:inherit}.page-our-services button,.page-our-services a,.page-our-services .button{font:inherit;color:inherit;text-transform:none;letter-spacing:0;background-color:transparent;border:none;cursor:pointer}.page-our-services dl,.page-our-services dt,.page-our-services dd{display:initial;font:inherit;color:inherit}.page-our-services img{vertical-align:top}.page-our-services em,.page-our-services i{font-style:normal}.page-our-services a{text-decoration:none}.page-our-services{font-family:futura-pt,sans-serif;color:#02060f;overflow:hidden;width:100%}.page-our-services .layout_inner{padding:0}.page-our-services .service_keyvisual{position:relative;height:66rem;z-index:3;overflow:hidden}.page-our-services .service_keyvisual:before{content:"";display:block;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;z-index:11;opacity:.9}.page-our-services .service_keyvisual .layout_inner{position:absolute;width:100%;height:100%;left:50%;top:0;transform:translate(-50%);z-index:12}.page-our-services .service_keyvisual .title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;z-index:2}.page-our-services .service_keyvisual h2{max-width:80rem;text-align:center;font-size:5.6rem;font-weight:400;line-height:1.1;transform:translateY(2rem);opacity:0}.page-our-services .service_keyvisual p{max-width:80rem;text-align:center;font-size:2.8rem;font-weight:400;line-height:1.1;margin-top:2rem;opacity:0}.page-our-services .service_keyvisual .img{position:relative;width:100%;height:100%;bottom:0;left:0;z-index:10;transform:scale(1.2) translateY(-3rem)}.page-our-services .service_keyvisual .img img{display:block;width:auto;height:100%;max-width:none;position:absolute;right:50%;top:50%;transform:translate(50%,-50%) scale(1)}.page-our-services .service_keyvisual .video{position:relative;width:100%;height:100%;bottom:0;left:0;z-index:10;transform:scale(1.2) translateY(-3rem)}.page-our-services .service_keyvisual .video video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;max-width:256rem;position:absolute;right:50%;top:50%;transform:translate(50%,-50%) scale(1)}.page-our-services .service_keyvisual.active .title h2{animation:ani-up .8s linear .2s forwards}.page-our-services .service_keyvisual.active .title h2+p{animation:ani-up2 .8s linear .2s forwards}.page-our-services .service_keyvisual.active .img,.page-our-services .service_keyvisual.active .video{animation:key-ani-zoom 1.5s forwards}.page-our-services .service_keyvisual.active:before{animation:key-ani-fade-out .8s linear .8s forwards}.page-our-services .content_title{margin:12rem 0;text-align:center}.page-our-services .content_title h1{font-size:6.4rem;line-height:1.1;font-weight:400;margin-bottom:2rem;animation:ani-up .8s linear .2s forwards;opacity:0}.page-our-services .content_title h1+p{font-size:2.8rem;font-weight:400;line-height:1.2;max-width:90%;margin:0 auto;animation:ani-up .8s linear .2s forwards;opacity:0}.page-our-services .box_wrap{width:100%;display:flex;flex-wrap:wrap}.page-our-services .box_wrap .item{display:flex;flex:1 1 50%;width:50%;flex-direction:column;justify-content:center;box-sizing:border-box}.page-our-services .box_wrap .item.img{position:relative;overflow:hidden}.page-our-services .box_wrap .item.img img{display:block;width:100%;max-width:100%;transform:scale(1.4);transition:all .8s}.page-our-services .box_wrap .item.txt{padding:0 10%}.page-our-services .box_wrap .item.txt h3{position:relative;font-size:5.6rem;line-height:1;font-weight:400;margin-bottom:4rem;transform:translate3d(0,70%,0);transform-style:preserve-3d;opacity:0;transition:all .5s}.page-our-services .box_wrap .item.txt p{margin:0;font-size:2rem;line-height:1.8;max-width:55rem;transform:translate3d(0,50%,0);transform-style:preserve-3d;opacity:0;transition:all .5s}.page-our-services .box_wrap:nth-of-type(odd){flex-direction:row-reverse}.page-our-services .box_wrap.active .item.img img{transform:scale(1);bottom:0%;transition:all .8s}.page-our-services .box_wrap.active .item.txt h3{transform:translateZ(0);transform-style:preserve-3d;opacity:1;transition:all .5s}.page-our-services .box_wrap.active .item.txt p{transform:translateZ(0);transform-style:preserve-3d;opacity:1;font-family:noto-sans-cjk-kr,sans-serif;font-weight:300;transition:all .5s}@media (min-width: 1921px){.page-our-services .service_keyvisual,.page-our-services .service_keyvisual .layout_inner{height:88rem}}@media (max-width: 1280px){.page-our-services .service_keyvisual .title{left:50%;right:auto;width:100%}.page-our-services .service_keyvisual h2+p{font-size:1.8rem}.page-our-services .service_keyvisual .title h2,.page-our-services .service_keyvisual .title p{margin-left:auto;margin-right:auto}.page-our-services .box_wrap .item.txt{padding:0 5%}.page-our-services .box_wrap.active .item.txt h3{font-size:4.8rem}}@media (max-width: 1024px){.page-our-services .box_wrap.active .item.txt h3{margin-bottom:2rem;font-size:3.2rem}.page-our-services .box_wrap .item.txt p{font-size:1.4rem}}@media (max-width: 768px){.page-our-services .service_keyvisual{width:100%;height:auto;position:relative;display:flex}.page-our-services .service_keyvisual .layout_inner{padding:0;width:100%;margin:0 auto;display:flex;justify-content:center}.page-our-services .service_keyvisual .title{height:auto;top:auto;left:0;bottom:3rem;transform:translateY(0);width:100%}.page-our-services .service_keyvisual h2{font-size:2.8rem;line-height:1.4;position:static;margin:0 auto}.page-our-services .service_keyvisual .title p{font-size:1.4rem;font-weight:300;margin:1rem auto 0;padding:0;max-width:28rem}.page-our-services .service_keyvisual .img{position:relative;width:100%;height:auto;left:0;text-align:center}.page-our-services .service_keyvisual .img img{position:static;width:100%;height:auto;-o-object-position:center center;object-position:center center;transform:translate(0) scale(1);display:block}.page-our-services .box_wrap{display:block;width:100%;margin:0 auto}.page-our-services .box_wrap .item{width:100%;height:34rem}.page-our-services .box_wrap .item.txt{height:auto;padding:4rem 3rem 8rem;text-align:left}.page-our-services .box_wrap .item.txt h3{font-size:2.8rem;margin-bottom:1rem}.page-our-services .box_wrap .item.txt p{font-size:1.4rem;max-width:100%}.page-our-services .box_wrap.active .item.txt h3{margin-bottom:1rem;font-size:2.8rem}.page-our-services .layout_inner{padding:0}.page-our-services .content_title{margin:4rem 0;padding:0 1rem}.page-our-services .content_title h1{font-size:3.2rem;margin-bottom:1.5rem}.page-our-services .content_title h1+p{font-size:1.8rem}.page-our-services .content_title h1+p br{display:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/page-our-services.scss.css.map */