{"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","url":"https:\/\/magpietech.us\/products\/magpie-nova-4-in-1-laser-level-distance-meter","provider":"MAGPIE | NEW PARADIGM OF MEASUREMENT","version":"1.0","type":"link"}