{"id":2245,"date":"2026-07-01T16:25:40","date_gmt":"2026-07-01T07:25:40","guid":{"rendered":"https:\/\/www.mobilio.io\/?page_id=2245"},"modified":"2026-07-14T09:47:36","modified_gmt":"2026-07-14T00:47:36","slug":"%e3%83%92%e3%83%a5%e3%83%bc%e3%83%9e%e3%83%8e%e3%82%a4%e3%83%89%e3%83%bb%e3%83%88%e3%83%ad%e3%83%b3","status":"publish","type":"page","link":"https:\/\/www.mobilio.io\/ja\/humanoid-tron\/","title":{"rendered":"\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30aa\u30ea"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2245\" class=\"elementor elementor-2245\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d498350 e-con-full e-flex e-con e-parent\" data-id=\"d498350\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9598dd3 e-con-full e-flex e-con e-child\" data-id=\"9598dd3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13ed86a elementor-widget elementor-widget-heading\" data-id=\"13ed86a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Oli<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61503f5 e-flex e-con-boxed e-con e-parent\" data-id=\"61503f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a3368a elementor-widget elementor-widget-html\" data-id=\"0a3368a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- \uac15\uc81c \ubc18\uc751\ud615 \ubdf0\ud3ec\ud2b8 \ud65c\uc131\ud654 \uba54\ud0c0 \ud0dc\uadf8 (\ubaa8\ubc14\uc77c \uae30\uae30 \ubdf0\ud3ec\ud2b8 \uac15\uc81c \uc778\uc9c0) -->\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<!-- ==========================================================================\r\n   LYNX OLI Presentation Page - Custom CSS Stylesheet (Mobilio Theme Alignment)\r\n   ========================================================================== -->\r\n<style>\r\n    \/* ==========================================\r\n       0. ELEMENTOR & THEME WRAPPER RESET (\uc5ec\ubc31 \uc644\uc804 \uc81c\uac70)\r\n       ========================================== *\/\r\n    html body .elementor-widget-html,\r\n    html body .elementor-widget-html .elementor-widget-container {\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n        width: 100% !important;\r\n        background-color: transparent !important;\r\n    }\r\n\r\n    \/* \ud604\uc7ac \ud398\uc774\uc9c0\uc758 LYNX OLI \ud0d1\uc7ac \uc139\uc158\uc758 \ub108\ube44\ub97c \ud654\uba74 100% \uaf49 \ucc28\uac8c \uac15\uc81c \ud655\uc7a5 *\/\r\n    html body .elementor-section.elementor-section-boxed .elementor-container {\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        padding-left: 0 !important;\r\n        padding-right: 0 !important;\r\n    }\r\n\r\n    html body .elementor-column-gap-default > .elementor-row {\r\n        margin-left: 0 !important;\r\n        margin-right: 0 !important;\r\n    }\r\n\r\n    \/* ==========================================\r\n       1. DESIGN SYSTEM & CSS VARIABLES (\ubaa8\ube4c\ub9ac\uc624 \uba54\uc778 \ud14c\ub9c8\uc640 \ub3d9\uae30\ud654)\r\n       ========================================== *\/\r\n    :root {\r\n        --oli-bg-main: transparent; \/* \uba54\uc778 \ud398\uc774\uc9c0 \ubc30\uacbd #f9f8f8\uc744 \uadf8\ub300\ub85c \ud22c\uacfc *\/\r\n        --oli-bg-card: #ffffff; \/* \ucee8\ud150\uce20 \uce74\ub4dc\ub294 \uae54\ub054\ud55c \ud770\uc0c9 \ud50c\ub808\uc774\ud2b8\ub85c \ubd84\ub9ac *\/\r\n        --oli-border-color: rgba(1, 22, 39, 0.08); \/* \ubaa8\ube4c\ub9ac\uc624 \ud14c\ub9c8 \ud14d\uc2a4\ud2b8 \uae30\uc900 \uc5f0\ud55c \ubcf4\ub354 *\/\r\n        \r\n        --oli-color-primary: #e57a10; \/* \ubaa8\ube4c\ub9ac\uc624 \uba54\uc778 \uc2dc\uadf8\ub2c8\ucc98 \uc8fc\ud669\uc0c9 *\/\r\n        --oli-color-primary-rgb: 229, 122, 16;\r\n        --oli-color-secondary: #FF8A00;\r\n        --oli-color-accent: #00E5FF; \/* \ud558\uc774\ud14c\ud06c \uc0ac\uc774\uc5b8 \ube14\ub8e8 \ud3ec\uc778\ud2b8 *\/\r\n        --oli-color-text-title: #011627; \/* \ubaa8\ube4c\ub9ac\uc624 \uba54\uc778 \ub2e4\ud06c \ub124\uc774\ube44 *\/\r\n        --oli-color-text-body: rgba(1, 22, 39, 0.75); \/* \ubaa8\ube4c\ub9ac\uc624 \uba54\uc778 75% \uadf8\ub808\uc774 *\/\r\n        --oli-color-text-muted: rgba(1, 22, 39, 0.5);\r\n        \r\n        --oli-font-family: 'Montserrat', 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif; \/* \uba54\uc778 \ud3f0\ud2b8 Montserrat \uac15\uc81c \uc77c\uce58 *\/\r\n        \r\n        --oli-transition-smooth: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n        --oli-soft-shadow: 0 4px 15px rgba(1, 22, 39, 0.02);\r\n        --oli-hover-shadow: 0 12px 24px rgba(1, 22, 39, 0.05);\r\n        --oli-glowing-shadow: 0 8px 25px rgba(229, 122, 16, 0.15);\r\n    }\r\n\r\n    \/* Reset and Base Styles *\/\r\n    html body .oli-wrapper {\r\n        background-color: var(--oli-bg-main) !important;\r\n        color: var(--oli-color-text-body) !important;\r\n        font-family: var(--oli-font-family) !important;\r\n        line-height: 1.65 !important;\r\n        letter-spacing: normal !important;\r\n        overflow-x: hidden !important;\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        max-width: 100vw !important;\r\n        padding: 0 !important;\r\n        margin: 0 !important;\r\n        display: block !important;\r\n    }\r\n\r\n    html body .oli-wrapper * {\r\n        box-sizing: border-box !important;\r\n        margin: 0;\r\n        padding: 0;\r\n        font-family: inherit;\r\n    }\r\n\r\n    html body .oli-wrapper h1, \r\n    html body .oli-wrapper h2, \r\n    html body .oli-wrapper h3, \r\n    html body .oli-wrapper h4 {\r\n        color: var(--oli-color-text-title) !important;\r\n        font-family: var(--oli-font-family) !important;\r\n        font-weight: 700 !important;\r\n        line-height: 1.3 !important;\r\n        letter-spacing: -0.01em !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-container {\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        padding: 0 24px !important;\r\n        width: 100% !important;\r\n        display: block !important;\r\n    }\r\n\r\n    \/* \uc560\ub2c8\uba54\uc774\uc158 \ud0c0\uac9f *\/\r\n    html body .oli-wrapper .oli-reveal {\r\n        opacity: 1 !important;\r\n        transform: none !important;\r\n        transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n    \r\n    html body.oli-reveal-initialized .oli-wrapper .oli-reveal:not(.active) {\r\n        opacity: 0 !important; \r\n        transform: translateY(15px) !important;\r\n    }\r\n\r\n    html body.oli-reveal-initialized .oli-wrapper .oli-reveal.active {\r\n        opacity: 1 !important; \r\n        transform: translateY(0) !important;\r\n    }\r\n\r\n    \/* ==========================================\r\n       2. INTRO SECTION (\uc81c\ud488 \uac1c\uc694)\r\n       ========================================== *\/\r\n    html body .oli-wrapper .oli-intro {\r\n        padding: 60px 0 40px !important;\r\n        position: relative !important;\r\n        background: transparent !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-intro-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1.1fr 0.9fr !important;\r\n        gap: 50px !important;\r\n        align-items: flex-start !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-section-tag {\r\n        font-size: 0.8rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-primary) !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        margin-bottom: 12px !important;\r\n        display: inline-block !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-section-title {\r\n        font-size: 32px !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        line-height: 1.3 !important;\r\n        margin-bottom: 20px !important;\r\n        word-break: keep-all !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-intro-badge-row {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 6px !important;\r\n        margin-top: 15px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-intro-badge {\r\n        font-size: 0.72rem !important;\r\n        font-weight: 700 !important;\r\n        background: rgba(229, 122, 16, 0.06) !important;\r\n        border: 1px solid rgba(229, 122, 16, 0.15) !important;\r\n        padding: 5px 10px !important;\r\n        border-radius: 4px !important;\r\n        color: var(--oli-color-primary) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-intro-body-area {\r\n        border-left: 2px solid var(--oli-border-color) !important;\r\n        padding-left: 24px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-intro-body-area p {\r\n        font-size: 0.95rem !important;\r\n        color: var(--oli-color-text-body) !important;\r\n        line-height: 1.8 !important;\r\n    }\r\n\r\n    \/* ==========================================\r\n       3. KEY FEATURES GRID (\ud575\uc2ec \uae30\uc220 \uce74\ub4dc)\r\n       ========================================== *\/\r\n    html body .oli-wrapper .oli-features {\r\n        padding: 60px 0 !important;\r\n        background: transparent !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-features-header {\r\n        text-align: center !important;\r\n        max-width: 800px !important;\r\n        margin: 0 auto 40px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-features-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(2, 1fr) !important;\r\n        gap: 24px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feature-card {\r\n        background: var(--oli-bg-card) !important;\r\n        border: 1px solid var(--oli-border-color) !important;\r\n        border-radius: 8px !important;\r\n        padding: 0 0 24px 0 !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        overflow: hidden !important;\r\n        box-shadow: var(--oli-soft-shadow) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feature-card:hover {\r\n        transform: translateY(-4px) !important;\r\n        box-shadow: var(--oli-hover-shadow) !important;\r\n        border-color: rgba(var(--oli-color-primary-rgb), 0.2) !important;\r\n    }\r\n\r\n    \/* \ubbf8\ub514\uc5b4 \uc2ac\ub86f (\ube0c\ub85c\uc154 \uc2e4\uc0ac \uc774\ubbf8\uc9c0 \uc801\uc7ac \uac00\ub2a5 \uacf5\uac04) *\/\r\n    html body .oli-wrapper .oli-feat-media-slot {\r\n        width: 100% !important;\r\n        aspect-ratio: 16 \/ 9 !important;\r\n        background-color: #f1f5f9 !important;\r\n        border-bottom: 1px solid var(--oli-border-color) !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feat-media-slot img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        display: block !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feat-media-slot img[src=\"\"] {\r\n        display: none !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feat-media-slot::after {\r\n        content: '[ IMAGE \/ GIF SLOT ]' !important;\r\n        position: absolute !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        font-size: 0.72rem !important;\r\n        color: var(--oli-color-text-muted) !important;\r\n        font-weight: 700 !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feat-media-slot:has(img:not([src=\"\"]))::after {\r\n        display: none !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feat-content {\r\n        padding: 24px 20px 0 !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feature-card-num {\r\n        font-size: 0.72rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-primary) !important;\r\n        margin-bottom: 10px !important;\r\n        display: block !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feature-card-title {\r\n        font-size: 1.15rem !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        margin-bottom: 12px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-feature-card-desc {\r\n        font-size: 0.85rem !important;\r\n        color: var(--oli-color-text-body) !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* ==========================================\r\n       4. INTERACTIVE KINEMATICS HOTSPOT (\uad00\uc808 \uc790\uc720\ub3c4 \uc2dc\ubbac\ub808\uc774\ud130)\r\n       ========================================== *\/\r\n    html body .oli-wrapper .oli-simulator {\r\n        padding: 60px 0 !important;\r\n        background: transparent !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-grid-layout {\r\n        display: grid !important;\r\n        grid-template-columns: 0.8fr 1.2fr !important;\r\n        gap: 40px !important;\r\n        align-items: center !important;\r\n        margin-top: 30px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-console {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 16px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-tabs {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 8px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-btn {\r\n        background: var(--oli-bg-card) !important;\r\n        border: 1px solid var(--oli-border-color) !important;\r\n        border-radius: 6px !important;\r\n        padding: 16px 18px !important;\r\n        text-align: left !important;\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        cursor: pointer !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: space-between !important;\r\n        font-size: 0.9rem !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-btn::after {\r\n        content: '\u2192' !important;\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-text-muted) !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-btn:hover {\r\n        border-color: rgba(var(--oli-color-primary-rgb), 0.3) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-btn.active {\r\n        border-color: var(--oli-color-primary) !important;\r\n        box-shadow: var(--oli-soft-shadow) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-btn.active::after {\r\n        color: var(--oli-color-primary) !important;\r\n        transform: translateX(4px) !important;\r\n    }\r\n\r\n    \/* \uc2dc\ubbac\ub808\uc774\ud130 \ud654\uba74 (\ud734\uba38\ub178\uc774\ub4dc 2.5D CSS \ubaa8\ub378 \uc2dc\ubbac\ub808\uc774\uc158 \uc801\uc6a9) *\/\r\n    html body .oli-wrapper .oli-sim-screen {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        aspect-ratio: 16 \/ 10 !important;\r\n        background: radial-gradient(circle at 50% 30%, #101f30 0%, #060f17 100%) !important;\r\n        border-radius: 8px !important;\r\n        border: 1px solid rgba(229, 122, 16, 0.15) !important;\r\n        overflow: hidden !important;\r\n        box-shadow: var(--oli-soft-shadow) !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-grid-lines {\r\n        position: absolute !important;\r\n        inset: 0 !important;\r\n        background-size: 20px 20px !important;\r\n        background-image: \r\n            linear-gradient(to right, rgba(255, 255, 255, 0.02) 1px, transparent 1px),\r\n            linear-gradient(to bottom, rgba(255, 255, 255, 0.02) 1px, transparent 1px) !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-skeleton {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        z-index: 15 !important;\r\n    }\r\n\r\n    \/* \ud734\uba38\ub178\uc774\ub4dc \ub85c\ubd07 \ud615\uc0c1\uc744 \ubaa8\uc0ac\ud558\ub294 \uae54\ub054\ud55c \ub77c\uc778 \ub4dc\ub85c\uc789 - 2.5D CSS \ub300\uccb4\ub85c \ube44\ud65c\uc131\ud654 *\/\r\n    html body .oli-wrapper .oli-skeleton-line {\r\n        display: none !important;\r\n    }\r\n\r\n    \/* \uad00\uc808 \ud56b\uc2a4\ud31f \ub178\ub4dc \ubc84\ud2bc *\/\r\n    html body .oli-wrapper .oli-skeleton-node {\r\n        position: absolute !important;\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        background-color: #ffffff !important;\r\n        border: 3px solid #64748b !important;\r\n        border-radius: 50% !important;\r\n        cursor: pointer !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n        z-index: 20 !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-skeleton-node:hover {\r\n        border-color: var(--oli-color-primary) !important;\r\n        transform: translate(-50%, -50%) scale(1.35) !important;\r\n        box-shadow: 0 0 10px rgba(var(--oli-color-primary-rgb), 0.5) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-skeleton-node.active {\r\n        background-color: var(--oli-color-primary) !important;\r\n        border-color: #ffffff !important;\r\n        transform: translate(-50%, -50%) scale(1.4) !important;\r\n        box-shadow: 0 0 15px var(--oli-color-primary) !important;\r\n    }\r\n\r\n    \/* \ud56b\uc2a4\ud31f \ub178\ub4dc \uc704\uce58 \ubc14\uc778\ub529 *\/\r\n    html body .oli-wrapper .oli-node-head { top: 15%; left: 50%; }\r\n    html body .oli-wrapper .oli-node-l-arm { top: 38%; left: 30%; }\r\n    html body .oli-wrapper .oli-node-r-arm { top: 38%; left: 70%; }\r\n    html body .oli-wrapper .oli-node-waist { top: 48%; left: 50%; }\r\n    html body .oli-wrapper .oli-node-l-leg { top: 72%; left: 40%; }\r\n    html body .oli-wrapper .oli-node-r-leg { top: 72%; left: 60%; }\r\n\r\n    \/* ==================================================\r\n       2.5D CSS HUMANOID ROBOT MODEL DESIGN\r\n       ================================================== *\/\r\n    html body .oli-wrapper .oli-sim-robot {\r\n        position: absolute !important;\r\n        width: 160px !important;\r\n        height: 250px !important;\r\n        top: 50% !important;\r\n        left: 50% !important;\r\n        transform: translate(-50%, -50%) !important;\r\n        z-index: 5 !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n\r\n    \/* \uba38\ub9ac (Head) *\/\r\n    html body .oli-wrapper .oli-sim-robot-head {\r\n        position: absolute !important;\r\n        width: 28px !important;\r\n        height: 32px !important;\r\n        top: 10px !important;\r\n        left: 66px !important;\r\n        background: linear-gradient(135deg, #475569, #1e293b) !important;\r\n        border: 1.5px solid #cbd5e1 !important;\r\n        border-radius: 8px 8px 12px 12px !important;\r\n        z-index: 10 !important;\r\n        transform-origin: center bottom !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n\r\n    \/* \ub208 (Reactor Eye) *\/\r\n    html body .oli-wrapper .oli-sim-robot-eye {\r\n        position: absolute !important;\r\n        top: 8px !important;\r\n        left: 4px !important;\r\n        right: 4px !important;\r\n        height: 4px !important;\r\n        background: var(--oli-color-accent) !important;\r\n        border-radius: 2px !important;\r\n        box-shadow: 0 0 6px var(--oli-color-accent) !important;\r\n    }\r\n\r\n    \/* \ubaa9 (Neck) *\/\r\n    html body .oli-wrapper .oli-sim-robot-neck {\r\n        position: absolute !important;\r\n        width: 8px !important;\r\n        height: 12px !important;\r\n        top: 40px !important;\r\n        left: 76px !important;\r\n        background: #64748b !important;\r\n        z-index: 8 !important;\r\n    }\r\n\r\n    \/* \uc0c1\uccb4 \uac00\uc2b4 (Torso\/Chest) *\/\r\n    html body .oli-wrapper .oli-sim-robot-torso {\r\n        position: absolute !important;\r\n        width: 64px !important;\r\n        height: 84px !important;\r\n        top: 50px !important;\r\n        left: 48px !important;\r\n        background: linear-gradient(135deg, #334155, #0f172a) !important;\r\n        border: 2px solid #64748b !important;\r\n        border-radius: 12px 12px 6px 6px !important;\r\n        z-index: 9 !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n        transform-origin: center bottom !important;\r\n    }\r\n\r\n    \/* \uac00\uc2b4 \uc544\ud06c\uc6d0\uc790\ub85c *\/\r\n    html body .oli-wrapper .oli-sim-robot-reactor {\r\n        position: absolute !important;\r\n        top: 22px !important;\r\n        left: 22px !important;\r\n        width: 16px !important;\r\n        height: 16px !important;\r\n        border-radius: 50% !important;\r\n        background: var(--oli-color-accent) !important;\r\n        box-shadow: 0 0 10px var(--oli-color-accent) !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n\r\n    \/* \ud5c8\ub9ac (Waist) *\/\r\n    html body .oli-wrapper .oli-sim-robot-waist {\r\n        position: absolute !important;\r\n        width: 44px !important;\r\n        height: 16px !important;\r\n        top: 132px !important;\r\n        left: 58px !important;\r\n        background: #475569 !important;\r\n        border-radius: 4px !important;\r\n        z-index: 5 !important;\r\n    }\r\n\r\n    \/* \uc591\ud314 (Left & Right Arms) *\/\r\n    html body .oli-wrapper .oli-sim-robot-arm-l,\r\n    html body .oli-wrapper .oli-sim-robot-arm-r {\r\n        position: absolute !important;\r\n        top: 5px !important;\r\n        width: 14px !important;\r\n        height: 70px !important;\r\n        z-index: 2 !important;\r\n        transform-origin: center top !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n    html body .oli-wrapper .oli-sim-robot-arm-l { left: -16px !important; }\r\n    html body .oli-wrapper .oli-sim-robot-arm-r { right: -16px !important; }\r\n\r\n    html body .oli-wrapper .oli-sim-robot-arm-upper {\r\n        position: absolute !important;\r\n        width: 100% !important;\r\n        height: 35px !important;\r\n        background: linear-gradient(to bottom, #475569, #334155) !important;\r\n        border-radius: 6px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-robot-arm-lower {\r\n        position: absolute !important;\r\n        top: 30px !important;\r\n        width: 100% !important;\r\n        height: 30px !important;\r\n        background: linear-gradient(to bottom, #334155, #1e293b) !important;\r\n        border-radius: 4px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-robot-arm-hand {\r\n        position: absolute !important;\r\n        bottom: -8px !important;\r\n        left: 1px !important;\r\n        width: 12px !important;\r\n        height: 8px !important;\r\n        background: var(--oli-color-primary) !important;\r\n        border-radius: 2px !important;\r\n    }\r\n\r\n    \/* \uc591\ub2e4\ub9ac (Left & Right Legs) *\/\r\n    html body .oli-wrapper .oli-sim-robot-leg-l,\r\n    html body .oli-wrapper .oli-sim-robot-leg-r {\r\n        position: absolute !important;\r\n        top: 140px !important;\r\n        width: 16px !important;\r\n        height: 90px !important;\r\n        z-index: 4 !important;\r\n        transform-origin: center top !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n    html body .oli-wrapper .oli-sim-robot-leg-l { left: 58px !important; }\r\n    html body .oli-wrapper .oli-sim-robot-leg-r { right: 58px !important; }\r\n\r\n    html body .oli-wrapper .oli-sim-robot-leg-upper {\r\n        position: absolute !important;\r\n        width: 100% !important;\r\n        height: 45px !important;\r\n        background: linear-gradient(to bottom, #475569, #334155) !important;\r\n        border-radius: 8px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-robot-leg-lower {\r\n        position: absolute !important;\r\n        top: 40px !important;\r\n        width: 80% !important;\r\n        left: 10% !important;\r\n        height: 40px !important;\r\n        background: linear-gradient(to bottom, #334155, #1e293b) !important;\r\n        border-radius: 4px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-robot-leg-foot {\r\n        position: absolute !important;\r\n        bottom: -8px !important;\r\n        left: -2px !important;\r\n        width: 20px !important;\r\n        height: 8px !important;\r\n        background: #334155 !important;\r\n        border-radius: 2px !important;\r\n        border-bottom: 2px solid var(--oli-color-primary) !important;\r\n    }\r\n\r\n    \/* ----------------------------------\r\n       \ubaa8\uc158 \ubaa8\ub4dc\ubcc4 \uc778\ud130\ub799\ud2f0\ube0c \uc560\ub2c8\uba54\uc774\uc158 \uc5f0\ub3d9\r\n       ---------------------------------- *\/\r\n\r\n    \/* 1. \uba38\ub9ac \ubaa9 \uac15\uc870 \ubaa8\ub4dc *\/\r\n    html body .oli-wrapper .oli-sim-screen.highlight-head .oli-sim-robot-head {\r\n        animation: head-nod-anim 1.5s ease-in-out infinite alternate !important;\r\n        border-color: var(--oli-color-primary) !important;\r\n        box-shadow: 0 0 10px rgba(var(--oli-color-primary-rgb), 0.2) !important;\r\n    }\r\n    @keyframes head-nod-anim {\r\n        0% { transform: rotate(-8deg) translateY(0); }\r\n        100% { transform: rotate(8deg) translateY(1.5px); }\r\n    }\r\n\r\n    \/* 2. \uc591\ud314 \uc870\uc791 \uac15\uc870 \ubaa8\ub4dc *\/\r\n    html body .oli-wrapper .oli-sim-screen.highlight-arms .oli-sim-robot-reactor {\r\n        background: var(--oli-color-primary) !important;\r\n        box-shadow: 0 0 12px var(--oli-color-primary) !important;\r\n    }\r\n    html body .oli-wrapper .oli-sim-screen.highlight-arms .oli-sim-robot-arm-l {\r\n        animation: arm-wave-l-anim 1.5s ease-in-out infinite alternate !important;\r\n    }\r\n    html body .oli-wrapper .oli-sim-screen.highlight-arms .oli-sim-robot-arm-r {\r\n        animation: arm-wave-r-anim 1.5s ease-in-out infinite alternate !important;\r\n    }\r\n    @keyframes arm-wave-l-anim {\r\n        0% { transform: rotate(15deg) rotateX(10deg); }\r\n        100% { transform: rotate(-45deg) rotateX(-10deg); }\r\n    }\r\n    @keyframes arm-wave-r-anim {\r\n        0% { transform: rotate(-15deg) rotateX(-10deg); }\r\n        100% { transform: rotate(45deg) rotateX(10deg); }\r\n    }\r\n\r\n    \/* 3. \ud5c8\ub9ac\/\uace8\ubc18 \uac15\uc870 \ubaa8\ub4dc *\/\r\n    html body .oli-wrapper .oli-sim-screen.highlight-waist .oli-sim-robot-torso {\r\n        animation: torso-tilt-anim 1.8s ease-in-out infinite alternate !important;\r\n        border-color: var(--oli-color-primary) !important;\r\n    }\r\n    @keyframes torso-tilt-anim {\r\n        0% { transform: rotate(-5deg) skewX(-2deg); }\r\n        100% { transform: rotate(5deg) skewX(2deg); }\r\n    }\r\n\r\n    \/* 4. \uc591\ub2e4\ub9ac \ubcf4\ud589 \uac15\uc870 \ubaa8\ub4dc *\/\r\n    html body .oli-wrapper .oli-sim-screen.highlight-legs .oli-sim-robot-leg-l {\r\n        animation: leg-swing-l-anim 1.4s ease-in-out infinite alternate !important;\r\n    }\r\n    html body .oli-wrapper .oli-sim-screen.highlight-legs .oli-sim-robot-leg-r {\r\n        animation: leg-swing-r-anim 1.4s ease-in-out infinite alternate !important;\r\n    }\r\n    @keyframes leg-swing-l-anim {\r\n        0% { transform: rotate(-18deg); }\r\n        100% { transform: rotate(18deg); }\r\n    }\r\n    @keyframes leg-swing-r-anim {\r\n        0% { transform: rotate(18deg); }\r\n        100% { transform: rotate(-18deg); }\r\n    }\r\n    \r\n    \/* \uc124\uba85 \uce74\ub4dc \ud328\ub110 *\/\r\n    html body .oli-wrapper .oli-sim-details-panel {\r\n        background: var(--oli-bg-card) !important;\r\n        border: 1px solid var(--oli-border-color) !important;\r\n        border-radius: 6px !important;\r\n        padding: 20px !important;\r\n        box-shadow: var(--oli-soft-shadow) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-details-title {\r\n        font-size: 1rem !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        margin-bottom: 8px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-sim-details-text {\r\n        font-size: 0.85rem !important;\r\n        color: var(--oli-color-text-body) !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* ==========================================\r\n       5. LINEUP DASHBOARD & COMPARISON TABLE (\uc2a4\ud399 \ube44\uad50 \ub300\uc2dc\ubcf4\ub4dc)\r\n       ========================================== *\/\r\n    html body .oli-wrapper .oli-specs-details {\r\n        padding: 60px 0 !important;\r\n        background: transparent !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-specs-header {\r\n        text-align: center !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-specs-tab-row {\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        gap: 12px !important;\r\n        margin-bottom: 30px !important;\r\n        max-width: 600px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-tab-btn {\r\n        flex: 1 !important;\r\n        background: var(--oli-bg-card) !important;\r\n        border: 1px solid var(--oli-border-color) !important;\r\n        border-radius: 6px !important;\r\n        padding: 12px 8px !important;\r\n        font-size: 0.82rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        cursor: pointer !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n        text-align: center !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-tab-btn.active {\r\n        background: var(--oli-color-primary) !important;\r\n        border-color: var(--oli-color-primary) !important;\r\n        color: #ffffff !important;\r\n        box-shadow: var(--oli-glowing-shadow) !important;\r\n    }\r\n\r\n    \/* \ube44\uad50 \ud14c\uc774\ube14 \ub808\uc774\uc544\uc6c3 *\/\r\n    html body .oli-wrapper .oli-table-container {\r\n        width: 100% !important;\r\n        background: var(--oli-bg-card) !important;\r\n        border: 1px solid var(--oli-border-color) !important;\r\n        border-radius: 8px !important;\r\n        overflow-x: auto !important;\r\n        overflow-y: hidden !important;\r\n        box-shadow: var(--oli-soft-shadow) !important;\r\n        -webkit-overflow-scrolling: touch !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-table {\r\n        width: 100% !important;\r\n        border-collapse: collapse !important;\r\n        text-align: left !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-table th,\r\n    html body .oli-wrapper .oli-spec-table td {\r\n        padding: 14px 20px !important;\r\n        font-size: 0.85rem !important;\r\n        border-bottom: 1px solid var(--oli-border-color) !important;\r\n        transition: var(--oli-transition-smooth) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-table th {\r\n        background: #f8fafc !important;\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        text-transform: uppercase !important;\r\n        font-size: 0.75rem !important;\r\n        letter-spacing: 0.5px !important;\r\n    }\r\n\r\n    \/* \ud2b9\uc815 \ubaa8\ub378 \uc120\ud0dd \uc2dc \ud14c\uc774\ube14 \uc138\ub85c \uc5f4 \uac15\uc870 \uc5f0\ucd9c *\/\r\n    html body .oli-wrapper .oli-spec-table td.col-highlight,\r\n    html body .oli-wrapper .oli-spec-table th.col-highlight {\r\n        background-color: rgba(229, 122, 16, 0.02) !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-table td.col-highlight.active-focus,\r\n    html body .oli-wrapper .oli-spec-table th.col-highlight.active-focus {\r\n        background-color: rgba(229, 122, 16, 0.04) !important;\r\n        border-left: 2px solid rgba(229, 122, 16, 0.2) !important;\r\n        border-right: 2px solid rgba(229, 122, 16, 0.2) !important;\r\n        font-weight: 600 !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-table tr:last-child td {\r\n        border-bottom: none !important;\r\n    }\r\n\r\n    html body .oli-wrapper .oli-spec-param-name {\r\n        font-weight: 700 !important;\r\n        color: var(--oli-color-text-title) !important;\r\n        width: 25% !important;\r\n    }\r\n\r\n    \/* ==========================================\r\n       7. RESPONSIVE BREAKPOINTS (\ud0dc\ube14\ub9bf \/ \ubaa8\ubc14\uc77c)\r\n       ========================================== *\/\r\n    @media (max-width: 1024px) {\r\n        html body .oli-wrapper .oli-intro-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 30px !important;\r\n        }\r\n\r\n        html body .oli-wrapper .oli-features-grid {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        html body .oli-wrapper .oli-sim-grid-layout {\r\n            grid-template-columns: 1fr !important;\r\n            gap: 30px !important;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        html body .oli-wrapper .oli-container {\r\n            padding: 0 16px !important;\r\n        }\r\n\r\n        html body .oli-wrapper .oli-intro {\r\n            padding: 40px 0 30px !important;\r\n        }\r\n\r\n        html body .oli-wrapper .oli-spec-table th,\r\n        html body .oli-wrapper .oli-spec-table td {\r\n            padding: 10px 12px !important;\r\n            font-size: 0.78rem !important;\r\n        }\r\n\r\n        \/* \ubaa8\ubc14\uc77c 2.5D \ub85c\ubd07 \ubc38\ub7f0\uc2a4 \uc720\uc9c0\uc6a9 \uc2a4\ucf00\uc77c \uae30\ubc95 *\/\r\n        html body .oli-wrapper .oli-sim-robot {\r\n            transform: translate(-50%, -50%) scale(0.65) !important;\r\n        }\r\n\r\n        \/* \ubaa8\ubc14\uc77c \uad00\uc808 \ud56b\uc2a4\ud31f \ub178\ub4dc \uc2a4\ucf00\uc77c \ub3d9\uae30\ud654 *\/\r\n        html body .oli-wrapper .oli-sim-skeleton {\r\n            transform: scale(0.65) !important;\r\n            transform-origin: center center !important;\r\n        }\r\n\r\n        \/* \ubaa8\ubc14\uc77c \uc2dc\ubbac\ub808\uc774\ud130 \ub192\uc774 \ubc0f \ube44\uc728 \ucd5c\uc801\ud654 *\/\r\n        html body .oli-wrapper .oli-sim-screen {\r\n            height: 300px !important;\r\n            aspect-ratio: auto !important;\r\n        }\r\n\r\n        \/* \ube44\uad50 \ud14c\uc774\ube14 \uac00\ub85c \uc2a4\ud06c\ub864 \ud65c\uc131\ud654\ub97c \uc704\ud55c \ucd5c\uc18c \ub108\ube44 \uac15\uc81c *\/\r\n        html body .oli-wrapper .oli-spec-table {\r\n            min-width: 650px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<!-- ==========================================================================\r\n   2. HTML MARKUP STRUCTURE (SFC - Single File Component Model)\r\n   ========================================================================== -->\r\n<div class=\"oli-wrapper notranslate\" translate=\"no\">\r\n\r\n    <!-- 1. PRODUCT OVERVIEW \/ INTRO (\uc81c\ud488 \uac1c\uc694) -->\r\n    <section class=\"oli-intro\">\r\n        <div class=\"oli-container\">\r\n            <div class=\"oli-intro-grid oli-reveal\">\r\n                \r\n                <!-- Left: Title Column -->\r\n                <div class=\"oli-intro-title-area\">\r\n                    <span class=\"oli-section-tag\" data-i18n=\"intro_tag\">Product Introduction<\/span>\r\n                    <h2 class=\"oli-section-title\" data-i18n=\"intro_title\">Full-Size General-Purpose Humanoid Robot<\/h2>\r\n                    <div class=\"oli-intro-badge-row\">\r\n                        <span class=\"oli-intro-badge notranslate\">165cm \/ 55kg<\/span>\r\n                        <span class=\"oli-intro-badge notranslate\">31+ DoF System<\/span>\r\n                        <span class=\"oli-intro-badge notranslate\">Sim2Real URDF<\/span>\r\n                        <span class=\"oli-intro-badge notranslate\">NVIDIA Isaac Sim<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Right: Content Column -->\r\n                <div class=\"oli-intro-body-area\">\r\n                    <p data-i18n=\"intro_body\">\r\n                        Oli is a full-size general-purpose humanoid robot standing at 165 cm. Equipped with 31 degrees of freedom (DoF) and exceptional motion capabilities, Oli replicates human-like movements smoothly, pushing the boundaries of physical AI and embodied robotics.\r\n                    <\/p>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 2. KEY FEATURES GRID (\ud575\uc2ec \uae30\uc220 \uce74\ub4dc) -->\r\n    <section class=\"oli-features\">\r\n        <div class=\"oli-container\">\r\n            \r\n            <div class=\"oli-features-header oli-reveal\">\r\n                <span class=\"oli-section-tag\" data-i18n=\"feat_tag\">Core Technologies<\/span>\r\n                <h2 class=\"oli-section-title\" data-i18n=\"feat_title\">Next-Generation Embodied AI Platform<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"oli-features-grid\">\r\n                \r\n                <!-- Feature Card 01 -->\r\n                <div class=\"oli-feature-card oli-reveal\">\r\n                    <div class=\"oli-feat-media-slot\">\r\n                        <!-- \ubaa8\ube4c\ub9ac\uc624 \ubbf8\ub514\uc5b4 \ub77c\uc774\ube0c\ub7ec\ub9ac\uc758 \uc774\ubbf8\uc9c0\/GIF \ub9c1\ud06c \uc8fc\uc785\uc6a9 \uc2ac\ub86f -->\r\n                        <img decoding=\"async\" src=\"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/Oli.00_00_10_24.Still008-scaled.jpg\" alt=\"Human-Scale Form Factor\">\r\n                    <\/div>\r\n                    <div class=\"oli-feat-content\">\r\n                        <span class=\"oli-feature-card-num\">Technology 01<\/span>\r\n                        <h3 class=\"oli-feature-card-title\" data-i18n=\"feat1_title\">Human-Scale Form Factor<\/h3>\r\n                        <p class=\"oli-feature-card-desc\" data-i18n=\"feat1_desc\">\r\n                            Standing at 165 cm and weighing 55 kg, Oli matches human dimensions, allowing it to naturally navigate environments, tools, and workspaces designed for humans.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature Card 02 -->\r\n                <div class=\"oli-feature-card oli-reveal\">\r\n                    <div class=\"oli-feat-media-slot\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/pexels-photo-1181244-1181244-scaled.jpg\" alt=\"Modular SDK\">\r\n                    <\/div>\r\n                    <div class=\"oli-feat-content\">\r\n                        <span class=\"oli-feature-card-num\">Technology 02<\/span>\r\n                        <h3 class=\"oli-feature-card-title\" data-i18n=\"feat2_title\">Developer-Friendly Modular SDK<\/h3>\r\n                        <p class=\"oli-feature-card-desc\" data-i18n=\"feat2_desc\">\r\n                            Provides full Python support with high-level and low-level API control. Employs gap-free URDF for Sim2Real transfer, supporting major simulation environments like NVIDIA Isaac Sim, MuJoCo, and Gazebo.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature Card 03 -->\r\n                <div class=\"oli-feature-card oli-reveal\">\r\n                    <div class=\"oli-feat-media-slot\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.mobilio.io\/wp-content\/uploads\/2026\/07\/img2-2-scaled.png\" alt=\"Multimodal Perception\">\r\n                    <\/div>\r\n                    <div class=\"oli-feat-content\">\r\n                        <span class=\"oli-feature-card-num\">Technology 03<\/span>\r\n                        <h3 class=\"oli-feature-card-title\" data-i18n=\"feat3_title\">Perception & Multimodal Fusion<\/h3>\r\n                        <p class=\"oli-feature-card-desc\" data-i18n=\"feat3_desc\">\r\n                            Features an Intel RealSense D435i depth camera package (head & chest) and a 6-axis IMU, with expandable electrical interfaces to easily integrate LiDARs or additional external sensors.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Feature Card 04 -->\r\n                <div class=\"oli-feature-card oli-reveal\">\r\n                    <div class=\"oli-feat-media-slot\">\r\n                        <img decoding=\"async\" src=\"https:\/\/www.mobilio.io\/wp-content\/uploads\/2026\/07\/img-2.png\" alt=\"End-Effectors\">\r\n                    <\/div>\r\n                    <div class=\"oli-feat-content\">\r\n                        <span class=\"oli-feature-card-num\">Technology 04<\/span>\r\n                        <h3 class=\"oli-feature-card-title\" data-i18n=\"feat4_title\">Modular Design & End-Effectors<\/h3>\r\n                        <p class=\"oli-feature-card-desc\" data-i18n=\"feat4_desc\">\r\n                            Designed for rapid assembly and disassembly. Supports various end-effector options, including 2-Finger grippers and 5-Finger anthropomorphic hands for versatile manipulation tasks.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 3. INTERACTIVE KINEMATICS HOTSPOT (\uad00\uc808 \uc790\uc720\ub3c4 \uc2dc\ubbac\ub808\uc774\ud130) -->\r\n    <section class=\"oli-simulator\">\r\n        <div class=\"oli-container\">\r\n            \r\n            <div class=\"oli-features-header oli-reveal\">\r\n                <span class=\"oli-section-tag\" data-i18n=\"sim_tag\">Kinematics Interface<\/span>\r\n                <h2 class=\"oli-section-title\" data-i18n=\"sim_title\">31 Degrees of Freedom (DoF) Architecture<\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"oli-sim-grid-layout\">\r\n                \r\n                <!-- Left Console Controls -->\r\n                <div class=\"oli-sim-console oli-reveal\">\r\n                    \r\n                    <div class=\"oli-sim-tabs\">\r\n                        <button class=\"oli-sim-btn active\" data-part=\"head\">\r\n                            <span data-i18n=\"sim_tab_head\">Head & Neck (2 DoF)<\/span>\r\n                        <\/button>\r\n                        <button class=\"oli-sim-btn\" data-part=\"arms\">\r\n                            <span data-i18n=\"sim_tab_arms\">Dual Arms (14 DoF)<\/span>\r\n                        <\/button>\r\n                        <button class=\"oli-sim-btn\" data-part=\"waist\">\r\n                            <span data-i18n=\"sim_tab_waist\">Waist & Torso (3 DoF)<\/span>\r\n                        <\/button>\r\n                        <button class=\"oli-sim-btn\" data-part=\"legs\">\r\n                            <span data-i18n=\"sim_tab_legs\">Dual Legs (12 DoF)<\/span>\r\n                        <\/button>\r\n                    <\/div>\r\n\r\n                    <!-- \uc124\uba85 \uce74\ub4dc \ud328\ub110 -->\r\n                    <div class=\"oli-sim-details-panel\">\r\n                        <h4 class=\"oli-sim-details-title\" id=\"oliModeTitle\">Head & Neck Motion (2 DoF)<\/h4>\r\n                        <p class=\"oli-sim-details-text\" id=\"oliModeDesc\">\r\n                            Enables natural neck pitch and yaw rotations, allowing the dual depth cameras to actively scan and map surroundings for real-time 3D object detection.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- Right Bipedal Schematic Showcase (\ud654\ub824\ud55c \ud56b\uc2a4\ud31f \ub178\ub4dc \uc2a4\ucf00\uce58 \ubc0f 2.5D CSS \ub85c\ubd07 \uc2dc\ubbac\ub808\uc774\ud130 \ub0b4\uc7a5) -->\r\n                <div class=\"oli-sim-screen oli-reveal highlight-head active\" id=\"oliSkeletonScreen\">\r\n                    \r\n                    <!-- 2.5D CSS Humanoid Robot Model -->\r\n                    <div class=\"oli-sim-robot\">\r\n                        <!-- Head -->\r\n                        <div class=\"oli-sim-robot-head\">\r\n                            <div class=\"oli-sim-robot-eye\"><\/div>\r\n                        <\/div>\r\n                        \r\n                        <!-- Neck -->\r\n                        <div class=\"oli-sim-robot-neck\"><\/div>\r\n                        \r\n                        <!-- Torso\/Chest -->\r\n                        <div class=\"oli-sim-robot-torso\">\r\n                            <div class=\"oli-sim-robot-reactor\"><\/div>\r\n                            \r\n                            <!-- Left Arm -->\r\n                            <div class=\"oli-sim-robot-arm-l\">\r\n                                <div class=\"oli-sim-robot-arm-upper\">\r\n                                    <div class=\"oli-sim-robot-arm-lower\">\r\n                                        <div class=\"oli-sim-robot-arm-hand\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n\r\n                            <!-- Right Arm -->\r\n                            <div class=\"oli-sim-robot-arm-r\">\r\n                                <div class=\"oli-sim-robot-arm-upper\">\r\n                                    <div class=\"oli-sim-robot-arm-lower\">\r\n                                        <div class=\"oli-sim-robot-arm-hand\"><\/div>\r\n                                    <\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Waist -->\r\n                        <div class=\"oli-sim-robot-waist\"><\/div>\r\n\r\n                        <!-- Left Leg -->\r\n                        <div class=\"oli-sim-robot-leg-l\">\r\n                            <div class=\"oli-sim-robot-leg-upper\">\r\n                                <div class=\"oli-sim-robot-leg-lower\">\r\n                                    <div class=\"oli-sim-robot-leg-foot\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n\r\n                        <!-- Right Leg -->\r\n                        <div class=\"oli-sim-robot-leg-r\">\r\n                            <div class=\"oli-sim-robot-leg-upper\">\r\n                                <div class=\"oli-sim-robot-leg-lower\">\r\n                                    <div class=\"oli-sim-robot-leg-foot\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- HUD \/ Background Grid (keeping interactive nodes floating on top) -->\r\n                    <div class=\"oli-sim-grid-lines\"><\/div>\r\n                    <div class=\"oli-sim-skeleton\">\r\n                        <!-- \uace8\uaca9 \ub77c\uc778\uc740 CSS\uc5d0\uc11c display: none \ucc98\ub9ac -->\r\n                        <div class=\"oli-skeleton-line oli-skeleton-spine\"><\/div>\r\n                        <div class=\"oli-skeleton-line oli-skeleton-shoulder\"><\/div>\r\n                        <div class=\"oli-skeleton-line oli-skeleton-hip\"><\/div>\r\n\r\n                        <!-- \ud56b\uc2a4\ud31f \ub178\ub4dc -->\r\n                        <div class=\"oli-skeleton-node oli-node-head active\" data-part=\"head\"><\/div>\r\n                        <div class=\"oli-skeleton-node oli-node-l-arm\" data-part=\"arms\"><\/div>\r\n                        <div class=\"oli-skeleton-node oli-node-r-arm\" data-part=\"arms\"><\/div>\r\n                        <div class=\"oli-skeleton-node oli-node-waist\" data-part=\"waist\"><\/div>\r\n                        <div class=\"oli-skeleton-node oli-node-l-leg\" data-part=\"legs\"><\/div>\r\n                        <div class=\"oli-skeleton-node oli-node-r-leg\" data-part=\"legs\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- 4. COMPARISON spec DASHBOARD (\ub77c\uc778\uc5c5 \uc0c1\uc138 \uc0ac\uc591 \ub300\uc2dc\ubcf4\ub4dc) -->\r\n    <section class=\"oli-specs-details\">\r\n        <div class=\"oli-container\">\r\n            \r\n            <div class=\"oli-specs-header oli-reveal\">\r\n                <span class=\"oli-section-tag\" data-i18n=\"specs_tag\">Lineup Comparison<\/span>\r\n                <h2 class=\"oli-section-title\" data-i18n=\"specs_title\">Oli Lite \/ EDU \/ Super Specs<\/h2>\r\n            <\/div>\r\n\r\n            <!-- \uc2a4\ud399 \ub300\uc2dc\ubcf4\ub4dc \uc140\ub809\ud130 \ud0ed -->\r\n            <div class=\"oli-specs-tab-row oli-reveal\">\r\n                <button class=\"oli-spec-tab-btn active\" data-model=\"1\">\r\n                    <span data-i18n=\"specs_tab_lite\">Oli Lite (Bipedal Base)<\/span>\r\n                <\/button>\r\n                <button class=\"oli-spec-tab-btn\" data-model=\"2\">\r\n                    <span data-i18n=\"specs_tab_edu\">Oli EDU (Development)<\/span>\r\n                <\/button>\r\n                <button class=\"oli-spec-tab-btn\" data-model=\"3\">\r\n                    <span data-i18n=\"specs_tab_super\">Oli Super (Advanced Research)<\/span>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- \uc2a4\ud399 \ud14c\uc774\ube14 \ub370\uc774\ud130 -->\r\n            <div class=\"oli-table-container oli-reveal\">\r\n                <table class=\"oli-spec-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th data-i18n=\"lbl_robot_type\">Robot Type<\/th>\r\n                            <th class=\"col-highlight col-1 active-focus\">Oli Lite<\/th>\r\n                            <th class=\"col-highlight col-2\">Oli EDU<\/th>\r\n                            <th class=\"col-highlight col-3\">Oli Super<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_height\">Height<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">165 cm<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">165 cm<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">175 cm<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_weight\">Weight<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">55 kg<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">55 kg<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">60 kg<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_payload\">Arm Payload<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">3 kg<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">3 kg<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">5 kg<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_speed\">Max Speed<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">5 km\/h<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">5 km\/h<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">5 km\/h<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_torque\">Max Torque<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">150 N-m<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">150 N-m<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">250 N-m<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_dof\">Total DoF<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">31 DoF<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">33 DoF<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">43 DoF<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_gripper\">2-Finger Gripper<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus\" data-i18n=\"val_spec_gripper_none\">None<\/td>\r\n                            <td class=\"col-highlight col-2\" data-i18n=\"val_spec_gripper_2f\">2-Finger Gripper Included<\/td>\r\n                            <td class=\"col-highlight col-3\" data-i18n=\"val_spec_gripper_2f\">2-Finger Gripper Included<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_hand\">5-Finger Hand<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus\" data-i18n=\"val_spec_hand_none\">None<\/td>\r\n                            <td class=\"col-highlight col-2\" data-i18n=\"val_spec_hand_opt\">Optional<\/td>\r\n                            <td class=\"col-highlight col-3\" data-i18n=\"val_spec_hand_5f\">5-Finger Hand Included<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_battery\">Battery Capacity<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">9,500 mAh<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">9,500 mAh<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">9,500 mAh<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_runtime\">Runtime<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">~ 2 hours<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">~ 1.5 hours<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">~ 1.5 hours<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_sensors\">On-Board Sensors<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus notranslate\">6-axis IMU<\/td>\r\n                            <td class=\"col-highlight col-2 notranslate\">6-axis IMU, Depth Camera x2<\/td>\r\n                            <td class=\"col-highlight col-3 notranslate\">6-axis IMU, Depth Camera x3, LiDAR<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_voice\">Voice Module<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus\" data-i18n=\"val_spec_voice_no\">Not Supported<\/td>\r\n                            <td class=\"col-highlight col-2\" data-i18n=\"val_spec_voice_yes\">Supported<\/td>\r\n                            <td class=\"col-highlight col-3\" data-i18n=\"val_spec_voice_yes\">Supported<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td class=\"oli-spec-param-name\" data-i18n=\"lbl_spec_api\">Developer APIs<\/td>\r\n                            <td class=\"col-highlight col-1 active-focus\" data-i18n=\"val_spec_api_no\">Basic Control Only<\/td>\r\n                            <td class=\"col-highlight col-2\" data-i18n=\"val_spec_api_yes\">Full SDK & ROS2 APIs<\/td>\r\n                            <td class=\"col-highlight col-3\" data-i18n=\"val_spec_api_yes\">Full SDK & ROS2 APIs<\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\r\n\r\n<!-- ==========================================================================\r\n   \uc790\ubc14\uc2a4\ud06c\ub9bd\ud2b8 \uc601\uc5ed & \ub2e4\uad6d\uc5b4 \ub85c\uceec\ub77c\uc774\uc81c\uc774\uc158 \uc5d4\uc9c4 (i18n Router)\r\n   ========================================================================== -->\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', function() {\r\n        \r\n        \/* ==========================================\r\n           1. EDITOR REVEAL FALLBACK\r\n           ========================================== *\/\r\n        const isElementorEditor = window.location.href.indexOf('elementor-preview') > -1 || \r\n                                  document.body.classList.contains('elementor-editor-active') ||\r\n                                  (window.parent && window.parent.document.body.classList.contains('elementor-editor-active'));\r\n\r\n        if (!isElementorEditor) {\r\n            document.body.classList.add('oli-reveal-initialized');\r\n            \r\n            const revealElements = document.querySelectorAll('.oli-reveal');\r\n            const revealOnScroll = new IntersectionObserver((entries, observer) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('active');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, {\r\n                threshold: 0.05,\r\n                rootMargin: '0px 0px -30px 0px'\r\n            });\r\n\r\n            revealElements.forEach(el => revealOnScroll.observe(el));\r\n        } else {\r\n            document.querySelectorAll('.oli-reveal').forEach(el => {\r\n                el.classList.add('active');\r\n            });\r\n        }\r\n\r\n        \/* ==========================================\r\n           2. INTERACTIVE KINEMATICS HOTSPOT (\uad00\uc808 \uc790\uc720\ub3c4 \uc815\ubcf4 \ub9e4\ud551)\r\n           ========================================== *\/\r\n        const simButtons = document.querySelectorAll('.oli-sim-btn');\r\n        const nodes = document.querySelectorAll('.oli-skeleton-node');\r\n        const simTitle = document.getElementById('oliModeTitle');\r\n        const simDesc = document.getElementById('oliModeDesc');\r\n        const skeletonScreen = document.getElementById('oliSkeletonScreen');\r\n\r\n        \/\/ \ub2e4\uad6d\uc5b4 \uad00\uc808 \ub178\ub4dc \ub370\uc774\ud130 \uc14b\uc5c5\r\n        const gaitLocalDetails = {\r\n            en: {\r\n                'head': {\r\n                    name: 'Head & Neck Motion (2 DoF)',\r\n                    desc: 'Enables natural neck pitch and yaw rotations, allowing the dual depth cameras to actively scan and map surroundings for real-time 3D object detection.'\r\n                },\r\n                'arms': {\r\n                    name: 'Dual Arms Manipulation (14 DoF)',\r\n                    desc: '7 DoF per arm replicates human arm kinematics, enabling complex reaching, lifting, and cooperative object manipulation. Compatible with multiple gripper modules.'\r\n                },\r\n                'waist': {\r\n                    name: 'Torso & Waist Stability (3 DoF)',\r\n                    desc: '3 DoF in the waist allows the robot to twist, bend, and adjust its center of mass actively, maintaining posture and balance during dynamic locomotion.'\r\n                },\r\n                'legs': {\r\n                    name: 'Bipedal Leg Locomotion (12 DoF)',\r\n                    desc: '6 DoF per leg provides full range of bipedal walking, running up to 5 km\/h, and climbing stairs, powered by high-torque joint actuators (up to 250 N-m).'\r\n                }\r\n            },\r\n            ko: {\r\n                'head': {\r\n                    name: '\uba38\ub9ac \ubc0f \ubaa9 \uad00\uc808 \uc81c\uc5b4 (2 DoF)',\r\n                    desc: '\ubaa9\uc758 \uc0c1\ud558(Pitch) \ubc0f \uc88c\uc6b0(Yaw) \ud68c\uc804\uc744 \uc81c\uc5b4\ud569\ub2c8\ub2e4. \uba38\ub9ac\uc640 \uac00\uc2b4\uc758 Depth \uce74\uba54\ub77c\uac00 \uc0ac\uac01\uc9c0\ub300 \uc5c6\uc774 \uc8fc\ubcc0 \ud658\uacbd\uc744 \uc2a4\uce94\ud558\uc5ec \uc2e4\uc2dc\uac04 3D \ubb3c\uccb4 \uc778\uc9c0\ub97c \uac00\ub2a5\ud558\uac8c \ud569\ub2c8\ub2e4.'\r\n                },\r\n                'arms': {\r\n                    name: '\uc591\ud314 \uc870\uc791 \ubc0f \uc5d4\ub4dc\uc774\ud399\ud130 (14 DoF)',\r\n                    desc: '\ub2e8\uc77c \ud314\ub2f9 7\uc790\uc720\ub3c4\ub97c \uc81c\uacf5\ud558\uc5ec \uc778\uac04\uc758 \ud314 \uc6c0\uc9c1\uc784\uc744 \ubaa8\uc0ac\ud569\ub2c8\ub2e4. \uc815\uad50\ud55c \ubb3c\uac74 \uc9d1\uae30, \ub9ac\ud504\ud305, \uc591\uc190 \ud611\uc5c5 \uc791\uc5c5\uc744 \uc218\ud589\ud558\uba70, \ub2e4\uc591\ud55c \uadf8\ub9ac\ud37c \ubaa8\ub4c8\uacfc \ud638\ud658\ub429\ub2c8\ub2e4.'\r\n                },\r\n                'waist': {\r\n                    name: '\ud5c8\ub9ac \uade0\ud615 \ubc0f \ubb34\uac8c\uc911\uc2ec \uc81c\uc5b4 (3 DoF)',\r\n                    desc: '\ud5c8\ub9ac\uc5d0 \uc704\uce58\ud55c 3\uc790\uc720\ub3c4 \uad00\uc808\uc744 \ud1b5\ud574 \ub85c\ubd07\uc774 \ubab8\uc744 \ube44\ud2c0\uac70\ub098 \uad7d\ud788\uace0, \ub3d9\uc801\uc73c\ub85c \ubb34\uac8c\uc911\uc2ec\uc744 \uc774\ub3d9\ud558\uc5ec \ud5d8\uc9c0 \uc8fc\ud589 \uc2dc\uc5d0\ub3c4 \uc548\uc815\uc801\uc778 \uade0\ud615\uc744 \uc720\uc9c0\ud569\ub2c8\ub2e4.'\r\n                },\r\n                'legs': {\r\n                    name: '\uc591\ub2e4\ub9ac \uc774\uc871 \ubcf4\ud589 \ubc0f \uc8fc\ud589 (12 DoF)',\r\n                    desc: '\ub2e8\uc77c \ub2e4\ub9ac\ub2f9 6\uc790\uc720\ub3c4\ub97c \ud1b5\ud574 \uc778\uac04\uacfc \uc720\uc0ac\ud55c \ubcf4\ud589\uc744 \uad6c\ud604\ud569\ub2c8\ub2e4. \ucd5c\ub300 5km\/h\uc758 \uc18d\ub3c4\ub85c \uac77\uac70\ub098 \ub6f0\uace0 \uacc4\ub2e8\uc744 \uc624\ub974\uba70, \ucd5c\ub300 250N-m\uc758 \uac15\ub825\ud55c \uad00\uc808 \ud1a0\ud06c \uc561\ucd94\uc5d0\uc774\ud130\uac00 \ud0d1\uc7ac\ub429\ub2c8\ub2e4.'\r\n                }\r\n            },\r\n            ja: {\r\n                'head': {\r\n                    name: '\u982d\u90e8\u30fb\u9838\u90e8\u30b8\u30e7\u30a4\u30f3\u30c8\u5236\u5fa1 (2 DoF)',\r\n                    desc: '\u9996\u306e \u30d4\u30c3\u30c1\uff08\u4e0a\u4e0b\uff09\u304a\u3088\u3073\u30e8\u30fc\uff08\u5de6\u53f3\uff09\u56de\u8ee2\u3092\u5236\u5fa1\u3057\u307e\u3059\u3002\u982d\u90e8\u3068\u80f8\u90e8\u306e\u6df1\u5ea6\u30ab\u30e1\u30e9\u304c\u5468\u56f2\u306e3D\u30de\u30c3\u30d7\u3092\u6b7b\u89d2\u306a\u304f\u4f5c\u6210\u3057\u3001\u30ea\u30a2\u30eb\u30bf\u30a4\u30e0\u3067\u306e\u7269\u4f53\u8a8d\u8b58\u3092\u53ef\u80fd\u306b\u3057\u307e\u3059\u3002'\r\n                },\r\n                'arms': {\r\n                    name: '\u4e21\u8155\u306e\u64cd\u4f5c\u3068\u30b0\u30ea\u30c3\u30d1\u30fc (14 DoF)',\r\n                    desc: '\u7247\u8155\u3042\u305f\u308a7\u81ea\u7531\u5ea6\u3092\u5099\u3048\u3001\u4eba\u9593\u306e\u8155\u306e\u52d5\u304d\u3092\u9ad8\u3044\u7cbe\u5ea6\u3067\u6a21\u5023\u3057\u307e\u3059\u3002\u8907\u96d1\u306a\u30cf\u30f3\u30c9\u30ea\u30f3\u30b0\u3001\u91cd\u91cf\u7269\u306e\u6301\u3061\u4e0a\u3052\u3001\u4e21\u624b\u3067\u306e\u5354\u8abf\u4f5c\u696d\u3092\u9042\u884c\u3057\u307e\u3059\u3002'\r\n                },\r\n                'waist': {\r\n                    name: '\u8170\u90e8\u306e\u5b89\u5b9a\u5316\u3068\u91cd\u5fc3\u5236\u5fa1 (3 DoF)',\r\n                    desc: '\u8170\u90e8\u306e3\u81ea\u7531\u5ea6\u30b8\u30e7\u30a4\u30f3\u30c8\u3092\u901a\u3058\u3066\u3001\u30ed\u30dc\u30c3\u30c8\u304c\u4e0a\u4f53\u3092\u5c48\u3081\u305f\u308a\u637b\u3063\u305f\u308a\u3057\u3001\u52d5\u7684\u306b\u91cd\u5fc3\u3092\u8abf\u6574\u3059\u308b\u3053\u3068\u3067\u3001\u4e0d\u6574\u5730\u3067\u3082\u5b89\u5b9a\u3057\u305f\u6b69\u884c\u30d0\u30e9\u30f3\u30b9\u3092\u4fdd\u3061\u307e\u3059\u3002'\r\n                },\r\n                'legs': {\r\n                    name: '\u4e21\u811a\u306b\u3088\u308b\u4e8c\u8db3\u6b69\u884c (12 DoF)',\r\n                    desc: '\u7247\u811a\u3042\u305f\u308a6\u81ea\u7531\u5ea6\u306b\u3088\u308a\u3001\u6ed1\u3089\u304b\u306a\u6b69\u884c\u8d70\u884c\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\u6700\u5927\u6642\u901f5km\u3067\u306e\u79fb\u52d5\u3084\u968e\u6bb5\u306e\u6607\u964d\u306b\u5bfe\u5fdc\u3057\u3001\u6700\u5927250N-m\u306e\u5f37\u529b\u306a\u95a2\u7bc0\u30a2\u30af\u30c1\u30e5\u30a8\u30fc\u30bf\u3092\u642d\u8f09\u3057\u3066\u3044\u307e\u3059\u3002'\r\n                }\r\n            }\r\n        };\r\n\r\n        function updateShowcaseUI(part, lang) {\r\n            const details = gaitLocalDetails[lang] || gaitLocalDetails['en'];\r\n            const data = details[part];\r\n            if (data) {\r\n                if (simTitle) simTitle.innerHTML = data.name;\r\n                if (simDesc) simDesc.innerHTML = data.desc;\r\n            }\r\n            \r\n            \/\/ \ud654\uba74 \ud074\ub798\uc2a4 \ud1a0\uae00 (\uc2a4\ucf08\ub808\ud1a4 \ub77c\uc778 \uc624\ub80c\uc9c0 \ud65c\uc131\ud654 \ud6a8\uacfc)\r\n            if (skeletonScreen) {\r\n                skeletonScreen.className = 'oli-sim-screen oli-reveal active';\r\n                skeletonScreen.classList.add('highlight-' + part);\r\n            }\r\n        }\r\n\r\n        \/\/ \ubc84\ud2bc \ud074\ub9ad \uc778\ud130\ub799\uc158\r\n        if (simButtons.length > 0) {\r\n            simButtons.forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    const part = this.getAttribute('data-part');\r\n                    \r\n                    simButtons.forEach(b => b.classList.remove('active'));\r\n                    this.classList.add('active');\r\n\r\n                    nodes.forEach(n => {\r\n                        if (n.getAttribute('data-part') === part) {\r\n                            n.classList.add('active');\r\n                        } else {\r\n                            n.classList.remove('active');\r\n                        }\r\n                    });\r\n\r\n                    updateShowcaseUI(part, currentLanguage);\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ \ub178\ub4dc \ud56b\uc2a4\ud31f \uc9c1\uc811 \ud074\ub9ad \uc778\ud130\ub799\uc158\r\n        if (nodes.length > 0) {\r\n            nodes.forEach(node => {\r\n                node.addEventListener('click', function() {\r\n                    const part = this.getAttribute('data-part');\r\n                    \r\n                    nodes.forEach(n => n.classList.remove('active'));\r\n                    \/\/ \uac19\uc740 \ud30c\ud2b8\uc758 \ubaa8\ub4e0 \ub178\ub4dc\ub4e4 \ud65c\uc131\ud654 (\uc608: \uc591\ud314, \uc591\ub2e4\ub9ac \ub3d9\uc2dc \uc870\uba85)\r\n                    nodes.forEach(n => {\r\n                        if (n.getAttribute('data-part') === part) {\r\n                            n.classList.add('active');\r\n                        }\r\n                    });\r\n\r\n                    simButtons.forEach(b => {\r\n                        if (b.getAttribute('data-part') === part) {\r\n                            b.classList.add('active');\r\n                        } else {\r\n                            b.classList.remove('active');\r\n                        }\r\n                    });\r\n\r\n                    updateShowcaseUI(part, currentLanguage);\r\n                });\r\n            });\r\n        }\r\n\r\n        \/* ==========================================\r\n           3. INTERACTIVE SPEC LINEUP HIGHLIGHT (\ubaa8\ub378\ubcc4 \uc0ac\uc591 \uceec\ub7fc \uc870\uba85)\r\n           ========================================== *\/\r\n        const specTabBtns = document.querySelectorAll('.oli-spec-tab-btn');\r\n        if (specTabBtns.length > 0) {\r\n            specTabBtns.forEach(btn => {\r\n                btn.addEventListener('click', function() {\r\n                    specTabBtns.forEach(b => b.classList.remove('active'));\r\n                    this.classList.add('active');\r\n\r\n                    const modelIdx = this.getAttribute('data-model');\r\n\r\n                    \/\/ \ud14c\uc774\ube14 \uc548\uc758 \uac15\uc870 \ud074\ub798\uc2a4 \uad50\uccb4\r\n                    document.querySelectorAll('.oli-spec-table .col-highlight').forEach(cell => {\r\n                        cell.classList.remove('active-focus');\r\n                        if (cell.classList.contains('col-' + modelIdx)) {\r\n                            cell.classList.add('active-focus');\r\n                        }\r\n                    });\r\n                });\r\n            });\r\n        }\r\n\r\n        \/* ==========================================\r\n           4. MULTILINGUAL DICTIONARY DATA\r\n           ========================================== *\/\r\n        const translations = {\r\n            en: {\r\n                intro_tag: \"Product Introduction\",\r\n                intro_title: \"Full-Size General-Purpose Humanoid Robot\",\r\n                intro_body: \"Oli is a full-size general-purpose humanoid robot standing at 165 cm. Equipped with 31 degrees of freedom (DoF) and exceptional motion capabilities, Oli replicates human-like movements smoothly, pushing the boundaries of physical AI and embodied robotics.\",\r\n                feat_tag: \"Core Technologies\",\r\n                feat_title: \"Next-Generation Embodied AI Platform\",\r\n                feat1_title: \"Human-Scale Form Factor\",\r\n                feat1_desc: \"Standing at 165 cm and weighing 55 kg, Oli matches human dimensions, allowing it to naturally navigate environments, tools, and workspaces designed for humans.\",\r\n                feat2_title: \"Developer-Friendly Modular SDK\",\r\n                feat2_desc: \"Provides full Python support with high-level and low-level API control. Employs gap-free URDF for Sim2Real transfer, supporting major simulation environments like NVIDIA Isaac Sim, MuJoCo, and Gazebo.\",\r\n                feat3_title: \"Perception & Multimodal Fusion\",\r\n                feat3_desc: \"Features an Intel RealSense D435i depth camera package (head & chest) and a 6-axis IMU, with expandable electrical interfaces to easily integrate LiDARs or additional external sensors.\",\r\n                feat4_title: \"Modular Design & End-Effectors\",\r\n                feat4_desc: \"Designed for rapid assembly and disassembly. Supports various end-effector options, including 2-Finger grippers and 5-Finger anthropomorphic hands for versatile manipulation tasks.\",\r\n                sim_tag: \"Kinematics Interface\",\r\n                sim_title: \"31 Degrees of Freedom (DoF) Architecture\",\r\n                sim_tab_head: \"Head & Neck (2 DoF)\",\r\n                sim_tab_arms: \"Dual Arms (14 DoF)\",\r\n                sim_tab_waist: \"Waist & Torso (3 DoF)\",\r\n                sim_tab_legs: \"Dual Legs (12 DoF)\",\r\n                specs_tag: \"Lineup Comparison\",\r\n                specs_title: \"Oli Lite \/ EDU \/ Super Specs\",\r\n                specs_tab_lite: \"Oli Lite (Bipedal Base)\",\r\n                specs_tab_edu: \"Oli EDU (Development)\",\r\n                specs_tab_super: \"Oli Super (Advanced Research)\",\r\n                lbl_robot_type: \"Robot Type\",\r\n                lbl_spec_height: \"Height\",\r\n                lbl_spec_weight: \"Weight\",\r\n                lbl_spec_payload: \"Arm Payload\",\r\n                lbl_spec_speed: \"Max Speed\",\r\n                lbl_spec_torque: \"Max Torque\",\r\n                lbl_spec_dof: \"Total DoF\",\r\n                lbl_spec_gripper: \"2-Finger Gripper\",\r\n                lbl_spec_hand: \"5-Finger Hand\",\r\n                lbl_spec_battery: \"Battery Capacity\",\r\n                lbl_spec_runtime: \"Runtime\",\r\n                lbl_spec_sensors: \"On-Board Sensors\",\r\n                lbl_spec_voice: \"Voice Module\",\r\n                lbl_spec_api: \"Developer APIs\",\r\n                val_spec_voice_yes: \"Supported\",\r\n                val_spec_voice_no: \"Not Supported\",\r\n                val_spec_api_yes: \"Full SDK & ROS2 APIs\",\r\n                val_spec_api_no: \"Basic Control Only\",\r\n                val_spec_gripper_2f: \"2-Finger Gripper Included\",\r\n                val_spec_gripper_none: \"None\",\r\n                val_spec_gripper_opt: \"Optional\",\r\n                val_spec_hand_5f: \"5-Finger Hand Included\",\r\n                val_spec_hand_opt: \"Optional\",\r\n                val_spec_hand_none: \"None\"\r\n            },\r\n            ko: {\r\n                intro_tag: \"\uc81c\ud488 \uc18c\uac1c\",\r\n                intro_title: \"\uc0ac\ub78c \ud06c\uae30\uc758 \uc804\uc2e0\ud615 \ud734\uba38\ub178\uc774\ub4dc \ub85c\ubd07\",\r\n                intro_body: \"165cm \uc2e0\uc7a5\uc758 \uc804\uc2e0\ud615 \ud734\uba38\ub178\uc774\ub4dc \ub85c\ubd07 Oli\ub294 31\uac1c\uc758 \uc790\uc720\ub3c4(DoF)\uc640 \ud0c1\uc6d4\ud55c \ubaa8\uc158 \uc131\ub2a5\uc744 \ubc14\ud0d5\uc73c\ub85c, \uc0c1\uc0c1 \uc18d \ubaa8\ub4e0 \uc6c0\uc9c1\uc784\uc744 \ub9e4\ub044\ub7fd\uace0 \uc778\uac04\uacfc \uc720\uc0ac\ud558\uac8c \uc7ac\ud604\ud558\uc5ec \ubb3c\ub9ac\uc801 AI \ubc0f \ub85c\ubcf4\ud2f1\uc2a4 \uc5f0\uad6c\uc758 \ud55c\uacc4\ub97c \ub113\ud799\ub2c8\ub2e4.\",\r\n                feat_tag: \"\uc8fc\uc694 \uae30\uc220\",\r\n                feat_title: \"\ucc28\uc138\ub300 \uc784\ubca0\ub514\ub4dc AI \ud50c\ub7ab\ud3fc\",\r\n                feat1_title: \"\uc0ac\ub78c \ud06c\uae30\uc758 \uc2e0\uccb4 \ud3fc\ud329\ud130\",\r\n                feat1_desc: \"\ud0a4 165cm, \ubb34\uac8c 55kg\uc73c\ub85c \uc778\uac04\uacfc \uc720\uc0ac\ud55c \uaddc\uaca9\uc744 \uac16\ucdb0, \uc0ac\ub78c\uc774 \uc791\uc5c5\ud558\ub3c4\ub85d \uc124\uacc4\ub41c \uacf5\uac04, \ub3c4\uad6c, \uc791\uc5c5 \ud658\uacbd\uc744 \uc790\uc5f0\uc2a4\ub7fd\uac8c \ud65c\uc6a9\ud558\uace0 \uc774\ub3d9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\",\r\n                feat2_title: \"\uac1c\ubc1c\uc790 \uce5c\ud654\uc801 \ubaa8\ub4c8\ud615 SDK\",\r\n                feat2_desc: \"\uc644\uc804\ud55c \ud30c\uc774\uc36c \uac1c\ubc1c \ud658\uacbd\uacfc \uc0c1\uc704\/\ud558\uc704 Level API \uc81c\uc5b4\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. Sim2Real \uac2d\uc774 \uc5c6\ub294 URDF \ud30c\uc77c\uacfc NVIDIA Isaac Sim, MuJoCo, Gazebo \ub4f1 \uc8fc\uc694 \uc2dc\ubbac\ub808\uc774\uc158 \ud50c\ub7ab\ud3fc\uc744 \uacf5\uc2dd \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\",\r\n                feat3_title: \"\ub2e4\uc911 \uc13c\uc11c \uc735\ud569 \ubc0f \uc778\uc9c0 \ub2a5\ub825\",\r\n                feat3_desc: \"Intel RealSense D435i depth \uce74\uba54\ub77c(\uba38\ub9ac\/\uac00\uc2b4 \uc7a5\ucc29\ud615)\uc640 6\ucd95 IMU\ub97c \uae30\ubcf8 \ud0d1\uc7ac\ud558\uace0 \uc788\uc73c\uba70, \ud655\uc7a5 \ud3ec\ud2b8\ub97c \ud1b5\ud574 LiDAR \ubc0f \ucd94\uac00 \uc678\ubd80 \uc13c\uc11c\ub97c \uc190\uc27d\uac8c \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\",\r\n                feat4_title: \"\ubaa8\ub4c8\ud615 \uc124\uacc4 \ubc0f \uc5d4\ub4dc\uc774\ud399\ud130\",\r\n                feat4_desc: \"\ube60\ub978 \ubd84\ud574\uc640 \uc870\ub9bd\uc774 \uac00\ub2a5\ud55c \uae30\uad6c\ubd80 \uc124\uacc4\ub97c \uac16\ucdc4\uc2b5\ub2c8\ub2e4. \uc791\uc5c5 \uc6a9\ub3c4\uc5d0 \ub530\ub77c 2-Finger \uadf8\ub9ac\ud37c \ubc0f 5-Finger \uc778\uac04\ud615 \uc190 \ub4f1 \ub2e4\uc591\ud55c \uc5d4\ub4dc\uc774\ud399\ud130 \uc635\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\",\r\n                sim_tag: \"\uae30\ud558\ud559 \uc81c\uc5b4 \uc778\ud130\ud398\uc774\uc2a4\",\r\n                sim_title: \"31 \uc790\uc720\ub3c4(DoF) \uc2e0\uccb4 \uc544\ud0a4\ud14d\ucc98\",\r\n                sim_tab_head: \"\uba38\ub9ac \ubc0f \ubaa9 (2 DoF)\",\r\n                sim_tab_arms: \"\uc591\ud314 (14 DoF)\",\r\n                sim_tab_waist: \"\ud5c8\ub9ac \ubc0f \ubab8\uccb4 (3 DoF)\",\r\n                sim_tab_legs: \"\uc591\ub2e4\ub9ac (12 DoF)\",\r\n                specs_tag: \"\ub77c\uc778\uc5c5 \uc0c1\uc138 \ube44\uad50\",\r\n                specs_title: \"Oli Lite \/ EDU \/ Super \uc2a4\ud399\",\r\n                specs_tab_lite: \"Oli Lite (\uc774\uc871 \ubcf4\ud589 \ubca0\uc774\uc2a4)\",\r\n                specs_tab_edu: \"Oli EDU (\uc5f0\uad6c\/\uac1c\ubc1c\uc6a9)\",\r\n                specs_tab_super: \"Oli Super (\uace0\uae09 \uccb4\ud654\uc9c0\ub2a5 \uc5f0\uad6c\uc6a9)\",\r\n                lbl_robot_type: \"\ub85c\ubd07 \ud615\ud0dc\",\r\n                lbl_spec_height: \"\ud0a4 (\uc2e0\uc7a5)\",\r\n                lbl_spec_weight: \"\ubb34\uac8c (\ubc30\ud130\ub9ac \ud3ec\ud568)\",\r\n                lbl_spec_payload: \"\uc801\uc7ac \ud558\uc911 (\ub2e8\uc77c \ud314)\",\r\n                lbl_spec_speed: \"\ucd5c\ub300 \uc774\ub3d9 \uc18d\ub3c4\",\r\n                lbl_spec_torque: \"\ucd5c\ub300 \uad00\uc808 \ud1a0\ud06c\",\r\n                lbl_spec_dof: \"\uc804\uccb4 \uc790\uc720\ub3c4 (DoF)\",\r\n                lbl_spec_gripper: \"2-Finger \uadf8\ub9ac\ud37c\",\r\n                lbl_spec_hand: \"5-Finger \uc778\uac04\ud615 \uc190\",\r\n                lbl_spec_battery: \"\ubc30\ud130\ub9ac \uc6a9\ub7c9\",\r\n                lbl_spec_runtime: \"\uac00\ub3d9 \uc2dc\uac04\",\r\n                lbl_spec_sensors: \"\ud0d1\uc7ac \uc778\uc9c0 \uc13c\uc11c\",\r\n                lbl_spec_voice: \"\uc74c\uc131 \uc0c1\ud638\uc791\uc6a9 \ubaa8\ub4c8\",\r\n                lbl_spec_api: \"2\ucc28 \uac1c\ubc1c \ubc0f API \uc9c0\uc6d0\",\r\n                val_spec_voice_yes: \"\uc9c0\uc6d0\",\r\n                val_spec_voice_no: \"\ubbf8\uc9c0\uc6d0\",\r\n                val_spec_api_yes: \"\ubaa8\ub4c8\ud615 SDK \ubc0f ROS2 API \uc81c\uacf5\",\r\n                val_spec_api_no: \"\uae30\ubcf8 \uc81c\uc5b4 \uc9c0\uc6d0\",\r\n                val_spec_gripper_2f: \"\uae30\ubcf8 \ud0d1\uc7ac\",\r\n                val_spec_gripper_none: \"\ubbf8\ud0d1\uc7ac\",\r\n                val_spec_gripper_opt: \"\uc635\uc158 \uc81c\uacf5\",\r\n                val_spec_hand_5f: \"\uae30\ubcf8 \ud0d1\uc7ac\",\r\n                val_spec_hand_opt: \"\uc635\uc158 \uc81c\uacf5\",\r\n                val_spec_hand_none: \"\ubbf8\uc9c0\uc6d0\"\r\n            },\r\n            ja: {\r\n                intro_tag: \"\u88fd\u54c1\u7d39\u4ecb\",\r\n                intro_title: \"\u7b49\u8eab\u5927\u6c4e\u7528\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30ed\u30dc\u30c3\u30c8\",\r\n                intro_body: \"\u8eab\u9577165cm\u306e\u7b49\u8eab\u5927\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30ed\u30dc\u30c3\u30c8Oli\u306f\u300131\u500b\u306e\u81ea\u7531\u5ea6\uff08DoF\uff09\u3068\u512a\u308c\u305f\u30e2\u30fc\u30b7\u30e7\u30f3\u6027\u80fd\u3092\u30d9\u30fc\u30b9\u306b\u3001\u4eba\u9593\u306e\u3088\u3046\u306b\u6ed1\u3089\u304b\u306a\u52d5\u304d\u3092\u518d\u73fe\u3057\u3001\u30d5\u30a3\u30b8\u30ab\u30ebAI\u304a\u3088\u3073\u81ea\u5f8b\u30ed\u30dc\u30c6\u30a3\u30af\u30b9\u7814\u7a76\u306e\u53ef\u80fd\u6027\u3092\u5e83\u3052\u307e\u3059\u3002\",\r\n                feat_tag: \"\u4e3b\u8981\u6280\u8853\",\r\n                feat_title: \"\u6b21\u4e16\u4ee3\u306e\u8eab\u4f53\u6027\u4eba\u5de5\u77e5\u80fd\uff08Embodied AI\uff09\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\",\r\n                feat1_title: \"\u7b49\u8eab\u5927\u306e\u30d5\u30a9\u30fc\u30e0\u30d5\u30a1\u30af\u30bf\",\r\n                feat1_desc: \"\u8eab\u9577165cm\u3001\u4f53\u91cd55kg\u3067\u4eba\u9593\u3068\u540c\u7b49\u306e\u30b5\u30a4\u30ba\u3092\u8a87\u308a\u3001\u4eba\u9593\u7528\u306b\u8a2d\u8a08\u3055\u308c\u305f\u751f\u6d3b\u30fb\u4f5c\u696d\u7a7a\u9593\u3001\u30c4\u30fc\u30eb\u3001\u74b0\u5883\u306b\u81ea\u7136\u306b\u9069\u5fdc\u3057\u3066\u7a3c\u50cd\u53ef\u80fd\u3067\u3059\u3002\",\r\n                feat2_title: \"\u958b\u767a\u8005\u5411\u3051\u306e\u30e2\u30b8\u30e5\u30fc\u30eb\u578bSDK\",\r\n                feat2_desc: \"\u5b8c\u5168\u306aPython\u958b\u767a\u74b0\u5883\u3068\u4e0a\u4f4d\/\u4e0b\u4f4d\u306eAPI\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002Sim2Real\u306e\u30ae\u30e3\u30c3\u30d7\u304c\u306a\u3044URDF\u30d5\u30a1\u30a4\u30eb\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3001NVIDIA Isaac Sim\u3001MuJoCo\u3001Gazebo\u306a\u3069\u306e\u4e3b\u8981\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\",\r\n                feat3_title: \"\u30de\u30eb\u30c1\u30bb\u30f3\u30b5\u30fc\u30d5\u30e5\u30fc\u30b8\u30e7\u30f3\u8a8d\u77e5\",\r\n                feat3_desc: \"Intel RealSense D435i\u6df1\u5ea6\u30ab\u30e1\u30e9\uff08\u982d\u90e8\u304a\u3088\u3073\u80f8\u90e8\uff09\u30686\u8ef8IMU\u3092\u5185\u8535\u3057\u3001\u62e1\u5f35\u30dd\u30fc\u30c8\u3092\u4ecb\u3057\u3066LiDAR\u3084\u8ffd\u52a0\u306e\u5916\u90e8\u30bb\u30f3\u30b5\u30fc\u3092\u5bb9\u6613\u306b\u7d71\u5408\u3067\u304d\u307e\u3059\u3002\",\r\n                feat4_title: \"\u30e2\u30b8\u30e5\u30fc\u30eb\u69cb\u9020\u3068\u30a8\u30f3\u30c9\u30a8\u30d5\u30a7\u30af\u30bf\",\r\n                feat4_desc: \"\u8fc5\u901f\u306a\u5206\u89e3\u30fb\u7d44\u7acb\u304c\u53ef\u80fd\u306a\u69cb\u9020\u8a2d\u8a08\u3092\u63a1\u7528\u3057\u3066\u3044\u307e\u3059\u3002\u30bf\u30b9\u30af\u306b\u5408\u308f\u305b\u30662\u30d5\u30a3\u30f3\u30ac\u30fc\u30b0\u30ea\u30c3\u30d1\u30fc\u30845\u672c\u6307\u306e\u4eba\u9593\u578b\u30cf\u30f3\u30c9\u306a\u3069\u3001\u591a\u69d8\u306a\u30a8\u30f3\u30c9\u30a8\u30d5\u30a7\u30af\u30bf\u3092\u9078\u629e\u3067\u304d\u307e\u3059\u3002\",\r\n                sim_tag: \"\u904b\u52d5\u5b66\u5236\u5fa1\u30a4\u30f3\u30bf\u30fc\u30d5\u30a7\u30fc\u30b9\",\r\n                sim_title: \"31\u81ea\u7531\u5ea6\uff08DoF\uff09\u306e\u5168\u8eab\u30b7\u30b9\u30c6\u30e0\u69cb\u9020\",\r\n                sim_tab_head: \"\u982d\u90e8\u304a\u3088\u3073\u9996 (2 DoF)\",\r\n                sim_tab_arms: \"\u4e21\u8155 (14 DoF)\",\r\n                sim_tab_waist: \"\u8170\u90e8\u304a\u3088\u3073\u4f53\u5e79 (3 DoF)\",\r\n                sim_tab_legs: \"\u4e21\u811a (12 DoF)\",\r\n                specs_tag: \"\u30e9\u30a4\u30f3\u30a2\u30c3\u30d7\u8a73\u7d30\u6bd4\u8f03\",\r\n                specs_title: \"Oli Lite \/ EDU \/ Super \u30b9\u30da\u30c3\u30af\u6bd4\u8f03\",\r\n                specs_tab_lite: \"Oli Lite (\u6b69\u884c\u30d9\u30fc\u30b9\u30e2\u30c7\u30eb)\",\r\n                specs_tab_edu: \"Oli EDU (\u6a19\u6e96\u7814\u7a76\u958b\u767a\u30e2\u30c7\u30eb)\",\r\n                specs_tab_super: \"Oli Super (\u9ad8\u5ea6AI\u7814\u7a76\u30e2\u30c7\u30eb)\",\r\n                lbl_robot_type: \"\u30ed\u30dc\u30c3\u30c8\u5f62\u614b\",\r\n                lbl_spec_height: \"\u8eab\u9577\",\r\n                lbl_spec_weight: \"\u8cea\u91cf\uff08\u30d0\u30c3\u30c6\u30ea\u30fc\u542b\u3080\uff09\",\r\n                lbl_spec_payload: \"\u53ef\u642c\u8cea\u91cf\uff08\u7247\u8155\uff09\",\r\n                lbl_spec_speed: \"\u6700\u5927\u79fb\u52d5\u901f\u5ea6\",\r\n                lbl_spec_torque: \"\u6700\u5927\u95a2\u7bc0\u30c8\u30eb\u30af\",\r\n                lbl_spec_dof: \"\u7dcf\u81ea\u7531\u5ea6 (DoF)\",\r\n                lbl_spec_gripper: \"2\u30d5\u30a3\u30f3\u30ac\u30fc\u30b0\u30ea\u30c3\u30d1\u30fc\",\r\n                lbl_spec_hand: \"5\u672c\u6307\u4eba\u9593\u578b\u30cf\u30f3\u30c9\",\r\n                lbl_spec_battery: \"\u30d0\u30c3\u30c6\u30ea\u30fc\u5bb9\u91cf\",\r\n                lbl_spec_runtime: \"\u52d5\u4f5c\u53ef\u80fd\u6642\u9593\",\r\n                lbl_spec_sensors: \"\u642d\u8f09\u30bb\u30f3\u30b5\u30fc\u69cb\u6210\",\r\n                lbl_spec_voice: \"\u97f3\u58f0\u76f8\u4e92\u4f5c\u7528\u30e2\u30b8\u30e5\u30fc\u30eb\",\r\n                lbl_spec_api: \"2\u6b21\u958b\u767a\u304a\u3088\u3073API\u5bfe\u5fdc\",\r\n                val_spec_voice_yes: \"\u5bfe\u5fdc\",\r\n                val_spec_voice_no: \"\u975e\u5bfe\u5fdc\",\r\n                val_spec_api_yes: \"\u30e2\u30b8\u30e5\u30fc\u30eb\u578bSDK\u304a\u3088\u3073ROS2 API\u63d0\u4f9b\",\r\n                val_spec_api_no: \"\u57fa\u672c\u5236\u5fa1\u306e\u307f\u30b5\u30dd\u30fc\u30c8\",\r\n                val_spec_gripper_2f: \"\u6a19\u6e96\u642d\u8f09\",\r\n                val_spec_gripper_none: \"\u975e\u642d\u8f09\",\r\n                val_spec_gripper_opt: \"\u30aa\u30d7\u30b7\u30e7\u30f3\u63d0\u4f9b\",\r\n                val_spec_hand_5f: \"\u6a19\u6e96\u642d\u8f09\",\r\n                val_spec_hand_opt: \"\u30aa\u30d7\u30b7\u30e7\u30f3\u63d0\u4f9b\",\r\n                val_spec_hand_none: \"\u975e\u5bfe\u5fdc\"\r\n            }\r\n        };\r\n\r\n        \/\/ \uc5b8\uc5b4 \uac10\uc9c0 \ud568\uc218\r\n        function detectLanguage() {\r\n            const path = window.location.pathname.toLowerCase();\r\n            const search = window.location.search.toLowerCase();\r\n            const host = window.location.hostname.toLowerCase();\r\n            const htmlLang = document.documentElement.lang.toLowerCase();\r\n            const bodyClassList = document.body.className.toLowerCase();\r\n            \r\n            \/\/ 1. URL \uacbd\ub85c \uae30\ubc18 \uac10\uc9c0\r\n            if (path.includes('\/ko\/') || path.endsWith('\/ko')) return 'ko';\r\n            if (path.includes('\/ja\/') || path.endsWith('\/ja') || path.includes('\/jp\/') || path.endsWith('\/jp')) return 'ja';\r\n            \r\n            \/\/ 2. \ucffc\ub9ac\uc2a4\ud2b8\ub9c1 \uac10\uc9c0\r\n            if (search.includes('lang=ko')) return 'ko';\r\n            if (search.includes('lang=ja') || search.includes('lang=jp')) return 'ja';\r\n            \r\n            \/\/ 3. \ud638\uc2a4\ud2b8\ub124\uc784 \uac10\uc9c0\r\n            if (host.startsWith('ko.')) return 'ko';\r\n            if (host.startsWith('ja.') || host.startsWith('jp.')) return 'ja';\r\n            \r\n            \/\/ 4. HTML lang \ud5e4\ub354 \uac10\uc9c0\r\n            if (htmlLang.startsWith('ko')) return 'ko';\r\n            if (htmlLang.startsWith('ja') || htmlLang.startsWith('jp')) return 'ja';\r\n            \r\n            \/\/ 5. TranslatePress Body \ud074\ub798\uc2a4 \uac10\uc9c0\r\n            if (bodyClassList.includes('translatepress-ko')) return 'ko';\r\n            if (bodyClassList.includes('translatepress-ja') || bodyClassList.includes('translatepress-jp')) return 'ja';\r\n            \r\n            \/\/ 6. \uad6c\uae00 \ubc88\uc5ed \ucfe0\ud0a4 \ubc0f \ud074\ub798\uc2a4 \uac10\uc9c0\r\n            if (document.cookie.includes('googtrans=\/en\/ko') || bodyClassList.includes('translated-ko')) return 'ko';\r\n            if (document.cookie.includes('googtrans=\/en\/ja') || bodyClassList.includes('translated-ja')) return 'ja';\r\n            \r\n            return 'en';\r\n        }\r\n\r\n        \/\/ \ubc88\uc5ed \uc801\uc6a9\uae30\r\n        function applyTranslations(lang) {\r\n            const dataset = translations[lang] || translations['en'];\r\n            \r\n            document.querySelectorAll('[data-i18n]').forEach(el => {\r\n                const key = el.getAttribute('data-i18n');\r\n                if (dataset[key]) {\r\n                    el.innerHTML = dataset[key];\r\n                }\r\n            });\r\n\r\n            \/\/ \uc778\ud130\ub799\ud2f0\ube0c \uc870\uc778\ud2b8 \uc124\uba85 \uce74\ub4dc \uac31\uc2e0\r\n            const activeBtn = document.querySelector('.oli-sim-btn.active');\r\n            if (activeBtn) {\r\n                const part = activeBtn.getAttribute('data-part');\r\n                updateShowcaseUI(part, lang);\r\n            }\r\n        }\r\n\r\n        let currentLanguage = detectLanguage();\r\n        applyTranslations(currentLanguage);\r\n\r\n        \/* ==========================================\r\n           5. DYNAMIC TRANSLATION OBSERVER\r\n           ========================================== *\/\r\n        const langObserver = new MutationObserver((mutations) => {\r\n            mutations.forEach((mutation) => {\r\n                if (mutation.type === 'attributes' && \r\n                    (mutation.attributeName === 'lang' || mutation.attributeName === 'class')) {\r\n                    const newLang = detectLanguage();\r\n                    if (newLang !== currentLanguage) {\r\n                        currentLanguage = newLang;\r\n                        applyTranslations(currentLanguage);\r\n                    }\r\n                }\r\n            });\r\n        });\r\n        \r\n        langObserver.observe(document.documentElement, { attributes: true, attributeFilter: ['lang'] });\r\n        langObserver.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n\r\n        setInterval(() => {\r\n            const checkLang = detectLanguage();\r\n            if (checkLang !== currentLanguage) {\r\n                currentLanguage = checkLang;\r\n                applyTranslations(currentLanguage);\r\n            }\r\n        }, 1000);\r\n    });\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0787bb8 e-flex e-con-boxed e-con e-parent\" data-id=\"0787bb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-c9c0ef2 e-con-full e-flex e-con e-child\" data-id=\"c9c0ef2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-df13ef7 e-con-full e-flex e-con e-child\" data-id=\"df13ef7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26daf77 elementor-widget-tablet__width-inherit elementor-widget elementor-widget-heading\" data-id=\"26daf77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Need Help with Easier Industrial Solutions? <br>We Are Experts!<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-080a9f2 elementor-align-center elementor-tablet-align-center elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"080a9f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Learn More<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Oli Product Introduction Full-Size General-Purpose Humanoid Robot 165cm \/ 55kg 31+ DoF System Sim2Real URDF NVIDIA Isaac Sim Oli is a full-size general-purpose humanoid robot standing at 165 cm. Equipped with 31 degrees of freedom (DoF) and exceptional motion capabilities, Oli replicates human-like movements smoothly, pushing the boundaries of physical AI and embodied robotics. Core Technologies Next-Generation Embodied AI Platform Technology 01 Human-Scale Form Factor Standing at 165 cm and weighing 55 kg, Oli matches human dimensions, allowing it to naturally navigate environments, tools, and workspaces designed for humans. Technology 02 Developer-Friendly Modular SDK Provides full Python support with high-level and low-level API control. Employs gap-free URDF for Sim2Real transfer, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2245","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Humanoid Oli - \ubaa8\ube4c\ub9ac\uc624 | \uc0b0\uc5c5\uc6a9 AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708<\/title>\n<meta name=\"description\" content=\"Quadruped and humanoid robots applied to industrial inspection, logistics, and safety.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mobilio.io\/ja\/\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30c8\u30ed\u30f3\/\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Humanoid Oli - \ubaa8\ube4c\ub9ac\uc624 | \uc0b0\uc5c5\uc6a9 AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708\" \/>\n<meta property=\"og:description\" content=\"Quadruped and humanoid robots applied to industrial inspection, logistics, and safety.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mobilio.io\/ja\/\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30c8\u30ed\u30f3\/\" \/>\n<meta property=\"og:site_name\" content=\"\ubaa8\ube4c\ub9ac\uc624 | \uc0b0\uc5c5\uc6a9 AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mobilio.robotics\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-14T00:47:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/Oli.00_00_10_24.Still008-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@mobilio_robotic\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"27\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/\",\"url\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/\",\"name\":\"Humanoid Oli - \ubaa8\ube4c\ub9ac\uc624 | \uc0b0\uc5c5\uc6a9 AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/13.125.235.224\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mobilio.io\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Oli.00_00_10_24.Still008-scaled.jpg\",\"datePublished\":\"2026-07-01T07:25:40+00:00\",\"dateModified\":\"2026-07-14T00:47:36+00:00\",\"description\":\"Quadruped and humanoid robots applied to industrial inspection, logistics, and safety.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mobilio.io\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Oli.00_00_10_24.Still008-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/www.mobilio.io\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/Oli.00_00_10_24.Still008-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mobilio.io\\\/humanoid-tron\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mobilio.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Humanoid Oli\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/13.125.235.224\\\/#website\",\"url\":\"https:\\\/\\\/13.125.235.224\\\/\",\"name\":\"Mobilio Robotics\",\"description\":\"\uc0b0\uc5c5 \ud604\uc7a5\uc744 \uc704\ud55c AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708 \ud50c\ub7ab\ud3fc\",\"publisher\":{\"@id\":\"https:\\\/\\\/13.125.235.224\\\/#organization\"},\"alternateName\":\"\ubaa8\ube4c\ub9ac\uc624 \ub85c\ubd07 \ud50c\ub7ab\ud3fc\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/13.125.235.224\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/13.125.235.224\\\/#organization\",\"name\":\"Mobilio Co., Ltd.\",\"alternateName\":\"\ubaa8\ube4c\ub9ac\uc624\",\"url\":\"https:\\\/\\\/13.125.235.224\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\\\/\\\/13.125.235.224\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mobilio.io\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/\ubaa8\ube4c\ub9ac\uc624-\ub85c\uace0_whiteOrange.png\",\"contentUrl\":\"https:\\\/\\\/www.mobilio.io\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/\ubaa8\ube4c\ub9ac\uc624-\ub85c\uace0_whiteOrange.png\",\"width\":1524,\"height\":566,\"caption\":\"Mobilio Co., Ltd.\"},\"image\":{\"@id\":\"https:\\\/\\\/13.125.235.224\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mobilio.robotics\",\"https:\\\/\\\/x.com\\\/mobilio_robotic\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/mobilio-robotics\",\"https:\\\/\\\/www.instagram.com\\\/mobilio_korea_official\",\"https:\\\/\\\/www.pinterest.com\\\/mobilio_robotics\",\"https:\\\/\\\/www.youtube.com\\\/@mobilio_robot\",\"https:\\\/\\\/www.tiktok.com\\\/@mobilio_official\",\"https:\\\/\\\/blog.naver.com\\\/mobilio2\",\"https:\\\/\\\/pf.kakao.com\\\/_xisXBK\",\"https:\\\/\\\/band.us\\\/@mobilio\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30aa\u30ea - \u30e2\u30d3\u30ea\u30aa | \u7523\u696d\u7528AI\u30ed\u30dc\u30c3\u30c8\u30fb\u30c7\u30b8\u30bf\u30eb\u30c4\u30a4\u30f3","description":"\u7523\u696d\u7528\u70b9\u691c\u3001\u7269\u6d41\u3001\u5b89\u5168\u5206\u91ce\u306b\u5fdc\u7528\u3055\u308c\u308b\u56db\u8db3\u6b69\u884c\u30ed\u30dc\u30c3\u30c8\u304a\u3088\u3073\u4eba\u578b\u30ed\u30dc\u30c3\u30c8.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mobilio.io\/ja\/\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30c8\u30ed\u30f3\/","og_locale":"ja_JP","og_type":"article","og_title":"Humanoid Oli - \ubaa8\ube4c\ub9ac\uc624 | \uc0b0\uc5c5\uc6a9 AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708","og_description":"Quadruped and humanoid robots applied to industrial inspection, logistics, and safety.","og_url":"https:\/\/www.mobilio.io\/ja\/\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30c8\u30ed\u30f3\/","og_site_name":"\ubaa8\ube4c\ub9ac\uc624 | \uc0b0\uc5c5\uc6a9 AI \ub85c\ubd07\u00b7\ub514\uc9c0\ud138\ud2b8\uc708","article_publisher":"https:\/\/www.facebook.com\/mobilio.robotics","article_modified_time":"2026-07-14T00:47:36+00:00","og_image":[{"url":"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/Oli.00_00_10_24.Still008-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_site":"@mobilio_robotic","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"27\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mobilio.io\/humanoid-tron\/","url":"https:\/\/www.mobilio.io\/humanoid-tron\/","name":"\u30d2\u30e5\u30fc\u30de\u30ce\u30a4\u30c9\u30fb\u30aa\u30ea - \u30e2\u30d3\u30ea\u30aa | \u7523\u696d\u7528AI\u30ed\u30dc\u30c3\u30c8\u30fb\u30c7\u30b8\u30bf\u30eb\u30c4\u30a4\u30f3","isPartOf":{"@id":"https:\/\/13.125.235.224\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mobilio.io\/humanoid-tron\/#primaryimage"},"image":{"@id":"https:\/\/www.mobilio.io\/humanoid-tron\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/Oli.00_00_10_24.Still008-scaled.jpg","datePublished":"2026-07-01T07:25:40+00:00","dateModified":"2026-07-14T00:47:36+00:00","description":"\u7523\u696d\u7528\u70b9\u691c\u3001\u7269\u6d41\u3001\u5b89\u5168\u5206\u91ce\u306b\u5fdc\u7528\u3055\u308c\u308b\u56db\u8db3\u6b69\u884c\u30ed\u30dc\u30c3\u30c8\u304a\u3088\u3073\u4eba\u578b\u30ed\u30dc\u30c3\u30c8.","breadcrumb":{"@id":"https:\/\/www.mobilio.io\/humanoid-tron\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mobilio.io\/humanoid-tron\/"]}]},{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.mobilio.io\/humanoid-tron\/#primaryimage","url":"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/Oli.00_00_10_24.Still008-scaled.jpg","contentUrl":"https:\/\/www.mobilio.io\/wp-content\/uploads\/2025\/09\/Oli.00_00_10_24.Still008-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.mobilio.io\/humanoid-tron\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mobilio.io\/"},{"@type":"ListItem","position":2,"name":"Humanoid Oli"}]},{"@type":"WebSite","@id":"https:\/\/13.125.235.224\/#website","url":"https:\/\/13.125.235.224\/","name":"\u30e2\u30d3\u30ea\u30aa\u30fb\u30ed\u30dc\u30c6\u30a3\u30af\u30b9","description":"\u7523\u696d\u73fe\u5834\u5411\u3051\u306eAI\u30ed\u30dc\u30c3\u30c8\u30fb\u30c7\u30b8\u30bf\u30eb\u30c4\u30a4\u30f3\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0","publisher":{"@id":"https:\/\/13.125.235.224\/#organization"},"alternateName":"\ubaa8\ube4c\ub9ac\uc624 \ub85c\ubd07 \ud50c\ub7ab\ud3fc","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/13.125.235.224\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/13.125.235.224\/#organization","name":"\u682a\u5f0f\u4f1a\u793e\u30e2\u30d3\u30ea\u30aa.","alternateName":"\ubaa8\ube4c\ub9ac\uc624","url":"https:\/\/13.125.235.224\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/13.125.235.224\/#\/schema\/logo\/image\/","url":"https:\/\/www.mobilio.io\/wp-content\/uploads\/2026\/07\/\ubaa8\ube4c\ub9ac\uc624-\ub85c\uace0_whiteOrange.png","contentUrl":"https:\/\/www.mobilio.io\/wp-content\/uploads\/2026\/07\/\ubaa8\ube4c\ub9ac\uc624-\ub85c\uace0_whiteOrange.png","width":1524,"height":566,"caption":"Mobilio Co., Ltd."},"image":{"@id":"https:\/\/13.125.235.224\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/mobilio.robotics","https:\/\/x.com\/mobilio_robotic","https:\/\/www.linkedin.com\/company\/mobilio-robotics","https:\/\/www.instagram.com\/mobilio_korea_official","https:\/\/www.pinterest.com\/mobilio_robotics","https:\/\/www.youtube.com\/@mobilio_robot","https:\/\/www.tiktok.com\/@mobilio_official","https:\/\/blog.naver.com\/mobilio2","https:\/\/pf.kakao.com\/_xisXBK","https:\/\/band.us\/@mobilio"]}]}},"_links":{"self":[{"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/pages\/2245","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/comments?post=2245"}],"version-history":[{"count":41,"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/pages\/2245\/revisions"}],"predecessor-version":[{"id":2556,"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/pages\/2245\/revisions\/2556"}],"wp:attachment":[{"href":"https:\/\/www.mobilio.io\/ja\/wp-json\/wp\/v2\/media?parent=2245"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}