{"id":955,"date":"2025-12-26T03:25:30","date_gmt":"2025-12-26T03:25:30","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=955"},"modified":"2026-04-29T08:03:25","modified_gmt":"2026-04-29T08:03:25","slug":"piezo-valve-controller","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/ko\/piezo-valve-controller\/","title":{"rendered":"\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"955\" class=\"elementor elementor-955\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7939ec4 e-con-full e-flex e-con e-parent\" data-id=\"7939ec4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7b8c81 elementor-widget elementor-widget-html\" data-id=\"c7b8c81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Piezo Valve Controller | Precision Dispensing Control | Sanco <\/title>\r\n    <meta name=\"description\" content=\"Piezo Valve Controller with OLED display, MODBUS-RTU protocol, dual heater integration. Ultra-compact design for precision dispensing control up to 1kHz frequency.\">\r\n    <meta name=\"keywords\" content=\"piezo valve controller, dispensing controller, MODBUS-RTU, needle heating, syringe heating, precision temperature control, Sanco Biotech\">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <link rel=\"canonical\" href=\"\/piezo-valve-controller\/\">\r\n\r\n    <!-- Open Graph -->\r\n    <meta property=\"og:title\" content=\"Piezo Valve Controller | Sanco Biotech\">\r\n    <meta property=\"og:description\" content=\"Ultra-compact piezo valve controller with OLED display and dual heater integration for precision dispensing applications.\">\r\n    <meta property=\"og:type\" content=\"product\">\r\n    <meta property=\"og:url\" content=\"\/piezo-valve-controller\/\">\r\n\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n    <style>\r\n        :root {\r\n            --primary-dark: #0d2137;\r\n            --primary-mid: #14334d;\r\n            --primary-light: #1e4a6d;\r\n            --accent: #2d6a9f;\r\n            --white: #ffffff;\r\n            --off-white: #f9f7f5;\r\n            --gray: #64748b;\r\n            --dark: #1a2332;\r\n        }\r\n        * { margin: 0; padding: 0; box-sizing: border-box; }\r\n        html { scroll-behavior: smooth; }\r\n        body { font-family: 'Outfit', sans-serif; background: var(--white); color: var(--dark); overflow-x: hidden; }\r\n\r\n        \/* ========== Hero Section ========== *\/\r\n        .hero {\r\n            min-height: 100vh;\r\n            background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%);\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .hero-orb { position: absolute; border-radius: 50%; filter: blur(60px); opacity: 0.4; pointer-events: none; }\r\n        .hero-orb-1 { width: 400px; height: 400px; background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%); top: -100px; left: -100px; animation: floatOrb1 15s ease-in-out infinite; }\r\n        .hero-orb-2 { width: 300px; height: 300px; background: radial-gradient(circle, rgba(30, 74, 109, 0.5) 0%, transparent 70%); top: 30%; right: 10%; animation: floatOrb2 12s ease-in-out infinite; }\r\n        .hero-orb-3 { width: 250px; height: 250px; background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%); bottom: 20%; left: 20%; animation: floatOrb3 18s ease-in-out infinite; }\r\n\r\n        @keyframes floatOrb1 { 0%, 100% { transform: translate(0, 0) scale(1); } 25% { transform: translate(50px, 30px) scale(1.1); } 50% { transform: translate(30px, 60px) scale(0.95); } 75% { transform: translate(-20px, 40px) scale(1.05); } }\r\n        @keyframes floatOrb2 { 0%, 100% { transform: translate(0, 0) scale(1); } 33% { transform: translate(-40px, 50px) scale(1.15); } 66% { transform: translate(30px, -30px) scale(0.9); } }\r\n        @keyframes floatOrb3 { 0%, 100% { transform: translate(0, 0) scale(1); } 50% { transform: translate(60px, -40px) scale(1.2); } }\r\n\r\n        .hero-light-streak { position: absolute; width: 150%; height: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent); transform: rotate(-35deg); animation: lightStreak 8s linear infinite; pointer-events: none; }\r\n        .hero-light-streak-1 { top: 20%; left: -50%; animation-delay: 0s; }\r\n        .hero-light-streak-2 { top: 50%; left: -50%; animation-delay: 3s; opacity: 0.6; }\r\n        .hero-light-streak-3 { top: 80%; left: -50%; animation-delay: 5s; opacity: 0.4; }\r\n        @keyframes lightStreak { 0% { transform: rotate(-35deg) translateX(-100%); } 100% { transform: rotate(-35deg) translateX(100%); } }\r\n\r\n        .hero-particles { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; }\r\n        .particle { position: absolute; width: 4px; height: 4px; background: rgba(255,255,255,0.6); border-radius: 50%; animation: particleFloat 20s linear infinite; }\r\n        .particle:nth-child(1) { left: 10%; animation-delay: 0s; animation-duration: 25s; }\r\n        .particle:nth-child(2) { left: 20%; animation-delay: 2s; animation-duration: 20s; }\r\n        .particle:nth-child(3) { left: 30%; animation-delay: 4s; animation-duration: 28s; }\r\n        .particle:nth-child(4) { left: 40%; animation-delay: 1s; animation-duration: 22s; }\r\n        .particle:nth-child(5) { left: 50%; animation-delay: 3s; animation-duration: 18s; }\r\n        .particle:nth-child(6) { left: 60%; animation-delay: 5s; animation-duration: 24s; }\r\n        @keyframes particleFloat { 0% { transform: translateY(100vh) scale(0); opacity: 0; } 10% { opacity: 1; transform: translateY(80vh) scale(1); } 90% { opacity: 1; transform: translateY(10vh) scale(1); } 100% { transform: translateY(-10vh) scale(0); opacity: 0; } }\r\n\r\n        .hero-glow-1 { position: absolute; top: 5%; left: -5%; width: 500px; height: 500px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%); border-radius: 50%; pointer-events: none; animation: glowPulse 8s ease-in-out infinite; }\r\n        .hero-glow-2 { position: absolute; bottom: 10%; right: 20%; width: 400px; height: 400px; background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%); border-radius: 50%; pointer-events: none; animation: glowPulse 6s ease-in-out infinite reverse; }\r\n        @keyframes glowPulse { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.1); opacity: 0.8; } }\r\n\r\n        .hero-content { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; padding: 0 60px; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }\r\n        .hero-text { color: var(--white); padding-top: 40px; }\r\n        .hero-category { font-size: 1.3rem; font-weight: 500; color: rgba(255,255,255,0.9); margin-bottom: 20px; font-style: italic; }\r\n        .hero-title { font-size: clamp(2.8rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; margin-bottom: 28px; text-shadow: 0 2px 20px rgba(0,0,0,0.1); letter-spacing: -1px; }\r\n        .hero-subtitle { font-size: 1.35rem; color: rgba(255,255,255,0.9); margin-bottom: 36px; line-height: 1.7; max-width: 580px; }\r\n        .hero-tags { display: flex; gap: 14px; flex-wrap: wrap; }\r\n        .hero-tag { display: inline-block; padding: 14px 30px; background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(8px); border-radius: 30px; font-size: 1.1rem; font-weight: 500; color: var(--white); transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); }\r\n        .hero-tag:hover { background: rgba(255, 255, 255, 0.25); transform: translateY(-2px); }\r\n        .hero-visual { position: relative; display: flex; justify-content: center; align-items: center; width: 100%; }\r\n        .product-image { width: 70%; max-width: 450px; height: auto; filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.4)); transition: transform 0.5s ease; object-fit: contain; }\r\n        .product-image:hover { transform: scale(1.03); }\r\n\r\n        \/* ========== Description Section ========== *\/\r\n        .description-section { padding: 100px 60px; background: var(--white); }\r\n        .breadcrumb { max-width: 1400px; margin: 0 auto 50px; font-size: 1rem; color: var(--gray); }\r\n        .breadcrumb a { color: var(--gray); text-decoration: none; transition: color 0.3s ease; }\r\n        .breadcrumb a:hover { color: var(--primary-dark); }\r\n        .breadcrumb span { margin: 0 8px; }\r\n        .description-content { max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: start; }\r\n        .product-text h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 700; color: var(--dark); margin-bottom: 24px; position: relative; padding-bottom: 16px; }\r\n        .product-text h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary-light)); border-radius: 2px; }\r\n        .product-text p { font-size: 1.2rem; color: var(--gray); line-height: 1.8; margin-bottom: 20px; }\r\n        .description-highlights { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n        .highlight-item { display: flex; align-items: center; gap: 12px; padding: 16px; background: var(--off-white); border-radius: 12px; transition: all 0.3s ease; }\r\n        .highlight-item:hover { background: #e8f4fc; transform: translateX(5px); }\r\n        .highlight-icon { width: 44px; height: 44px; background: linear-gradient(135deg, var(--primary-dark), var(--primary-light)); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }\r\n        .highlight-icon svg { width: 22px; height: 22px; fill: white; }\r\n        .highlight-text { font-size: 0.9rem; font-weight: 600; color: var(--dark); }\r\n        .highlight-value { font-size: 0.8rem; color: var(--gray); margin-top: 2px; }\r\n\r\n        \/* ========== Section Header ========== *\/\r\n        .section-header { text-align: center; max-width: 700px; margin: 0 auto 80px; position: relative; z-index: 2; }\r\n        .section-tag { display: inline-block; padding: 10px 24px; background: linear-gradient(135deg, var(--primary-dark), var(--primary-light)); color: white; border-radius: 30px; font-size: 0.95rem; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 20px; }\r\n        .section-title { font-size: clamp(2.2rem, 4vw, 3.2rem); font-weight: 800; color: var(--dark); margin-bottom: 16px; letter-spacing: -1px; }\r\n        .section-subtitle { font-size: 1.25rem; color: var(--gray); line-height: 1.7; }\r\n\r\n        \/* ========== Applications Section ========== *\/\r\n        .applications-section { padding: 100px 60px; background: var(--off-white); }\r\n        .applications-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px; max-width: 1200px; margin: 0 auto; }\r\n        .app-card { background: var(--white); border-radius: 16px; padding: 0 0 24px; text-align: center; transition: all 0.4s ease; box-shadow: 0 4px 20px rgba(13, 33, 55, 0.06); border: 1px solid rgba(13, 33, 55, 0.06); overflow: hidden; }\r\n        .app-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12); }\r\n        .app-icon { width: 100%; height: 130px; overflow: hidden; margin: 0 auto 16px; }\r\n        .app-icon img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }\r\n        .app-card:hover .app-icon img { transform: scale(1.08); }\r\n        .app-name { font-size: 1rem; font-weight: 600; color: var(--dark); line-height: 1.4; padding: 0 12px; }\r\n\r\n        \/* ========== Features Section ========== *\/\r\n        .features-section { padding: 100px 60px; background: var(--white); position: relative; overflow: hidden; }\r\n        .features-section::before { content: ''; position: absolute; top: -50%; right: -20%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(13, 33, 55, 0.03) 0%, transparent 70%); border-radius: 50%; pointer-events: none; }\r\n        .features-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; max-width: 1200px; margin: 0 auto; }\r\n        .feature-card { background: var(--off-white); border-radius: 16px; padding: 36px 28px; transition: all 0.4s ease; position: relative; overflow: hidden; box-shadow: 0 4px 20px rgba(13, 33, 55, 0.06); }\r\n        .feature-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, var(--primary-dark), var(--primary-light)); transform: scaleX(0); transition: transform 0.4s ease; }\r\n        .feature-card:hover { transform: translateY(-8px); box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12); }\r\n        .feature-card:hover::before { transform: scaleX(1); }\r\n        .feature-number { font-family: 'Space ', space; font-size: 1.8rem; font-weight: 700; color: rgba(13, 33, 55, 0.1); margin-bottom: 12px; }\r\n        .feature-card-title { font-size: 1.15rem; font-weight: 700; color: var(--dark); margin-bottom: 12px; line-height: 1.3; }\r\n        .feature-card-desc { font-size: 1rem; color: var(--gray); line-height: 1.6; }\r\n\r\n        \/* ========== Technical Specifications Section ========== *\/\r\n        .tech-param-section { padding: 80px 60px; background: #ffffff; }\r\n        .param-container { max-width: 1400px; margin: 0 auto; }\r\n        .param-header { text-align: center; margin-bottom: 60px; }\r\n        .param-tag { display: inline-block; font-size: 0.8rem; font-weight: 500; color: #1e4a6d; letter-spacing: 4px; text-transform: uppercase; margin-bottom: 16px; }\r\n        .param-title { font-size: 2.5rem; font-weight: 800; color: #0d2137; margin: 0 0 16px 0; letter-spacing: -0.5px; }\r\n        .param-subtitle { font-size: 1rem; color: #64748b; margin: 0; font-weight: 400; }\r\n        .param-table-wrapper { border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(13, 33, 55, 0.08); border: 1px solid #e5e7eb; }\r\n        .param-table-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }\r\n        .param-table { width: 100%; border-collapse: collapse; font-size: 0.95rem; }\r\n        .param-table .header-row { background: linear-gradient(135deg, #0a1929 0%, #0d2137 30%, #14334d 60%, #1e4a6d 100%); }\r\n        .param-table .header-row th { padding: 18px 20px; text-align: center; font-weight: 600; font-size: 0.9rem; color: #ffffff; border-right: 1px solid rgba(255,255,255,0.15); line-height: 1.4; }\r\n        .param-table .header-row th:first-child { border-radius: 12px 0 0 0; }\r\n        .param-table .header-row th:last-child { border-right: none; border-radius: 0 12px 0 0; }\r\n        .param-table .sub-header-row { background: #ffffff; border-top: 2px solid #e5e7eb; }\r\n        .param-table .sub-header-row th { padding: 16px 20px; text-align: center; font-weight: 600; font-size: 0.9rem; color: #0d2137; border: 1px solid #e5e7eb; line-height: 1.4; }\r\n        .param-table td { padding: 16px 20px; border: 1px solid #e5e7eb; color: #334155; vertical-align: middle; text-align: center; line-height: 1.5; background: #ffffff; }\r\n        .param-table tbody tr:hover td { background: rgba(13, 33, 55, 0.03); }\r\n\r\n        \/* ========== Responsive ========== *\/\r\n        @media (max-width: 1200px) {\r\n            .hero { height: auto; min-height: 100vh; }\r\n            .hero-content { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n            .hero-tags { justify-content: center; }\r\n            .hero-subtitle { margin: 0 auto 32px; }\r\n            .product-image { max-width: 380px; }\r\n            .description-content { grid-template-columns: 1fr; }\r\n            .description-highlights { grid-template-columns: 1fr 1fr; }\r\n            .applications-grid { grid-template-columns: repeat(3, 1fr); }\r\n            .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n        }\r\n        @media (max-width: 1024px) {\r\n            .tech-param-section { padding: 60px 40px; }\r\n            .param-header { margin-bottom: 40px; }\r\n            .param-title { font-size: 2.2rem; }\r\n            .param-table .header-row th, .param-table .sub-header-row th, .param-table td { padding: 14px 16px; font-size: 0.85rem; }\r\n        }\r\n        @media (max-width: 768px) {\r\n            .hero { min-height: auto; height: auto; padding: 120px 0 60px; overflow: visible; }\r\n            .hero-content { padding: 0 24px; gap: 30px; }\r\n            .hero-title { font-size: 2.2rem; }\r\n            .hero-subtitle { font-size: 1.1rem; }\r\n            .hero-tag { padding: 12px 22px; font-size: 1rem; }\r\n            .hero-visual { padding: 20px; min-height: 280px; overflow: visible; }\r\n            .product-image { max-width: 280px; width: 80%; }\r\n            .description-section, .applications-section, .features-section { padding: 80px 24px; }\r\n            .description-highlights { grid-template-columns: 1fr; }\r\n            .applications-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }\r\n            .app-card { padding: 0 0 20px; }\r\n            .app-icon { height: 100px; }\r\n            .features-grid { grid-template-columns: 1fr; max-width: 500px; margin: 0 auto; }\r\n            .section-header { margin-bottom: 50px; }\r\n            .tech-param-section { padding: 50px 20px; }\r\n            .param-tag { font-size: 0.7rem; letter-spacing: 3px; margin-bottom: 12px; }\r\n            .param-title { font-size: 1.8rem; margin-bottom: 12px; }\r\n            .param-subtitle { font-size: 0.9rem; }\r\n            .param-table-wrapper { border-radius: 12px; }\r\n            .param-table { min-width: 650px; font-size: 0.8rem; }\r\n            .param-table .header-row th, .param-table .sub-header-row th { padding: 12px 14px; font-size: 0.75rem; }\r\n            .param-table td { padding: 12px 14px; font-size: 0.8rem; }\r\n            .param-table .header-row th:first-child { border-radius: 8px 0 0 0; }\r\n            .param-table .header-row th:last-child { border-radius: 0 8px 0 0; }\r\n        }\r\n        @media (max-width: 480px) {\r\n            .hero { padding: 100px 0 50px; }\r\n            .hero-content { padding: 0 16px; gap: 25px; }\r\n            .hero-title { font-size: 1.8rem; }\r\n            .hero-category { font-size: 1rem; }\r\n            .hero-subtitle { font-size: 0.95rem; margin-bottom: 24px; }\r\n            .hero-tags { gap: 8px; }\r\n            .hero-tag { padding: 10px 16px; font-size: 0.9rem; }\r\n            .hero-visual { padding: 15px; min-height: 240px; }\r\n            .product-image { max-width: 240px; width: 75%; }\r\n            .applications-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n            .app-card { padding: 0 0 16px; }\r\n            .app-icon { height: 90px; }\r\n            .app-name { font-size: 0.9rem; }\r\n            .tech-param-section { padding: 40px 16px; }\r\n            .param-tag { font-size: 0.65rem; letter-spacing: 2px; margin-bottom: 10px; }\r\n            .param-title { font-size: 1.5rem; margin-bottom: 10px; }\r\n            .param-subtitle { font-size: 0.85rem; }\r\n            .param-table-wrapper { border-radius: 10px; }\r\n            .param-table { min-width: 550px; font-size: 0.75rem; }\r\n            .param-table .header-row th, .param-table .sub-header-row th { padding: 10px 12px; font-size: 0.7rem; }\r\n            .param-table td { padding: 10px 12px; font-size: 0.75rem; word-break: break-word; }\r\n        }\r\n        @media (max-width: 360px) {\r\n            .tech-param-section { padding: 32px 12px; }\r\n            .param-tag { font-size: 0.6rem; letter-spacing: 1.5px; }\r\n            .param-title { font-size: 1.35rem; }\r\n            .param-subtitle { font-size: 0.8rem; }\r\n            .param-table { min-width: 500px; font-size: 0.7rem; }\r\n            .param-table .header-row th, .param-table .sub-header-row th, .param-table td { padding: 8px 10px; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!--\r\n    ============================================================\r\n    PRODUCT SCHEMA (Schema.org\/Product) \u2014 wraps entire page\r\n    Google requires: name + brand + one of: offers \/ review \/ aggregateRating\r\n    Solution: Add Offer without price (InStock, no price shown)\r\n    Standard practice for industrial B2B equipment pages.\r\n    ============================================================\r\n-->\r\n\r\n\r\n    <!-- ========== Hero Section ========== -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-orb hero-orb-1\"><\/div>\r\n        <div class=\"hero-orb hero-orb-2\"><\/div>\r\n        <div class=\"hero-orb hero-orb-3\"><\/div>\r\n        <div class=\"hero-light-streak hero-light-streak-1\"><\/div>\r\n        <div class=\"hero-light-streak hero-light-streak-2\"><\/div>\r\n        <div class=\"hero-light-streak hero-light-streak-3\"><\/div>\r\n        <div class=\"hero-particles\">\r\n            <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div><div class=\"particle\"><\/div><div class=\"particle\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-glow-1\"><\/div>\r\n        <div class=\"hero-glow-2\"><\/div>\r\n\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-text\">\r\n                <p class=\"hero-category\">\ub514\uc2a4\ud39c\uc2f1 \uc81c\uc5b4<\/p>\r\n                <h1 class=\"hero-title\">\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec<\/h1>\r\n                <p class=\"hero-subtitle\">OLED \ub514\uc2a4\ud50c\ub808\uc774, \ud1b5\ud569 \ub4c0\uc5bc \ud788\ud130 \uc2dc\uc2a4\ud15c, MODBUS-RTU \ud1b5\uc2e0 \ud504\ub85c\ud1a0\ucf5c\uc744 \uac16\ucd98 \ucd08\uc18c\ud615 \ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec\uc785\ub2c8\ub2e4. \ucd5c\ub300 1kHz\uc758 \uc8fc\ud30c\uc218\uc640 \ucd5c\ub300 180\u00b0C\uc758 \uc628\ub3c4 \uc870\uc808\ub85c \uc815\ubc00\ud55c \ub514\uc2a4\ud39c\uc2f1 \uc81c\uc5b4\ub97c \uc704\ud574 \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\r\n                <div class=\"hero-tags\">\r\n                    <span class=\"hero-tag\">OLED \ub514\uc2a4\ud50c\ub808\uc774<\/span>\r\n                    <span class=\"hero-tag\">MODBUS-RTU<\/span>\r\n                    <span class=\"hero-tag\">\ub4c0\uc5bc \ud788\ud130<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/piezo-Valve-Controller_\u7ed3\u679c.webp\" alt=\"\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec\" class=\"product-image\" itemprop=\"image\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== Description Section ========== -->\r\n    <section class=\"description-section\">\r\n        <div class=\"breadcrumb\">\r\n            <a href=\"\/ko\/\">\ud648<\/a><span>><\/span>\r\n            <a href=\"\/ko\/product\/\">\uc81c\ud488<\/a><span>><\/span>\r\n            <a href=\"\/ko\/product\/\">\ub514\uc2a4\ud39c\uc2f1 \uc81c\uc5b4<\/a><span>><\/span>\r\n            <span>\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"description-content\">\r\n            <div class=\"product-info\">\r\n                <div class=\"product-text\">\r\n                    <h2>\uc81c\ud488 \uc124\uba85<\/h2>\r\n                    <p>\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec\ub294 OLED \ub514\uc2a4\ud50c\ub808\uc774\uc640 \ud1b5\ud569 \ub4c0\uc5bc \ud788\ud130 \uae30\ub2a5\uc744 \uac16\ucd98 \uace0\uae09 \ub514\uc2a4\ud39c\uc2f1 \uc81c\uc5b4 \uc2dc\uc2a4\ud15c\uc785\ub2c8\ub2e4. MODBUS-RTU \ud1b5\uc2e0 \ud504\ub85c\ud1a0\ucf5c\uc744 \ud1b5\ud574 \uc815\ubc00 \ub514\uc2a4\ud39c\uc2f1 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc744 \uc704\ud55c \ucd5c\ub300 1kHz \uc8fc\ud30c\uc218\uc758 \uace0\uc18d \uc791\ub3d9\uc744 \uc2e4\ud604\ud569\ub2c8\ub2e4.<\/p>\r\n                    <p>\ucef4\ud329\ud2b8\ud55c \ud1b5\ud569 \uc124\uacc4\ub85c \uc804\ubb38\uac00\uae09 \uc131\ub2a5\uc744 \uc720\uc9c0\ud558\uba74\uc11c \uace0\uac1d \ube44\uc6a9\uc744 \ucd5c\uc18c\ud654\ud569\ub2c8\ub2e4. \ucd08\ubc15\ud615\uc758 \ucef4\ud329\ud2b8\ud55c \ucee8\ud2b8\ub864\ub7ec\ub294 \uc18c\uc911\ud55c \uc791\uc5c5 \uacf5\uac04\uc744 \ucc28\uc9c0\ud558\uc9c0 \uc54a\uc73c\uba70 \uc9c1\uad00\uc801\uc778 \ucee8\ud2b8\ub864\ub85c \uc27d\uac8c \uc870\uc791\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n                    <p>\ubc14\ub298 \uac00\uc5f4 \ubaa8\ub4c8\uc740 \ucd5c\ub300 180\u00b0C\uae4c\uc9c0 \uc628\ub3c4\ub97c \uc815\ubc00\ud558\uac8c \uc81c\uc5b4\ud558\uba70, \uc8fc\uc0ac\uae30 \ubc30\ub7f4 \uac00\uc5f4 \ubaa8\ub4c8\uc740 \uace0\uae09 \ub2e8\uc5f4\uc7ac\uc640 \uace0\ubd84\ub9ac \ub2e8\uc5f4\uc7ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc791\ub3d9 \uc911 \ud654\uc0c1\uc744 \ubc29\uc9c0\ud569\ub2c8\ub2e4.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"description-highlights\">\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"highlight-text\">\ucd5c\ub300 \uc8fc\ud30c\uc218<\/span>\r\n                        <div class=\"highlight-value\">1KHz \uace0\uc18d<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M13 2.05v3.03c3.39.49 6 3.39 6 6.92 0 .9-.18 1.75-.48 2.54l2.6 1.53c.56-1.24.88-2.62.88-4.07 0-5.18-3.95-9.45-9-9.95zM12 19c-3.87 0-7-3.13-7-7 0-3.53 2.61-6.43 6-6.92V2.05c-5.06.5-9 4.76-9 9.95 0 5.52 4.47 10 9.99 10 3.31 0 6.24-1.61 8.06-4.09l-2.6-1.53C16.17 17.98 14.21 19 12 19z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"highlight-text\">\ucef4\ud329\ud2b8\ud55c \ub514\uc790\uc778<\/span>\r\n                        <div class=\"highlight-value\">173\u00d789\u00d7110mm \ud06c\uae30<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"highlight-text\">\ub4c0\uc5bc \ud788\ud130<\/span>\r\n                        <div class=\"highlight-value\">\ucd5c\ub300 180\u00b0C \ub09c\ubc29<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"highlight-item\">\r\n                    <div class=\"highlight-icon\">\r\n                        <svg viewbox=\"0 0 24 24\"><path d=\"M4 6H2v14c0 1.1.9 2 2 2h14v-2H4V6zm16-4H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H8V4h12v12z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div>\r\n                        <span class=\"highlight-text\">MODBUS-RTU<\/span>\r\n                        <div class=\"highlight-value\">RS485 \ud1b5\uc2e0<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== Applications Section ========== -->\r\n    <section class=\"applications-section\">\r\n        <div class=\"section-header\">\r\n            <span class=\"section-tag\">\uc560\ud50c\ub9ac\ucf00\uc774\uc158<\/span>\r\n            <h2 class=\"section-title\">\uc0b0\uc5c5 \uc560\ud50c\ub9ac\ucf00\uc774\uc158<\/h2>\r\n            <p class=\"section-subtitle\">\ub2e4\uc591\ud55c \uacf5\uc815\uc744 \uc704\ud55c \ub2e4\ubaa9\uc801 \ub514\uc2a4\ud39c\uc2f1 \uc81c\uc5b4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"applications-grid\">\r\n            <article class=\"app-card\">\r\n                <div class=\"app-icon\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/SMT-underfill_\u7ed3\u679c.webp\" alt=\"Underfill Application\" loading=\"lazy\"><\/div>\r\n                <h3 class=\"app-name\">\uc5b8\ub354\ud544<\/h3>\r\n            <\/article>\r\n            <article class=\"app-card\">\r\n                <div class=\"app-icon\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Precision-Coating_\u7ed3\u679c.webp\" alt=\"Precision Coating Application\" loading=\"lazy\"><\/div>\r\n                <h3 class=\"app-name\">\uc815\ubc00 \ucf54\ud305<\/h3>\r\n            <\/article>\r\n            <article class=\"app-card\">\r\n                <div class=\"app-icon\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Pin-encapsulation_\u7ed3\u679c.webp\" alt=\"Pin Encapsulation Application\" loading=\"lazy\"><\/div>\r\n                <h3 class=\"app-name\">\ud540 \ucea1\uc290\ud654<\/h3>\r\n            <\/article>\r\n            <article class=\"app-card\">\r\n                <div class=\"app-icon\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Surface-Mounted-Package_\u7ed3\u679c.webp\" alt=\"SMT Package Application\" loading=\"lazy\"><\/div>\r\n                <h3 class=\"app-name\">SMT \ud328\ud0a4\uc9c0<\/h3>\r\n            <\/article>\r\n            <article class=\"app-card\">\r\n                <div class=\"app-icon\"><img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/POP-Package-On-Package_\u7ed3\u679c.webp\" alt=\"POP Package Application\" loading=\"lazy\"><\/div>\r\n                <h3 class=\"app-name\">POP \ud328\ud0a4\uc9c0<\/h3>\r\n            <\/article>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== Features Section ========== -->\r\n    <section class=\"features-section\">\r\n        <div class=\"section-header\">\r\n            <span class=\"section-tag\">\uc7a5\uc810<\/span>\r\n            <h2 class=\"section-title\">\uc81c\ud488 \uc774\uc810<\/h2>\r\n            <p class=\"section-subtitle\">\uc815\ubc00\ud55c \ub514\uc2a4\ud39c\uc2f1 \uc81c\uc5b4\ub97c \uc704\ud55c \uace0\uae09 \uae30\ub2a5<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-card\"><div class=\"feature-number\">01<\/div><h3 class=\"feature-card-title\">\ub4c0\uc5bc \ud788\ud130\uac00 \uc7a5\ucc29\ub41c OLED \ub514\uc2a4\ud50c\ub808\uc774<\/h3><p class=\"feature-card-desc\">\ub4c0\uc5bc \ud788\ud130 \uc2dc\uc2a4\ud15c, MODBUS-RTU \ud1b5\uc2e0 \ud504\ub85c\ud1a0\ucf5c, \ucd5c\ub300 1kHz\uc758 \uc791\ub3d9 \uc18d\ub3c4\ub97c \uac16\ucd98 \ud1b5\ud569 OLED \ub514\uc2a4\ud50c\ub808\uc774.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">02<\/div><h3 class=\"feature-card-title\">\ucef4\ud329\ud2b8\ud55c \ud1b5\ud569 \ub514\uc790\uc778<\/h3><p class=\"feature-card-desc\">\ucd08\ubc15\ud615\uc758 \ucef4\ud329\ud2b8\ud55c \ub514\uc790\uc778\uc73c\ub85c \uace0\uac1d \ube44\uc6a9\uc744 \ucd5c\uc18c\ud654\ud558\uace0 \uc791\uc5c5 \uacf5\uac04\uc744 \ucc28\uc9c0\ud558\uc9c0 \uc54a\uc73c\uba70 \uc791\ub3d9\uc774 \uac04\ud3b8\ud569\ub2c8\ub2e4.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">03<\/div><h3 class=\"feature-card-title\">\uc815\ubc00 \ub2c8\ub4e4 \ud788\ud305<\/h3><p class=\"feature-card-desc\">\ub2c8\ub4e4 \ud788\ud305 \ubaa8\ub4c8\uc740 \ucd5c\uc801\uc758 \ub514\uc2a4\ud39c\uc2f1\uc744 \uc704\ud574 180\u00b0C\uc5d0 \uc774\ub974\ub294 \uac00\uc5f4 \uae30\ub2a5\uc73c\ub85c \uc628\ub3c4\ub97c \uc815\ubc00\ud558\uac8c \uc81c\uc5b4\ud569\ub2c8\ub2e4.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">04<\/div><h3 class=\"feature-card-title\">\uace0\uae09 \uc8fc\uc0ac\uae30 \uac00\uc5f4<\/h3><p class=\"feature-card-desc\">\uc8fc\uc0ac\uae30 \ubc30\ub7f4 \uac00\uc5f4 \ubaa8\ub4c8\uc740 \ub354 \ub098\uc740 \ub2e8\uc5f4\uc131\uacfc \ud2b9\uc218 \uace0\ubd84\ub9ac \ub2e8\uc5f4\uc7ac\ub97c \uc0ac\uc6a9\ud558\uc5ec \ud654\uc0c1\uc744 \ubc29\uc9c0\ud569\ub2c8\ub2e4.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">05<\/div><h3 class=\"feature-card-title\">MODBUS-RTU \ud504\ub85c\ud1a0\ucf5c<\/h3><p class=\"feature-card-desc\">\uc6d0\ud65c\ud55c \uc2dc\uc2a4\ud15c \ud1b5\ud569\uc744 \uc704\ud55c 4\ud540 \ud56d\uacf5 \ud50c\ub7ec\uadf8\uac00 \ud3ec\ud568\ub41c \ud45c\uc900 MODBUS-RTU \ud1b5\uc2e0 \ud504\ub85c\ud1a0\ucf5c\uc785\ub2c8\ub2e4.<\/p><\/div>\r\n            <div class=\"feature-card\"><div class=\"feature-number\">06<\/div><h3 class=\"feature-card-title\">\uace0\uc815\ubc00 \uc81c\uc5b4<\/h3><p class=\"feature-card-desc\">1\u00b0C\uc758 \uc628\ub3c4 \uc815\ubc00\ub3c4\ub294 \uc911\uc694\ud55c \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0\uc11c \uc77c\uad00\ub418\uace0 \ubc18\ubcf5 \uac00\ub2a5\ud55c \ub514\uc2a4\ud39c\uc2f1 \uacb0\uacfc\ub97c \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- ========== Technical Specifications Section ========== -->\r\n    <section class=\"tech-param-section\">\r\n        <div class=\"param-container\">\r\n            <div class=\"param-header\">\r\n                <span class=\"param-tag\">\uae30\uc220 \uc0ac\uc591<\/span>\r\n                <h2 class=\"param-title\">\uad6c\uc870 \uc0ac\uc591<\/h2>\r\n                <p class=\"param-subtitle\">\uc804\uccb4 \uad6c\uc870 \uc0ac\uc591 \ubc0f \uc7ac\ub8cc \uc138\ubd80 \uc815\ubcf4\ub97c \ud655\uc778\ud558\uc138\uc694.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"param-table-wrapper\">\r\n                <div class=\"param-table-scroll\">\r\n                    <table class=\"param-table\" aria-label=\"\uad6c\uc870 \uc0ac\uc591\">\r\n                        <!-- Section 1 -->\r\n                        <thead>\r\n                            <tr class=\"header-row\">\r\n                                <th>\ucc28\uc6d0<\/th>\r\n                                <th>\uc21c \uc911\ub7c9<\/th>\r\n                                <th>\ucd5c\ub300 \uc8fc\ud30c\uc218<\/th>\r\n                                <th>\uc791\ub3d9 \uc804\ub825<\/th>\r\n                                <th>\ucd5c\uace0 \ucd9c\ub825<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <td>173\u00d789\u00d7110mm<\/td>\r\n                                <td>1.6 Kg<\/td>\r\n                                <td>1KHz<\/td>\r\n                                <td>100V-230V<\/td>\r\n                                <td>200W<\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n\r\n                        <!-- Section 2 -->\r\n                        <thead>\r\n                            <tr class=\"sub-header-row\">\r\n                                <th>\ub09c\ubc29 \ubc94\uc704<\/th>\r\n                                <th>\ud504\ub85c\ud1a0\ucf5c<\/th>\r\n                                <th>\ubc14\ub298 180\u00b0 \uac00\uc5f4<\/th>\r\n                                <th>\uc8fc\uc0ac\uae30 180\u00b0 \uac00\uc5f4<\/th>\r\n                                <th>\ub09c\ubc29 \uc815\ubc00\ub3c4<\/th>\r\n                            <\/tr>\r\n                        <\/thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <td>24V<\/td>\r\n                                <td>MODBUS-RTU<\/td>\r\n                                <td>4\ud540 \ud56d\uacf5 \ud50c\ub7ec\uadf8<\/td>\r\n                                <td>5\ud540 \ud56d\uacf5 \ud50c\ub7ec\uadf8<\/td>\r\n                                <td>\u00b11\u00b0C<\/td>\r\n                            <\/tr>\r\n                        <\/tbody>\r\n                    <\/table>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n\r\n\r\n<script>\r\n    const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };\r\n    const observer = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n            if (entry.isIntersecting) {\r\n                entry.target.style.opacity = '1';\r\n                entry.target.style.transform = 'translateY(0)';\r\n            }\r\n        });\r\n    }, observerOptions);\r\n\r\n    document.querySelectorAll('.feature-card, .highlight-item, .app-card').forEach(el => {\r\n        el.style.opacity = '0';\r\n        el.style.transform = 'translateY(20px)';\r\n        el.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n        observer.observe(el);\r\n    });\r\n\r\n    document.querySelectorAll('.feature-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.08}s`; });\r\n    document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}s`; });\r\n    document.querySelectorAll('.app-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.06}s`; });\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-595b56e e-con-full e-flex e-con e-parent\" data-id=\"595b56e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-592f4eb elementor-widget elementor-widget-html\" data-id=\"592f4eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sanco-featured-section\">\r\n    \r\n  <div class=\"sanco-featured-container\">\r\n      \r\n    <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n    <div class=\"sanco-featured-left\">\r\n      <span class=\"sanco-featured-index\">SANCO<\/span>\r\n      <h2 class=\"sanco-featured-title\"> \r\n        \uc8fc\uc694 \ub514\uc2a4\ud39c\uc2f1 \uc7a5\ube44:<br>\r\n        \ucd5c\uace0\uc758 \uc811\ucc29\uc81c\ub97c \ud1b5\ud55c \uc815\ubc00\ub3c4<br>\r\n        \ub514\uc2a4\ud39c\uc11c \uae30\uacc4 \uc81c\uc870\uc5c5\uccb4 \r\n      <\/h2>\r\n      <a href=\"#\" class=\"sanco-featured-readmore\">\uc790\uc138\ud788 \ubcf4\uae30<\/a>\r\n\r\n      <div class=\"sanco-featured-arrows\">\r\n        <button id=\"sancoFeaturedPrev\">\u2190<\/button>\r\n        <button id=\"sancoFeaturedNext\">\u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n    <div class=\"sanco-featured-slider-wrapper\">\r\n      <div class=\"sanco-featured-slider\" id=\"sancoFeaturedSlider\">\r\n\r\n        <!-- \u4ea7\u54c1 1: LM Series -->\r\n        <a href=\"\/ko\/high-speed-dispenser\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n             <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/LM-series-Inline-High-Speed-Dispensing-Machine_\u7ed3\u679c.webp\" alt=\"LM \uc2dc\ub9ac\uc988 \uc778\ub77c\uc778 \uace0\uc18d \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0\"> \r\n             <p>LM \uc2dc\ub9ac\uc988 \uc778\ub77c\uc778 \uace0\uc18d \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0<\/p>\r\n             <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 2: Offline Dispensing Machine -->\r\n        <a href=\"\/ko\/offline-high-speed-dispensing-machine\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Offline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"\uc624\ud504\ub77c\uc778 \uace0\uc18d \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0\">\r\n            <p>\uc624\ud504\ub77c\uc778 \uace0\uc18d \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 3: Desktop Visual Dispensing Machine -->\r\n        <a href=\"\/ko\/%eb%8d%b0%ec%8a%a4%ed%81%ac%ed%86%b1-%eb%b9%84%ec%a3%bc%ec%96%bc\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Desktop-visual-dispenser-machine-scaled_\u7ed3\u679c.webp\" alt=\"\ub370\uc2a4\ud06c\ud1b1 \ube44\uc8fc\uc5bc \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0\">\r\n            <p>\ub370\uc2a4\ud06c\ud1b1 \ube44\uc8fc\uc5bc \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 4: DS Series -->\r\n        <a href=\"\/ko\/ds-series-linlinehigh-speeddispensing-machine\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/DS-series-Inline-High-Speed-Dispensing-Machine-scaled_\u7ed3\u679c.webp\" alt=\"DS \uc2dc\ub9ac\uc988 \uc778\ub77c\uc778 \uace0\uc18d \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0\">\r\n            <p>DS \uc2dc\ub9ac\uc988 \uc778\ub77c\uc778 \uace0\uc18d \ub514\uc2a4\ud39c\uc2f1 \uba38\uc2e0<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 5: Piezo Valve 1 -->\r\n        <a href=\"\/ko\/piezo-valve-1\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve_\u7ed3\u679c.webp\" alt=\"\ud53c\uc5d0\uc870 \ubc38\ube0c\">\r\n            <p>\ud53c\uc5d0\uc870 \ubc38\ube0c<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 6: Piezo Valve 2 -->\r\n        <a href=\"\/ko\/piezo-valve-2\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/Piezo-Valve-2_\u7ed3\u679c.webp\" alt=\"\ud53c\uc5d0\uc870 \ubc38\ube0c\">\r\n            <p>\ud53c\uc5d0\uc870 \ubc38\ube0c<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 7: Piezo Valve Controller -->\r\n        <a href=\"\/ko\/piezo-valve-controller\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/piezo-Valve-Controller_\u7ed3\u679c.webp\" alt=\"\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec\">\r\n            <p>\ud53c\uc5d0\uc870 \ubc38\ube0c \ucee8\ud2b8\ub864\ub7ec<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 8: Single Liquid Screw Valve -->\r\n        <a href=\"\/ko\/%eb%8b%a8%ec%9d%bc-%ec%95%a1%ec%b2%b4\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/single-liquid-screw-valve-scaled_\u7ed3\u679c.webp\" alt=\"\ub2e8\uc77c \uc561\uccb4 \uc2a4\ud06c\ub958 \ubc38\ube0c\">\r\n            <p>\ub2e8\uc77c \uc561\uccb4 \uc2a4\ud06c\ub958 \ubc38\ube0c<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 9: Dual Liquid Screw Valve -->\r\n        <a href=\"\/ko\/dual-liquid-screw-valve\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/04\/dual-liquid.png\" alt=\"\uc774\uc911 \uc561\uccb4 \uc2a4\ud06c\ub958 \ubc38\ube0c\">\r\n            <p>\uc774\uc911 \uc561\uccb4 \uc2a4\ud06c\ub958 \ubc38\ube0c<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 10: CANP 5G Pump -->\r\n        <a href=\"\/ko\/canp-5g-pump\/\" class=\"sanco-featured-card-link\">\r\n          <div class=\"sanco-featured-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/pump_\u7ed3\u679c.webp\" alt=\"CANP 5G \ud38c\ud504\">\r\n            <p>CANP 5G \ud38c\ud504<\/p>\r\n            <span class=\"sanco-featured-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/div>\r\n        <\/a>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===== Featured Section - \u72ec\u7acb\u547d\u540d\u7a7a\u95f4 ===== *\/\r\n.sanco-featured-section {\r\n  background: linear-gradient(135deg, #f0f5fb 0%, #e3edf7 50%, #dce7f3 100%);\r\n  padding: 120px 0;\r\n  overflow: hidden;\r\n  position: relative;\r\n  min-height: 800px;\r\n}\r\n\r\n\/* \u80cc\u666f\u7f51\u683c *\/\r\n.sanco-featured-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background-image: \r\n    linear-gradient(rgba(8, 77, 164, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(8, 77, 164, 0.03) 1px, transparent 1px);\r\n  background-size: 50px 50px;\r\n  pointer-events: none;\r\n  opacity: 0.5;\r\n}\r\n\r\n\/* \u5927\u578b\u88c5\u9970\u5706 - \u53f3\u4e0a *\/\r\n.sanco-featured-section::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: -200px;\r\n  right: -200px;\r\n  width: 600px;\r\n  height: 600px;\r\n  background: radial-gradient(circle, rgba(8, 77, 164, 0.12) 0%, rgba(8, 77, 164, 0.06) 40%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: sancoFeaturedFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedFloat {\r\n  0%, 100% { transform: translate(0, 0) scale(1); }\r\n  50% { transform: translate(-30px, 30px) scale(1.05); }\r\n}\r\n\r\n\/* \u88c5\u9970\u5706\u73af *\/\r\n.sanco-featured-container::before {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -150px;\r\n  left: -150px;\r\n  width: 500px;\r\n  height: 500px;\r\n  border: 2px solid rgba(8, 77, 164, 0.08);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: sancoFeaturedRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedRotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(380deg); }\r\n}\r\n\r\n\/* \u5c0f\u578b\u88c5\u9970\u70b9 *\/\r\n.sanco-featured-container::after {\r\n  content: '';\r\n  position: absolute;\r\n  top: 15%;\r\n  left: 10%;\r\n  width: 120px;\r\n  height: 120px;\r\n  background: radial-gradient(circle, rgba(8, 77, 164, 0.1) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: sancoFeaturedPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoFeaturedPulse {\r\n  0%, 100% { transform: scale(1); opacity: 0.5; }\r\n  50% { transform: scale(1.2); opacity: 0.8; }\r\n}\r\n\r\n.sanco-featured-container {\r\n  max-width: 1600px;\r\n  margin: auto;\r\n  padding: 0 50px;\r\n  display: flex;\r\n  gap: 50px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n\/* \u989d\u5916\u88c5\u9970\u5143\u7d20 - \u53f3\u4fa7\u5149\u6655 *\/\r\n.sanco-featured-slider-wrapper::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 50%;\r\n  right: -100px;\r\n  width: 300px;\r\n  height: 300px;\r\n  background: radial-gradient(circle, rgba(10, 95, 199, 0.08) 0%, transparent 60%);\r\n  border-radius: 50%;\r\n  transform: translateY(-50%);\r\n  pointer-events: none;\r\n  z-index: -1;\r\n}\r\n\r\n\/* \u5de6\u4fa7\u88c5\u9970\u7ebf\u6761 *\/\r\n.sanco-featured-left::before {\r\n  content: '';\r\n  position: absolute;\r\n  left: -30px;\r\n  top: 20%;\r\n  width: 4px;\r\n  height: 60%;\r\n  background: linear-gradient(180deg, transparent, rgba(8, 77, 164, 0.3), transparent);\r\n  border-radius: 2px;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-featured-left {\r\n  flex: 0 0 15%;\r\n  position: relative;\r\n}\r\n\r\n.sanco-featured-index {\r\n  font-size: 48px;\r\n  font-weight: 700;\r\n  color: #d6deeb;\r\n  margin-bottom: 8px;\r\n  display: block;\r\n  letter-spacing: 2px;\r\n  text-shadow: 2px 2px 4px rgba(8, 77, 164, 0.1);\r\n}\r\n\r\n.sanco-featured-title {\r\n  font-size: 26px;\r\n  line-height: 1.4;\r\n  margin-bottom: 24px;\r\n  color: #1a2332;\r\n}\r\n\r\n\/* Read More \u94fe\u63a5 *\/\r\n.sanco-featured-readmore {\r\n  text-decoration: underline;\r\n  color: #084da4;\r\n  font-size: 15px;\r\n  font-weight: 500;\r\n  transition: color 0.3s ease;\r\n  display: inline-block;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.sanco-featured-readmore:hover {\r\n  color: #062c4d;\r\n}\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-featured-arrows {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.sanco-featured-arrows button {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  border: 2px solid #084da4;\r\n  background: #fff;\r\n  color: #084da4;\r\n  font-size: 18px;\r\n  cursor: pointer;\r\n  transition: all .3s ease;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  box-shadow: 0 2px 8px rgba(8, 77, 164, 0.1);\r\n}\r\n\r\n.sanco-featured-arrows button:hover {\r\n  background: #084da4;\r\n  color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(8, 77, 164, 0.2);\r\n}\r\n\r\n.sanco-featured-arrows button:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-featured-slider-wrapper {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.sanco-featured-slider {\r\n  display: flex;\r\n  gap: 35px;\r\n  transition: transform 0.6s ease;\r\n}\r\n\r\n\/* ===== \u5361\u7247\u94fe\u63a5 ===== *\/\r\n.sanco-featured-card-link {\r\n  display: block;\r\n  text-decoration: none;\r\n  color: inherit;\r\n}\r\n\r\n\/* ===== \u4ea7\u54c1\u5361 ===== *\/\r\n.sanco-featured-card {\r\n  min-width: 380px;\r\n  height: 550px;\r\n  padding: 45px 35px;\r\n  text-align: center;\r\n  background: #fff;\r\n  border-radius: 16px;\r\n  box-shadow:\r\n    0 10px 30px rgba(8, 77, 164, 0.12),\r\n    0 4px 10px rgba(0, 0, 0, 0.05);\r\n  transition: transform .3s ease, box-shadow .3s ease;\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n}\r\n\r\n.sanco-featured-card::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  height: 4px;\r\n  background: linear-gradient(90deg, #084da4, #0a5fc7);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card {\r\n  transform: translateY(-8px);\r\n  box-shadow:\r\n    0 15px 40px rgba(8, 77, 164, 0.18),\r\n    0 6px 15px rgba(0, 0, 0, 0.08);\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.sanco-featured-card img {\r\n  max-width: 100%;\r\n  height: 330px;\r\n  object-fit: contain;\r\n  margin-bottom: 24px;\r\n  transition: transform 0.35s ease;\r\n  transform-origin: center;\r\n}\r\n\r\n@media (hover: hover) {\r\n  .sanco-featured-card-link:hover .sanco-featured-card img {\r\n    transform: scale(1.12);\r\n  }\r\n}\r\n\r\n\/* \u540d\u79f0 *\/\r\n.sanco-featured-card p {\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #084da4;\r\n  margin: 0 0 12px 0;\r\n  min-height: 54px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n\/* Read More \u6309\u94ae *\/\r\n.sanco-featured-card-readmore {\r\n  display: inline-block;\r\n  font-size: 14px;\r\n  color: #084da4;\r\n  font-weight: 500;\r\n  transition: all 0.3s ease;\r\n  opacity: 0.8;\r\n}\r\n\r\n.sanco-featured-card-link:hover .sanco-featured-card-readmore {\r\n  opacity: 1;\r\n  transform: translateX(4px);\r\n}\r\n\r\n\/* ===== \u5e73\u677f\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 1024px) {\r\n  .sanco-featured-section {\r\n    padding: 100px 0;\r\n    min-height: 750px;\r\n  }\r\n  \r\n  .sanco-featured-container {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    padding: 0 30px;\r\n  }\r\n  \r\n  .sanco-featured-left {\r\n    flex: none;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n  \r\n  .sanco-featured-index {\r\n    font-size: 42px;\r\n  }\r\n  \r\n  .sanco-featured-title {\r\n    font-size: 24px;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .sanco-featured-readmore {\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .sanco-featured-arrows {\r\n    justify-content: center;\r\n  }\r\n  \r\n  .sanco-featured-slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 0;\r\n  }\r\n  \r\n  .sanco-featured-slider {\r\n    display: flex;\r\n    gap: 30px;\r\n    padding: 0;\r\n    transition: transform 0.6s ease;\r\n  }\r\n  \r\n  .sanco-featured-card-link {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n  }\r\n  \r\n  .sanco-featured-card {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    max-width: 500px;\r\n    margin: 0 auto;\r\n    height: 520px;\r\n    padding: 40px 30px;\r\n  }\r\n  \r\n  .sanco-featured-card img {\r\n    height: 300px;\r\n  }\r\n  \r\n  .sanco-featured-left::before,\r\n  .sanco-featured-slider-wrapper::before {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* ===== \u79fb\u52a8\u7aef - \u53ea\u663e\u793a\u4e00\u5f20\u5361\u7247 ===== *\/\r\n@media (max-width: 768px) {\r\n  .sanco-featured-section {\r\n    padding: 80px 20px;\r\n    min-height: auto;\r\n  }\r\n  \r\n  .sanco-featured-container {\r\n    flex-direction: column;\r\n    gap: 50px;\r\n    padding: 0;\r\n  }\r\n  \r\n  .sanco-featured-left {\r\n    flex: none;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n  \r\n  .sanco-featured-index {\r\n    font-size: 40px;\r\n  }\r\n  \r\n  .sanco-featured-title {\r\n    font-size: 24px;\r\n    margin-bottom: 20px;\r\n  }\r\n  \r\n  .sanco-featured-readmore {\r\n    margin-bottom: 25px;\r\n  }\r\n  \r\n  .sanco-featured-arrows {\r\n    justify-content: center;\r\n  }\r\n  \r\n  .sanco-featured-slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 0;\r\n  }\r\n  \r\n  .sanco-featured-slider {\r\n    display: flex;\r\n    gap: 20px;\r\n    padding: 0;\r\n    transition: transform 0.6s ease;\r\n  }\r\n  \r\n  .sanco-featured-card-link {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanco-featured-card {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    max-width: none;\r\n    height: 480px;\r\n    padding: 40px 30px;\r\n  }\r\n  \r\n  .sanco-featured-card img {\r\n    height: 280px;\r\n  }\r\n  \r\n  .sanco-featured-card p {\r\n    min-height: 48px;\r\n  }\r\n  \r\n  .sanco-featured-left::before,\r\n  .sanco-featured-slider-wrapper::before {\r\n    display: none;\r\n  }\r\n}\r\n\r\n\/* ===== \u5c0f\u5c4f\u624b\u673a ===== *\/\r\n@media (max-width: 480px) {\r\n  .sanco-featured-section {\r\n    padding: 60px 15px;\r\n  }\r\n  \r\n  .sanco-featured-index {\r\n    font-size: 36px;\r\n  }\r\n  \r\n  .sanco-featured-title {\r\n    font-size: 20px;\r\n  }\r\n  \r\n  .sanco-featured-card {\r\n    height: 440px;\r\n    padding: 35px 25px;\r\n  }\r\n  \r\n  .sanco-featured-card img {\r\n    height: 240px;\r\n  }\r\n  \r\n  .sanco-featured-card p {\r\n    font-size: 16px;\r\n    min-height: 44px;\r\n  }\r\n  \r\n  .sanco-featured-arrows button {\r\n    width: 44px;\r\n    height: 44px;\r\n    font-size: 16px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const slider = document.getElementById('sancoFeaturedSlider');\r\n  const prev = document.getElementById('sancoFeaturedPrev');\r\n  const next = document.getElementById('sancoFeaturedNext');\r\n  \r\n  if (!slider || !prev || !next) return;\r\n  \r\n  \/\/ \u5224\u65ad\u662f\u5426\u4e3a\u5355\u5361\u6a21\u5f0f\uff08\u5e73\u677f\u548c\u624b\u673a\uff09\r\n  function isSingleCardMode() {\r\n    return window.innerWidth <= 1024;\r\n  }\r\n  \r\n  function getCardWidth() {\r\n    const card = slider.querySelector('.sanco-featured-card');\r\n    if (!card) return 395;\r\n    const cardLink = slider.querySelector('.sanco-featured-card-link');\r\n    const width = cardLink ? cardLink.offsetWidth : card.offsetWidth;\r\n    const gap = isSingleCardMode() ? (window.innerWidth <= 768 ? 20 : 30) : 35;\r\n    return width + gap;\r\n  }\r\n  \r\n  const totalCards = slider.children.length;\r\n  let index = 0;\r\n  let autoScrollInterval;\r\n  let isUserInteracting = false;\r\n\r\n  \/\/ \u66f4\u65b0\u6ed1\u52a8\u4f4d\u7f6e\r\n  function updateSliderPosition() {\r\n    const cardWidth = getCardWidth();\r\n    slider.style.transform = `translateX(-${index * cardWidth}px)`;\r\n  }\r\n\r\n  \/\/ \u81ea\u52a8\u6eda\u52a8\u51fd\u6570 - \u5faa\u73af\u64ad\u653e\r\n  function autoScroll() {\r\n    if (isUserInteracting) return;\r\n    \r\n    index++;\r\n    if (index >= totalCards) {\r\n      index = 0;\r\n    }\r\n    updateSliderPosition();\r\n  }\r\n\r\n  \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n  function startAutoScroll() {\r\n    stopAutoScroll();\r\n    autoScrollInterval = setInterval(autoScroll, 3000);\r\n  }\r\n\r\n  \/\/ \u505c\u6b62\u81ea\u52a8\u6eda\u52a8\r\n  function stopAutoScroll() {\r\n    if (autoScrollInterval) {\r\n      clearInterval(autoScrollInterval);\r\n      autoScrollInterval = null;\r\n    }\r\n  }\r\n\r\n  \/\/ \u7528\u6237\u4ea4\u4e92\u5904\u7406\r\n  function handleUserInteraction() {\r\n    isUserInteracting = true;\r\n    stopAutoScroll();\r\n    setTimeout(() => {\r\n      isUserInteracting = false;\r\n      startAutoScroll();\r\n    }, 5000);\r\n  }\r\n\r\n  \/\/ \u4e0b\u4e00\u5f20\r\n  next.onclick = () => {\r\n    handleUserInteraction();\r\n    index++;\r\n    if (index >= totalCards) {\r\n      index = 0;\r\n    }\r\n    updateSliderPosition();\r\n  };\r\n\r\n  \/\/ \u4e0a\u4e00\u5f20\r\n  prev.onclick = () => {\r\n    handleUserInteraction();\r\n    index--;\r\n    if (index < 0) {\r\n      index = totalCards - 1;\r\n    }\r\n    updateSliderPosition();\r\n  };\r\n  \r\n  \/\/ \u9f20\u6807\u60ac\u505c\u65f6\u6682\u505c\r\n  slider.addEventListener('mouseenter', stopAutoScroll);\r\n  slider.addEventListener('mouseleave', startAutoScroll);\r\n  \r\n  \/\/ \u89e6\u6478\u65f6\u6682\u505c\r\n  slider.addEventListener('touchstart', handleUserInteraction);\r\n  \r\n  \/\/ \u54cd\u5e94\u5f0f\u8c03\u6574\r\n  let resizeTimer;\r\n  window.addEventListener('resize', () => {\r\n    clearTimeout(resizeTimer);\r\n    resizeTimer = setTimeout(() => {\r\n      \/\/ \u786e\u4fddindex\u4e0d\u8d85\u51fa\u8303\u56f4\r\n      if (index >= totalCards) {\r\n        index = 0;\r\n      }\r\n      updateSliderPosition();\r\n      startAutoScroll();\r\n    }, 250);\r\n  });\r\n  \r\n  \/\/ \u542f\u52a8\u81ea\u52a8\u6eda\u52a8\r\n  startAutoScroll();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Piezo Valve Controller | Precision Dispensing Control | Sanco Dispensing Control Piezo Valve Controller Ultra-compact piezo valve controller featuring OLED display, integrated dual heater system, and MODBUS-RTU communication protocol. Designed for precision dispensing control with frequency up to 1kHz and temperature regulation up to 180\u00b0C. OLED Display MODBUS-RTU Dual Heater Home> Products> Dispensing Control> Piezo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-955","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/comments?post=955"}],"version-history":[{"count":58,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/955\/revisions"}],"predecessor-version":[{"id":6581,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/955\/revisions\/6581"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/media?parent=955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}