{"id":435,"date":"2026-06-18T16:25:08","date_gmt":"2026-06-18T07:25:08","guid":{"rendered":"https:\/\/nfuture3.mycafe24.com\/?page_id=435"},"modified":"2026-10-16T10:51:23","modified_gmt":"2026-10-16T01:51:23","slug":"home-arabic","status":"publish","type":"page","link":"https:\/\/nfuture.kr\/?page_id=435&lang=ar","title":{"rendered":"HOME &#8211; Arabic"},"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=Cairo:wght@500;700;900&#038;family=IBM+Plex+Sans+Arabic:wght@300;500;700&#038;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: 'IBM Plex Sans Arabic', 'Cairo', 'Pretendard', -apple-system, sans-serif;\n}\n\nhtml {\n    scroll-behavior: smooth;\n}\n\nbody {\n    background-color: var(--bg-main);\n    color: var(--text-main);\n    overflow-x: hidden;\n    position: relative;\n}\n\n\/* \uc544\ub78d\uc5b4 \uc804\uc6a9 RTL \ub798\ud37c: \uc790\uac04(letter-spacing)\uc73c\ub85c \uc778\ud55c \uc544\ub78d\uc5b4 \uae00\uc790 \ub04a\uae40 \ubc29\uc9c0 *\/\n.ar-rtl-wrapper {\n    direction: rtl;\n    text-align: right;\n}\n\n.ar-rtl-wrapper h1,\n.ar-rtl-wrapper h2,\n.ar-rtl-wrapper h3,\n.ar-rtl-wrapper p,\n.ar-rtl-wrapper .card-title,\n.ar-rtl-wrapper .spec-title,\n.ar-rtl-wrapper .product-all-btn {\n    letter-spacing: 0 !important;\n}\n\n\/* \uc778\ud130\ub799\ud2f0\ube0c \ubc30\uacbd\uc6a9 Canvas *\/\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\/* --- 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-family: 'Orbitron', sans-serif;\n    font-size: 13px;\n    font-weight: 700;\n    color: var(--accent-blue);\n    margin-bottom: 25px;\n    letter-spacing: 0.5px;\n    direction: ltr;\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 70px;\n}\n\n.section-header h2 {\n    font-size: clamp(30px, 3.2vw, 44px);\n    font-weight: 900;\n    line-height: 1.35;\n    margin-top: 10px;\n    color: var(--text-main);\n}\n\n\/* --- [SECTION 1] TOP BANNER (\uc544\ub78d\uc5b4 \ucd5c\uc801\ud654) --- *\/\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: 120px 8% 80px;\n    overflow: hidden;\n}\n\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    left: -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    gap: 50px;\n    position: relative;\n    z-index: 2;\n}\n\n.banner-text-area {\n    flex: 1.15;\n    max-width: 720px;\n}\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    direction: ltr;\n}\n\n.banner-title {\n    font-size: clamp(38px, 4.2vw, 64px);\n    font-weight: 900;\n    line-height: 1.35;\n    color: #0f172a;\n    margin-bottom: 24px;\n}\n\n.banner-title span {\n    font-weight: 900;\n    display: block;\n    font-size: clamp(34px, 3.8vw, 56px);\n    line-height: 1.4;\n    margin-top: 6px;\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.banner-subcopy {\n    font-size: 20px !important;\n    color: #475569;\n    line-height: 1.9 !important;\n    font-weight: 500;\n}\n\n.banner-image-area {\n    flex: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    min-height: 460px;\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 .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.glow-dot {\n    position: absolute;\n    width: 15px;\n    height: 15px;\n    background: #00f0ff;\n    border-radius: 50%;\n    top: 25%;\n    left: 16%;\n    box-shadow: 0 0 15px #00f0ff;\n    z-index: 2;\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\/* --- [SECTION 2] PRODUCT SOLUTIONS --- *\/\n.product-section {\n    position: relative;\n    padding: 140px 5%;\n    z-index: 25;\n    background: #ffffff;\n    overflow: hidden;\n}\n\n.product-section::before {\n    content: '';\n    position: absolute;\n    top: -140px;\n    left: -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    right: -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: right;\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: 720px;\n    font-size: 18px !important;\n    color: #64748b;\n    line-height: 1.8 !important;\n}\n\n.product-sub-copy strong {\n    display: block;\n    color: var(--text-main);\n    font-weight: 700;\n    margin-bottom: 4px;\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: 190px;\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    box-shadow: 0 15px 30px rgba(0, 82, 200, 0.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);\n    color: #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;\n    position: relative;\n    top: 10px;\n    direction: ltr;\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\/* \uc2ac\ub77c\uc774\ub354 \ud2b8\ub799\uc740 JS \uc774\ub3d9 \uacc4\uc0b0 \ud638\ud658\uc744 \uc704\ud574 ltr\ub85c \uc720\uc9c0\ud558\uace0 \uce74\ub4dc \ub0b4\ubd80\ub9cc rtl \uc801\uc6a9 *\/\n.product-slider-wrap {\n    max-width: 1600px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 3;\n    overflow: hidden;\n    direction: ltr;\n}\n\n#kboard-wonderful-product-latest {\n    --latest-gap: 45px;\n    display: flex !important;\n    flex-wrap: nowrap !important;\n    align-items: flex-start;\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#products #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 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    direction: rtl;\n    text-align: right;\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#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n    position: relative !important;\n    float: none !important;\n    width: 100% !important;\n    height: 490px !important;\n    aspect-ratio: auto !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    background: #f4f7fa !important;\n    overflow: hidden;\n}\n\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    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.kboard-wonderful-product-new-notify {\n    display: none !important;\n}\n\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    position: relative;\n    display: block !important;\n    width: 100% !important;\n    margin: 22px 0 0 !important;\n    padding: 0 0 13px !important;\n    color: #0f172a !important;\n    font-family: 'IBM Plex Sans Arabic', 'Orbitron', 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    transition: color 0.3s ease;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-title::after {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    left: auto;\n    width: 32px;\n    height: 2px;\n    background: var(--accent-blue);\n    content: \"\";\n    transition: width 0.4s ease;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-title {\n    color: var(--accent-blue) !important;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-title::after {\n    width: 100%;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-content {\n    display: none;\n}\n\n#kboard-wonderful-product-latest .kboard-wonderful-product-latest-info .kboard-wonderful-product-latest-title {\n    margin-top: 15px;\n    margin-bottom: 15px;\n    font-size: 16px;\n}\n\n#products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item:hover .kboard-wonderful-product-latest-detail-view {\n    color: #0052ff;\n}\n\n#kboard-wonderful-product-latest .kboard-wonderful-product-latest-info .kboard-wonderful-product-latest-detail-view {\n    font-size: 14px;\n    font-weight: 500;\n}\n\n\/* --- [SECTION 3] ASYMMETRIC 3D HERO SHOWCASE --- *\/\n.hero-section {\n    position: relative;\n    min-height: 100vh;\n    display: flex;\n    align-items: center;\n    padding: 120px 5%;\n    z-index: 25;\n    gap: 5%;\n    max-width: 1600px;\n    margin: 0 auto;\n}\n\n.hero-left {\n    flex: 1.2;\n}\n\n.hero-left h1 {\n    font-size: clamp(38px, 4vw, 56px);\n    font-weight: 900;\n    line-height: 1.35 !important;\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: 20px;\n    line-height: 1.85;\n    max-width: 620px;\n}\n\n.slider-controls {\n    display: flex;\n    gap: 15px;\n    margin-top: 25px;\n    direction: ltr;\n    justify-content: flex-end;\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.85;\n    height: 500px;\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: 42px;\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\n.showcase-card.next {\n    opacity: 0.4;\n    transform: translateZ(-150px) translateX(-45%) rotateY(20deg);\n}\n\n.showcase-card.prev {\n    opacity: 0.4;\n    transform: translateZ(-150px) translateX(45%) rotateY(-20deg);\n}\n\n.card-num {\n    font-family: 'Orbitron', sans-serif;\n    font-size: 48px;\n    font-weight: 900;\n    color: rgba(0, 82, 255, 0.15);\n    line-height: 1;\n    direction: ltr;\n    text-align: right;\n}\n\n.card-title {\n    font-size: 25px;\n    font-weight: 800;\n    margin-bottom: 18px;\n    line-height: 1.4;\n    color: var(--text-main);\n}\n\n.card-desc {\n    font-size: 17px !important;\n    color: #64748b;\n    line-height: 1.75 !important;\n}\n\n.card-desc strong {\n    display: inline-block;\n    margin-top: 10px;\n    color: var(--text-main);\n    font-weight: 700;\n}\n\n.card-footer-tag {\n    font-family: 'Orbitron', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    direction: ltr;\n    text-align: right;\n}\n\n\/* --- [SECTION 4] TECHNICAL DASHBOARD SPEC --- *\/\n.spec-section {\n    position: relative;\n    padding: 140px 5%;\n    z-index: 25;\n    background: rgba(248, 250, 252, 0.6);\n}\n\n.dashboard-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 40px;\n    max-width: 1600px;\n    margin: 0 auto;\n    align-items: stretch;\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: 48px 38px;\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    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\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;\n    right: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(270deg, 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    line-height: 1.4;\n    margin-bottom: 14px;\n}\n\n.spec-desc {\n    font-size: 16.5px !important;\n    color: #64748b;\n    line-height: 1.8 !important;\n    margin-bottom: 25px;\n}\n\n.tech-progress-bar {\n    width: 100%;\n    height: 6px;\n    background: #e2e8f0;\n    border-radius: 10px;\n    margin-top: auto;\n    overflow: hidden;\n}\n\n.tech-progress-fill {\n    height: 100%;\n    background: linear-gradient(270deg, var(--accent-blue), var(--accent-cyan));\n    width: 0;\n    transition: width 2s ease-out;\n}\n\n\/* ===============================\n   MOBILE & TABLET RESPONSIVE\n================================ *\/\n@media (max-width: 1024px) {\n    .banner-section {\n        padding: 120px 5% 80px;\n    }\n    .banner-container {\n        flex-direction: column;\n        text-align: center;\n        gap: 70px;\n    }\n    .banner-text-area {\n        max-width: 100%;\n    }\n    .glass-ring {\n        width: 320px;\n        height: 320px;\n    }\n}\n\n@media (max-width: 968px) {\n    .banner-title {\n        font-size: 42px;\n    }\n    .banner-title span {\n        font-size: 36px;\n    }\n    .banner-subcopy {\n        font-size: 17px !important;\n    }\n    .banner-image-area {\n        width: 100%;\n        min-height: 330px;\n    }\n    .hero-section {\n        width: 100%;\n        min-height: auto;\n        padding: 90px 5% 70px;\n        flex-direction: column;\n        gap: 42px;\n    }\n    .hero-left {\n        width: 100%;\n        text-align: center;\n    }\n    .hero-left p {\n        max-width: 100%;\n        font-size: 16.5px;\n    }\n    .slider-controls {\n        justify-content: center;\n    }\n    .hero-right {\n        width: 100%;\n        height: 400px;\n    }\n    .product-top-area {\n        flex-direction: column;\n        align-items: flex-start;\n        margin-bottom: 34px;\n        gap: 24px;\n    }\n    .product-top-actions {\n        width: 100%;\n        align-items: flex-start;\n    }\n    .product-latest-controls {\n        justify-content: flex-start;\n        top: 0;\n    }\n    #products #kboard-wonderful-product-latest {\n        --latest-gap: 22px;\n    }\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item {\n        flex-basis: calc((100% - var(--latest-gap)) \/ 2) !important;\n    }\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 360px !important;\n    }\n    .dashboard-grid {\n        grid-template-columns: 1fr;\n        gap: 24px;\n    }\n}\n\n@media (max-width: 560px) {\n    .floating-tag {\n        font-size: 11px;\n        padding: 7px 14px;\n        margin-bottom: 18px;\n    }\n    .banner-section {\n        padding: 100px 20px 60px;\n    }\n    .banner-title {\n        font-size: 32px;\n        line-height: 1.3;\n    }\n    .banner-title span {\n        font-size: 26px;\n        line-height: 1.35;\n    }\n    .banner-subcopy br {\n        display: none;\n    }\n    .banner-subcopy {\n        font-size: 15px !important;\n    }\n    .glass-ring {\n        width: 300px;\n        height: 300px;\n    }\n    .hero-section {\n        padding: 70px 24px 60px;\n        overflow: hidden;\n    }\n    .hero-left h1 {\n        font-size: 32px;\n    }\n    .hero-left p {\n        font-size: 15px;\n    }\n    .hero-right {\n        height: auto !important;\n        min-height: 0 !important;\n        margin-top: 20px;\n    }\n    .showcase-container {\n        height: auto !important;\n        transform-style: flat !important;\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;\n        padding: 28px 22px;\n        border-radius: 22px;\n        gap: 20px;\n    }\n    .showcase-card.active {\n        display: flex !important;\n    }\n    .showcase-card.next,\n    .showcase-card.prev {\n        display: none !important;\n        opacity: 0 !important;\n        visibility: hidden !important;\n    }\n    .card-num {\n        font-size: 34px;\n    }\n    .card-title {\n        font-size: 20px;\n    }\n    .card-desc {\n        font-size: 15px !important;\n        margin-bottom: 15px !important;\n    }\n    .spec-section,\n    .product-section {\n        padding: 70px 24px;\n    }\n    .section-header h2,\n    .product-top-area .section-header h2 {\n        font-size: 26px;\n    }\n    .dashboard-card {\n        padding: 30px 22px;\n        border-radius: 20px;\n    }\n    .spec-title {\n        font-size: 19px;\n    }\n    .spec-desc {\n        font-size: 15px !important;\n    }\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-item {\n        flex-basis: 100% !important;\n        padding-bottom: 22px !important;\n    }\n    #products #kboard-wonderful-product-latest .kboard-wonderful-product-latest-thumbnail {\n        height: 330px !important;\n    }\n    #particleCanvas {\n        opacity: 0.25 !important;\n    }\n}\n<\/style>\n\n<canvas id=\"particleCanvas\"><\/canvas>\n\n<div class=\"ar-rtl-wrapper\">\n\n    <!-- [SECTION 1] TOP BANNER -->\n    <section class=\"banner-section\">\n        <div class=\"banner-container\">\n            <div class=\"banner-text-area\">\n                <div class=\"tag-premium\">N Future Origin<\/div>\n                <h1 class=\"banner-title\">\n                    \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0645\u064f\u062d\u0633\u0651\u0646\u0629 \u0644\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629\n                    <span>\u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u062a\u0646\u0642\u0651\u0644<\/span>\n                <\/h1>\n                <p class=\"banner-subcopy\">\n                    \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u062e\u0641\u064a\u0641\u0629 \u0627\u0644\u0648\u0632\u0646 \u0628\u0643\u062b\u0627\u0641\u0629 \u0637\u0627\u0642\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 450 \u0648\u0627\u0637 \u0633\u0627\u0639\u0629\/\u0643\u062c\u0645<br>\n                    \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0628\u062a\u0642\u0646\u064a\u0627\u062a \u0645\u0628\u062a\u0643\u0631\u0629 \u062d\u0627\u0626\u0632\u0629 \u0639\u0644\u0649 \u062c\u0627\u0626\u0632\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0645\u0646 CES\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=\"N FUTURE Battery 1\">\n                    <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/NEO-K2.png\" alt=\"N FUTURE Battery 2\">\n                    <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/NEO-K3.png\" alt=\"N FUTURE Battery 3\">\n                    <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"N FUTURE Battery 4\">\n                <\/div>\n                <div class=\"glow-dot\"><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- [SECTION 2] PRODUCT SOLUTIONS -->\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>\u0645\u062c\u0645\u0648\u0639\u0629 \u062d\u0644\u0648\u0644 \u0628\u0637\u0627\u0631\u064a\u0627\u062a N FUTURE<\/h2>\n                <p class=\"product-sub-copy\">\n                    <strong>\u0623\u062e\u0641 \u0648\u0632\u0646\u064b\u0627. \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u064b\u0627. \u0623\u0642\u0648\u0649 \u0623\u062f\u0627\u0621\u064b. \u0648\u0623\u0643\u062b\u0631 \u062a\u0648\u0641\u064a\u0631\u064b\u0627.<\/strong>\n                    \u062a\u0642\u0646\u064a\u0627\u062a \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0645\u062a\u0637\u0648\u0631\u0629 \u0644\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629\u060c \u0648\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629\u060c \u0648\u0637\u0627\u0626\u0631\u0627\u062a FPV\u060c \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629\u060c \u0648\u063a\u064a\u0631\u0647\u0627.\n                <\/p>\n            <\/div>\n            <div class=\"product-top-actions\">\n                <a href=\"\/?page_id=107\" class=\"product-all-btn\">\u0639\u0631\u0636 \u062c\u0645\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a <i class=\"fa-solid fa-arrow-left-long\"><\/i><\/a>\n                <div class=\"product-latest-controls\">\n                    <button type=\"button\" class=\"product-latest-arrow product-latest-prev\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n                    <button type=\"button\" class=\"product-latest-arrow product-latest-next\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\"><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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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%2F435&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 3] HERO SHOWCASE -->\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>\u0628\u0646\u064a\u0629 <span>\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0637\u064a\u0631\u0627\u0646<\/span><br>\u0645\u0646 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645<\/h1>\n            <p>\u062a\u062a\u0628\u0648\u0623 N FUTURE \u0645\u0643\u0627\u0646\u0629 \u0631\u0627\u0626\u062f\u0629 \u0641\u064a \u062a\u0637\u0648\u064a\u0631 \u0623\u0646\u0638\u0645\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u062f\u0627\u0621 \u0648\u062e\u0641\u064a\u0641\u0629 \u0627\u0644\u0648\u0632\u0646 \u0644\u0644\u063a\u0627\u064a\u0629 \u0648\u0645\u0635\u0645\u0645\u0629 \u0644\u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0633\u0644\u0627\u0645\u0629\u060c \u0644\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629 \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629 \u0645\u0646 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645.<\/p>\n            <p>\u0635\u064f\u0645\u0651\u0645\u062a \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0645\u0646 \u0627\u0644\u062c\u064a\u0644 \u0627\u0644\u0642\u0627\u062f\u0645 \u0644\u062f\u0649 N FUTURE \u0644\u062a\u0644\u0628\u064a\u0629 \u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0627\u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a\u060c \u0628\u0645\u0627 \u0641\u064a \u0630\u0644\u0643 \u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0644\u0648\u062c\u0633\u062a\u064a\u0629 \u0648\u0627\u0644\u062a\u0648\u0635\u064a\u0644\u060c \u0648\u0637\u0627\u0626\u0631\u0627\u062a FPV\u060c \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0632\u0631\u0627\u0639\u064a\u0629 \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629\u060c \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629 (UAV)\u060c \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0637\u064a\u0631\u0627\u0646 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a\u0629 \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629 \u0648\u063a\u064a\u0631 \u0627\u0644\u0645\u0623\u0647\u0648\u0644\u0629.<\/p>\n\n            <div class=\"slider-controls\">\n                <button class=\"btn-arrow\" onclick=\"rotateShowcase(-1)\" aria-label=\"\u0627\u0644\u0633\u0627\u0628\u0642\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n                <button class=\"btn-arrow\" onclick=\"rotateShowcase(1)\" aria-label=\"\u0627\u0644\u062a\u0627\u0644\u064a\"><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\">\u062d\u0632\u0645 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0644\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u064a\u0629<\/div>\n                        <p class=\"card-desc\">\n                            \u062d\u0632\u0645 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0644\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629 \u0645\u062a\u0648\u0633\u0637\u0629 \u0648\u0643\u0628\u064a\u0631\u0629 \u0627\u0644\u0633\u0639\u0629\u060c \u0645\u062a\u0648\u0641\u0631\u0629 \u0628\u0645\u062c\u0645\u0648\u0639\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0645\u0633\u062a\u0648\u064a\u0627\u062a \u0627\u0644\u062c\u0647\u062f \u0648\u0627\u0644\u0633\u0639\u0627\u062a\u060c \u0648\u0645\u0632\u0648\u0651\u062f\u0629 \u0628\u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 (SMS).<br>\n                            <strong>\u062a\u064f\u0635\u0646\u0651\u0639 \u062e\u0644\u0627\u064a\u0627 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0648\u062d\u0632\u0645 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0641\u064a \u0643\u0648\u0631\u064a\u0627 \u0627\u0644\u062c\u0646\u0648\u0628\u064a\u0629.<\/strong>\n                        <\/p>\n                    <\/div>\n                    <div class=\"card-footer-tag\" style=\"color:var(--accent-blue);\">SOLUTION PACK 1<\/div>\n                <\/div>\n\n                <div class=\"showcase-card next\">\n                    <div class=\"card-num\">02<\/div>\n                    <div class=\"card-body-wrap\">\n                        <div class=\"card-title\">\u062d\u0632\u0645 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0644\u0644\u062a\u0646\u0642\u0651\u0644 \u0627\u0644\u0645\u0633\u062a\u0642\u0628\u0644\u064a<\/div>\n                        <p class=\"card-desc\">\n                            \u0647\u064a\u0627\u0643\u0644 \u062e\u0627\u0635\u0629 \u0644\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a\u060c \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u062f\u0642\u0629 \u0648\u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u0623\u0645\u0627\u0646\u060c \u0645\u0635\u0645\u0645\u0629 \u0644\u0636\u0645\u0627\u0646 \u0627\u0644\u062a\u062d\u0643\u0645 \u0627\u0644\u0645\u0648\u062b\u0648\u0642 \u0641\u064a \u0627\u0644\u0645\u0631\u0643\u0628\u0627\u062a \u0636\u0645\u0646 \u0627\u0644\u0628\u064a\u0626\u0627\u062a \u0627\u0644\u0642\u0627\u0633\u064a\u0629\u060c \u0648\u0645\u062e\u0635\u0635\u0629 \u0644\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u062a\u0646\u0642\u0651\u0644 \u0627\u0644\u062c\u0648\u064a \u0627\u0644\u0645\u062a\u0642\u062f\u0645 (AAM) \u0648\u0627\u0644\u0633\u0641\u0646 \u0630\u0627\u062a \u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062f\u0641\u0639 \u0627\u0644\u0643\u0647\u0631\u0628\u0627\u0626\u064a.\n                        <\/p>\n                    <\/div>\n                    <div class=\"card-footer-tag\" style=\"color:var(--accent-purple);\">SOLUTION PACK 2<\/div>\n                <\/div>\n\n                <div class=\"showcase-card prev\">\n                    <div class=\"card-num\">03<\/div>\n                    <div class=\"card-body-wrap\">\n                        <div class=\"card-title\">\u0625\u0639\u0627\u062f\u0629 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0628\u0639\u062f \u0627\u0646\u062a\u0647\u0627\u0621 \u0639\u0645\u0631\u0647\u0627 \u0627\u0644\u0623\u0648\u0644<\/div>\n                        <p class=\"card-desc\">\n                            \u062a\u0642\u0646\u064a\u0629 \u0644\u0644\u0637\u0627\u0642\u0629 \u0627\u0644\u062f\u0627\u0626\u0631\u064a\u0629 \u062a\u0647\u062f\u0641 \u0625\u0644\u0649 \u062a\u0639\u0632\u064a\u0632 \u0627\u0644\u0643\u0641\u0627\u0621\u0629 \u0627\u0644\u0627\u0642\u062a\u0635\u0627\u062f\u064a\u0629 \u0648\u0636\u0645\u0627\u0646 \u0627\u0644\u0633\u0644\u0627\u0645\u0629 \u0645\u0646 \u062e\u0644\u0627\u0644 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0645\u062e\u0627\u0637\u0631 \u0627\u0644\u062d\u0631\u0627\u0626\u0642 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u062d\u0644 \u0627\u0644\u0646\u0642\u0644 \u0648\u0627\u0644\u0641\u0631\u0632 \u0648\u0627\u0644\u0634\u062d\u0646.\n                        <\/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    <!-- [SECTION 4] TECHNICAL DASHBOARD SPEC -->\n    <section class=\"spec-section\" id=\"specs\">\n        <div class=\"section-header\">\n            <div class=\"floating-tag\">CORE SKILLS<\/div>\n            <h2>\u0642\u062f\u0631\u0627\u062a N FUTURE \u0627\u0644\u062a\u0642\u0646\u064a\u0629 \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0635\u0641\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629<\/h2>\n        <\/div>\n\n        <div class=\"dashboard-grid\">\n            <div class=\"dashboard-card\">\n                <div>\n                    <div class=\"spec-icon\"><i class=\"fa-solid fa-microchip\"><\/i><\/div>\n                    <div class=\"spec-title\">\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629 \u0627\u0644\u062a\u0634\u062e\u064a\u0635 \u0627\u0644\u062f\u0642\u064a\u0642 \u0641\u064a \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0641\u0639\u0644\u064a<\/div>\n                    <p class=\"spec-desc\">\u0628\u0641\u0636\u0644 \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0645\u0631\u0627\u0642\u0628\u0629 \u062d\u0627\u0644\u0629 \u0627\u0644\u0634\u062d\u0646 (SOC)\u060c \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0635\u062d\u0629 (SOH)\u060c \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u0642\u062f\u0631\u0629 (SOP)\u060c \u0648\u062d\u0627\u0644\u0629 \u0627\u0644\u062a\u0648\u0627\u0632\u0646 (SOB)\u060c \u064a\u0643\u062a\u0634\u0641 \u0646\u0638\u0627\u0645\u0646\u0627 \u0627\u0644\u0645\u0624\u0634\u0631\u0627\u062a \u063a\u064a\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0628\u0634\u0643\u0644 \u0627\u0633\u062a\u0628\u0627\u0642\u064a \u0645\u0646 \u062e\u0644\u0627\u0644 \u0645\u0631\u0627\u0642\u0628\u0629 \u062c\u0647\u062f \u0627\u0644\u062e\u0644\u0627\u064a\u0627 \u0648\u0645\u0642\u0627\u0648\u0645\u062a\u0647\u0627 \u0648\u0645\u062f\u0649 \u062a\u0648\u0627\u0632\u0646\u0647\u0627.<\/p>\n                <\/div>\n                <div class=\"tech-progress-bar\"><div class=\"tech-progress-fill\" data-width=\"95%\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"dashboard-card\">\n                <div>\n                    <div class=\"spec-icon\"><i class=\"fa-solid fa-shield-cat\"><\/i><\/div>\n                    <div class=\"spec-title\">\u0647\u064a\u0643\u0644 \u0645\u062a\u062e\u0635\u0635 \u0645\u062a\u0643\u0627\u0645\u0644 \u0645\u0639 \u0646\u0638\u0627\u0645 \u0625\u062e\u0645\u0627\u062f \u0627\u0644\u062d\u0631\u0627\u0626\u0642 (BSH)<\/div>\n                    <p class=\"spec-desc\">\u0645\u0646 \u062e\u0644\u0627\u0644 \u062f\u0645\u062c \u062a\u0635\u0645\u064a\u0645 \u0645\u0642\u0627\u0648\u0645 \u0644\u0644\u0627\u0646\u0641\u062c\u0627\u0631 \u064a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u062f \u0628\u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u062a\u0642\u0646\u064a\u0629 PCM\u060c \u0645\u0639 \u062a\u0642\u0646\u064a\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0644\u0644\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0648\u0627\u0644\u0639\u0632\u0644 \u0627\u0644\u062d\u0631\u0627\u0631\u064a \u0627\u0644\u0647\u064a\u0643\u0644\u064a\u060c \u062a\u0645 \u062a\u0635\u0645\u064a\u0645 \u0647\u064a\u0643\u0644\u0646\u0627 \u0627\u0644\u062e\u0627\u0635 \u0644\u0644\u062d\u062f \u0645\u0646 \u062a\u0623\u062b\u064a\u0631 \u0627\u0644\u0635\u062f\u0645\u0627\u062a \u0627\u0644\u062e\u0627\u0631\u062c\u064a\u0629 \u0648\u062a\u0623\u062e\u064a\u0631 \u0627\u0646\u062a\u0634\u0627\u0631 \u0627\u0644\u0627\u0646\u0641\u062c\u0627\u0631\u0627\u062a \u0648\u0627\u062d\u062a\u0648\u0627\u0626\u0647\u0627.<\/p>\n                <\/div>\n                <div class=\"tech-progress-bar\"><div class=\"tech-progress-fill\" data-width=\"92%\"><\/div><\/div>\n            <\/div>\n\n            <div class=\"dashboard-card\">\n                <div>\n                    <div class=\"spec-icon\"><i class=\"fa-solid fa-file-signature\"><\/i><\/div>\n                    <div class=\"spec-title\">\u0628\u0631\u0627\u0621\u0627\u062a \u0627\u062e\u062a\u0631\u0627\u0639 \u062e\u0627\u0635\u0629 \u0628\u062a\u0637\u0628\u064a\u0642\u0627\u062a \u0627\u0644\u0637\u064a\u0631\u0627\u0646 \u0648\u0627\u0644\u0642\u0637\u0627\u0639 \u0627\u0644\u0628\u062d\u0631\u064a<\/div>\n                    <p class=\"spec-desc\">\u0646\u062c\u062d\u062a N FUTURE \u0641\u064a \u0628\u0646\u0627\u0621 \u0645\u062d\u0641\u0638\u0629 \u0648\u0627\u0633\u0639\u0629 \u0645\u0646 \u0628\u0631\u0627\u0621\u0627\u062a \u0627\u0644\u0627\u062e\u062a\u0631\u0627\u0639 \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0627\u0644\u062a\u064a \u062a\u063a\u0637\u064a \u0623\u0646\u0638\u0645\u0629 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u062d\u0643\u0645 \u0641\u064a \u0623\u0646\u0638\u0645\u0629 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0628\u0637\u0627\u0631\u064a\u0627\u062a (BMS) \u0644\u0644\u0633\u0641\u0646\u060c \u0648\u062a\u0635\u0646\u064a\u0639 \u0648\u062d\u062f\u0627\u062a \u0627\u0644\u0645\u0643\u062b\u0641\u0627\u062a \u0641\u0627\u0626\u0642\u0629 \u0627\u0644\u0633\u0639\u0629.<\/p>\n                <\/div>\n                <div class=\"tech-progress-bar\"><div class=\"tech-progress-fill\" data-width=\"88%\"><\/div><\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n\/* 1. \uc0c1\ub2e8 \ubc30\ub108 \uc6d0\ud615 \uc2ac\ub77c\uc774\ub4dc *\/\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\n\/* 2. KBoard \uc81c\ud488 \uc2ac\ub77c\uc774\ub354 &#038; \ud55c\uae00 '\uc790\uc138\ud788\ubcf4\uae30' \uc544\ub78d\uc5b4 \ubcc0\ud658 *\/\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        \/\/ KBoard \uae30\ubcf8 '\uc790\uc138\ud788\ubcf4\uae30' \ud14d\uc2a4\ud2b8\ub97c \uc544\ub78d\uc5b4 '\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644'\ub85c \uc790\ub3d9 \ubcc0\ud658\n        const detailLinks = track.querySelectorAll('.kboard-wonderful-product-latest-detail-view');\n        detailLinks.forEach(function (el) {\n            if (el.textContent.includes('\uc790\uc138\ud788')) {\n                el.textContent = '\u0639\u0631\u0636 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u2190';\n            }\n        });\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\n\/* 3. 3D \uc1fc\ucf00\uc774\uc2a4 \uce74\ub4dc \ud68c\uc804 &#038; \ud558\ub2e8 \uc2a4\ud399 \uac8c\uc774\uc9c0 \ubc14 \uc560\ub2c8\uba54\uc774\uc158 *\/\n(function () {\n    let showcaseIndex = 0;\n\n    window.rotateShowcase = function (dir) {\n        const cards = document.querySelectorAll('.showcase-card');\n        if (!cards.length) return;\n\n        showcaseIndex = (showcaseIndex + dir + cards.length) % cards.length;\n\n        cards.forEach(function (card, i) {\n            card.classList.remove('active', 'next', 'prev');\n            if (i === showcaseIndex) {\n                card.classList.add('active');\n            } else if (i === (showcaseIndex + 1) % cards.length) {\n                card.classList.add('next');\n            } else {\n                card.classList.add('prev');\n            }\n        });\n    };\n\n    function initSpecsAndShowcase() {\n        window.setInterval(function () {\n            window.rotateShowcase(1);\n        }, 5000);\n\n        const fills = document.querySelectorAll('.tech-progress-fill');\n        fills.forEach(function (bar) {\n            const targetWidth = bar.getAttribute('data-width');\n            if (targetWidth) {\n                setTimeout(function () {\n                    bar.style.width = targetWidth;\n                }, 400);\n            }\n        });\n    }\n\n    if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initSpecsAndShowcase);\n    } else {\n        initSpecsAndShowcase();\n    }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>N Future Origin \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0645\u064f\u062d\u0633\u0651\u0646\u0629 \u0644\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u0633\u064a\u0651\u0631\u0629 \u0648\u0627\u0644\u0637\u0627\u0626\u0631\u0627\u062a \u0627\u0644\u0645\u062a\u0642\u062f\u0645\u0629 \u0648\u0627\u0644\u062a\u0646\u0642\u0651\u0644 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u062e\u0641\u064a\u0641\u0629 \u0627\u0644\u0648\u0632\u0646 \u0628\u0643\u062b\u0627\u0641\u0629 \u0637\u0627\u0642\u0629 \u062a\u0635\u0644 \u0625\u0644\u0649 450 \u0648\u0627\u0637 \u0633\u0627\u0639\u0629\/\u0643\u062c\u0645 \u0628\u0637\u0627\u0631\u064a\u0627\u062a \u0628\u062a\u0642\u0646\u064a\u0627\u062a \u0645\u0628\u062a\u0643\u0631\u0629 \u062d\u0627\u0626\u0632\u0629 \u0639\u0644\u0649 \u062c\u0627\u0626\u0632\u0629 \u0627\u0644\u0627\u0628\u062a\u0643\u0627\u0631 \u0645\u0646 CES PRODUCT MATRIX \u0645\u062c\u0645\u0648\u0639\u0629 \u062d\u0644\u0648\u0644 \u0628\u0637\u0627\u0631\u064a\u0627\u062a N FUTURE \u0623\u062e\u0641 \u0648\u0632\u0646\u064b\u0627. \u0623\u0643\u062b\u0631 \u0623\u0645\u0627\u0646\u064b\u0627. &hellip; <a href=\"https:\/\/nfuture.kr\/?page_id=435&#038;lang=ar\">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-435","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/435","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=435"}],"version-history":[{"count":2,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/435\/revisions"}],"predecessor-version":[{"id":595,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/435\/revisions\/595"}],"wp:attachment":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=435"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}