{"id":1346,"date":"2025-12-29T08:36:01","date_gmt":"2025-12-29T08:36:01","guid":{"rendered":"https:\/\/sancobiotech.com\/?page_id=1346"},"modified":"2026-03-16T02:42:42","modified_gmt":"2026-03-16T02:42:42","slug":"offline-potting-machine","status":"publish","type":"page","link":"https:\/\/www.sancofd.com\/ko\/offline-potting-machine\/","title":{"rendered":"Offline potting machine"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1346\" class=\"elementor elementor-1346\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0b3421 e-con-full e-flex e-con e-parent\" data-id=\"b0b3421\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b63ae6e elementor-widget elementor-widget-html\" data-id=\"b63ae6e\" 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>Offline Potting Machine PM-500F | Two-Component Potting Equipment | Sanco <\/title>\r\n    <meta name=\"description\" content=\"PM-500F offline potting machine for two-component epoxy resin, polyurethane and silicone. XYZ servo motor control, \u00b11% glue accuracy. Cost-effective offline potting solution.\">\r\n    <meta name=\"keywords\" content=\"offline potting machine, PM-500F, two-component potting, epoxy potting, polyurethane potting, silicone potting, Sanco \">\r\n    <meta name=\"robots\" content=\"index, follow\">\r\n    <link rel=\"canonical\" href=\"\/offline-potting-machine\/\">\r\n    \r\n    <!-- Open Graph -->\r\n    <meta property=\"og:title\" content=\"Offline Potting Machine PM-500F | Sanco \">\r\n    <meta property=\"og:description\" content=\"PM-500F offline potting machine for two-component epoxy, polyurethane and silicone potting.\">\r\n    <meta property=\"og:type\" content=\"product\">\r\n    <meta property=\"og:url\" content=\"\/offline-potting-machine\/\">\r\n    \r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Mono: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: #f8fafc;\r\n            --gray-light: #e2e8f0;\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 - Deep Blue Theme ========== *\/\r\n        .hero {\r\n            min-height: 100vh;\r\n            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 {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            filter: blur(60px);\r\n            opacity: 0.4;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hero-orb-1 {\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.3) 0%, transparent 70%);\r\n            top: -100px;\r\n            left: -100px;\r\n            animation: floatOrb1 15s ease-in-out infinite;\r\n        }\r\n\r\n        .hero-orb-2 {\r\n            width: 300px;\r\n            height: 300px;\r\n            background: radial-gradient(circle, rgba(30, 74, 109, 0.5) 0%, transparent 70%);\r\n            top: 30%;\r\n            right: 10%;\r\n            animation: floatOrb2 12s ease-in-out infinite;\r\n        }\r\n\r\n        .hero-orb-3 {\r\n            width: 250px;\r\n            height: 250px;\r\n            background: radial-gradient(circle, rgba(45, 106, 159, 0.4) 0%, transparent 70%);\r\n            bottom: 20%;\r\n            left: 20%;\r\n            animation: floatOrb3 18s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes floatOrb1 {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            25% { transform: translate(50px, 30px) scale(1.1); }\r\n            50% { transform: translate(30px, 60px) scale(0.95); }\r\n            75% { transform: translate(-20px, 40px) scale(1.05); }\r\n        }\r\n\r\n        @keyframes floatOrb2 {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            33% { transform: translate(-40px, 50px) scale(1.15); }\r\n            66% { transform: translate(30px, -30px) scale(0.9); }\r\n        }\r\n\r\n        @keyframes floatOrb3 {\r\n            0%, 100% { transform: translate(0, 0) scale(1); }\r\n            50% { transform: translate(60px, -40px) scale(1.2); }\r\n        }\r\n\r\n        .hero-light-streak {\r\n            position: absolute;\r\n            width: 150%;\r\n            height: 2px;\r\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\r\n            transform: rotate(-35deg);\r\n            animation: lightStreak 8s linear infinite;\r\n            pointer-events: none;\r\n        }\r\n\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\r\n        @keyframes lightStreak {\r\n            0% { transform: rotate(-35deg) translateX(-100%); }\r\n            100% { transform: rotate(-35deg) translateX(100%); }\r\n        }\r\n\r\n        .hero-particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            pointer-events: none;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: rgba(255,255,255,0.6);\r\n            border-radius: 50%;\r\n            animation: particleFloat 20s linear infinite;\r\n        }\r\n\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\r\n        @keyframes particleFloat {\r\n            0% { transform: translateY(100vh) scale(0); opacity: 0; }\r\n            10% { opacity: 1; transform: translateY(80vh) scale(1); }\r\n            90% { opacity: 1; transform: translateY(10vh) scale(1); }\r\n            100% { transform: translateY(-10vh) scale(0); opacity: 0; }\r\n        }\r\n\r\n        .hero-wave {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 200%;\r\n            height: 250px;\r\n            overflow: hidden;\r\n            animation: waveSlide 25s linear infinite;\r\n        }\r\n\r\n        .hero-wave svg {\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 50%;\r\n            height: 100%;\r\n        }\r\n\r\n        .hero-wave svg:nth-child(2) { left: 50%; }\r\n        .hero-wave-1 { fill: rgba(30, 74, 109, 0.3); }\r\n        .hero-wave-2 { fill: rgba(45, 106, 159, 0.2); }\r\n\r\n        @keyframes waveSlide {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        .hero-glow-1 {\r\n            position: absolute;\r\n            top: 5%;\r\n            left: -5%;\r\n            width: 500px;\r\n            height: 500px;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 60%);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: glowPulse 8s ease-in-out infinite;\r\n        }\r\n\r\n        .hero-glow-2 {\r\n            position: absolute;\r\n            bottom: 10%;\r\n            right: 20%;\r\n            width: 400px;\r\n            height: 400px;\r\n            background: radial-gradient(circle, rgba(30, 74, 109, 0.2) 0%, transparent 60%);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: glowPulse 6s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes glowPulse {\r\n            0%, 100% { transform: scale(1); opacity: 0.5; }\r\n            50% { transform: scale(1.1); opacity: 0.8; }\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            padding: 0 60px;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 40px;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-text {\r\n            color: var(--white);\r\n            padding-top: 40px;\r\n        }\r\n\r\n        .hero-category {\r\n            font-size: 1.3rem;\r\n            font-weight: 500;\r\n            color: rgba(255,255,255,0.9);\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .hero-title {\r\n            font-size: clamp(2.8rem, 5vw, 4.2rem);\r\n            font-weight: 800;\r\n            line-height: 1.1;\r\n            margin-bottom: 28px;\r\n            text-shadow: 0 2px 20px rgba(0,0,0,0.1);\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        .hero-subtitle {\r\n            font-size: 1.35rem;\r\n            color: rgba(255,255,255,0.9);\r\n            margin-bottom: 36px;\r\n            line-height: 1.7;\r\n            max-width: 580px;\r\n        }\r\n\r\n        .hero-tags {\r\n            display: flex;\r\n            gap: 14px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .hero-tag {\r\n            display: inline-block;\r\n            padding: 14px 30px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(8px);\r\n            border-radius: 30px;\r\n            font-size: 1.1rem;\r\n            font-weight: 500;\r\n            color: var(--white);\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n\r\n        .hero-tag:hover {\r\n            background: rgba(255, 255, 255, 0.25);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .hero-visual {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n        }\r\n\r\n        .machine-image {\r\n            width: 80%;\r\n            max-width: 520px;\r\n            height: auto;\r\n            filter: drop-shadow(0 30px 60px rgba(0, 0, 0, 0.3));\r\n            transition: transform 0.5s ease;\r\n        }\r\n\r\n        .machine-image:hover {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        \/* ========== Description Section ========== *\/\r\n        .description-section {\r\n            padding: 100px 60px;\r\n            background: var(--white);\r\n        }\r\n\r\n        .breadcrumb {\r\n            max-width: 1400px;\r\n            margin: 0 auto 50px;\r\n            font-size: 1rem;\r\n            color: var(--gray);\r\n        }\r\n\r\n        .breadcrumb a {\r\n            color: var(--gray);\r\n            text-decoration: none;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        .breadcrumb a:hover { color: var(--primary-dark); }\r\n        .breadcrumb span { margin: 0 8px; }\r\n\r\n        .description-content {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .product-info {\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 80px;\r\n            align-items: start;\r\n        }\r\n\r\n        .product-text h2 {\r\n            font-size: clamp(2rem, 3.5vw, 3rem);\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 24px;\r\n            position: relative;\r\n            padding-bottom: 16px;\r\n        }\r\n\r\n        .product-text h2::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 0;\r\n            left: 0;\r\n            width: 60px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .product-text p {\r\n            font-size: 1.2rem;\r\n            color: var(--gray);\r\n            line-height: 1.8;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .product-highlights {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 12px;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .highlight-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 12px 14px;\r\n            background: var(--off-white);\r\n            border-radius: 10px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .highlight-item:hover {\r\n            background: #e8e4df;\r\n            transform: translateX(5px);\r\n        }\r\n\r\n        .highlight-icon {\r\n            width: 38px;\r\n            height: 38px;\r\n            background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n            border-radius: 10px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        .highlight-icon svg {\r\n            width: 20px;\r\n            height: 20px;\r\n            fill: white;\r\n        }\r\n\r\n        .highlight-text {\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            color: var(--dark);\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .highlight-value {\r\n            font-size: 0.75rem;\r\n            color: var(--gray);\r\n            margin-top: 1px;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        \/* ========== Applications Section ========== *\/\r\n        .applications-section {\r\n            padding: 100px 60px;\r\n            background: var(--off-white);\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 60px;\r\n        }\r\n\r\n        .section-title {\r\n            font-size: clamp(2rem, 3.5vw, 3rem);\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 16px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: 1.2rem;\r\n            color: var(--gray);\r\n            line-height: 1.7;\r\n        }\r\n\r\n        .app-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 30px;\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .app-card {\r\n            background: var(--white);\r\n            border-radius: 20px;\r\n            padding: 40px 30px;\r\n            text-align: center;\r\n            box-shadow: 0 4px 25px rgba(0, 0, 0, 0.06);\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .app-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 5px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .app-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: 0 20px 50px rgba(13, 33, 55, 0.15);\r\n        }\r\n\r\n        .app-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .app-icon {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, #e8eef5, #d0dbe8);\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 24px;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        .app-card:hover .app-icon {\r\n            background: linear-gradient(135deg, var(--primary-dark), var(--primary-light));\r\n            transform: scale(1.1) rotate(5deg);\r\n        }\r\n\r\n        .app-icon svg {\r\n            width: 40px;\r\n            height: 40px;\r\n            fill: var(--primary-dark);\r\n            transition: fill 0.4s ease;\r\n        }\r\n\r\n        .app-card:hover .app-icon svg {\r\n            fill: white;\r\n        }\r\n\r\n        .app-title {\r\n            font-size: 1.3rem;\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n        }\r\n\r\n        \/* ========== Features Section ========== *\/\r\n        .features-section {\r\n            padding: 100px 60px;\r\n            background: var(--white);\r\n        }\r\n\r\n        .features-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 24px;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .feature-card {\r\n            background: var(--off-white);\r\n            border-radius: 16px;\r\n            padding: 32px 24px;\r\n            transition: all 0.4s ease;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .feature-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, var(--primary-dark), var(--primary-light));\r\n            transform: scaleX(0);\r\n            transition: transform 0.4s ease;\r\n        }\r\n\r\n        .feature-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: 0 15px 40px rgba(13, 33, 55, 0.12);\r\n            background: var(--white);\r\n        }\r\n\r\n        .feature-card:hover::before {\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .feature-number {\r\n            font-family: 'Space Mono', monospace;\r\n            font-size: 2rem;\r\n            font-weight: 700;\r\n            color: rgba(13, 33, 55, 0.1);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .feature-card-title {\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 10px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .feature-card-desc {\r\n            font-size: 0.95rem;\r\n            color: var(--gray);\r\n            line-height: 1.55;\r\n        }\r\n\r\n        \/* ========== Specifications Section - White Background Style ========== *\/\r\n        .specs-section {\r\n            padding: 100px 60px;\r\n            background: var(--white);\r\n            position: relative;\r\n        }\r\n\r\n        .specs-header {\r\n            text-align: center;\r\n            max-width: 700px;\r\n            margin: 0 auto 20px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .specs-tag {\r\n            display: inline-block;\r\n            padding: 10px 24px;\r\n            background: linear-gradient(135deg, #0d2137, #1e4a6d);\r\n            color: white;\r\n            border-radius: 30px;\r\n            font-size: 0.95rem;\r\n            font-weight: 600;\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .specs-header h2 {\r\n            font-size: clamp(2.2rem, 4vw, 3.2rem);\r\n            font-weight: 700;\r\n            color: var(--dark);\r\n            margin-bottom: 14px;\r\n        }\r\n\r\n        .specs-header p {\r\n            color: var(--gray);\r\n            font-size: 1.2rem;\r\n            margin-bottom: 50px;\r\n        }\r\n\r\n        .scroll-hint {\r\n            display: none;\r\n            text-align: center;\r\n            color: var(--gray);\r\n            font-size: 0.9rem;\r\n            margin-bottom: 15px;\r\n            font-style: italic;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .scroll-hint {\r\n                display: block;\r\n            }\r\n        }\r\n\r\n        .specs-table-container {\r\n            max-width: 1000px;\r\n            margin: 0 auto;\r\n            border-radius: 16px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);\r\n            border: 1px solid var(--gray-light);\r\n        }\r\n\r\n        .specs-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n        }\r\n\r\n        .specs-table thead {\r\n            background: linear-gradient(135deg, #0d2137 0%, #1e4a6d 100%);\r\n        }\r\n\r\n        .specs-table thead th {\r\n            padding: 22px 30px;\r\n            text-align: center;\r\n            color: white;\r\n            font-size: 1.2rem;\r\n            font-weight: 600;\r\n            border-right: 1px solid rgba(255, 255, 255, 0.1);\r\n        }\r\n\r\n        .specs-table thead th:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        .specs-table tbody tr {\r\n            border-bottom: 1px solid var(--gray-light);\r\n            transition: background 0.3s ease;\r\n        }\r\n\r\n        .specs-table tbody tr:last-child {\r\n            border-bottom: none;\r\n        }\r\n\r\n        .specs-table tbody tr:hover {\r\n            background: #f8fafc;\r\n        }\r\n\r\n        .specs-table tbody td {\r\n            padding: 18px 30px;\r\n            font-size: 1.1rem;\r\n            color: var(--dark);\r\n            border-right: 1px solid var(--gray-light);\r\n            text-align: center;\r\n        }\r\n\r\n        .specs-table tbody td:last-child {\r\n            border-right: none;\r\n        }\r\n\r\n        .specs-table tbody td:first-child {\r\n            color: var(--gray);\r\n            font-weight: 500;\r\n        }\r\n\r\n        .specs-table tbody td:last-child {\r\n            font-family: 'Space Mono', monospace;\r\n            font-weight: 500;\r\n            color: var(--dark);\r\n        }\r\n\r\n        .table-section-header {\r\n            background: #f1f5f9 !important;\r\n        }\r\n\r\n        .table-section-header td {\r\n            font-weight: 700 !important;\r\n            color: var(--primary-dark) !important;\r\n            font-size: 1.15rem !important;\r\n            padding: 16px 30px !important;\r\n            text-align: left !important;\r\n        }\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-info { grid-template-columns: 1fr; gap: 40px; }\r\n            .features-grid { grid-template-columns: repeat(2, 1fr); }\r\n            .machine-image { max-width: 450px; }\r\n        }\r\n\r\n        \/* Tablet specific - Better control for 769px to 1024px *\/\r\n        @media (max-width: 1024px) and (min-width: 769px) {\r\n            .hero {\r\n                height: auto !important;\r\n                min-height: 90vh !important;\r\n                padding: 50px 0 60px !important;\r\n            }\r\n            \r\n            .hero-content {\r\n                gap: 30px !important;\r\n                padding: 0 40px !important;\r\n            }\r\n            \r\n            .hero-visual {\r\n                max-width: 300px !important;\r\n                margin: 0 auto !important;\r\n                padding: 0 !important;\r\n            }\r\n            \r\n            .machine-image { \r\n                width: 35% !important;\r\n                max-width: 250px !important;\r\n            }\r\n            \r\n            .hero-title {\r\n                font-size: 2.5rem !important;\r\n            }\r\n            \r\n            .hero-subtitle {\r\n                font-size: 1.15rem !important;\r\n            }\r\n            \r\n            .hero-tag {\r\n                padding: 11px 24px !important;\r\n                font-size: 1rem !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero { min-height: 100vh; height: auto; padding: 70px 0 120px; }\r\n            .hero-content { padding: 0 24px; gap: 25px; }\r\n            .hero-text { padding-top: 10px; }\r\n            .hero-title { font-size: 2.2rem; }\r\n            .hero-subtitle { font-size: 1.15rem; margin-bottom: 20px; }\r\n            .hero-tag { padding: 12px 22px; font-size: 1rem; }\r\n            .hero-visual { width: 100%; padding: 20px 20px 40px; }\r\n            .machine-image { width: 100%; max-width: 100%; height: auto; }\r\n            .description-section, .applications-section, .features-section, .specs-section { padding: 80px 24px; }\r\n            .app-grid { grid-template-columns: 1fr; max-width: 350px; margin: 0 auto; }\r\n            .features-grid { grid-template-columns: 1fr; max-width: 400px; margin: 0 auto; }\r\n            \r\n            .specs-section { padding: 80px 20px; }\r\n            .specs-table-container {\r\n                border-radius: 12px;\r\n                overflow-x: auto;\r\n                -webkit-overflow-scrolling: touch;\r\n            }\r\n            .specs-table {\r\n                min-width: 600px;\r\n            }\r\n            .specs-table thead th {\r\n                padding: 16px 18px;\r\n                font-size: 1rem;\r\n            }\r\n            .specs-table tbody td {\r\n                padding: 14px 18px;\r\n                font-size: 0.95rem;\r\n            }\r\n            .table-section-header td {\r\n                font-size: 1rem !important;\r\n                padding: 14px 18px !important;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .hero { padding: 50px 0 100px; }\r\n            .hero-text { padding-top: 5px; }\r\n            .hero-title { font-size: 1.9rem; }\r\n            .hero-category { font-size: 1.1rem; }\r\n            .hero-subtitle { font-size: 1.05rem; margin-bottom: 18px; }\r\n            .hero-tags { gap: 10px; }\r\n            .hero-tag { padding: 10px 18px; font-size: 0.95rem; }\r\n            .hero-visual { padding: 15px 15px 50px; }\r\n            .machine-image { width: 100%; max-width: 100%; }\r\n            \r\n            .specs-section { padding: 80px 15px; }\r\n            .specs-table {\r\n                min-width: 500px;\r\n            }\r\n            .specs-table thead th {\r\n                padding: 14px 12px;\r\n                font-size: 0.9rem;\r\n            }\r\n            .specs-table tbody td {\r\n                padding: 12px;\r\n                font-size: 0.85rem;\r\n            }\r\n            .table-section-header td {\r\n                font-size: 0.9rem !important;\r\n                padding: 12px !important;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\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\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\r\n        <div class=\"hero-particles\">\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n            <div class=\"particle\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"hero-glow-1\"><\/div>\r\n        <div class=\"hero-glow-2\"><\/div>\r\n        \r\n        <div class=\"hero-wave\">\r\n            <svg viewbox=\"0 0 1440 250\" preserveaspectratio=\"none\">\r\n                <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n                <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n            <\/svg>\r\n            <svg viewbox=\"0 0 1440 250\" preserveaspectratio=\"none\">\r\n                <path class=\"hero-wave-2\" d=\"M0,180 C400,220 800,140 1200,180 C1350,195 1400,170 1440,180 L1440,250 L0,250 Z\"><\/path>\r\n                <path class=\"hero-wave-1\" d=\"M0,200 C300,160 600,240 900,200 C1150,165 1350,220 1440,200 L1440,250 L0,250 Z\"><\/path>\r\n            <\/svg>\r\n        <\/div>\r\n\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-text\">\r\n                <p class=\"hero-category\">\ud3ec\ud305 \uba38\uc2e0<\/p>\r\n                <h1 class=\"hero-title\">Offline Potting Machine PM-500F<\/h1>\r\n                <p class=\"hero-subtitle\">Cost-effective two-component offline potting solution with XYZ servo motor control, high-precision ball screws, and friendly human-computer interface for multi-specification products.<\/p>\r\n                <div class=\"hero-tags\">\r\n                    <span class=\"hero-tag\">\ub450 \uac00\uc9c0 \uad6c\uc131 \uc694\uc18c<\/span>\r\n                    <span class=\"hero-tag\">\u00b11% \uc815\ud655\ub3c4<\/span>\r\n                    <span class=\"hero-tag\">\uc11c\ubcf4 \ubaa8\ud130<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"hero-visual\">\r\n                <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline_\u7ed3\u679c.webp\" alt=\"Offline Potting Machine PM-500F\" class=\"machine-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\/\">\ud3ec\ud305 \uba38\uc2e0<\/a><span>><\/span>\r\n            <span>Offline Potting Machine PM-500F<\/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>PM-500F has obvious cost-effective advantages in two-component offline potting machine equipment. The design is simple and suitable for the potting of multi-specification products.<\/p>\r\n                    <p>To ensure the system stable and reliable, the XYZ three-axis motion modules are assembled with high-precision ball screws and servo motors and configure with a simple and friendly human-computer interface.<\/p>\r\n                <\/div>\r\n                \r\n                <div class=\"product-highlights\">\r\n                    <div class=\"highlight-item\">\r\n                        <div class=\"highlight-icon\">\r\n                            <svg viewbox=\"0 0 24 24\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"highlight-text\">\uc811\ucc29\uc81c \uc81c\uc5b4 \uc815\ud655\ub3c4<\/span>\r\n                            <div class=\"highlight-value\">\u00b11%<\/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=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"highlight-text\">\uc704\uce58 \uc815\ud655\ub3c4<\/span>\r\n                            <div class=\"highlight-value\">0.02mm<\/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=\"M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div>\r\n                            <span class=\"highlight-text\">\ud3ec\ud305 \ubc94\uc704<\/span>\r\n                            <div class=\"highlight-value\">\ucd5c\ub300 450mm \u00d7 450mm<\/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 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\">Drive Mode<\/span>\r\n                            <div class=\"highlight-value\">\uc11c\ubcf4 + \ub098\uc0ac<\/div>\r\n                        <\/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            <h2 class=\"section-title\">\uc560\ud50c\ub9ac\ucf00\uc774\uc158<\/h2>\r\n            <p class=\"section-subtitle\">2\uc131\ubd84 \uc18c\uc7ac \ud3ec\ud305\uc744 \uc704\ud55c \uc124\uacc4<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"app-grid\">\r\n            <div class=\"app-card\">\r\n                <div class=\"app-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-8zm-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12zm3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8zm5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8zm3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"app-title\">2\uc561\ud615 \uc5d0\ud3ed\uc2dc \uc218\uc9c0<\/h3>\r\n            <\/div>\r\n            <div class=\"app-card\">\r\n                <div class=\"app-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                <h3 class=\"app-title\">2\uc131\ubd84 \ud3f4\ub9ac\uc6b0\ub808\ud0c4<\/h3>\r\n            <\/div>\r\n            <div class=\"app-card\">\r\n                <div class=\"app-icon\">\r\n                    <svg viewbox=\"0 0 24 24\"><path d=\"M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07-.98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52-.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l-.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22-.07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24.42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24.24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.23.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5-1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z\"\/><\/svg>\r\n                <\/div>\r\n                <h3 class=\"app-title\">2\uc131\ubd84 \uc2e4\ub9ac\ucf58<\/h3>\r\n            <\/div>\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            <h2 class=\"section-title\">\uc8fc\uc694 \uae30\ub2a5<\/h2>\r\n            <p class=\"section-subtitle\">\ub6f0\uc5b4\ub09c \uacb0\uacfc\ubb3c\uc744 \uc704\ud55c \uace0\uae09 \ud3ec\ud305 \uae30\uc220<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"features-grid\">\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">01<\/div>\r\n                <h3 class=\"feature-card-title\">\ub9ac\uc9c0\ub4dc \ubaa8\uc158 \ud50c\ub7ab\ud3fc<\/h3>\r\n                <p class=\"feature-card-desc\">\uae30\uacc4\uc758 \uc791\ub3d9 \uc548\uc815\uc131\uc744 \ubcf4\uc7a5\ud558\uae30 \uc704\ud574 \uc804\uccb4\uc801\uc73c\ub85c \uacac\uace0\ud55c \ubaa8\uc158 \ud50c\ub7ab\ud3fc\uc744 \ucc44\ud0dd\ud588\uc2b5\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">02<\/div>\r\n                <h3 class=\"feature-card-title\">\ud504\ub85c\ud398\uc154\ub110 \ubaa8\uc158 \uc81c\uc5b4<\/h3>\r\n                <p class=\"feature-card-desc\">\uace0\ubd80\ud558 \ubc0f \uace0\uc815\ubc00 \uc791\ub3d9\uc744 \uc704\ud55c \uace0\ud488\uc9c8 \ubaa8\ub4c8 \uad6c\uc870.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">03<\/div>\r\n                <h3 class=\"feature-card-title\">\uc0ac\uc6a9\uc790 \uce5c\ud654\uc801\uc778 \uc18c\ud504\ud2b8\uc6e8\uc5b4<\/h3>\r\n                <p class=\"feature-card-desc\">\ucd08\ubcf4\uc790\ub3c4 \uc27d\uac8c \uc870\uc791\ud560 \uc218 \uc788\ub294 \ub3c5\ub9bd\uc801\uc778 \uc9c0\uc801 \uc7ac\uc0b0\uad8c\uc744 \uac00\uc9c4 \uc18c\ud504\ud2b8\uc6e8\uc5b4\uc785\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">04<\/div>\r\n                <h3 class=\"feature-card-title\">\uac15\ub825\ud55c \ud504\ub85c\uc138\uc2a4 \uc81c\uc5b4<\/h3>\r\n                <p class=\"feature-card-desc\">\uac15\ub825\ud55c \uacf5\uc815 \uc81c\uc5b4 \uae30\ub2a5\uc73c\ub85c \ud3ec\ud305 \uba38\uc2e0\uc758 \uace0\ud488\uc9c8\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">05<\/div>\r\n                <h3 class=\"feature-card-title\">\ube44\uc8fc\uc5bc \ud504\ub85c\uadf8\ub798\ubc0d<\/h3>\r\n                <p class=\"feature-card-desc\">\uc720\uc5f0\ud55c \uc6b4\uc601\uc744 \uc704\ud574 \uc2dc\uac01\uc801 \ud504\ub85c\uadf8\ub798\ubc0d \ubc0f \uc218\ub3d9 \uc2dc\ud5d8 \uad50\uc721\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">06<\/div>\r\n                <h3 class=\"feature-card-title\">\uc790\ub3d9 \uccad\uc18c \uc7a5\uce58<\/h3>\r\n                <p class=\"feature-card-desc\">\ucd5c\uc801\uc758 \uc131\ub2a5\uc744 \uc720\uc9c0\ud558\uae30 \uc704\ud55c \ubc38\ube0c \uc790\ub3d9 \uccad\uc18c \uc7a5\uce58\uc785\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">07<\/div>\r\n                <h3 class=\"feature-card-title\">SMEA \uc778\ud130\ud398\uc774\uc2a4<\/h3>\r\n                <p class=\"feature-card-desc\">\ub2e4\ub978 \uc7a5\uce58\uc640 \uc27d\uac8c \ud1b5\uc2e0\ud560 \uc218 \uc788\ub294 \ud45c\uc900 SMEA \uc778\ud130\ud398\uc774\uc2a4\uac00 \uc7a5\ucc29\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\r\n            <\/div>\r\n            <div class=\"feature-card\">\r\n                <div class=\"feature-number\">08<\/div>\r\n                <h3 class=\"feature-card-title\">\uc2a4\ub9c8\ud2b8 \uc81c\uc870<\/h3>\r\n                <p class=\"feature-card-desc\">QR\ucf54\ub4dc \uc2a4\uce94, \uc790\ub3d9 \ud504\ub85c\uadf8\ub7a8 \ud638\ucd9c, \uc9c0\ub2a5\ud615 \uc81c\uc870\ub97c \uc704\ud55c \ub370\uc774\ud130 \ud1b5\uacc4.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Specifications Section -->\r\n    <section class=\"specs-section\">\r\n        <div class=\"specs-header\">\r\n            <span class=\"specs-tag\">\uae30\uc220 \uc0ac\uc591<\/span>\r\n            <h2>\uc0ac\uc591<\/h2>\r\n            <p>Complete technical specifications for PM-500F Offline Potting Machine<\/p>\r\n        <\/div>\r\n\r\n        <p class=\"scroll-hint\">\u2190 \uc2a4\uc640\uc774\ud504\ud558\uc5ec \ubaa8\ub4e0 \uc0ac\uc591 \ubcf4\uae30 \u2192<\/p>\r\n\r\n        <div class=\"specs-table-container\">\r\n            <table class=\"specs-table\">\r\n                <thead>\r\n                    <tr>\r\n                        <th style=\"width: 40%;\">\ub9e4\uac1c\ubcc0\uc218<\/th>\r\n                        <th style=\"width: 60%;\">\uac00\uce58<\/th>\r\n                    <\/tr>\r\n                <\/thead>\r\n                <tbody>\r\n                    <!-- Glue Potting Parameters -->\r\n                    <tr class=\"table-section-header\">\r\n                        <td colspan=\"2\">\uc811\ucc29\uc81c \ud3ec\ud305 \ub9e4\uac1c\ubcc0\uc218<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\ud3ec\ud305 \ubc94\uc704<\/td>\r\n                        <td>\ucd5c\ub300 450mm \u00d7 450mm<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uacc4\ub7c9 \ud38c\ud504<\/td>\r\n                        <td>\ub098\uc0ac\/\uae30\uc5b4(\uc635\uc158)<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc6d0\uc790\uc7ac \ud0f1\ud06c<\/td>\r\n                        <td>5L \/ 15L \/ 30L \/ 60L<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc561\uccb4 \ub808\ubca8 \uc13c\uc11c<\/td>\r\n                        <td>\ub3c5\uc77c\uc5b4 \uc704\ud0a4<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc811\ucc29\uc81c \uc81c\uc5b4 \uc815\ud655\ub3c4<\/td>\r\n                        <td>\u00b11%<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\ube44\ub840 \uc815\ud655\ub3c4<\/td>\r\n                        <td>\u00b13%<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc811\ucc29\uc81c \uc81c\uc5b4 \uc18d\ub3c4<\/td>\r\n                        <td>0.5g\/s - 20g\/s<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc2a4\ucf00\uc77c \ubc94\uc704<\/td>\r\n                        <td>100:100 - 100:10<\/td>\r\n                    <\/tr>\r\n                    \r\n                    <!-- Motion Mechanism -->\r\n                    <tr class=\"table-section-header\">\r\n                        <td colspan=\"2\">\ubaa8\uc158 \uba54\ucee4\ub2c8\uc998<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc704\uce58 \uc815\ud655\ub3c4<\/td>\r\n                        <td>0.02mm<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\ubc18\ubcf5\uc131<\/td>\r\n                        <td>0.01mm<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>X, Y \ucd5c\ub300 \uc18d\ub3c4<\/td>\r\n                        <td>1000mm\/s<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>X, Y \ub4dc\ub77c\uc774\ube0c \ubaa8\ub4dc<\/td>\r\n                        <td>\uc11c\ubcf4 + \ub098\uc0ac<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Z \ucd5c\ub300 \uc18d\ub3c4<\/td>\r\n                        <td>500mm\/s<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>Z \ub4dc\ub77c\uc774\ube0c \ubaa8\ub4dc<\/td>\r\n                        <td>\uc11c\ubcf4 + \ub098\uc0ac<\/td>\r\n                    <\/tr>\r\n                    \r\n                    <!-- Control System -->\r\n                    <tr class=\"table-section-header\">\r\n                        <td colspan=\"2\">\uc81c\uc5b4 \uc2dc\uc2a4\ud15c<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc81c\uc5b4 \ubc29\ubc95<\/td>\r\n                        <td>PLC + \ubaa8\uc158 \uce74\ub4dc<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\ud504\ub85c\uadf8\ub798\ubc0d \ubaa8\ub4dc<\/td>\r\n                        <td>\uc218\ub3d9 \uad50\uc721<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc18c\ud504\ud2b8\uc6e8\uc5b4<\/td>\r\n                        <td>\uc0b0\ucf54 \uc790\uccb4 \uac1c\ubc1c<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\ud1b5\uc2e0 \ud3ec\ud2b8<\/td>\r\n                        <td>\ud45c\uc900 SMEA<\/td>\r\n                    <\/tr>\r\n                    \r\n                    <!-- Space Requirements -->\r\n                    <tr class=\"table-section-header\">\r\n                        <td colspan=\"2\">\uacf5\uac04 \uc694\uad6c \uc0ac\ud56d<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uce58\uc218<\/td>\r\n                        <td>800\u00d7600\u00d71700mm<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\ubb34\uac8c<\/td>\r\n                        <td>450kg<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uacf5\uae30 \uc555\ub825<\/td>\r\n                        <td>\u22650.4MP<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc804\uc6d0<\/td>\r\n                        <td>2.2KW<\/td>\r\n                    <\/tr>\r\n                    <tr>\r\n                        <td>\uc804\uc555<\/td>\r\n                        <td>AC220V 50\/60Hz<\/td>\r\n                    <\/tr>\r\n                <\/tbody>\r\n            <\/table>\r\n        <\/div>\r\n    <\/section>\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, .app-card, .highlight-item').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.06}s`; });\r\n        document.querySelectorAll('.app-card').forEach((card, i) => { card.style.transitionDelay = `${i * 0.1}s`; });\r\n        document.querySelectorAll('.highlight-item').forEach((item, i) => { item.style.transitionDelay = `${i * 0.1}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-1924c66 e-con-full e-flex e-con e-parent\" data-id=\"1924c66\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bf98f3 elementor-widget elementor-widget-html\" data-id=\"3bf98f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"sanco-curing-section\">\r\n\r\n  <div class=\"sanco-curing-container\">\r\n\r\n    <!-- \u5de6\u4fa7\u5185\u5bb9 -->\r\n    <div class=\"sanco-curing-left\">\r\n      <span class=\"sanco-curing-index\">SANCO<\/span>\r\n      <h2 class=\"sanco-curing-title\">\r\n        \uc8fc\uc694 \ud3ec\ud305 \uc7a5\ube44:<br>\r\n        \uc624\ud504\ub77c\uc778 \ubc0f \uc778\ub77c\uc778<br>\r\n        \ud3ec\ud305 \uba38\uc2e0 \uc194\ub8e8\uc158\r\n      <\/h2>\r\n      <a href=\"\/ko\/product\/\" class=\"sanco-curing-readmore\">\uc790\uc138\ud788 \ubcf4\uae30<\/a>\r\n\r\n      <div class=\"sanco-curing-arrows\">\r\n        <button id=\"sancoCuringPrev\" aria-label=\"\uc774\uc804 \ud3ec\ud305 \uc81c\ud488\">\u2190<\/button>\r\n        <button id=\"sancoCuringNext\" aria-label=\"\ub2e4\uc74c \ud3ec\ud305 \uc81c\ud488\">\u2192<\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u53f3\u4fa7\u6ed1\u52a8\u533a -->\r\n    <div class=\"sanco-curing-slider-wrapper\">\r\n      <div class=\"sanco-curing-slider\" id=\"sancoCuringSlider\">\r\n\r\n        <!-- \u4ea7\u54c1 1: Offline Potting Machine -->\r\n        <a href=\"\/ko\/product\/\" class=\"sanco-curing-card-link\">\r\n          <article class=\"sanco-curing-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/offline_\u7ed3\u679c.webp\" alt=\"Offline Potting Machine - Standalone potting dispensing system\" loading=\"lazy\">\r\n            <p>\uc624\ud504\ub77c\uc778 \ud3ec\ud305 \uba38\uc2e0<\/p>\r\n            <span class=\"sanco-curing-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/article>\r\n        <\/a>\r\n\r\n        <!-- \u4ea7\u54c1 2: Inline Potting Machine -->\r\n        <a href=\"\/ko\/product\/\" class=\"sanco-curing-card-link\">\r\n          <article class=\"sanco-curing-card\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.sancofd.com\/wp-content\/uploads\/2026\/02\/inline_\u7ed3\u679c.webp\" alt=\"Inline Potting Machine - Automated inline potting system\" loading=\"lazy\">\r\n            <p>\uc778\ub77c\uc778 \ud3ec\ud305 \uba38\uc2e0<\/p>\r\n            <span class=\"sanco-curing-card-readmore\">\uc790\uc138\ud788 \ubcf4\uae30 \u2192<\/span>\r\n          <\/article>\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\/* ===== Potting Machines Section - \u6df1\u84dd\u8272\u7cfb ===== *\/\r\n.sanco-curing-section {\r\n  background: linear-gradient(135deg, #0a2540 0%, #0d3a5c 50%, #0f4872 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-curing-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(255, 255, 255, 0.03) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(255, 255, 255, 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-curing-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(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.03) 40%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: sancoCuringFloat 20s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoCuringFloat {\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-curing-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(255, 255, 255, 0.06);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: sancoCuringRotate 30s linear infinite;\r\n}\r\n\r\n@keyframes sancoCuringRotate {\r\n  from { transform: rotate(0deg); }\r\n  to { transform: rotate(360deg); }\r\n}\r\n\r\n\/* \u5c0f\u578b\u88c5\u9970\u70b9 *\/\r\n.sanco-curing-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(255, 255, 255, 0.08) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  animation: sancoCuringPulse 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes sancoCuringPulse {\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-curing-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-curing-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(255, 255, 255, 0.05) 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-curing-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(255, 255, 255, 0.2), transparent);\r\n  border-radius: 2px;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* ===== \u5de6\u4fa7 ===== *\/\r\n.sanco-curing-left {\r\n  flex: 0 0 15%;\r\n  position: relative;\r\n}\r\n\r\n.sanco-curing-index {\r\n  font-size: 48px;\r\n  font-weight: 700;\r\n  color: rgba(255, 255, 255, 0.15);\r\n  margin-bottom: 8px;\r\n  display: block;\r\n  letter-spacing: 2px;\r\n  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.sanco-curing-title {\r\n  font-size: 26px;\r\n  line-height: 1.4;\r\n  margin-bottom: 24px;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Read More \u94fe\u63a5 *\/\r\n.sanco-curing-readmore {\r\n  text-decoration: underline;\r\n  color: #6ab7d6;\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-curing-readmore:hover {\r\n  color: #8cd0eb;\r\n}\r\n\r\n\/* ===== \u7bad\u5934 ===== *\/\r\n.sanco-curing-arrows {\r\n  display: flex;\r\n  gap: 12px;\r\n}\r\n\r\n.sanco-curing-arrows button {\r\n  width: 48px;\r\n  height: 48px;\r\n  border-radius: 50%;\r\n  border: 2px solid rgba(255, 255, 255, 0.5);\r\n  background: transparent;\r\n  color: #fff;\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(0, 0, 0, 0.1);\r\n}\r\n\r\n.sanco-curing-arrows button:hover {\r\n  background: rgba(255, 255, 255, 0.15);\r\n  border-color: #fff;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.sanco-curing-arrows button:active {\r\n  transform: translateY(0);\r\n}\r\n\r\n\/* ===== Slider ===== *\/\r\n.sanco-curing-slider-wrapper {\r\n  flex: 1;\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.sanco-curing-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-curing-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-curing-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(0, 0, 0, 0.25),\r\n    0 4px 10px rgba(0, 0, 0, 0.1);\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-curing-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, #0d3a5c, #1a6b9a);\r\n  transform: scaleX(0);\r\n  transform-origin: left;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.sanco-curing-card-link:hover .sanco-curing-card {\r\n  transform: translateY(-8px);\r\n  box-shadow:\r\n    0 15px 40px rgba(0, 0, 0, 0.35),\r\n    0 6px 15px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.sanco-curing-card-link:hover .sanco-curing-card::before {\r\n  transform: scaleX(1);\r\n}\r\n\r\n.sanco-curing-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-curing-card-link:hover .sanco-curing-card img {\r\n    transform: scale(1.12);\r\n  }\r\n}\r\n\r\n\/* \u540d\u79f0 *\/\r\n.sanco-curing-card p {\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: #0d3a5c;\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-curing-card-readmore {\r\n  display: inline-block;\r\n  font-size: 14px;\r\n  color: #0d3a5c;\r\n  font-weight: 500;\r\n  transition: all 0.3s ease;\r\n  opacity: 0.8;\r\n}\r\n\r\n.sanco-curing-card-link:hover .sanco-curing-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-curing-section {\r\n    padding: 100px 0;\r\n    min-height: 750px;\r\n  }\r\n\r\n  .sanco-curing-container {\r\n    flex-direction: column;\r\n    gap: 40px;\r\n    padding: 0 30px;\r\n  }\r\n\r\n  .sanco-curing-left {\r\n    flex: none;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .sanco-curing-index {\r\n    font-size: 42px;\r\n  }\r\n\r\n  .sanco-curing-title {\r\n    font-size: 24px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .sanco-curing-readmore {\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .sanco-curing-arrows {\r\n    justify-content: center;\r\n  }\r\n\r\n  .sanco-curing-slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 0;\r\n  }\r\n\r\n  .sanco-curing-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-curing-card-link {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanco-curing-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-curing-card img {\r\n    height: 300px;\r\n  }\r\n\r\n  .sanco-curing-left::before,\r\n  .sanco-curing-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-curing-section {\r\n    padding: 80px 20px;\r\n    min-height: auto;\r\n  }\r\n\r\n  .sanco-curing-container {\r\n    flex-direction: column;\r\n    gap: 50px;\r\n    padding: 0;\r\n  }\r\n\r\n  .sanco-curing-left {\r\n    flex: none;\r\n    width: 100%;\r\n    text-align: center;\r\n  }\r\n\r\n  .sanco-curing-index {\r\n    font-size: 40px;\r\n  }\r\n\r\n  .sanco-curing-title {\r\n    font-size: 24px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .sanco-curing-readmore {\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .sanco-curing-arrows {\r\n    justify-content: center;\r\n  }\r\n\r\n  .sanco-curing-slider-wrapper {\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 0;\r\n  }\r\n\r\n  .sanco-curing-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-curing-card-link {\r\n    min-width: 100%;\r\n    width: 100%;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .sanco-curing-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-curing-card img {\r\n    height: 280px;\r\n  }\r\n\r\n  .sanco-curing-card p {\r\n    min-height: 48px;\r\n  }\r\n\r\n  .sanco-curing-left::before,\r\n  .sanco-curing-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-curing-section {\r\n    padding: 60px 15px;\r\n  }\r\n\r\n  .sanco-curing-index {\r\n    font-size: 36px;\r\n  }\r\n\r\n  .sanco-curing-title {\r\n    font-size: 20px;\r\n  }\r\n\r\n  .sanco-curing-card {\r\n    height: 440px;\r\n    padding: 35px 25px;\r\n  }\r\n\r\n  .sanco-curing-card img {\r\n    height: 240px;\r\n  }\r\n\r\n  .sanco-curing-card p {\r\n    font-size: 16px;\r\n    min-height: 44px;\r\n  }\r\n\r\n  .sanco-curing-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('sancoCuringSlider');\r\n  const prev = document.getElementById('sancoCuringPrev');\r\n  const next = document.getElementById('sancoCuringNext');\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-curing-card');\r\n    if (!card) return 415;\r\n    const cardLink = slider.querySelector('.sanco-curing-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>Offline Potting Machine PM-500F | Two-Component Potting Equipment | Sanco Potting Machine Offline Potting Machine PM-500F Cost-effective two-component offline potting solution with XYZ servo motor control, high-precision ball screws, and friendly human-computer interface for multi-specification products. Two-Component \u00b11% Accuracy Servo Motor Home> Products> Potting Machine> Offline Potting Machine PM-500F Product Description PM-500F has obvious cost-effective [&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-1346","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/1346","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=1346"}],"version-history":[{"count":50,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/1346\/revisions"}],"predecessor-version":[{"id":5739,"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/pages\/1346\/revisions\/5739"}],"wp:attachment":[{"href":"https:\/\/www.sancofd.com\/ko\/wp-json\/wp\/v2\/media?parent=1346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}