{"product_id":"magpie-vader-4d-16-line-green-laser-level","title":"MAGPIE VADER 4D: 16-Line 4 × 360° Self-Leveling Green Laser Level","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_d9f03238-edf0-4672-9d68-be73e0896b55.jpg?v=1791796936\"\u003e\n    \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/9ec86e45e3e54668afebc34268c484bb.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\/VADER4D\/m-002.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/002.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/002.jpg\" alt=\"하이라이트_아이콘\"\u003e\u003c\/source\u003e\u003c\/picture\u003e\u003c\/div\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\/VADER4D\/m-003-1.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/003.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/003.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\/VADER4D\/m-003-pro.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/003-2_pro.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/003-2_pro.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\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\/VADER4D\/m-004-1.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/004-1.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/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\/VADER4D\/m-004-2.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/004-2.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/004-2.jpg\" alt=\"배너2\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/m-004-3.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/004-3.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/004-3.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\u003cdiv class=\"slider\" id=\"slider3\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/m-005-1.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/005-1.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/005-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\/VADER4D\/m-005-2.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/005-2.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/005-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=\"indicators3\"\u003e\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\/VADER4D\/006.jpg\" alt=\"핫스팟 메인 이미지\" loading=\"lazy\"\u003e \u003c!-- 핫스팟 1 : 오른쪽 기기 상단 레이저 창 (이미지 위쪽 → 말풍선 아래 표시) --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 64.03%; top: 16.61%;\" 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\"\u003eMATCH THE LINE TO THE JOB.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eChoose from four brightness levels to balance laser visibility and runtime for different work environments.\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 : 오른쪽 기기 왼쪽 위 모서리 (이미지 위쪽 → 말풍선 아래 표시) --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 49.96%; top: 22.51%;\" 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\"\u003e18 HOURS EXTENDED BATTERY LIFE.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eGet up to 18 hours of runtime with two batteries at the lowest brightness setting. Long-lasting power keeps all-day layout work moving with fewer interruptions.\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 : 왼쪽 기기 아래 받침대 (이미지 아래쪽 → 말풍선 위 표시, data-pos 없음) --\u003e\n\u003cdiv class=\"hs-point\" style=\"left: 31.56%; top: 83.95%;\"\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\"\u003eMOUNT IT YOUR WAY.\u003c\/h3\u003e\n\u003cp class=\"hs-tip-text\"\u003eAttach the included magnetic L-bracket to metal surfaces, or use the standard 1\/4\"-20 thread with a compatible tripod for flexible positioning.\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\/VADER4D\/m-006-1.jpg\" alt=\"제목 1\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003e18 HOURS EXTENDED BATTERY LIFE.\u003c\/h3\u003e\n\u003cp\u003eGet up to 18 hours of runtime with two batteries at the lowest brightness setting. Long-lasting power keeps all-day layout work moving with fewer interruptions.\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\/VADER4D\/m-006-2.jpg\" alt=\"제목 2\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003eMATCH THE LINE TO THE JOB.\u003c\/h3\u003e\n\u003cp\u003eChoose from four brightness levels to balance laser visibility and runtime for different work environments.\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\/VADER4D\/m-006-3.jpg\" alt=\"The screen turns with you.\" loading=\"lazy\"\u003e\n\u003cdiv class=\"hs-caption\"\u003e\n\u003ch3\u003eMOUNT IT YOUR WAY.\u003c\/h3\u003e\n\u003cp\u003eAttach the included magnetic L-bracket to metal surfaces, or use the standard 1\/4\"-20 thread with a compatible tripod for flexible positioning.\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=\"slider4\"\u003e\n\u003cdiv class=\"slides\"\u003e\n\u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/m-007-1.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/007-1.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/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\/VADER4D\/m-007-1-pro.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/007-1-pro.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/007-1-pro.jpg\" alt=\"배너2\"\u003e\u003c\/source\u003e\u003c\/picture\u003e \u003cpicture\u003e \u003csource media=\"(max-width: 600px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/m-007-2.jpg\"\u003e \u003csource media=\"(min-width: 601px)\" srcset=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/007-2.jpg\"\u003e \u003cimg src=\"https:\/\/ai.esmplus.com\/magpietech01\/OVERSEE\/PRODUCT\/VADER4D\/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=\"indicators4\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"MAGPIE | NEW PARADIGM OF MEASUREMENT","offers":[{"title":"Standard","offer_id":55034504773845,"sku":"199.9","price":129.99,"currency_code":"USD","in_stock":true},{"title":"Pro Set","offer_id":55034506346709,"sku":"MP_4DPR","price":179.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0636\/7658\/0053\/files\/VADER_4D.jpg?v=1792046214","url":"https:\/\/magpietech.us\/products\/magpie-vader-4d-16-line-green-laser-level","provider":"MAGPIE | NEW PARADIGM OF MEASUREMENT","version":"1.0","type":"link"}