main[data-v-f24178c5]>:not(.modal){transition:all 1.5s cubic-bezier(.86,0,.07,1);transform:translate3d(0,20px,0) scale(.75);opacity:0}main.open[data-v-f24178c5]>:not(.modal){transform:translateZ(0) scale(1);opacity:1}.visualWrap{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;overflow:hidden;transition:all 1.5s cubic-bezier(.86,0,.07,1);opacity:1;z-index:500}.visualWrap.open{opacity:0;transform:translate3d(0,-100%,0) scale(.75)}main{position:relative;top:0;width:100%;min-height:100dvh;background-color:var(--color-bg);flex:1}main .section{overflow:hidden}.conInner,main .section{display:block;position:relative;width:100%}.conInner{max-width:1500px;padding:0 50px;margin:0 auto;z-index:10}main.open .section01 .txt span{position:relative;animation:con_01_txt 1s .7s both}main.open .section01 .txt p:nth-child(2) span,main.open .section01 .txt p:nth-child(3) span{animation-delay:1s}@keyframes con_01_txt{0%{top:90px}to{top:0}}main.open .ele02{animation:ele02 1.3s .5s both}.conSquare{position:absolute;bottom:0;width:100%;height:270px;background:rgb(from var(--color-primary) r g b/.05);z-index:1}.section03,.section05,.section11{background:#fff}.homeSlideWrap{position:relative;width:100%;margin:140px auto 0}.homeCenterSlide .bullet,.homeSlide02-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{width:100%;position:absolute;left:50%;transform:translate(-50%);top:-100px;text-align:center;display:flex;justify-content:center;gap:14px;bottom:auto}.homeCenterSlide .bullet a,.homeSlide02-pagination>div{position:relative;font-family:SUITE,sans-serif;display:flex;justify-content:center;align-items:center;width:135px;height:55px;font-size:19px;color:rgb(from var(--color-primary) r g b/.4);letter-spacing:-1px;font-weight:400;text-align:center;background:#fff;border-radius:50px;opacity:1;cursor:pointer}.homeCenterSlide .bullet a.active,.homeSlide02-pagination .swiper-pagination-bullet-active{font-weight:400;color:#fff;background:var(--color-primary)}.homeSlide02{position:relative}.section .conRound{position:absolute;top:50%;width:900px;height:900px;transform:translateY(-50%);border-radius:100%;background:rgb(from var(--color-primary) r g b/.05)}.section03 .conRound,.section07 .conRound{right:-255px}.section05 .conRound{left:-255px}.sectionThumb .thumbWrap{display:flex;justify-content:center;gap:20px;margin-top:60px}.sectionThumb .thumbWrap>div{position:relative;overflow:hidden;border-radius:30px;box-shadow:6px 6px 6px rgb(from var(--color-primary) r g b/.1);cursor:pointer;line-height:0}.sectionThumb .thumbWrap>div span{position:absolute;bottom:10px;right:10px;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font-size:80px;text-align:center;color:rgb(from var(--color-primary) r g b/.5);z-index:5;border-radius:100%;transition:all .3s}@media screen and (max-width:1024px)and (orientation:landscape){main{top:0!important;border-radius:0!important}}@media screen and (max-width:1024px){.conInner{width:90%;padding:0}.section .slidePadding,.section.sectionPadding,.section.slidePadding{padding:70px 0}.section .conRound{width:500px;height:500px}}@media screen and (max-width:768px){.conInner,.homeSlideWrap{width:90%;padding:0}.homeSlideWrap{margin:100px auto 0}.homeCenterSlide .bullet,.homeSlide02-pagination.homeSlide02-pagination.swiper-pagination-bullets.swiper-pagination-horizontal{top:-70px;gap:7px}.homeCenterSlide .bullet>a,.homeSlide02-pagination>div{width:85px;height:40px;font-size:.9rem}.sectionThumb .thumbWrap{width:80%;margin:0 auto}.sectionThumb .thumbWrap>div{border-radius:10px;box-shadow:6px 6px 6px #0117381a}.sectionThumb .thumbWrap>div span{bottom:7px;right:7px;width:60px;height:60px;font-size:48px;color:var(--color-primary);background:#fff}.conSquare{height:200px}}@media screen and (max-width:540px){.conInner{width:90%}.section.sectionPadding,.section.slidePadding{padding:50px 0}.section .conRound{width:550px;height:550px;top:50%;left:50%;transform:translate(-50%,-50%)}.sectionThumb .thumbWrap{width:100%;gap:10px}.sectionThumb .thumbWrap>div span{bottom:3px;right:3px;width:40px;height:40px;font-size:32px}}@media(hover:hover){.sectionThumb .thumbWrap>div:hover span{color:var(--color-primary);background:#fff}}