{"title":"MULTI-MEASURING TOOLS","description":"\u003cstyle type=\"text\/css\"\u003e\n  \/* ===== 배너 이미지: 테마 본문 폭에 맞춤 ===== *\/\n  .mg-banner img {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n  }\n  \/* PC(766px 이상)에서는 PC 이미지만, 모바일(765px 이하)에서는 MO 이미지만 보임 *\/\n  .mg-banner .mg-mo {\n    display: none;\n  }\n\n  \/* ===== 카테고리 버튼 묶음 (PC·태블릿: 가운데 정렬, 넘치면 다음 줄) ===== *\/\n  .mg-cat {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 12px;\n    margin: 32px 0 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  \/* 버튼 디자인 *\/\n  .mg-cat a.mg-btn {\n    display: inline-flex;\n    height: 44px;\n    padding: 0 20px;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--MAGPIE-RED, #DF231D);\n    border-radius: 4px;\n    background: var(--MAGPIE-RED, #DF231D);\n    color: #ffffff;\n    font-family: inherit;\n    font-size: 15px;\n    font-weight: 700;\n    line-height: 1;\n    letter-spacing: 0.02em;\n    white-space: nowrap;\n    text-align: center;\n    text-decoration: none;\n    box-sizing: border-box;\n    transition: background-color 0.2s, border-color 0.2s, color 0.2s;\n  }\n  .mg-cat a.mg-btn:hover {\n    background: #B81C17; \/* 마우스를 올리면 살짝 진한 빨강 *\/\n    border-color: #B81C17;\n    color: #ffffff;\n  }\n  .mg-cat a.mg-btn:focus-visible {\n    outline: 2px solid #111111;\n    outline-offset: 2px;\n  }\n\n  \/* 현재 보고 있는 컬렉션 버튼: 흰 배경 + 빨간 테두리 + 빨간 글씨 *\/\n  .mg-cat a.mg-btn.is-active,\n  .mg-cat a.mg-btn.is-active:hover {\n    background: #ffffff;\n    border-color: var(--MAGPIE-RED, #DF231D);\n    color: var(--MAGPIE-RED, #DF231D);\n  }\n\n  \/* PC에서는 한 줄, 모바일에서만 줄바꿈 *\/\n  .mg-cat .mo_br {\n    display: none;\n  }\n\n  \/* ===== 모바일(765px 이하) ===== *\/\n  @media (max-width: 765px) {\n    \/* 배너: MO 이미지로 교체 *\/\n    .mg-banner .mg-pc {\n      display: none;\n    }\n    .mg-banner .mg-mo {\n      display: block;\n    }\n\n    \/* 버튼: 스크롤 없이 한 화면에 2줄로 배치\n       1줄: ALL | LASER DISTANCE METERS\n       2줄: LASER LEVELS | MULTI-MEASURING TOOLS | SALE *\/\n    .mg-cat {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 6px;\n      margin: 16px 0 10px;\n    }\n    .mg-cat a.mg-btn:nth-child(2) {\n      grid-column: span 2;\n    }\n    .mg-cat a.mg-btn {\n      width: 100%;\n      padding: 0 4px;\n      \/* 가장 긴 줄(MULTI-MEASURING)이 버튼 칸에 꼭 맞도록 화면 폭에 비례\n         예) 360px → 10px, 390px → 11px, 430px → 12px, 765px → 14px *\/\n      font-size: clamp(10px, calc((100vw - 48px) \/ 32), 14px);\n      line-height: 1.2;\n      letter-spacing: -0.01em;\n    }\n    .mg-cat .mo_br {\n      display: inline;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"mg-banner\"\u003e\n  \u003cimg class=\"mg-pc\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/MULTI-BANNER-PC.jpg?v=1791865702\" alt=\"MULTI-MEASURING TOOLS\" loading=\"lazy\"\u003e\n  \u003cimg class=\"mg-mo\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/MULTI-BANNER-MO.jpg?v=1791865702\" alt=\"MULTI-MEASURING TOOLS\" loading=\"lazy\"\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"mg-cat\"\u003e\n  \u003ca class=\"mg-btn\" href=\"\/collections\/all\"\u003eALL\u003c\/a\u003e\n  \u003ca class=\"mg-btn\" href=\"\/collections\/frontpage\"\u003eLASER DISTANCE METERS\u003c\/a\u003e\n  \u003ca class=\"mg-btn\" href=\"\/collections\/laser-levels\"\u003eLASER \u003cbr class=\"mo_br\"\u003eLEVELS\u003c\/a\u003e\n  \u003ca class=\"mg-btn is-active\" aria-current=\"page\" href=\"\/collections\/multi-measures\"\u003eMULTI-MEASURING \u003cbr class=\"mo_br\"\u003eTOOLS\u003c\/a\u003e\n  \u003ca class=\"mg-btn\" href=\"\/collections\/sale\"\u003eSALE\u003c\/a\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"qube-3-in-1-digital-angle-level-laser-distance-meter-for-diy-woodworking-and-constructions","title":"QUBE: 3-in-1 Digital Laser Distance Meter, Angle Finder, Level Finder \/ Complete Multi-Measurer for DIY, Woodworking and Constructions","description":"\u003cbody\u003e\n\u003cstyle\u003e\n  .custom-grid  { \n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    grid-gap: 20px;\n  }\n\n  .item {\n    text-align: center;\n    padding: 0;\n  }\n\n  .text{\n    text-align: left;\n    padding-top: 10px;\n    margin-bottom: 50px;\n  }    \n\n  @media (max-width: 600px) {\n    .custom-grid {\n      display: flex;\n      flex-direction: column;\n    }\n  }\n  @media (max-width: 600px) {\n    .pc-only {\n      display: none;\n    }\n  }  \n\n  .title {\n    text-align: center;\n  }    \n  \n  img {\n    max-width: 100%;\n    height: auto;\n    margin: 0;  \n  }\n\n  .slider {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    touch-action: pan-y;\n\tpadding: 0;  \n  }\n\n  .slides {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n  }\n\n  .slides picture {\n    flex: 0 0 100%;\n  }\n\n  .slider-controls {\n    position: absolute;\n    top: 50%;\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    transform: translateY(-50%);\n    pointer-events: none;\n  }\n\n  .slider-controls button {\n    background: rgba(0, 0, 0, 0.5);\n    color: white;\n    border: none;\n    padding: 10px;\n    cursor: pointer;\n    pointer-events: all;\n    position: relative;\n    z-index: 10;\n  }\n\n\t\n\u003c\/style\u003e\n\n\n\n  \u003cdiv\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg127.jpg\"\u003e\n      \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg102.jpg\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg102.jpg\" alt=\"메인 이미지\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n\n\t\n\t\n  \u003cdiv class=\"slider\" id=\"slider1\"\u003e\n    \u003cdiv class=\"slides\"\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg128.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg103.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg103.jpg\" alt=\"배넄1\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg129.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg104.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg104.jpg\" alt=\"배넄2\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg130.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg105.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg105.jpg\" alt=\"배넄3\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slider-controls\"\u003e\n      \u003cbutton onclick=\"prevSlide('slider1')\"\u003e❮\u003c\/button\u003e\n      \u003cbutton onclick=\"nextSlide('slider1')\"\u003e❯\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slider-indicators\" id=\"indicators1\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg132.jpg\"\u003e\n      \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg106.jpg\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg106.jpg\" alt=\"측정모드\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg133.jpg\"\u003e\n      \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg107.jpg\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg107.jpg\" alt=\"각도\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg134.jpg\"\u003e\n      \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg108.jpg\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg108.jpg\" alt=\"수평\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\n\u003cbr\u003e\n  \u003cdiv class=\"slider\" id=\"slider2\"\u003e\n    \u003cdiv class=\"slides\"\u003e\n\t\t\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg109.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg109.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg109.jpg\" alt=\"배넄1\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg110.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg110.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg110.jpg\" alt=\"배넄2\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg111.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg111.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg111.jpg\" alt=\"배넄3\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\t\n      \u003cpicture\u003e\n        \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg112.jpg\"\u003e\n        \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg112.jpg\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg112.jpg\" alt=\"배넄3\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\t\n\t\t\n    \u003c\/div\u003e\n\t  \n    \u003cdiv class=\"slider-controls\"\u003e\n      \u003cbutton onclick=\"prevSlide('slider2')\"\u003e❮\u003c\/button\u003e\n      \u003cbutton onclick=\"nextSlide('slider2')\"\u003e❯\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"slider-indicators\" id=\"indicators2\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg138.jpg\"\u003e\n      \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg113.jpg\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg113.jpg\" alt=\"다양한기능\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\t\n\n  \u003cdiv\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg139.jpg\"\u003e\n      \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg114.jpg\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/mg114.jpg\" alt=\"다양한기능\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n  \u003c\/div\u003e\t\t\n\t\n\n\t\n  \u003cscript\u003e\n    let startX;\n    function startTouch(e) {\n      startX = e.touches[0].clientX;\n    }\n\n    function moveTouch(e, sliderId) {\n      if (!startX) return;\n      let endX = e.touches[0].clientX;\n      let diff = startX - endX;\n      if (diff \u003e 50) {\n        nextSlide(sliderId);\n      } else if (diff \u003c -50) {\n        prevSlide(sliderId);\n      }\n      startX = null;\n    }\n\n    function nextSlide(sliderId) {\n      const slides = document.querySelector(`#${sliderId} .slides`);\n      slides.style.transition = 'transform 0.5s ease-in-out';\n      slides.style.transform = 'translateX(-100%)';\n      setTimeout(() =\u003e {\n        slides.appendChild(slides.firstElementChild);\n        slides.style.transition = 'none';\n        slides.style.transform = 'translateX(0)';\n      }, 500);\n    }\n\n    function prevSlide(sliderId) {\n      const slides = document.querySelector(`#${sliderId} .slides`);\n      slides.style.transition = 'none';\n      slides.insertBefore(slides.lastElementChild, slides.firstElementChild);\n      slides.style.transform = 'translateX(-100%)';\n      setTimeout(() =\u003e {\n        slides.style.transition = 'transform 0.5s ease-in-out';\n        slides.style.transform = 'translateX(0)';\n      }, 10);\n    }\n\n    document.addEventListener(\"DOMContentLoaded\", function () {\n      document.querySelectorAll(\".slider\").forEach(slider =\u003e {\n        slider.addEventListener(\"touchstart\", startTouch, false);\n        slider.addEventListener(\"touchmove\", function (e) {\n          moveTouch(e, slider.id);\n        }, false);\n      });\n    });\n  \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"MAGPIE | NEW PARADIGM OF MEASUREMENT","offers":[{"title":"QUBE","offer_id":52365915685077,"sku":"Q50S1","price":69.99,"currency_code":"USD","in_stock":true},{"title":"QUBE+Screen Protector","offer_id":52365919650005,"sku":"Q50S1","price":79.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/QUBE.jpg?v=1792046214"},{"product_id":"magpie-nova-4-in-1-laser-level-distance-meter","title":"MAGPIE NOVA: 4-in-1 Green Cross Line Laser Level, Laser Distance Meter, Angle \u0026 Level Finder","description":"\u003cstyle\u003e\n  .custom-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    grid-gap: 20px;\n  }\n\n  .item {\n    text-align: center;\n    padding: 0;\n  }\n\n  .text {\n    text-align: left;\n    padding-top: 10px;\n    margin-bottom: 50px;\n  }\n\n  @media (max-width: 600px) {\n    .custom-grid {\n      display: flex;\n      flex-direction: column;\n    }\n    .pc-only {\n      display: none;\n    }\n  }\n\n  .title {\n    text-align: center;\n  }\n\n  img {\n    display: block;\n    max-width: 100%;\n    height: auto;\n    margin: 0;\n  }\n\n  \/* ---------- 슬라이더 공통 ---------- *\/\n  .slider {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    touch-action: pan-y;\n    padding: 0;\n  }\n\n  .slides {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    will-change: transform;\n  }\n\n  .slides picture {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n\n  .slides picture img {\n    width: 100%;\n  }\n\n  \/* 좌우 버튼 *\/\n  .slider-controls {\n    position: absolute;\n    top: 50%;\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    transform: translateY(-50%);\n    pointer-events: none;\n  }\n\n  .slider-controls button {\n    background: rgba(0, 0, 0, 0);\n    color: white;\n    border: none;\n    padding: 10px;\n    cursor: pointer;\n    pointer-events: all;\n    position: relative;\n    z-index: 10;\n    text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);\n  }\n\n  \/* ---------- [요청 1] 하단 원형 네비게이터 ---------- *\/\n  .slider-indicators {\n    position: absolute;\n    left: 0;\n    bottom: 12px;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    gap: 8px;\n    z-index: 10;\n    pointer-events: none;\n  }\n\n  .slider-indicators .dot {\n    width: 10px;\n    height: 10px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: #fff;            \/* 좌우 버튼과 동일한 컬러 *\/\n    opacity: 0.5;                \/* 비선택: 50% *\/\n    cursor: pointer;\n    pointer-events: all;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\n    transition: opacity 0.3s;\n  }\n\n  .slider-indicators .dot.active {\n    opacity: 1;                  \/* 선택: 100% *\/\n  }\n\n  \/* ---------- [요청 2] 상단 박스형 네비게이터 (slider_nav) ---------- *\/\n  .slider-nav-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    background: rgba(0, 0, 0, 0.85);\n    z-index: 11;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n  }\n\n  .slider-nav-top::-webkit-scrollbar {\n    display: none;\n  }\n\n  .slider-nav-top button {\n    flex: 1 1 0;\n    min-width: max-content;\n    padding: 12px 16px;\n    background: none;\n    border: none;\n    border-bottom: 3px solid transparent;\n    color: rgba(255, 255, 255, 0.6);\n    font-size: 15px;\n    white-space: nowrap;\n    cursor: pointer;\n    transition: color 0.3s, border-color 0.3s;\n  }\n\n  .slider-nav-top button.active {\n    color: #fff;\n    border-bottom-color: #fff;\n    font-weight: bold;\n  }\n\n  \/* ---------- 모바일 대응 ---------- *\/\n  @media (max-width: 600px) {\n    .slider-indicators {\n      bottom: 8px;\n      gap: 6px;\n    }\n    .slider-indicators .dot {\n      width: 8px;\n      height: 8px;\n    }\n    .slider-controls button {\n      padding: 8px;\n    }\n    .slider-nav-top {\n      justify-content: flex-start;   \/* 항목이 많으면 가로 스크롤 *\/\n    }\n    .slider-nav-top button {\n      flex: 0 0 auto;\n      padding: 10px 12px;\n      font-size: 13px;\n    }\n    \/* slider_nav 모바일: 상단 네비게이터를 이미지 위에 겹치지 않고 이미지 위쪽 별도 영역에 배치 *\/\n    #slider_nav .slider-nav-top {\n      position: relative;\n      height: 40px;                  \/* 높이 고정 (좌우 버튼 위치 계산용) *\/\n      box-sizing: border-box;\n    }\n    \/* 네비게이터 높이(40px)만큼 내려서 좌우 버튼이 이미지 세로 중앙에 오도록 보정 *\/\n    #slider_nav .slider-controls {\n      top: calc(50% + 20px);\n    }\n  }\n\/*----핫스팟이미지 설정----*\/\n  .hs-section {\n    --hs-accent: #fff;      \/* 호버\/선택 시 버튼 색 (파란색) *\/\n    --hs-dot-size: 30px;           \/* 핫스팟 원형 버튼 크기 (PC) *\/\n    --hs-caption-bg: #fff;      \/* 모바일 텍스트 영역 배경 *\/\n    --hs-caption-color: #151515;      \/* 모바일 텍스트 색 *\/\n    width: 100%;\n  }\n\n  \/* ---- PC \/ 모바일 전환 (기존 코드와 같은 600px 기준) ---- *\/\n  .hs-mo { display: none; }\n\n  @media (max-width: 600px) {\n    .hs-pc { display: none; }\n    .hs-mo { display: block; }\n  }\n\n  \/* =========================\n     PC : 이미지 + 핫스팟\n     ========================= *\/\n  .hs-pc {\n    position: relative;\n    width: 100%;\n  }\n\n  .hs-pc \u003e img {\n    display: block;\n    width: 100%;\n    height: auto;\n  }\n\n  \/* 핫스팟 1개 = 원형 버튼 + 말풍선 *\/\n  .hs-point {\n    position: absolute;            \/* left \/ top 은 HTML에서 % 로 지정 *\/\n    width: var(--hs-dot-size);\n    height: var(--hs-dot-size);\n    transform: translate(-50%, -50%);\n    z-index: 5;\n  }\n\n  .hs-point.open {\n    z-index: 20;                   \/* 열린 말풍선이 다른 버튼 위로 *\/\n  }\n\n  .hs-dot {\n    display: block;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    border: 2px solid rgba(255, 255, 255, 0.9);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.28);\n    cursor: pointer;\n    transition: background 0.25s, border-color 0.25s, transform 0.25s;\n  }\n\n  .hs-point.open .hs-dot {\n    background: var(--hs-accent);\n    border-color: #fff;\n    transform: scale(1.05);\n  }\n\n  \/* 말풍선 *\/\n  .hs-tip {\n    position: absolute;\n    bottom: calc(100% + 12px);     \/* 기본: 버튼 위쪽 *\/\n    left: 50%;\n    width: 360px;\n    max-width: 80vw;\n    padding: 16px 40px 16px 18px;\n    box-sizing: border-box;\n    background: #fff;\n    color: #111;\n    text-align: left;\n    border-radius: 6px;\n    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.2);\n    transform: translateX(calc(-50% + var(--hs-shift, 0px)));\n    opacity: 0;\n    visibility: hidden;\n    pointer-events: none;\n    transition: opacity 0.2s;\n  }\n\n  \/* 버튼이 이미지 위쪽 끝에 가까우면 data-pos=\"bottom\" 으로 아래쪽에 표시 *\/\n  .hs-point[data-pos=\"bottom\"] .hs-tip {\n    bottom: auto;\n    top: calc(100% + 12px);\n  }\n\n  .hs-point.open .hs-tip {\n    opacity: 1;\n    visibility: visible;\n    pointer-events: auto;\n  }\n\n  .hs-tip-title {\n    margin: 0 0 8px;\n    font-size: 14px;\n    font-weight: bold;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .hs-tip-text {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.5;\n    color: #333;\n  }\n\n  .hs-tip-close {\n    position: absolute;\n    top: 10px;\n    right: 12px;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: none;\n    background: none;\n    font-size: 22px;\n    line-height: 24px;\n    color: #111;\n    cursor: pointer;\n  }\n\n  \/* =========================\n     모바일 : 이미지+텍스트 슬라이더\n     ========================= *\/\n  .hs-mo {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n    touch-action: pan-y;\n  }\n\n  .hs-slides {\n    display: flex;\n    transition: transform 0.5s ease-in-out;\n    will-change: transform;\n  }\n\n  .hs-slide {\n    flex: 0 0 100%;\n    min-width: 0;\n  }\n\n  \/* 이미지는 4:3 비율 고정 (권장 1200x900) → 버튼\/점 위치가 항상 이미지 안에 맞춰집니다 *\/\n  .hs-slide img {\n    display: block;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    object-fit: contain;      \/* 이미지가 잘리지 않고 전체가 보이도록 *\/\n  }\n\n  .hs-caption {\n    padding: 18px 20px 28px;\n    background: var(--hs-caption-bg);\n    color: var(--hs-caption-color);\n    text-align:center;\n  }\n\n  .hs-caption h3 {\n    margin: 0 0 8px;\n    font-size: 15px;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .hs-caption p {\n    margin: 0;\n    font-size: 14px;\n    line-height: 1.6;\n    opacity: 0.85;\n  }\n\n  \/* 이미지 영역에만 겹쳐지는 좌우 버튼 + 하단 원형 점 *\/\n  .hs-mo-stage {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    aspect-ratio: 4 \/ 3;           \/* 이미지 영역과 동일한 크기 *\/\n    pointer-events: none;\n  }\n\n  .hs-arrows {\n    position: absolute;\n    top: 50%;\n    width: 100%;\n    display: flex;\n    justify-content: space-between;\n    transform: translateY(-50%);\n  }\n\n  .hs-arrows button {\n    padding: 10px;\n    border: none;\n    background: rgba(0, 0, 0, 0);\n    color: #fff;\n    cursor: pointer;\n    pointer-events: all;\n    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);\n  }\n\n  .hs-indicators {\n    position: absolute;\n    left: 0;\n    bottom: 10px;\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    gap: 6px;\n  }\n\n  .hs-indicators .hs-ind {\n    width: 8px;\n    height: 8px;\n    padding: 0;\n    border: none;\n    border-radius: 50%;\n    background: #fff;\n    opacity: 0.5;                  \/* 비선택 50% *\/\n    cursor: pointer;\n    pointer-events: all;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);\n    transition: opacity 0.3s;\n  }\n\n  .hs-indicators .hs-ind.active {\n    opacity: 1;                    \/* 선택 100% *\/\n  }\n   .hero-wrap { position: relative; width: 100%; }\n  .hero-video { display: block; width: 100%; height: auto; }\n\n  \/* 영상 전체를 덮는 투명 버튼 + 가운데 재생 아이콘 *\/\n  .hero-play {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    padding: 0;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n  }\n  .hero-play::before {              \/* 원형 배경 *\/\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    width: 72px;\n    height: 72px;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.55);\n    transition: background 0.2s;\n  }\n  .hero-play::after {               \/* 재생 삼각형 *\/\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-35%, -50%);\n    border-style: solid;\n    border-width: 13px 0 13px 22px;\n    border-color: transparent transparent transparent #fff;\n  }\n  .hero-play:hover::before { background: rgba(0, 0, 0, 0.75); }\n  .hero-wrap.playing .hero-play { display: none; }\n\n  @media (max-width: 600px) {\n    .hero-play::before { width: 56px; height: 56px; }\n    .hero-play::after  { border-width: 10px 0 10px 17px; }\n  }\n    \/* 일반 이미지도 슬라이더처럼 가로 꽉 채우기 *\/\n  .hero-wrap ~ div \u003e picture img {\n    width: 100%;\n  }\n\u003c\/style\u003e\n\u003c!-- 메인 이미지 --\u003e\n\u003cdiv class=\"hero-wrap\"\u003e\n\u003cvideo class=\"hero-video\" playsinline=\"\" preload=\"none\" poster=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/001_01_3db206cd-ffcd-49f2-8049-349fafc9546d.jpg?v=1791796359\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6e339163112348189dbfa9a82dc42648.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e \u003cbutton type=\"button\" class=\"hero-play\"\u003e\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-002_01.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/002.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/002.jpg\" alt=\"하이라이트_아이콘\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003cdiv\u003e\u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-002_02.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/003.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/003.jpg\" alt=\"하이라이트_아이콘\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\u003e\n\u003c!-- 슬라이더 1 (하단 원형 네비게이터) --\u003e\n\u003cdiv class=\"slider\" id=\"slider1\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-004-1.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/004-1.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/004-1.jpg\" alt=\"배너1\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-004-2.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/004-2.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/004-2.jpg\" alt=\"배너2\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slider-controls\"\u003e\n\u003cbutton type=\"button\" class=\"slider-prev\"\u003e❮\u003c\/button\u003e \u003cbutton type=\"button\" class=\"slider-next\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slider-indicators\" id=\"indicators1\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--slider_nav : 상단 박스형 네비게이터 (하단 원형 네비게이터 없음)\n       data-title 값이 상단 네비게이터에 표시되는 슬라이드 이름입니다. --\u003e\n\u003cdiv class=\"slider\" id=\"slider_nav\" data-nav=\"top\"\u003e\n\u003cdiv class=\"slider-nav-top\" id=\"nav_slider_nav\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cpicture data-title=\"LASER DISTANCE METER\"\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-005-1.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/005-1.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/005-1.jpg\" alt=\"거리측정\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003cpicture data-title=\"DIGITAL ANGLE FINDER\"\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-005-2.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/005-2.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/005-2.jpg\" alt=\"각도측정\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003cpicture data-title=\"BULLSEYE LEVELING\"\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-005-3.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/005-3.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/005-3.jpg\" alt=\"수평측정\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slider-controls\"\u003e\n\u003cbutton type=\"button\" class=\"slider-prev\"\u003e❮\u003c\/button\u003e \u003cbutton type=\"button\" class=\"slider-next\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!--핫스팟 이미지 섹션--\u003e\n\u003cdiv class=\"hs-section\" id=\"hsSection\"\u003e\n\u003c!-- ───────── PC 버전 ───────── --\u003e\n\u003cdiv class=\"hs-pc\"\u003e\n\u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/006.jpg\" alt=\"핫스팟 메인 이미지\" loading=\"lazy\"\u003e \u003c!-- 핫스팟 1 --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 37.9%; top: 43%;\"\u003e\n\u003cbutton type=\"button\" class=\"hs-dot\"\u003e\u003c\/button\u003e\n\u003cdiv class=\"hs-tip\" role=\"tooltip\"\u003e\n\u003ch3 class=\"hs-tip-title\"\u003eLET THE TOOL DO THE MATH.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eBuilt-in calculation modes handle common layout math in about 0.3 seconds—no manual calculations needed.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"hs-tip-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 핫스팟 2 (이미지 위쪽에 가까우면 data-pos=\"bottom\" 으로 말풍선을 아래에 표시) --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 55.7%; top: 26.6%;\" data-pos=\"bottom\"\u003e\n\u003cbutton type=\"button\" class=\"hs-dot\"\u003e\u003c\/button\u003e\n\u003cdiv class=\"hs-tip\" role=\"tooltip\"\u003e\n\u003ch3 class=\"hs-tip-title\"\u003eCLEAR LINES. CLEAR READINGS.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eFour laser brightness levels and Outdoor Display Mode help keep both the laser line and screen visible in bright working conditions.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"hs-tip-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 핫스팟 3 --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 69.9%; top: 31.8%;\" data-pos=\"bottom\"\u003e\n\u003cbutton type=\"button\" class=\"hs-dot\"\u003e\u003c\/button\u003e\n\u003cdiv class=\"hs-tip\" role=\"tooltip\"\u003e\n\u003ch3 class=\"hs-tip-title\"\u003eTHE SCREEN TURNS WITH YOU.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eThe display 360° rotates automatically to stay upright and readable as you change the tool’s orientation.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"hs-tip-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 핫스팟 4 --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 66.2%; top: 52%;\" data-pos=\"bottom\"\u003e\n\u003cbutton type=\"button\" class=\"hs-dot\"\u003e\u003c\/button\u003e\n\u003cdiv class=\"hs-tip\" role=\"tooltip\"\u003e\n\u003ch3 class=\"hs-tip-title\"\u003eSWITCH UNITS. SKIP THE CONVERSION.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eSwitch between mm, cm, m, in, ft, and ft+in directly on the tool, so a measurement matches whatever unit the blueprint or cut list is already using.\u003c\/p\u003e\n\u003cbutton type=\"button\" class=\"hs-tip-close\"\u003e×\u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- ───────── 모바일 버전 ───────── --\u003e\n\u003cdiv class=\"hs-mo\" id=\"hsMo\"\u003e\n\u003cdiv class=\"hs-slides\"\u003e\n\u003c!-- 슬라이드 1 : PC 핫스팟 1과 같은 텍스트 --\u003e\n\u003cdiv class=\"hs-slide\"\u003e\n\u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-006-1.png\" alt=\"제목 1\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003eLET THE TOOL DO THE MATH.\u003c\/h3\u003e\n\u003cp\u003eBuilt-in calculation modes handle common layout math in about 0.3 seconds—no manual calculations needed.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 슬라이드 2 : PC 핫스팟 2와 같은 텍스트 --\u003e\n\u003cdiv class=\"hs-slide\"\u003e\n\u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-006-3.png\" alt=\"제목 2\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003eCLEAR LINES. CLEAR READINGS.\u003c\/h3\u003e\n\u003cp\u003eFour laser brightness levels and Outdoor Display Mode help keep both the laser line and screen visible in bright working conditions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 슬라이드 3 : PC 핫스팟 3과 같은 텍스트 --\u003e\n\u003cdiv class=\"hs-slide\"\u003e\n\u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-006-2.png\" alt=\"The screen turns with you.\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003eTHE SCREEN TURNS WITH YOU.\u003c\/h3\u003e\n\u003cp\u003eThe display 360° rotates automatically to stay upright and readable as you change the tool's orientation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 슬라이드 4 : PC 핫스팟 4와 같은 텍스트 --\u003e\n\u003cdiv class=\"hs-slide\"\u003e\n\u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-006-4.png\" alt=\"제목 4\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003eSWITCH UNITS. SKIP THE CONVERSION.\u003c\/h3\u003e\n\u003cp\u003eSwitch between mm, cm, m, in, ft, and ft+in directly on the tool, so a measurement matches whatever unit the blueprint or cut list is already using.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- 이미지 영역 위에 겹쳐지는 좌우 버튼 + 하단 원형 점 (JS가 점을 자동 생성) --\u003e\n\u003cdiv class=\"hs-mo-stage\"\u003e\n\u003cdiv class=\"hs-arrows\"\u003e\n\u003cbutton type=\"button\" class=\"hs-prev\"\u003e❮\u003c\/button\u003e \u003cbutton type=\"button\" class=\"hs-next\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hs-indicators\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slider\" id=\"slider2\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-007.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/007-1.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/007-1.jpg\" alt=\"배너1\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/m-007_2.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/007-2.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/NOVA\/007-2.jpg\" alt=\"배너2\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slider-controls\"\u003e\n\u003cbutton type=\"button\" class=\"slider-prev\"\u003e❮\u003c\/button\u003e \u003cbutton type=\"button\" class=\"slider-next\"\u003e❯\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"slider-indicators\" id=\"indicators2\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"MAGPIE | NEW PARADIGM OF MEASUREMENT","offers":[{"title":"Default Title","offer_id":55034504839381,"sku":"MP_NV","price":119.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/NOVA.jpg?v=1792046214"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/collections\/CATEGORIES-003.jpg?v=1791861549","url":"https:\/\/magpietech.us\/collections\/multi-measures.oembed","provider":"MAGPIE | NEW PARADIGM OF MEASUREMENT","version":"1.0","type":"link"}