바디프랜드 다빈치 BFB-8210EU

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <style> .scrolling-promotion{display:flex;align-items:center;overflow:hidden}.scrolling-promotion .promotion{flex:0 0 auto;display:flex;align-items:center}.scrolling-promotion .promotion img,.scrolling-promotion .promotion svg{max-width:100%;width:auto;height:calc(var(--image-height) * .75)}.scrolling-promotion .promotion--animated{animation-iteration-count:infinite;animation-timing-function:linear;animation-duration:var(--duration);animation-play-state:running;width:max-content;will-change:transform,width}.scrolling-promotion--left .promotion--animated{animation-name:scrolling-left}.scrolling-promotion--right .promotion--animated{animation-name:scrolling-right}@media screen and (hover: hover){.scrolling-promotion:hover .promotion--animated{animation-play-state:paused}}.scrolling-promotion--paused .promotion--animated{animation-play-state:paused}.scrolling-promotion .promotion__item{margin:0 1.5rem;display:flex;align-items:center;flex-direction:column;row-gap:1rem;--icon-height: 2.6rem}.scrolling-promotion .promotion-icon--small{--icon-height: 2rem}.scrolling-promotion .promotion-icon--large{--icon-height: 3.2rem}.scrolling-promotion .promotion__text{color:inherit;line-height:1;white-space:nowrap;font-size:calc(var(--font-size) * .75)}@media screen and (min-width: 750px){.scrolling-promotion .promotion img,.scrolling-promotion .promotion svg{max-width:100%;height:var(--image-height)}.scrolling-promotion .promotion__item{margin:0 2.5rem}.scrolling-promotion .promotion__text{font-size:var(--font-size)}}.scrolling-promotion .promotion__link{color:rgb(var(--color-link));text-decoration:none}.scrolling-promotion .media-wrapper:not(.loading){background-color:transparent}@keyframes scrolling-left{0%{transform:translateZ(0);visibility:visible}to{transform:translate3d(-100%,0,0)}}@keyframes scrolling-right{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.scrolling-promotion .promotion__icon{display:inline-flex;line-height:0}.promotion-icon--colored .promotion__icon{width:calc(var(--icon-height) + 3rem);height:calc(var(--icon-height) + 3rem);border-radius:50%;align-items:center;justify-content:center;background-color:rgb(var(--color-icon))}.scrolling-promotion .promotion__icon svg,.scrolling-promotion .promotion__icon img{width:auto;height:var(--icon-height);max-width:var(--icon-height);fill:currentColor} * { box-sizing: border-box; } .advantage-custom { justify-content: center; } .videoCover button { color: rgb(33, 35, 38); background-color: rgba(255, 255, 255, .9); box-shadow: 0 0 4rem rgba(33, 35, 38, .2); border-radius: 0.8rem; display: flex; align-items: center; justify-content: center; transition: transform .25s ease; z-index: 2; width: 64px; height: 64px; padding: 0; border: 0; min-width: 64px; cursor: pointer; } .videoCover { position: absolute; display: flex; align-items: center; justify-content: center; width: 100%; left: 0; z-index: 1; height: 100%; top: 0; } .shopify-sections img { max-width: 100%; width: 100%; } .videoCover img { position: absolute; height: 100%; top: 0; left: 0; } .first-section-here p { font-size: 42px; text-align: center; margin: 30px 0; } .videoWrapper { position: relative; } .videoWrapper video { display: block; width: 100%; } .videoCover button::before { width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; } .design-quote-holder { position: relative; width: 100%; max-width: 100%; margin: 50px 0; } .design-quote-holder .background-image { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .design-quote-content-holder { position: relative; z-index: 1; } .design-quote-holder .background-image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .design-quote-content-holder { max-width: 1235px; margin: 0 auto; padding: 60px 20px 60px 20px; color: #fff; display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } .design-quote-content-holder .quote-content { font-size: 16px; line-height: 24px; letter-spacing: 0px; text-align: center; } .design-quote-content-holder .quote-icon img { max-width: 30px; } .design-quote-content-holder .quote-info { display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; margin-top: 30px; } .design-quote-content-holder .quote-info .quote-info-item { margin-bottom: 20px; } .design-quote-content-holder .quote-info .quote-info-item img { max-width: 326px; max-height: 44px; } .design-quote-content-holder .quote-info .design-img:nth-child(3) img { max-width: 136px; } .design-quote-content-holder .quote-info .design-text { letter-spacing: 0px; font-size: 15px; line-height: 28px; text-transform: uppercase; margin-bottom: 30px; text-align: center; } .theimagewrapper { position: relative; padding-bottom: 50%; } .theimagewrapper>div { width: 100%; position: absolute; height: 100%; top: 0; left: 0; } .theimagewrapper>div img { width: 100%; height: 100%; object-fit: cover; } .mulicolum-grid-item .h3 { font-size: 28px; margin: 20px 0; display: block; } .scrolling-promotion { display: flex; align-items: center; overflow: hidden; color: rgb(33, 35, 38); background: #f2f2f2; background-color: rgb(242, 242, 242); } .scrolling-promotion .promotion { flex: 0 0 auto; display: flex; align-items: center } .scrolling-promotion .promotion img, .scrolling-promotion .promotion svg { max-width: 100%; width: auto; height: calc(var(--image-height) * .75) } .scrolling-promotion .promotion--animated { animation-iteration-count: infinite; animation-timing-function: linear; animation-duration: var(--duration); animation-play-state: running; width: max-content; will-change: transform, width } .scrolling-promotion--left .promotion--animated { animation-name: scrolling-left } .scrolling-promotion--right .promotion--animated { animation-name: scrolling-right } @media screen and (hover: hover) { .scrolling-promotion:hover .promotion--animated { animation-play-state: paused } } .scrolling-promotion--paused .promotion--animated { animation-play-state: paused } .scrolling-promotion .promotion__item { margin: 0 1.5rem; display: flex; align-items: center; flex-direction: column; row-gap: 1rem; --icon-height: 2.6rem } .scrolling-promotion .promotion-icon--small { --icon-height: 2rem } .scrolling-promotion .promotion-icon--large { --icon-height: 3.2rem } .scrolling-promotion .promotion__text { color: inherit; line-height: 1; white-space: nowrap; font-size: calc(var(--font-size) * .75) } @media screen and (min-width: 750px) { .scrolling-promotion .promotion img, .scrolling-promotion .promotion svg { max-width: 100%; height: var(--image-height) } .scrolling-promotion .promotion__item { margin: 0 2.5rem } .scrolling-promotion .promotion__text { font-size: var(--font-size) } } .scrolling-promotion .promotion__link { color: rgb(var(--color-link)); text-decoration: none } .scrolling-promotion .media-wrapper:not(.loading) { background-color: transparent } @keyframes scrolling-left { 0% { transform: translateZ(0); visibility: visible } to { transform: translate3d(-100%, 0, 0) } } @keyframes scrolling-right { 0% { transform: translate3d(-100%, 0, 0); visibility: visible } to { transform: translateZ(0) } } .scrolling-promotion .promotion__icon { display: inline-flex; line-height: 0 } .promotion-icon--colored .promotion__icon { width: calc(var(--icon-height) + 3rem); height: calc(var(--icon-height) + 3rem); border-radius: 50%; align-items: center; justify-content: center; background-color: rgb(var(--color-icon)) } .scrolling-promotion .promotion__icon svg, .scrolling-promotion .promotion__icon img { width: auto; height: var(--icon-height); max-width: var(--icon-height); fill: currentColor } .scrolling-promotion-wrapper h2 { margin: 30px 0; text-align: center; font-size: 42px; } .scrolling-promotion { padding: 20px 0; } .scrolling-promotion-wrapper { overflow: hidden; } @media screen and (max-width: 750px) {} @media screen and (min-width: 900px) { .design-quote-content-holder .quote-content { font-size: 20px; line-height: 32px; } .design-quote-content-holder { padding: 80px 20px 80px 20px; } .design-quote-content-holder .quote-info .design-text { font-size: 17px; line-height: 32px; } } @media screen and (min-width: 1200px) { .design-quote-content-holder { padding: 120px 20px 100px 20px; } .design-quote-content-holder .quote-content { font-size: 26px; line-height: 39px; } .design-quote-content-holder .quote-info { margin-top: 50px; } } @media screen and (min-width: 1440px) { .design-quote-content-holder { padding: 160px 20px 120px 20px; } } .shopify-sections.fourth-section.mulicolum { display: flex; gap: 50px; margin: 50px 0; } .mulicolum-grid-item { flex: 1; } .img-box.cover-image img { max-width: 100%; height: 100%; } .float-text { padding: 50px 30px; background: #000000; } .float-text p, .float-text h3 { color: #ffffff; } .float-text h3 { font-size: 32px; margin: 0; margin-bottom: 30px; } .float-text p { font-size: 22px; line-height: 30px; letter-spacing: 0px; } .video-section__media.no-video { padding-bottom: 0 !important; } .custom-video-bg { background-color: transparent; } .float-text-title h3 { } .banner-video-layered { position: relative; } .third-section-shopify h2 { font-size: 42px; text-align: center; margin: 30px 0; } @media screen and (min-width: 990px) { .custom-video-bg>.img-box { min-height: 550px; } } @media screen and (min-width: 1200px) { .video-text-section { position: relative; display: flex; justify-content: flex-end; } .video-text-section.flex-start { justify-content: flex-start; } .float-text { position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 45%; padding: 100px 50px; } .video-text-section.flex-start .float-text { left: auto; right: 50px; } .video-text-section .video-section__media { width: 75%; } } @media screen and (min-width: 1440px) { .float-text { padding:70px 50px; } } .features-custom{ padding:40px 0; display:flex; position: relative; overflow: hidden; justify-content: center; } .video-holder{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .video-holder video{ width:100%; height:100%; object-fit:cover; } .features-custom-holder{ color:#ffffff; max-width:1580px; padding:0 30px; position: relative; z-index:2; } .h2-title h2{ color:#ffffff; font-size:28px; text-align:center; } .h2-title:after{ display:block; content:''; width:150px; height:1px; background: #ffffff; margin: 0 auto; } .features-list-holder{ padding-top:45px; position: relative; } .features-list svg path{ fill:#ffffff; } .features-list{ display:flex; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 1; } .features-list .item{ width: calc(50% - 20px); font-size:16px; display: flex; align-items: center; margin-bottom:30px; text-transform: uppercase; margin:0px 10px 15px; } .features-list .item svg{ flex-basis:30px; width:30px; height:auto; margin-right:15px; } .design-quote-holder-2 .background-image::before { content: ""; background: rgba(0,0,0,0.48); position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .design-quote-holder-2.design-quote-holder .background-image { position: static; } .design-quote-holder-2 .design-quote-content-holder { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; max-width: 90%; margin: 0 auto; right: 0; align-items: flex-start; justify-content: center; } .design-quote-holder-2 .design-quote-content-holder > div { padding: 40px 60px; max-width: 50%; } .design-quote-holder-2 .design-quote-content-holder p { text-align: left; } .design-quote-holder-2 .design-quote-content-holder .h3 { font-size: 30px; } .design-quote-holder-2 .design-quote-content-holder .h3::after { content: ""; width: 70px; height: 1px; background: #fff; display: block; margin-top: 40px; margin-bottom: 40px; } .design-quote-holder-2.design-quote-holder .background-image img { display: block; } @media screen and (max-width: 900px){ .features-list .item svg{ min-width:25px; flex-basis:25px; width:25px; } } @media screen and (max-width: 600px) { .video-holder{ display:none; } .features-custom-holder{ padding:0 15px; } .features-list .item{ align-items: flex-start; width: 100%; font-size:12px; } } @media screen and (min-width: 990px){ .features-list-holder{ margin-top:90px; padding-top:15px; padding-bottom:30px; position: relative; } .features-list .item{ width: calc(50% - 60px); font-size:18px; } .features-custom-holder{ padding:0 60px; } .features-custom{ padding:80px 0; } .h2-title h2{ font-size:42px; margin-bottom:100px; } .center-bg{ background: rgba(0, 0, 0, calc(36 / 100)); display:block !important; position: absolute; left:0; right:0; top:0; bottom:0; z-index: 0; } } @media screen and (min-width: 1440px){ .features-list .item{ width: calc(33.33% - 60px); margin:0px 30px 15px; } } .advantage-custom{ background:#000000; padding:40px 0 80px; display:flex; } .advantage-custom-holder{ color:#ffffff; max-width:1320px; } .h2-title h2{ color:#ffffff; font-size:28px; text-align:center; } .h2-title:after{ display:block; content:''; width:150px; height:1px; background: #ffffff; margin: 0 auto; } .advantage-list-holder{ padding-top:45px; position: relative; padding-left: 60px; padding-right: 60px; } .advantage-list svg path{ fill:#ffffff; } .advantage-list{ display:flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; } .advantage-list .item-title{ font-size:16px; flex:1; text-align:center; margin-bottom:30px; text-transform: uppercase; opacity:0.29; cursor:pointer; padding: 0 10px; } .advantage-list .item-title.active{ opacity:1; } .advantage-list .item svg{ flex-basis:30px; width:30px; height:auto; margin-right:15px; } .desc h3{ font-size:26px; color:#fff; text-align:center; } .item-content-detail .desc{ margin:30px 0px; } .diff-box{ display: flex; justify-content: center; align-items: center; } .diff-box>div{ margin:0 45px; } .diff-box .img-box{ min-height:146px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-end; } .diff-box img{ max-width:100%; } .diff-box .diff-title{ font-size:18px; text-transform: uppercase; } .diff-box .diff-title.center{ text-align:center; } .item-content-detail{ display:none; } .item-content-detail.active{ display:block; } @media screen and (max-width: 750px){ .diff-box{ flex-direction: column; } } @media screen and (min-width: 990px){ .item-content-detail .desc{ min-height:102px; margin:60px 0 120px; } .advantage-list-holder{ margin-top:90px; padding-top:45px; position: relative; } .advantage-list .item-title{ font-size:20px; } .advantage-custom-holder{ } .advantage-custom{ padding:80px 0 150px; } .h2-title h2{ font-size:42px; margin-bottom:80px; } } .item-content-detail .video-box .video{ width:100%; } .item-content-detail:nth-child(1) .video-box{ max-width:261px; } .item-content-detail:nth-child(1) .img-box{ max-width:261px; } .item-content-detail:nth-child(2) .video-box{ max-width:570px; } .item-content-detail:nth-child(3) .video-box{ max-width:570px; } .diff-box.desktop{ /* display:none; */ } .image-with-text-hover.shopify-sections { display: flex; } .image-with-text-hover.shopify-sections > div { flex: 1; } .theItems_hover > div { max-width: 580px; margin: 0 auto; padding: 0 50px; display: flex; gap: 50px; min-height: 205px; flex-direction: column; } .tab-hover { font-size: 18px; line-height: 32px; cursor: pointer; } .tab-hover:not(.active) { opacity: 0.5; } .tab-hover-content:not(.active) { display: none; } img.tab-hover-image:not(.active) { display: none; } .image-with-text-hover.shopify-sections { margin: 30px 0; } .theItems_hover { min-height: 205px; display: flex;align-items: center;justify-content: center; } .tab-hover + .tab-hover { margin-top: 10px; } .image-with-text-hover.shopify-sections > div img { width: 100%; height: 100%; object-fit: cover; } /* MEDIA */ @media screen and (max-width: 768px){ .diff-box.desktop{ display:none; } .shopify-sections.fourth-section.mulicolum {flex-direction: column;} .theItems_hover > div { padding: 30px 15px; } .image-with-text-hover.shopify-sections { flex-direction: column; } .design-quote-holder-2 .design-quote-content-holder { position: static; padding: 0; max-width: 100%; } .design-quote-holder-2.design-quote-holder .background-image { position: relative; } .design-quote-holder-2 .design-quote-content-holder > div { padding: 20px 0px; max-width: 100%; } .design-quote-holder-2 .design-quote-content-holder .h3 { color: #000; } .design-quote-holder-2 .design-quote-content-holder .quote-content p { color: #000; } .design-quote-holder-2 .design-quote-content-holder .h3::after { background: #000; margin: 20px 0; } .video-holder { display: block; } .video-holder video { height: 100%; object-fit: cover; } .float-text { padding: 20px; } .advantage-list .item-title { width: 100%; } .advantage-list { flex-direction: column; } .item-content { padding: 15px; } .desc h3 { font-size: 20px; } } @media screen and (min-width: 768px){ .diff-box.mobile{ display:none; } } </style> <section class="first-section-here shopify-sections"> <p>혁신적인 디자인, 고급스러운 본질</p> <div class="videoWrapper"> <div class="videoCover"> <button type="button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="icon icon-play" fill="none" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.277 12.927V7.07l4.649 2.927-4.649 2.93zm-.134-7.235a.595.595 0 00-.32-.092c-.344 0-.623.292-.623.653v7.492c0 .119.03.235.089.337.177.309.56.41.855.224l5.954-3.747a.638.638 0 00.214-.224.673.673 0 00-.214-.897L8.144 5.691z" fill="currentColor"></path> </svg></button> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/davinci2.webp"> </div> <video class="banner-video video" playsinline="playsinline" controls="controls" controlslist="nodownload" preload="auto" aria-label=""> <source src="https://cdn.shopify.com/videos/c/o/v/e85d3fd69a6c4c91b6ca6c3c27a84390.mp4" type="video/mp4"> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/davinci2.webp"></video> </div> </section> <div class="design-quote-holder shopify-sections"> <div class="background-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/QuoteImage.webp"></div> <div class="design-quote-content-holder"> <div class="quote-icon"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Quote.webp"></div> <div class="quote-content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">"DaVinci는 도전적인 프로젝트였습니다. 이를 통해 우리는 일관성과 균형을 갖춘 기술 설계 경험을 충분히 표현할 수 있었습니다. 컴팩트하고 상징적이며 합리적이고 독특한 DaVinci는 명확한 "고치" 효과, 우아한 인체공학적 설계를 갖춘 감싸는 보호 쉘을 갖추고 있어 긴장을 풀고 무엇보다도 DaVinci에 탑재된 다양한 기능의 혜택을 누릴 수 있습니다. DaVinci에 사용된 색상 팔레트는 배관 및 건강을 나타내는 파란색과 의료계를 의미합니다. 의료 및 기술 분야에 이상적인 색상인 흰색. 메탈릭 그레이 구성 요소는 일반적으로 현재 활성화된 마사지 유형을 나타내는 측면 조명 요소 또는 발판 바로 아래의 회전과 같은 기능에서 인식할 수 있는 자동차 세계에 대한 명시적인 참조가 있습니다.</span> </span></p> </div> <div class="quote-info"> <div class="design-img quote-info-item"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//Massimo.webp"></div> <div class="design-text quote-info-item"><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">ITALDESIGN 수석 산업 디자이너</span> </span></div> <div class="design-img quote-info-item"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//ItalDesign.webp"></div> </div> </div> </div> <div class="section--padding third-section-shopify shopify-sections"> <h2>휴식을 위한 빠른 차선</h2> <div class="video-section page-width video-text-section flex-start"> <div class="video-section__media custom-video-bg no-video deferred-media no-js-hidden media-wrapper media-wrapper--large" style="padding-bottom: 56.23028391167192%;"> <div class="img-box cover-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/06.webp"></div> </div> <div class="float-text"> <div class="text-holder"> <div class="float-text-title"> <h3><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">체성분 분석</span> </span></h3> </div> <div class="content"> <p><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">DaVinci의 AI 건강 스캐너는 신체 구성을 정확하게 측정 및 보고하고 피로 지점을 식별하여 개인화된 건강 관리에 혁신을 가져옵니다. 이는 각 마사지가 귀하의 신체에 가장 적합한 요구 사항에 맞춰져 있음을 보장합니다. </span> </span><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">휴식과 건강이 당신에게 맞춰져 있습니다. </span> </span></p> </div> </div> </div> </div> </div> <div class="shopify-sections fourth-section mulicolum"> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//002_ee76fecd-71ba-4147-981f-626d00d9e27e.webp"></div> </div> <div> <span class="h3">풀 스로틀에서의 럭셔리</span> <p>강력하고 높은 토크의 모터로 구동되는 DaVinci 쿼드 스쿠터 기술의 탁월한 기능을 직접 경험해 보세요. 고속 경주용 자동차의 힘을 그대로 반영한 짜릿한 마사지 경험을 위해 설계된 DaVinci는 비교할 수 없는 힘과 세심한 정확성을 모두 제공합니다.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//003_0a436897-1a1b-4669-9b83-cb61e49fd5ac.webp"></div> </div> <div> <span class="h3">감각에 멜로딕 몰입 </span> <p>DaVinci의 음악 동기화 마사지 프로그램으로 감각 여행을 시작해 보세요. 이 의자는 소리와 촉각 감각을 훌륭하게 결합하여 다중 감각적 평화를 위한 휴식의 교향곡을 조율합니다.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//004_1e002abd-a794-4879-8d04-2ac739bde39f.webp"></div> </div> <div> <span class="h3"> LED 파장치료 </span> <p>DaVinci는 특정 파장을 방출하는 특수 LED 이미터의 힘을 사용하여 관절, 특히 손과 손목의 건강을 최적화합니다. 진정 효과가 있는 열 요소로 보완된 이 정밀한 광선 요법은 표적 완화와 치료 효과 증가를 제공합니다.</p> </div> </div> </div> <div class="section--padding shopify-sections fifth-section-shopify"> <div class="video-section page-width video-text-section flex-start"> <div class="title-wrapper title-wrapper--no-heading center"> <h2 class="title h1"><br></h2> <br> </div> <noscript> <div class="video-section__media" style="padding-bottom: 53.86378519973805%;"> <a href="" class="video-section__poster media media--transparent media--landscape"> <img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//001_cca4cd53-10ef-4e7c-a1e4-204be4032640.webp" alt="Load video: "> </a> </div> </noscript> <div class="video-section__media custom-video-bg no-video deferred-media no-js-hidden media-wrapper media-wrapper--large" data-media-id="" style="padding-bottom: 53.86378519973805%;"> <div class="img-box cover-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//001_cca4cd53-10ef-4e7c-a1e4-204be4032640.webp" alt="비디오 로드:"></div> </div> <div class="float-text"> <div class="text-holder"> <div class="float-text-title"> <h3><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">올인원 엔터테인먼트 리모콘</span> </span></h3> </div> <div class="content"> <p><br><span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">DaVinci의 혁신적인 리모콘을 사용하면 안마의자에 편안하게 앉아 인터넷 서핑, Netflix 시청, 전화 통화는 물론 사진 촬영까지 할 수 있습니다. 휴식 시간을 대화형의 다양한 엔터테인먼트 경험으로 바꿔주는 리모콘은 없습니다.</span> </span></p> </div> </div> </div> </div> </div> <div class="shopify-sections fourth-section mulicolum"> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//006_69f9f8b4-ea1a-44f0-b74e-06010083361d.webp"></div> </div> <div> <span class="h3">서둘러 휴식을 취하세요. </span> <p>DaVinci는 반죽, 두드림, 자르기, 지압, 흔들 두드림 및 조합 등 다양한 마사지 기술을 제공합니다. 각 기법은 활력이 넘치는 높은 곳에서 깊은 곳까지 진정시키는 휴식을 취할 수 있도록 전문적으로 제작되었습니다.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//007.webp"></div> </div> <div> <span class="h3">평화로운 크루즈 </span> <p>다빈치의 전용 명상 프로그램과 함께 평화로운 여행을 떠나보세요. 깊은 휴식과 마음챙김을 위해 설계되었습니다. 당신을 평화와 평온으로 감싸줄 조용하고 명상적인 상태로 부드럽게 인도되도록 하십시오.</p> </div> </div> <div class="mulicolum-grid-item"> <div class="theimagewrapper"> <div><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//008_cc79a557-8386-4a65-8996-a6494fcf4587.webp"></div> </div> <div> <span class="h3"> 혁신적인 디자인, 고급스러운 본질 </span> <p>DaVinci는 평범함을 뛰어넘어 정교한 디자인과 최첨단 혁신을 결합합니다. 단순한 마사지 의자 그 이상으로, 비교할 수 없는 편안함을 제공하는 동시에 눈에 띄는 존재감으로 모든 방을 변화시키는 럭셔리함과 스타일의 증거입니다.</p> </div> </div> </div> <div class="scrolling-promotion-wrapper"> <h2>당신이 좋아하는 마사지 스타일이 변형되었습니다</h2> <scrolling-promotion data-speed="4.8" class="scrolling-promotion color-scheme-3 gradient scrolling-promotion--left section--padding promotion-icon--colored hidden" style="--duration: 25.29s;"> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">반죽하다</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">진동</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">롤</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">지압</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">노크</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;" class="">스트레칭</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">지압</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">깊은 조직</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">반사요법</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">문지름</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">압축</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">—</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 30px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">드럼</span> </span> </div> </div> </div> <div class="promotion promotion--animated" aria-hidden="true"> <div class="promotion__item promotion-icon--medium"> <div class="promotion__text heading" style="--font-size: 20px;"> <span class="specail-text"></span> <span style="vertical-align: inherit;"> <span style="vertical-align: inherit;">-</span> </span> </div> </div> </div> </scrolling-promotion> </div> <div class="features-custom"> <div class="features-custom-holder"> <div class="h2-title"> <h2><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">일상의 편안함 속에서 특별함을 경험해보세요</span></span></h2> </div> <div class="features-list-holder"> <div class="features-list"> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">4D 고급 쿼드 롤러</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">무중력 무중력</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">서라운드 사운드 음악</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">종합온열치료</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">원활한 터치스크린 원격 제어</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">공간 절약형 디자인</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">유연한 SL 레일</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">강력한 브러시리스 모터</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">정확한 신체 스캔</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">자동으로 확장 가능한 발판</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">3D 종아리 압박</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">단축키 컨트롤러</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">세린 에어셀 기술</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">다이나믹 발 반사요법</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">조화로운 락킹</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">엔터테인먼트 원격 제어</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">맞춤형 자동 프로그램</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AI 기반</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">인체공학적 스트레칭</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">프리미엄 복합 마감</span></span></span> </div> <div class="item"> <svg class="icon icon-accordion" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewbox="0 0 20 20" focusable="false"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.08203 18C4.10908 18 0.0820312 13.9729 0.0820312 9C0.0820312 4.02705 4.10908 0 9.08203 0C14.055 0 18.082 4.02705 18.082 9C18.082 13.9729 14.055 18 9.08203 18ZM9.08203 1.35C4.85181 1.35 1.43203 4.76977 1.43203 9C1.43203 13.2302 4.85181 16.65 9.08203 16.65C13.3123 16.65 16.732 13.2302 16.732 9C16.732 4.76977 13.3123 1.35 9.08203 1.35ZM8.36221 11.948C8.09239 12.2178 7.66435 12.2178 7.39453 11.948L4.98726 9.47295C4.71744 9.20313 4.71744 8.75313 4.98726 8.48331C5.25708 8.21349 5.68512 8.21349 5.95494 8.48331L7.86744 10.4635L12.1872 6.05304C12.457 5.78322 12.8851 5.78322 13.1549 6.05304C13.4247 6.32286 13.4247 6.77286 13.1549 7.04268L8.36221 11.948Z" fill="#000"></path></svg><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">부드러운 플러시 베개</span></span></span> </div> </div> </div> </div> <div class="video-holder"><video id="video-background" autoplay="autoplay" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/5b29f94b53c24af78af6c80fa9c02882.mp4" type="video/mp4"></video></div> <script> window.addEventListener('DOMContentLoaded', function() { var video = document.getElementById('video-background'); video.play(); }); </script> </div> <div class="design-quote-holder design-quote-holder-2 shopify-sections"> <div class="background-image"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//Davinci_e0685938-1430-475b-9bde-d9529309b29d.jpg"></div> <div class="design-quote-content-holder"> <div> <span class="h3">모든 면에서 예술 </span> <div class="quote-content"> <p>DaVinci의 아름다운 곡선을 강조하는 복합 쉘이 있는 Pearl Blue 마감으로 제공됩니다. 이것은 단순한 의자가 아닙니다. 이는 귀하가 소중히 여기는 라이프스타일의 상징입니다. 귀하의 생활 공간을 모두를 위한 웰빙의 안식처로 변화시키는 놀라운 초점입니다.</p> </div> </div> </div> </div> <div class="advantage-custom shopify-sections"> <div class="advantage-custom-holder"> <div class="h2-title"> <h2><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">다빈치의 장점</span></span></h2> </div> <div class="advantage-list-holder"> <div class="advantage-list"> <div class="item-title active"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">에어셀 기술</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">토크 제어</span></span></span></div> <div class="item-title"><span><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">AI 발전</span></span></span></div> </div> <div class="item-content"> <div class="item-content-detail active"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">민감한 Aircell 기술로 편안함을 느껴보세요. 더 넓은 PSI 범위는 맞춤형 압력을 보장하여 귀하의 필요에 최적화된 절묘한 마사지 경험을 보장합니다.</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/air_pressure-olympia.svg?v=1689204331"></div> <p class="diff-title center"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">다빈치</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Air_Pressure_-_Industry.webp"></div> <p class="diff-title center"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">업계 평균</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/ea0333e0c47b46e5981a774f5677c95c.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/9056f9ea1a394d359885c1b635baeda1.mp4" type="video/mp4"></video></div> </div> </div> </div> <div class="item-content-detail"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">당사의 능동형 토크 제어 장치는 강도와 섬세함의 균형을 맞추기 위해 세심하게 조정되었습니다. 다양한 서비스 덕분에 DaVinci는 귀하의 편안함 요구에 따라 강력한 심부 조직 마사지나 부드럽고 진정시키는 스트로크를 제공할 수 있습니다.</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/torque_range-olympia.svg?v=1689204543"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">다빈치</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/Torque_Range_-_Industry.webp?v=1693821659"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">업계 평균</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/0922998367694c64ba535d4d3d31dc27.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/8952206ce49e40a3846009b8d5f406f9.mp4" type="video/mp4"></video></div> </div> </div> </div> <div class="item-content-detail"> <div class="desc"> <h3><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">귀하의 개인 요구에 맞게 특별히 설계된 AI는 귀하의 마사지 경험이 귀하만큼 개인화되도록 보장합니다. 마사지가 즐겁고 편안하도록 생체 인식 데이터를 사용하여 설계되었습니다.</span></span></h3> </div> <div class="diff-box mobile"> <div class="left-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/software_ai-olympia.svg?v=1689204556"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">다빈치</span></span></p> </div> <div class="right-box"> <div class="img-box"><img src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files/software_ai-industry_average.svg?v=1689204560"></div> <p class="diff-title"><span style="vertical-align: inherit;"><span style="vertical-align: inherit;">업계 평균</span></span></p> </div> </div> <div class="diff-box desktop"> <div class="left-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/ae22d3b261f5477cb158ba12a5ade3ea.mp4" type="video/mp4"></video></div> </div> <div class="right-box"> <div class="img-box video-box"><video class="video" loop="loop" muted=""> <source src="https://cdn.shopify.com/videos/c/o/v/da43f6a5653242018d6eace40e2a1c1d.mp4" type="video/mp4"></video></div> </div> </div> </div> </div> </div> </div> </div> <div class="image-with-text-hover shopify-sections"> <div class="theItems_hover"> <div> <div> <div class="tab-hover active" data-id="1">XEUS 스마트 칩으로 구동</div> <div class="tab-hover" data-id="2">탁월함을 위한 설계</div> </div> <div class="tab-hover-content active" data-id="1">Xeus 스마트 칩은 DaVinci의 강력한 심장입니다. 고급 인공 지능 프로세스를 사용하는 Xeus Smart Chip은 신체의 고유한 윤곽에 맞는 맞춤형 마사지를 제공합니다. Xeus 스마트 칩은 최초의 DaVinci를 새로운 시대를 위한 최고의 의료 기기로 만들어줍니다.</div> <div class="tab-hover-content" data-id="2">Xeus Smart Chip의 성능은 스포츠카 수준의 기술 인프라를 통해 경험할 수 있습니다. 광범위한 전력 정밀도를 가능하게 하는 능동형 토크 제어 모터와 모든 전력이 속삭이듯 조용하게 전달되도록 보장하는 고급 방음 기능을 갖추고 있습니다.</div> </div> </div> <div> <img class="tab-hover-image active" src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//shutterstock_1382571053_e809b7f3-209d-4ea3-bc61-befeff1f961b.webp" data-id="1"> <img class="tab-hover-image" src="https://cdn.shopify.com/s/files/1/0475/1615/6061/files//shutterstock_1118433347_b9c48bb2-2e96-44c3-952e-83808524e74b.webp" data-id="2"> </div> </div> <script> $(".tab-hover").on("mouseover",function () { let id = $(this).data("id"); $(this).addClass("active").siblings(".tab-hover").removeClass("active"); $(`.tab-hover-content[data-id="${id}"]`).addClass("active").siblings(".tab-hover-content").removeClass("active"); $(`.tab-hover-image[data-id="${id}"]`).addClass("active").siblings(".tab-hover-image").removeClass("active"); }) $(function(){ $('.advantage-list .item-title').eq(0).addClass('active'); $('.item-content .item-content-detail').eq(0).addClass('active'); var pageWidth = parseInt(window.innerWidth); $('.advantage-list .item-title').click(function(){ $(this).addClass('active').siblings().removeClass('active'); var index = $(this).index(); $('.item-content .item-content-detail').eq(index).addClass('active').siblings().removeClass('active'); if(pageWidth >= 768){ var video = $('.item-content .item-content-detail').eq(index).find('.video'); video.each(function() { this.play(); }); var other_video = $('.item-content .item-content-detail').eq(index).siblings().find('.video'); other_video.each(function() { this.currentTime = 0; this.pause(); }); } }) var top = $('.advantage-custom').offset().top -80; $(window).scroll(function(e){ if(pageWidth >= 768){ var h = $(this).scrollTop(); var index = $('.advantage-list .item-title.active').index(); //console.log(index); var video = $('.item-content .item-content-detail').eq(index).find('.video'); if( h> top){ //$('.item-content .item-content-detail').eq(0).find('.video')[0].play(); video.each(function() { this.play(); }); }else{ video.each(function() { this.currentTime = 0; this.pause(); }); } } }); }) </script> <script> let theme = {}; theme.initWhenVisible = function (options) { const threshold = options.threshold ? options.threshold : 0; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { if (typeof options.callback === 'function') { options.callback(); observer.unobserve(entry.target); } } }); }, { rootMargin: `0px 0px ${threshold}px 0px` }); observer.observe(options.element); }; class ScrollingPromotion extends HTMLElement { constructor() { super(); this.config = { moveTime: parseFloat(this.dataset.speed), // 100px going to move for space: 100, // 100px }; this.promotion = this.querySelector('.promotion'); theme.initWhenVisible({ element: this, callback: this.init.bind(this), threshold: 600 }); } init() { if (this.childElementCount === 1) { this.promotion.classList.add('promotion--animated'); for (let index = 0; index < 10; index++) { this.clone = this.promotion.cloneNode(true); this.clone.setAttribute('aria-hidden', true); this.appendChild(this.clone); const imageWrapper = this.clone.querySelector('.media-wrapper'); if (imageWrapper) { imageWrapper.classList.remove('loading'); } } const animationTimeFrame = (this.promotion.clientWidth / this.config.space) * this.config .moveTime; this.style.setProperty('--duration', `${animationTimeFrame}s`); // pause when out of view const observer = new IntersectionObserver((entries, _observer) => { entries.forEach(entry => { if (entry.isIntersecting) { this.scrollingPlay(); } else { this.scrollingPause(); } }); }, { rootMargin: '0px 0px 50px 0px' }); observer.observe(this); } } scrollingPlay() { this.classList.remove('scrolling-promotion--paused'); } scrollingPause() { this.classList.add('scrolling-promotion--paused'); } } customElements.define('scrolling-promotion', ScrollingPromotion); $(".videoCover button").click(function(){ $(".videoCover").hide(); let vid = document.querySelector(".videoWrapper .banner-video"); vid.play(); }) </script>