{"id":24,"date":"2026-06-12T15:10:49","date_gmt":"2026-06-12T06:10:49","guid":{"rendered":"https:\/\/nfuture3.mycafe24.com\/?page_id=24"},"modified":"2026-09-30T09:45:40","modified_gmt":"2026-09-30T00:45:40","slug":"home","status":"publish","type":"page","link":"https:\/\/nfuture.kr\/","title":{"rendered":"HOME"},"content":{"rendered":"\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@500;700;900&#038;family=Pretendard:wght@300;500;700;900&#038;display=swap\" rel=\"stylesheet\">\n<style data-wp-block-html=\"css\">\n:root {\n            --bg-main: #f8fafc;\n            --text-main: #0f172a;\n            --accent-blue: #0052ff;\n            --accent-cyan: #00f0ff;\n            --accent-neon: #10b981;\n            --accent-purple: #7c3aed;\n            --card-bg: rgba(255, 255, 255, 0.85);\n            --neon-shadow: 0 10px 30px rgba(0, 82, 255, 0.12);\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Pretendard', -apple-system, sans-serif;\n        }\n\n        html {\n            scroll-behavior: smooth;\n        }\n\n        body {\n            background-color: var(--bg-main);\n            color: var(--text-main);\n            overflow-x: hidden;\n            position: relative;\n        }\n\n        \/* \uc778\ud130\ub799\ud2f0\ube0c \ubc30\uacbd\uc6a9 Canvas *\/\n        #particleCanvas {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            z-index: 1;\n            pointer-events: none;\n            opacity: 0.5;\n        }\n\n        \/* --- GLOBAL COMPONENTS --- *\/\n        .floating-tag {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            background: linear-gradient(135deg, rgba(0, 82, 255, 0.06), rgba(124, 58, 237, 0.06));\n            border: 1px solid rgba(0, 82, 255, 0.12);\n            padding: 8px 18px;\n            border-radius: 50px;\n            font-size: 13px;\n            font-weight: 700;\n            color: var(--accent-blue);\n            margin-bottom: 25px;\n            letter-spacing: 0.5px;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 70px;\n        }\n\n        .section-header h2 {\n            font-size: 44px;\n            font-weight: 900;\n            letter-spacing: -1.5px;\n            margin-top: 10px;\n            color: var(--text-main);\n        }\n\n        \/* --- HEADER NAVIGATION --- *\/\n        header {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 80px;\n            background: rgba(248, 250, 252, 0.8);\n            backdrop-filter: blur(15px);\n            -webkit-backdrop-filter: blur(15px);\n            border-bottom: 1px solid rgba(15, 23, 42, 0.06);\n            z-index: 100;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 0 5%;\n        }\n\n      \n        .header-badge {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 12px;\n            font-weight: 700;\n            padding: 6px 16px;\n            border: 2px solid var(--text-main);\n            border-radius: 50px;\n            letter-spacing: 1px;\n        }\n\n        .banner-section {\n            width: 100%;\n            min-height: 100vh;\n            background: linear-gradient(135deg, #f1f5f9 0%, #f8fafc 100%);\n            position: relative;\n            display: flex;\n            align-items: center;\n            padding: 0 8%;\n            overflow: hidden;\n        }\n\n        \/* \uc740\uc740\ud55c \ud504\ub9ac\ubbf8\uc5c4 \ud640\ub85c\uadf8\ub7a8 \ube5b \ubc88\uc9d0 \ud6a8\uacfc *\/\n        .banner-section::before {\n            content: '';\n            position: absolute;\n            width: 800px;\n            height: 800px;\n            background: radial-gradient(circle, rgba(0, 82, 255, 0.08) 0%, rgba(0, 240, 255, 0.03) 50%, transparent 70%);\n            top: -20%;\n            right: -10%;\n            filter: blur(60px);\n            z-index: 1;\n            pointer-events: none;\n        }\n\n        .banner-container {\n            width: 100%;\n            max-width: 1600px;\n            margin: 0 auto;\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            position: relative;\n            z-index: 2;\n        }\n\n        \/* \ud14d\uc2a4\ud2b8 \uc601\uc5ed *\/\n        .banner-text-area {\n            \/* flex: 1; *\/\n            \/* max-width: 600px; *\/\n        }\n        .tag-premium {\n            display: inline-block;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 13px;\n            font-weight: 700;\n            color: #0052ff;\n            letter-spacing: 3px;\n            text-transform: uppercase;\n            margin-bottom: 20px;\n            background: rgba(0, 82, 255, 0.08);\n            padding: 6px 14px;\n            border-radius: 20px;\n        }\n        .banner-title {\n            font-size: 100px;\n            font-weight: 800;\n            line-height: 1.15;\n            color: #0f172a;\n            letter-spacing: -0.5px;\n            margin-bottom: 24px;\n        }\n        .banner-title span {\n            font-weight: 900;\n            display: block;\n            font-size: 70px; line-height:75px;\n            letter-spacing: 0px;\n    background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n        }\n        .banner-subcopy {\n            font-size: 20px !important;\n            color: #475569;\n            line-height: 1.9 !important;\n            font-weight: 400;\n        }\n\n        \/* \uadf8\ub798\ud53d \uc774\ubbf8\uc9c0 \uc601\uc5ed (\uae00\ub798\uc2a4\ubaa8\ud53c\uc998 \uce74\ub4dc \ubc0f \ud50c\ub85c\ud305 \uc624\ube0c\uc81d\ud2b8) *\/\n        .banner-image-area {\n            flex: 1.2;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            position: relative;\n        }\n\n      .glass-ring {\n    position: absolute;\n    width: 460px;\n    height: 460px;\n    border: 2px solid rgba(255, 255, 255, 0.8);\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0.4);\n    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05);\n    overflow: hidden;\n    z-index: 1;\n    animation: floatGlassObj 5s ease-in-out infinite;\n}\n\n\/* glass-ring \ub0b4\ubd80 4\uac1c \uc774\ubbf8\uc9c0 \uc21c\ud658 *\/\n.glass-ring .glass-slide {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    opacity: 0;\n    transform: scale(1.01);\n    transition:\n        opacity 1.1s ease-in-out,\n        transform 4.5s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.glass-ring .glass-slide.active {\n    opacity: 1;\n    transform: scale(1.045);\n}\n        \n        \/* \ube5b\ub098\ub294 \ud3ec\uc778\ud2b8 \uc11c\ud074 \uc7a5\uc2dd *\/\n        .glow-dot {\n            position: absolute;\n            width: 15px;\n            height: 15px;\n            background: #00f0ff;\n            border-radius: 50%;\n            top: 25%;\n            right: 16%;\n            box-shadow: 0 0 15px #00f0ff;\n            z-index: 2;\n        }\n\n        .banner-image-area img {\n            max-width: 90%;\n            height: auto;\n            position: relative;\n            z-index: 3;\n            filter: drop-shadow(0 25px 30px rgba(0,0,0,0.08));\n            animation: floatGlassObj 5s ease-in-out infinite;\n        }\n\n        @keyframes floatGlassObj {\n            0% { transform: translateY(0px) rotate(0deg); }\n            50% { transform: translateY(-10px) rotate(1deg); }\n            100% { transform: translateY(0px) rotate(0deg); }\n        }\n\n        \/* \ubc18\uc751\ud615 *\/\n        @media (max-width: 1024px) {\n            .banner-section { padding: 100px 5%; }\n            .banner-container { flex-direction: column; text-align: center; gap: 80px; }\n            .banner-title { font-size: 42px; }\n            .banner-title span { font-size: 38px; }\n            .glass-ring { width: 320px; height: 320px; }\n            .glow-dot { top: 15%; right: 15%; }\n        }\n\n        \/* --- [SECTION 1] TOP IMAGE FADE IN-OUT BANNER --- *\/\n        .fade-banner-section {\n            position: relative;\n            width: 100%;\n            height: 100vh;\n            overflow: hidden;\n            z-index: 5;\n        }\n\n        .fade-slide {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            opacity: 0;\n            transition: opacity 1.5s ease-in-out;\n            background-size: cover;\n            background-position: center;\n        }\n\n        .fade-slide.active {\n            opacity: 1;\n        }\n\n        .fade-slide::after {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: linear-gradient(to bottom, rgba(15,23,42,0.4), rgba(248,250,252,1));\n        }\n\n        .fade-banner-content {\n            position: absolute;\n            top: 45%;\n            left: 5%;\n            transform: translateY(-50%);\n            z-index: 10;\n            color: #ffffff;\n            max-width: 800px;\n        }\n\n        .fade-banner-content h2 {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 24px;\n            font-weight: 700;\n            color: var(--accent-cyan);\n            letter-spacing: 4px;\n            margin-bottom: 20px;\n            text-shadow: 0 2px 10px rgba(0,0,0,0.3);\n        }\n\n        .fade-banner-content h1 {\n            font-size: 68px;\n            font-weight: 900;\n            line-height: 1.15;\n            color: #ffffff;\n            text-shadow: 0 4px 20px rgba(0,0,0,0.4);\n            margin-bottom: 25px;\n        }\n\n        .fade-banner-content p {\n            font-size: 20px;\n            color: #f1f5f9;\n            line-height: 1.6;\n            text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n        }\n\n        \/* --- [SECTION 2] ASYMMETRIC 3D HERO SHOWCASE --- *\/\n        .hero-section {\n            position: relative;\n            height: 100vh;\n            display: flex;\n            align-items: center;\n            padding: 0;\n            z-index: 2;\n            gap: 5%;\nmax-width: 1600px; margin:0 auto;\n        }\n\n        .hero-left {\n            flex: 1.2;\n        }\n\n        .hero-left h1 {\n            font-size: 60px;\n            font-weight: 900;\n            line-height: 1.3 !important;\n            letter-spacing: -2px;\n            margin-bottom: 25px;\n        }\n\n        .hero-left h1 span {\n            background: linear-gradient(135deg, var(--accent-blue) 0%, var(--accent-cyan) 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .hero-left p {\n            font-size: 18px;\n            color: #475569;\n            margin-bottom: 35px;\n            line-height: 1.7;\n            max-width: 580px;\n        }\n\n        .slider-controls {\ndisplay:none;\n           \/* display: flex; *\/\n            gap: 15px;\n            margin-top: 20px;\n        }\n\n        .btn-arrow {\n            width: 54px;\n            height: 54px;\n            border-radius: 50px;\n            border: 1px solid rgba(15, 23, 42, 0.1);\n            background: #ffffff;\n            color: var(--text-main);\n            font-size: 18px;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.04);\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n            z-index: 10;\n        }\n\n        .btn-arrow:hover {\n            background: var(--text-main);\n            color: #ffffff;\n            border-color: var(--text-main);\n            transform: translateY(-2px);\n            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.15);\n        }\n\n        .hero-right {\n            flex: 0.8;\n            height: 480px;\n            position: relative;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            perspective: 1400px;\n        }\n\n        .showcase-container {\n            width: 100%;\n            height: 100%;\n            position: relative;\n            transform-style: preserve-3d;\n        }\n\n        .showcase-card {\n            position: absolute;\n            width: 100%;\n            height: 100%;\n            background: var(--card-bg);\n            border: 1px solid rgba(255,255,255,0.6);\n            backdrop-filter: blur(20px);\n            border-radius: 32px;\n            padding: 45px;\n            box-shadow: 0 30px 60px rgba(0,0,0,0.08), inset 0 0 20px rgba(255,255,255,0.5);\n            opacity: 0;\n            pointer-events: none;\n            transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .showcase-card.active {\n            opacity: 1;\n            pointer-events: auto;\n            transform: translateZ(0px) rotateY(0deg);\n        }\n        .showcase-card.next {\n            opacity: 0.4;\n            transform: translateZ(-150px) translateX(50%) rotateY(-20deg);\n        }\n        .showcase-card.prev {\n            opacity: 0.4;\n            transform: translateZ(-150px) translateX(-50%) rotateY(20deg);\n        }\n\n        .card-num {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 50px;\n            font-weight: 900;\n            color: rgba(0, 82, 255, 0.15);\n            line-height: 1;\n        }\n\n        .card-title {\n            font-size: 28px;\n            font-weight: 800;\n            margin-bottom: 20px;\n            color: var(--text-main);\n        }\n\n        .card-desc {\n            font-size: 18px !important;\n            color: #64748b;\n            line-height: 1.6 !important;\n        }\n\n        .card-footer-tag {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 12px;\n            font-weight: 700;\n        }\n\n        \/* --- [SECTION 3] TECHNICAL DASHBOARD SPEC --- *\/\n        .spec-section {\n            position: relative;\n            padding: 140px 0;\n            z-index: 2;\n            background: rgba(248, 250, 252, 0.6);\n\n        }\n\n        .dashboard-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 40px;\n            max-width: 1600px;\n            margin: 0 auto;\n        }\n\n        .dashboard-card {\n            background: var(--card-bg);\n            border: 1px solid rgba(0, 82, 255, 0.05);\n            border-radius: 24px;\n            padding: 50px 40px;\n            box-shadow: 0 15px 35px rgba(0,0,0,0.02);\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            position: relative;\n            overflow: hidden;\n        }\n\n        .dashboard-card:hover {\n            transform: translateY(-8px);\n            border-color: var(--accent-cyan);\n            box-shadow: 0 30px 50px rgba(0, 240, 255, 0.12);\n        }\n\n        .dashboard-card::before {\n            content: '';\n            position: absolute;\n            top: 0; left: 0; width: 100%; height: 4px;\n            background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));\n        }\n\n        .spec-icon {\n            font-size: 32px;\n            color: var(--accent-blue);\n            margin-bottom: 20px;\n        }\n\n        .spec-title {\n            font-size: 22px;\n            font-weight: 800;\n            margin-bottom: 12px;\n        }\n\n        .spec-desc {\n            font-size: 17px !important;\n            color: #64748b;\n            line-height: 1.7 !important;\n        }\n\n        .tech-progress-bar {\n            width: 100%; height: 6px; background: #e2e8f0; border-radius: 10px; margin-top: 25px; overflow: hidden;\n        }\n\n        .tech-progress-fill {\n            height: 100%; background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan)); width: 0; transition: width 2s ease-out;\n        }\n\n        \/* --- [SECTION 4] PRODUCT SOLUTIONS (\uac00\ub85c \uc2ac\ub77c\uc774\ub4dc + \uc804\uccb4\ubcf4\uae30 \ubc84\ud2bc) --- *\/\n        .product-section {\n            position: relative;\n            padding: 140px 5%;\n            z-index: 2;\n            background: #ffffff;\n            overflow: hidden;\n        }\n\n        .product-section::before {\n            content: '';\n            position: absolute;\n            top: -140px;\n            right: -120px;\n            width: 420px;\n            height: 420px;\n            background: radial-gradient(circle, rgba(0, 240, 255, 0.14) 0%, transparent 68%);\n            pointer-events: none;\n        }\n\n        .product-section::after {\n            content: '';\n            position: absolute;\n            bottom: -180px;\n            left: -150px;\n            width: 460px;\n            height: 460px;\n            background: radial-gradient(circle, rgba(124, 58, 237, 0.10) 0%, transparent 68%);\n            pointer-events: none;\n        }\n\n        .product-top-area {\n            max-width: 1600px;\n            margin: 0 auto 40px;\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            gap: 30px;\n            position: relative;\n            z-index: 3;\n        }\n\n        .product-top-area .section-header {\n            text-align: left;\n            margin-bottom: 0;\n        }\n\n        .product-top-area .section-header h2 {\n            margin-bottom: 16px;\n        }\n\n        .product-sub-copy {\n            max-width: 620px;\n            font-size: 18px !important;\n            color: #64748b;\n            line-height: 1.75 !important;\n        }\n\n        .product-all-btn {\n            flex: 0 0 auto;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            min-width: 178px;\n            height: 54px;\n            padding: 0 24px;\n            border-radius: 999px;\n            background: linear-gradient(135deg, var(--accent-blue), var(--accent-purple));\n            color: #ffffff;\n            text-decoration: none;\n            font-size: 15px;\n            font-weight: 800;\n            letter-spacing: -0.2px;\n            box-shadow: 0 15px 30px rgb(0, 82, 200 \/ 12%);\n            transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .product-all-btn:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 18px 30px rgba(0, 82, 255, 0.20);\ncolor:#fff;\n        }\n\n        .product-top-actions {\n            flex: 0 0 auto;\n            display: flex;\n            flex-direction: column;\n            align-items: flex-end;\n            gap: 16px;\n        }\n\n        .product-latest-controls {\n            display: flex;\n            align-items: center;\n            gap: 10px;     position: relative;\n    top: 10px;\n        }\n\n        .product-latest-arrow {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 48px;\n            height: 48px;\n            padding: 0;\n            border: 1px solid rgba(15, 23, 42, 0.12);\n            border-radius: 50%;\n            background: #ffffff;\n            color: var(--text-main);\n            font-size: 15px;\n            cursor: pointer;\n            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);\n            transition: color 0.3s ease, background-color 0.3s ease, transform 0.3s ease;\n        }\n\n        .product-latest-arrow:hover {\n            background: var(--text-main);\n            color: #ffffff;\n            transform: translateY(-2px);\n        }\n\n        .product-slider-wrap {\n            max-width: 1600px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 3;\n            overflow: hidden;\n        }\n\n        \/* KBoard \ucd5c\uc2e0 \uc81c\ud488 \uc2ac\ub77c\uc774\ub354 *\/\n        #kboard-wonderful-product-latest {\n            --latest-gap: 26px;\n            display: flex !important;\n            flex-wrap: nowrap !important;\n            gap: var(--latest-gap);\n            width: 100% !important;\n            margin: 0 !important;\n            padding: 0 !important;\n            transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);\n            will-change: transform;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item {\n            position: relative;\n            flex: 0 0 calc((100% - (var(--latest-gap) * 3)) \/ 4) !important;\n            min-width: 0;\n            margin: 0 !important;\n            padding: 0 0 18px !important;\n            border: 0 !important;\n            background: transparent !important;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item > a:first-child {\n            display: block;\n            overflow: hidden;\n            background: #f1f5f9;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n            position: relative !important;\n            float: none !important;\n            width: 100% !important;\n            height: auto !important;\n            aspect-ratio: 1 \/ 1;\n            margin: 0 !important;\n            padding: 0 !important;\n            overflow: hidden;\n            background: #f1f5f9;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail::after {\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to bottom, transparent 55%, rgba(15, 23, 42, 0.22));\n            content: \"\";\n            opacity: 0;\n            transition: opacity 0.4s ease;\n            pointer-events: none;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail img {\n            display: block !important;\n            width: 100% !important;\n            height: 100% !important;\n            object-fit: contain !important;\n            transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-latest-thumbnail img {\n            transform: scale(1.055);\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-latest-thumbnail::after {\n            opacity: 1;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-wrap {\n            float: none !important;\n            width: 100% !important;\n            margin: 0 !important;\n            padding: 20px 0 0 !important;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-wrap > a {\n            color: inherit !important;\n            text-decoration: none !important;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-title {\n            position: relative;\n            display: block !important;\n            width: 100% !important;\n            margin: 0 !important;\n            padding: 0 0 13px !important;\n            color: var(--text-main) !important;\n            font-family: 'Orbitron', 'Pretendard', sans-serif !important;\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            line-height: 1.45 !important;\n            transition: color 0.3s ease;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-title::after {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 32px;\n            height: 2px;\n            background: var(--accent-blue);\n            content: \"\";\n            transition: width 0.4s ease;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-title {\n            color: var(--accent-blue) !important;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-title::after {\n            width: 100%;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item > a:not(:first-child) {\n            position: relative;\n            display: block !important;\n            width: 100% !important;\n            margin: 20px 0 0 !important;\n            padding: 0 0 13px !important;\n            color: var(--text-main) !important;\n            font-family: 'Orbitron', 'Pretendard', sans-serif !important;\n            font-size: 16px !important;\n            font-weight: 700 !important;\n            line-height: 1.45 !important;\n            text-decoration: none !important;\n            transition: color 0.3s ease;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item > a:not(:first-child)::after {\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 32px;\n            height: 2px;\n            margin: 0;\n            background: var(--accent-blue);\n            content: \"\";\n            transition: width 0.4s ease;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover > a:not(:first-child) {\n            color: var(--accent-blue) !important;\n        }\n\n        #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover > a:not(:first-child)::after {\n            width: 100%;\n        }\n\n        .product-slider-head {\n            display: flex;\n            justify-content: flex-end;\n            align-items: center;\n            margin-bottom: 22px;\n        }\n\n        .product-count-text {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 12px;\n            font-weight: 800;\n            color: #94a3b8;\n            letter-spacing: 1px;\n        }\n\n        .product-slider-controls {\n            display: flex;\n            gap: 12px;\n        }\n\n        .product-arrow {\n            width: 48px;\n            height: 48px;\n            border-radius: 50%;\n            border: 1px solid rgba(15, 23, 42, 0.10);\n            background: rgba(255, 255, 255, 0.88);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            color: var(--text-main);\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);\n            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n        }\n\n        .product-arrow:hover {\n            background: var(--text-main);\n            color: #ffffff;\n            transform: translateY(-2px);\n        }\n\n        .product-slider-viewport {\n            width: 100%;\n            overflow: hidden;\n        }\n\n        .product-slider-track {\n            display: flex;\n            gap: 30px;\n            transition: transform 0.55s cubic-bezier(0.16, 1, 0.3, 1);\n            will-change: transform;\n        }\n\n        .product-card {\n            flex: 0 0 calc((100% - 90px) \/ 4);\n            background: rgba(255, 255, 255, 0.92);\n            border: 1px solid #e2e8f0;\n            border-radius: 22px;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n            box-shadow: 0 18px 38px rgba(15, 23, 42, 0.035);\n        }\n\n        .product-card:hover {\n            transform: translateY(-10px);\n            border-color: var(--accent-blue);\n            box-shadow: 0 30px 60px rgba(0, 82, 255, 0.10);\n        }\n\n        .product-img-box {\n            position: relative;\n            width: 100%;\n            padding-top: 68%;\n            background-color: #f1f5f9;\n            overflow: hidden;\n        }\n\n        .product-img-box img {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            filter: grayscale(15%);\n            transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.6s;\n        }\n\n        .product-card:hover .product-img-box img {\n            transform: scale(1.06);\n            filter: grayscale(0%);\n        }\n\n        .product-img-box::after {\n            content: '';\n            position: absolute;\n            inset: 0;\n            background: linear-gradient(to bottom, transparent 45%, rgba(15, 23, 42, 0.16));\n            pointer-events: none;\n        }\n\n        .product-badge-id {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background: rgba(15, 23, 42, 0.85);\n            backdrop-filter: blur(8px);\n            -webkit-backdrop-filter: blur(8px);\n            color: #ffffff;\n            font-family: 'Orbitron', sans-serif;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 5px 12px;\n            border-radius: 6px;\n            letter-spacing: 1px;\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            z-index: 2;\n        }\n\n        .product-card-body {\n            padding: 26px;\n            display: flex;\n            flex-direction: column;\n            flex-grow: 1;\n        }\n\n        .product-card-body h3 {\n            font-size: 19px;\n            font-weight: 800;\n            color: var(--text-main);\n            margin-bottom: 12px;\n            line-height: 1.4;\n            letter-spacing: -0.5px;\n        }\n\n        .product-card-body p {\n            font-size: 13.5px;\n            color: #64748b;\n            line-height: 1.6;\n            margin-bottom: 22px;\n            flex-grow: 1;\n        }\n\n        .product-view-more {\n            display: inline-flex;\n            align-items: center;\n            gap: 8px;\n            text-decoration: none;\n            color: var(--accent-blue);\n            font-size: 14px;\n            font-weight: 700;\n            transition: gap 0.3s ease, color 0.3s ease;\n            width: fit-content;\n            margin-top: auto;\n        }\n\n        .product-view-more i {\n            font-size: 12px;\n            transition: transform 0.3s ease;\n        }\n\n        .product-card:hover .product-view-more {\n            gap: 14px;\n            color: var(--accent-purple);\n        }\n\n        .product-card:hover .product-view-more i {\n            transform: translateX(2px);\n        }\n\n        .product-slider-dots {\n            display: flex;\n            justify-content: center;\n            gap: 8px;\n            margin-top: 34px;\n        }\n\n        .product-dot {\n            width: 8px;\n            height: 8px;\n            border-radius: 999px;\n            border: 0;\n            background: #cbd5e1;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n\n        .product-dot.active {\n            width: 28px;\n            background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));\n        }\n\n        \/* --- [SECTION 5] VS COMPETITIVE ADVANTAGE (\ub124\uc628 \uae00\ub798\uc2a4\ubaa8\ud53c\uc998 \ub7ed\uc154\ub9ac \ub9ac\ub514\uc790\uc778) --- *\/\n        .vs-section {\n            position: relative;\n            padding: 150px 5%;\n            z-index: 2;\n            background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);\n        }\n\n        .vs-container {\n            max-width: 1100px;\n            margin: 0 auto;\n            position: relative;\n        }\n\n        \/* \ud22c\ubc15\ud55c \uac80\uc740 \ubc15\uc2a4\uc5d0\uc11c \uace0\uae09\uc2a4\ub7ec\uc6b4 \ub2e4\ud06c \uc2e4\ub8e8\uc5e3 \uce74\ub4dc\ub85c \uc804\uba74 \uac1c\ud3b8 *\/\n        .vs-card-luxury {\n            background: radial-gradient(circle at top left, #1e293b, #0f172a);\n            border-radius: 32px;\n            padding: 60px 70px;\n            color: #ffffff;\n            display: flex;\n            align-items: center;\n            gap: 60px;\n            box-shadow: 0 40px 100px rgba(15, 23, 42, 0.18), 0 0 80px rgba(0, 82, 255, 0.04);\n            position: relative;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, 0.03);\n        }\n\n        \/* \ubc30\uacbd \ub370\ucf54\ub808\uc774\uc158 \uadf8\ub77c\ub370\uc774\uc158 \uae00\ub85c\uc6b0 *\/\n        .vs-card-luxury::before {\n            content: '';\n            position: absolute;\n            top: -50%; right: -20%;\n            width: 400px; height: 400px;\n            background: radial-gradient(circle, rgba(0, 240, 255, 0.12) 0%, transparent 70%);\n            pointer-events: none;\n        }\n\n        .vs-info-wrap {\n            flex: 1.1;\n        }\n\n        .vs-info-wrap h3 {\n            font-size: 38px;\n            font-weight: 900;\n            line-height: 1.35;\n            margin-bottom: 22px;\n            letter-spacing: -1px;\n            background: linear-gradient(135deg, #ffffff 60%, #cbd5e1 100%);\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n        }\n\n        .vs-info-wrap p {\n            color: #94a3b8;\n            font-size: 15.5px;\n            line-height: 1.75;\n        }\n\n        .vs-bars-wrap {\n            flex: 0.9;\n            display: flex;\n            flex-direction: column;\n            gap: 35px;\n            z-index: 2;\n            width: 100%;\n        }\n\n        .vs-row {\n            width: 100%;\n        }\n\n        \/* \ub77c\ubca8 \ub514\uc790\uc778 \uc138\ub828\ud654 *\/\n        .vs-row-label {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 12px;\n            font-size: 14.5px;\n            font-weight: 700;\n            letter-spacing: -0.3px;\n        }\n\n        .vs-row-label span {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n        .vs-metric-num {\n            font-family: 'Orbitron', sans-serif;\n            font-size: 14px;\n            font-weight: 800;\n            letter-spacing: 0.5px;\n        }\n\n        \/* \uac8c\uc774\uc9c0 \ubc14\ub97c \ub354 \uc587\uace0 \uc0e4\ud504\ud558\uac8c \uc5f0\ucd9c *\/\n        .vs-track-bg {\n            width: 100%;\n            height: 10px;\n            background: rgba(255, 255, 255, 0.06);\n            border-radius: 50px;\n            overflow: hidden;\n            border: 1px solid rgba(255, 255, 255, 0.02);\n        }\n\n        .vs-thumb-fill {\n            height: 100%;\n            width: 0;\n            transition: width 2.5s cubic-bezier(0.16, 1, 0.3, 1);\n            border-radius: 50px;\n            position: relative;\n        }\n\n        \/* \ud14c\ud06c\ub2c8\uceec \ub124\uc628 \uadf8\ub77c\ub370\uc774\uc158 \uad11\uc6d0\ud6a8\uacfc \ubd80\uc5ec *\/\n        .fill-luxury-cyan {\n            background: linear-gradient(90deg, var(--accent-blue), var(--accent-cyan));\n            box-shadow: 0 0 15px rgba(0, 240, 255, 0.6);\n        }\n\n        .fill-luxury-dim {\n            background: linear-gradient(90deg, #475569, #ef4444);\n            box-shadow: 0 0 10px rgba(239, 68, 68, 0.3);\n        }\n\n     \n#particleCanvas {\n    position: fixed !important;\n    top: 0;\n    left: 0;\n    width: 100vw !important;\n    height: 100vh !important;\n    z-index: 20 !important;\n    pointer-events: none !important;\n    opacity: 0.55 !important;\n}\n\n.fade-banner-section {\n    position: relative;\n    z-index: 1 !important;\n}\n\n.fade-slide {\n    z-index: 1;\n}\n\n.fade-slide::after {\n    z-index: 2;\n}\n\n.fade-banner-content {\n    z-index: 30 !important;\n}\n\n.product-section,\n.hero-section,\n.spec-section,\nfooter {\n    position: relative;\n    z-index: 25;\n}\n\n#particleCanvas {\n    position: fixed !important;\n    top: 0;\n    left: 0;\n    width: 100vw !important;\n    height: 100vh !important;\n    z-index: 20 !important;\n    pointer-events: none !important;\n    opacity: 0.55 !important;\n}\n\n.fade-banner-section {\n    position: relative;\n    z-index: 1 !important;\n}\n\n.fade-slide {\n    z-index: 1;\n}\n\n.fade-slide::after {\n    z-index: 2;\n}\n\n.fade-banner-content {\n    z-index: 30 !important;\n}\n\n.product-section,\n.hero-section,\n.spec-section,\nfooter {\n    position: relative;\n    z-index: 25;\n}\n\n        @media (max-width: 968px) {\n            .fade-banner-content h1 { font-size: 42px; }\n            .hero-section { flex-direction: column; height: auto; padding-top: 120px; padding-bottom: 60px; gap: 40px; }\n            .hero-right { width: 100%; height: 400px; }\n            .product-top-area { flex-direction: column; align-items: flex-start; margin-bottom: 34px; }\n            .product-top-area .section-header h2 { font-size: 34px; }\n            .product-card { flex-basis: calc((100% - 30px) \/ 2); }\n            .product-all-btn { width: 100%; }\n            .product-top-actions { width: 100%; align-items: stretch; }\n            .product-latest-controls { justify-content: flex-end; }\n            #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item { flex-basis: calc((100% - var(--latest-gap)) \/ 2) !important; }\n            .vs-card-luxury { flex-direction: column; padding: 45px 30px; gap: 40px; }\n            header nav { display: none; }\n        }\n\n\n        @media (max-width: 560px) {\n            .product-section { padding: 90px 5%; }\n            .product-top-area .section-header h2 { font-size: 30px; }\n            .product-sub-copy { font-size: 14px; }\n            .product-slider-head { align-items: flex-start; gap: 18px; flex-direction: column; }\n            .product-card { flex-basis: 100%; }\n            .product-slider-controls { width: 100%; justify-content: flex-end; }\n            #kboard-wonderful-product-latest { --latest-gap: 18px; }\n            #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item { flex-basis: 100% !important; }\n            #kboard-wonderful-product-latest .kboard-wonderful-product-title { font-size: 15px !important; }\n        }\n\n\/* \uc81c\ud488 \ubaa9\ub85d: \ubbf8\ub2c8\uba40 \uce74\ud0c8\ub85c\uadf8 \uc2a4\ud0c0\uc77c *\/\n#products #kboard-wonderful-product-latest {\n    --latest-gap: 45px;\n    align-items: flex-start;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item {\n    padding: 0 0 25px !important;\n    border: 0 !important;\n    border-bottom: 1px solid #dce3eb !important;\n    border-radius: 0 !important;\n    background: transparent !important;\n    box-shadow: none !important;\n    overflow: visible;\n    transition: border-color .35s ease;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover {\n    border-color: #0052ff !important;\n    transform: none;\n    box-shadow: none;\n}\n\n\/* \uc774\ubbf8\uc9c0 *\/\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n    aspect-ratio: 3 \/ 4;\n    background: #f4f7fa !important;\n    overflow: hidden;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail img {\n    width: 100% !important;\n    height: 100% !important;\n    object-fit: contain !important;\n    transition: transform .55s ease;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover img {\n    transform: scale(1.04);\n}\n\n#products #kboard-wonderful-product-latest img[src*=\"icon-new\"],\n#products #kboard-wonderful-product-latest img[alt=\"New\"] {\n    display: none !important;\n}\n\n\/* \uc81c\ud488\uba85 *\/\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-title,\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item > a:nth-of-type(2) {\n    display: block !important;\n    margin: 22px 0 0 !important;\n    padding: 0 !important;\n    color: #0f172a !important;\n    font-family: \"Orbitron\", \"Pretendard\", sans-serif !important;\n    font-size: 17px !important;\n    font-weight: 700 !important;\n    line-height: 1.5 !important;\n    text-decoration: none !important;\n}\n\n\/* \uc81c\ud488 \uc124\uba85 *\/\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-content {\n    min-height: 45px;\n    margin: 9px 0 17px !important;\n    color: #7b8798 !important;\n    font-size: 13px !important;\n    line-height: 1.6 !important;\ndisplay:none;\n}\n#kboard-wonderful-product-latest .kboard-wonderful-product-latest-info .kboard-wonderful-product-latest-title{\nmargin-top:15px; margin-bottom:15px; font-size:16px;}\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-latest-detail-view{ color:#0052ff;}\n#kboard-wonderful-product-latest .kboard-wonderful-product-latest-info .kboard-wonderful-product-latest-detail-view{font-size:14px; font-weight: 400;}\n.kboard-wonderful-product-new-notify{display:none;}\n\n\/* \uc790\uc138\ud788\ubcf4\uae30 *\/\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item > a:last-child {\n    display: inline-flex !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    border: 0 !important;\n    color: #0052ff !important;\n    font-size: 12px !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item > a:last-child::after {\ndisplay:none;\n    margin-left: 8px;\n    content: \"\u2192\";\n    transition: transform .3s ease;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover > a:last-child::after {\n    transform: translateX(5px);\n}\n\n\/* \ubaa8\ub4e0 \uc81c\ud488 \uc774\ubbf8\uc9c0 \uc601\uc5ed \ub3d9\uc77c \ud06c\uae30 *\/\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n    width: 100% !important;\n    height: 490px !important;\n    aspect-ratio: auto !important;\n    background: #f4f7fa !important;\n    overflow: hidden;\n}\n\n\/* \uc774\ubbf8\uc9c0\uac00 \ubc15\uc2a4\ub97c \ub3d9\uc77c\ud558\uac8c \ucc44\uc6b0\ub3c4\ub85d \uc124\uc815 *\/\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail img {\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    padding: 0 !important;\n    object-fit: cover !important;\n    object-position: center !important;\n}\n\n\/* \ud0dc\ube14\ub9bf *\/\n@media (max-width: 968px) {\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 420px !important;\n    }\n}\n\n\/* \ubaa8\ubc14\uc77c *\/\n@media (max-width: 560px) {\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 460px !important;\n    }\n}\n\n\/* ===============================\n   MOBILE RESPONSIVE FIX\n   \uae30\uc874 CSS \ub9e8 \uc544\ub798 \ucd94\uac00\n================================ *\/\n\n\/* \ud0dc\ube14\ub9bf \uc774\ud558 *\/\n@media (max-width: 968px) {\n    body {\n        overflow-x: hidden;\n    }\n\n    header {\n        height: 64px;\n        padding: 0 20px;\n    }\n\n    .banner-section {\n        min-height: 100vh;\n        padding: 120px 5% 80px;\n    }\n\n    .banner-container {\n        flex-direction: column;\n        gap: 80px;\n        text-align: center;\n    }\n\n    .banner-text-area {\n        width: 100%;\n    }\n\n    .tag-premium {\n        font-size: 11px;\n        letter-spacing: 2px;\n        margin-bottom: 16px;\n    }\n\n    .banner-title {\n        font-size: 52px;\n        line-height: 1.15;\n        margin-bottom: 18px;\n        word-break: keep-all;\n    }\n\n    .banner-title span {\n        font-size: 38px;\n        line-height: 1.25;\n    }\n\n    .banner-subcopy {\n        font-size: 16px !important;\n        line-height: 1.7 !important;\n        word-break: keep-all;\n    }\n\n    .banner-image-area {\n        width: 100%;\n        min-height: 330px;\n    }\n\n    .glass-ring {\n        width: 300px;\n        height: 300px;\n    }\n\n    .hero-section {\n        width: 100%;\n        height: auto;\n        padding: 90px 5% 70px;\n        flex-direction: column;\n        gap: 36px;\n    }\n\n    .hero-left {\n        width: 100%;\n        text-align: center;\n    }\n\n    .hero-left h1 {\n        font-size: 42px;\n        line-height: 1.25 !important;\n        letter-spacing: -1px;\n    }\n\n    .hero-left p {\n        max-width: 100%;\n        font-size: 16px;\n        line-height: 1.7;\n        word-break: keep-all;\n    }\n\n    .hero-right {\n        width: 100%;\n        height: 360px;\n    }\n\n    .showcase-card {\n        padding: 34px 28px;\n        border-radius: 24px;\n    }\n\n    .card-num {\n        font-size: 40px;\n    }\n\n    .card-title {\n        font-size: 24px;\n    }\n\n    .card-desc {\n        font-size: 15px !important;\n    }\n\n    .spec-section {\n        padding: 90px 5%;\n    }\n\n    .section-header {\n        margin-bottom: 42px;\n    }\n\n    .section-header h2 {\n        font-size: 34px;\n        line-height: 1.3;\n        word-break: keep-all;\n    }\n\n    .dashboard-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n\n    .dashboard-card {\n        padding: 36px 28px;\n    }\n\n    .product-section {\n        padding: 90px 5%;\n    }\n\n    .product-top-area {\n        gap: 24px;\n    }\n\n    .product-top-area .section-header {\n        width: 100%;\n    }\n\n    .product-top-area .section-header h2 {\n        font-size: 34px;\n        line-height: 1.3;\n        word-break: keep-all;\n    }\n\n    .product-sub-copy {\n        font-size: 15px !important;\n        line-height: 1.7 !important;\n        word-break: keep-all;\n    }\n\n    .product-top-actions {\n        width: 100%;\n    }\n\n    .product-all-btn {\n        width: fit-content;\n        height: 50px;\n    }\n\n    .product-latest-controls {\n        justify-content: start;\n        top: 0;\n    }\n\n    #products #kboard-wonderful-product-latest {\n        --latest-gap: 22px;\n    }\n\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 360px !important;\n    }\n}\n\n\n\/* \ubaa8\ubc14\uc77c *\/\n@media (max-width: 560px) {\n    .floating-tag {\n        font-size: 11px;\n        padding: 7px 14px;\n        margin-bottom: 18px;\n    }\n\n    .banner-section {\n        padding: 100px 20px 60px;\n    }\n\n    .banner-title {\n        font-size: 38px;\n        line-height: 1.18;\n    }\n\n    .banner-title span {\n        font-size: 27px;\n        line-height: 1.3;\n    }\n\n    .banner-subcopy br {\n        display: none;\n    }\n\n    .banner-subcopy {\n        font-size: 14.5px !important;\n    }\n\n    .banner-image-area {\n        min-height: 260px;\n    }\n\n    .glass-ring {\n        width: 350px;\n        height: 350px;\n    }\n\n    .glow-dot {\n        width: 10px;\n        height: 10px;\n        top: 18%;\n        right: 15%;\n    }\n\n    .hero-section {\n        padding: 70px 30px 60px;\n    }\n\n    .hero-left h1 {\n        font-size: 34px;\n        line-height: 1.25 !important;\n        margin-bottom: 18px;\n    }\n\n    .hero-left p {\n        font-size: 15px;\n        margin-bottom: 24px;\n    }\n\n    .hero-right {\n        height: 330px;\n    }\n\n    .showcase-card {\n        padding: 28px 22px;\n        border-radius: 22px;\n    }\n\n    .showcase-card.next,\n    .showcase-card.prev {\n        opacity: 0;\n        transform: translateZ(-100px) translateX(0) rotateY(0deg);\n    }\n\n    .card-num {\n        font-size: 34px;\n    }\n\n    .card-title {\n        font-size: 21px;\n        line-height: 1.35;\n    }\n\n    .card-desc {\n        font-size: 15px !important; margin-bottom:30px !important;\n    }\n\n    .spec-section {\n        padding: 70px 30px;\n    }\n\n    .section-header h2 {\n        font-size: 28px;\n        letter-spacing: -0.8px;\n    }\n\n    .dashboard-card {\n        padding: 30px 22px;\n        border-radius: 20px;\n    }\n\n    .spec-title {\n        font-size: 19px;\n    }\n\n    .spec-desc {\n        font-size: 15px !important;\n    }\n\n    .product-section {\n        padding: 70px 30px;\n    }\n\n    .product-top-area .section-header h2 {\n        font-size: 28px;\n    }\n\n    .product-sub-copy {\n        font-size: 14px !important;\n    }\n\n    .product-latest-arrow {\n        width: 42px;\n        height: 42px;\n    }\n\n    #products #kboard-wonderful-product-latest {\n        --latest-gap: 18px;\n    }\n\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item {\n        flex-basis: 100% !important;\n        padding-bottom: 22px !important;\n    }\n\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 330px !important;\n    }\n\n    #kboard-wonderful-product-latest .kboard-wonderful-product-latest-info .kboard-wonderful-product-latest-title {\n        font-size: 15px;\n        margin-top: 14px;\n        margin-bottom: 10px;\n    }\n\n    #kboard-wonderful-product-latest .kboard-wonderful-product-latest-info .kboard-wonderful-product-latest-detail-view {\n        font-size: 13px;\n    }\n\n    #particleCanvas {\n        opacity: 0.25 !important;\n    }\n}\n\n\n\/* \uc544\uc8fc \uc791\uc740 \ubaa8\ubc14\uc77c *\/\n@media (max-width: 380px) {\n    .banner-title {\n        font-size: 33px;\n    }\n\n    .banner-title span {\n        font-size: 24px;\n    }\n\n    .glass-ring {\n        width: 210px;\n        height: 210px;\n    }\n\n    .hero-left h1 {\n        font-size: 30px;\n    }\n\n    .hero-right {\n        height: 310px;\n    }\n\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 290px !important;\n    }\n}\n@media (max-width: 560px) {\n    .hero-section {\n        overflow: hidden;\n    }\n\n    .hero-right {\n        height: auto !important;\n        min-height: 0 !important;\n        margin-top: 20px;\n    }\n\n    .showcase-container {\n        height: auto !important;\n        transform-style: flat !important;\n    }\n\n    .showcase-card {\n        position: relative !important;\n        width: 100% !important;\n        height: auto !important;\n        min-height: 0 !important;\n        opacity: 1 !important;\n        transform: none !important;\n        pointer-events: auto !important;\n        display: none !important;\ngap:20px;\n    }\n\n    .showcase-card.active {\n        display: flex !important;\n    }\n\n    .showcase-card.next,\n    .showcase-card.prev {\n        display: none !important;\n        opacity: 0 !important;\n        visibility: hidden !important;\n    }\n}\n<\/style>\n\n\n\n<canvas id=\"particleCanvas\"><\/canvas>\n\n<section class=\"banner-section\">\n        <div class=\"banner-container\">\n            \n            <div class=\"banner-text-area\">\n                <div class=\"tag-premium\">N Future Origin<\/div>\n                <h1 class=\"banner-title\">DRONE, AAV,<span>\ubaa8\ube4c\ub9ac\ud2f0 \ucd5c\uc801\ud654 \ubc30\ud130\ub9ac<\/span><\/h1>\n                <p class=\"banner-subcopy\">\n                    \uc5d0\ub108\uc9c0\ubc00\ub3c4 450wh\/kg\uae09 \uac00\ubcbc\uc6b4 \ubc30\ud130\ub9ac<br>\n                    CES\ud601\uc2e0\uc0c1\uc744 \uc218\uc0c1\ud55c \ud601\uc2e0\uae30\uc220 \ubc30\ud130\ub9ac\n                <\/p>\n            <\/div>\n            \n            <div class=\"banner-image-area\">\n                <div class=\"glass-ring\">\n                    <img decoding=\"async\" class=\"glass-slide active\" src=\"\/wp-content\/uploads\/2026\/09\/eb1d9053-7b09-4b30-a058-c39d8a52d50d.png\" alt=\"\uc5d4\ud4e8\uccd0 \ubc30\ud130\ub9ac \uc774\ubbf8\uc9c0 1\">\n                    <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/NEO-K2.png\" alt=\"\uc5d4\ud4e8\uccd0 \ubc30\ud130\ub9ac \uc774\ubbf8\uc9c0 2\">\n                    <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/NEO-K3.png\" alt=\"\uc5d4\ud4e8\uccd0 \ubc30\ud130\ub9ac \uc774\ubbf8\uc9c0 3\">\n                    <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"\uc5d4\ud4e8\uccd0 \ubc30\ud130\ub9ac \uc774\ubbf8\uc9c0 4\">\n                <\/div>\n                <div class=\"glow-dot\"><\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n      <section class=\"product-section\" id=\"products\">\n        <div class=\"product-top-area\">\n            <div class=\"section-header\">\n                <div class=\"floating-tag\">PRODUCT MATRIX<\/div>\n                <h2>\uc5d4\ud4e8\uccd0 \ubc30\ud130\ub9ac \uc194\ub8e8\uc158 \ub77c\uc778\uc5c5<\/h2>\n                <p class=\"product-sub-copy\">\n                    Lighter. Safer. More Powerful. More Affordable.<br>\n                    \uc720\ubb34\uc778 \ud56d\uacf5\uae30, \ubb3c\ub958\u00b7FPV\u00b7\ub18d\uc5c5\uc6a9 \ub4dc\ub860 \ub4f1\uc5d0 \uc0ac\uc6a9\ub418\ub294 \uac00\uc7a5 \uc9c4\ubcf4\ub41c \ubc30\ud130\ub9ac\n                <\/p>\n            <\/div>\n            <div class=\"product-top-actions\">\n                <a href=\"\/?page_id=107\" class=\"product-all-btn\">\uc81c\ud488 \uc804\uccb4\ubcf4\uae30 <i class=\"fa-solid fa-arrow-right-long\"><\/i><\/a>\n                <div class=\"product-latest-controls\">\n                    <button type=\"button\" class=\"product-latest-arrow product-latest-prev\" aria-label=\"\uc774\uc804 \uc81c\ud488\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n                    <button type=\"button\" class=\"product-latest-arrow product-latest-next\" aria-label=\"\ub2e4\uc74c \uc81c\ud488\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"product-slider-wrap\">\n<div id=\"kboard-wonderful-product-latest\">\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=30&mod=document\" title=\"9000mAh 22.8V 6S 80C LiPo Battery for 8-15 Inch FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97c541893de7654887-900x900.jpg\" alt=\"9000mAh 22.8V 6S 80C LiPo Battery for 8-15 Inch FPV Drone\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=30&mod=document\" title=\"9000mAh 22.8V 6S 80C LiPo Battery for 8-15 Inch FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t9000mAh 22.8V 6S 80C LiPo Battery for 8-15 Inch FPV Drone\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=29&mod=document\" title=\"High-Capacity 22.2V 8000mAh 21700 Lithium Battery Pack\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97c0963ee389127798-900x900.jpg\" alt=\"High-Capacity 22.2V 8000mAh 21700 Lithium Battery Pack\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=29&mod=document\" title=\"High-Capacity 22.2V 8000mAh 21700 Lithium Battery Pack\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tHigh-Capacity 22.2V 8000mAh 21700 Lithium Battery Pack\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=28&mod=document\" title=\"7500mAh 22.8V 6S 80C LiPo Battery for FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<div class=\"kboard-no-image\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=28&mod=document\" title=\"7500mAh 22.8V 6S 80C LiPo Battery for FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t7500mAh 22.8V 6S 80C LiPo Battery for FPV Drone\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=27&mod=document\" title=\"10000mAh 22.8V 6S 50C LiPo Battery for 8-15 Inch FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97beae711cc3242382-900x900.jpg\" alt=\"10000mAh 22.8V 6S 50C LiPo Battery for 8-15 Inch FPV Drone\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=27&mod=document\" title=\"10000mAh 22.8V 6S 50C LiPo Battery for 8-15 Inch FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t10000mAh 22.8V 6S 50C LiPo Battery for 8-15 Inch FPV Drone\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=26&mod=document\" title=\"NEO-K5\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97bdbb479f48701229-900x900.png\" alt=\"NEO-K5\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=26&mod=document\" title=\"NEO-K5\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNEO-K5\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=25&mod=document\" title=\"NEO-K4\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97bd3da63923085681-900x900.png\" alt=\"NEO-K4\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=25&mod=document\" title=\"NEO-K4\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNEO-K4\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=24&mod=document\" title=\"NEO-K3\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97bcbd4c8255366536-900x900.png\" alt=\"NEO-K3\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=24&mod=document\" title=\"NEO-K3\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNEO-K3\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=23&mod=document\" title=\"NEO-K2\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97bc3a0dd1e4940973-900x900.png\" alt=\"NEO-K2\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=23&mod=document\" title=\"NEO-K2\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNEO-K2\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=22&mod=document\" title=\"NEO-K1\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6abc61f8595d23802686-900x900.png\" alt=\"NEO-K1\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=22&mod=document\" title=\"NEO-K1\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tNEO-K1\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t\t<div class=\"kboard-wonderful-product-latest-item\">\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=20&mod=document\" title=\"8000mAh 22.2V 6S 80C Lipo Battery for FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-thumbnail\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/nfuture.kr\/wp-content\/uploads\/kboard_thumbnails\/3\/202609\/6a97aeb0ab0f15759171-900x900.jpg\" alt=\"8000mAh 22.2V 6S 80C Lipo Battery for FPV Drone\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/a>\n\t\t<a href=\"\/?page_id=107&rest_route=%2Fwp%2Fv2%2Fpages%2F24&uid=20&mod=document\" title=\"8000mAh 22.2V 6S 80C Lipo Battery for FPV Drone\">\n\t\t\t<div class=\"kboard-wonderful-product-latest-info\">\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-title kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t8000mAh 22.2V 6S 80C Lipo Battery for FPV Drone\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-content kboard-wonderful-product-cut-strings\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"kboard-wonderful-product-latest-detail-view kboard-wonderful-product-cut-strings\">\uc790\uc138\ud788\ubcf4\uae30 +<\/div>\n\t\t\t<\/div>\t\t\t\n\t\t<\/a>\n\t<\/div>\n\t<\/div>\n\n        <\/div>\n    <\/section>\n\n    <section class=\"hero-section\" id=\"hero\">\n        <div class=\"hero-left\">\n            <div class=\"floating-tag\">\n                <i class=\"fa-solid fa-trophy\"><\/i> CES 2025 INNOVATION AWARD\n            <\/div>\n            <h1>Next-Gen<br><span>Aviation Battery<\/span><br>Architecture<\/h1>\n            <p>\uc5d4\ud4e8\ucc98\ub294 \uc720\u00b7\ubb34\uc778 \ud56d\uacf5\uae30\uc640 \ucc28\uc138\ub300 \ub4dc\ub860\uc744 \uc704\ud55c \uace0\uc131\ub2a5\u00b7\ucd08\uacbd\ub7c9\u00b7\uace0\uc548\uc804 \ubc30\ud130\ub9ac \uc2dc\uc2a4\ud15c\uc744 \uc120\ub3c4\ud569\ub2c8\ub2e4. \uc5d4\ud4e8\ucc98\uc758 \ucc28\uc138\ub300 \ubc30\ud130\ub9ac \ud50c\ub7ab\ud3fc\uc740 \ubb3c\ub958\u00b7\ubc30\uc1a1 \ub4dc\ub860, FPV \ub4dc\ub860, \ub18d\uc5c5\uc6a9 \ub4dc\ub860, \uc0b0\uc5c5\uc6a9 UAV, \ubb34\uc778\ud56d\uacf5\uae30 \ubc0f \ubbf8\ub798 \uc720\u00b7\ubb34\uc778 \ud56d\uacf5 \uc2dc\uc2a4\ud15c\uc744 \uc704\ud574 \uc124\uacc4\ub429\ub2c8\ub2e4.<\/p>\n            \n            <div class=\"slider-controls\">\n                <button class=\"btn-arrow\" onclick=\"rotateShowcase(-1)\" aria-label=\"\uc774\uc804 \uc2ac\ub77c\uc774\ub4dc\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n                <button class=\"btn-arrow\" onclick=\"rotateShowcase(1)\" aria-label=\"\ub2e4\uc74c \uc2ac\ub77c\uc774\ub4dc\"><i class=\"fa-solid fa-arrow-right\"><\/i><\/button>\n            <\/div>\n        <\/div>\n\n        <div class=\"hero-right\">\n            <div class=\"showcase-container\">\n                <div class=\"showcase-card active\">\n                    <div class=\"card-num\">01<\/div>\n                    <div class=\"card-body-wrap\">\n                        <div class=\"card-title\">\uc0b0\uc5c5\uc6a9 \ub4dc\ub860 \ubc30\ud130\ub9ac\ud329<\/div>\n                        <p class=\"card-desc\">\n                            \ubc30\ud130\ub9ac \uc548\uc804\uad00\ub9ac\uc2dc\uc2a4\ud15c(SMS)\uc774 \ud3ec\ud568\ub41c \ub2e4\uc591\ud55c \uc804\uc555\ub300\uc5ed, \ub2e4\uc591\ud55c \uc6a9\ub7c9\uc758 \uc911\ub300\ud615 \ub4dc\ub860 \ubc30\ud130\ub9ac\ud329<br>\n                            \ubc30\ud130\ub9ac\uc140, \ubc30\ud130\ub9ac\ud329 \ubaa8\ub450 \ub300\ud55c\ubbfc\uad6d \uc0dd\uc0b0\n                        <\/p>\n                    <\/div>\n                    <div class=\"card-footer-tag\" style=\"color:var(--accent-blue);\">SOLUTION PACK 1<\/div>\n                <\/div>\n                <div class=\"showcase-card next\">\n                    <div class=\"card-num\">02<\/div>\n                    <div class=\"card-body-wrap\">\n                        <div class=\"card-title\">\ubbf8\ub798 \ubaa8\ube4c\ub9ac\ud2f0 \ubc30\ud130\ub9ac\ud329<\/div>\n                        <p class=\"card-desc\">AAM(\ucca8\ub2e8 \ud56d\uacf5 \ubaa8\ube4c\ub9ac\ud2f0) \ubc0f \uc804\uae30\ucd94\uc9c4 \uc120\ubc15\uc758 \uadf9\ud55c \ud658\uacbd \uae30\uccb4 \uc81c\uc5b4\ub97c \uc704\ud55c \ucd08\uc815\ubc00 \uace0\uc548\uc804\uc131 \ub3c5\uc790 \ubc30\ud130\ub9ac \uc2dc\uc2a4\ud15c \ud558\uc6b0\uc9d5.<\/p>\n                    <\/div>\n                    <div class=\"card-footer-tag\" style=\"color:var(--accent-purple);\">SOLUTION PACK 2<\/div>\n                <\/div>\n                <div class=\"showcase-card prev\">\n                    <div class=\"card-num\">03<\/div>\n                    <div class=\"card-body-wrap\">\n                        <div class=\"card-title\">\uc0ac\uc6a9 \ud6c4 \ubc30\ud130\ub9ac \ub9ac\uc720\uc988<\/div>\n                        <p class=\"card-desc\">\uc6b4\uc1a1, \ubd84\ub958, \ucda9\uc804 \ub2e8\uacc4\uc758 \ud654\uc7ac \uc704\ud5d8\uc131\uc744 100% \uc81c\uc5b4\ud558\uc5ec \uc548\uc804\uc131\uc744 \ubcf4\uc99d\ud558\uace0 \ube44\uc6a9 \ud3b8\uc775\uc744 \uadf9\ub300\ud654\ud558\ub294 \uc21c\ud658 \uc5d0\ub108\uc9c0 \ud14c\ud06c.<\/p>\n                    <\/div>\n                    <div class=\"card-footer-tag\" style=\"color:var(--accent-neon);\">SOLUTION PACK 3<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <section class=\"spec-section\" id=\"specs\">\n        <div class=\"section-header\">\n            <div class=\"floating-tag\">CORE SKILLS<\/div>\n            <h2>\uc5d4\ud4e8\ucc98 \ud558\uc774\ud14c\ud06c \uc5ed\ub7c9 \uc2a4\ud399<\/h2>\n        <\/div>\n\n        <div class=\"dashboard-grid\">\n            <div class=\"dashboard-card\">\n                <div class=\"spec-icon\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n                <div class=\"spec-title\">\uc2e4\uc2dc\uac04 \uc815\ubc00 \uc9c4\ub2e8 \uc54c\uace0\ub9ac\uc998<\/div>\n                <p class=\"spec-desc\">SOC, SOH, SOP\ubfd0\ub9cc \uc544\ub2c8\ub77c \uc140 \uac04 \uc804\uc555 \uc800\ud56d \uade0\ud615\uc778 SOB \uae30\uc220\uae4c\uc9c0 \ud0d1\uc7ac\ud558\uc5ec \uc774\uc0c1 \uc9d5\ud6c4\ub97c \uc120\uc81c \ud0c0\uaca9 \uac10\uc9c0\ud569\ub2c8\ub2e4.<\/p>\n                <div class=\"tech-progress-bar\"><div class=\"tech-progress-fill\" data-width=\"95%\"><\/div><\/div>\n            <\/div>\n            <div class=\"dashboard-card\">\n                <div class=\"spec-icon\"><i class=\"fa-solid fa-shield-cat\"><\/i><\/div>\n                <div class=\"spec-title\">BSH \uc18c\ubc29 \uc5f0\uacc4 \ud2b9\ud654 \ud558\uc6b0\uc9d5<\/div>\n                <p class=\"spec-desc\">\uc18c\uc7ac \uae30\ubc18\uc758 PCM \ubc29\ud3ed \uc124\uacc4\uc640 \uace0\ubc00\ub3c4 \uc5f4\ud574\uc11d \ucc28\uc5f4 \uad6c\uc870 \uae30\uc220\uc744 \uc9c1\uc811 \uc735\ud569\ud558\uc5ec \uc678\ubd80 \ucda9\uaca9\uacfc \ud3ed\ubc1c\uc744 \uc644\ubcbd \uc9c0\uc5f0 \ucc28\ub2e8\ud569\ub2c8\ub2e4.<\/p>\n                <div class=\"tech-progress-bar\"><div class=\"tech-progress-fill\" data-width=\"92%\"><\/div><\/div>\n            <\/div>\n            <div class=\"dashboard-card\">\n                <div class=\"spec-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\n                <div class=\"spec-title\">\ud56d\uacf5\u00b7\uc120\ubc15 \uc624\ub9ac\uc9c0\ub110 \ud2b9\ud5c8<\/div>\n                <p class=\"spec-desc\">\ud56d\uacf5\uae30\uc6a9 \ubc30\ud130\ub9ac \uc2dc\uc2a4\ud15c, \uc120\ubc15\uc6a9 BMS \uc81c\uc5b4, \uc6b8\ud2b8\ub77c\uce90\ud328\uc2dc\ud130 \ubaa8\ub4c8 \uc81c\uc870 \uc6d0\ucc9c \ud2b9\ud5c8 \ud3ec\ud2b8\ud3f4\ub9ac\uc624\ub97c \ub300\ub7c9 \ud655\ubcf4\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n                <div class=\"tech-progress-bar\"><div class=\"tech-progress-fill\" data-width=\"88%\"><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<script>\n(function () {\n    function initGlassRingSlider() {\n        const ring = document.querySelector('.glass-ring');\n        if (!ring) return;\n\n        const slides = Array.from(ring.querySelectorAll('.glass-slide'));\n        if (slides.length <= 1) return;\n\n        let currentIndex = 0;\n\n        window.setInterval(function () {\n            slides[currentIndex].classList.remove('active');\n            currentIndex = (currentIndex + 1) % slides.length;\n            slides[currentIndex].classList.add('active');\n        }, 3500);\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initGlassRingSlider);\n    } else {\n        initGlassRingSlider();\n    }\n})();\n<\/script>\n\n<script>\n(function () {\n    function initLatestProductSlider() {\n        const section = document.querySelector('#products');\n        const track = section ? section.querySelector('#kboard-wonderful-product-latest') : null;\n        const viewport = section ? section.querySelector('.product-slider-wrap') : null;\n        const prevButton = section ? section.querySelector('.product-latest-prev') : null;\n        const nextButton = section ? section.querySelector('.product-latest-next') : null;\n\n        if (!track || !viewport || !prevButton || !nextButton) return;\n\n        const items = Array.from(track.querySelectorAll('.kboard-wonderful-product-latest-item'));\n        if (!items.length) return;\n\n        let currentIndex = 0;\n        let autoTimer = null;\n\n        function getVisibleCount() {\n            if (window.innerWidth <= 560) return 1;\n            if (window.innerWidth <= 968) return 2;\n            return 4;\n        }\n\n        function getMaxIndex() {\n            return Math.max(0, items.length - getVisibleCount());\n        }\n\n        function updateSlider(animate) {\n            const maxIndex = getMaxIndex();\n            currentIndex = Math.min(Math.max(currentIndex, 0), maxIndex);\n\n            if (!animate) track.style.transition = 'none';\n\n            const firstItem = items[0];\n            const styles = window.getComputedStyle(track);\n            const gap = parseFloat(styles.columnGap || styles.gap) || 0;\n            const move = currentIndex * (firstItem.getBoundingClientRect().width + gap);\n\n            track.style.transform = 'translate3d(-' + move + 'px, 0, 0)';\n\n            if (!animate) {\n                window.requestAnimationFrame(function () {\n                    track.style.transition = '';\n                });\n            }\n        }\n\n        function moveSlider(direction) {\n            const maxIndex = getMaxIndex();\n\n            if (direction > 0) {\n                currentIndex = currentIndex >= maxIndex ? 0 : currentIndex + 1;\n            } else {\n                currentIndex = currentIndex <= 0 ? maxIndex : currentIndex - 1;\n            }\n\n            updateSlider(true);\n        }\n\n        function stopAutoPlay() {\n            if (autoTimer) {\n                window.clearInterval(autoTimer);\n                autoTimer = null;\n            }\n        }\n\n        function startAutoPlay() {\n            stopAutoPlay();\n            if (items.length <= getVisibleCount()) return;\n            autoTimer = window.setInterval(function () {\n                moveSlider(1);\n            }, 3500);\n        }\n\n        prevButton.addEventListener('click', function () {\n            moveSlider(-1);\n            startAutoPlay();\n        });\n\n        nextButton.addEventListener('click', function () {\n            moveSlider(1);\n            startAutoPlay();\n        });\n\n        viewport.addEventListener('mouseenter', stopAutoPlay);\n        viewport.addEventListener('mouseleave', startAutoPlay);\n\n        window.addEventListener('resize', function () {\n            updateSlider(false);\n            startAutoPlay();\n        });\n\n        updateSlider(false);\n        startAutoPlay();\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initLatestProductSlider);\n    } else {\n        initLatestProductSlider();\n    }\n})();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>N Future Origin DRONE, AAV,\ubaa8\ube4c\ub9ac\ud2f0 \ucd5c\uc801\ud654 \ubc30\ud130\ub9ac \uc5d0\ub108\uc9c0\ubc00\ub3c4 450wh\/kg\uae09 \uac00\ubcbc\uc6b4 \ubc30\ud130\ub9ac CES\ud601\uc2e0\uc0c1\uc744 \uc218\uc0c1\ud55c \ud601\uc2e0\uae30\uc220 \ubc30\ud130\ub9ac PRODUCT MATRIX \uc5d4\ud4e8\uccd0 \ubc30\ud130\ub9ac \uc194\ub8e8\uc158 \ub77c\uc778\uc5c5 Lighter. Safer. More Powerful. More Affordable. \uc720\ubb34\uc778 \ud56d\uacf5\uae30, \ubb3c\ub958\u00b7FPV\u00b7\ub18d\uc5c5\uc6a9 \ub4dc\ub860 \ub4f1\uc5d0 \uc0ac\uc6a9\ub418\ub294 \uac00\uc7a5 \uc9c4\ubcf4\ub41c \ubc30\ud130\ub9ac \uc81c\ud488 \uc804\uccb4\ubcf4\uae30 CES 2025 &hellip; <a href=\"https:\/\/nfuture.kr\/\">Continued<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"kt_blocks_editor_width":"","footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nfuture.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=24"}],"version-history":[{"count":118,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":577,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/24\/revisions\/577"}],"wp:attachment":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}