body{background:#fff!important;color:#121212!important;font-family:Space Grotesk,Space Grotesk fallback,sans-serif;font-size:14px;line-height:1.3;overflow-x:hidden}.box-sidebar div[data-headlessui-state=open]{background:#fff}.box-sidebar ul a,.box-sidebar ul button{display:block;padding:16px 0;text-align:center}.square{background:#000;position:absolute;transition:.6s}.square-1{height:8px;left:0;top:0;width:8px}.square-2{height:4px;left:8px;top:8px;width:4px}.square-3{height:5px;left:3px;top:12px;width:5px}.square-4{bottom:12px;height:3px;right:5px;width:3px}.square-5{bottom:8px;height:5px;right:8px;width:5px}.square-6{bottom:0;height:8px;right:0;width:8px}.btn-effect-black .square{background:#fff}.btn-effect-black:hover .square-1{left:16px}.btn-effect-black:hover .square-2{left:58px}.btn-effect-black:hover .square-3{left:130px}.btn-effect-black:hover .square-4{right:16px}.btn-effect-black:hover .square-5{right:135px}.btn-effect-black:hover .square-6{right:50px}.btn-effect-sm{margin-left:auto}.btn-effect-sm:hover .square-1{left:12px}.btn-effect-sm:hover .square-2{left:38px}.btn-effect-sm:hover .square-3{left:100px}.btn-effect-sm:hover .square-4{right:12px}.btn-effect-sm:hover .square-5{right:95px}.btn-effect-sm:hover .square-6{right:30px}.effect-canvas{left:0;position:fixed;top:0;z-index:-1}.effect-canvas,canvas{height:100%;width:100%}canvas{display:block;margin:0 auto}#menu a{white-space:nowrap}.fp-overflow{height:100%}.pc .slide{height:100vh;position:relative;width:1440px}.pc .slide-fake{width:1000px}.slide1{padding-top:7.8125vw}.slide1.active h1{animation-delay:.5s}.slide1.active button,.slide1.active h1,.slide1.active p{opacity:1;transform:translateY(0)}.slide1.active p{transition-delay:.5s}.slide1.active button{transition-delay:1s}.slide1 .img-3d{bottom:-5.2083333333vw;left:50%;position:absolute;transform:translate(-50%);width:75vw}.slide1 h1{font-size:118px;letter-spacing:-3.54px;line-height:150px;transition:.7s}.slide1 p{margin-bottom:1.875vw}.slide2{padding:84px 0 0;position:relative}.slide2.active h2,.slide2.active h4,.slide2.active p{opacity:1;transform:translateY(0)}.slide2.active h2{animation-delay:.5s}.slide2.active h4{transition-delay:.5s}.slide2.active p{transition-delay:1s}.slide2 .img-3d{left:48%;max-height:100%;transform:translate(-50%)}.slide2 .img-3d img{max-height:calc(100vh - 144px)}.slide2 .container{height:100%}.slide3{padding:84px 0 0}.slide3.active h2,.slide3.active p{opacity:1;transform:translateY(0)}.slide3.active h2{animation-delay:.5s}.slide3.active p{transition-delay:.5s}.slide4{padding:84px 0 40px}.slide4.active .grid>div,.slide4.active h2,.slide4.active h4{opacity:1;transform:translateY(0)}.slide4.active h2{animation-delay:.5s}.slide4.active h4{transition-delay:.5s}.slide4.active .grid>div:first-child{transition-delay:1s}.slide4.active .grid>div:nth-child(2){transition-delay:1.2s}.slide4.active .grid>div:nth-child(3){transition-delay:1.5s}.pc .slide5{width:100%}.pc .slide5.active .list li{opacity:1;transform:translateY(0)}.pc .slide5.active .list li:nth-child(2){transition-delay:.5s}.pc .slide5.active .list li:nth-child(3){transition-delay:1s}.mobile .slide1{position:relative}.mobile .slide1 .img-3d{margin-top:8vh;position:relative}.mobile .slide3{padding-top:40px}.mobile .slide2{padding-top:0}.slide5 .content{padding:10px 0 40px}.ver-bw .content{background:#121212}.ver-bw #menu a{color:#868686}.ver-bw .slide4{padding-bottom:0}.fp-tableCell{vertical-align:top}.fp-arrow{display:none}@keyframes moviey{0%{transform:translateY(-10px)}50%{transform:translateY(0)}to{transform:translateY(-10px)}}.text-gray{color:#ffffffb3}.bg-size-full{background-size:100% 100%}a,button{transition:.25s}.container{margin:0 auto;max-width:1230px;padding:0 15px}.social a:hover,.social button:hover{filter:brightness(100%) drop-shadow(rgb(44,47,221) 0 0 0) drop-shadow(rgb(0,134,105) 0 0 16px) drop-shadow(rgba(0,232,112,.8) 0 0 80px)}.loader{animation:spin 2s linear infinite;border:6px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;width:60px}.progress-line{z-index:-1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.slide3 .img-circle{max-width:100%}.img-window{margin-bottom:40px;width:288px}.mobile{display:none}@media (max-width:1680px){.pc .slide3 .img-circle{max-width:80%}.img-window{margin-bottom:20px;width:220px}}@media (max-width:1440px){.pc .slide3 .img-circle{max-width:60%}.img-window{width:180px}}@media (max-width:1024px){.slide1{padding-top:16vw}.slide1 .img-3d{bottom:0;left:0;max-width:100%;transform:translate(0);width:auto}.slide1 h1{font-size:118px;letter-spacing:-3.54px;line-height:150px}.slide1 p{margin-bottom:36px}.slide2{margin-top:60px}.slide2 .img-3d{left:32%;transform:translate(0);width:36%}.slide2 .img-3d img{max-height:calc(100vh - 84px)}.slide2 .w-full{max-width:36%}.slide2 .container{min-height:60vh}.slide3 .img-circle{bottom:0;max-width:86%;top:inherit}.slide5 .content{background-position:-30vw 0}.mobile{display:block}.pc{display:none}}@media (max-width:768px){.slide1 h1{font-size:17vw;letter-spacing:-2.54px;line-height:1.4}.slide2{margin-top:0}.slide2 .w-full{max-width:100%}.slide2 .img-3d{left:0;margin:20px auto 40px;position:relative;width:80%}.slide2 .img-3d img{max-height:calc(100vh - 84px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes rotate{to{transform:rotate(1turn)}0%{transform:rotate(0)}}.rotate{animation:rotate;-webkit-animation-name:rotate}@keyframes looper{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}.wrapper-tntd{height:100%;transition:.25s;transition-timing-function:ease-out;width:100%}.wrapper-tntd .detail__tflex{display:flex;justify-content:space-between;margin-top:50px}.wrapper-tntd .detail__tflex .detail__tinfo{width:calc(50% - 40px)}.wrapper-tntd .detail__tflex .detail__tinfo .detail__tlavt{margin-bottom:40px}.wrapper-tntd .detail__tflex .detail__tinfo .detail__tlavt img{display:block;max-width:100%;width:100%}.wrapper-tntd .detail__tflex .detail__ttimeline{border-left:1px solid #ccc;padding-left:25px;width:50%}.wrapper-tntd .detail__tflex .detail__ttimeline .text{font-size:18px;line-height:32px}.wrapper-tntd .detail__tflex .detail__ttimeline .title{color:#999;font-family:Merriweather,Merriweather fallback;font-size:26px;font-style:normal;font-weight:700;line-height:33px;margin-bottom:30px}.wrapper-tntd .detail__tflex .detail__ttimeline .item{margin-bottom:25px;padding-left:60px;position:relative}.wrapper-tntd .detail__tflex .detail__ttimeline .time{color:#000;font-family:Merriweather,Merriweather fallback;font-size:18px;font-style:normal;font-weight:700;line-height:26px;margin-bottom:10px}.wrapper-tntd .detail__tflex .detail__ttimeline .item:before{background:#ccc;content:"";height:1px;left:-25px;position:absolute;top:14px;width:60px}.wrapper-tntd .detail__tflex .detail__ttimeline .item:after{background:#999;border-radius:50%;content:"";height:9px;left:-30px;position:absolute;top:10px;width:9px}.wrapper-tntd .block,.wrapper-tntd .container{position:relative;width:100%}.wrapper-tntd .block{display:block}.wrapper-tntd .block .content{width:100%}.wrapper-tntd .wapper-scroll{margin:0 auto;max-width:1310px;padding:0 15px;position:relative;width:100%}.wrapper-tntd .wapper-scroll.img-big{max-width:1440px}.wrapper-tntd .wapper-scroll.img-big .position-scroll .box-image-scroll .img,.wrapper-tntd .wapper-scroll.img-big .wapper-scroll-img{max-width:1410px}.wrapper-tntd .wapper-scroll.img-full{max-width:100%;padding:0}.wrapper-tntd .wapper-scroll.img-full .wapper-scroll-img{max-width:100%}.wrapper-tntd .wapper-scroll.img-full .position-scroll[data-scroll=during] .wapper-scroll-img{padding:0}.wrapper-tntd .wapper-scroll.img-full .position-scroll[data-scroll=during] .item-scroll .box-image-scroll{position:fixed}.wrapper-tntd .wapper-scroll.img-full .position-scroll[data-scroll=after] .item-scroll .box-image-scroll{bottom:0;left:0;position:absolute;top:auto}.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll{height:auto;min-height:100vh;position:static}.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll:nth-child(2n) .text-on-edt{justify-content:flex-start}.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll .box-image-scroll{height:100vh;left:0;position:absolute;top:0;width:100%}.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll .text-on-edt{display:flex;justify-content:flex-end;padding:40vh 40px 20vh;position:relative;width:100%;z-index:2}@media (max-width:771px){.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll .text-on-edt{padding-left:16px;padding-right:16px;padding-top:20vh}}.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll .text-on-edt .frame-txt{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;border-radius:12px;color:#333;font-family:Roboto,Roboto fallback;font-size:18px;font-style:normal;font-weight:400;line-height:30px;max-width:740px;padding:40px;width:100%}@media (max-width:771px){.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll .text-on-edt .frame-txt{padding:20px}}.wrapper-tntd .wapper-scroll.img-full .position-scroll .item-scroll .text-on-edt .title-text{color:#333;font-family:Roboto,Roboto fallback;font-size:32px;font-style:normal;font-weight:700;line-height:50px;text-transform:uppercase}@media (max-width:771px){.wrapper-tntd .wapper-scroll.img-full .position-scroll .box-image-scroll .img{height:100%}}.wrapper-tntd .wapper-scroll-img{height:100%;margin:0 auto;max-width:1280px;width:100%}.wrapper-tntd .position-scroll{position:relative}@media (max-width:1440px){.wrapper-tntd .position-scroll.img-big[data-scroll=during] .wapper-scroll-img{padding:0 15px}}.wrapper-tntd .position-scroll.img-big .box-image-scroll .img{max-width:1410px}@media (max-width:1440px){.wrapper-tntd .position-scroll.img-big .box-image-scroll .img{height:auto}}.wrapper-tntd .position-scroll.img-full .box-image-scroll .img{max-width:100%}@media (max-width:1440px){.wrapper-tntd .position-scroll.img-full .box-image-scroll .img{height:auto}}.wrapper-tntd .position-scroll[data-scroll=during] .box-image-scroll{height:100%;left:0;position:fixed;top:0;width:100%}@media (max-width:1280px){.wrapper-tntd .position-scroll[data-scroll=during] .wapper-scroll-img{padding:0 15px}}.wrapper-tntd .position-scroll[data-scroll=after] .box-image-scroll{bottom:0;height:100%;left:0;position:absolute;top:auto;width:100%}.wrapper-tntd .position-scroll .box-image-scroll{align-items:center;display:flex;height:100%;width:100%}.wrapper-tntd .position-scroll .box-image-scroll .img{background:#fff;display:flex;height:100%;max-height:100%;max-width:771px;-o-object-fit:cover;object-fit:cover;-o-object-position:revert;object-position:revert;opacity:0;transition-duration:.6s;transition-property:all;transition-timing-function:cubic-bezier(.7,1,.7,1);visibility:hidden;width:100%}@media (max-width:771px){.wrapper-tntd .position-scroll .box-image-scroll .img{height:auto}}.wrapper-tntd .position-scroll .box-image-scroll .img .el-img{height:100%}.wrapper-tntd .position-scroll .box-image-scroll .img.active{opacity:1;visibility:visible}.wrapper-tntd .position-scroll .item-scroll{align-items:center;display:flex;height:100vh;position:relative}.wrapper-tntd .position-scroll .text-on-box{align-items:center;background:#fff;border-radius:5px;box-shadow:0 0 8px #00000040;flex-wrap:wrap;float:right;justify-content:center;padding:19px 16px 15px 39px;position:absolute;right:0;width:342px;z-index:2}@media (max-width:575px){.wrapper-tntd .position-scroll .text-on-box{left:50%;right:auto;transform:translate(-50%)}}.wrapper-tntd .position-scroll .text-on-box .frame-txt .title{font-size:24px;font-weight:500;line-height:28px;margin-bottom:24px}.wrapper-tntd .position-scroll .text-on-box .frame-txt .desc-r{font-size:18px;line-height:32px;margin-bottom:10px}.wrapper-tntd .position-scroll .text-on-box .frame-txt ul li{font-size:18px;line-height:34px;list-style:none;margin-bottom:10px}.wrapper-tntd .position-scroll .text-on-box .frame-txt ul li p:first-child{margin-right:10px}.wrapper-tntd .block.content-normal,.wrapper-tntd .block.content-normal .content{opacity:1}.wrapper-tntd main{height:100vw;left:0;overflow-x:hidden;overflow-y:scroll;position:fixed;top:0;transform:rotate(-90deg) translate(-100vh);transform-origin:top left;width:100vh}.wrapper-tntd .wrapper-tntd{margin:0 auto}.wrapper-tntd .scene{height:100vh;left:0;min-width:1359px!important;position:absolute;right:0;top:0}.wrapper-tntd .scene--active{position:fixed}.wrapper-tntd .scene--ended{bottom:0}.wrapper-tntd .horizontal-scroll-section{align-items:center;display:flex;height:100%;margin:0;min-width:100vw;text-align:center}.wrapper-tntd .horizontal-scroll-section img{display:block;width:auto}.wrapper-tntd .horizontal-scroll-section--init{opacity:1}.wrapper-tntd .horizontal-scroll-section__content{align-items:center;display:flex}.wrapper-tntd .horizontal-scroll-section__content-section,.wrapper-tntd .horizontal-scroll-section__content-wrapper{align-items:center;display:flex;height:100%;position:relative}.wrapper-tntd .horizontal-scroll-section__content-section{min-width:auto;text-align:center}.wrapper-tntd .horizontal-scroll-section__image{align-items:center;display:flex}.wrapper-tntd .horizontal-scroll-section__image h2{flex-shrink:0;margin-left:20px;text-align:left;width:250px}.wrapper-tntd .horizontal-scroll-section__image--four img,.wrapper-tntd .horizontal-scroll-section__image--two img{max-width:400px}.wrapper-tntd .horizontal-scroll-section--animation-one .wrapper-tntd .horizontal-scroll-section__image--two{opacity:1;transform:translate(0)}