<style> :root{ --navy:#0b1220; --navy-2:#0f172a; --blue:#1f4fd8; --blue-dark:#173ea8; --ink:#111418; --gray-700:#4b5563; --gray-500:#6b7280; --gray-200:#e5e7eb; --gray-100:#f3f4f6; --bg-soft:#f6f7f9; --white:#ffffff; } *{box-sizing:border-box;} html{scroll-behavior:smooth;} body{ margin:0; font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",-apple-system,BlinkMacSystemFont,sans-serif; color:var(--ink); background:var(--white); -webkit-font-smoothing:antialiased; } a{text-decoration:none;color:inherit;} img{display:block;max-width:100%;} /* ===== NAV ===== */ .nav{ position:sticky; top:0; z-index:100; background:rgba(255,255,255,0.96); backdrop-filter:blur(8px); border-bottom:1px solid var(--gray-200); } .nav-inner{ max-width:1200px; margin:0 auto; padding:16px 32px; display:flex; align-items:center; justify-content:space-between; } .nav-logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:0.02em;} .nav-logo img{height:26px;width:auto;} .nav-links{ display:flex; gap:36px; list-style:none; margin:0;padding:0; font-size:14px; font-weight:600; color:var(--ink); } .nav-links a{opacity:0.85;transition:opacity .2s;} .nav-links a:hover{opacity:1;color:var(--blue);} .nav-lang{font-size:13px;font-weight:600;color:var(--gray-500);display:flex;gap:6px;align-items:center;} .nav-lang span{cursor:pointer;} .nav-lang span.active{color:var(--ink);} /* ===== HERO ===== */ .hero{ background:radial-gradient(120% 140% at 50% 0%, #14213f 0%, var(--navy) 55%, #070b14 100%); color:var(--white); padding:120px 32px 130px; text-align:center; position:relative; overflow:hidden; } .hero::after{ content:""; position:absolute; inset:0; background: radial-gradient(600px 300px at 20% 100%, rgba(31,79,216,0.18), transparent 60%), radial-gradient(600px 300px at 80% 100%, rgba(31,79,216,0.12), transparent 60%); pointer-events:none; } .eyebrow{ font-size:12px; letter-spacing:0.22em; font-weight:700; color:#7c9bff; margin-bottom:18px; position:relative; } .hero h1{ font-size:44px; line-height:1.3; font-weight:800; margin:0 0 20px; letter-spacing:-0.01em; position:relative; } .hero p{ font-size:15px; line-height:1.7; color:#b7c0d6; max-width:720px; margin:0 auto; position:relative; } /* ===== SECTION LABEL / TECH LOGO ===== */ .section-label{ display:flex; flex-direction:column; align-items:center; gap:14px; padding:90px 32px 60px; } .tech-mark{ width:52px;height:52px; border-radius:14px; background:var(--blue); display:flex;align-items:center;justify-content:center; } .tech-mark img{height:26px;width:auto;filter:brightness(0) invert(1);} .section-label .word{ font-size:22px; font-weight:800; letter-spacing:0.28em; color:var(--ink); } /* ===== FEATURE ROW (image + text) ===== */ .feature{ max-width:1120px; margin:0 auto; padding:40px 32px 100px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; } .feature img.single{ width:100%; border-radius:6px; box-shadow:0 20px 40px rgba(15,23,42,0.12); } .kicker{ font-size:12px; font-weight:800; letter-spacing:0.14em; color:var(--blue); margin-bottom:14px; } .feature h2{ font-size:28px; line-height:1.4; font-weight:800; margin:0 0 18px; color:var(--ink); } .feature p{ font-size:14.5px; line-height:1.8; color:var(--gray-700); margin:0 0 28px; } .btn{ display:inline-flex; align-items:center; gap:8px; background:var(--blue); color:var(--white); font-size:13px; font-weight:700; padding:12px 22px; border-radius:6px; transition:background .2s, transform .2s; } .btn:hover{background:var(--blue-dark);transform:translateY(-1px);} /* ===== DUAL CARD SECTION ===== */ .dual-block{ max-width:1120px; margin:0 auto; padding:20px 32px 100px; } .dual-block .heading{ max-width:640px; margin-bottom:40px; } .dual-block .heading h2{ font-size:26px;font-weight:800;margin:12px 0 16px;line-height:1.4; } .dual-block .heading p{ font-size:14.5px;line-height:1.8;color:var(--gray-700);margin:0; } .card-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; } .card{ position:relative; border-radius:8px; overflow:hidden; aspect-ratio:4/3; background:#111; } .card img{ width:100%;height:100%;object-fit:cover; filter:grayscale(15%) contrast(1.05); transition:transform .5s ease; } .card:hover img{transform:scale(1.04);} .card::before{ content:""; position:absolute;inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.78) 100%); } .card-caption{ position:absolute; left:22px;right:22px;bottom:20px; color:var(--white); z-index:2; } .card-caption .kicker{ color:#8fb1ff; margin-bottom:8px; } .card-caption h3{ font-size:18px; font-weight:800; margin:0 0 12px; line-height:1.35; } .card-link{ font-size:12.5px; font-weight:700; display:inline-flex; align-items:center; gap:6px; color:var(--white); opacity:0.9; } /* three-up grid for AI & Control second row */ .card-grid.triple{grid-template-columns:1fr 1fr;} .card-grid.triple .card:last-child{grid-column:1 / -1;} @media(min-width:1000px){ .card-grid.triple{grid-template-columns:repeat(2,1fr);} .card-grid.triple .card:last-child{grid-column:auto;} } @media(min-width:1120px){ .card-grid.triple{grid-template-columns:repeat(2,1fr) ;} } /* ===== AI SECTION (dark image, light bg) ===== */ .ai-section{ background:var(--bg-soft); padding:100px 0 100px; } .feature.reverse{ grid-template-columns:1fr 1fr; } .feature.reverse .text-col{order:1;} .feature.reverse .img-col{order:2;} /* ===== FOOTER ===== */ footer{ background:var(--navy); color:#9aa4bd; padding:56px 32px 28px; } .footer-inner{ max-width:1120px; margin:0 auto; } .footer-top{ display:flex; justify-content:space-between; align-items:center; padding-bottom:28px; border-bottom:1px solid rgba(255,255,255,0.08); flex-wrap:wrap; gap:20px; } .footer-nav{ display:flex; gap:28px; list-style:none; padding:0;margin:0; font-size:13px; font-weight:600; color:#c4cbdd; } .footer-social{display:flex;gap:14px;} .footer-social a{ width:32px;height:32px; border-radius:50%; background:rgba(255,255,255,0.06); display:flex;align-items:center;justify-content:center; font-size:13px; } .footer-meta{ font-size:12px; line-height:2; color:#78819a; padding-top:22px; } .footer-meta .row1{margin-bottom:4px;} .footer-brand{ display:flex;align-items:center;gap:8px; font-size:12px;color:#9aa4bd;margin-top:18px; } .footer-brand img{height:14px;width:auto;filter:brightness(0) invert(1);opacity:0.7;} @media (max-width:860px){ .nav-links{display:none;} .hero h1{font-size:30px;} .feature{grid-template-columns:1fr;gap:32px;} .feature.reverse .text-col{order:2;} .feature.reverse .img-col{order:1;} .card-grid{grid-template-columns:1fr;} .card-grid.triple .card:last-child{grid-column:auto;} .footer-top{flex-direction:column;align-items:flex-start;} } /* ===== TOP LOGO (simple, no nav bar) ===== */ .top-logo{ display:flex; justify-content:center; padding:28px 0; } .top-logo-mark{ width:52px;height:52px; border-radius:14px; background:var(--blue); display:flex;align-items:center;justify-content:center; } .top-logo-mark img{height:26px;width:auto;filter:brightness(0) invert(1);} </style>

PHYSICAL AI FOR INDUSTRIAL SITES

디든로보틱스의 기술

로봇 구동기, AI 제어, 자율보행 — 산업 현장을 위한 하드웨어와 소프트웨어를 직접 설계합니다.

CORE HARDWARE

세계 최고 수준의 구동기를
자체 설계·개발합니다.

감속기, 기구부, 전장부의 핵심 부품을 직접 개발하며, 미국 T사, 중국 U사의
휴머노이드 로봇 구동기와 동등 이상의 성능을 확보했습니다.

Learn More →

CORE HARDWARE

자석발부터 전장까지,
핵심 부품을 직접 개발합니다.

7ms 즉각 스위칭 영전자석 자석발로 벽면·전장 이동을 실현하고, 전원·제어·구동 전 영역의 전장 시스템을 자체 설계하여 로봇 완성도를 높입니다.

CORE HARDWARE

영전자석 기반의 자석발

Learn More →

CORE HARDWARE

로봇 핵심 전장 통합 기술

Learn More →

AI & CONTROL

학습 알고리즘부터 Sim-to-Real까지,
로봇이 스스로 걷게 합니다.

양질의 데이터를 활용하는 학습 알고리즘과, 다양한 조건에서 수집한 대규모 데이터를 통해 극한 환경에서도 안정적인 보행 정책을 학습합니다.

Learn More →

AI & CONTROL

보고, 판단하고, 극복하는 AI 기술

시뮬레이션 데이터 생성부터 3D 점유 예측, CAD 기반 위치 추정, 장애물 극복까지 — 자율 임무 수행을 위한 AI를 직접 개발합니다.

AI & CONTROL

3차원 매핑

Learn More →

AI & CONTROL

CAD 기반 위치 추정

Learn More →

AI & CONTROL

산업 구조물 극복 자율 보행 프레임워크

Learn More →