{"id":433,"date":"2026-06-18T16:24:24","date_gmt":"2026-06-18T07:24:24","guid":{"rendered":"https:\/\/nfuture3.mycafe24.com\/?page_id=433"},"modified":"2026-10-16T10:11:30","modified_gmt":"2026-10-16T01:11:30","slug":"home-english-2","status":"publish","type":"page","link":"https:\/\/nfuture.kr\/?page_id=433&lang=en","title":{"rendered":"HOME &#8211; English"},"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, BlinkMacSystemFont, 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\/* \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-size: 13px;\n    font-weight: 700;\n    color: var(--accent-blue);\n    margin-bottom: 22px;\n    letter-spacing: 0.5px;\n}\n\n.section-header {\n    text-align: center;\n    margin-bottom: 65px;\n}\n\n.section-header h2 {\n    font-size: clamp(28px, 3vw, 42px);\n    font-weight: 900;\n    letter-spacing: -1px;\n    line-height: 1.25;\n    margin-top: 10px;\n    color: var(--text-main);\n    max-width: 960px;\n    margin-left: auto;\n    margin-right: auto;\n}\n\n\/* --- [SECTION 1] TOP BANNER (\uc601\ubb38 \uae38\uc774 \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    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    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}\n\n.banner-title {\n    font-size: clamp(36px, 3.8vw, 58px);\n    font-weight: 800;\n    line-height: 1.18;\n    color: #0f172a;\n    letter-spacing: -1px;\n    margin-bottom: 28px;\n}\n\n.banner-title span {\n    font-weight: 900;\n    display: block;\n    font-size: clamp(32px, 3.4vw, 52px);\n    line-height: 1.22;\n    margin-top: 8px;\n    letter-spacing: -0.5px;\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: 19px !important;\n    color: #475569;\n    line-height: 1.75 !important;\n    font-weight: 400;\n}\n\n.banner-subcopy span.sub-line {\n    display: block;\n    margin-bottom: 6px;\n}\n\n.banner-image-area {\n    flex: 0.95;\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: 20%;\n    right: 14%;\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    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 45px;\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    margin-left: 0;\n}\n\n.product-sub-copy {\n    max-width: 720px;\n    font-size: 17.5px !important;\n    color: #64748b;\n    line-height: 1.7 !important;\n}\n\n.product-sub-copy strong {\n    color: var(--text-main);\n    font-weight: 700;\n    display: block;\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 26px;\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 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}\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#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#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    position: relative !important;\n    float: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\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    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#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: 400;\n}\n\n\/* --- [SECTION 3] ASYMMETRIC 3D HERO SHOWCASE (\uc601\ubb38 \ucd5c\uc801\ud654) --- *\/\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.15;\n}\n\n.hero-left h1 {\n    font-size: clamp(40px, 4vw, 58px);\n    font-weight: 900;\n    line-height: 1.2 !important;\n    letter-spacing: -1.5px;\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: 17px;\n    color: #475569;\n    margin-bottom: 20px;\n    line-height: 1.75;\n    max-width: 620px;\n}\n\n.slider-controls {\n    display: flex;\n    gap: 15px;\n    margin-top: 28px;\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: 520px;\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: 46px;\n    font-weight: 900;\n    color: rgba(0, 82, 255, 0.15);\n    line-height: 1;\n}\n\n.card-title {\n    font-size: 25px;\n    font-weight: 800;\n    margin-bottom: 16px;\n    line-height: 1.3;\n    color: var(--text-main);\n}\n\n.card-desc {\n    font-size: 16.5px !important;\n    color: #64748b;\n    line-height: 1.65 !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}\n\n\/* --- [SECTION 4] TECHNICAL DASHBOARD SPEC (\uc601\ubb38 \uce74\ub4dc \uc815\ub82c \ucd5c\uc801\ud654) --- *\/\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: 46px 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    left: 0;\n    width: 100%;\n    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: 21px;\n    font-weight: 800;\n    line-height: 1.35;\n    margin-bottom: 14px;\n    color: var(--text-main);\n}\n\n.spec-desc {\n    font-size: 16px !important;\n    color: #64748b;\n    line-height: 1.7 !important;\n    margin-bottom: 28px;\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(90deg, var(--accent-blue), var(--accent-cyan));\n    width: 0;\n    transition: width 2s ease-out;\n}\n\n\/* ===============================\n   RESPONSIVE BREAKPOINTS\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: 60px;\n    }\n    .banner-text-area {\n        max-width: 100%;\n    }\n    .glass-ring {\n        width: 340px;\n        height: 340px;\n    }\n}\n\n@media (max-width: 968px) {\n    .banner-title {\n        font-size: 40px;\n    }\n    .banner-title span {\n        font-size: 34px;\n    }\n    .banner-subcopy {\n        font-size: 16px !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: 48px;\n    }\n    .hero-left {\n        width: 100%;\n        text-align: center;\n    }\n    .hero-left p {\n        max-width: 100%;\n        font-size: 16px;\n    }\n    .slider-controls {\n        justify-content: center;\n    }\n    .hero-right {\n        width: 100%;\n        height: 420px;\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    #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.2;\n    }\n    .banner-title span {\n        font-size: 26px;\n        line-height: 1.25;\n    }\n    .banner-subcopy {\n        font-size: 14.5px !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: 10px;\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: 14.5px !important;\n        margin-bottom: 10px !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: 18.5px;\n    }\n    .spec-desc {\n        font-size: 14.5px !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<!-- [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                Batteries Optimized for\n                <span>Drone, AAV, and Mobility Applications<\/span>\n            <\/h1>\n            <p class=\"banner-subcopy\">\n                <span class=\"sub-line\">Lightweight Batteries with an Energy Density of Up to 450 Wh\/kg<\/span>\n                <span class=\"sub-line\">Innovative Battery Technology Recognized with a CES Innovation Award<\/span>\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 Image 1\">\n                <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/NEO-K2.png\" alt=\"N FUTURE Battery Image 2\">\n                <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/NEO-K3.png\" alt=\"N FUTURE Battery Image 3\">\n                <img decoding=\"async\" class=\"glass-slide\" src=\"\/wp-content\/uploads\/2026\/09\/4.png\" alt=\"N FUTURE Battery Image 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>N FUTURE Battery Product Lineup<\/h2>\n            <p class=\"product-sub-copy\">\n                <strong>Lighter. Safer. More Powerful. More Affordable.<\/strong>\n                The most advanced battery technology for manned and unmanned aircraft, logistics drones, FPV drones, agricultural drones, and more.\n            <\/p>\n        <\/div>\n        <div class=\"product-top-actions\">\n            <a href=\"\/?page_id=107\" class=\"product-all-btn\">View All Products <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=\"Previous Product\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n                <button type=\"button\" class=\"product-latest-arrow product-latest-next\" aria-label=\"Next Product\"><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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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%2F433&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>Next-Gen<br><span>Aviation Battery<\/span><br>Architecture<\/h1>\n        <p>N FUTURE is at the forefront of high-performance, ultra-lightweight, and safety-focused battery systems for manned and unmanned aircraft and next-generation drones.<\/p>\n        <p>Nfuture\u2019s next-generation battery platforms are designed for a wide range of applications, including logistics and delivery drones, FPV drones, agricultural drones, industrial UAVs, unmanned aircraft, and future manned and unmanned aviation systems.<\/p>\n\n        <div class=\"slider-controls\">\n            <button class=\"btn-arrow\" onclick=\"rotateShowcase(-1)\" aria-label=\"Previous Slide\"><i class=\"fa-solid fa-arrow-left\"><\/i><\/button>\n            <button class=\"btn-arrow\" onclick=\"rotateShowcase(1)\" aria-label=\"Next Slide\"><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\">Industrial Drone Battery Packs<\/div>\n                    <p class=\"card-desc\">\n                        Medium- and large-capacity drone battery packs available in a wide range of voltage levels and capacities, equipped with a Safety Management System (SMS).<br>\n                        <strong>Both battery cells and battery packs are manufactured in South Korea.<\/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\">Future Mobility Battery Packs<\/div>\n                    <p class=\"card-desc\">\n                        Proprietary, ultra-precise, high-safety battery system housings engineered for reliable vehicle control in extreme environments, designed for Advanced Air Mobility (AAM) and electric-propulsion vessels.\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\">Second-Life Battery Reuse<\/div>\n                    <p class=\"card-desc\">\n                        Circular energy technology designed to maximize cost efficiency and ensure safety by controlling fire risks throughout transportation, sorting, and charging processes.\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>N FUTURE High-Tech Capabilities &amp; Technical Specifications<\/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\">Real-Time Precision Diagnostic Algorithm<\/div>\n                <p class=\"spec-desc\">Equipped with State of Balance (SOB) cell voltage and resistance balancing alongside SOC, SOH, and SOP monitoring to proactively detect and prevent anomalies.<\/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\">BSH: Fire Suppression System-Integrated Specialized Housing<\/div>\n                <p class=\"spec-desc\">By integrating material-based PCM explosion-resistant design with high-density thermal analysis and heat-insulation structural technology, our proprietary housing is engineered to mitigate external impacts and delay and contain explosions.<\/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\">Proprietary Patents for Aerospace and Marine Applications<\/div>\n                <p class=\"spec-desc\">Nfuture has built an extensive portfolio of foundational patents covering aircraft battery systems, marine BMS control systems, and ultracapacitor module manufacturing.<\/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<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' \uc601\ubb38 \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 \uc601\ubb38 'View Details'\ub85c \uc790\ub3d9 \ubcc0\uacbd\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 = 'View Details \u2192';\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        \/\/ 3D \uce74\ub4dc 5\ucd08 \uac04\uaca9 \uc790\ub3d9 \uc21c\ud658\n        window.setInterval(function () {\n            window.rotateShowcase(1);\n        }, 5000);\n\n        \/\/ \uc2a4\ud399 \uc139\uc158 \ud504\ub85c\uadf8\ub808\uc2a4 \ubc14 \ucc44\uc6b0\uae30\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 Batteries Optimized for Drone, AAV, and Mobility Applications Lightweight Batteries with an Energy Density of Up to 450 Wh\/kg Innovative Battery Technology Recognized with a CES Innovation Award PRODUCT MATRIX N FUTURE Battery Product Lineup Lighter. Safer. &hellip; <a href=\"https:\/\/nfuture.kr\/?page_id=433&#038;lang=en\">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-433","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/433","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=433"}],"version-history":[{"count":3,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/433\/revisions"}],"predecessor-version":[{"id":594,"href":"https:\/\/nfuture.kr\/index.php?rest_route=\/wp\/v2\/pages\/433\/revisions\/594"}],"wp:attachment":[{"href":"https:\/\/nfuture.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}