.title{width:100%;font-size:40px;font-weight:700;text-align:center;opacity:0}.mainbody-wrapper{margin:0 auto;width:100%;max-width:1400px;padding:0 24px}.mainbody{display:flex;align-items:center;flex-direction:column}.mainbody-inner{padding-top:30px;width:56%;font-family:Helvetica,Arial,sans-serif;font-weight:500;line-height:120%;margin:0;font-size:24px;letter-spacing:.06em;text-align:center;position:relative}.slideTopTitle{animation:slideTopTitle .5s ease forwards;animation-delay:.5s}@keyframes slideTopTitle{0%{transform:translateY(130px)}to{transform:translateY(0);opacity:1}}.content{opacity:0;transform:translateY(60px);display:block}.slideTopContent1{animation:slideTopContent1 .8s ease forwards;animation-delay:1s}@keyframes slideTopContent1{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.slideTopContent2{animation:slideTopContent2 .8s ease forwards;animation-delay:1.2s}@keyframes slideTopContent2{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.slideTopContent3{animation:slideTopContent3 .8s ease forwards;animation-delay:1.4s}@keyframes slideTopContent3{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.slideRight{animation:slideRight 1s ease forwards}@keyframes slideRight{0%{transform:translateX(-100px)}to{transform:translateX(0);opacity:1}}.slideLeft{animation:slideLeft 1s ease forwards}@keyframes slideLeft{0%{transform:translateX(100px)}to{transform:translateX(0);opacity:1}}.slideTop{animation:slideTop 1s ease forwards}@keyframes slideTop{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.slideBottom{animation:slideBottom 1s ease forwards}@keyframes slideBottom{0%{transform:translateY(-100px)}to{transform:translateY(0);opacity:1}}.slideList1{animation:slideList1 .5s ease forwards}@keyframes slideList1{0%{transform:translateY(140px)}to{transform:translateY(0);opacity:1}}.slideList2{animation:slideList2 .5s ease forwards}@keyframes slideList2{0%{transform:translateY(120px)}to{transform:translateY(0);opacity:1}}.slideList3{animation:slideList3 .5s ease forwards}@keyframes slideList3{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.slideEnter{animation:slideEnter .5s ease forwards}@keyframes slideEnter{to{opacity:1}}.img1{background-image:url(/images/c4.jpg);width:200px;height:230px;left:200px;top:50px}.img1,.img2{position:absolute;background-size:cover;border-radius:30px;opacity:0}.img2{background-image:url(/images/r1.jpg);width:230px;height:190px;right:200px;top:-60px}.img3{position:absolute;background-image:url(/images/c5.jpg);background-size:cover;width:180px;height:220px;border-radius:30px;right:220px;bottom:-40px}.desList,.img3{opacity:0}.occurSearch{animation:occurSearch 1s ease forwards;animation-delay:2.3s}@keyframes occurSearch{0%{transform:scale(0)}to{transform:scale(1);opacity:1}}.occur{animation:occur 1s ease forwards;animation-delay:1.3s}@keyframes occur{0%{transform:scale(0)}to{transform:scale(1);opacity:1}}.slide1{animation:slide1 1s ease-in forwards;animation-delay:.2s}@keyframes slide1{0%{transform:translate(-160px,33px)}to{transform:translate(0);opacity:1}}.slide2{animation:slide2 1s ease-in forwards;animation-delay:.2s}@keyframes slide2{0%{transform:translate(176px,160px)}to{transform:translate(0);opacity:1}}.slide3{animation:slide3 1s ease-in forwards;animation-delay:.2s}@keyframes slide3{0%{transform:translate(170px,-152px)}to{transform:translate(0);opacity:1}}.major-des{width:55%;margin-left:30px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.cards,.cards-container{width:360px;height:360px}.cards{display:grid;grid-template-rows:repeat(2,180px);grid-template-columns:repeat(2,180px);position:relative}.card-wrapper{border-radius:32px;will-change:grid-row,grid-column;transition:grid-column 3s,grid-row 3s;opacity:0}.card,.card-wrapper{width:100%;height:100%;transform-style:preserve-3d;position:relative}.card{will-change:transform;transition:transform 1s}.card-wrapper:hover{z-index:20!important;grid-row:1/3;grid-column:1/3}.card-wrapper:hover .card{transform:rotateY(180deg)}.card-content{position:absolute;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:32px;width:100%;height:100%;transform-style:preserve-3d}.cards .card-wrapper:first-child .card-content.is-front{transform:rotateY(0deg) rotate(0deg)}.cards .card-wrapper:first-child .card-content.is-back{transform:rotateY(180deg) rotate(0deg)}.cards .card-wrapper:nth-child(2) .card-content.is-front{transform:rotate(0deg)}.cards .card-wrapper:nth-child(2) .card-content.is-back{transform:rotateY(180deg) rotate(0deg)}.cards .card-wrapper:nth-child(3) .card-content.is-front{transform:rotate(0deg)}.cards .card-wrapper:nth-child(3) .card-content.is-back{transform:rotateY(180deg) rotate(0deg)}.cards .card-wrapper:nth-child(4) .card-content.is-front{transform:rotate(0deg)}.cards .card-wrapper:nth-child(4) .card-content.is-back{transform:rotateY(180deg) rotate(0deg)}.card-content.is-front{overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}.card-content.is-back{background-position:50%;background-size:cover;box-shadow:0 20px 25px #efefef}.desList{color:#777e87;font-size:16px}.text-wrapper{padding:10px 40px;width:100%;height:100%;overflow:hidden}.text-wrapper em{height:2px;width:60px;background:#4096ff;border-radius:2px;display:block}.text-wrapper h1{font-size:20px}.text-wrapper p{font-size:14px;margin-top:10px;color:#777e87}.motionImg1{animation:motionImg1 1s ease-in forwards}@keyframes motionImg1{0%{transform:translate(90px,90px)}to{transform:translate(0);opacity:1}}.motionImg2{animation:motionImg2 1s ease-in forwards}@keyframes motionImg2{0%{transform:translate(-90px,90px)}to{transform:translate(0);opacity:1}}.motionImg3{animation:motionImg3 1s ease-in forwards}@keyframes motionImg3{0%{transform:translate(90px,-90px)}to{transform:translate(0);opacity:1}}.motionImg4{animation:motionImg4 1s ease-in forwards}@keyframes motionImg4{0%{transform:translate(-90px,-90px)}to{transform:translate(0);opacity:1}}.video-1{width:38%}.video-1,.video-2{position:relative;background-color:#efefef;overflow:hidden;border-radius:20px;opacity:0}.video-2{width:24%}.video-group{width:35%;display:flex;flex-direction:column;justify-content:space-between}.video-3,.video-4{position:relative;background-color:#efefef;overflow:hidden;height:48%;border-radius:20px;opacity:0}.mot-1{animation:mot-1 .5s ease forwards;animation-delay:.5s}@keyframes mot-1{0%{transform:translateX(-100px)}to{transform:translateX(0);opacity:1}}.mot-2{animation:mot-2 .5s ease forwards;animation-delay:1s}@keyframes mot-2{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.mot-3{animation:mot-3 .5s ease forwards;animation-delay:1.5s}@keyframes mot-3{0%{transform:translateY(-100px)}to{transform:translateY(0);opacity:1}}.mot-4{animation:mot-4 .5s ease forwards;animation-delay:1.5s}@keyframes mot-4{0%{transform:translateY(100px)}to{transform:translateY(0);opacity:1}}.header-wrapper{display:flex;justify-content:space-between;margin:0 auto;flex-wrap:wrap;padding:2% 5% 0;height:92vh;width:100vw}.container,.header-wrapper{position:relative}.scrollContainer,.test{width:100%;height:100%;overflow-y:scroll}.scrollContainer{scroll-behavior:smooth;scroll-snap-type:y mandatory}section{width:100vw;height:93vh;scroll-snap-align:start;position:relative;display:flex;justify-content:center;align-items:center;margin:10px auto}@keyframes scaleProgress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.toTop{color:#000;opacity:.8;position:fixed;z-index:100;right:12px;bottom:12px;width:48px;height:48px;border-radius:24px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.12);display:flex;justify-content:center;align-items:center;cursor:pointer;transition:transform .2s ease}.toTop:hover{transform:scale(1.2)}