{"id":1214,"date":"2026-03-11T02:28:17","date_gmt":"2026-03-11T02:28:17","guid":{"rendered":"https:\/\/www.getclawhub.com\/?page_id=1214"},"modified":"2026-05-17T02:57:02","modified_gmt":"2026-05-17T02:57:02","slug":"getclawhub-download","status":"publish","type":"page","link":"https:\/\/www.getclawhub.com\/ko\/","title":{"rendered":"Mac\uc6a9 OpenClaw \ub2e4\uc6b4\ub85c\ub4dc \u2014 GetClawHub"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n GetClawHub \u2014 One-Click Access to OpenClaw<\/title>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&display=swap\" rel=\"stylesheet\" \/>\n <style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --ink: var(--gch-ink, #1d1d1f);\n --paper: var(--gch-paper, #f5f5f7);\n --cream: var(--gch-ivory, #ffffff);\n --amber: #e8a020;\n --amber-light: #f5c055;\n --amber-pale: #fdf3d8;\n --teal: var(--gch-teal, #0f7c6e);\n --teal-light: #1aab97;\n --muted: var(--gch-ink-muted, rgba(60,60,67,0.60));\n --border: var(--gch-cream-line, rgba(60,60,67,0.18));\n --card-bg: var(--gch-white, #ffffff);\n --sec: #df1720;\n --third: #a30f0f;\n --forth: #000000;\n --shadow: var(--gch-shadow-2);\n --shadow-lg: var(--gch-shadow-3);\n }\n\n html { scroll-behavior: smooth; }\n\n body {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n background: var(--paper);\n color: var(--ink);\n line-height: 1.65;\n overflow-x: hidden;\n }\n\n h1, h2, h3, h4 {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n line-height: 1.15;\n letter-spacing: -0.02em;\n }\n\n \/* \u2500\u2500 NAV \u2500\u2500 *\/\n nav {\n position: sticky; top: 0; z-index: 100;\n background: rgba(245,244,239,0.92);\n backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n padding: 0 5vw;\n display: flex; align-items: center; justify-content: space-between;\n height: 80px;\n }\n .logo {\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n font-weight: 800; font-size: 1.3rem;\n color: var(--ink);\n display: flex; align-items: center; gap: 8px;\n text-decoration: none;\n }\n .logo img {\n height: 60px;\n width: auto;\n display: block;\n }\n .nav-links { display: flex; gap: 32px; align-items: center; list-style: none; }\n .nav-links a { text-decoration: none; color: var(--muted); font-size: 0.9rem; font-weight: 500; transition: color .2s; }\n .nav-links a:hover { color: var(--ink); }\n .nav-cta {\n background: var(--card-bg); color: #00000;\n padding: 9px 22px; border-radius: 8px;\n font-size: 0.88rem;\n font-weight: 600;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .nav-cta:hover { background: #df1720; color: #ffffff; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 *\/\n .hero {\n min-height: 92vh;\n display: flex; align-items: center;\n padding: 80px 5vw 60px;\n position: relative;\n overflow: hidden;\n }\n .hero-bg {\n position: absolute; inset: 0; z-index: 0;\n background:\n radial-gradient(ellipse 60% 50% at 80% 40%, rgba(232,160,32,0.12) 0%, transparent 70%),\n radial-gradient(ellipse 50% 60% at 10% 80%, rgba(15,124,110,0.08) 0%, transparent 70%);\n }\n .hero-grid {\n position: absolute; inset: 0; z-index: 0; opacity: 0.04;\n background-image: linear-gradient(var(--ink) 1px, transparent 1px),\n linear-gradient(90deg, var(--ink) 1px, transparent 1px);\n background-size: 48px 48px;\n }\n .hero-inner {\n position: relative; z-index: 1;\n max-width: 1200px; margin: 0 auto; width: 100%;\n display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center;\n }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px;\n background: var(--amber-pale); border: 1px solid rgba(232,160,32,0.3);\n color: #8a5e00; border-radius: 100px;\n padding: 6px 14px; font-size: 0.8rem; font-weight: 600;\n margin-bottom: 28px; letter-spacing: 0.03em;\n animation: fadeUp 0.6s ease both;\n }\n .badge-dot { width: 6px; height: 6px; background: var(--amber); border-radius: 50%; animation: pulse 2s infinite; }\n @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }\n\n .hero h1 {\n font-size: clamp(2.8rem, 5vw, 4.2rem);\n font-weight: 800; margin-bottom: 24px;\n animation: fadeUp 0.7s 0.1s ease both;\n }\n .hero h1 em { font-style: normal; color: var(--gch-amber, #c96442); }\n .hero h1 span.underline {\n position: relative; white-space: nowrap;\n }\n .hero h1 span.underline::after {\n content: ''; position: absolute; left: 0; bottom: -4px;\n width: 100%; height: 4px;\n background: var(--amber); border-radius: 2px;\n }\n\n .hero-desc {\n font-size: 1.1rem; color: var(--muted); max-width: 520px;\n margin-bottom: 36px; font-weight: 300; line-height: 1.75;\n animation: fadeUp 0.7s 0.2s ease both;\n }\n\n .hero-actions {\n display: flex; gap: 14px; flex-wrap: wrap;\n animation: fadeUp 0.7s 0.3s ease both;\n }\n .btn-primary {\n background: var(--ink); color: var(--paper);\n padding: 14px 28px; border-radius: 10px;\n font-size: 1rem; font-weight: 600; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 20px rgba(10,10,15,0.18);\n }\n .btn-primary:hover {\n background: var(--card-bg); box-shadow: 0 8px 28px rgba(15,124,110,0.3); }\n .btn-secondary {\n background: transparent; color: var(--ink);\n padding: 14px 24px; border-radius: 10px;\n font-size: 1rem; font-weight: 500;\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n border: 1.5px solid var(--border); transition: all .25s;\n }\n .btn-secondary:hover { border-color: var(--ink); }\n\n .hero-trust {\n display: flex; align-items: center; gap: 12px;\n margin-top: 28px; font-size: 0.82rem; color: var(--muted);\n animation: fadeUp 0.7s 0.4s ease both;\n }\n .trust-avatars { display: flex; }\n .trust-avatars span {\n width: 28px; height: 28px; border-radius: 50%;\n border: 2px solid var(--paper);\n margin-left: -6px; font-size: 0.65rem;\n display: grid; place-items: center; font-weight: 700;\n color: var(--paper);\n }\n .trust-avatars span:nth-child(1){background:#e8763a}\n .trust-avatars span:nth-child(2){background:#3a7ee8}\n .trust-avatars span:nth-child(3){background:#3ac890}\n .trust-avatars span:nth-child(4){background:#a03ae8}\n\n \/* \u2500\u2500 HERO VISUAL (VIDEO) \u2500\u2500 *\/\n .hero-visual {\n animation: fadeUp 0.8s 0.2s ease both;\n position: relative;\n }\n .video-container {\n position: relative;\n width: 100%;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: var(--shadow-lg), 0 0 0 1px rgba(255,255,255,0.06);\n aspect-ratio: 16 \/ 9;\n background: #000;\n }\n .video-container iframe {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 0;\n }\n\n \/* \u2500\u2500 SECTION WRAPPER \u2500\u2500 *\/\n .section { padding: 96px 5vw; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label {\n font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;\n color: var(--teal); margin-bottom: 12px;\n }\n .section-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; }\n .section-subtitle { font-size: 1.05rem; color: var(--muted); max-width: 600px; line-height: 1.75; }\n\n \/* \u2500\u2500 STATS BAR \u2500\u2500 *\/\n .stats-bar {\n background: var(--ink); color: var(--paper);\n padding: 40px 5vw;\n }\n .stats-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: repeat(4, 1fr);\n gap: 32px; text-align: center;\n }\n .stat-num { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; color: var(--amber); }\n .stat-label { font-size: 0.85rem; color: rgba(245,244,239,0.6); margin-top: 4px; }\n\n \/* \u2500\u2500 WHY GETCLABHUB \u2500\u2500 *\/\n .why-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 24px; margin-top: 56px;\n }\n .why-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px;\n transition: all .3s; cursor: default;\n }\n .why-card:hover { box-shadow: var(--shadow-lg); border-color: var(--amber); }\n .why-icon {\n width: 48px; height: 48px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.4rem;\n margin-bottom: 20px;\n }\n .why-icon.amber { background: var(--amber-pale); }\n .why-icon.teal { background: rgba(15,124,110,0.08); }\n .why-icon.ink { background: rgba(10,10,15,0.06); }\n .why-card h3 { font-size: 1.1rem; font-weight: 700; margin-bottom: 10px; }\n .why-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 HOW IT WORKS \u2500\u2500 *\/\n .hiw { background: var(--cream); }\n .steps { margin-top: 56px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; position: relative; }\n .steps::before {\n content: ''; position: absolute;\n top: 28px; left: calc(16.66% + 20px); right: calc(16.66% + 20px);\n height: 1.5px; background: var(--border);\n z-index: 0;\n }\n .step { text-align: center; padding: 0 24px; position: relative; z-index: 1; }\n .step-num {\n width: 56px; height: 56px; border-radius: 50%;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-weight: 800; font-size: 1.1rem;\n display: grid; place-items: center; margin: 0 auto 24px;\n border: 2px solid var(--border); background: var(--cream);\n transition: all .3s;\n }\n .step:hover .step-num { background: var(--ink); color: var(--amber); border-color: var(--ink); }\n .step h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: 10px; }\n .step p { font-size: 0.88rem; color: var(--muted); line-height: 1.7; }\n\n \/* \u2500\u2500 FREE TIER \u2500\u2500 *\/\n .free-section { background: var(--ink); color: var(--paper); }\n .free-inner {\n max-width: 1200px; margin: 0 auto;\n display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center;\n }\n .free-label { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: var(--amber); margin-bottom: 12px; }\n .free-title { font-size: clamp(2rem, 3.5vw, 2.8rem); font-weight: 800; margin-bottom: 20px; color: var(--paper); }\n .free-desc { font-size: 1rem; color: rgba(245,244,239,0.65); line-height: 1.75; margin-bottom: 36px; }\n .free-list { list-style: none; display: flex; flex-direction: column; gap: 14px; margin-bottom: 36px; }\n .free-list li {\n display: flex; align-items: flex-start; gap: 12px;\n font-size: 0.92rem; color: rgba(245,244,239,0.85); line-height: 1.6;\n }\n .free-list .check {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(26,171,151,0.2); color: var(--teal-light);\n display: grid; place-items: center; font-size: 0.7rem; flex-shrink: 0; margin-top: 2px;\n }\n .free-visual {\n background: #14141e; border-radius: 20px; padding: 32px;\n border: 1px solid rgba(255,255,255,0.06);\n }\n .chat-counter {\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 24px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.08);\n }\n .counter-label { font-size: 0.8rem; color: rgba(255,255,255,0.4); letter-spacing: 0.05em; text-transform: uppercase; }\n .counter-chips { display: flex; gap: 8px; }\n .chip {\n width: 36px; height: 36px; border-radius: 10px;\n display: grid; place-items: center; font-size: 0.75rem; font-weight: 700;\n }\n .chip.used { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.25); text-decoration: line-through; }\n .chip.active { background: var(--amber); color: var(--ink); }\n .chip.free { background: rgba(232,160,32,0.15); color: var(--amber-light); border: 1px dashed rgba(232,160,32,0.3); }\n .free-chat-msgs { display: flex; flex-direction: column; gap: 10px; }\n .fc-msg { padding: 10px 14px; border-radius: 10px; font-size: 0.8rem; line-height: 1.5; }\n .fc-user { background: var(--amber); color: var(--ink); font-weight: 500; align-self: flex-end; border-radius: 10px 4px 10px 10px; }\n .fc-ai { background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.7); border-radius: 4px 10px 10px 10px; }\n .fc-sys {\n text-align: center; font-size: 0.72rem; color: rgba(255,255,255,0.3);\n padding: 6px; font-style: italic;\n }\n\n \/* \u2500\u2500 FEATURES \u2500\u2500 *\/\n .features-grid {\n display: grid; grid-template-columns: repeat(2, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .feat-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 32px; display: flex; gap: 20px;\n transition: all .3s;\n }\n .feat-card:hover { border-color: var(--teal); box-shadow: var(--shadow); }\n .feat-card.highlight {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n grid-column: span 2;\n flex-direction: row; align-items: center;\n }\n .feat-icon {\n width: 44px; height: 44px; border-radius: 12px;\n display: grid; place-items: center; font-size: 1.3rem;\n flex-shrink: 0;\n }\n .feat-icon.a { background: var(--amber-pale); }\n .feat-icon.t { background: rgba(15,124,110,0.1); }\n .feat-icon.i { background: rgba(10,10,15,0.05); }\n .feat-icon.w { background: rgba(255,255,255,0.1); }\n .feat-card h3 { font-size: 1rem; font-weight: 700; margin-bottom: 8px; }\n .feat-card p { font-size: 0.88rem; color: var(--muted); line-height: 1.65; }\n .feat-card.highlight p { color: rgba(245,244,239,0.65); }\n\n \/* \u2500\u2500 SUPPORTED MODELS \u2500\u2500 *\/\n .models-section { background: var(--cream); }\n .models-container { margin-top: 48px; }\n .model-tier {\n margin-bottom: 48px;\n }\n .model-tier:last-child { margin-bottom: 0; }\n .tier-header {\n display: flex; align-items: center; gap: 12px;\n margin-bottom: 24px;\n }\n .tier-badge {\n padding: 6px 16px; border-radius: 100px;\n font-size: 0.8rem; font-weight: 700; letter-spacing: 0.05em;\n }\n .tier-badge.free { background: var(--teal); color: #fff; }\n .tier-badge.pro { background: var(--amber); color: var(--ink); }\n .tier-badge.max { background: var(--ink); color: var(--paper); }\n .tier-title { font-size: 1.2rem; font-weight: 800; color: var(--ink); }\n .tier-subtitle { font-size: 0.85rem; color: var(--muted); margin-left: 12px; }\n\n \/* Featured models - horizontal cards *\/\n .featured-models {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 20px;\n margin-bottom: 24px;\n }\n .featured-card {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 24px;\n transition: all .3s;\n position: relative;\n overflow: hidden;\n }\n .featured-card:hover {\n \n box-shadow: var(--shadow-lg);\n border-color: var(--amber);\n }\n .featured-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n }\n .featured-card.deepseek::before { background: linear-gradient(90deg, #2d3748, #1a202c); }\n .featured-card.gpt::before { background: linear-gradient(90deg, #10a37f, #0d7a5f); }\n .featured-card.claude::before { background: linear-gradient(90deg, #ff6b35, #d63031); }\n .featured-card.gemini::before { background: linear-gradient(90deg, #4285f4, #34a853); }\n .featured-card.qwen::before { background: linear-gradient(90deg, #06b6d4, #0891b2); }\n .featured-card.grok::before { background: linear-gradient(90deg, #000, #666); }\n .featured-card.kimi::before { background: linear-gradient(90deg, #8b5cf6, #7c3aed); }\n .featured-card.glm::before { background: linear-gradient(90deg, #10b981, #059669); }\n\n .featured-header {\n display: flex; align-items: flex-start; gap: 16px;\n margin-bottom: 16px;\n }\n .featured-logo {\n width: 52px; height: 52px; border-radius: 10px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n background: #fff;\n overflow: hidden;\n }\n .featured-logo img {\n width: 36px;\n height: 36px;\n object-fit: contain;\n }\n .featured-logo.deepseek { background: linear-gradient(135deg, #2d3748, #1a202c); }\n .featured-logo.gpt { background: linear-gradient(135deg, #10a37f, #0d7a5f); }\n .featured-logo.claude { background: linear-gradient(135deg, #ff6b35, #d63031); }\n .featured-logo.gemini { background: linear-gradient(135deg, #4285f4, #34a853); }\n .featured-logo.qwen { background: linear-gradient(135deg, #06b6d4, #0891b2); }\n .featured-logo.grok { background: linear-gradient(135deg, #000, #444); }\n .featured-logo.kimi { background: linear-gradient(135deg, #8b5cf6, #7c3aed); }\n .featured-logo.glm { background: linear-gradient(135deg, #10b981, #059669); }\n\n .featured-info h3 {\n font-size: 1rem; font-weight: 700; color: var(--ink);\n margin-bottom: 4px;\n }\n .featured-info .vendor {\n font-size: 0.78rem; color: var(--muted);\n }\n .featured-tags {\n display: flex; gap: 6px; flex-wrap: wrap;\n margin-bottom: 12px;\n }\n .f-tag {\n padding: 3px 10px; border-radius: 6px;\n font-size: 0.7rem; font-weight: 600;\n background: var(--amber-pale); color: #8a5e00;\n }\n .f-tag.teal { background: rgba(15,124,110,0.1); color: var(--teal); }\n .f-tag.purple { background: rgba(139,92,246,0.1); color: #7c3aed; }\n .f-tag.blue { background: rgba(59,130,246,0.1); color: #2563eb; }\n .featured-desc {\n font-size: 0.82rem; color: var(--muted); line-height: 1.6;\n }\n .featured-context {\n margin-top: 12px;\n font-size: 0.75rem; font-weight: 600;\n color: var(--ink);\n }\n\n \/* Other models - compact scrollable list *\/\n .other-models {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px;\n padding: 16px 20px;\n }\n .other-models-header {\n font-size: 0.8rem; font-weight: 700;\n color: var(--muted);\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n }\n .other-models-list {\n display: flex; gap: 10px;\n overflow-x: auto;\n padding-bottom: 8px;\n scrollbar-width: thin;\n scrollbar-color: var(--border) transparent;\n }\n .other-models-list::-webkit-scrollbar {\n height: 4px;\n }\n .other-models-list::-webkit-scrollbar-track {\n background: transparent;\n }\n .other-models-list::-webkit-scrollbar-thumb {\n background: var(--border); border-radius: 2px;\n }\n .other-model-item {\n flex-shrink: 0;\n padding: 8px 14px;\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 8px;\n font-size: 0.82rem;\n font-weight: 600;\n color: var(--ink);\n white-space: nowrap;\n transition: all .2s;\n }\n .other-model-item:hover {\n background: var(--amber-pale);\n border-color: var(--amber);\n }\n .models-disclaimer {\n margin-top: 32px;\n padding-top: 24px;\n border-top: 1px solid var(--border);\n font-size: 0.75rem;\n color: var(--muted);\n text-align: center;\n line-height: 1.6;\n }\n\n \/* \u2500\u2500 NEW FEATURES \u2500\u2500 *\/\n .new-features-section { background: var(--card-bg); }\n .new-features-section .section-label { color: var(--teal); }\n .new-features-section .section-title { color: var(--ink); }\n .new-features-section .section-subtitle { color: var(--muted); }\n .features-showcase {\n margin-top: 56px; display: grid; grid-template-columns: 1fr 1fr; gap: 32px;\n }\n .feature-showcase-card {\n background: var(--cream);\n border: 1px solid var(--border);\n border-radius: 20px; padding: 32px;\n transition: all .3s;\n }\n .feature-showcase-card:hover {\n border-color: var(--teal);\n \n box-shadow: var(--shadow-lg);\n }\n .feature-showcase-card.featured-card {\n grid-column: span 2;\n background: linear-gradient(135deg, var(--amber-pale) 0%, rgba(15,124,110,0.08) 100%);\n border-color: rgba(232,160,32,0.3);\n }\n .feature-media {\n width: 100%; border-radius: 12px; overflow: hidden;\n margin-bottom: 24px; background: var(--border);\n aspect-ratio: 16 \/ 9;\n position: relative;\n }\n .feature-media img, .feature-media video {\n width: 100%; height: 100%; object-fit: cover;\n display: block;\n }\n .feature-carousel {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 9;\n overflow: hidden;\n border-radius: 12px;\n }\n .carousel-track {\n display: flex;\n height: 100%;\n transition: transform 0.4s ease;\n }\n .carousel-slide {\n min-width: 100%;\n height: 100%;\n }\n .carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n }\n .carousel-btn {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: rgba(255,255,255,0.9);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.2rem;\n color: var(--ink);\n transition: all .2s;\n z-index: 2;\n box-shadow: 0 2px 8px rgba(0,0,0,0.15);\n }\n .carousel-btn:hover {\n background: var(--amber);\n color: var(--ink);\n }\n .carousel-btn.prev { left: 12px; }\n .carousel-btn.next { right: 12px; }\n .carousel-dots {\n position: absolute;\n bottom: 12px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 8px;\n z-index: 2;\n }\n .carousel-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: rgba(255,255,255,0.5);\n border: none;\n cursor: pointer;\n transition: all .2s;\n }\n .carousel-dot.active {\n background: var(--amber);\n transform: scale(1.2);\n }\n .carousel-dot:hover { background: rgba(255,255,255,0.8); }\n .feature-badge {\n display: inline-flex; align-items: center; gap: 6px;\n background: var(--amber); color: var(--ink);\n padding: 4px 12px; border-radius: 100px;\n font-size: 0.72rem; font-weight: 700;\n margin-bottom: 16px;\n }\n .feature-badge.teal { background: var(--teal); color: #fff; }\n .feature-badge.purple { background: #8b5cf6; color: #fff; }\n .feature-showcase-card h3 { font-size: 1.3rem; font-weight: 700; margin-bottom: 12px; color: var(--ink); }\n .feature-showcase-card p { font-size: 0.9rem; color: var(--muted); line-height: 1.75; }\n .feature-list {\n list-style: none; margin-top: 16px; display: flex; flex-direction: column; gap: 10px;\n }\n .feature-list li {\n display: flex; align-items: center; gap: 10px;\n font-size: 0.88rem; color: var(--ink);\n }\n .feature-list .fl-icon {\n width: 20px; height: 20px; border-radius: 50%;\n background: rgba(232,160,32,0.15); color: var(--amber);\n display: grid; place-items: center; font-size: 0.65rem; flex-shrink: 0;\n }\n .multi-agent-visual {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 20px;\n }\n .agent-node {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 12px; padding: 16px; text-align: center;\n transition: all .3s;\n }\n .agent-node:hover { background: var(--amber-pale); border-color: var(--amber); }\n .agent-avatar {\n width: 48px; height: 48px; border-radius: 12px;\n margin: 0 auto 10px;\n display: grid; place-items: center; font-size: 1.4rem;\n }\n .agent-avatar.coder { background: linear-gradient(135deg, #3a7ee8 0%, #2563eb 100%); }\n .agent-avatar.writer { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }\n .agent-avatar.researcher { background: linear-gradient(135deg, #10a37f 0%, #0d7a5f 100%); }\n .agent-name { font-size: 0.85rem; font-weight: 600; color: var(--ink); margin-bottom: 4px; }\n .agent-role { font-size: 0.72rem; color: var(--muted); }\n\n \/* \u2500\u2500 SCREENSHOT SHOWCASE \u2500\u2500 *\/\n .screenshots { background: var(--cream); }\n .screenshots-tabs {\n display: flex; gap: 8px; margin-top: 48px; margin-bottom: 32px;\n flex-wrap: wrap;\n }\n .tab-btn {\n padding: 10px 22px; border-radius: 100px;\n font-size: 0.875rem; font-weight: 600;\n border: 1.5px solid var(--border);\n background: var(--card-bg); color: var(--muted);\n cursor: pointer; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .tab-btn:hover { border-color: var(--ink); color: var(--ink); }\n .tab-btn.active {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .screenshots-display {\n position: relative;\n }\n .screenshot-panel {\n display: none;\n animation: fadeUp 0.4s ease both;\n }\n .screenshot-panel.active {\n display: block;\n }\n .screenshot-frame {\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 20px;\n overflow: hidden;\n box-shadow: var(--shadow-lg);\n position: relative;\n }\n .screenshot-titlebar {\n background: #f0eeea;\n border-bottom: 1px solid var(--border);\n padding: 12px 16px;\n display: flex; align-items: center; gap: 8px;\n }\n .titlebar-dots { display: flex; gap: 6px; }\n .titlebar-dots span {\n width: 12px; height: 12px; border-radius: 50%;\n }\n .titlebar-dots span:nth-child(1) { background: #ff5f57; }\n .titlebar-dots span:nth-child(2) { background: #febc2e; }\n .titlebar-dots span:nth-child(3) { background: #28c840; }\n .titlebar-title {\n flex: 1; text-align: center;\n font-size: 0.78rem; color: var(--muted); font-weight: 500;\n }\n .screenshot-frame img {\n width: 100%; display: block;\n transition: transform 0.4s ease;\n }\n .screenshot-frame:hover img { transform: scale(1.01); }\n .screenshot-caption {\n margin-top: 20px;\n display: flex; align-items: flex-start; gap: 16px;\n padding: 24px 28px;\n background: var(--card-bg);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n .caption-icon {\n width: 40px; height: 40px; border-radius: 10px;\n background: var(--amber-pale);\n display: grid; place-items: center; font-size: 1.2rem; flex-shrink: 0;\n }\n .caption-text h4 { font-size: 1rem; font-weight: 700; margin-bottom: 6px; }\n .caption-text p { font-size: 0.875rem; color: var(--muted); line-height: 1.65; }\n\n \/* \u2500\u2500 PRICING \u2500\u2500 *\/\n .pricing { background: var(--cream); }\n .pricing-grid {\n display: flex; justify-content: center; margin-top: 56px;\n }\n .plan {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 20px; padding: 36px; max-width: 500px; width: 100%;\n position: relative; overflow: hidden;\n transition: all .3s;\n }\n .plan:hover { box-shadow: var(--shadow-lg); }\n .plan.featured {\n background: var(--ink); color: var(--paper);\n border-color: var(--ink);\n }\n .plan-badge {\n position: absolute; top: 20px; right: 20px;\n background: var(--amber); color: var(--ink);\n font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;\n padding: 4px 10px; border-radius: 100px;\n }\n .plan-name { font-size: 0.8rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--teal); margin-bottom: 8px; }\n .plan.featured .plan-name { color: var(--amber); }\n .plan-price { font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif); font-size: 2.4rem; font-weight: 800; margin-bottom: 4px; }\n .plan-period { font-size: 0.82rem; color: var(--muted); margin-bottom: 24px; }\n .plan.featured .plan-period { color: rgba(245,244,239,0.5); }\n .plan-divider { height: 1px; background: var(--border); margin-bottom: 24px; }\n .plan.featured .plan-divider { background: rgba(255,255,255,0.1); }\n .plan-features { list-style: none; display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }\n .plan-features li { font-size: 0.88rem; display: flex; gap: 10px; align-items: flex-start; line-height: 1.5; }\n .plan.featured .plan-features li { color: rgba(245,244,239,0.8); }\n .pf-icon { font-size: 0.85rem; flex-shrink: 0; margin-top: 1px; }\n .plan-btn {\n display: block; text-align: center; padding: 13px 24px;\n border-radius: 10px; font-weight: 600; font-size: 0.92rem;\n text-decoration: none; transition: all .25s;\n font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n }\n .plan-btn.solid { background: var(--amber); color: var(--ink); }\n .plan-btn.solid:hover { background: var(--amber-light); }\n\n \/* \u2500\u2500 TESTIMONIALS \u2500\u2500 *\/\n .testi-grid {\n display: grid; grid-template-columns: repeat(3, 1fr);\n gap: 20px; margin-top: 56px;\n }\n .testi-card {\n background: var(--card-bg); border: 1px solid var(--border);\n border-radius: 16px; padding: 28px;\n }\n .stars { color: var(--amber); font-size: 0.85rem; margin-bottom: 14px; letter-spacing: 2px; }\n .testi-text { font-size: 0.9rem; color: var(--ink); line-height: 1.7; margin-bottom: 20px; font-style: italic; }\n .testi-author { display: flex; align-items: center; gap: 10px; }\n .testi-av {\n width: 36px; height: 36px; border-radius: 50%;\n display: grid; place-items: center; font-weight: 700; font-size: 0.78rem; color: #fff;\n }\n .testi-name { font-size: 0.85rem; font-weight: 600; }\n .testi-role { font-size: 0.76rem; color: var(--muted); }\n\n \/* \u2500\u2500 CTA FINAL \u2500\u2500 *\/\n .cta-final {\n background: var(--gch-surface-strong, #141413);\n padding: 96px 5vw; text-align: center;\n }\n .cta-final h2 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: #fff; margin-bottom: 16px; }\n .cta-final p { font-size: 1.1rem; color: rgba(255,255,255,0.75); max-width: 540px; margin: 0 auto 40px; }\n .cta-final .btn-white {\n background: #fff; color: var(--ink);\n padding: 15px 36px; border-radius: 10px;\n font-size: 1rem; font-weight: 700; font-family: var(--gch-font-sans, -apple-system, BlinkMacSystemFont, sans-serif);\n text-decoration: none; display: inline-flex; align-items: center; gap: 8px;\n transition: all .25s; box-shadow: 0 4px 24px rgba(0,0,0,0.15);\n }\n .cta-final .btn-white:hover { box-shadow: 0 8px 32px rgba(0,0,0,0.2); }\n .cta-note {\n font-size: 0.82rem; color: rgba(255,255,255,0.5);\n margin-top: 24px;\n }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n footer {\n background: var(--forth); color: #000000;\n padding: 48px 5vw 32px;\n }\n .footer-inner-simple {\n max-width: 1200px; margin: 0 auto;\n display: flex; justify-content: space-between; align-items: center;\n margin-bottom: 32px; flex-wrap: wrap; gap: 24px;\n }\n .footer-links {\n display: flex; gap: 24px; flex-wrap: wrap;\n }\n .footer-links a {\n font-size: 0.9rem; color: rgba(245,244,239,0.7); text-decoration: none; transition: color .2s;\n }\n .footer-links a:hover { color: var(--amber); }\n .footer-bottom {\n max-width: 1200px; margin: 0 auto;\n border-top: 1px solid rgba(255,255,255,0.08); padding-top: 24px;\n display: flex; justify-content: space-between; align-items: center;\n font-size: 0.8rem;\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeUp { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 900px) {\n .hero-inner, .free-inner { grid-template-columns: 1fr; }\n .why-grid, .steps, .testi-grid { grid-template-columns: 1fr; }\n .features-grid, .models-grid, .features-showcase { grid-template-columns: 1fr; }\n .feat-card.highlight, .feature-showcase-card.featured-card { grid-column: span 1; }\n .steps::before { display: none; }\n .stats-inner { grid-template-columns: repeat(2,1fr); }\n nav .nav-links { display: none; }\n .footer-inner-simple { flex-direction: column; text-align: center; }\n .footer-links { justify-content: center; }\n .pricing-grid { flex-direction: column; align-items: center; }\n .multi-agent-visual { grid-template-columns: 1fr; }\n }\n <\/style>\n<\/head>\n<body>\n\n<nav>\n <a href=\"#\" class=\"logo\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/logo-black-title-1.webp\" alt=\"GetClawHub\" style=\"height:40px; width: auto;\">\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#why\">\uc65c \uc6b0\ub9ac\ub97c \uc120\ud0dd\ud558\ub098\uc694<\/a><\/li>\n <li><a href=\"#how\">\uc791\ub3d9 \ubc29\ubc95<\/a><\/li>\n <li><a href=\"#models\">Models<\/a><\/li>\n <li><a href=\"#new-features\">New Features<\/a><\/li>\n <li><a href=\"#screenshots\">\uc2a4\ud06c\ub9b0\uc0f7<\/a><\/li>\n <li><a href=\"#download\">\ub2e4\uc6b4\ub85c\ub4dc<\/a><\/li>\n <li><a href=\"https:\/\/www.getclawhub.com\/ko\/download\/mac\/\" target=\"_blank\" class=\"nav-cta\">\ubb34\ub8cc \ub2e4\uc6b4\ub85c\ub4dc \u2192<\/a><\/li>\n <\/ul>\n<\/nav>\n\n<section class=\"hero\">\n <div class=\"hero-bg\"><\/div>\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-inner\">\n <div class=\"hero-left\">\n <div class=\"hero-badge\"><span class=\"badge-dot\"><\/span> OpenClaw\ub97c \uac00\uc7a5 \ube60\ub974\uac8c \uc0ac\uc6a9\ud558\ub294 \ubc29\ubc95<\/div>\n <h1>\n <em>\ud55c \ubc88\uc758 \ud074\ub9ad.<\/em><br>\n <span class=\"underline\">OpenClaw<\/span> Is<br>\n \uc900\ube44 \uc644\ub8cc.\n <\/h1>\n <p class=\"hero-desc\">\n GetClawHub\ub294 OpenClaw\ub97c \ubc14\ub85c \ub2f9\uc2e0\uc758 \uae30\uae30\uc5d0 \uc804\ub2ec\ud569\ub2c8\ub2e4 \u2014 \uc124\uce58\uc790\ub97c \ucc3e\uac70\ub098, \uae68\uc9c4 \ub2e4\uc6b4\ub85c\ub4dc \ub9c1\ud06c\ub97c \ucc3e\uac70\ub098, \uc124\uce58 \ubc88\uac70\ub85c\uc6c0\uc774 \uc5c6\uc2b5\ub2c8\ub2e4. \uba87 \ubd84 \ub9cc\uc5d0 OpenClaw\uc640 \ucc44\ud305\uc744 \uc2dc\uc791\ud558\uc138\uc694, <strong>\ubb34\uc81c\ud55c \ubb34\ub8cc \ub300\ud654<\/strong> \uc9c0\uae08 \ubc14\ub85c \uae30\ub2e4\ub9ac\uace0 \uc788\uc73c\uba70, \uc870\uac74 \uc5c6\uc774 \uc81c\uacf5\ub429\ub2c8\ub2e4.\n <\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/www.getclawhub.com\/ko\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\u2b07 OpenClaw \ubb34\ub8cc \ub2e4\uc6b4\ub85c\ub4dc<\/a>\n <a href=\"#how\" class=\"btn-secondary\">\uc791\ub3d9 \ubc29\ubc95 \ubcf4\uae30 \u2192<\/a>\n <\/div>\n <div class=\"hero-trust\">\n <div class=\"trust-avatars\">\n <span>AK<\/span><span>JL<\/span><span>MS<\/span><span>+<\/span>\n <\/div>\n \uc804 \uc138\uacc4 50,000\uba85 \uc774\uc0c1\uc758 \uc0ac\uc6a9\uc790\ub4e4\uc774 \uc2e0\ub8b0\ud569\ub2c8\ub2e4 \u00b7 macOS \u00b7 \uc2e0\uc6a9\uce74\ub4dc \ud544\uc694 \uc5c6\uc74c\n <\/div>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"\uc720\ud29c\ube0c \ub3d9\uc601\uc0c1 \ud50c\ub808\uc774\uc5b4\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<div class=\"stats-bar\">\n <div class=\"stats-inner\">\n <div><div class=\"stat-num\">\uc6d0\ud074\ub9ad<\/div><div class=\"stat-label\">OpenClaw \uc124\uce58<\/div><\/div>\n <div><div class=\"stat-num\">\ubb34\uc81c\ud55c<\/div><div class=\"stat-label\">\ubb34\ub8cc \ub300\ud654 \ud3ec\ud568<\/div><\/div>\n <div><div class=\"stat-num\">50K+<\/div><div class=\"stat-label\">\ud65c\uc131 \uc0ac\uc6a9\uc790<\/div><\/div>\n <div><div class=\"stat-num\"><60\ucd08<\/div><div class=\"stat-label\">\ud3c9\uade0 \uc124\uc815 \uc2dc\uac04<\/div><\/div>\n <\/div>\n<\/div>\n\n<section class=\"section\" id=\"why\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\uc65c GetClawHub\ub97c \uc120\ud0dd\ud574\uc57c \ud558\ub098\uc694<\/div>\n <h2 class=\"section-title\">OpenClaw\ub85c \uc2dc\uc791\ud558\ub294 \ub370 \ud544\uc694\ud55c \ubaa8\ub4e0 \uac83 \u2014 \ub9c8\ucc30 \uc5c6\uc774<\/h2>\n <p class=\"section-subtitle\">\n AI \ub3c4\uad6c\ub97c \uc2dc\uc791\ud558\ub294 \uac83\uc774 \ubc88\uac70\ub85c\uc6cc\uc11c\ub294 \uc548 \ub429\ub2c8\ub2e4. GetClawHub\ub294 \uc791\ub3d9\ud558\ub294 OpenClaw \uc124\uce58 \uc0ac\uc774\uc758 \ubd88\ud544\uc694\ud55c \ub2e8\uacc4\ub97c \ubaa8\ub450 \uc81c\uac70\ud558\uc5ec \uc911\uc694\ud55c \uac83\uc5d0 \uc9d1\uc911\ud560 \uc218 \uc788\uac8c \ud569\ub2c8\ub2e4: \ud6cc\ub96d\ud55c \ub300\ud654\uc640 \uc2e4\uc81c \uc791\uc5c5 \uc218\ud589.\n <\/p>\n <div class=\"why-grid\">\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\u26a1<\/div>\n <h3>\uc6d0\ud074\ub9ad \ub2e4\uc6b4\ub85c\ub4dc \ubc0f \uc124\uce58<\/h3>\n <p>\uc218\ub3d9 \ud328\ud0a4\uc9c0 \ucc3e\uae30 \uc5c6\uc74c. \uc218\uc0c1\ud55c \ubbf8\ub7ec\uc5d0\uc11c \uae68\uc9c4 `.dmg` \ud30c\uc77c \uc5c6\uc74c. GetClawHub\ub294 \ubaa8\ub4e0 \uac83\uc744 \ubc88\ub4e4\ub85c \uc81c\uacf5 \u2014 \ud55c \ubc88 \ud074\ub9ad\uc73c\ub85c Mac\uc5d0 OpenClaw\ub97c \uae54\ub054\ud558\uac8c \uc124\uce58\ud558\uace0 \uc989\uc2dc \uc2e4\ud589\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\udcac<\/div>\n <h3>\ubb34\uc81c\ud55c \ubb34\ub8cc \ucc44\ud305, \uc2e0\uc6a9\uce74\ub4dc \uc5c6\uc74c<\/h3>\n <p>\uc6b0\ub9ac\ub294 \uc5ec\ub7ec\ubd84\uc774 OpenClaw\ub97c \uacbd\ud5d8\ud55c \ud6c4\uc5d0\ub9cc \uacb0\uc815\uc744 \ub0b4\ub9ac\uae30\ub97c \ubc14\ub78d\ub2c8\ub2e4. \uadf8\ub798\uc11c \ubaa8\ub4e0 \uc2e0\uaddc \ubc29\ubb38\uc790\ub294 OpenClaw\uc640 \ubb34\uc81c\ud55c\uc758 \uc644\uc804\ud558\uace0 \uc81c\ud55c \uc5c6\ub294 \ub300\ud654\ub97c \ubb34\ub8cc\ub85c \uc990\uae30\uc2e4 \uc218 \uc788\uc2b5\ub2c8\ub2e4 \u2014 \ubc14\ub85c \uc0ac\uc6a9 \uac00\ub2a5\ud558\uba70 \uac00\uc785\uc774 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd12<\/div>\n <h3>\ud56d\uc0c1 \uac80\uc99d\ub41c \ucd5c\uc2e0 \ube4c\ub4dc<\/h3>\n <p>GetClawHub\uc5d0 \ud638\uc2a4\ud305\ub41c \ubaa8\ub4e0 \ub2e4\uc6b4\ub85c\ub4dc\ub294 \uc554\ud638\ud654 \uc11c\uba85\uacfc \ubb34\uacb0\uc131 \uac80\uc0ac\ub97c \uac70\uce69\ub2c8\ub2e4. \ud56d\uc0c1 \ucd5c\uc2e0 \uc548\uc815 \ubc84\uc804\uc758 OpenClaw\ub97c \ubc1b\uac8c \ub418\uba70, \uad6c\ubc84\uc804\uc774\ub098 \ubcc0\uc870\ub41c \ubc14\uc774\ub108\ub9ac\ub294 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon amber\">\ud83c\udf4e<\/div>\n <h3>Mac\uc6a9\uc73c\ub85c \uc81c\uc791 \u2014 Apple Silicon & Intel<\/h3>\n <p>Apple Silicon (M1\u2013M4) \ub610\ub294 Intel Mac\uc744 \uc0ac\uc6a9\ud558\ub4e0, GetClawHub\ub294 \uc790\ub3d9\uc73c\ub85c \uadc0\ud558\uc758 \uce69\uc5d0 \ub9de\ub294 OpenClaw \ube4c\ub4dc\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4. \ucd94\uce21 \uc5c6\uc774, \uc798\ubabb\ub41c \ub2e4\uc6b4\ub85c\ub4dc \uc5c6\uc774.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon teal\">\ud83d\ude80<\/div>\n <h3>\uc2e0\uaddc \uc0ac\uc6a9\uc790\ub4e4\uc744 \uc704\ud55c \uc6d0\ud65c\ud55c \uc628\ubcf4\ub529<\/h3>\n <p>OpenClaw\ub97c \ucc98\uc74c \uc0ac\uc6a9\ud558\uc2dc\ub098\uc694? \uc548\ub0b4 \uc124\uc815 \ub9c8\ubc95\uc0ac\uac00 \ucd08\uae30 \uad6c\uc131, API \ud0a4(\ud544\uc694\ud55c \uacbd\uc6b0), \ucd5c\uc801\uc758 \uc124\uc815\uc744 \uc548\ub0b4\ud558\uc5ec \ube44\uc804\ubb38\uac00\ub3c4 \uc27d\uac8c \uc0ac\uc6a9\ud560 \uc218 \uc788\ub3c4\ub85d \ub3c4\uc640\uc90d\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"why-card\">\n <div class=\"why-icon ink\">\ud83d\udd04<\/div>\n <h3>\uc790\ub3d9 \uc5c5\ub370\uc774\ud2b8 \uc54c\ub9bc<\/h3>\n <p>\ub4f1\ub85d\ub41c \uc0ac\uc6a9\uc790\ub294 \uc0c8 \ubc84\uc804\uc758 OpenClaw\uac00 \ucd9c\uc2dc\ub420 \ub54c\ub9c8\ub2e4 \uc571 \ub0b4 \uc54c\ub9bc\uc744 \ubc1b\uc2b5\ub2c8\ub2e4. \ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \uc5c5\ub370\uc774\ud2b8\ud558\uc5ec \ucd5c\uc2e0 \ubaa8\ub378 \uac1c\uc120 \uc0ac\ud56d\uc73c\ub85c \ub300\ud654\uac00 \uacc4\uc18d\ub429\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SUPPORTED MODELS SECTION \u2500\u2500 -->\n<section class=\"section models-section\" id=\"models\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\uc9c0\uc6d0\ud558\ub294 AI \ubaa8\ub378<\/div>\n <h2 class=\"section-title\">43\uac1c \uc774\uc0c1 \ubaa8\ub378. \ubaa8\ub4e0 \uacc4\uce35. \ud0c0\ud611 \uc5c6\uc74c.<\/h2>\n <p class=\"section-subtitle\">\n \ubb34\ub8cc \uc77c\uc0c1 \ub300\ud654\ubd80\ud130 \uae30\uc5c5\uc6a9 \uc218\uc900\uc758 \ucd94\ub860\uae4c\uc9c0 \u2014 \ubaa8\ub4e0 \uc791\uc5c5\uc5d0 \uc801\ud569\ud55c \ubaa8\ub378\uc744 \uc120\ud0dd\ud558\uc138\uc694.\n <\/p>\n\n <div class=\"models-container\">\n\n <!-- Free Tier -->\n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge free\">\ubb34\ub8cc<\/span>\n <span class=\"tier-title\">4\uac1c \ubaa8\ub378<\/span>\n <span class=\"tier-subtitle\">\uc2e0\uc6a9\uce74\ub4dc \ud544\uc694 \uc5c6\uc74c<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card deepseek\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/deepseek.png\" alt=\"DeepSeek\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>DeepSeek V4 Pro<\/h3>\n <span class=\"vendor\">DeepSeek<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\ub9cc \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag\">\ucd94\ub860<\/span>\n <\/div>\n <p class=\"featured-desc\">\ubcf5\uc7a1\ud55c \ubb38\uc81c \ud574\uacb0\uc744 \uc704\ud55c \ucd5c\uace0 \uc218\uc900\uc758 \ucd94\ub860\uacfc \ubc29\ub300\ud55c \ucee8\ud14d\uc2a4\ud2b8 \ucc3d.<\/p>\n <\/div>\n <div class=\"featured-card qwen\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/qwen.png\" alt=\"Qwen\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Qwen3.6 \ud50c\ub798\uc2dc<\/h3>\n <span class=\"vendor\">Alibaba<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\ub9cc \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag purple\">\ube44\uc804<\/span>\n <span class=\"f-tag purple\">\ube44\ub514\uc624<\/span>\n <\/div>\n <p class=\"featured-desc\">\uc774\ubbf8\uc9c0\uc640 \ube44\ub514\uc624 \uc774\ud574\uac00 \uac00\ub2a5\ud55c \uba40\ud2f0\ubaa8\ub2ec \uac15\uc790, \uacbd\uc7c1\ub825 \uc788\ub294 \uac00\uaca9\uc73c\ub85c \uc81c\uacf5.<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\ub610\ud55c \uc774\uc6a9 \uac00\ub2a5<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">Doubao-Seed-2.0-Lite<\/span>\n <span class=\"other-model-item\">MiniMax M2.7<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Pro Tier -->\n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge pro\">PRO \u2014 $20\/\uc6d4<\/span>\n <span class=\"tier-title\">18\uac1c \ubaa8\ub378<\/span>\n <span class=\"tier-subtitle\">\uc804\ubb38\uac00\ub97c \uc704\ud55c \ucd5c\uace0\uc758 \uac00\uce58<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Claude Opus 4.6<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\ub9cc \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag\">\ucd94\ub860<\/span>\n <span class=\"f-tag purple\">\ube44\uc804<\/span>\n <\/div>\n <p class=\"featured-desc\">\ubcf5\uc7a1\ud55c \ucd94\ub860, \ucf54\ub529, \ubbf8\ubb18\ud55c \ucc3d\uc791 \uc791\uc5c5\uc744 \uc704\ud55c Anthropic\uc758 \ub300\ud45c \ubaa8\ub378.<\/p>\n <\/div>\n <div class=\"featured-card gemini\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/google.png\" alt=\"Google\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Gemini 3.1 Pro \ubbf8\ub9ac\ubcf4\uae30<\/h3>\n <span class=\"vendor\">\uad6c\uae00<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\ub9cc \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag blue\">5\uac00\uc9c0 \ubaa8\ub2ec\ub9ac\ud2f0<\/span>\n <\/div>\n <p class=\"featured-desc\">\ubaa8\ub4e0 5\uac00\uc9c0 \ubaa8\ub2ec\ub9ac\ud2f0\ub97c \uc9c0\uc6d0\ud558\ub294 \uc720\uc77c\ud55c \ubaa8\ub378: \ud14d\uc2a4\ud2b8, \uc774\ubbf8\uc9c0, \uc624\ub514\uc624, \ube44\ub514\uc624, \ud30c\uc77c.<\/p>\n <\/div>\n <div class=\"featured-card grok\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/grok.png\" alt=\"Grok\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>Grok 4.1 \ube60\ub978 \ubc84\uc804<\/h3>\n <span class=\"vendor\">xAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">2\ubc31\ub9cc \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag purple\">\ube44\uc804<\/span>\n <\/div>\n <p class=\"featured-desc\">\uc804\uccb4 \ucf54\ub4dc\ubca0\uc774\uc2a4 \ub610\ub294 \uae34 \ubb38\uc11c\ub97c \ucc98\ub9ac\ud560 \uc218 \uc788\ub294 \ubc29\ub300\ud55c 2\ubc31\ub9cc \ud1a0\ud070 \ucee8\ud14d\uc2a4\ud2b8.<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\ub610\ud55c \uc774\uc6a9 \uac00\ub2a5<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 \ud50c\ub798\uc2dc<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 \uace0\uc18d<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V \ud130\ubcf4<\/span>\n <span class=\"other-model-item\">\ud0a4\ubbf8 K2.6<\/span>\n <span class=\"other-model-item\">\ud0a4\ubbf8 K2.5<\/span>\n <span class=\"other-model-item\">\ub3c4\ubc14\uc624-\uc528\uc557-2.0-\ud504\ub85c<\/span>\n <span class=\"other-model-item\">\ub3c4\ubc14\uc624-\uc528\uc557-\ucf54\ub4dc<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-\ubbf8\ub9ac\ubcf4\uae30<\/span>\n <span class=\"other-model-item\">\uc81c\ubbf8\ub2c8 2.5 \ud50c\ub798\uc2dc \ub77c\uc774\ud2b8<\/span>\n <span class=\"other-model-item\">\ud074\ub85c\ub4dc \uc18c\ub137 4.6<\/span>\n <span class=\"other-model-item\">\ud074\ub85c\ub4dc \ud558\uc774\ucfe0 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Max Tier -->\n <div class=\"model-tier\">\n <div class=\"tier-header\">\n <span class=\"tier-badge max\">MAX \u2014 $100\/\uc6d4<\/span>\n <span class=\"tier-title\">20\uac1c \ubaa8\ub378<\/span>\n <span class=\"tier-subtitle\">\ubaa8\ub4e0 \ub300\ud45c \ubaa8\ub378 \ubb34\uc81c\ud55c \uc774\uc6a9 \uac00\ub2a5<\/span>\n <\/div>\n <div class=\"featured-models\">\n <div class=\"featured-card claude\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/anthropic.png\" alt=\"Anthropic\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>\ud074\ub85c\ub4dc \uc624\ud37c\uc2a4 4.7<\/h3>\n <span class=\"vendor\">Anthropic<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">100\ub9cc \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag purple\">\ube44\uc804<\/span>\n <span class=\"f-tag purple\">\ud30c\uc77c<\/span>\n <\/div>\n <p class=\"featured-desc\">\uacfc\uc81c \uc911\uc694\ud558\uace0 \ubcf5\uc7a1\ud55c \uc791\uc5c5\uc744 \uc704\ud55c \uc564\ud2b8\ub85c\ud53d\uc758 \uac00\uc7a5 \uac15\ub825\ud55c \ubaa8\ub378.<\/p>\n <\/div>\n <div class=\"featured-card gpt\">\n <div class=\"featured-header\">\n <div class=\"featured-logo\">\n <img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/lobehub\/lobe-icons\/refs\/heads\/master\/packages\/static-png\/light\/openai.png\" alt=\"OpenAI\" \/>\n <\/div>\n <div class=\"featured-info\">\n <h3>GPT-5.5<\/h3>\n <span class=\"vendor\">OpenAI<\/span>\n <\/div>\n <\/div>\n <div class=\"featured-tags\">\n <span class=\"f-tag teal\">1.05M \ucee8\ud14d\uc2a4\ud2b8<\/span>\n <span class=\"f-tag\">\ucd94\ub860<\/span>\n <span class=\"f-tag purple\">\ube44\uc804<\/span>\n <\/div>\n <p class=\"featured-desc\">OpenAI\uc758 \uac00\uc7a5 \uc9c4\ubcf4\ub41c \ubaa8\ub378\ub85c \uae4c\ub2e4\ub85c\uc6b4 \uae30\uc5c5 \uc5c5\ubb34\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <div class=\"other-models\">\n <div class=\"other-models-header\">\ub610\ud55c \uc774\uc6a9 \uac00\ub2a5<\/div>\n <div class=\"other-models-list\">\n <span class=\"other-model-item\">DeepSeek V4 Pro<\/span>\n <span class=\"other-model-item\">DeepSeek V4 \ud50c\ub798\uc2dc<\/span>\n <span class=\"other-model-item\">Qwen3.6-Plus<\/span>\n <span class=\"other-model-item\">MiniMax M2.7 \uace0\uc18d<\/span>\n <span class=\"other-model-item\">GLM 5.1<\/span>\n <span class=\"other-model-item\">GLM 5V \ud130\ubcf4<\/span>\n <span class=\"other-model-item\">\ud0a4\ubbf8 K2.6<\/span>\n <span class=\"other-model-item\">\ud0a4\ubbf8 K2.5<\/span>\n <span class=\"other-model-item\">\ub3c4\ubc14\uc624-\uc528\uc557-2.0-\ud504\ub85c<\/span>\n <span class=\"other-model-item\">\ub3c4\ubc14\uc624-\uc528\uc557-\ucf54\ub4dc<\/span>\n <span class=\"other-model-item\">ERNIE-X1.1-\ubbf8\ub9ac\ubcf4\uae30<\/span>\n <span class=\"other-model-item\">\uc81c\ubbf8\ub2c8 2.5 \ud50c\ub798\uc2dc \ub77c\uc774\ud2b8<\/span>\n <span class=\"other-model-item\">Gemini 3.1 Pro \ubbf8\ub9ac\ubcf4\uae30<\/span>\n <span class=\"other-model-item\">Grok 4.1 \ube60\ub978 \ubc84\uc804<\/span>\n <span class=\"other-model-item\">Claude Opus 4.6<\/span>\n <span class=\"other-model-item\">\ud074\ub85c\ub4dc \uc18c\ub137 4.6<\/span>\n <span class=\"other-model-item\">\ud074\ub85c\ub4dc \ud558\uc774\ucfe0 4.5<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <p class=\"models-disclaimer\">\n \ubaa8\ub4e0 \ubaa8\ub378 \uc774\ub984, \ube0c\ub79c\ub4dc, \ub85c\uace0\ub294 \uac01 \uc18c\uc720\uc790\uc758 \uc18c\uc720\uc785\ub2c8\ub2e4. \uc774 \ud398\uc774\uc9c0\ub294 \uc815\ubcf4 \uc81c\uacf5 \ubaa9\uc801\uc73c\ub85c\ub9cc \uc0ac\uc6a9\ub418\uba70 \uacf5\uc2dd \ud30c\ud2b8\ub108\uc2ed\uc774\ub098 \uc9c0\uc9c0\ub97c \uc758\ubbf8\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\n <\/p>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500 NEW FEATURES SECTION \u2500\u2500 -->\n<section class=\"section new-features-section\" id=\"new-features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\ud074\ub77c\uc774\uc5b8\ud2b8 \uc2e0\uaddc \uae30\ub2a5<\/div>\n <h2 class=\"section-title\">\uace0\uae09 \uae30\ub2a5\uc73c\ub85c \uc791\uc5c5 \ud750\ub984\uc744 \uac15\ud654\ud558\uc138\uc694<\/h2>\n <p class=\"section-subtitle\">\n OpenClaw\uc758 \ucd5c\uc2e0 \ud074\ub77c\uc774\uc5b8\ud2b8 \uc5c5\ub370\uc774\ud2b8\ub294 \ud611\uc5c5 \ub2e4\uc911 \uc5d0\uc774\uc804\ud2b8 \uc2dc\uc2a4\ud15c\ubd80\ud130 \ud65c\ubc1c\ud55c \uc804\ubb38\uac00 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4\uae4c\uc9c0 \uac15\ub825\ud55c \uc0c8\ub85c\uc6b4 \uc791\uc5c5 \ubc29\uc2dd\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n <\/p>\n <div class=\"features-showcase\">\n\n <!-- Multi-Agent System - Featured Card -->\n <div class=\"feature-showcase-card featured-card\">\n <div class=\"feature-carousel\" id=\"agentCarousel\">\n <div class=\"carousel-track\">\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u5e02\u573a-scaled.png\" alt=\"Multi-Agent AI\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e22-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2\u7ed3\u679c-scaled.png\" alt=\"AI Agents\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620712943543-bcc4688e7485?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1555255707-c07966088b7b?w=800&q=80\" alt=\"Collaboration\" loading=\"lazy\" \/>\n <\/div>\n <\/div>\n <button class=\"carousel-btn prev\" onclick=\"moveCarousel('agentCarousel', -1)\">\u2039<\/button>\n <button class=\"carousel-btn next\" onclick=\"moveCarousel('agentCarousel', 1)\">\u203a<\/button>\n <div class=\"carousel-dots\">\n <button class=\"carousel-dot active\" onclick=\"goToSlide('agentCarousel', 0)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 1)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 2)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 3)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 4)\"><\/button>\n <button class=\"carousel-dot\" onclick=\"goToSlide('agentCarousel', 5)\"><\/button>\n <\/div>\n <\/div>\n <div class=\"feature-badge\">\u2b50 \ucd94\ucc9c<\/div>\n <h3>\ub2e4\uc911 \uc5d0\uc774\uc804\ud2b8 \ud611\uc5c5 \uc2dc\uc2a4\ud15c<\/h3>\n <p>\uc5ec\ub7ec AI \uc5d0\uc774\uc804\ud2b8\uc640 \ub3d9\uc2dc\uc5d0 \uc791\uc5c5\ud558\uba70 \uac01\uac01 \ub2e4\ub978 \uc791\uc5c5\uc5d0 \ud2b9\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \ucf54\ub529 \ub3c4\uc6b0\ubbf8, \uc5f0\uad6c \ubd84\uc11d\uac00, \ucc3d\uc791 \uc791\uac00\ub97c \ub3d9\uc2dc\uc5d0 \ubc30\uce58\ud558\uc5ec \uc2e4\uc2dc\uac04\uc73c\ub85c \ud611\ub825\ud558\uba70 \ubcf5\uc7a1\ud55c \ud504\ub85c\uc81d\ud2b8\ub97c \ud574\uacb0\ud558\uc138\uc694.<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \ucf54\ub529, \uae00\uc4f0\uae30, \uc5f0\uad6c, \ubd84\uc11d\uc744 \uc704\ud55c \uc804\ubb38 \uc5d0\uc774\uc804\ud2b8<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \ubcf5\uc7a1\ud55c \ud504\ub85c\uc81d\ud2b8\uc5d0 \ub300\ud55c \uc2e4\uc2dc\uac04 \uc5d0\uc774\uc804\ud2b8 \ud611\uc5c5<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \ub9de\ucda4\ud615 \uc5d0\uc774\uc804\ud2b8 \uc791\uc5c5 \ud750\ub984 \ubc0f \uc790\ub3d9\ud654 \ud30c\uc774\ud504\ub77c\uc778<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \ubaa8\ub4e0 \ud65c\uc131 \uc5d0\uc774\uc804\ud2b8 \uac04 \uacf5\uc720 \ucee8\ud14d\uc2a4\ud2b8<\/li>\n <\/ul>\n <div class=\"multi-agent-visual\">\n <div class=\"agent-node\">\n <div class=\"agent-avatar coder\">\ud83d\udcbb<\/div>\n <div class=\"agent-name\">\ucf54\ub354 \uc5d0\uc774\uc804\ud2b8<\/div>\n <div class=\"agent-role\">\ucf54\ub529 \ubc0f \ub514\ubc84\uae45<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar writer\">\u270d\ufe0f<\/div>\n <div class=\"agent-name\">\uc791\uac00 \uc5d0\uc774\uc804\ud2b8<\/div>\n <div class=\"agent-role\">\ucf58\ud150\uce20 \uc81c\uc791<\/div>\n <\/div>\n <div class=\"agent-node\">\n <div class=\"agent-avatar researcher\">\ud83d\udd2c<\/div>\n <div class=\"agent-name\">\uc5f0\uad6c\uc6d0 \uc5d0\uc774\uc804\ud2b8<\/div>\n <div class=\"agent-role\">\ub370\uc774\ud130 \ubd84\uc11d<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Expert Marketplace -->\n <div class=\"feature-showcase-card\">\n <div class=\"feature-media\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=600&q=80\" alt=\"Expert Marketplace\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"feature-badge purple\">\ud83e\udde9 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4<\/div>\n <h3>\uc804\ubb38\uac00 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4<\/h3>\n <p>\ucee4\ubba4\ub2c8\ud2f0\uc5d0\uc11c \uacf5\uc720\ud558\ub294 \uc804\ubb38\uac00\uac00 \ub9cc\ub4e0 \ud504\ub86c\ud504\ud2b8, \uc5d0\uc774\uc804\ud2b8, \uc6cc\ud06c\ud50c\ub85c\uc6b0\uac00 curated\ub41c \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4\uc5d0 \uc811\uc18d\ud558\uc138\uc694. \uc0b0\uc5c5\ubcc4 \ub9de\ucda4 \uc194\ub8e8\uc158\uc744 \ucc3e\uac70\ub098 \uc790\uc2e0\uc758 \uc804\ubb38 \uc9c0\uc2dd\uc744 \uacf5\uc720\ud558\uc138\uc694.<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \uc804\ubb38\uac00\uac00 \uc81c\uc791\ud55c \ud504\ub86c\ud504\ud2b8\uc640 \uc5d0\uc774\uc804\ud2b8 \ub458\ub7ec\ubcf4\uae30<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \ub2e4\ub978 \uc0ac\ub78c\uc744 \ub3d5\uae30 \uc704\ud574 \uc790\uc2e0\uc758 \ucc3d\uc791\ubb3c\uc744 \uac8c\uc2dc\ud558\uc138\uc694<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \uc0b0\uc5c5\ubcc4 \uc194\ub8e8\uc158 \ud329<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \ucee4\ubba4\ub2c8\ud2f0 \ud3c9\uac00 \ubc0f \ub9ac\ubdf0<\/li>\n <\/ul>\n <\/div>\n\n <!-- Video Showcase -->\n <div class=\"feature-showcase-card\">\n <div class=\"hero-visual\">\n <div class=\"video-container\">\n <iframe src=\"https:\/\/www.youtube.com\/embed\/7zQ4eBkzbe0\" title=\"\uc720\ud29c\ube0c \ub3d9\uc601\uc0c1 \ud50c\ub808\uc774\uc5b4\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n <\/div>\n <\/div>\n <div class=\"feature-badge teal\">\ud83c\udfac \ub370\ubaa8<\/div>\n <h3>\uc791\ub3d9 \ubaa8\uc2b5 \ubcf4\uae30<\/h3>\n <p>\uba40\ud2f0 \uc5d0\uc774\uc804\ud2b8 \ud611\uc5c5\uacfc \uc804\ubb38\uac00 \ub9c8\ucf13\ud50c\ub808\uc774\uc2a4\uac00 \uc791\uc5c5 \ubc29\uc2dd\uc744 \uc5b4\ub5bb\uac8c \ubcc0\ud654\uc2dc\ud0a4\ub294\uc9c0 \ud655\uc778\ud558\uc138\uc694. \ubcf5\uc7a1\ud55c \ucf54\ub529 \ud504\ub85c\uc81d\ud2b8\ubd80\ud130 \ucc3d\uc758\uc801\uc778 \ucea0\ud398\uc778\uae4c\uc9c0 \u2014 \uc9c1\uc811 \uacbd\ud5d8\ud558\uc138\uc694.<\/p>\n <ul class=\"feature-list\">\n <li><span class=\"fl-icon\">\u2713<\/span> \uc804\uccb4 \uc6cc\ud06c\ud50c\ub85c\uc6b0 \uc2dc\uc5f0<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \ud301\uacfc \ubaa8\ubc94 \uc0ac\ub840<\/li>\n <li><span class=\"fl-icon\">\u2713<\/span> \uc2e4\uc81c \uc0ac\ub840 \ud65c\uc6a9<\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section hiw\" id=\"how\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\uc791\ub3d9 \ubc29\ubc95<\/div>\n <h2 class=\"section-title\">\uc81c\ub85c\ubd80\ud130 OpenClaw\uae4c\uc9c0 \uc138 \ub2e8\uacc4\ub85c \uac04\ub2e8\ud558\uac8c<\/h2>\n <p class=\"section-subtitle\">\n \ubd88\ud544\uc694\ud55c \ud074\ub9ad\uc744 \ubaa8\ub450 \uc81c\uac70\ud558\ub294 \ub370 \uc9d1\ucc29\ud558\uc5ec \"OpenClaw\ub97c \uc0ac\uc6a9\ud574 \ubcf4\uace0 \uc2f6\ub2e4\"\uc5d0\uc11c \"OpenClaw\uc640 \ucc44\ud305 \uc911\uc774\ub2e4\"\uae4c\uc9c0\uc758 \uacfc\uc815\uc744 \ucd5c\ub300\ud55c \uc6d0\ud65c\ud558\uac8c \ub9cc\ub4e4\uc5c8\uc2b5\ub2c8\ub2e4.\n <\/p>\n <div class=\"steps\">\n <div class=\"step\">\n <div class=\"step-num\">01<\/div>\n <h3>GetClawHub \ubc29\ubb38\ud558\uae30<\/h3>\n <p>\ud648\ud398\uc774\uc9c0\uc5d0 \uc811\uc18d\ud558\uc138\uc694. \uc6b4\uc601 \uccb4\uc81c\uac00 \uc790\ub3d9 \uac10\uc9c0\ub418\uba70, \uc62c\ubc14\ub978 OpenClaw \uc124\uce58 \ud504\ub85c\uadf8\ub7a8\uc774 \uc900\ube44\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \ub2e8\uacc4\uc5d0\uc11c\ub294 \uacc4\uc815\uc774 \ud544\uc694 \uc5c6\uc73c\uba70 \u2014 \ud070 \ub2e4\uc6b4\ub85c\ub4dc \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uae30\ub9cc \ud558\uba74 \ub429\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">02<\/div>\n <h3>\ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \ub2e4\uc6b4\ub85c\ub4dc \ubc0f \uc124\uce58<\/h3>\n <p>\uc124\uce58 \ud504\ub85c\uadf8\ub7a8\uc744 \uc2e4\ud589\ud558\uc138\uc694. \ubaa8\ub4e0 \uc885\uc18d\uc131, \uacbd\ub85c \uad6c\uc131, \ucd08\uae30 \uc124\uc815\uc744 \uc790\ub3d9\uc73c\ub85c \ucc98\ub9ac\ud569\ub2c8\ub2e4. 60\ucd08 \uc774\ub0b4\uc5d0 OpenClaw\uac00 \uc124\uce58\ub418\uace0 \uc790\ub3d9\uc73c\ub85c \uc2e4\ud589\ub418\uc5b4 \uccab \ubc88\uc9f8 \ub300\ud654\ub97c \uc2dc\uc791\ud560 \uc900\ube44\uac00 \ub429\ub2c8\ub2e4.<\/p>\n <\/div>\n <div class=\"step\">\n <div class=\"step-num\">03<\/div>\n <h3>\ubb34\ub8cc \ucc44\ud305, \uc774\ud6c4 \ub4f1\ub85d\ud558\uc5ec \ub354 \ub9ce\uc740 \uae30\ub2a5 \uc7a0\uae08 \ud574\uc81c<\/h3>\n <p>OpenClaw\uc640\uc758 \ubb34\uc81c\ud55c \ub300\ud654\ub97c \ubb34\ub8cc\ub85c \uc990\uae30\uc138\uc694. \ubb34\uc81c\ud55c \uc774\uc6a9\uc744 \uc6d0\ud558\uc2dc\uba74 \ubb34\ub8cc GetClawHub \uacc4\uc815\uc744 \ub9cc\ub4e4\uc5b4 \uc804\uccb4 \uae30\ub2a5\uc744 \uba87 \ucd08 \ub9cc\uc5d0 \uc7a0\uae08 \ud574\uc81c\ud558\uc138\uc694.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section free-section\" id=\"free\">\n <div class=\"free-inner\">\n <div>\n <div class=\"free-label\">\ubb34\ub8cc \uc2dc\uc791<\/div>\n <h2 class=\"free-title\">\ubb34\uc81c\ud55c \ubb34\ub8cc \ub300\ud654. \uc544\ubb34 \uc870\uac74\ub3c4 \uc5c6\uc2b5\ub2c8\ub2e4. \uc2e0\uc6a9\uce74\ub4dc \ud544\uc694 \uc5c6\uc74c.<\/h2>\n <p class=\"free-desc\">\n \uc6b0\ub9ac\ub294 \uc2e0\ub8b0\ub294 \uc5bb\ub294 \uac83\uc774\uc9c0 \uc694\uad6c\ud558\ub294 \uac83\uc774 \uc544\ub2c8\ub77c\uace0 \ubbff\uc2b5\ub2c8\ub2e4. \uadf8\ub798\uc11c OpenClaw\uc640\uc758 \ubb34\uc81c\ud55c \ub300\ud654\ub294 \uc804\uc801\uc73c\ub85c \ubb34\ub8cc\uc785\ub2c8\ub2e4 \u2014 \uace0\ud488\uc9c8, \uae30\ub2a5 \uc81c\ud55c \uc5c6\uc74c, \uc6cc\ud130\ub9c8\ud06c \uc5c6\uc74c. \ub4f1\ub85d\ud558\uae30 \uc804\uc5d0 OpenClaw\uac00 \ubb34\uc5c7\uc744 \ud560 \uc218 \uc788\ub294\uc9c0 \uc815\ud655\ud788 \uacbd\ud5d8\ud558\uc138\uc694.\n <\/p>\n <ul class=\"free-list\">\n <li><div class=\"check\">\u2713<\/div><div>\ubaa8\ub4e0 \ubb34\uc81c\ud55c \ubb34\ub8cc \ucc44\ud305\uc740 \ub370\ubaa8\ub098 \uc81c\ud55c\ub41c \ubbf8\ub9ac\ubcf4\uae30\uac00 \uc544\ub2cc, \uc804\uccb4 \uae38\uc774\uc758 \uace0\ud488\uc9c8 \ub300\ud654\uc785\ub2c8\ub2e4 \u2014 \uc9c8\ubb38\ud558\uc138\uc694, \uc644\uc804\ud55c \ub2f5\ubcc0\uc744 \ubc1b\uc73c\uc138\uc694.<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\ubb34\ub8cc \ucc44\ud305\uc744 \uc2dc\uc791\ud558\ub294 \ub370 \uc774\uba54\uc77c\uc774 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4. \ub2e4\uc6b4\ub85c\ub4dc, \uc124\uce58 \ud6c4 \ubc14\ub85c \ub300\ud654\uac00 \uac00\ub2a5\ud55c OpenClaw.<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\ubb34\uc81c\ud55c \ubb34\ub8cc \uc138\uc158 \ud6c4\uc5d0\ub294 \ubb34\ub8cc GetClawHub \uacc4\uc815\uc744 \ub9cc\ub4e4\uc5b4 \ubb34\uc81c\ud55c \ub300\ud654\ub97c \uc7a0\uae08 \ud574\uc81c\ud558\uc138\uc694 \u2014 1\ubd84\ub3c4 \ucc44 \uac78\ub9ac\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/div><\/li>\n <li><div class=\"check\">\u2713<\/div><div>\ud68c\uc6d0\uac00\uc785 \uc804\uc5d0 \ucc44\ud305 #1\ubd80\ud130 \ub300\ud654 \uae30\ub85d\uc774 \uc800\uc7a5\ub418\uc5b4 \uc788\uc73c\ubbc0\ub85c, \uac00\uc785 \uc2dc \uc544\ubb34 \uac83\ub3c4 \uc783\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.<\/div><\/li>\n <\/ul>\n <a href=\"https:\/\/www.getclawhub.com\/ko\/download\/mac\/\" target=\"_blank\" class=\"btn-primary\">\ubb34\ub8cc \ucc44\ud305 \uc2dc\uc791\ud558\uae30 \u2192<\/a>\n <\/div>\n\n <div class=\"free-visual\">\n <div class=\"chat-counter\">\n <div>\n <div class=\"counter-label\">\ub0a8\uc740 \ubb34\ub8cc \ucc44\ud305<\/div>\n <\/div>\n <div class=\"counter-chips\">\n <div class=\"chip used\">1<\/div>\n <div class=\"chip active\">2<\/div>\n <div class=\"chip free\">3<\/div>\n <\/div>\n <\/div>\n <div class=\"free-chat-msgs\">\n <div class=\"fc-msg fc-user\">\ub0b4 SaaS \uc81c\ud488\uc5d0 \ub300\ud55c \ucc28\uac00\uc6b4 \uc774\uba54\uc77c\uc744 \uc368 \uc8fc\uc138\uc694.<\/div>\n <div class=\"fc-msg fc-ai\">\ubb3c\ub860\uc785\ub2c8\ub2e4! \uac00\uce58 \uc911\uc2ec\uc758 \uac15\ub825\ud55c \ucc28\uac00\uc6b4 \uc774\uba54\uc77c\ub85c, \ub0ae\uc740 \ub9c8\ucc30\uc758 CTA\ub85c \ub05d\ub0a9\ub2c8\ub2e4. \uc81c\ubaa9: \"\uc77c\uc8fc\uc77c \ub9cc\uc5d0 [\uace0\ucda9\uc810]\uc744 40% \uc904\uc774\uc138\uc694\"...<\/div>\n <div class=\"fc-msg fc-user\">\ub354 \uc9e7\uace0 \uce90\uc8fc\uc5bc\ud558\uac8c \ub9cc\ub4e4\uc5b4 \uc8fc\uc138\uc694.<\/div>\n <div class=\"fc-msg fc-ai\">\uc54c\uaca0\uc2b5\ub2c8\ub2e4 \u2014 \ub354 \uce5c\uadfc\ud55c \uc5b4\uc870\ub85c \ub2e4\ub4ec\uc740 \ubc84\uc804\uc785\ub2c8\ub2e4, 20% \ub192\uc740 \ub2f5\ubcc0\ub960\uc5d0 \ucd5c\uc801\ud654\ub418\uc5b4 \uc788\uc2b5\ub2c8\ub2e4...<\/div>\n <div class=\"fc-msg fc-sys\">\u2014 \ubb34\uc81c\ud55c \ubb34\ub8cc \ub300\ud654 \u2014<\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"features\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\uc804\uccb4 \uae30\ub2a5 \uc138\ud2b8<\/div>\n <h2 class=\"section-title\">\uc77c\uc744 \ub05d\ub0b4\ub294 \uc0ac\ub78c\ub4e4\uc744 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\uc5b4\uc694<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub\ub294 \ub2e8\uc21c\ud55c \ub2e4\uc6b4\ub85c\ub4dc \ud3ec\ud138\uc774 \uc544\ub2c8\uc5d0\uc694 \u2014 \ucc98\uc74c \uc124\uce58\ubd80\ud130 \uc77c\uc0c1 \uc0ac\uc6a9\uae4c\uc9c0 OpenClaw \uacbd\ud5d8\uc744 \uad00\ub9ac\ud558\ub294 \uc644\uc804\ud55c \ud50c\ub7ab\ud3fc\uc785\ub2c8\ub2e4.\n <\/p>\n <div class=\"features-grid\">\n <div class=\"feat-card highlight\">\n <div class=\"feat-icon w\">\u2b07<\/div>\n <div>\n <h3>\uc6d0\ud074\ub9ad OpenClaw \uc124\uce58 \ud504\ub85c\uadf8\ub7a8<\/h3>\n <p>\uc6b0\ub9ac\uc758 \ub300\ud45c \uae30\ub2a5: \uc815\ud655\ud558\uace0 \uac80\uc99d\ub41c \ucd5c\uc2e0 \uc548\uc815 \ubc84\uc804\uc758 OpenClaw\ub97c \uc81c\uacf5\ud558\ub294 \ub2e8\uc77c \ub2e4\uc6b4\ub85c\ub4dc \ubc84\ud2bc. GitHub \ub9b4\ub9ac\uc2a4\ub97c \ubd84\uc11d\ud558\uac70\ub098, README\ub97c \ub530\ub77c \ud558\uac70\ub098, \ud130\ubbf8\ub110 \uba85\ub839\uc5b4\ub97c \ubcf5\uc0ac \ubd99\uc5ec\ub123\uae30 \ud560 \ud544\uc694\uac00 \uc5c6\uc2b5\ub2c8\ub2e4. \uc560\ud50c \uc2e4\ub9ac\ucf58\uc774\ub4e0 \uc778\ud154\uc774\ub4e0, GetClawHub\ub294 \uc758\ub3c4\uc5d0\uc11c \uc2e4\ud589 \uac00\ub2a5\ud55c OpenClaw \uc124\uce58\uae4c\uc9c0 \uac00\uc7a5 \ube60\ub978 \uae38\uc785\ub2c8\ub2e4 \u2014 \ud655\uc2e4\ud788.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udcc1<\/div>\n <div>\n <h3>\ub300\ud654 \uae30\ub85d \ubc0f \ub0b4\ubcf4\ub0b4\uae30<\/h3>\n <p>\ubaa8\ub4e0 OpenClaw \ucc44\ud305\uc740 \uc790\ub3d9\uc73c\ub85c GetClawHub \uacc4\uc815\uc5d0 \uc800\uc7a5\ub429\ub2c8\ub2e4. \uc5b8\uc81c\ub4e0\uc9c0 \uac80\uc0c9, \uc7ac\ubc29\ubb38 \ubc0f Markdown, PDF \ub610\ub294 \uc77c\ubc18 \ud14d\uc2a4\ud2b8\ub85c \ub0b4\ubcf4\ub0b4\uae30 \ud558\uc138\uc694.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\u2699\ufe0f<\/div>\n <div>\n <h3>\ud504\ub85c\ud544 \ubc0f \ud658\uacbd\uc124\uc815 \ub3d9\uae30\ud654<\/h3>\n <p>GetClawHub\uc5d0\uc11c \ud55c \ubc88\ub9cc \ud1a4 \uc120\ud638\ub3c4, \ucd9c\ub825 \uae38\uc774, \uc751\ub2f5 \uc2a4\ud0c0\uc77c\uc744 \uc124\uc815\ud558\uc138\uc694. \ubaa8\ub4e0 OpenClaw \uc138\uc158\uc774 \uc790\ub3d9\uc73c\ub85c \uc774\ub97c \uac00\uc838\uc635\ub2c8\ub2e4 \u2014 \ubc18\ubcf5\uc801\uc778 \uc2dc\uc2a4\ud15c \ud504\ub86c\ud504\ud2b8\uac00 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon a\">\ud83d\udd14<\/div>\n <div>\n <h3>\ubc84\uc804 \ubc0f \uc5c5\ub370\uc774\ud2b8 \uad00\ub9ac<\/h3>\n <p>\uc2e4\ud589 \uc911\uc778 OpenClaw \ubc84\uc804\uc744 \uc815\ud655\ud788 \ud655\uc778\ud558\uc138\uc694. \uc5c5\ub370\uc774\ud2b8\uac00 \ucd9c\uc2dc\ub418\uba74 \uc54c\ub9bc\uc744 \ubc1b\uace0, \uc124\uc815\uc774\ub098 \ub300\ud654 \uae30\ub85d\uc744 \uc783\uc9c0 \uc54a\uace0 \ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \uc5c5\uadf8\ub808\uc774\ub4dc\ud558\uc138\uc694.<\/p>\n <\/div>\n <\/div>\n <div class=\"feat-card\">\n <div class=\"feat-icon t\">\ud83d\udee1\ufe0f<\/div>\n <div>\n <h3>\uac80\uc99d\ub41c \ubcc0\uc870 \ubc29\uc9c0 \ub2e4\uc6b4\ub85c\ub4dc<\/h3>\n <p>\ubaa8\ub4e0 \uc778\uc2a4\ud1a8\ub7ec\ub294 SHA-256 \uccb4\ud06c\uc12c\uc774 \uac80\uc99d\ub418\uc5c8\uc73c\uba70 HTTPS\ub97c \ud1b5\ud574 \uc81c\uacf5\ub429\ub2c8\ub2e4. GetClawHub\uc758 \ubb34\uacb0\uc131 \ud30c\uc774\ud504\ub77c\uc778\uc740 \ub2e4\uc6b4\ub85c\ub4dc\ud558\ub294 \ub0b4\uc6a9\uc774 OpenClaw \uac1c\ubc1c\uc790\uac00 \ubc30\ud3ec\ud55c \uac83\uacfc \uc815\ud655\ud788 \uc77c\uce58\ud558\ub294\uc9c0 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- \u2500\u2500 SCREENSHOT SHOWCASE \u2500\u2500 -->\n<section class=\"section screenshots\" id=\"screenshots\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\uc791\ub3d9 \ubaa8\uc2b5 \ubcf4\uae30<\/div>\n <h2 class=\"section-title\">\uae54\ub054\ud558\uace0 \uac15\ub825\ud55c \uc778\ud130\ud398\uc774\uc2a4 \u2014 \uc2e4\uc81c \uc791\uc5c5\uc744 \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\uc2b5\ub2c8\ub2e4<\/h2>\n <p class=\"section-subtitle\">\n OpenClaw\uc758 \uc778\ud130\ud398\uc774\uc2a4\ub294 \uba85\ud655\uc131\uacfc \uc18d\ub3c4\ub97c \uc704\ud574 \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uccab\ub0a0\ubd80\ud130 \uc791\uc5c5\ud560 \ub0b4\uc6a9\uc744 \uc815\ud655\ud788 \ud655\uc778\ud558\ub824\uba74 \uac01 \ud654\uba74\uc744 \ud0d0\uc0c9\ud558\uc138\uc694.\n <\/p>\n\n <div class=\"screenshots-tabs\">\n <button class=\"tab-btn active\" onclick=\"showTab('home')\">\ud83c\udfe0 \ud648<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('config')\">\u2699\ufe0f \uc124\uc815<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('skills')\">\ud83e\udde9 \uae30\uc220<\/button>\n <button class=\"tab-btn\" onclick=\"showTab('chat')\">\ud83d\udcac \ucc44\ud305<\/button>\n <\/div>\n\n <div class=\"screenshots-display\">\n\n <!-- Home -->\n <div class=\"screenshot-panel active\" id=\"tab-home\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \ud648<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/home-scaled.png\" alt=\"OpenClaw Home Screen\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83c\udfe0<\/div>\n <div class=\"caption-text\">\n <h4>\uc9d1\uc5d0 \uc624\uc2e0 \uac83\uc744 \ud658\uc601\ud569\ub2c8\ub2e4 \u2014 \ubaa8\ub4e0 \uac83\uc774 \uc190\uc774 \ub2ff\ub294 \uacf3\uc5d0 \uc788\uc2b5\ub2c8\ub2e4<\/h4>\n <p>OpenClaw \ud648 \ud654\uba74\uc740 \uae54\ub054\ud558\uace0 \uc0b0\ub9cc\ud568\uc774 \uc5c6\ub294 \ub808\uc774\uc544\uc6c3\uc73c\ub85c \uc778\uc0ac\ud569\ub2c8\ub2e4. \ucd5c\uadfc \ub300\ud654, \ube60\ub978 \uc2dc\uc791 \ud504\ub86c\ud504\ud2b8, \ud0d0\uc0c9\uc774 \ubaa8\ub450 \uc989\uc2dc \uc811\uadfc \uac00\ub2a5\ud558\uba70 \u2014 \ud559\uc2b5 \uace1\uc120\uc774 \ud544\uc694 \uc5c6\uc2b5\ub2c8\ub2e4. \uc0c8 \ucc44\ud305\uc744 \uc2dc\uc791\ud558\uac70\ub098 \uc774\uc804\uc5d0 \ud558\ub358 \uacf3\uc5d0\uc11c \uacc4\uc18d\ud558\uc138\uc694.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Configuration -->\n <div class=\"screenshot-panel\" id=\"tab-config\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \uad6c\uc131<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/Configuration-scaled.png\" alt=\"OpenClaw Configuration Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\u2699\ufe0f<\/div>\n <div class=\"caption-text\">\n <h4>\ub9de\ucda4\ud615 \u2014 \uc804\uccb4 \uc81c\uc5b4\uad8c\uc744 \ub2f9\uc2e0\uc5d0\uac8c \u2014 \uc124\uc815<\/h4>\n <p>\uad6c\uc131 \ud398\uc774\uc9c0\ub294 \ub2f9\uc2e0\uc774 \ucc45\uc784\uc9c0\ub3c4\ub85d \ud569\ub2c8\ub2e4. API \ud0a4\ub97c \uc124\uc815\ud558\uace0, \uc120\ud638\ud558\ub294 \ubaa8\ub378\uc744 \uc120\ud0dd\ud558\uba70, \uc751\ub2f5 \ub3d9\uc791\uc744 \uc870\uc815\ud558\uace0, \ucd9c\ub825 \uc2a4\ud0c0\uc77c\uc744 \ubbf8\uc138 \uc870\uc815\ud558\uc138\uc694 \u2014 \ubaa8\ub450 \ud558\ub098\uc758 \uc815\ub9ac\ub41c \uc124\uc815 \ud328\ub110\uc5d0\uc11c. \ud55c \ubc88 \uc124\uc815\ud558\uba74, \ubaa8\ub4e0 \uc138\uc158\uc774 \uc790\ub3d9\uc73c\ub85c \ub2f9\uc2e0\uc758 \uc120\ud638\ub3c4\ub97c \ubc18\uc601\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Skills -->\n <div class=\"screenshot-panel\" id=\"tab-skills\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \uae30\uc220<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/skills-scaled.png\" alt=\"OpenClaw Skills Page\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83e\udde9<\/div>\n <div class=\"caption-text\">\n <h4>OpenClaw\ub97c \uc804\ubb38 \uae30\uc220\ub85c \uac15\ud654\ud558\uc138\uc694<\/h4>\n <p>\uae30\uc220 \ud398\uc774\uc9c0\uc5d0\uc11c\ub294 \ubaa9\uc801\uc5d0 \ub9de\ub294 \uae30\ub2a5\uc744 \ud0d0\uc0c9, \ud65c\uc131\ud654, \uad00\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4 \u2014 \ucf54\ub529 \uc9c0\uc6d0\ubd80\ud130 \ucc3d\uc791 \uae00\uc4f0\uae30, \uc5f0\uad6c \ub4f1. \ud544\uc694\ud55c \uae30\uc220\uc744 \ud65c\uc131\ud654\ud558\uba74, OpenClaw\uac00 \uc989\uc2dc \ub2f9\uc2e0\uc758 \uc791\uc5c5 \ud750\ub984\uc5d0 \ub9de\uac8c \ud589\ub3d9\uc744 \uc870\uc815\ud569\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Chat -->\n <div class=\"screenshot-panel\" id=\"tab-chat\">\n <div class=\"screenshot-frame\">\n <div class=\"screenshot-titlebar\">\n <div class=\"titlebar-dots\">\n <span><\/span><span><\/span><span><\/span>\n <\/div>\n <div class=\"titlebar-title\">OpenClaw \u2014 \ucc44\ud305<\/div>\n <\/div>\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/04\/\u4e13\u5bb6\u56e2-scaled.png\" alt=\"OpenClaw Chat Interface\" loading=\"lazy\" \/>\n <\/div>\n <div class=\"screenshot-caption\">\n <div class=\"caption-icon\">\ud83d\udcac<\/div>\n <div class=\"caption-text\">\n <h4>\ucc44\ud305 \uacbd\ud5d8 \u2014 \ube60\ub974\uace0, \uba85\ud655\ud558\uba70, \uac15\ub825\ud569\ub2c8\ub2e4<\/h4>\n <p>OpenClaw\uc758 \ucc44\ud305 \uc778\ud130\ud398\uc774\uc2a4\ub294 \uc2e4\uc81c \ub300\ud654\ub97c \uc704\ud574 \ub9cc\ub4e4\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \uba54\uc2dc\uc9c0\ub294 \ucf54\ub4dc \ud558\uc774\ub77c\uc774\ud305, \ub9c8\ud06c\ub2e4\uc6b4 \ub80c\ub354\ub9c1, \uadf8\ub9ac\uace0 \ub2f9\uc2e0\uc758 \uc0dd\uac01\uc5d0 \ub9de\ucdb0 \ubc18\uc751\ud558\ub294 \uc785\ub825 \uc601\uc5ed\uc73c\ub85c \uc544\ub984\ub2f5\uac8c \ud3ec\ub9f7\ub429\ub2c8\ub2e4. \ubaa8\ub4e0 \ub300\ud654\ub294 \uc790\uc5f0\uc2a4\ub7fd\uace0 \ube60\ub974\uba70 \uc9c4\uc815\uc73c\ub85c \uc720\uc6a9\ud558\uac8c \ub290\uaef4\uc9d1\ub2c8\ub2e4.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section pricing\" id=\"download\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\ub2e4\uc6b4\ub85c\ub4dc<\/div>\n <h2 class=\"section-title\">\uc6d0\ud074\ub9ad. \uc5b4\ub5a4 \ub9e5\uc5d0\uc11c\ub3c4. \ubc14\ub85c \uc2dc\uc791 \uac00\ub2a5.<\/h2>\n <p class=\"section-subtitle\">\n GetClawHub\ub294 \uc560\ud50c \uc2e4\ub9ac\ucf58\uacfc \uc778\ud154 \ub9e5 \ubaa8\ub450\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc5b4\ub5a4 \uce69\uc778\uc9c0 \ud655\uc2e4\ud558\uc9c0 \uc54a\ub098\uc694? \uc560\ud50c \uba54\ub274 (\ud83c\udf4e) \u2192 <em>\uc774 Mac\uc5d0 \uad00\ud558\uc5ec<\/em> \u2014 look for \"Any Type of Apple.\n <\/p>\n <div class=\"pricing-grid\">\n <div class=\"plan featured\">\n <div class=\"plan-badge\">Apple Silicon<\/div>\n <div class=\"plan-name\">macOS \u00b7 M \uc2dc\ub9ac\uc988<\/div>\n <div class=\"plan-price\" style=\"font-size:2rem;\">\ud83c\udf4e Apple<\/div>\n <div class=\"plan-period\">M1 \u00b7 M2 \u00b7 M3 \u00b7 M4 \uc774\uc0c1<\/div>\n <div class=\"plan-divider\"><\/div>\n <ul class=\"plan-features\">\n <li><span class=\"pf-icon\">\u26a1<\/span> \ub124\uc774\ud2f0\ube0c ARM64 \ube4c\ub4dc \u2014 \ub9e4\uc6b0 \ube60\ub984<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd0b<\/span> \ud6a8\uc728\uc131\uacfc \ubc30\ud130\ub9ac \uc218\uba85\uc744 \uc704\ud574 \ucd5c\uc801\ud654\ub428<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcac<\/span> \ubb34\uc81c\ud55c \ubb34\ub8cc \ucc44\ud305 \ud3ec\ud568, \uac00\uc785 \ud544\uc694 \uc5c6\uc74c<\/li>\n <li><span class=\"pf-icon\">\ud83d\udcdd<\/span> \ub4f1\ub85d\ud558\uc5ec \ubb34\uc81c\ud55c \uc561\uc138\uc2a4 \uc7a0\uae08 \ud574\uc81c<\/li>\n <li><span class=\"pf-icon\">\ud83d\udd12<\/span> SHA-256 \uac80\uc99d \u00b7 \ud56d\uc0c1 \ucd5c\uc2e0 \ube4c\ub4dc<\/li>\n <\/ul>\n <a href=\"https:\/\/github.com\/firewolf189\/GetClowhub\/releases\/latest\/download\/GetClawHub.dmg\" target=\"_blank\" class=\"plan-btn solid\" rel=\"nofollow noopener\">\u2b07 Download for Apple<\/a>\n <\/div>\n <\/div>\n <p style=\"text-align:center;margin-top:32px;font-size:0.85rem;color:var(--muted);\">\n \u2705 \ub450 \ubc84\uc804 \ubaa8\ub450 \ubb34\uc81c\ud55c \ubb34\ub8cc \ub300\ud654 \ud3ec\ud568 \u2014 \uc2dc\uc791\ud558\ub824\uba74 \uacc4\uc815 \ud544\uc694 \uc5c6\uc74c.<br>\n \ubb34\ub8cc \ucc44\ud305 \ud6c4\uc5d0, <strong>\ubb34\ub8cc \uacc4\uc815\uc744 \uc0dd\uc131\ud558\uc138\uc694<\/strong> \ubb34\uc81c\ud55c \uc561\uc138\uc2a4\ub85c \uacc4\uc18d \uc0ac\uc6a9\ud558\uae30.\n <\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\" id=\"testimonials\">\n <div class=\"section-inner\">\n <div class=\"section-label\">\uc0ac\uc6a9\uc790\ub4e4\uc774 \ub9d0\ud558\ub294 \uac83<\/div>\n <h2 class=\"section-title\">\uc218\ucc9c \uba85\uc758 OpenClaw \uc0ac\uc6a9\uc790\ub4e4\uc774 \uc0ac\ub791\ud558\ub294<\/h2>\n <div class=\"testi-grid\">\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\"\uacf5\uc2dd \uc800\uc7a5\uc18c\uc5d0\uc11c OpenClaw\ub97c \uc124\uce58\ud558\ub824\uace0 \uc774\ud2c0 \ub3d9\uc548 \uc2dc\ub3c4\ud588\uc5b4\uc694. GetClawHub \ub355\ubd84\uc5d0 \ub2e8 45\ucd08 \ub9cc\uc5d0 \uc2dc\uc791\ud588\uc5b4\uc694. \uc6d0\ud074\ub9ad \uc124\uce58\uac00 \uc2e4\uc81c\ub85c \uc791\ub3d9\ud574\uc694 \u2014 \uc624\ub958\ub3c4 \uc5c6\uace0, \uace0\ubbfc\ub3c4 \uc5c6\uc5b4\uc694.\"<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3a7ee8\">DK<\/div>\n <div><div class=\"testi-name\">\ub370\uc774\ube44\ub4dc K.<\/div><div class=\"testi-role\">\uc18c\ud504\ud2b8\uc6e8\uc5b4 \uc5d4\uc9c0\ub2c8\uc5b4, \uc11c\uc6b8<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\"\ubb34\uc81c\ud55c \ubb34\ub8cc \ub300\ud654\uac00 \uc800\ub97c \uc124\ub4dd\ud558\uae30\uc5d0 \ucda9\ubd84\ud588\uc5b4\uc694. \uace0\uac1d \uc81c\uc548\uc11c\ub97c \uc791\uc131\ud558\ub294 \ub370 \uc0ac\uc6a9\ud588\uace0, \ud488\uc9c8\uc5d0 \uac10\ud0c4\ud588\uc5b4\uc694. \uacc4\uc815\uc744 \ub9cc\ub4e4\uc5c8\uace0 \uc774\ud6c4\ub85c \ub3cc\uc544\ubcf4\uc9c0 \uc54a\uc558\uc5b4\uc694.\"<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e8763a\">SR<\/div>\n <div><div class=\"testi-name\">\uc18c\ud53c\uc544 R.<\/div><div class=\"testi-role\">\ud504\ub9ac\ub79c\uc11c \ucee8\uc124\ud134\ud2b8, \uc11c\uc6b8<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\"\uc800\ub294 \uc6b0\ub9ac \ud300 \uc804\uccb4\ub97c GetClawHub\ub85c \uc804\ud658\ud558\uc5ec Mac\uc5d0\uc11c OpenClaw\ub97c \uad00\ub9ac\ud588\uc2b5\ub2c8\ub2e4. Apple Silicon\uacfc \uc778\ud154 \uae30\uacc4 \ubaa8\ub450 \uc801\uc808\ud55c \uc124\uce58 \ud504\ub85c\uadf8\ub7a8\uc73c\ub85c \uc644\ubcbd\ud558\uac8c \uc791\ub3d9\ud588\uc2b5\ub2c8\ub2e4. \ubaa8\ub450 \uba87 \ubd84 \ub9cc\uc5d0 \uc2dc\uc791\ud588\uc5b4\uc694.\"<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#3ac890\">MJ<\/div>\n <div><div class=\"testi-name\">\ub9c8\ucee4\uc2a4 J.<\/div><div class=\"testi-role\">\ucd5c\uace0\uae30\uc220\ucc45\uc784\uc790, \ucd08\uae30 \uc2a4\ud0c0\ud2b8\uc5c5<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\"\uc800\ub294 \uc804\ud600 \uae30\uc220\uc801\uc774\uc9c0 \uc54a\uc544\uc694. \uc548\ub0b4 \uc124\uc815 \ub9c8\ubc95\uc0ac\uac00 \ubaa8\ub4e0 \ub2e8\uacc4\ub97c \uc190\uc27d\uac8c \uc548\ub0b4\ud574\uc92c\uc5b4\uc694. \uc9c0\uae08\uc740 \ub9e4\uc77c \ucf58\ud150\uce20 \uc791\uc131\uc744 \uc704\ud574 OpenClaw\ub97c \uc0ac\uc6a9\ud558\uba70, \uc5c6\uc5c8\ub2e4\uba74 \uc0c1\uc0c1\ub3c4 \ubabb\ud588\uc744 \uac70\uc608\uc694.\"<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#c843e8\">YP<\/div>\n <div><div class=\"testi-name\">\uc720\ud0a4 P.<\/div><div class=\"testi-role\">\ucf58\ud150\uce20 \ud06c\ub9ac\uc5d0\uc774\ud130, \ub3c4\ucfc4<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\uac80\uc99d\ub418\uace0 \uc11c\uba85\ub41c \ube4c\ub4dc\ub294 \uc800\uc5d0\uac8c \ub9e4\uc6b0 \uc911\uc694\ud569\ub2c8\ub2e4. \uc800\ub294 \uc911\uac04 \uaddc\ubaa8 \ud68c\uc0ac\uc758 \ubcf4\uc548\uc744 \ub2f4\ub2f9\ud558\uace0 \uc788\uc73c\uba70 \ubb34\uc791\uc704 \ubc14\uc774\ub108\ub9ac\ub97c \uc124\uce58\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4. GetClawHub\uc758 \ubb34\uacb0\uc131 \uac80\uc0ac\ub294 OpenClaw \uc870\uc9c1 \uc804\uccb4\uc5d0 \ubc30\ud3ec\ud558\ub294 \ub370 \uc790\uc2e0\uac10\uc744 \uc8fc\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#e84343\">AL<\/div>\n <div><div class=\"testi-name\">Alex L.<\/div><div class=\"testi-role\">IT \ubcf4\uc548 \uad00\ub9ac\uc790<\/div><\/div>\n <\/div>\n <\/div>\n <div class=\"testi-card\">\n <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\n <p class=\"testi-text\">\uc5c5\ub370\uc774\ud2b8 \uc54c\ub9bc\uc740 \uc81c\uac00 \uc88b\uc544\ud558\ub294 \uc791\uc740 \uae30\ub2a5\uc785\ub2c8\ub2e4. \ub9b4\ub9ac\uc988 \ub178\ud2b8\ub97c \ud655\uc778\ud558\uac70\ub098 \uc218\ub3d9\uc73c\ub85c \ub2e4\uc2dc \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc9c0 \uc54a\uace0\ub3c4 \ucd5c\uc2e0 OpenClaw \ubaa8\ub378 \uac1c\uc120 \uc0ac\ud56d\uc744 \ud56d\uc0c1 \ubc1b\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n <div class=\"testi-author\">\n <div class=\"testi-av\" style=\"background:#43a8e8\">TW<\/div>\n <div><div class=\"testi-name\">Tara W.<\/div><div class=\"testi-role\">\uc81c\ud488 \uad00\ub9ac\uc790, \ub274\uc695\uc2dc<\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"cta-final\">\n <h2>OpenClaw\uc640 \ub9cc\ub0a0 \uc900\ube44\uac00 \ub418\uc168\ub098\uc694?<\/h2>\n <p>\ud55c \ubc88\uc758 \ud074\ub9ad\uc73c\ub85c \ub2e4\uc6b4\ub85c\ub4dc\ud558\uc138\uc694. 1\ubd84 \uc774\ub0b4\uc5d0 \ucc44\ud305\uc744 \uc2dc\uc791\ud558\uc138\uc694. \ubb34\uc81c\ud55c \ubb34\ub8cc \ub300\ud654\uac00 \uae30\ub2e4\ub9ac\uace0 \uc788\uc2b5\ub2c8\ub2e4 \u2014 \uce74\ub4dc \ud544\uc694 \uc5c6\uc774, \ubc88\uac70\ub85c\uc6c0 \uc5c6\uc774.<\/p>\n <a href=\"https:\/\/www.getclawhub.com\/ko\/download\/mac\/\" target=\"_blank\" class=\"btn-white\">\u2b07 \u00a0 \ubb34\ub8cc OpenClaw \ub2e4\uc6b4\ub85c\ub4dc<\/a>\n <p class=\"cta-note\">macOS Apple \u00b7  Auto-detected  \u00b7  Always verified<\/p>\n<\/section>\n\n<footer>\n <div class=\"footer-inner-simple\">\n <div class=\"footer-brand\">\n <a href=\"#\" class=\"logo\" style=\"color: var(--paper);\">\n <img decoding=\"async\" src=\"https:\/\/www.getclawhub.com\/wp-content\/uploads\/2026\/03\/getclawhub-logo-white-title.webp\" alt=\"GetClawHub\" style=\"height:50px; width: auto;\">\n <\/a>\n <\/div>\n <div class=\"footer-links\">\n <a href=\"#why\">\uc65c \uc6b0\ub9ac\ub97c \uc120\ud0dd\ud558\ub098\uc694<\/a>\n <a href=\"#how\">\uc791\ub3d9 \ubc29\ubc95<\/a>\n <a href=\"#models\">Models<\/a>\n <a href=\"#new-features\">New Features<\/a>\n <a href=\"#screenshots\">\uc2a4\ud06c\ub9b0\uc0f7<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ko\/privacy-policy\/\">\uac1c\uc778\uc815\ubcf4 \ucc98\ub9ac\ubc29\uce68<\/a>\n <a href=\"https:\/\/www.getclawhub.com\/ko\/terms-of-service\/\">\uc774\uc6a9 \uc57d\uad00<\/a>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2025 GetClawHub. \ubaa8\ub4e0 \uad8c\ub9ac \ubcf4\uc720.<\/span>\n <span>\uc804 \uc138\uacc4 OpenClaw \uc0ac\uc6a9\uc790\ub4e4\uc744 \uc704\ud574 \uc815\uc131\uc744 \ub2e4\ud574 \uc81c\uc791\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/span>\n <\/div>\n<\/footer>\n\n<script>\n function showTab(name) {\n \/\/ Hide all panels\n document.querySelectorAll('.screenshot-panel').forEach(p => p.classList.remove('active'));\n document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));\n \/\/ Show selected\n document.getElementById('tab-' + name).classList.add('active');\n event.currentTarget.classList.add('active');\n }\n\n \/\/ Carousel functions\n const carouselState = {};\n\n function moveCarousel(carouselId, direction) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n if (!carouselState[carouselId]) {\n carouselState[carouselId] = 0;\n }\n\n carouselState[carouselId] += direction;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n function goToSlide(carouselId, slideIndex) {\n const carousel = document.getElementById(carouselId);\n const track = carousel.querySelector('.carousel-track');\n const slides = carousel.querySelectorAll('.carousel-slide');\n const dots = carousel.querySelectorAll('.carousel-dot');\n const totalSlides = slides.length;\n\n carouselState[carouselId] = slideIndex;\n\n if (carouselState[carouselId] < 0) {\n carouselState[carouselId] = totalSlides - 1;\n } else if (carouselState[carouselId] >= totalSlides) {\n carouselState[carouselId] = 0;\n }\n\n track.style.transform = `translateX(-${carouselState[carouselId] * 100}%)`;\n\n dots.forEach((dot, index) => {\n dot.classList.toggle('active', index === carouselState[carouselId]);\n });\n }\n\n \/\/ Auto-play carousel (optional)\n setInterval(() => {\n if (document.getElementById('agentCarousel')) {\n moveCarousel('agentCarousel', 1);\n }\n }, 5000);\n<\/script>\n\n<\/body>\n<\/html>\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>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-1214","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/pages\/1214","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/comments?post=1214"}],"version-history":[{"count":133,"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/pages\/1214\/revisions"}],"predecessor-version":[{"id":1640,"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/pages\/1214\/revisions\/1640"}],"wp:attachment":[{"href":"https:\/\/www.getclawhub.com\/ko\/wp-json\/wp\/v2\/media?parent=1214"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}