{"id":216,"date":"2025-05-22T13:06:48","date_gmt":"2025-05-22T13:06:48","guid":{"rendered":"https:\/\/theexchain.com\/?page_id=216"},"modified":"2025-06-26T11:10:24","modified_gmt":"2025-06-26T03:10:24","slug":"%ec%a7%80%ea%b0%91","status":"publish","type":"page","link":"https:\/\/theexchain.com\/ko\/%ec%a7%80%ea%b0%91\/","title":{"rendered":"\uc11c\ube44\uc2a4\ud615 \uc6d4\ub81b"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"216\" class=\"elementor elementor-216\" 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-f513a1f e-con-full e-flex e-con e-parent\" data-id=\"f513a1f\" 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-70a319c elementor-widget elementor-widget-html\" data-id=\"70a319c\" 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    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#6366f1',\n                        secondary: '#8b5cf6',\n                        dark: '#111827',\n                        light: '#f9fafb',\n                    },\n                    fontFamily: {\n                        sans: ['Inter', 'sans-serif'],\n                    },\n                }\n            }\n        }\n\n        \/\/ FAQ Section JavaScript\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqItems = document.querySelectorAll('.faq-item');\n    \n    \/\/ Initialize FAQ items\n    faqItems.forEach((item, index) => {\n        const question = item.querySelector('.faq-question');\n        const answer = item.querySelector('.faq-answer');\n        const toggle = item.querySelector('.faq-toggle');\n        \n        \/\/ Open the first FAQ item by default\n        if (index === 0) {\n            item.classList.add('active');\n        }\n        \n        \/\/ Add click event to questions\n        question.addEventListener('click', () => {\n            toggleFaq(item);\n        });\n        \n        \/\/ Add click event to toggle buttons\n        if (toggle) {\n            toggle.addEventListener('click', (e) => {\n                e.stopPropagation();\n                toggleFaq(item);\n            });\n        }\n    });\n    \n    \/\/ Function to toggle FAQ items\n    function toggleFaq(clickedItem) {\n        \/\/ Get the current state\n        const isActive = clickedItem.classList.contains('active');\n        \n        \/\/ Close all items first (accordion style)\n        faqItems.forEach(item => {\n            item.classList.remove('active');\n            const toggle = item.querySelector('.faq-toggle i');\n            if (toggle) {\n                toggle.className = 'fas fa-plus';\n            }\n        });\n        \n        \/\/ If the clicked item wasn't active, open it\n        if (!isActive) {\n            clickedItem.classList.add('active');\n            const toggle = clickedItem.querySelector('.faq-toggle i');\n            if (toggle) {\n                toggle.className = 'fas fa-minus';\n            }\n        }\n    }\n    \n    \/\/ Add search functionality for FAQs\n    const addFaqSearch = () => {\n        const faqSection = document.getElementById('faq');\n        if (!faqSection) return;\n        \n        \/\/ Create search input\n        const searchContainer = document.createElement('div');\n        searchContainer.className = 'max-w-md mx-auto mb-8';\n        \n        const searchInput = document.createElement('input');\n        searchInput.type = 'text';\n        searchInput.placeholder = 'Search FAQs...';\n        searchInput.className = 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent';\n        \n        searchContainer.appendChild(searchInput);\n        \n        \/\/ Insert before the FAQ container\n        const faqContainer = faqSection.querySelector('.faq-container');\n        faqSection.querySelector('.text-center').after(searchContainer);\n        \n        \/\/ Add search functionality\n        searchInput.addEventListener('input', (e) => {\n            const searchTerm = e.target.value.toLowerCase();\n            \n            faqItems.forEach(item => {\n                const question = item.querySelector('.faq-question h3').textContent.toLowerCase();\n                const answer = item.querySelector('.faq-answer').textContent.toLowerCase();\n                \n                if (question.includes(searchTerm) || answer.includes(searchTerm)) {\n                    item.style.display = 'block';\n                } else {\n                    item.style.display = 'none';\n                }\n            });\n            \n            \/\/ Show a message if no results\n            let visibleItems = 0;\n            faqItems.forEach(item => {\n                if (item.style.display !== 'none') {\n                    visibleItems++;\n                }\n            });\n            \n            const noResultsMessage = document.getElementById('no-faq-results');\n            \n            if (visibleItems === 0 && searchTerm !== '') {\n                if (!noResultsMessage) {\n                    const message = document.createElement('p');\n                    message.id = 'no-faq-results';\n                    message.className = 'text-center text-gray-500 my-8';\n                    message.textContent = 'No matching FAQs found. Please try a different search term.';\n                    faqContainer.after(message);\n                }\n            } else if (noResultsMessage) {\n                noResultsMessage.remove();\n            }\n        });\n    };\n    \n    \/\/ Uncomment the line below to enable FAQ search\n    \/\/ addFaqSearch();\n    \n    \/\/ Add FAQ analytics tracking\n    const trackFaqInteractions = () => {\n        faqItems.forEach(item => {\n            item.addEventListener('click', () => {\n                const question = item.querySelector('.faq-question h3').textContent;\n                \n                \/\/ In a real implementation, this would send data to an analytics service\n                console.log(`FAQ clicked: ${question}`);\n                \n                \/\/ Example of how you might track this with Google Analytics\n                if (typeof gtag === 'function') {\n                    gtag('event', 'faq_interaction', {\n                        'event_category': 'FAQ',\n                        'event_label': question\n                    });\n                }\n            });\n        });\n    };\n    \n    \/\/ Track FAQ interactions if analytics is available\n    if (document.querySelector('.faq-item')) {\n        trackFaqInteractions();\n    }\n});\n\/\/ Main JavaScript file for ChainUp WaaS Landing Page\n\ndocument.addEventListener('DOMContentLoaded', function() {\n    \/\/ Mobile Menu Toggle\n    const menuToggle = document.getElementById('menu-toggle');\n    const mobileMenu = document.getElementById('mobile-menu');\n    \n    if (menuToggle && mobileMenu) {\n        menuToggle.addEventListener('click', function() {\n            mobileMenu.classList.toggle('hidden');\n        });\n    }\n    \n    \/\/ Smooth scrolling for navigation links\n    document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n        anchor.addEventListener('click', function (e) {\n            e.preventDefault();\n            \n            if (mobileMenu && !mobileMenu.classList.contains('hidden')) {\n                mobileMenu.classList.add('hidden');\n            }\n            \n            const targetId = this.getAttribute('href');\n            if (targetId === '#') return;\n            \n            const targetElement = document.querySelector(targetId);\n            if (targetElement) {\n                window.scrollTo({\n                    top: targetElement.offsetTop - 80,\n                    behavior: 'smooth'\n                });\n            }\n        });\n    });\n    \n    \/\/ Feature tabs functionality\n    const tabButtons = document.querySelectorAll('.tab-btn');\n    const tabContents = document.querySelectorAll('.tab-content');\n    \n    tabButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            \/\/ Remove active class from all buttons and content\n            tabButtons.forEach(btn => btn.classList.remove('active'));\n            tabContents.forEach(content => content.classList.remove('active'));\n            \n            \/\/ Add active class to clicked button\n            button.classList.add('active');\n            \n            \/\/ Show corresponding content\n            const tabId = button.getAttribute('data-tab');\n            document.getElementById(tabId).classList.add('active');\n        });\n    });\n    \n    \/\/ Copy code snippet functionality\n    const copyButtons = document.querySelectorAll('.copy-btn');\n    \n    copyButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            \/\/ Find the code block to copy\n            const codeBlock = button.closest('.code-snippet').querySelector('code');\n            const textToCopy = codeBlock.textContent;\n            \n            \/\/ Create a temporary textarea element to copy from\n            const textarea = document.createElement('textarea');\n            textarea.value = textToCopy;\n            textarea.setAttribute('readonly', '');\n            textarea.style.position = 'absolute';\n            textarea.style.left = '-9999px';\n            document.body.appendChild(textarea);\n            \n            \/\/ Select and copy the text\n            textarea.select();\n            document.execCommand('copy');\n            \n            \/\/ Remove the textarea\n            document.body.removeChild(textarea);\n            \n            \/\/ Change button icon temporarily to indicate success\n            const originalIcon = button.innerHTML;\n            button.innerHTML = '<i class=\"fas fa-check\"><\/i>';\n            \n            \/\/ Revert back to original icon after a delay\n            setTimeout(() => {\n                button.innerHTML = originalIcon;\n            }, 2000);\n        });\n    });\n    \n    \/\/ Animate elements when they come into view\n    const animateOnScroll = function() {\n        const elements = document.querySelectorAll('.fade-in, .slide-in-left, .slide-in-right');\n        \n        elements.forEach(element => {\n            const elementPosition = element.getBoundingClientRect().top;\n            const windowHeight = window.innerHeight;\n            \n            \/\/ If element is in viewport\n            if (elementPosition < windowHeight - 100) {\n                \/\/ Get any custom delay attribute\n                const delay = element.getAttribute('data-delay') || 0;\n                \n                \/\/ Set the animation delay\n                element.style.animationDelay = delay + 's';\n                \n                \/\/ Add the animation class based on the element's class\n                if (element.classList.contains('fade-in')) {\n                    element.style.animation = 'fadeIn 1s ease forwards';\n                } else if (element.classList.contains('slide-in-left')) {\n                    element.style.animation = 'slideInLeft 1s ease forwards';\n                } else if (element.classList.contains('slide-in-right')) {\n                    element.style.animation = 'slideInRight 1s ease forwards';\n                }\n                \n                \/\/ Remove the element from the list to avoid re-animating\n                element.classList.remove('fade-in', 'slide-in-left', 'slide-in-right');\n            }\n        });\n    };\n    \n    \/\/ Run animation on page load\n    animateOnScroll();\n    \n    \/\/ Run animation on scroll\n    window.addEventListener('scroll', animateOnScroll);\n    \n    \/\/ Initialize service cards hover effect\n    const serviceCards = document.querySelectorAll('.service-card');\n    \n    serviceCards.forEach(card => {\n        card.addEventListener('mouseenter', () => {\n            card.style.transform = 'translateY(-10px)';\n            card.style.boxShadow = 'var(--shadow-lg)';\n        });\n        \n        card.addEventListener('mouseleave', () => {\n            card.style.transform = 'translateY(0)';\n            card.style.boxShadow = 'var(--shadow)';\n        });\n    });\n    \n    \/\/ Add active class to navigation links based on scroll position\n    const sections = document.querySelectorAll('section[id]');\n    const navLinks = document.querySelectorAll('.nav-link');\n    \n    function highlightNavOnScroll() {\n        const scrollPosition = window.scrollY + 100;\n        \n        sections.forEach(section => {\n            const sectionTop = section.offsetTop;\n            const sectionHeight = section.offsetHeight;\n            const sectionId = section.getAttribute('id');\n            \n            if (scrollPosition >= sectionTop && scrollPosition < sectionTop + sectionHeight) {\n                navLinks.forEach(link => {\n                    link.classList.remove('active');\n                    if (link.getAttribute('href') === '#' + sectionId) {\n                        link.classList.add('active');\n                    }\n                });\n            }\n        });\n    }\n    \n    window.addEventListener('scroll', highlightNavOnScroll);\n    \n    \/\/ Add dynamic interaction to demo UIs\n    const demoGasButtons = document.querySelectorAll('.demo-gas-btn');\n    \n    demoGasButtons.forEach(button => {\n        button.addEventListener('click', () => {\n            demoGasButtons.forEach(btn => btn.classList.remove('active'));\n            button.classList.add('active');\n        });\n    });\n});\n\n    <\/script>\n\n\n<style>\n    \/* Base Styles and Animations *\/\n:root {\n  --primary: #6366f1;\n  --primary-light: #8b5cf6;\n  --primary-dark: #111827;\n  --secondary: #10B981;\n  --secondary-light: #A7F3D0;\n  --accent: #8B5CF6;\n  --accent-light: #C7D2FE;\n  --dark: #1F2937;\n  --gray-light: #F9FAFB;\n  --gray: #E5E7EB;\n  --gray-dark: #6B7280;\n  --success: #10B981;\n  --warning: #F59E0B;\n  --error: #EF4444;\n  --transition-normal: all 0.3s ease;\n  --transition-slow: all 0.5s ease;\n  --border-radius-sm: 0.25rem;\n  --border-radius: 0.5rem;\n  --border-radius-lg: 1rem;\n  --border-radius-xl: 1.5rem;\n  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\n  --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n\/* Scroll behavior *\/\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  font-family: 'Inter', sans-serif;\n  overflow-x: hidden;\n}\n\n\/* Buttons *\/\n.btn-primary {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--primary);\n  color: white;\n  font-weight: 600;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  transition: var(--transition-normal);\n  border: none;\n  cursor: pointer;\n}\n\n.btn-primary:hover {\n  background-color: var(--primary-dark);\n  transform: translateY(-1px);\n  box-shadow: var(--shadow);\n}\n\n.btn-outline {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background-color: transparent;\n  color: var(--dark);\n  font-weight: 600;\n  padding: 0.75rem 1.5rem;\n  border-radius: var(--border-radius);\n  transition: var(--transition-normal);\n  border: 2px solid var(--gray);\n  cursor: pointer;\n}\n\n.btn-outline:hover {\n  border-color: var(--primary);\n  color: var(--primary);\n}\n\n.btn-lg {\n  padding: 0.875rem 2rem;\n  font-size: 1.125rem;\n}\n\n.btn-sm {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n}\n\n\/* Navigation *\/\n.nav-link {\n  font-weight: 500;\n  color: var(--dark);\n  transition: var(--transition-normal);\n  position: relative;\n  padding-bottom: 0.25rem;\n}\n\n.nav-link:hover {\n  color: var(--primary);\n}\n\n.nav-link::after {\n  content: '';\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  width: 0;\n  height: 2px;\n  background-color: var(--primary);\n  transition: var(--transition-normal);\n}\n\n.nav-link:hover::after {\n  width: 100%;\n}\n\n\/* Section Styles *\/\n.section-title {\n  font-size: 2.5rem;\n  font-weight: 800;\n  line-height: 1.2;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.section-subtitle {\n  font-size: 1.25rem;\n  color: var(--gray-dark);\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n\/* Text Gradient *\/\n.text-gradient {\n  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  text-fill-color: transparent;\n}\n\n\/* Hero Section *\/\n.hero-section {\n  position: relative;\n  overflow: hidden;\n}\n\n\n.hero-animation {\n  position: relative;\n  z-index: 1;\n}\n\n.blob-animation {\n  position: absolute;\n  width: 500px;\n  height: 500px;\n  top: -100px;\n  right: -100px;\n  border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  background: linear-gradient(45deg, var(--primary-light), var(--accent-light));\n  opacity: 0.3;\n  z-index: -1;\n  animation: blob-morph 10s ease-in-out infinite;\n}\n\n.blob-animation-alt {\n  position: absolute;\n  width: 400px;\n  height: 400px;\n  top: -50px;\n  left: -100px;\n  border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  background: linear-gradient(45deg, var(--secondary-light), var(--primary-light));\n  opacity: 0.2;\n  z-index: -1;\n  animation: blob-morph-alt 15s ease-in-out infinite;\n}\n\n@keyframes blob-morph {\n  0% {\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  }\n  25% {\n    border-radius: 50% 50% 30% 70% \/ 50% 50% 30% 70%;\n  }\n  50% {\n    border-radius: 70% 30% 50% 50% \/ 40% 60% 40% 60%;\n  }\n  75% {\n    border-radius: 40% 60% 70% 30% \/ 60% 30% 70% 40%;\n  }\n  100% {\n    border-radius: 30% 70% 70% 30% \/ 30% 30% 70% 70%;\n  }\n}\n\n@keyframes blob-morph-alt {\n  0% {\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  }\n  25% {\n    border-radius: 40% 60% 60% 40% \/ 30% 70% 30% 70%;\n  }\n  50% {\n    border-radius: 30% 70% 40% 60% \/ 50% 50% 50% 50%;\n  }\n  75% {\n    border-radius: 70% 30% 30% 70% \/ 40% 60% 60% 40%;\n  }\n  100% {\n    border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%;\n  }\n}\n\n\/* Value Card *\/\n.value-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n}\n\n.value-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.icon-circle {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.icon-circle i {\n  font-size: 1.5rem;\n}\n\n.value-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.value-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n}\n\n\/* Service Cards *\/\n.service-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  position: relative;\n  overflow: hidden;\n  z-index: 1;\n}\n\n.service-card::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 5px;\n  background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 100%);\n  z-index: -1;\n}\n\n.service-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.service-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: var(--border-radius);\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.service-icon i {\n  font-size: 1.5rem;\n}\n\n.service-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.service-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n  margin-bottom: 1.5rem;\n}\n\n.service-features {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.service-features li {\n  margin-bottom: 0.5rem;\n  padding-left: 1.5rem;\n  position: relative;\n  color: var(--gray-dark);\n}\n\n.service-features li::before {\n  content: '\\f00c';\n  font-family: 'Font Awesome 5 Free';\n  font-weight: 900;\n  position: absolute;\n  left: 0;\n  top: 0;\n  color: var(--primary);\n  font-size: 0.875rem;\n}\n\n\/* Benefit Cards *\/\n.benefit-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 1.5rem;\n}\n\n.benefit-icon {\n  width: 50px;\n  height: 50px;\n  border-radius: var(--border-radius);\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n\n.benefit-icon i {\n  font-size: 1.25rem;\n}\n\n.benefit-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 0.5rem;\n  color: var(--dark);\n}\n\n.benefit-description {\n  color: var(--gray-dark);\n  line-height: 1.6;\n}\n\n\/* Testimonial Slider *\/\n.testimonial-slider {\n  position: relative;\n  margin: 0 auto;\n  max-width: 900px;\n}\n\n.swiper-container {\n  overflow: hidden;\n  padding: 2rem 0;\n}\n\n.testimonial-slide {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.testimonial-quote {\n  font-size: 1.125rem;\n  line-height: 1.7;\n  color: var(--dark);\n  margin-bottom: 1.5rem;\n  flex-grow: 1;\n}\n\n.testimonial-author {\n  display: flex;\n  align-items: center;\n}\n\n.testimonial-avatar {\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  overflow: hidden;\n  margin-right: 1rem;\n}\n\n.testimonial-avatar img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n\n.testimonial-info h4 {\n  font-weight: 600;\n  margin: 0 0 0.25rem;\n}\n\n.testimonial-info p {\n  color: var(--gray-dark);\n  margin: 0;\n  font-size: 0.875rem;\n}\n\n.testimonial-prev,\n.testimonial-next {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: white;\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: var(--shadow);\n  border: none;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.testimonial-prev:hover,\n.testimonial-next:hover {\n  background-color: var(--primary);\n  color: white;\n}\n\n.client-logo {\n  opacity: 0.7;\n  transition: var(--transition-normal);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.client-logo:hover {\n  opacity: 1;\n}\n\n\/* Feature Tabs *\/\n.feature-tabs {\n  max-width: 1000px;\n  margin: 0 auto;\n}\n\n.tab-navigation {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  margin-bottom: 2rem;\n  gap: 0.5rem;\n}\n\n.tab-btn {\n  padding: 0.75rem 1.5rem;\n  border: 2px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-weight: 600;\n  color: var(--gray-dark);\n  background-color: transparent;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.tab-btn.active {\n  background-color: var(--primary);\n  color: white;\n  border-color: var(--primary);\n}\n\n.tab-btn:hover:not(.active) {\n\n  border-color: var(--primary);\n  color: #ffffff;\n}\n\n.tab-content-container {\n  position: relative;\n  overflow: hidden;\n}\n\n.tab-content {\n  display: none;\n  animation: fadeIn 0.5s ease forwards;\n}\n\n.tab-content.active {\n  display: block;\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n    transform: translateY(10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Feature Demo *\/\n.feature-demo-container {\n  background-color: #f5f7fa;\n  border-radius: var(--border-radius-lg);\n  padding: 1.5rem;\n  box-shadow: var(--shadow);\n}\n\n.feature-demo-screen {\n  background-color: white;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n}\n\n.demo-header {\n  background-color: #f1f5f9;\n  padding: 0.75rem 1rem;\n  display: flex;\n  align-items: center;\n  border-bottom: 1px solid var(--gray);\n}\n\n.demo-controls {\n  display: flex;\n  gap: 0.5rem;\n  margin-right: 1rem;\n}\n\n.demo-circle {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.demo-title {\n  font-weight: 600;\n  color: var(--gray-dark);\n  font-size: 0.875rem;\n  flex-grow: 1;\n  text-align: center;\n}\n\n.demo-content {\n  padding: 1.5rem;\n}\n\n.code-snippet {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  border: 1px solid var(--gray);\n}\n\n.code-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.75rem 1rem;\n  background-color: #f1f5f9;\n  border-bottom: 1px solid var(--gray);\n}\n\n.copy-btn {\n  background-color: transparent;\n  border: none;\n  color: var(--gray-dark);\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.copy-btn:hover {\n  color: #ffffff;\n}\n\n.code-block {\n  padding: 1rem;\n  margin: 0;\n  font-family: monospace;\n  font-size: 0.875rem;\n  line-height: 1.5;\n  color: #334155;\n  overflow-x: auto;\n}\n\n.feature-stat {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.stat-value {\n  font-size: 1.5rem;\n  font-weight: 700;\n  color: var(--primary);\n  margin-bottom: 0.25rem;\n}\n\n.stat-label {\n  font-size: 0.875rem;\n  color: var(--gray-dark);\n}\n\n\/* Demo Form Styles *\/\n.demo-form {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin-bottom: 1.5rem;\n}\n\n.demo-input-group {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-input-group label {\n  font-size: 0.875rem;\n  font-weight: 600;\n  color: var(--dark);\n}\n\n.demo-input-group input,\n.demo-input-group select {\n  padding: 0.75rem;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-size: 0.875rem;\n}\n\n.demo-btn {\n  background-color: var(--primary);\n  color: white;\n  border: none;\n  border-radius: var(--border-radius);\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-btn:hover {\n  background-color: var(--primary-dark);\n}\n\n.demo-btn-sm {\n  background-color: white;\n  color: var(--primary);\n  border: 1px solid var(--primary);\n  border-radius: var(--border-radius);\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  font-weight: 500;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-btn-sm:hover {\n  background-color: var(--primary);\n  color: white;\n}\n\n.demo-result {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1.5rem;\n  border: 1px dashed var(--primary-light);\n}\n\n.demo-success {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  color: var(--success);\n  margin-bottom: 1rem;\n  font-weight: 600;\n}\n\n.demo-success i {\n  font-size: 1.25rem;\n}\n\n.demo-details {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-detail-item {\n  display: flex;\n  justify-content: space-between;\n  font-size: 0.875rem;\n}\n\n.demo-detail-item span {\n  color: var(--gray-dark);\n}\n\n.demo-detail-item code {\n  background-color: white;\n  padding: 0.25rem 0.5rem;\n  border-radius: var(--border-radius-sm);\n  font-family: monospace;\n  color: var(--dark);\n}\n\n\/* Transaction Demo *\/\n.demo-transaction {\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n}\n\n.demo-wallet-info {\n  display: flex;\n  justify-content: space-between;\n  background-color: #f8fafc;\n  padding: 0.75rem 1rem;\n  border-radius: var(--border-radius);\n}\n\n.demo-amount-input {\n  display: flex;\n  flex-direction: column;\n}\n\n.demo-amount-input .flex {\n  display: flex;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  overflow: hidden;\n}\n\n.demo-amount-input input {\n  flex-grow: 1;\n  border: none;\n  padding: 0.75rem;\n}\n\n.demo-amount-input select {\n  width: 100px;\n  border: none;\n  border-left: 1px solid var(--gray);\n  padding: 0.75rem;\n  background-color: #f8fafc;\n}\n\n.demo-gas-options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-gas-options .flex {\n  display: flex;\n  gap: 0.5rem;\n}\n\n.demo-gas-btn {\n  flex: 1;\n  background-color: white;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  padding: 0.75rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-gas-btn small {\n  font-size: 0.75rem;\n  color: var(--gray-dark);\n  margin-top: 0.25rem;\n}\n\n.demo-gas-btn.active {\n  border-color: var(--primary);\n  background-color: var(--primary-light);\n  color: var(--primary-dark);\n}\n\n.demo-transaction-status {\n  margin-top: 1rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.demo-status-step {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n  opacity: 0.5;\n}\n\n.demo-status-step.active {\n  opacity: 1;\n}\n\n.demo-status-icon {\n  width: 24px;\n  height: 24px;\n  border-radius: 50%;\n  background-color: var(--gray-light);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--gray-dark);\n}\n\n.demo-status-step.active .demo-status-icon {\n  background-color: var(--primary-light);\n  color: var(--primary);\n}\n\n.demo-status-step.pulse .demo-status-icon {\n  animation: pulse 1.5s infinite;\n}\n\n@keyframes pulse {\n  0% {\n    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0.4);\n  }\n  70% {\n    box-shadow: 0 0 0 10px rgba(59, 130, 246, 0);\n  }\n  100% {\n    box-shadow: 0 0 0 0 rgba(59, 130, 246, 0);\n  }\n}\n\n\/* Security Demo *\/\n.demo-security {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.demo-security-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.demo-security-header h3 {\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.demo-security-badge {\n  background-color: var(--success);\n  color: white;\n  padding: 0.25rem 0.75rem;\n  border-radius: 9999px;\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.demo-security-section {\n  background-color: #f8fafc;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n}\n\n.demo-security-section h4 {\n  font-weight: 600;\n  margin-bottom: 0.75rem;\n  font-size: 1rem;\n}\n\n.demo-multi-sig {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.demo-multi-sig-threshold {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px dashed var(--gray);\n}\n\n.demo-multi-sig-threshold .flex {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n}\n\n.demo-threshold {\n  display: inline-block;\n  width: 28px;\n  height: 28px;\n  line-height: 28px;\n  text-align: center;\n  background-color: var(--primary);\n  color: white;\n  border-radius: var(--border-radius-sm);\n  font-weight: 600;\n}\n\n.demo-approvers {\n  display: flex;\n  gap: 1rem;\n  flex-wrap: wrap;\n}\n\n.demo-approver {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n}\n\n.demo-approver-avatar {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: var(--primary);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-weight: 600;\n  margin-bottom: 0.5rem;\n}\n\n.demo-approver-name {\n  font-weight: 600;\n  font-size: 0.875rem;\n  margin-bottom: 0.25rem;\n}\n\n.demo-approver-role {\n  font-size: 0.75rem;\n  color: var(--gray-dark);\n}\n\n.demo-limits {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-limit {\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 0.75rem;\n  border-bottom: 1px dashed var(--gray);\n}\n\n.demo-limit:last-child {\n  border-bottom: none;\n  padding-bottom: 0;\n}\n\n.demo-security-options {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.demo-security-option {\n  display: flex;\n  align-items: center;\n  gap: 0.75rem;\n}\n\n.demo-security-option input[type=\"checkbox\"] {\n  width: 18px;\n  height: 18px;\n  accent-color: var(--primary);\n}\n\n\/* Analytics Demo *\/\n.demo-analytics {\n  display: flex;\n  flex-direction: column;\n  gap: 1.5rem;\n}\n\n.demo-analytics-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.demo-analytics-header h3 {\n  font-weight: 700;\n  font-size: 1.25rem;\n}\n\n.demo-time-selector {\n  display: flex;\n  border: 1px solid var(--gray);\n  border-radius: var(--border-radius);\n  overflow: hidden;\n}\n\n.demo-time-selector button {\n  padding: 0.5rem 0.75rem;\n  background-color: white;\n  border: none;\n  font-size: 0.875rem;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.demo-time-selector button.active {\n  background-color: var(--primary);\n  color: white;\n}\n\n.demo-metrics-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 1rem;\n}\n\n.demo-metric {\n  background-color: white;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  border: 1px solid var(--gray);\n}\n\n.demo-metric-value {\n  font-size: 1.5rem;\n  font-weight: 700;\n  margin-bottom: 0.25rem;\n}\n\n.demo-metric-label {\n  font-size: 0.875rem;\n  color: var(--gray-dark);\n  margin-bottom: 0.5rem;\n}\n\n.demo-metric-change {\n  font-size: 0.75rem;\n  font-weight: 600;\n}\n\n.demo-metric-change.positive {\n  color: var(--success);\n}\n\n.demo-metric-change.negative {\n  color: var(--error);\n}\n\n.demo-chart {\n  background-color: white;\n  border-radius: var(--border-radius);\n  padding: 1rem;\n  border: 1px solid var(--gray);\n}\n\n.demo-chart-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 1rem;\n}\n\n.demo-chart-header h4 {\n  font-weight: 600;\n  font-size: 1rem;\n}\n\n.demo-chart-legend {\n  display: flex;\n  gap: 1rem;\n}\n\n.demo-legend-item {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n}\n\n.demo-legend-color {\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n}\n\n.demo-chart-container {\n  height: 200px;\n}\n\n.demo-chart-svg {\n  width: 100%;\n  height: 100%;\n}\n\n.demo-analytics-footer {\n  display: flex;\n  justify-content: flex-end;\n  gap: 1rem;\n}\n\n\/* FAQ Section *\/\n.faq-container {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n}\n\n.faq-item {\n  background-color: white;\n  border-radius: var(--border-radius);\n  overflow: hidden;\n  box-shadow: var(--shadow-sm);\n  border: 1px solid var(--gray);\n}\n\n.faq-question {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1.25rem;\n  cursor: pointer;\n  transition: var(--transition-normal);\n}\n\n.faq-question h3 {\n  font-weight: 600;\n  font-size: 1.125rem;\n  color: var(--dark);\n  margin: 0;\n}\n\n.faq-toggle {\n  width: 30px;\n  height: 30px;\n  border-radius: 50%;\n  background-color: var(--gray-light);\n  color: var(--primary);\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  flex-shrink: 0;\n}\n\n.faq-toggle i {\n  transition: var(--transition-normal);\n}\n\n.faq-item.active .faq-toggle {\n  background-color: var(--primary);\n  color: white;\n}\n\n.faq-item.active .faq-toggle i {\n  transform: rotate(45deg);\n}\n\n.faq-answer {\n  padding: 0 1.25rem;\n  max-height: 0;\n  overflow: hidden;\n  transition: max-height 0.3s ease, padding 0.3s ease;\n}\n\n.faq-item.active .faq-answer {\n  padding: 0 1.25rem 1.25rem;\n  max-height: 1000px;\n}\n\n.faq-answer p {\n  margin: 0 0 1rem;\n  line-height: 1.6;\n  color: var(--gray-dark);\n}\n\n.faq-answer p:last-child {\n  margin-bottom: 0;\n}\n\n.faq-answer ul {\n  margin: 0 0 1rem;\n  padding-left: 1.5rem;\n}\n\n.faq-answer ul li {\n  margin-bottom: 0.5rem;\n  color: var(--gray-dark);\n}\n\n\/* CTA Section *\/\n.cta-cards {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n}\n\n.cta-card {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  transition: var(--transition-normal);\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.cta-card:hover {\n  transform: translateY(-5px);\n  box-shadow: var(--shadow-md);\n}\n\n.cta-icon {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  background-color: var(--primary-light);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 1.5rem;\n}\n\n.cta-icon i {\n  font-size: 1.5rem;\n}\n\n.cta-title {\n  font-size: 1.25rem;\n  font-weight: 700;\n  margin-bottom: 1rem;\n  color: var(--dark);\n}\n\n.cta-description {\n  color: var(--gray-dark);\n  margin-bottom: 1.5rem;\n  flex-grow: 1;\n}\n\n.cta-btn {\n  background-color: var(--primary);\n  color: white;\n  border: none;\n  border-radius: var(--border-radius);\n  padding: 0.75rem 1.5rem;\n  font-weight: 600;\n  cursor: pointer;\n  transition: var(--transition-normal);\n  width: 100%;\n}\n\n.cta-btn:hover {\n  background-color: var(--primary-dark);\n}\n\n.newsletter-signup {\n  background-color: white;\n  border-radius: var(--border-radius-lg);\n  padding: 2rem;\n  box-shadow: var(--shadow);\n  margin-top: 3rem;\n}\n\n.newsletter-input {\n  padding: 0.75rem 1.25rem;\n  border: 2px solid var(--gray);\n  border-radius: var(--border-radius);\n  font-size: 1rem;\n  transition: var(--transition-normal);\n}\n\n.newsletter-input:focus {\n  outline: none;\n  border-color: var(--primary);\n}\n\n\/* Footer *\/\n.footer-heading {\n  font-size: 1.125rem;\n  font-weight: 700;\n  color: white;\n  margin-bottom: 1.5rem;\n}\n\n.footer-links {\n  list-style-type: none;\n  padding: 0;\n  margin: 0;\n}\n\n.footer-links li {\n  margin-bottom: 0.75rem;\n}\n\n.footer-links a {\n  color: #CBD5E1;\n  transition: var(--transition-normal);\n}\n\n.footer-links a:hover {\n  color: white;\n}\n\n.social-icon {\n  width: 40px;\n  height: 40px;\n  border-radius: 50%;\n  background-color: rgba(255, 255, 255, 0.1);\n  color: white;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: var(--transition-normal);\n}\n\n.social-icon:hover {\n  background-color: var(--primary);\n  transform: translateY(-3px);\n}\n\n\/* Animation Utilities *\/\n.slide-in-left {\n  opacity: 0;\n  transform: translateX(-50px);\n  animation: slideInLeft 1s ease forwards;\n}\n\n.slide-in-right {\n  opacity: 0;\n  transform: translateX(50px);\n  animation: slideInRight 1s ease forwards;\n}\n\n.fade-in {\n  opacity: 0;\n  transform: translateY(20px);\n  animation: fadeIn 1s ease forwards;\n}\n\n@keyframes slideInLeft {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes slideInRight {\n  to {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes fadeIn {\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n\/* Responsive Adjustments *\/\n@media (max-width: 768px) {\n  .section-title {\n    font-size: 2rem;\n  }\n  \n  .tab-navigation {\n    flex-direction: column;\n    align-items: stretch;\n  }\n  \n  .demo-analytics-header,\n  .demo-chart-header {\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 1rem;\n  }\n  \n  .demo-time-selector {\n    width: 100%;\n  }\n  \n  .demo-time-selector button {\n    flex: 1;\n  }\n  \n  .demo-metrics-grid {\n    grid-template-columns: 1fr;\n  }\n}\n\n\/* Animation delay utility *\/\n[data-delay=\"0.1\"] {\n  animation-delay: 0.1s;\n}\n\n[data-delay=\"0.2\"] {\n  animation-delay: 0.2s;\n}\n\n[data-delay=\"0.3\"] {\n  animation-delay: 0.3s;\n}\n\n[data-delay=\"0.4\"] {\n  animation-delay: 0.4s;\n}\n\n[data-delay=\"0.5\"] {\n  animation-delay: 0.5s;\n}\n\n[data-delay=\"0.6\"] {\n  animation-delay: 0.6s;\n}\n\n<\/style>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n<\/head>\n<body class=\"font-sans text-gray-800 bg-gray-50\">\n\n\n<!-- Hero Section -->\n    <section class=\"hero-section relative overflow-hidden pt-15\" id=\"home\">\n        <div class=\"container mx-auto px-4 py-20 flex flex-wrap items-center\">\n            <div class=\"w-full lg:w-1\/2 mb-10 lg:mb-0 slide-in-left\">\n                <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6\">\n                    \uc11c\ube44\uc2a4\ub85c\uc11c\uc758 \uc6d4\ub81b - \ud601\uc2e0 <span class=\"text-gradient\">\ub514\uc9c0\ud138 \uc790\uc0b0<\/span> \uad00\ub9ac\n                <\/h1>\n                <p class=\"text-xl text-gray-600 mb-8\">\n                    \uc5d1\uc2a4\uccb4\uc778 \uc11c\ube44\uc2a4\ud615 \uc6d4\ub81b(WaaS)\uc73c\ub85c \ub514\uc9c0\ud138 \uc790\uc0b0 \uad00\ub9ac\ub97c \uc7ac\uc815\uc758\ud558\uc5ec \uc0ac\uc6a9 \ud3b8\uc758\uc131\uacfc \ucd5c\uace0\uc758 \ubcf4\uc548\uc744 \ubcf4\uc7a5\ud569\ub2c8\ub2e4.\n                <\/p>\n                <div class=\"flex flex-wrap gap-4\">\n\n\n\n                  <button \n                  onclick=\"document.getElementById('services').scrollIntoView({ behavior: 'smooth' })\" \n                  class=\"btn-primary btn-lg\"\n              >\n                  \uc2dc\uc791\ud558\uae30\n              <\/button>\n              <button \n              onclick=\"window.location.href='\/contact\/'\" \n              class=\"btn-outline btn-lg\">\n              \ubb38\uc758\ud558\uae30\n          <\/button>\n      \n                <\/div>\n                <div class=\"mt-8 flex items-center\">\n                    <div class=\"flex -space-x-2\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/1.png\" class=\"w-10 h-10 rounded-full !important border-2 border-white\" alt=\"\uc0ac\uc6a9\uc790\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/2.png\" class=\"w-10 h-10 rounded-full  !important border-2 border-white\" alt=\"\uc0ac\uc6a9\uc790\">\n                        <img decoding=\"async\" src=\"https:\/\/theexchain.com\/wp-content\/uploads\/2025\/05\/3.png\" class=\"w-10 h-10 rounded-full  !important border-2 border-white\" alt=\"\uc0ac\uc6a9\uc790\">\n                    <\/div>\n                    <p class=\"ml-4 text-gray-600\">\uc2e0\ub8b0\ud558\ub294 \ub300\uc0c1 <span class=\"font-bold text-primary\">2,000+<\/span> \uc804 \uc138\uacc4 \ube44\uc988\ub2c8\uc2a4<\/p>\n                <\/div>\n            <\/div>\n            <div class=\"w-full lg:w-1\/2 slide-in-right\">\n                <div class=\"hero-animation relative\">\n                    <div class=\"blob-animation absolute\"><\/div>\n                    <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden p-8 relative z-10\">\n                        <div class=\"flex justify-between items-center mb-6\">\n                            <h3 class=\"text-xl font-bold\">\ub514\uc9c0\ud138 \uc9c0\uac11 \ub300\uc2dc\ubcf4\ub4dc<\/h3>\n                            <div class=\"flex space-x-2\">\n                                <div class=\"w-3 h-3 rounded-full bg-red-500\"><\/div>\n                                <div class=\"w-3 h-3 rounded-full bg-yellow-500\"><\/div>\n                                <div class=\"w-3 h-3 rounded-full bg-green-500\"><\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"grid grid-cols-2 gap-4 mb-6\">\n                            <div class=\"bg-gray-50 p-4 rounded-lg\">\n                                <p class=\"text-sm text-gray-500 mb-1\">\ucd1d \uc794\uc561<\/p>\n                                <p class=\"text-2xl font-bold\">$42,593.83<\/p>\n                                <p class=\"text-sm text-green-500 mt-1\">\uc624\ub298 +2.4%<\/p>\n                            <\/div>\n                            <div class=\"bg-gray-50 p-4 rounded-lg\">\n                                <p class=\"text-sm text-gray-500 mb-1\">\ud65c\uc131 \uc9c0\uac11<\/p>\n                                <p class=\"text-2xl font-bold\">6<\/p>\n                                <p class=\"text-sm text-gray-500 mt-1\">3\uac1c \uccb4\uc778\uc5d0 \uac78\uccd0<\/p>\n                            <\/div>\n                        <\/div>\n                        <div class=\"bg-gray-50 p-4 rounded-lg mb-6\">\n                            <div class=\"flex justify-between items-center mb-4\">\n                                <p class=\"font-semibold\">\ucd5c\uadfc \uac70\ub798<\/p>\n                                <a href=\"#\" class=\"text-primary text-sm\">\ubaa8\ub450 \ubcf4\uae30<\/a>\n                            <\/div>\n                            <div class=\"space-y-3\">\n                                <div class=\"flex justify-between items-center pb-2 border-b border-gray-100\">\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-8 h-8 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-arrow-down text-blue-600 text-xs\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-medium\">BTC \uc218\uc2e0<\/p>\n                                            <p class=\"text-xs text-gray-500\">\uc624\ub298, 14:43<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <p class=\"font-semibold text-green-500\">+0.0023 BTC<\/p>\n                                <\/div>\n                                <div class=\"flex justify-between items-center pb-2 border-b border-gray-100\">\n                                    <div class=\"flex items-center\">\n                                        <div class=\"w-8 h-8 rounded-full bg-purple-100 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-arrow-up text-purple-600 text-xs\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <p class=\"font-medium\">ETH \uc804\uc1a1<\/p>\n                                            <p class=\"text-xs text-gray-500\">\uc5b4\uc81c 09:15<\/p>\n                                        <\/div>\n                                    <\/div>\n                                    <p class=\"font-semibold text-red-500\">-0.425 ETH<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"flex justify-center space-x-3\">\n                            <button class=\"btn-sm bg-primary text-white rounded-full px-4\">\n                                <i class=\"fas fa-plus mr-1\"><\/i> \ubcf4\ub0b4\uae30\n                            <\/button>\n                            <button class=\"btn-sm bg-green-500 text-white rounded-full px-4\">\n                                <i class=\"fas fa-download mr-1\"><\/i> \uc218\uc2e0\n                            <\/button>\n                            <button class=\"btn-sm bg-purple-500 text-white rounded-full px-4\">\n                                <i class=\"fas fa-exchange-alt mr-1\"><\/i> \uc2a4\uc651\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"wave-bottom\"><\/div>\n    <\/section>\n\n    <!-- Value Proposition -->\n    <section class=\"py-16 bg-white\" id=\"value\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\uc6d0\ud65c\ud55c \ud1b5\ud569, <span class=\"text-primary\">\ud0c1\uc6d4\ud55c \ubcf4\uc548<\/span><\/h2>\n                <p class=\"section-subtitle\">\n                    \uc5d1\uc2a4\uccb4\uc778 WaaS\ub294 \ub514\uc9c0\ud138 \uc790\uc0b0 \uc6b4\uc601\uc744 \uac15\ud654\ud558\ub294 \uc5d4\ud130\ud504\ub77c\uc774\uc988\uae09 \uc9c0\uac11 \uc778\ud504\ub77c\ub97c \uc81c\uacf5\ud569\ub2c8\ub2e4.\n                <\/p>\n            <\/div>\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"value-card fade-in\">\n                    <div class=\"icon-circle bg-blue-50\">\n                        <i class=\"fas fa-shield-alt text-blue-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\uad70\uc0ac\uae09 \ubcf4\uc548<\/h3>\n                    <p class=\"value-description\">\n                        \ub2e4\uc911 \uc11c\uba85 \uae30\uc220, \ud558\ub4dc\uc6e8\uc5b4 \ubcf4\uc548 \ubaa8\ub4c8(HSM), MPC \ud504\ub85c\ud1a0\ucf5c\uc740 \uc740\ud589 \uc218\uc900\uc758 \ubcf4\ud638 \uae30\ub2a5\uc73c\ub85c \ub514\uc9c0\ud138 \uc790\uc0b0\uc744 \uc548\uc804\ud558\uac8c \ubcf4\ud638\ud569\ub2c8\ub2e4.\n                    <\/p>\n                <\/div>\n                <div class=\"value-card fade-in\" data-delay=\"0.2\">\n                    <div class=\"icon-circle bg-green-50\">\n                        <i class=\"fas fa-code text-green-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\uac1c\ubc1c\uc790 \uce5c\ud654\uc801\uc778 API<\/h3>\n                    <p class=\"value-description\">\n                        \uba87 \uc904\uc758 \ucf54\ub4dc\ub9cc\uc73c\ub85c \uac15\ub825\ud55c \uc9c0\uac11 \uae30\ub2a5\uc744 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \ud1b5\ud569\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \ubaa8\ub4e0 \ud50c\ub7ab\ud3fc\uc744 \uc704\ud55c \ud3ec\uad04\uc801\uc778 SDK.\n                    <\/p>\n                <\/div>\n                <div class=\"value-card fade-in\" data-delay=\"0.4\">\n                    <div class=\"icon-circle bg-purple-50\">\n                        <i class=\"fas fa-rocket text-purple-500\"><\/i>\n                    <\/div>\n                    <h3 class=\"value-title\">\ud655\uc7a5 \uac00\ub2a5\ud55c \uc778\ud504\ub77c<\/h3>\n                    <p class=\"value-description\">\n                        99.99% \uac00\ub3d9 \uc2dc\uac04\uc73c\ub85c \uc218\ubc31\ub9cc \uac74\uc758 \ud2b8\ub79c\uc7ad\uc158\uc744 \ucc98\ub9ac\ud558\ub3c4\ub85d \uc124\uacc4\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc0ac\uc6a9\uc790 \uae30\ubc18\uc774 \uae30\ud558\uae09\uc218\uc801\uc73c\ub85c \uc99d\uac00\ud568\uc5d0 \ub530\ub77c \uc790\uc2e0 \uc788\uac8c \ud655\uc7a5\ud558\uc138\uc694.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    \n    <!-- Service Introduction -->\n    <section id=\"services\" class=\"py-20 bg-gray-50\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"flex flex-wrap items-center\">\n                <div class=\"w-full lg:w-1\/2 mb-10 lg:mb-0 slide-in-left\">\n                    <h2 class=\"section-title mb-6\">\ubb34\uc5c7 <span class=\"text-primary\">\uc5d1\uc2a4\uccb4\uc778 WaaS<\/span>?<\/h2>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        \uc5d1\uc2a4\uccb4\uc778 \uc11c\ube44\uc2a4\ud615 \uc9c0\uac11(WaaS)\uc740 \uae30\uc5c5\uc774 \uc778\ud504\ub77c\ub97c \ucc98\uc74c\ubd80\ud130 \ubcf5\uc7a1\ud558\uac8c \uad6c\ucd95\ud560 \ud544\uc694 \uc5c6\uc774 \ube14\ub85d\uccb4\uc778 \uc9c0\uac11\uc744 \uc0dd\uc131, \uad00\ub9ac, \ud655\uc7a5\ud560 \uc218 \uc788\ub294 \uc644\ubcbd\ud55c \uc194\ub8e8\uc158\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <p class=\"text-lg text-gray-600 mb-6\">\n                        \uc800\ud76c \ud50c\ub7ab\ud3fc\uc740 \ubcf4\uc548, \uc0ac\uc6a9\uc131, \uc720\uc5f0\uc131 \uac04\uc758 \uc644\ubcbd\ud55c \uade0\ud615\uc744 \uc81c\uacf5\ud558\uc5ec \uc9c0\uac11 \uad00\ub9ac\uc758 \uae30\uc220\uc801 \ubcf5\uc7a1\uc131\uc744 \ucc98\ub9ac\ud558\ub294 \ub3d9\uc548 \ud575\uc2ec \ube44\uc988\ub2c8\uc2a4\uc5d0 \uc9d1\uc911\ud560 \uc218 \uc788\ub3c4\ub85d \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <div class=\"grid grid-cols-2 gap-4 mt-8\">\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\uba40\ud2f0 \uccb4\uc778 \uc9c0\uc6d0<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\uc5d4\ud130\ud504\ub77c\uc774\uc988\uae09 \ubcf4\uc548<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">\uc0ac\uc6a9\uc790 \uc9c0\uc815 \uac00\ub2a5\ud55c UI\/UX<\/span>\n                        <\/div>\n                        <div class=\"flex items-center\">\n                            <div class=\"w-10 h-10 rounded-full bg-blue-100 flex items-center justify-center mr-3\">\n                                <i class=\"fas fa-check text-blue-500\"><\/i>\n                            <\/div>\n                            <span class=\"font-medium\">99.99% \uac00\ub3d9 \uc2dc\uac04 \ubcf4\uc7a5<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"w-full lg:w-1\/2 slide-in-right\">\n                    <div class=\"intro-animation relative\">\n                        <div class=\"blob-animation-alt absolute\"><\/div>\n                        <div class=\"bg-white rounded-2xl shadow-xl overflow-hidden p-6 relative z-10\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-4 mb-6\">\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-blue-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-wallet text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\uc9c0\uac11 \uc0dd\uc131<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \ub2e8 \ud55c \ubc88\uc758 API \ud638\ucd9c\ub85c \uc5ec\ub7ec \ube14\ub85d\uccb4\uc778\uc744 \uc704\ud55c \uc9c0\uac11 \ub9cc\ub4e4\uae30\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-green-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-key text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\ud0a4 \uad00\ub9ac<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \uae30\uad00 \ub4f1\uae09 \ud504\ub85c\ud1a0\ucf5c\ub85c \ud0a4 \uc800\uc7a5\uc18c \ubcf4\ud638\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-purple-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-exchange-alt text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\uac70\ub798 \ucc98\ub9ac<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \uc6d0\ud65c\ud55c \uc804\uc1a1, \uc218\uc2e0 \ubc0f \uc2a4\uc651 \uae30\ub2a5\n                                    <\/p>\n                                <\/div>\n                                <div class=\"p-4 bg-gray-50 rounded-lg\">\n                                    <div class=\"flex items-center mb-3\">\n                                        <div class=\"w-10 h-10 rounded-lg bg-yellow-500 flex items-center justify-center mr-3\">\n                                            <i class=\"fas fa-chart-line text-white\"><\/i>\n                                        <\/div>\n                                        <span class=\"font-semibold\">\ubd84\uc11d \ubc0f \ubcf4\uace0<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 text-sm\">\n                                        \ud65c\ub3d9 \ubaa8\ub2c8\ud130\ub9c1\uc744 \uc704\ud55c \uc885\ud569 \ub300\uc2dc\ubcf4\ub4dc\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            <div class=\"p-4 bg-blue-50 rounded-lg text-center\">\n                                <p class=\"text-blue-800 font-medium mb-3\">\n                                    \"\uc5d1\uc2a4\uccb4\uc778 WaaS\ub97c \ud1b5\ud574 \uae30\uc5c5\uc740 \uba87 \ub2ec\uc774 \uc544\ub2cc \uba70\uce60 \ub9cc\uc5d0 \ub514\uc9c0\ud138 \uc790\uc0b0 \uc194\ub8e8\uc158\uc744 \ucd9c\uc2dc\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\"\n                                <\/p>\n\n                                <button \n        onclick=\"window.location.href='\/contact\/'\" \n        class=\"btn-primary px-8 py-3 rounded-full font-medium border-2 border-white text-center hover:bg-white hover:text-indigo-800 transition\">\n        \ub370\ubaa8 \uc608\uc57d\ud558\uae30\n<\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Service Details -->\n    <section class=\"py-20 bg-white\" id=\"services\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\uc885\ud569 <span class=\"text-primary\">\uc11c\ube44\uc2a4<\/span><\/h2>\n                <p class=\"section-subtitle\">\n                    \ub514\uc9c0\ud138 \uc790\uc0b0 \uc6b4\uc601\uc758 \uad6c\ucd95, \ucd9c\uc2dc \ubc0f \ud655\uc7a5\uc5d0 \ud544\uc694\ud55c \ubaa8\ub4e0 \uac83\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\ucee4\uc2a4\ud130\ub514 \uc6d4\ub81b \uc11c\ube44\uc2a4<\/h3>\n                    <p class=\"service-description\">\n                        \ub2e4\uacc4\uce35 \ubcf4\uc548 \ubc0f \uc790\uae08 \ubcf4\ud638 \uae30\ub2a5\uc744 \uac16\ucd98 \ubaa8\ub4e0 \uae30\ub2a5\uc744 \uac16\ucd98 \ucee4\uc2a4\ud130\ub514 \uc9c0\uac11 \uc194\ub8e8\uc158\uc785\ub2c8\ub2e4. \uac70\ub798\uc18c, \ubc45\ud0b9 \uc571, \uae08\uc735 \uc11c\ube44\uc2a4\uc5d0 \uc774\uc0c1\uc801\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\ub2e4\uc911 \uc11c\uba85 \ubcf4\ud638<\/li>\n                        <li>\ucf5c\ub4dc \uc2a4\ud1a0\ub9ac\uc9c0 \uc635\uc158<\/li>\n                        <li>\ubcf4\ud5d8 \uc801\uc6a9 \ubc94\uc704<\/li>\n                        <li>\uaddc\uc815 \uc900\uc218 \ub3c4\uad6c<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-user-shield\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\ube44\uc218\ud0c1 \uc194\ub8e8\uc158<\/h3>\n                    <p class=\"service-description\">\n                        \uc6d0\ud65c\ud55c \uacbd\ud5d8\uc744 \uc720\uc9c0\ud558\uba74\uc11c \uc0ac\uc6a9\uc790\uc5d0\uac8c \uc140\ud504 \ucee4\uc2a4\ud130\ub514 \uad8c\ud55c\uc744 \ubd80\uc5ec\ud558\uc138\uc694. DeFi \uc560\ud50c\ub9ac\ucf00\uc774\uc158 \ubc0f Web3 \ud50c\ub7ab\ud3fc\uc5d0 \uc801\ud569\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\uc0ac\uc6a9\uc790\uac00 \uc81c\uc5b4\ud558\ub294 \uac1c\uc778 \ud0a4<\/li>\n                        <li>\uc2dc\ub4dc \uc5c6\ub294 \ubcf5\uad6c \uc635\uc158<\/li>\n                        <li>\uc18c\uc15c \ub85c\uadf8\uc778 \ud1b5\ud569<\/li>\n                        <li>\uac00\uc2a4 \uc694\uae08 \ucd94\uc0c1\ud654<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-code\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\uac1c\ubc1c\uc790 API \ubc0f SDK<\/h3>\n                    <p class=\"service-description\">\n                        \uac1c\ubc1c\uc790\uac00 \ucd5c\uc18c\ud55c\uc758 \ucf54\ub529\uc73c\ub85c \uc9c0\uac11 \uae30\ub2a5\uc744 \ubaa8\ub4e0 \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uc5d0 \ud1b5\ud569\ud560 \uc218 \uc788\ub294 \uc885\ud569\uc801\uc778 \ub3c4\uad6c\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>REST \ubc0f GraphQL API<\/li>\n                        <li>\ubaa8\ubc14\uc77c \ubc0f \uc6f9 SDK<\/li>\n                        <li>\uc6f9\ud6c5 \uc54c\ub9bc<\/li>\n                        <li>\uc790\uc138\ud55c \ubb38\uc11c<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-exchange-alt\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\uac70\ub798 \uad00\ub9ac<\/h3>\n                    <p class=\"service-description\">\n                        \ub0b4\uc7a5\ub41c \ubcf4\uc548 \uc81c\uc5b4 \ubc0f \ubaa8\ub2c8\ud130\ub9c1 \uae30\ub2a5\uc73c\ub85c \uc5ec\ub7ec \ube14\ub85d\uccb4\uc778\uc5d0\uc11c \ud2b8\ub79c\uc7ad\uc158 \ucc98\ub9ac\ub97c \uac04\uc18c\ud654\ud569\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\uc77c\uad04 \uac70\ub798<\/li>\n                        <li>\uc218\uc218\ub8cc \ucd5c\uc801\ud654<\/li>\n                        <li>\ub2e4\uc911 \uc2b9\uc778 \uc6cc\ud06c\ud50c\ub85c<\/li>\n                        <li>\uc2e4\uc2dc\uac04 \uc0c1\ud0dc \ucd94\uc801<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-chart-line\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\ubd84\uc11d \ubc0f \ube44\uc988\ub2c8\uc2a4 \uc778\ud154\ub9ac\uc804\uc2a4<\/h3>\n                    <p class=\"service-description\">\n                        \uac15\ub825\ud55c \ubd84\uc11d \ub3c4\uad6c\ub97c \ud1b5\ud574 \uc9c0\uac11 \uc0ac\uc6a9\ub7c9, \uac70\ub798 \ud328\ud134, \uc0ac\uc6a9\uc790 \ud589\ub3d9\uc5d0 \ub300\ud55c \uc778\uc0ac\uc774\ud2b8\ub97c \uc5bb\uc744 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\uc0ac\uc6a9\uc790 \uc9c0\uc815 \uac00\ub2a5\ud55c \ub300\uc2dc\ubcf4\ub4dc<\/li>\n                        <li>\uc0ac\uc6a9\uc790 \ud65c\ub3d9 \ubaa8\ub2c8\ud130\ub9c1<\/li>\n                        <li>\uac70\ub798 \ubd84\uc11d<\/li>\n                        <li>\ub0b4\ubcf4\ub0b4\uae30 \ubc0f \ubcf4\uace0 \ub3c4\uad6c<\/li>\n                    <\/ul>\n                <\/div>\n                \n                <div class=\"service-card\">\n                    <div class=\"service-icon\">\n                        <i class=\"fas fa-cogs\"><\/i>\n                    <\/div>\n                    <h3 class=\"service-title\">\ud654\uc774\ud2b8 \ub77c\ubca8 \uc194\ub8e8\uc158<\/h3>\n                    <p class=\"service-description\">\n                        \ube0c\ub79c\ub4dc \uc544\uc774\ub374\ud2f0\ud2f0 \ubc0f \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uacfc \uc6d0\ud65c\ud558\uac8c \ud1b5\ud569\ub418\ub294 \uc644\uc804\ud788 \uc0ac\uc6a9\uc790 \uc9c0\uc815 \uac00\ub2a5\ud55c \uc9c0\uac11 \uc778\ud130\ud398\uc774\uc2a4\uc785\ub2c8\ub2e4.\n                    <\/p>\n                    <ul class=\"service-features\">\n                        <li>\ube0c\ub79c\ub4dc UI \uad6c\uc131 \uc694\uc18c<\/li>\n                        <li>\uc0ac\uc6a9\uc790 \uc9c0\uc815 \ub3c4\uba54\uc778 \uc9c0\uc6d0<\/li>\n                        <li>\ud14c\ub9c8 \uc0ac\uc6a9\uc790 \uc9c0\uc815<\/li>\n                        <li>\ud604\uc9c0\ud654 \uc635\uc158<\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n         <!-- Feature Demo -->\n <section class=\"py-20 bg-gray-50\" id=\"features\">\n  <div class=\"container mx-auto px-4\">\n      <div class=\"text-center mb-16 fade-in\">\n          <h2 class=\"section-title\">\uac15\ub825\ud55c <span class=\"text-primary\">\ud2b9\uc9d5<\/span> \ud65c\ub3d9 \uc911<\/h2>\n          <p class=\"section-subtitle\">\n              \uc5d1\uccb4\uc778 WaaS\uac00 \ub514\uc9c0\ud138 \uc790\uc0b0 \uad00\ub9ac\ub97c \uc5b4\ub5bb\uac8c \ud601\uc2e0\ud558\ub294\uc9c0 \uc54c\uc544\ubcf4\uc138\uc694.\n          <\/p>\n      <\/div>\n      \n      <div class=\"feature-tabs fade-in\">\n          <div class=\"tab-navigation\">\n              <button class=\"tab-btn active btn-primary group-hover:text-white\" data-tab=\"tab1\">\uc9c0\uac11 \uc0dd\uc131<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab2\">\uac70\ub798 \uad00\ub9ac<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab3\">\ubcf4\uc548 \uc81c\uc5b4<\/button>\n              <button class=\"tab-btn btn-primary group-hover:text-white\" data-tab=\"tab4\">\uc560\ub110\ub9ac\ud2f1\uc2a4 \ub300\uc2dc\ubcf4\ub4dc<\/button>\n          <\/div>\n          \n          <div class=\"tab-content-container\">\n              <div class=\"tab-content active\" id=\"tab1\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\uc989\uc2dc \uc9c0\uac11 \uc0dd\uc131<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \ud55c \ubc88\uc758 API \ud638\ucd9c\ub85c \uc5ec\ub7ec \ube14\ub85d\uccb4\uc778\uc744 \uc704\ud55c \uc9c0\uac11\uc744 \uc0dd\uc131\ud558\uc138\uc694. \uc774\ub354\ub9ac\uc6c0, \ube44\ud2b8\ucf54\uc778, \uc194\ub77c\ub098 \ub4f1 50\uac1c \uc774\uc0c1\uc758 \uccb4\uc778\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>API \uc694\uccad \uc608\uc2dc<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>POST \/api\/v1\/wallets\n{\n\"chain\": \"\uc774\ub354\ub9ac\uc6c0\",\n\"label\": \"\uc0ac\uc6a9\uc790 \uc9c0\uac11\",\n\"user_id\": \"user_12345\"\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">50+<\/span>\n                                  <span class=\"stat-label\">\uc9c0\uc6d0\ub418\ub294 \uccb4\uc778<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">&lt; 1s<\/span>\n                                  <span class=\"stat-label\">\uc0dd\uc131 \uc2dc\uac04<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\u221e<\/span>\n                                  <span class=\"stat-label\">\ud655\uc7a5 \uc6a9\ub7c9<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\uc9c0\uac11 \uc0dd\uc131 \ub370\ubaa8<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-form\">\n                                          <div class=\"demo-input-group\">\n                                              <label>\ube14\ub85d\uccb4\uc778<\/label>\n                                              <select>\n                                                  <option>\uc774\ub354\ub9ac\uc6c0<\/option>\n                                                  <option>\ube44\ud2b8\ucf54\uc778<\/option>\n                                                  <option>Solana<\/option>\n                                                  <option>\ubc14\uc774\ub0b8\uc2a4 \uc2a4\ub9c8\ud2b8 \uccb4\uc778<\/option>\n                                              <\/select>\n                                          <\/div>\n                                          <div class=\"demo-input-group\">\n                                              <label>\uc9c0\uac11 \ub77c\ubca8<\/label>\n                                              <input type=\"text\" value=\"My Trading Wallet\">\n                                          <\/div>\n                                          <div class=\"demo-input-group\">\n                                              <label>\ubcf4\uc548 \uc218\uc900<\/label>\n                                              <select>\n                                                  <option>\ud45c\uc900<\/option>\n                                                  <option>\ud5a5\uc0c1\ub41c<\/option>\n                                                  <option>\ucd5c\ub300<\/option>\n                                              <\/select>\n                                          <\/div>\n                                          <button class=\"demo-btn\">\uc9c0\uac11 \ub9cc\ub4e4\uae30<\/button>\n                                      <\/div>\n                                      <div class=\"demo-result\">\n                                          <div class=\"demo-success\">\n                                              <i class=\"fas fa-check-circle\"><\/i>\n                                              <span>\uc9c0\uac11\uc774 \uc131\uacf5\uc801\uc73c\ub85c \uc0dd\uc131\ub418\uc5c8\uc2b5\ub2c8\ub2e4!<\/span>\n                                          <\/div>\n                                          <div class=\"demo-details\">\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\uc9c0\uac11 \uc8fc\uc18c:<\/span>\n                                                  <code>0x71C765C7...1B5f6d8976F<\/code>\n                                              <\/div>\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\uccb4\uc778:<\/span>\n                                                  <code>\uc774\ub354\ub9ac\uc6c0<\/code>\n                                              <\/div>\n                                              <div class=\"demo-detail-item\">\n                                                  <span>\uc0dd\uc131\ub428:<\/span>\n                                                  <code>2023-04-15 14:32:45 UTC<\/code>\n                                              <\/div>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab2\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\uc190\uc26c\uc6b4 \uac70\ub798 \uad00\ub9ac<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \uae30\ubcf8 \uc81c\uacf5 \uc81c\uc5b4, \uc2b9\uc778, \uc2e4\uc2dc\uac04 \ubaa8\ub2c8\ud130\ub9c1 \uae30\ub2a5\uc73c\ub85c \uac70\ub798 \uc6cc\ud06c\ud50c\ub85c\uc6b0\ub97c \uac04\uc18c\ud654\ud558\uc138\uc694. \uac00\uc2a4 \uc218\uc218\ub8cc\ub97c \ucd5c\uc801\ud654\ud558\uace0 \uac70\ub798\uc758 \uc131\uacf5\uc744 \ubcf4\uc7a5\ud558\uc138\uc694.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>API \uc694\uccad \uc608\uc2dc<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>POST \/api\/v1\/transactions\n{\n\"wallet_id\": \"wallet_67890\",\n\"to_address\": \"0x8731d54E9D02c286767d56ac03e8037C07e01e98\",\n\"\uae08\uc561\": \"0.5\",\n\"\ud1a0\ud070\": \"ETH\",\n\"gas_priority\": \"standard\"\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">99.9%<\/span>\n                                  <span class=\"stat-label\">\uc131\uacf5\ub960<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">30%<\/span>\n                                  <span class=\"stat-label\">\uac00\uc2a4 \uc808\uc57d<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">100+<\/span>\n                                  <span class=\"stat-label\">\uc9c0\uc6d0\ub418\ub294 \ud1a0\ud070<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\ud2b8\ub79c\uc7ad\uc158 \ub370\ubaa8<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-transaction\">\n                                          <div class=\"demo-wallet-info\">\n                                              <div>\n                                                  <small>\uc9c0\uac11\uc5d0\uc11c<\/small>\n                                                  <p class=\"font-medium\">\ud2b8\ub808\uc774\ub529 \uc6d4\ub81b (0x71C7...976F)<\/p>\n                                              <\/div>\n                                              <div>\n                                                  <small>\uc794\uc561<\/small>\n                                                  <p class=\"font-medium\">5.24 ETH<\/p>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-input-group\">\n                                              <label>\uc218\uc2e0\uc790 \uc8fc\uc18c<\/label>\n                                              <input type=\"text\" value=\"0x8731d54E9D02c286767d56ac03e8037C07e01e98\">\n                                          <\/div>\n                                          \n                                          <div class=\"demo-amount-input\">\n                                              <div>\n                                                  <label>\uae08\uc561<\/label>\n                                                  <div class=\"flex\">\n                                                      <input type=\"text\" value=\"0.5\">\n                                                      <select>\n                                                          <option>ETH<\/option>\n                                                          <option>USDT<\/option>\n                                                          <option>USDC<\/option>\n                                                      <\/select>\n                                                  <\/div>\n                                              <\/div>\n                                              <p class=\"text-right text-sm text-gray-500\">\u2248 $924.50 USD<\/p>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-gas-options\">\n                                              <label>\uac00\uc2a4 \uc6b0\uc120\uc21c\uc704<\/label>\n                                              <div class=\"flex gap-2\">\n                                                  <button class=\"demo-gas-btn\">\ub290\ub9b0<small><\/small><\/button>\n                                                  <button class=\"demo-gas-btn active\">\ud45c\uc900<small><\/small><\/button>\n                                                  <button class=\"demo-gas-btn\">\ube60\ub978<small><\/small><\/button>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <button class=\"demo-btn\">\ud2b8\ub79c\uc7ad\uc158 \ubcf4\ub0b4\uae30<\/button>\n                                          \n                                          <div class=\"demo-transaction-status\">\n                                              <div class=\"demo-status-step active\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\uc0dd\uc131\ub41c \uac70\ub798<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step active\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-check\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\ub124\ud2b8\uc6cc\ud06c\uc5d0 \ube0c\ub85c\ub4dc\uce90\uc2a4\ud2b8<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step active pulse\">\n                                                  <div class=\"demo-status-icon\"><i class=\"fas fa-circle-notch fa-spin\"><\/i><\/div>\n                                                  <div class=\"demo-status-text\">\ud655\uc778 \ub300\uae30 \uc911<\/div>\n                                              <\/div>\n                                              <div class=\"demo-status-step\">\n                                                \n                                              <\/div>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab3\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\uad70\uc0ac\uae09 \ubcf4\uc548 \uc81c\uc5b4<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              MPC \uae30\uc220, \ud558\ub4dc\uc6e8\uc5b4 \ubcf4\uc548 \ubaa8\ub4c8, \uc0ac\uc6a9\uc790 \uc9c0\uc815 \uac00\ub2a5\ud55c \uc2b9\uc778 \uc6cc\ud06c\ud50c\ub85c\uc6b0 \ub4f1 \ub2e4\uacc4\uce35 \ubcf4\uc548\uc73c\ub85c \ub514\uc9c0\ud138 \uc790\uc0b0\uc744 \ubcf4\ud638\ud558\uc138\uc694.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>\ubcf4\uc548 \uc815\ucc45 \uc608\uc2dc<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>\/\/ \ubcf4\uc548 \uc815\ucc45 \uad6c\uc131\n{\n\"policy_id\": \"pol_12345\",\n\"\uc2b9\uc778_\uc784\uacc4\uac12\": 2,\n\"\uc2b9\uc778\uc790\": [\"user_1\", \"user_2\", \"user_3\"],\n\"transaction_limits\": {\n\"daily\": \"50000\",\n\"single\": \"10000\"\n},\n\"whitelist_only\": true\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">MPC<\/span>\n                                  <span class=\"stat-label\">\uae30\uc220<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">HSM<\/span>\n                                  <span class=\"stat-label\">\ud1b5\ud569<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">$0<\/span>\n                                  <span class=\"stat-label\">\ud604\uc7ac\uae4c\uc9c0 \uc190\uc2e4<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\ubcf4\uc548 \uc81c\uc5b4 \ub370\ubaa8<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-security\">\n                                          <div class=\"demo-security-header\">\n                                              <h3>\uc7ac\ubb34\ubd80 \ubcf4\uc548 \uc815\ucc45<\/h3>\n                                              <span class=\"demo-security-badge\">\ud65c\uc131<\/span>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\ub2e4\uc911 \uc11c\uba85 \uc124\uc815<\/h4>\n                                              <div class=\"demo-multi-sig\">\n                                                  <div class=\"demo-multi-sig-threshold\">\n                                                      <span>\uc2b9\uc778 \uc784\uacc4\uac12:<\/span>\n                                                      <div class=\"flex items-center\">\n                                                          <span class=\"demo-threshold\">2<\/span>\n                                                          <span>\uc758<\/span>\n                                                          <span class=\"demo-threshold\">3<\/span>\n                                                      <\/div>\n                                                  <\/div>\n                                                  <div class=\"demo-approvers\">\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">JD<\/div>\n                                                          <div class=\"demo-approver-name\">\uc2e0\uc6d0 \ubbf8\uc0c1<\/div>\n                                                          <div class=\"demo-approver-role\">CFO<\/div>\n                                                      <\/div>\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">JS<\/div>\n                                                          <div class=\"demo-approver-name\">\uc81c\uc778 \uc2a4\ubbf8\uc2a4<\/div>\n                                                          <div class=\"demo-approver-role\">CTO<\/div>\n                                                      <\/div>\n                                                      <div class=\"demo-approver\">\n                                                          <div class=\"demo-approver-avatar\">RB<\/div>\n                                                          <div class=\"demo-approver-name\">\ub85c\ubc84\ud2b8 \ube0c\ub77c\uc6b4<\/div>\n                                                          <div class=\"demo-approver-role\">CEO<\/div>\n                                                      <\/div>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\uac70\ub798 \ud55c\ub3c4<\/h4>\n                                              <div class=\"demo-limits\">\n                                                  <div class=\"demo-limit\">\n                                                      <span>\ub2e8\uc77c \uac70\ub798:<\/span>\n                                                      <span class=\"font-medium\">$10,000<\/span>\n                                                  <\/div>\n                                                  <div class=\"demo-limit\">\n                                                      <span>\uc77c\uc77c \ud55c\ub3c4:<\/span>\n                                                      <span class=\"font-medium\">$50,000<\/span>\n                                                  <\/div>\n                                                  <div class=\"demo-limit\">\n                                                      <span>\uc6d4\ubcc4 \ud55c\ub3c4:<\/span>\n                                                      <span class=\"font-medium\">$500,000<\/span>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-security-section\">\n                                              <h4>\uace0\uae09 \ubcf4\uc548<\/h4>\n                                              <div class=\"demo-security-options\">\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\ud654\uc774\ud2b8\ub9ac\uc2a4\ud2b8 \uc804\uc6a9 \ubaa8\ub4dc<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\ud0c0\uc784 \uc7a0\uae08(\uc0c8 \uc8fc\uc18c\uc758 \uacbd\uc6b0 24\uc2dc\uac04)<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>\ud558\ub4dc\uc6e8\uc5b4 \ubcf4\uc548 \ubaa8\ub4c8(HSM)<\/label>\n                                                  <\/div>\n                                                  <div class=\"demo-security-option\">\n                                                      <input type=\"checkbox\" checked>\n                                                      <label>MPC \ud0a4 \uc0e4\ub529<\/label>\n                                                  <\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <button class=\"demo-btn\">\ubcf4\uc548 \uc815\ucc45 \uc5c5\ub370\uc774\ud2b8<\/button>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n              \n              <div class=\"tab-content\" id=\"tab4\">\n                  <div class=\"flex flex-wrap items-center\">\n                      <div class=\"w-full lg:w-1\/2 mb-8 lg:mb-0 lg:pr-8\">\n                          <h3 class=\"text-2xl font-bold mb-4\">\uc885\ud569 \ubd84\uc11d \ub300\uc2dc\ubcf4\ub4dc<\/h3>\n                          <p class=\"text-gray-600 mb-6\">\n                              \uc2e4\uc2dc\uac04 \ubd84\uc11d \ubc0f \ubcf4\uace0\ub97c \ud1b5\ud574 \uc2e4\ud589 \uac00\ub2a5\ud55c \uc778\uc0ac\uc774\ud2b8\ub97c \ud655\ubcf4\ud558\uc138\uc694. \uc9c0\uac11 \ud65c\ub3d9, \uac70\ub798 \ud328\ud134, \uc0ac\uc6a9\uc790 \ud589\ub3d9\uc744 \ubaa8\ub2c8\ud130\ub9c1\ud558\uc138\uc694.\n                          <\/p>\n                          <div class=\"code-snippet mb-6\">\n                              <div class=\"code-header\">\n                                  <span>API \uc694\uccad \uc608\uc2dc<\/span>\n                                  <button class=\"copy-btn\">\n                                      <i class=\"fas fa-copy\"><\/i>\n                                  <\/button>\n                              <\/div>\n                              <pre class=\"code-block\"><code>GET \/api\/v1\/analytics\/summary\n{\n\"time_range\": \"last_30_days\",\n\"group_by\": \"daily\",\n\"metrics\": [\"\ud2b8\ub79c\uc7ad\uc158_\ubcfc\ub968\", \"\ud65c\uc131_\uc9c0\uac11\", \"\uc2e0\uaddc_\uc0ac\uc6a9\uc790\"]\n}<\/code><\/pre>\n                          <\/div>\n                          <div class=\"flex flex-wrap gap-4\">\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\uc2e4\uc2dc\uac04<\/span>\n                                  <span class=\"stat-label\">\ub370\uc774\ud130 \uc5c5\ub370\uc774\ud2b8<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">15+<\/span>\n                                  <span class=\"stat-label\">\ubcf4\uace0\uc11c \uc720\ud615<\/span>\n                              <\/div>\n                              <div class=\"feature-stat\">\n                                  <span class=\"stat-value\">\uc0ac\uc6a9\uc790 \uc9c0\uc815<\/span>\n                                  <span class=\"stat-label\">\ub370\uc774\ud130 \ub0b4\ubcf4\ub0b4\uae30<\/span>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                      <div class=\"w-full lg:w-1\/2\">\n                          <div class=\"feature-demo-container\">\n                              <div class=\"feature-demo-screen\">\n                                  <div class=\"demo-header\">\n                                      <div class=\"demo-controls\">\n                                          <span class=\"demo-circle bg-red-500\"><\/span>\n                                          <span class=\"demo-circle bg-yellow-500\"><\/span>\n                                          <span class=\"demo-circle bg-green-500\"><\/span>\n                                      <\/div>\n                                      <div class=\"demo-title\">\uc560\ub110\ub9ac\ud2f1\uc2a4 \ub300\uc2dc\ubcf4\ub4dc<\/div>\n                                  <\/div>\n                                  <div class=\"demo-content\">\n                                      <div class=\"demo-analytics\">\n                                          <div class=\"demo-analytics-header\">\n                                              <h3>\uc6d4\ub81b \ubd84\uc11d \uac1c\uc694<\/h3>\n                                             \n                                          <\/div>\n                                          \n                                          <div class=\"demo-metrics-grid\">\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">3,254<\/div>\n                                                  <div class=\"demo-metric-label\">\ud65c\uc131 \uc9c0\uac11<\/div>\n                                                  <div class=\"demo-metric-change positive\">\uc9c0\ub09c\uc8fc \ub300\ube44 +12%<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">$1.2M<\/div>\n                                                  <div class=\"demo-metric-label\">\uac70\ub798\ub7c9<\/div>\n                                                  <div class=\"demo-metric-change positive\">\uc9c0\ub09c\uc8fc \ub300\ube44 +8%<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">547<\/div>\n                                                  <div class=\"demo-metric-label\">\uc2e0\uaddc \uc0ac\uc6a9\uc790<\/div>\n                                                  <div class=\"demo-metric-change positive\">\uc9c0\ub09c\uc8fc \ub300\ube44 +15%<\/div>\n                                              <\/div>\n                                              <div class=\"demo-metric\">\n                                                  <div class=\"demo-metric-value\">$3.42<\/div>\n                                                  <div class=\"demo-metric-label\">\ud3c9\uade0 \uac00\uc2a4 \ube44\uc6a9<\/div>\n                                                  <div class=\"demo-metric-change negative\">\uc9c0\ub09c\uc8fc \ub300\ube44 +5%<\/div>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-chart\">\n                                              <div class=\"demo-chart-header\">\n                                                  <h4>\uac70\ub798\ub7c9(\ucd5c\uadfc 7\uc77c)<\/h4>\n                                                  <div class=\"demo-chart-legend\">\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-blue-500\"><\/span>\n                                                          <span>\uc774\ub354\ub9ac\uc6c0<\/span>\n                                                      <\/div>\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-purple-500\"><\/span>\n                                                          <span>\ube44\ud2b8\ucf54\uc778<\/span>\n                                                      <\/div>\n                                                      <div class=\"demo-legend-item\">\n                                                          <span class=\"demo-legend-color bg-green-500\"><\/span>\n                                                          <span>Solana<\/span>\n                                                      <\/div>\n                                                  <\/div>\n                                              <\/div>\n                                              <div class=\"demo-chart-container\">\n                                                  <svg class=\"demo-chart-svg\" viewbox=\"0 0 350 140\">\n                                                      <!-- X Axis -->\n                                                      <line x1=\"40\" y1=\"110\" x2=\"330\" y2=\"110\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                                                      <!-- Y Axis -->\n                                                      <line x1=\"40\" y1=\"20\" x2=\"40\" y2=\"110\" stroke=\"#e5e7eb\" stroke-width=\"1\"\/>\n                                                      \n                                                      <!-- Grid lines -->\n                                                      <line x1=\"40\" y1=\"65\" x2=\"330\" y2=\"65\" stroke=\"#e5e7eb\" stroke-width=\"0.5\" stroke-dasharray=\"3,3\"\/>\n                                                      <line x1=\"40\" y1=\"20\" x2=\"330\" y2=\"20\" stroke=\"#e5e7eb\" stroke-width=\"0.5\" stroke-dasharray=\"3,3\"\/>\n                                                      \n                                                      <!-- Labels -->\n                                                      <text x=\"40\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\uc6d4<\/text>\n                                                      <text x=\"90\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\ud654\uc694\uc77c<\/text>\n                                                      <text x=\"140\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\uc218\uc694\uc77c<\/text>\n                                                      <text x=\"190\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\ubaa9\uc694\uc77c<\/text>\n                                                      <text x=\"240\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">\uae08<\/text>\n                                                      <text x=\"290\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">Sat<\/text>\n                                                      <text x=\"330\" y=\"125\" text-anchor=\"middle\" font-size=\"8\">Sun<\/text>\n                                                      \n                                                      <text x=\"30\" y=\"110\" text-anchor=\"end\" font-size=\"8\">0<\/text>\n                                                      <text x=\"30\" y=\"65\" text-anchor=\"end\" font-size=\"8\">500K<\/text>\n                                                      <text x=\"30\" y=\"20\" text-anchor=\"end\" font-size=\"8\">1M<\/text>\n                                                      \n                                                      <!-- Ethereum Line -->\n                                                      <path d=\"M40,80 L90,75 L140,65 L190,70 L240,60 L290,50 L330,40\" fill=\"none\" stroke=\"#3b82f6\" stroke-width=\"2\"\/>\n                                                      <!-- Bitcoin Line -->\n                                                      <path d=\"M40,90 L90,85 L140,88 L190,80 L240,75 L290,70 L330,75\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"2\"\/>\n                                                      <!-- Solana Line -->\n                                                      <path d=\"M40,95 L90,90 L140,85 L190,87 L240,80 L290,75 L330,65\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"\/>\n                                                      \n                                                      <!-- Data points Ethereum -->\n                                                      <circle cx=\"40\" cy=\"80\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"90\" cy=\"75\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"140\" cy=\"65\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"190\" cy=\"70\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"240\" cy=\"60\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"290\" cy=\"50\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      <circle cx=\"330\" cy=\"40\" r=\"3\" fill=\"#3b82f6\"\/>\n                                                      \n                                                      <!-- Data points Bitcoin -->\n                                                      <circle cx=\"40\" cy=\"90\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"90\" cy=\"85\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"140\" cy=\"88\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"190\" cy=\"80\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"240\" cy=\"75\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"290\" cy=\"70\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      <circle cx=\"330\" cy=\"75\" r=\"3\" fill=\"#8b5cf6\"\/>\n                                                      \n                                                      <!-- Data points Solana -->\n                                                      <circle cx=\"40\" cy=\"95\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"90\" cy=\"90\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"140\" cy=\"85\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"190\" cy=\"87\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"240\" cy=\"80\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"290\" cy=\"75\" r=\"3\" fill=\"#10b981\"\/>\n                                                      <circle cx=\"330\" cy=\"65\" r=\"3\" fill=\"#10b981\"\/>\n                                                  <\/svg>\n                                              <\/div>\n                                          <\/div>\n                                          \n                                          <div class=\"demo-analytics-footer\">\n                                              <button class=\"demo-btn-sm\">\ub370\uc774\ud130 \ub0b4\ubcf4\ub0b4\uae30<\/button>\n                                              <button class=\"demo-btn-sm\">\ubcf4\uace0\uc11c \uc0dd\uc131<\/button>\n                                          <\/div>\n                                      <\/div>\n                                  <\/div>\n                              <\/div>\n                          <\/div>\n                      <\/div>\n                  <\/div>\n              <\/div>\n          <\/div>\n      <\/div>\n  <\/div>\n<\/section>\n\n    <!-- Why Choose Us -->\n    <section class=\"py-20 bg-white\" id=\"why-us\">\n        <div class=\"container mx-auto px-4\">\n            <div class=\"text-center mb-16 fade-in\">\n                <h2 class=\"section-title\">\uc120\ud0dd\ud574\uc57c \ud558\ub294 \uc774\uc720 <span class=\"text-primary\">\uc5d1\uc2a4\uccb4\uc778 WaaS<\/span>?<\/h2>\n                <p class=\"section-subtitle\">\n                    \ub514\uc9c0\ud138 \uc790\uc0b0 \uad00\ub9ac\ub97c \uc911\uc694\ud558\uac8c \uc0dd\uac01\ud558\ub294 \uae30\uc5c5\uc744 \uc704\ud55c \uc2e0\ub8b0\ud560 \uc218 \uc788\ub294 \uc194\ub8e8\uc158\n                <\/p>\n            <\/div>\n            \n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-12\">\n                <div class=\"benefit-card fade-in\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-rocket\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\uc2e0\uc18d\ud55c \ubc30\ud3ec<\/h3>\n                        <p class=\"benefit-description\">\n                            \uba87 \ub2ec\uc774 \uc544\ub2cc \uba70\uce60 \ub9cc\uc5d0 \ub514\uc9c0\ud138 \uc790\uc0b0 \uc194\ub8e8\uc158\uc744 \ucd9c\uc2dc\ud558\uc138\uc694. \uc0ac\uc804 \ube4c\ub4dc\ub41c \uad6c\uc131 \uc694\uc18c\uc640 \ud15c\ud50c\ub9bf\uc73c\ub85c \ucd9c\uc2dc \uae30\uac04\uc744 \ucd5c\ub300 80%\uae4c\uc9c0 \ub2e8\ucd95\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.1\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-shield-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\uc5d4\ud130\ud504\ub77c\uc774\uc988\uae09 \ubcf4\uc548<\/h3>\n                        <p class=\"benefit-description\">\n                            HSM \uc778\ud504\ub77c, \ub2e4\uc911 \uc11c\uba85 \ud504\ub85c\ud1a0\ucf5c, MPC \uae30\uc220\uc744 \ud1b5\ud55c \uc740\ud589 \uc218\uc900\uc758 \ubcf4\uc548. \uc815\uae30\uc801\uc778 \ubcf4\uc548 \uac10\uc0ac \ubc0f \uce68\ud22c \ud14c\uc2a4\ud2b8.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.2\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-expand-alt\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\ubb34\uc81c\ud55c \ud655\uc7a5\uc131<\/h3>\n                        <p class=\"benefit-description\">\n                            \uc0ac\uc6a9\uc790 \uae30\ubc18\uc5d0 \ub530\ub77c \uc790\ub3d9\uc73c\ub85c \ud655\uc7a5\ub418\ub294 \ud074\ub77c\uc6b0\ub4dc \ub124\uc774\ud2f0\ube0c \uc544\ud0a4\ud14d\ucc98\ub97c \uae30\ubc18\uc73c\ub85c \uad6c\ucd95\ub418\uc5c8\uc2b5\ub2c8\ub2e4. \uc131\ub2a5 \uc800\ud558 \uc5c6\uc774 \uc218\ubc31\ub9cc \uac1c\uc758 \uc9c0\uac11\uacfc \ud2b8\ub79c\uc7ad\uc158\uc744 \ucc98\ub9ac\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.3\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-globe\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\uba40\ud2f0 \uccb4\uc778 \uc9c0\uc6d0<\/h3>\n                        <p class=\"benefit-description\">\n                            \uc774\ub354\ub9ac\uc6c0, \uc194\ub77c\ub098, \ubc14\uc774\ub0b8\uc2a4 \uc2a4\ub9c8\ud2b8 \uccb4\uc778, \ud3f4\uce74\ub2f7 \ub4f1 50\uac1c \uc774\uc0c1\uc758 \ube14\ub85d\uccb4\uc778\uc744 \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \uc0c8\ub85c\uc6b4 \uccb4\uc778\uc774 \uc815\uae30\uc801\uc73c\ub85c \ucd94\uac00\ub429\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.4\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-plug\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\uc6d0\ud65c\ud55c \ud1b5\ud569<\/h3>\n                        <p class=\"benefit-description\">\n                            \ucd5c\uc18c\ud55c\uc758 \uac1c\ubc1c \ub178\ub825\uc73c\ub85c \uae30\uc874 \uc2dc\uc2a4\ud15c \ubc0f \uc560\ud50c\ub9ac\ucf00\uc774\uc158\uacfc \ud1b5\ud569\ub418\ub294 \ud3ec\uad04\uc801\uc778 API, SDK \ubc0f \ud50c\ub7ec\uadf8\uc778\uc744 \uc81c\uacf5\ud569\ub2c8\ub2e4.\n                        <\/p>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"benefit-card fade-in\" data-delay=\"0.5\">\n                    <div class=\"benefit-icon\">\n                        <i class=\"fas fa-headset\"><\/i>\n                    <\/div>\n                    <div>\n                        <h3 class=\"benefit-title\">\uc5f0\uc911\ubb34\ud734 24\uc2dc\uac04 \uc804\ubb38\uac00 \uc9c0\uc6d0<\/h3>\n                        <p class=\"benefit-description\">\n                            \uc804\ub2f4 \uacc4\uc815 \uad00\ub9ac\uc790\uc640 \uae30\uc220 \uc9c0\uc6d0\ud300\uc774 24\uc2dc\uac04 \ub300\uae30\ud569\ub2c8\ub2e4. \uc885\ud569\uc801\uc778 \ubb38\uc11c \ubc0f \uac1c\ubc1c\uc790 \ub9ac\uc18c\uc2a4.\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n            \n    \n        <\/div>\n    <\/section>\n\n\n   \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<div class=\"elementor-element elementor-element-38072ce0 e-flex e-con-boxed e-con e-parent\" data-id=\"38072ce0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f2fc94e elementor-widget elementor-widget-heading\" data-id=\"4f2fc94e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">\uc790\uc8fc \ubb3b\ub294 \uc9c8\ubb38<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3ae3209e elementor-widget elementor-widget-tfaccordion\" data-id=\"3ae3209e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tfaccordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"tf-accordion\"> \r\n\t\t\t\t<div class=\"tf-accordion-item active\"><div class=\"accordion-title icon_after active\"><span class=\"title-text\">01. Web3 \uc9c0\uac11 \uae30\ubc18 \ud558\uc774\ube0c\ub9ac\ub4dc \uac70\ub798\uc18c\ub780 \ubb34\uc5c7\uc778\uac00\uc694?<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>Web3 \uc9c0\uac11 \uae30\ubc18 \ud558\uc774\ube0c\ub9ac\ub4dc \uac70\ub798\uc18c\ub294 \uc911\uc559\ud654\ub41c \uac70\ub798\uc18c(CEX)\uc758 \ud6a8\uc728\uc131\uacfc \ud48d\ubd80\ud55c \uc720\ub3d9\uc131\uc744 \ud0c8\uc911\uc559\ud654\ub41c \uac70\ub798\uc18c(DEX)\uc758 \ubcf4\uc548\uacfc \uc790\uae30 \uad00\ub9ac \uae30\ub2a5\uc744 \uacb0\ud569\ud55c \uac83\uc785\ub2c8\ub2e4. \uc0ac\uc6a9\uc790\ub294 \uc790\uc2e0\uc758 Web3 \uc9c0\uac11\uc744 \ud1b5\ud574 \ud50c\ub7ab\ud3fc\uc5d0 \uc561\uc138\uc2a4\ud558\uc5ec \uc911\uc559 \uc9d1\uc911\uc2dd \uac70\ub798\uc18c\uc758 \uac70\ub798 \uc18d\ub3c4\uc640 \uc0ac\uc6a9\uc790 \uacbd\ud5d8\uc744 \uc990\uae30\uba74\uc11c \uac1c\uc778 \ud0a4\ub97c \uc644\ubcbd\ud558\uac8c \uc81c\uc5b4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">02. \ub0b4 \uc790\uc0b0\uc740 \uc548\uc804\ud55c\uac00\uc694?<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\uc608, \uc790\uc0b0\uc740 \ub9e4\uc6b0 \uc548\uc804\ud569\ub2c8\ub2e4. \uae30\uc874 \uac70\ub798\uc18c\uc640 \ub2ec\ub9ac \uc800\ud76c \ud50c\ub7ab\ud3fc\uc740 \uac1c\uc778 \ud0a4\uc5d0 \ub300\ud55c \uc644\uc804\ud55c \uc18c\uc720\uad8c\uc744 \uc81c\uacf5\ud558\ubbc0\ub85c, \uc790\uae08\uc5d0 \ub300\ud55c 100%\uc758 \ud1b5\uc81c\uad8c\uc744 \uac16\uc2b5\ub2c8\ub2e4. \uc800\ud76c\uc758 \ud558\uc774\ube0c\ub9ac\ub4dc \uc544\ud0a4\ud14d\ucc98\ub294 \uc911\uc559 \uc9d1\uc911\uc2dd \uac70\ub798\uc18c\uc758 \ud3b8\ub9ac\ud568\uc744 \ub204\ub9ac\uba74\uc11c\ub3c4 \uc790\uc0b0\uc744 \uacc4\uc18d \ud1b5\uc81c\ud560 \uc218 \uc788\ub3c4\ub85d \ubcf4\uc7a5\ud569\ub2c8\ub2e4. \ub610\ud55c \ucd5c\uace0 \uc218\uc900\uc758 \ubcf4\ud638\ub97c \ubcf4\uc7a5\ud558\uae30 \uc704\ud574 \ub2e4\uacc4\uce35 \uc554\ud638\ud654\uc640 \ubcf4\uc548 \uac10\uc0ac\ub97c \uc0ac\uc6a9\ud569\ub2c8\ub2e4.<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">03. \uc5b4\ub5a4 \uc554\ud638\ud654\ud3d0\uc640 \ube14\ub85d\uccb4\uc778\uc774 \uc9c0\uc6d0\ub418\ub098\uc694?<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\ub2f9\uc0ac\ub294 \ubaa8\ub4e0 \uc8fc\uc694 \uc554\ud638\ud654\ud3d0\uc640 \ube14\ub85d\uccb4\uc778 \ub124\ud2b8\uc6cc\ud06c\ub97c \uc9c0\uc6d0\ud569\ub2c8\ub2e4. \ud06c\ub85c\uc2a4\uccb4\uc778 \uc2a4\uc651 \uae30\ub2a5\uc744 \uc0ac\uc6a9\ud558\uba74 \ubcf5\uc7a1\ud55c \ube0c\ub9ac\uc9d5 \ub3c4\uad6c\ub97c \uc0ac\uc6a9\ud558\uc9c0 \uc54a\uace0\ub3c4 \uc11c\ub85c \ub2e4\ub978 \ub124\ud2b8\uc6cc\ud06c \uac04\uc5d0 \uc790\uc0b0\uc744 \uc6d0\ud65c\ud558\uac8c \uac70\ub798\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc800\ud76c\ub294 \uc815\uae30\uc801\uc73c\ub85c \uc0c8\ub85c\uc6b4 \ub124\ud2b8\uc6cc\ud06c\uc640 \ud1a0\ud070\uc5d0 \ub300\ud55c \uc9c0\uc6d0\uc744 \ucd94\uac00\ud558\uace0 \uc788\uc2b5\ub2c8\ub2e4.<\/p><\/div><\/div><div class=\"tf-accordion-item inactive\"><div class=\"accordion-title icon_after inactive\"><span class=\"title-text\">04. \uac70\ub798 \uc218\uc218\ub8cc\ub294 \uc5b4\ub5bb\uac8c \ucc45\uc815\ub418\ub098\uc694?<\/span> \t\t\r\n\t\t\t\t<span class=\"wrap-accordion-icon wrap-accordion-icon-right\">\t\t\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-close\"><i class=\"fas fa-arrow-right\"><\/i><\/span>\r\n\t\t\t\t<span class=\"accordion-icon accordion-icon-open\"><i class=\"fas fa-arrow-down\"><\/i><\/span>\r\n\t\t\t\t<\/span><\/div> <div class=\"accordion-content\"><p>\uc2a4\ub9c8\ud2b8 \ub77c\uc6b0\ud305 \uc5d4\uc9c4\uc740 \uc804\uccb4 \uac70\ub798 \ube44\uc6a9\uc744 \ucd5c\uc18c\ud654\ud558\ub294 \ucd5c\uc801\uc758 \uacbd\ub85c\ub97c \uacc4\uc0b0\ud569\ub2c8\ub2e4.<\/p><\/div><\/div>\r\n            <\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Wallet as a Services &#8211; Revolutionize Digital Asset Management Redefine digital asset management with The Exchain Wallet-as-a-Service (WaaS) to ensure usability and utmost security. Get Started Contact Us Trusted by 2,000+ businesses worldwide Digital Wallet Dashboard Total Balance $42,593.83 +2.4% today Active Wallets 6 Across 3 chains Recent Transactions View All Received BTC Today, 14:43 [&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-216","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/216","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=216"}],"version-history":[{"count":126,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":3490,"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/pages\/216\/revisions\/3490"}],"wp:attachment":[{"href":"https:\/\/theexchain.com\/ko\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}