{"id":1865,"date":"2025-05-25T17:06:50","date_gmt":"2025-05-25T17:06:50","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=1865"},"modified":"2025-06-26T11:44:38","modified_gmt":"2025-06-26T03:44:38","slug":"%eb%b2%a4%ec%b2%98-%ec%ba%90%ed%94%bc%ed%83%88","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ko\/%eb%b2%a4%ec%b2%98-%ec%ba%90%ed%94%bc%ed%83%88\/","title":{"rendered":"\ubca4\ucc98 \uce90\ud53c\ud0c8"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1865\" class=\"elementor elementor-1865\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-72f83b3 e-con-full e-flex e-con e-parent\" data-id=\"72f83b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-908dfc2 elementor-widget elementor-widget-html\" data-id=\"908dfc2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    \n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n   \n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" rel=\"stylesheet\">\n<\/head>\n\n<style>\n    \/* Base styles and typography *\/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n  line-height: 1.6;\n  color: #333;\n}\n\n\/* Animation utilities *\/\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideInBottom {\n  from {\n    opacity: 0;\n    transform: translateY(50px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes slideInLeft {\n  from {\n    opacity: 0;\n    transform: translateX(-50px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInRight {\n  from {\n    opacity: 0;\n    transform: translateX(50px);\n  }\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes pulse {\n  0%, 100% {\n    transform: scale(1);\n    opacity: 1;\n  }\n  50% {\n    transform: scale(1.05);\n    opacity: 0.8;\n  }\n}\n\n@keyframes scaleIn {\n  from {\n    opacity: 0;\n    transform: scale(0.8);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes rotateIn {\n  from {\n    opacity: 0;\n    transform: rotate(-180deg);\n  }\n  to {\n    opacity: 1;\n    transform: rotate(0deg);\n  }\n}\n\n\/* Animation classes *\/\n.fade-in {\n  animation: fadeIn 1s ease-out;\n}\n\n.slide-in-bottom {\n  animation: slideInBottom 1s ease-out 0.2s both;\n}\n\n.slide-in-left {\n  animation: slideInLeft 1s ease-out;\n}\n\n.slide-in-right {\n  animation: slideInRight 1s ease-out;\n}\n\n.pulse {\n  animation: pulse 2s infinite;\n}\n\n.scale-in {\n  animation: scaleIn 0.8s ease-out;\n}\n\n.rotate-in {\n  animation: rotateIn 0.8s ease-out;\n}\n\n\/* Interactive elements *\/\n.service-card {\n  transition: all 0.3s ease;\n  cursor: pointer;\n}\n\n.service-card:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n}\n\n.team-card {\n  transition: all 0.3s ease;\n}\n\n.team-card:hover {\n  transform: translateY(-10px);\n}\n\n.cta-primary {\n  position: relative;\n  overflow: hidden;\n  transition: all 0.3s ease;\n}\n\n.cta-primary::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: -100%;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);\n  transition: left 0.5s ease;\n}\n\n.cta-primary:hover::before {\n  left: 100%;\n}\n\n.cta-secondary {\n  position: relative;\n  transition: all 0.3s ease;\n}\n\n\/* Counter animations *\/\n.counter-item {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: all 0.6s ease;\n}\n\n.counter-item.animate {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n\/* Tooltips *\/\n.tooltip {\n  position: relative;\n  display: inline-block;\n}\n\n.tooltip .tooltip-text {\n  visibility: hidden;\n  width: 200px;\n  background-color: #333;\n  color: #fff;\n  text-align: center;\n  border-radius: 6px;\n  padding: 5px 10px;\n  position: absolute;\n  z-index: 1;\n  bottom: 125%;\n  left: 50%;\n  margin-left: -100px;\n  opacity: 0;\n  transition: opacity 0.3s;\n  font-size: 14px;\n}\n\n.tooltip:hover .tooltip-text {\n  visibility: visible;\n  opacity: 1;\n}\n\n\/* FAQ accordion styles *\/\n.faq-item {\n  border-bottom: 1px solid #e5e7eb;\n  transition: all 0.3s ease;\n}\n\n.faq-question {\n  padding: 1.5rem 0;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 1.1rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  transition: all 0.3s ease;\n}\n\n.faq-question:hover {\n  color: #3b82f6;\n}\n\n.faq-answer {\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease;\n  padding: 0;\n}\n\n.faq-answer.open {\n  max-height: 200px;\n  padding: 0 0 1.5rem 0;\n}\n\n.faq-icon {\n  transition: transform 0.3s ease;\n}\n\n.faq-icon.rotate {\n  transform: rotate(180deg);\n}\n\n\/* Comparison table styles *\/\n.comparison-table {\n  overflow-x: auto;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  border-radius: 12px;\n}\n\n.comparison-table table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.comparison-table th {\n  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n  color: white;\n  padding: 1rem;\n  text-align: left;\n  font-weight: 600;\n}\n\n.comparison-table td {\n  padding: 1rem;\n  border-bottom: 1px solid #e5e7eb;\n  transition: background-color 0.3s ease;\n}\n\n.comparison-table tr:hover td {\n  background-color: #f8fafc;\n}\n\n.comparison-highlight {\n  background: linear-gradient(135deg, #667eea20, #764ba220);\n  font-weight: 600;\n}\n\n\/* Step indicators *\/\n.step-indicator {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 2rem 0;\n}\n\n.step {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  position: relative;\n  flex: 1;\n}\n\n.step-number {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background: #e5e7eb;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  color: #6b7280;\n  transition: all 0.3s ease;\n}\n\n.step.active .step-number {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  color: white;\n}\n\n.step.completed .step-number {\n  background: #10b981;\n  color: white;\n}\n\n.step-line {\n  position: absolute;\n  top: 20px;\n  left: 50%;\n  width: 100%;\n  height: 2px;\n  background: #e5e7eb;\n  z-index: -1;\n  transition: background 0.3s ease;\n}\n\n.step.completed .step-line {\n  background: #10b981;\n}\n\n\/* Testimonials *\/\n.testimonial {\n  background: linear-gradient(135deg, #f8fafc, #e2e8f0);\n  border-radius: 12px;\n  padding: 2rem;\n  margin: 1rem 0;\n  border-left: 4px solid #3b82f6;\n  transition: all 0.3s ease;\n}\n\n.testimonial:hover {\n  transform: translateX(10px);\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n}\n\n.testimonial-quote {\n  font-size: 1.1rem;\n  font-style: italic;\n  margin-bottom: 1rem;\n  color: #374151;\n}\n\n.testimonial-author {\n  font-weight: 600;\n  color: #1f2937;\n}\n\n.testimonial-role {\n  color: #6b7280;\n  font-size: 0.9rem;\n}\n\n\/* Dynamic backgrounds *\/\n.dynamic-bg {\n  position: relative;\n  overflow: hidden;\n}\n\n.dynamic-bg::before {\n  content: '';\n  position: absolute;\n  top: -50%;\n  left: -50%;\n  width: 200%;\n  height: 200%;\n  background: linear-gradient(45deg, transparent 30%, rgba(59, 130, 246, 0.1) 50%, transparent 70%);\n  animation: dynamicMove 8s linear infinite;\n  z-index: -1;\n}\n\n@keyframes dynamicMove {\n  0% {\n    transform: rotate(0deg);\n  }\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n\/* Smooth transitions for all interactive elements *\/\na, button, .service-card, .team-card, input, select, textarea {\n  transition: all 0.3s ease;\n}\n\n\/* Focus styles for accessibility *\/\ninput:focus, select:focus, textarea:focus, button:focus {\n  outline: none;\n  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);\n}\n\n\/* Responsive typography adjustments *\/\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2.5rem;\n  }\n  \n  h2 {\n    font-size: 2rem;\n  }\n  \n  .service-card, .team-card {\n    margin-bottom: 1rem;\n  }\n}\n\n\/* Loading animations *\/\n.loading {\n  position: relative;\n}\n\n.loading::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: 20px;\n  height: 20px;\n  border: 2px solid #e5e7eb;\n  border-top: 2px solid #3b82f6;\n  border-radius: 50%;\n  animation: spin 1s linear infinite;\n  transform: translate(-50%, -50%);\n}\n\n@keyframes spin {\n  0% { transform: translate(-50%, -50%) rotate(0deg); }\n  100% { transform: translate(-50%, -50%) rotate(360deg); }\n}\n\n\/* Parallax effect *\/\n.parallax {\n  background-attachment: fixed;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n}\n\n\/* Glass effect *\/\n.glass-effect {\n  background: rgba(255, 255, 255, 0.1);\n  backdrop-filter: blur(10px);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n}\n\n\/* Custom scrollbar *\/\n::-webkit-scrollbar {\n  width: 8px;\n}\n\n::-webkit-scrollbar-track {\n  background: #f1f1f1;\n}\n\n::-webkit-scrollbar-thumb {\n  background: linear-gradient(135deg, #667eea, #764ba2);\n  border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n  background: linear-gradient(135deg, #5a6fd8, #6a4190);\n}\n\n<\/style>\n\n\n<script>\n    \/\/ Wait for DOM to be fully loaded\ndocument.addEventListener('DOMContentLoaded', function() {\n    \n    \/\/ Mobile menu functionality\n    const mobileMenuBtn = document.getElementById('mobile-menu');\n    const navLinks = document.querySelector('nav .hidden.md\\\\:flex');\n    \n    if (mobileMenuBtn && navLinks) {\n        mobileMenuBtn.addEventListener('click', function() {\n            navLinks.classList.toggle('hidden');\n            navLinks.classList.toggle('flex');\n            navLinks.classList.toggle('flex-col');\n            navLinks.classList.toggle('absolute');\n            navLinks.classList.toggle('top-full');\n            navLinks.classList.toggle('left-0');\n            navLinks.classList.toggle('right-0');\n            navLinks.classList.toggle('bg-white');\n            navLinks.classList.toggle('border-t');\n            navLinks.classList.toggle('border-gray-100');\n            navLinks.classList.toggle('p-4');\n        });\n    }\n\n    \/\/ Smooth scrolling for navigation links\n    const navLinksElements = document.querySelectorAll('nav a[href^=\"#\"]');\n    navLinksElements.forEach(link => {\n        link.addEventListener('click', function(e) {\n            e.preventDefault();\n            const targetId = this.getAttribute('href').substring(1);\n            const targetElement = document.getElementById(targetId);\n            \n            if (targetElement) {\n                const offsetTop = targetElement.offsetTop - 80; \/\/ Account for fixed nav\n                window.scrollTo({\n                    top: offsetTop,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n\n    \/\/ Animated counters\n    function animateCounter(element, target, duration = 2000) {\n        let start = 0;\n        const increment = target \/ (duration \/ 16);\n        \n        const timer = setInterval(() => {\n            start += increment;\n            element.textContent = Math.floor(start);\n            \n            if (start >= target) {\n                element.textContent = target + (target === 85 ? '%' : '+');\n                clearInterval(timer);\n            }\n        }, 16);\n    }\n\n    \/\/ Intersection Observer for animations\n    const observerOptions = {\n        threshold: 0.1,\n        rootMargin: '0px 0px -50px 0px'\n    };\n\n    const observer = new IntersectionObserver(function(entries) {\n        entries.forEach(entry => {\n            if (entry.isIntersecting) {\n                const element = entry.target;\n                \n                \/\/ Counter animation\n                if (element.classList.contains('counter')) {\n                    const target = parseInt(element.getAttribute('data-target'));\n                    animateCounter(element, target);\n                }\n                \n                \/\/ Counter item animation\n                if (element.classList.contains('counter-item')) {\n                    element.classList.add('animate');\n                }\n                \n                \/\/ Service card animations\n                if (element.classList.contains('service-card')) {\n                    element.style.animationDelay = Math.random() * 0.5 + 's';\n                    element.classList.add('fade-in');\n                }\n                \n                \/\/ Team card animations\n                if (element.classList.contains('team-card')) {\n                    element.style.animationDelay = Math.random() * 0.3 + 's';\n                    element.classList.add('scale-in');\n                }\n                \n                observer.unobserve(element);\n            }\n        });\n    }, observerOptions);\n\n    \/\/ Observe elements for animation\n    document.querySelectorAll('.counter, .counter-item, .service-card, .team-card').forEach(el => {\n        observer.observe(el);\n    });\n\n    \/\/ Form submission handling\n    const contactForm = document.querySelector('form');\n    if (contactForm) {\n        contactForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            const submitBtn = this.querySelector('button[type=\"submit\"]');\n            const originalText = submitBtn.innerHTML;\n            \n            \/\/ Show loading state\n            submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin mr-2\"><\/i>Sending...';\n            submitBtn.disabled = true;\n            \n            \/\/ Simulate form submission\n            setTimeout(() => {\n                submitBtn.innerHTML = '<i class=\"fas fa-check mr-2\"><\/i>Message Sent!';\n                submitBtn.classList.remove('bg-gradient-to-r', 'from-blue-600', 'to-purple-600');\n                submitBtn.classList.add('bg-green-600');\n                \n                \/\/ Reset form after delay\n                setTimeout(() => {\n                    this.reset();\n                    submitBtn.innerHTML = originalText;\n                    submitBtn.disabled = false;\n                    submitBtn.classList.add('bg-gradient-to-r', 'from-blue-600', 'to-purple-600');\n                    submitBtn.classList.remove('bg-green-600');\n                }, 2000);\n            }, 1500);\n        });\n    }\n\n    \/\/ CTA button interactions\n    document.querySelectorAll('.cta-primary, .cta-secondary').forEach(button => {\n        button.addEventListener('click', function() {\n            \/\/ Add click animation\n            this.style.transform = 'scale(0.95)';\n            setTimeout(() => {\n                this.style.transform = 'scale(1)';\n            }, 150);\n            \n            \/\/ Show alert for demo purposes\n            const buttonText = this.textContent.trim();\n            if (buttonText.includes('Pitch')) {\n                alert('Thank you for your interest! Our team will review your startup pitch and get back to you within 48 hours.');\n            } else if (buttonText.includes('Partner')) {\n                alert('We appreciate your interest in partnering with us! Please fill out the contact form below with more details.');\n            }\n        });\n    });\n\n    \/\/ Parallax effect for hero section\n    window.addEventListener('scroll', function() {\n        const scrolled = window.pageYOffset;\n        const rate = scrolled * -0.5;\n        \n        const hero = document.querySelector('section:first-of-type');\n        if (hero) {\n            hero.style.transform = `translateY(${rate}px)`;\n        }\n        \n        \/\/ Navigation background opacity\n        const nav = document.querySelector('nav');\n        if (nav) {\n            const opacity = Math.min(scrolled \/ 100, 0.95);\n            nav.style.backgroundColor = `rgba(255, 255, 255, ${opacity})`;\n        }\n    });\n\n    \/\/ Add hover effects to portfolio cards\n    document.querySelectorAll('.service-card').forEach(card => {\n        card.addEventListener('mouseenter', function() {\n            this.style.transform = 'translateY(-10px) scale(1.02)';\n        });\n        \n        card.addEventListener('mouseleave', function() {\n            this.style.transform = 'translateY(0) scale(1)';\n        });\n    });\n\n    \/\/ Typing effect for hero subtitle (optional enhancement)\n    function typeEffect(element, text, speed = 100) {\n        let i = 0;\n        element.innerHTML = '';\n        \n        function type() {\n            if (i < text.length) {\n                element.innerHTML += text.charAt(i);\n                i++;\n                setTimeout(type, speed);\n            }\n        }\n        \n        type();\n    }\n\n    \/\/ Apply typing effect to specific elements if desired\n    const heroSubtitle = document.querySelector('section p.text-xl.md\\\\:text-2xl');\n    if (heroSubtitle) {\n        const originalText = heroSubtitle.textContent;\n        \/\/ Uncomment the line below to enable typing effect\n        \/\/ typeEffect(heroSubtitle, originalText, 80);\n    }\n\n    \/\/ Add click-to-expand functionality for insight cards\n    document.querySelectorAll('.service-card img').forEach(img => {\n        img.addEventListener('click', function() {\n            \/\/ Simple modal-like expansion (for demo)\n            this.style.position = 'fixed';\n            this.style.top = '50%';\n            this.style.left = '50%';\n            this.style.transform = 'translate(-50%, -50%) scale(1.5)';\n            this.style.zIndex = '1000';\n            this.style.cursor = 'pointer';\n            \n            \/\/ Create backdrop\n            const backdrop = document.createElement('div');\n            backdrop.style.position = 'fixed';\n            backdrop.style.top = '0';\n            backdrop.style.left = '0';\n            backdrop.style.width = '100%';\n            backdrop.style.height = '100%';\n            backdrop.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';\n            backdrop.style.zIndex = '999';\n            document.body.appendChild(backdrop);\n            \n            \/\/ Close on click\n            const closeExpansion = () => {\n                this.style.position = '';\n                this.style.top = '';\n                this.style.left = '';\n                this.style.transform = '';\n                this.style.zIndex = '';\n                this.style.cursor = '';\n                document.body.removeChild(backdrop);\n            };\n            \n            this.addEventListener('click', closeExpansion, { once: true });\n            backdrop.addEventListener('click', closeExpansion);\n        });\n    });\n\n    \/\/ Console log for demo purposes\n    console.log('Visionary Growth Partners website loaded successfully!');\n    console.log('All interactive features are active.');\n\n    \/\/ Add social media link handlers\n    document.querySelectorAll('a[href=\"#\"]').forEach(link => {\n        if (link.querySelector('.fab')) {\n            link.addEventListener('click', function(e) {\n                e.preventDefault();\n                const iconClass = this.querySelector('.fab').className;\n                \n                if (iconClass.includes('linkedin')) {\n                    alert('LinkedIn: Follow us @VisionaryGrowthPartners for industry insights and company updates!');\n                } else if (iconClass.includes('twitter')) {\n                    alert('Twitter: Follow @VGPartners for real-time market analysis and startup spotlights!');\n                }\n            });\n        }\n    });\n});\n\n<\/script>\n\n<body>\n\n\n    <!-- Hero Section -->\n    <section class=\"pt-24 pb-16 bg-gradient-to-br from-blue-50 via-white to-purple-50 min-h-screen flex items-center\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"text-center max-w-4xl mx-auto\">\n                <h1 class=\"text-5xl md:text-7xl font-bold text-gray-900 mb-6 leading-tight fade-in\">\n                   \ubca4\ucc98 \uce90\ud53c\ud0c8 - \ub0b4\uc77c\uc758 \uc6d0\ub3d9\ub825 <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-blue-600 to-purple-600\">\ub9ac\ub354<\/span>\n                <\/h1>\n                <p class=\"text-xl md:text-2xl text-gray-600 mb-8 leading-relaxed slide-in-bottom\">\n                    \uc790\ubcf8\uacfc \uc804\ubb38\uc131, \uc7a0\uc7ac\ub825 \uc2e4\ud604\n                <\/p>\n                <p class=\"text-lg text-gray-700 mb-12 max-w-3xl mx-auto\">\n                    \ube44\uc804\uc744 \uac00\uc9c4 \ucc3d\uc5c5\uc790\uac00 \ud601\uc2e0\uc801\uc73c\ub85c \ud655\uc7a5\ud558\ub294 \ub370 \ud544\uc694\ud55c \uc790\ubcf8\uacfc \uc804\ub7b5\uc801 \ud30c\ud2b8\ub108\uc2ed\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n                    \uc9d1\uc911\uc801\uc778 \ud22c\uc790 \uc804\ubb38\uc131\uc744 \ud1b5\ud574 \uc7a5\uae30\uc801\uc73c\ub85c \uc6b0\uc218\ud55c \uc218\uc775\uc744 \ucc3d\ucd9c\ud558\uc138\uc694.\n                <\/p>\n                \n                <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center\">\n                    <button \n                    onclick=\"document.getElementById('story').scrollIntoView({ behavior: 'smooth' })\" \n                    class=\"cta-primary px-8 py-4 bg-gradient-to-r from-blue-600 to-purple-600 text-white rounded-lg font-semibold text-lg hover:shadow-lg transition-all duration-300 transform hover:scale-105\"\n                >\n                    \uc2dc\uc791\ud558\uae30\n                <\/button>\n                <button \n                onclick=\"window.location.href='\/contact\/'\" \n                class=\"cta-secondary px-8 py-4 border-2 border-blue-600 text-blue-600 rounded-lg font-semibold text-lg hover:bg-blue-600 hover:text-white transition-all duration-300\">\n                \ubb38\uc758\ud558\uae30\n            <\/button>\n        \n        \n                <\/div>\n\n                <!-- Animated Counters -->\n                <div class=\"grid grid-cols-2 md:grid-cols-4 gap-8 mt-16 pt-16 border-t border-gray-200\">\n                    <div class=\"text-center counter-item\">\n                        <div class=\"text-3xl md:text-4xl font-bold text-blue-600 counter\" data-target=\"15\">0<\/div>\n                        <div class=\"text-gray-600 mt-2\">\ube44\uc988\ub2c8\uc2a4 \uc5f0\ub3c4<\/div>\n                    <\/div>\n                    <div class=\"text-center counter-item\">\n                        <div class=\"text-3xl md:text-4xl font-bold text-purple-600 counter\" data-target=\"120\">0<\/div>\n                        <div class=\"text-gray-600 mt-2\">\ud22c\uc790\ud55c \uae08\uc561<\/div>\n                    <\/div>\n                    <div class=\"text-center counter-item\">\n                        <div class=\"text-3xl md:text-4xl font-bold text-green-600 counter\" data-target=\"25\">0<\/div>\n                        <div class=\"text-gray-600 mt-2\">\uc131\uacf5\uc801\uc778 \uc885\ub8cc<\/div>\n                    <\/div>\n                    <div class=\"text-center counter-item\">\n                        <div class=\"text-3xl md:text-4xl font-bold text-orange-600 counter\" data-target=\"85\">0<\/div>\n                        <div class=\"text-gray-600 mt-2\">\ud3c9\uade0 \uc131\uc7a5 %<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Our Story Section -->\n    <section id=\"story\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"max-w-4xl mx-auto\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-12 text-center\">\n                    \uc6b0\ub9ac\uc758 \uc774\uc57c\uae30: \ube44\uc804\uc744 \uae30\ubc18\uc73c\ub85c \uad6c\ucd95\ub418\uc5c8\uc2b5\ub2c8\ub2e4, <span class=\"text-blue-600\">\uc601\ud5a5\ub825 \uae30\ubc18<\/span>\n                <\/h2>\n                \n                <div class=\"prose prose-lg mx-auto text-gray-700 mb-12 leading-relaxed\">\n                    <p>\ubaa8\ub4e0 \uc704\ub300\ud55c \ubca4\ucc98\ub294 \ubd88\uaf43\uc5d0\uc11c \uc2dc\uc791\ub429\ub2c8\ub2e4. \uc800\ud76c\ub294 \ub300\ub2f4\ud55c \uc544\uc774\ub514\uc5b4\uac00 \ud1b5\ucc30\ub825 \uc788\ub294 \ud30c\ud2b8\ub108\uc2ed\uacfc \uc804\ub7b5\uc801 \uc790\ubcf8\uacfc \uacb0\ud569\ud558\uba74 \uc0b0\uc5c5\uc744 \uc7ac\ud3b8\ud558\uace0 \ub354 \ubc1d\uc740 \ubbf8\ub798\ub97c \ub9cc\ub4e4 \uc218 \uc788\ub2e4\ub294 \ubbff\uc74c\uc5d0\uc11c \ubd88\uc744 \ubd99\uc600\uc2b5\ub2c8\ub2e4. \uc6b0\ub9ac\ub294 \ub2e8\uc21c\ud55c \ud22c\uc790\uc790\uac00 \uc544\ub2c8\ub77c \ud601\uc2e0\uc758 \uc5ec\uc815\uc5d0 \ud5cc\uc2e0\ud558\ub294 \uac74\uc124\uc790\uc774\uc790 \ud611\ub825\uc790\uc774\uba70 \uc2e0\ub8b0\ud560 \uc218 \uc788\ub294 \uc548\ub0b4\uc790\uc785\ub2c8\ub2e4.<\/p>\n                    \n                    <p>\uc6b0\ub9ac\uc758 \uc774\uc57c\uae30\ub294 \ub2e8\uc21c\ud55c \uac70\ub798\uc5d0 \uad00\ud55c \uac83\uc774 \uc544\ub2c8\ub77c \uc7a0\uc7ac\ub825\uc5d0 \ub300\ud55c \ub04a\uc784\uc5c6\ub294 \ucd94\uad6c, \ud604\uc2e4\uc5d0 \ub3c4\uc804\ud558\ub294 \uc6a9\uae30, \ud68d\uae30\uc801\uc778 \uc131\uc7a5\uc744 \uc704\ud55c \ube44\uc804\uc744 \uacf5\uc720\ud558\ub294 \ucc3d\uc5c5\uc790 \ubc0f \ud30c\ud2b8\ub108\uc640\uc758 \uae4a\uc740 \uad00\uacc4\uc5d0 \uad00\ud55c \uac83\uc785\ub2c8\ub2e4.<\/p>\n                <\/div>\n\n                <div class=\"grid md:grid-cols-2 gap-12 mt-16\">\n                    <div class=\"service-card p-8 rounded-xl bg-gradient-to-br from-blue-50 to-purple-50 border border-gray-100\">\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\ud575\uc2ec \ucca0\ud559<\/h3>\n                        <p class=\"text-gray-700\">\uc0ac\ub78c\uc5d0 \uba3c\uc800 \ud22c\uc790\ud55c \ub2e4\uc74c \uae30\uc220\uc5d0 \ud22c\uc790\ud558\uc138\uc694. \uc2e0\ub8b0\uc640 \ud22c\uba85\uc131\uc744 \ubc14\ud0d5\uc73c\ub85c \uc7a5\uae30\uc801\uc778 \ud30c\ud2b8\ub108\uc2ed\uc744 \uad6c\ucd95\ud569\ub2c8\ub2e4. \uc801\uadf9\uc801\uc778 \uc9c0\uc6d0\uacfc \uc804\ub7b5\uc801 \uc120\uacac\uc9c0\uba85\uc744 \ud1b5\ud574 \uac00\uce58 \ucc3d\ucd9c\uc744 \ucd09\uc9c4\ud569\ub2c8\ub2e4.<\/p>\n                    <\/div>\n                    \n                    <div class=\"service-card p-8 rounded-xl bg-gradient-to-br from-green-50 to-blue-50 border border-gray-100\">\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-4\">\ud575\uc2ec \uac00\uce58<\/h3>\n                        <ul class=\"text-gray-700 space-y-2\">\n                            <li><strong>\ucc3d\ub9bd\uc790 \uc6b0\uc120:<\/strong> \uae30\uc5c5\uac00\uc758 \ube44\uc804\uc744 \uc804\ub7b5\uc758 \uc911\uc2ec\uc5d0 \ub450\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/li>\n                            <li><strong>\uc7a5\uae30\uc801\uc778 \ud30c\ud2b8\ub108\uc2ed:<\/strong> \uc790\uae08 \uc9c0\uc6d0 \uc774\uc0c1\uc758 \uc9c0\uc18d\uc801\uc778 \uad00\uacc4 \uad6c\ucd95<\/li>\n                            <li><strong>\ud1b5\ucc30\ub825 \uc788\ub294 \ud589\ub3d9:<\/strong> \uc2ec\ub3c4 \uc788\ub294 \uc2dc\uc7a5 \uc9c0\uc2dd\uacfc \uc601\ud5a5\ub825 \uc788\ub294 \uc9c0\uc6d0\uc744 \uacb0\ud569\ud569\ub2c8\ub2e4.<\/li>\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Our Approach Section -->\n    <section id=\"approach\" class=\"py-20 bg-gray-50\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"max-w-6xl mx-auto\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-12 text-center\">\n                    \uc811\uadfc \ubc29\uc2dd: <span class=\"text-purple-600\">\uc790\ubcf8\uc744 \ub118\uc5b4\uc11c<\/span>\uc131\uc7a5\uc744 \uac00\uc18d\ud654\ud569\ub2c8\ub2e4\n                <\/h2>\n                \n                <div class=\"grid md:grid-cols-2 gap-12 mb-16\">\n                    <div>\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-6\">\ud22c\uc790 \ucca0\ud559<\/h3>\n                        <div class=\"space-y-4 text-gray-700\">\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-chart-line text-blue-600 mt-1 mr-3\"><\/i>\n                                <span>\ud601\uc2e0\uc774 \ubb34\ub974\uc775\uc740 \ubd84\uc57c \ud0c0\uac9f\ud305\ud558\uae30<\/span>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-users text-purple-600 mt-1 mr-3\"><\/i>\n                                <span>\ub6f0\uc5b4\ub09c \ub9ac\ub354\uc2ed \ud300 \uc2dd\ubcc4<\/span>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-rocket text-green-600 mt-1 mr-3\"><\/i>\n                                <span>\uc2dc\uc7a5 \ub9ac\ub354\uc2ed\uc744 \ud5a5\ud55c \uba85\ud655\ud55c \uacbd\ub85c\ub97c \uac16\ucd98 \ud655\uc7a5 \uac00\ub2a5\ud55c \ube44\uc988\ub2c8\uc2a4 \ubaa8\ub378\uc5d0 \uc9d1\uc911\ud569\ub2c8\ub2e4.<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <div>\n                        <h3 class=\"text-2xl font-bold text-gray-900 mb-6\">\ubd80\uac00\uac00\uce58 \ucc28\ubcc4\ud654 \uc694\uc18c<\/h3>\n                        <div class=\"space-y-4 text-gray-700\">\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-compass text-orange-600 mt-1 mr-3\"><\/i>\n                                <span><strong>\uc804\ub7b5\uc801 \uc9c0\uce68:<\/strong> \uc2dc\uc7a5 \uc804\ub7b5 \ubc0f \ud655\uc7a5\uc5d0 \ub300\ud55c \ucd5c\uace0 \uacbd\uc601\uc9c4\uc758 \uc870\uc5b8<\/span>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-network-wired text-red-600 mt-1 mr-3\"><\/i>\n                                <span><strong>\ub124\ud2b8\uc6cc\ud06c \uc561\uc138\uc2a4:<\/strong> \uc8fc\uc694 \uace0\uac1d, \ud30c\ud2b8\ub108, \uc778\uc7ac\uc640 \uc5f0\uacb0\ud558\uae30<\/span>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-cogs text-indigo-600 mt-1 mr-3\"><\/i>\n                                <span><strong>\uc6b4\uc601 \uc804\ubb38\uc131:<\/strong> \uc601\uc5c5, \ub9c8\ucf00\ud305, \uc7ac\ubb34 \ubc0f \ud655\uc7a5 \uc9c0\uc6d0<\/span>\n                            <\/div>\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-user-plus text-teal-600 mt-1 mr-3\"><\/i>\n                                <span><strong>\uc778\uc7ac \ud655\ubcf4:<\/strong> \uc138\uacc4\uc801 \uc218\uc900\uc758 \ud300 \uad6c\ucd95<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Focus Areas -->\n                <div class=\"bg-white rounded-2xl p-8 shadow-lg\">\n                    <h3 class=\"text-3xl font-bold text-gray-900 mb-8 text-center\">\uc9d1\uc911 \ubd84\uc57c: \ubbf8\ub798 \uc870\uba85<\/h3>\n                    <div class=\"grid md:grid-cols-3 lg:grid-cols-5 gap-6\">\n                        <div class=\"text-center p-6 rounded-lg bg-gradient-to-br from-blue-50 to-purple-50 hover:shadow-md transition-all duration-300\">\n                            <i class=\"fas fa-brain text-3xl text-blue-600 mb-4\"><\/i>\n                            <h4 class=\"font-semibold text-gray-900 mb-2\">AI \ubc0f ML<\/h4>\n                            <p class=\"text-sm text-gray-600\">\uc120\uad6c\uc801\uc778 \uc9c0\ub2a5\ud615 \uc790\ub3d9\ud654 \uc194\ub8e8\uc158<\/p>\n                        <\/div>\n                        <div class=\"text-center p-6 rounded-lg bg-gradient-to-br from-green-50 to-blue-50 hover:shadow-md transition-all duration-300\">\n                            <i class=\"fas fa-coins text-3xl text-green-600 mb-4\"><\/i>\n                            <h4 class=\"font-semibold text-gray-900 mb-2\">\ud540\ud14c\ud06c<\/h4>\n                            <p class=\"text-sm text-gray-600\">\uae08\uc735 \uc11c\ube44\uc2a4 \uc7ac\ud3b8<\/p>\n                        <\/div>\n                        <div class=\"text-center p-6 rounded-lg bg-gradient-to-br from-red-50 to-pink-50 hover:shadow-md transition-all duration-300\">\n                            <i class=\"fas fa-heartbeat text-3xl text-red-600 mb-4\"><\/i>\n                            <h4 class=\"font-semibold text-gray-900 mb-2\">\ud5ec\uc2a4\ucf00\uc5b4 IT<\/h4>\n                            <p class=\"text-sm text-gray-600\">\uac74\uac15 \uacb0\uacfc \ud5a5\uc0c1<\/p>\n                        <\/div>\n                        <div class=\"text-center p-6 rounded-lg bg-gradient-to-br from-purple-50 to-indigo-50 hover:shadow-md transition-all duration-300\">\n                            <i class=\"fas fa-cloud text-3xl text-purple-600 mb-4\"><\/i>\n                            <h4 class=\"font-semibold text-gray-900 mb-2\">SaaS<\/h4>\n                            <p class=\"text-sm text-gray-600\">\ud655\uc7a5 \uac00\ub2a5\ud55c \uc18c\ud504\ud2b8\uc6e8\uc5b4 \uc194\ub8e8\uc158 \uad6c\ucd95<\/p>\n                        <\/div>\n                        <div class=\"text-center p-6 rounded-lg bg-gradient-to-br from-green-50 to-teal-50 hover:shadow-md transition-all duration-300\">\n                            <i class=\"fas fa-leaf text-3xl text-green-600 mb-4\"><\/i>\n                            <h4 class=\"font-semibold text-gray-900 mb-2\">\uae30\ud6c4 \uae30\uc220<\/h4>\n                            <p class=\"text-sm text-gray-600\">\uc9c0\uc18d \uac00\ub2a5\uc131 \ud601\uc2e0 \ucd94\uc9c4<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <!-- Insights Section -->\n    <section id=\"insights\" class=\"py-20 bg-white\">\n        <div class=\"container mx-auto px-6\">\n            <div class=\"max-w-6xl mx-auto\">\n                <h2 class=\"text-4xl md:text-5xl font-bold text-gray-900 mb-12 text-center\">\n                    \uc778\uc0ac\uc774\ud2b8: <span class=\"text-blue-600\">\uc9c0\uc2dd\uc73c\ub85c \ubbf8\ub798\ub97c \ud0d0\uc0c9\ud558\uae30<\/span>\n                <\/h2>\n                \n                <p class=\"text-xl text-gray-600 text-center mb-16 max-w-3xl mx-auto\">\n                    \uc2dc\uc7a5 \ud2b8\ub80c\ub4dc, \ud22c\uc790 \uc804\ub7b5, \uae30\uc220\uc758 \ubbf8\ub798\uc5d0 \ub300\ud55c \ucd5c\uc2e0 \uc815\ubcf4\ub97c \ud1b5\ud574 \ud55c\ubc1c \uc55e\uc11c \ub098\uac00\uc138\uc694.\n                <\/p>\n\n                <div class=\"grid md:grid-cols-3 gap-8\">\n                    <div class=\"service-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1451187580459-43490279c0fa?w=400&h=200&fit=crop\" \n                             alt=\"\ud22c\uc790\uc5d0\uc11c AI\uc758 \ubbf8\ub798\" class=\"w-full h-48 object-cover\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-gray-900 mb-3\">\ud22c\uc790\uc5d0\uc11c AI\uc758 \ubbf8\ub798<\/h3>\n                            <p class=\"text-gray-600 mb-4\">2024\ub144 \uc774\ud6c4 \uc778\uacf5\uc9c0\ub2a5\uc774 \ud22c\uc790 \uc804\ub7b5\uacfc \uc2a4\ud0c0\ud2b8\uc5c5 \ud3c9\uac00 \ud504\ub85c\uc138\uc2a4\ub97c \uc5b4\ub5bb\uac8c \uc7ac\ud3b8\ud558\uace0 \uc788\ub294\uc9c0 \uc0b4\ud3b4\ubcf4\uc138\uc694.<\/p>\n                         \n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"service-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1606857521015-7f9fcf423740?w=400&h=200&fit=crop\" \n                             alt=\"\ubd88\ud655\uc2e4\ud55c \uc2dc\uae30\uc5d0 \uc2a4\ud0c0\ud2b8\uc5c5 \ud655\uc7a5\ud558\uae30\" class=\"w-full h-48 object-cover\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-gray-900 mb-3\">\ubd88\ud655\uc2e4\ud55c \uc2dc\uae30\uc5d0 \uc2a4\ud0c0\ud2b8\uc5c5 \ud655\uc7a5\ud558\uae30<\/h3>\n                            <p class=\"text-gray-600 mb-4\">\uc2dc\uc7a5 \ubcc0\ub3d9\uc131 \uc18d\uc5d0\uc11c \uc9c0\uc18d \uac00\ub2a5\ud55c \uc131\uc7a5\uc744 \uc704\ud55c \uc804\ub7b5\uc5d0 \ub300\ud574 \uc790\uc138\ud788 \uc54c\uc544\ubcf4\uace0, \ud3ec\ud2b8\ud3f4\ub9ac\uc624 CEO\uc758 \uc778\uc0ac\uc774\ud2b8\ub97c \ub4e4\uc5b4\ubcf4\uc138\uc694.<\/p>\n                         \n                        <\/div>\n                    <\/div>\n                    \n                    <div class=\"service-card bg-white rounded-xl overflow-hidden shadow-lg hover:shadow-xl transition-all duration-300\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1559136555-9303baea8ebd?w=400&h=200&fit=crop\" \n                             alt=\"\uae30\ud6c4 \uae30\uc220 \ud22c\uc790 \ud658\uacbd 2024\" class=\"w-full h-48 object-cover\">\n                        <div class=\"p-6\">\n                            <h3 class=\"text-xl font-bold text-gray-900 mb-3\">\uae30\ud6c4 \uae30\uc220 \ud22c\uc790 \ud658\uacbd 2024<\/h3>\n                            <p class=\"text-gray-600 mb-4\">\uae30\ud6c4 \uae30\uc220 \ubc0f \uc9c0\uc18d \uac00\ub2a5\ud55c \ud601\uc2e0 \ubd84\uc57c\uc758 \uc0c8\ub85c\uc6b4 \uae30\ud68c\uc5d0 \ub300\ud55c \uc885\ud569\uc801\uc778 \ubd84\uc11d.<\/p>\n                           \n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Venture Capital &#8211; Fueling Tomorrow&#8217;s Leaders Capital &#038; Expertise, Unlocking Potential We provide the capital and strategic partnership visionary founders need to scale disruptively. Unlock superior, long-term returns through our focused investment expertise. Get Started Contact Us 0 Years in Business 0 Investments Made 0 Successful Exits 0 Average Growth % Our Story: Built on [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"om_disable_all_campaigns":false,"footnotes":""},"class_list":["post-1865","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/1865","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/comments?post=1865"}],"version-history":[{"count":28,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/1865\/revisions"}],"predecessor-version":[{"id":3541,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/1865\/revisions\/3541"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/media?parent=1865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}