<!--
╔═══════════════════════════════════════════════════════════════════════════════════════════════════════╗
║                                                                                                       ║
║                                    ░▒▓█ SERAPHIM VIETNAM █▓▒░                              ║
║                                                                                                       ║
║                                           ⠀⠀⠀⠀⠀⠀⢀⣀⣤⣤⣤⣤⣀⡀⠀⠀⠀⠀⠀⠀                                          ║
║                                        ⠀⠀⠀⠀⢀⣴⣾⣿⣿⣿⣿⣿⣿⣿⣿⣷⣦⡀⠀⠀⠀⠀                                        ║
║                                        ⠀⠀⠀⣴⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⠀⠀⠀                                        ║
║                                        ⠀⠀⣼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣧⠀⠀                                        ║
║                                        ⠀⢰⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡆⠀                                        ║
║                                        ⠀⣿⣿⣿⡟⠛⠛⠛⣿⣿⣿⣿⣿⣿⠛⠛⠛⢻⣿⣿⣿⠀                                        ║
║                                        ⠀⣿⣿⣿⡇⠀⠀⠀⣿⣿⣿⣿⣿⣿⠀⠀⠀⢸⣿⣿⣿⠀                                        ║
║                                        ⠀⣿⣿⣿⣿⣶⣶⣶⣿⣿⣿⣿⣿⣿⣶⣶⣶⣿⣿⣿⣿⠀                                        ║
║                                        ⠀⢿⣿⣿⣿⣿⣿⣿⡏⠀⠀⠀⠀⢹⣿⣿⣿⣿⣿⣿⡿⠀                                        ║
║                                        ⠀⠘⣿⣿⣿⣿⣿⣿⡇⠀⠀⠀⠀⢸⣿⣿⣿⣿⣿⣿⠃⠀                                        ║
║                                        ⠀⠀⠹⣿⣿⣿⣿⣿⣿⣦⣀⣀⣴⣿⣿⣿⣿⣿⣿⠏⠀⠀                                        ║
║                                        ⠀⠀⠀⠙⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⠀⠀⠀                                        ║
║                                        ⠀⠀⠀⠀⠀⠙⠻⢿⣿⣿⣿⣿⣿⣿⡿⠟⠋⠀⠀⠀⠀⠀                                        ║
║                                        ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠉⠉⠉⠉⠀⠀⠀⠀⠀⠀⠀⠀⠀                                        ║
║                                                                                                       ║
║          ██████╗ ██████╗ ██████╗ ██╗  ██╗   ███████╗██╗████████╗███████╗                              ║
║         ██╔════╝ ██╔══██╗██╔══██╗██║  ╚██╗ ██╔════╝██║╚══██╔══╝██╔════╝                              ║
║         ██║  ███╗██║  ██║██║  ██║██║   ╚██╗███████╗██║   ██║   █████╗                                ║
║         ██║   ██║██║  ██║██║  ██║██║   ██╔╝╚════██║██║   ██║   ██╔══╝                                ║
║         ╚██████╔╝██████╔╝██████╔╝███████╔╝ ███████║██║   ██║   ███████╗                              ║
║          ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝  ╚══════╝╚═╝   ╚═╝   ╚══════╝                              ║
║                                                                                                       ║
║                     ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓                     ║
║                     ┃   ✦ ANOTHER GODLY SITE BY SERAPHIM VIETNAM ✦   ┃                     ║
║                     ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛                     ║
║                                                                                                       ║
║                          ╭─────────────────────────────────────────────────╮                          ║
║                          │  클라우드 ARCHITECTURE  ·  AI SOLUTIONS  ·  APAC  │                          ║
║                          │     호치민시 · 싱가포르 · LA · 서울   │                          ║
║                          ╰─────────────────────────────────────────────────╯                          ║
║                                                                                                       ║
║        ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░        ║
║        ░  "We don't just build systems. We architect digital destinies."                   ░        ║
║        ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░        ║
║                                                                                                       ║
║                                    seraphim.vn · info@seraphim.vn                                    ║
║                                                                                                       ║
║                           © 2026 Seraphim Co., Ltd.                                ║
║                                         모든 권리 보유.                                          ║
║                                                                                                       ║
╚═══════════════════════════════════════════════════════════════════════════════════════════════════════╝
-->
<!--
╔═══════════════════════════════════════════════════════════════════════════════╗
║  Another Godly Site by Seraphim Vietnam                                       ║
║  https://seraphim.vn | Enterprise Cloud, AI & Cybersecurity                   ║
╚═══════════════════════════════════════════════════════════════════════════════╝
-->


<!DOCTYPE html>
<html lang="ko" data-active-domain="vn">
<head>
<style id="critical-css">
/* Critical Above-the-Fold CSS - inlined for fast first paint */
:root{--void:#000;--surface:#0a0a0a;--surface-elevated:#111;--border:rgba(255,255,255,0.08);--border-glow:rgba(255,255,255,0.15);--terminal-green:#00ff88;--terminal-silver:#c8d4e0;--terminal-silver-bright:#e8f0f8;--text-bright:#fff;--text-secondary:#b8c0c8;--text-muted:#8a95a5;--text-dim:#404448;--glow-green:rgba(0,255,136,0.4);--glow-silver:rgba(200,212,224,0.3);--glass-primary:rgba(0,100,150,0.08);--glass-secondary:rgba(0,50,100,0.05);--glass-accent:rgba(0,80,120,0.06);--glass-base:rgba(5,8,12,0.92);--ambient-glow-1:rgba(0,200,255,0.08);--ambient-glow-2:rgba(0,255,136,0.06);--ambient-glow-3:rgba(100,150,255,0.05);--edge-highlight:rgba(0,200,255,0.4);--edge-prismatic-1:rgba(0,255,136,0.3);--edge-prismatic-2:rgba(0,200,255,0.4);--edge-prismatic-3:rgba(100,150,255,0.3);--glass-blur:blur(20px) saturate(180%) brightness(95%)}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'JetBrains Mono','Noto Sans KR',monospace;background:var(--void);color:var(--text-secondary);line-height:1.6;overflow-x:hidden}
.container{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,50px)}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.no-preloader .preloader,.no-preloader #preloader{display:none!important}.preloader{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:var(--void);transition:opacity .8s ease,visibility .8s ease}
.preloader.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.preloader-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#050505 0%,#000 100%)}
.preloader-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center}
.preloader-video{width:min(50vw,280px);height:auto;margin-bottom:30px;border-radius:4px;pointer-events:none!important;-webkit-appearance:none!important;appearance:none!important}
.preloader-video::-webkit-media-controls,.preloader-video::-webkit-media-controls-panel,.preloader-video::-webkit-media-controls-play-button,.preloader-video::-webkit-media-controls-start-playback-button,.preloader-video::-webkit-media-controls-overlay-play-button,.preloader-video::-webkit-media-controls-current-time-display,.preloader-video::-webkit-media-controls-time-remaining-display,.preloader-video::-webkit-media-controls-timeline,.preloader-video::-webkit-media-controls-volume-slider,.preloader-video::-webkit-media-controls-mute-button,.preloader-video::-webkit-media-controls-fullscreen-button,.preloader-video::-webkit-media-controls-enclosure{display:none!important;-webkit-appearance:none!important;opacity:0!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;pointer-events:none!important}
video::-webkit-media-controls-start-playback-button,video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;pointer-events:none!important;position:absolute!important;width:0!important;height:0!important}
.preloader-text{font-size:.7rem;letter-spacing:.4em;color:var(--terminal-green);margin-bottom:30px;text-shadow:0 0 20px var(--glow-green)}
.preloader-bar-container{display:flex;align-items:center;gap:20px;position:relative}
.preloader-bar{width:280px;height:4px;background:rgba(0,255,136,0.1);border-radius:3px;overflow:visible;position:relative;border:1px solid rgba(0,255,136,0.2)}
.preloader-progress{height:100%;width:0%;background:linear-gradient(90deg,var(--terminal-green),var(--terminal-silver-bright),var(--terminal-green));background-size:200% 100%;transition:width .15s ease-out;border-radius:3px;box-shadow:0 0 10px var(--glow-green),0 0 20px var(--glow-green)}
.preloader-percent{font-size:.75rem;color:var(--terminal-green);font-weight:500;min-width:45px}
.preloader-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.bg-container,.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg-image{position:absolute;inset:0;background:url('../../assets/bg.webp') center/cover;opacity:.65}
.bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.25) 50%,rgba(0,0,0,.5) 100%)}
.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}
.bg-scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.05) 2px,rgba(0,0,0,.05) 4px)}
.bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%)}
.header,.site-header{position:fixed;top:0;left:0;right:0;z-index:9999;background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 40%),linear-gradient(135deg,var(--glass-primary) 0%,var(--glass-secondary) 25%,rgba(0,20,40,.03) 50%,var(--glass-accent) 75%,var(--glass-primary) 100%),radial-gradient(ellipse at 20% 50%,var(--ambient-glow-1) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,var(--ambient-glow-2) 0%,transparent 50%),var(--glass-base);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid rgba(255,255,255,.06);isolation:isolate}
.header-row-1,.header-top{display:flex;align-items:center;justify-content:space-between;padding:20px 50px;gap:30px;flex-wrap:wrap;position:relative;z-index:3}
.header-logo{display:flex;align-items:center;gap:20px}
.header-logo img{height:110px;transition:all .4s ease}
.header-logo img.logo-full{display:block}
.header-logo img.logo-s,.header-logo img.s-logo{display:none}
@media(max-width:768px){.header-logo img.logo-s,.header-logo img.s-logo{display:block!important;height:36px!important;width:auto!important;min-width:36px!important;opacity:1!important;visibility:visible!important}.header-logo img.logo-full{display:none!important}.header-tagline{display:none!important}}
.header-tagline{font-size:.55rem;letter-spacing:.2em;color:var(--text-muted);border-left:1px solid rgba(255,255,255,.1);padding-left:20px;line-height:1.6;max-width:140px}
.main,.main-content{position:relative;z-index:1;padding-top:160px}.sph-nav{display:flex!important;align-items:center;padding:0 40px;min-height:52px}.sph-nav .sph-item{padding:16px 22px;display:inline-flex;align-items:center;font-size:.75rem;white-space:nowrap}@media(max-width:900px){.sph-nav{display:none!important}}.sph-nav .sph-dropdown,.sph-nav .sph-mega-dropdown{opacity:0!important;visibility:hidden!important;pointer-events:none!important;position:absolute!important}
.lang-content{display:none}
.lang-content.active{display:block}
h1.lang-content{display:none}
h1.lang-content.active{display:block}
p.lang-content{display:none}
p.lang-content.active{display:block}
.btn,.btn-primary,.btn-secondary{display:inline-block;padding:16px 32px;font-family:inherit;font-size:.7rem;letter-spacing:.12em;cursor:pointer;transition:all .3s;border:none}
.btn.primary,.btn-primary{background:var(--terminal-green);color:var(--void)}
.btn.secondary,.btn-secondary{background:transparent;color:var(--terminal-silver);border:1px solid var(--terminal-silver)}
.btn.large{padding:18px 38px;font-size:.8rem}
</style>
<script>if(/bot|crawl|spider|lighthouse|pagespeed|PTST|headless/i.test(navigator.userAgent)||navigator.webdriver){document.documentElement.classList.add("no-preloader");window.__noJS=1}</script>
<style id="preloader-critical">.preloader.hidden{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}.preloader-video::-webkit-media-controls,.preloader-video::-webkit-media-controls-panel,.preloader-video::-webkit-media-controls-play-button,.preloader-video::-webkit-media-controls-start-playback-button,.preloader-video::-webkit-media-controls-overlay-play-button{display:none!important;-webkit-appearance:none!important;opacity:0!important}</style>
<script>
window.addEventListener('load',function(){if(navigator.webdriver||/bot|lighthouse|pagespeed|PTST/i.test(navigator.userAgent))return;var s=document.createElement('script');s.async=true;s.src='https://www.googletagmanager.com/gtag/js?id=G-19BZWLPET8';document.head.appendChild(s);s.onload=function(){window.dataLayer=window.dataLayer||[];function g(){dataLayer.push(arguments)}g('js',new Date());g('config','G-19BZWLPET8')}});
</script>

    <meta charset="UTF-8">
    <meta name="author" content="The Chosen One · Người Được Chọn · 天选之人 · 선택받은 자 · 選ばれし者">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#00ff88">
    <title>문의하기 | Seraphim 베트남</title>
    <link rel="icon" href="../../assets/icon.png">
    <link rel="apple-touch-icon" href="../../assets/apple-touch-icon.png">
    <link rel="manifest" href="../../manifest.json">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Syne:wght@400;600;800&family=Imbue:opsz,wght@10..100,100..900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap" onload="if(!window.__noJS)this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Noto+Sans+KR:wght@400;700&family=Syne:wght@400;600;800&family=Imbue:opsz,wght@10..100,100..900&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap"></noscript>
    <!-- Critical CSS (render-blocking) -->
    <link rel="stylesheet" href="../../assets/css/1-core.css">
    <link rel="stylesheet" href="../../assets/css/2-layout.css">
    <link rel="stylesheet" href="../../assets/css/3-components.css">
    <!-- Non-critical CSS (async) -->
    <link rel="stylesheet" href="../../assets/css/4-effects.css" media="all">
    <link rel="stylesheet" href="../../assets/css/5-effects-advanced.css" media="all">
    <noscript><link rel="stylesheet" href="../../assets/css/4-effects.css"><link rel="stylesheet" href="../../assets/css/5-effects-advanced.css"></noscript>
    <link rel="stylesheet" href="../../assets/nav-v23.css" media="all">
    <noscript><style>.sph-dropdown,.sph-mega-dropdown{display:none!important}</style></noscript>
    <link rel="stylesheet" href="../../assets/weather.css">
<script type="application/ld+json">
    {"@context": "https://schema.org", "@type": "문의Page", "name": "문의 Seraphim 베트남", "description": "엔터프라이즈 클라우드 및 AI 솔루션을 위해 Seraphim 베트남에 문의하세요.", "mainEntity": {"@type": "Organization", "name": "Seraphim 베트남", "email": "info@seraphim.vn", "telephone": "+44-788-092-2330", "url": "https://seraphim.vn"}}
    </script>
    <link rel="canonical" href="https://seraphim.vn/ko/pages/contact.html">
    <link rel="alternate" hreflang="en" href="https://seraphim.vn/pages/contact.html">
    <link rel="alternate" hreflang="vi" href="https://seraphim.vn/vi/pages/contact.html">
    <link rel="alternate" hreflang="ko" href="https://seraphim.vn/ko/pages/contact.html">
    <link rel="alternate" hreflang="x-default" href="https://seraphim.vn/pages/contact.html">
</head>
<body>
    <div class="preloader" id="preloader"><div class="preloader-bg"></div><div class="preloader-content"><video class="preloader-video" id="preloader-video" autoplay muted playsinline loop preload="metadata" webkit-playsinline><source src="../../assets/preloader-med.mp4" type="video/mp4"></video><p class="preloader-text" id="preloader-text">시스템 초기화 중</p><div class="preloader-bar-container"><div class="preloader-bar"><div class="preloader-progress" id="preloader-progress"></div>
    <script>
    // Inline preloader failsafe - not affected by Rocket Loader or defer.
    // Guarantees preloader is killed even if external scripts are delayed.
    (function(){
        var killed = false;
        function kill() {
            if (killed) return;
            killed = true;
            var p = document.getElementById('preloader');
            if (p && !p.classList.contains('hidden')) {
                p.style.cssText = 'display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;';
                p.className = 'preloader hidden';
                try { p.remove(); } catch(e) {}
            }
            document.body.style.overflow = '';
            document.documentElement.style.overflow = '';
        }
        // Kill after 5s no matter what
        setTimeout(kill, 5000);
        // Also kill on window load + 1s buffer (page is ready)
        window.addEventListener('load', function() { setTimeout(kill, 1000); });
    })();
    </script></div><span class="preloader-percent" id="preloader-percent">0%</span></div></div><div class="preloader-particles" id="preloader-particles"></div></div>
    <div class="bg-container"><div class="bg-image"></div><div class="bg-overlay"></div><div class="bg-grid"></div><div class="bg-vignette"></div></div>

    <header class="header">
        <div class="header-row-1">
            <a href="../../ko/index.html" class="header-logo"><picture><source srcset="../../assets/logo.webp" type="image/webp"><img src="../../assets/logo.png" class="logo-full" alt="Seraphim 베트남" width="600" height="337"></picture><picture><source srcset="../../assets/s-logo.webp" type="image/webp"><img src="../../assets/s-logo.png" class="logo-s" alt="S" width="200" height="112"></picture><span class="header-tagline">엔터프라이즈 기술 파트너</span></a>
            <div class="lang-switcher-nav"><a href="../../pages/contact.html" class="lang-link">EN</a><a href="../../vi/pages/contact.html" class="lang-link">VI</a><a href="contact.html" class="lang-link active">한</a></div>
            <button class="header-quote-btn" onclick="openQuotePopup()">견적</button><div class="header-cta-group"><a href="contact.html" class="header-cta-btn primary">상담 신청</a></div>
        </div>
        <!-- COMPREHENSIVE NAVIGATION v24 -->
        <nav class="sph-nav">
            <a href="../../index.html" class="sph-item">HOME</a>
            
            <div class="sph-item">
                <span>CLOUD</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/cloud-solutions.html">Cloud Solutions</a>
                    <a href="../../pages/aws.html">AWS Services</a>
                    <a href="../../pages/azure.html">Azure Services</a>
                    <a href="../../pages/gcp.html">GCP Services</a>
                    <a href="../../pages/aws-vs-azure-vs-gcp-vietnam.html">AWS vs Azure vs GCP</a>
                    <a href="../../pages/cloud-migration-southeast-asia.html">Migration Guide</a>
                    <a href="../../pages/migration-timeline.html">Migration Timeline</a>
                </div>
            </div>
            
            <div class="sph-item">
                <span>SECURITY</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/cybersecurity.html">Cybersecurity Overview</a>
                    <a href="../../pages/cybersecurity-audits.html">Security Audits</a>
                    <a href="../../pages/cybersecurity-compliance.html">Compliance Services</a>
                    <a href="../../pages/security-audit-checklist.html">Audit Checklist</a>
                    <a href="../../pages/enterprise-cloud-security-compliance.html">Enterprise Security</a>
                </div>
            </div>
            
            <div class="sph-item">
                <span>AI</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/ai-solutions.html">AI Overview</a>
                    <a href="../../pages/ai-agents.html">AI Agents</a>
                    <a href="../../pages/ai-secure-training.html">Secure Training</a>
                    <a href="../../pages/ai-rag.html">RAG Systems</a>
                    <a href="../../pages/ai-process-automation.html">Process Automation</a>
                    <a href="../../pages/ai-compliance.html">AI Compliance</a>
                    <a href="../../pages/enterprise-ai-transformation.html">Enterprise AI</a>
                    <a href="../../pages/enterprise-ai-security-governance.html">AI Security Governance</a>
                    <a href="../../pages/private-ai-vs-public-ai.html">Private vs Public AI</a>
                </div>
            </div>
            
            <div class="sph-item">
                <span>SERVICES</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/ui-design.html">UI/UX Design</a>
                    <a href="../../pages/shopify.html">E-Commerce</a>
                    <a href="../../pages/outsourcing.html">IT Outsourcing</a>
                    <a href="../../pages/robotics.html">Robotics</a>
                    <a href="../../pages/fashion.html">Fashion Tech</a>
                </div>
            </div>
            
            <div class="sph-item">
                <span>COMPLIANCE</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/gdpr-compliance.html">🇪🇺 GDPR</a>
                    <a href="../../pages/ccpa-compliance.html">🇺🇸 CCPA</a>
                    <a href="../../pages/hipaa-compliance.html">🏥 HIPAA</a>
                    <a href="../../pages/soc2-compliance.html">🔒 SOC 2</a>
                    <a href="../../pages/iso27001-compliance.html">📋 ISO 27001</a>
                    <a href="../../pages/pci-dss-compliance.html">💳 PCI DSS</a>
                    <a href="../../pages/pdpa-compliance.html">🇸🇬 PDPA</a>
                    <a href="../../pages/vietnam-pdpd-compliance.html">🇻🇳 PDPD</a>
                    <a href="../../pages/brazil-lgpd-compliance.html">🇧🇷 LGPD</a>
                    <a href="../../pages/china-pipl-compliance.html">🇨🇳 PIPL</a>
                    <a href="../../pages/japan-appi-compliance.html">🇯🇵 APPI</a>
                    <a href="../../pages/korea-pipa-compliance.html">🇰🇷 PIPA</a>
                    <a href="../../pages/asean-data-compliance-framework.html">🌏 ASEAN</a>
                </div>
            </div>
            
            <div class="sph-item">
                <span>TOOLS</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/speed-audit.html">⚡ Speed Audit</a>
                    <a href="../../pages/mewtwo-security-scanner.html">🔮 Security Scanner</a>
                    <a href="../../pages/pdpd-compliance-checker.html">🇻🇳 PDPD Checker</a>
                    <a href="../../pages/robotics-advisor.html">🤖 Robotics Advisor</a>
                    <a href="../../pages/cloud-cost-calculator.html">📊 Cloud Calculator</a>
                    <a href="../../pages/cloud-quiz.html">☁️ Cloud Quiz</a>
                    <a href="../../pages/ai-readiness-assessment.html">🎯 AI Readiness</a>
                    <a href="../../pages/tech-stack-builder.html">🛠️ Tech Stack</a>
                    <a href="../../pages/vietnam-employment-contract.html">🇻🇳 VN Contract</a>
                    <a href="../../pages/singapore-employment-contract-v2.html">🇸🇬 SG Contract</a>
                    <a href="../../pages/singapore-pdpa-privacy-policy.html">🇸🇬 SG Privacy</a>
                    <a href="../../pages/vietnam-pdpd-privacy-policy.html">🇻🇳 VN Privacy</a>
                </div>
            </div>
            
            <div class="sph-item">
                <span>RESOURCES</span><span class="sph-arrow">▾</span>
                <div class="sph-dropdown">
                    <a href="../../pages/ai-use-cases-roi.html">AI Use Cases & ROI</a>
                    <a href="../../pages/digital-transformation-vietnam.html">Digital Vietnam</a>
                    <a href="../../pages/singapore-cloud-ai-guide.html">Singapore Guide</a>
                    <a href="../../pages/singapore-ai-implementation.html">SG AI Implementation</a>
                    <a href="../../pages/singapore-ai-talent-ecosystem.html">SG AI Talent</a>
                    <a href="../../pages/singapore-it-outsourcing.html">SG IT Outsourcing</a>
                    <a href="../../pages/vietnam-ai-development.html">VN AI Development</a>
                    <a href="../../pages/vietnam-cloud-services.html">VN Cloud Services</a>
                    <a href="../../pages/vietnam-data-protection.html">VN Data Protection</a>
                    <a href="../../pages/data-privacy-story.html">📖 Data Privacy Story</a>
                    <a href="../../pages/infomercial-roi.html">📺 Infomercial ROI</a>
                    <a href="../../pages/kawaii-compliance.html">🎀 Kawaii Compliance</a>
                </div>
            </div>
            
            <a href="../../pages/about.html" class="sph-item">ABOUT</a>
            <a href="../../pages/contact.html" class="sph-item">CONTACT</a>
        </nav>
    </header>

    <main class="main">
        <section class="page-hero">
            <div class="container">
                <span class="page-badge">📞 문의</span>
                <h1 class="page-title">상담하기<br><span class="gradient">프로젝트에 대해</span></h1>
                <p class="page-desc">클라우드 아키텍처, AI 솔루션 또는 당사 서비스에 대해 논의할 준비가 되셨나요? 원하시는 채널로 연락해 주세요. 일반적으로 24시간 이내에 응답드립니다.</p>
            </div>
        </section>

        <!-- 문의 METHODS -->
        
        <div class="container" style="padding-top: 20px;">
            <div class="dynamic-greeting" id="dynamic-greeting" style="display:none"></div>
        </div>

<section class="section">
            <div class="container">
                <div class="section-header">
                    <div class="section-tag"><span class="tag-line"></span>REACH US<span class="tag-line"></span></div>
                    <h2 class="section-title">문의 Methods</h2>
                </div>

                <div class="bento-grid">
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="2" data-reveal="up" data-reveal-delay="2" data-reveal-delay="3" data-reveal="up">
                        <div class="bento-icon">✉️</div>
                        <h3>이메일</h3>
                        <p>For general inquiries and project discussions</p>
                        <a href="/cdn-cgi/l/email-protection#9af3f4fcf5dae9ffe8fbeaf2f3f7b4ecf4" style="color: var(--terminal-green); font-size: 1.1rem; font-weight: 600;"><span class="__cf_email__" data-cfemail="90f9fef6ffd0e3f5e2f1e0f8f9fdbee6fe">[email&#160;protected]</span></a>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="4" data-reveal="up" data-reveal-delay="3" data-reveal-delay="5" data-reveal="up">
                        <div class="bento-icon">📱</div>
                        <h3>WhatsApp</h3>
                        <p>Quick questions and immediate response</p>
                        <a href="https://wa.me/447880922330" style="color: var(--terminal-green); font-size: 1.1rem; font-weight: 600;">+44 788 092 2330</a>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="1" data-reveal="up" data-reveal-delay="4" data-reveal-delay="2" data-reveal="up">
                        <div class="bento-icon">💬</div>
                        <h3>Zalo</h3>
                        <p>For 베트남ese clients</p>
                        <a href="https://zalo.me/0366553592" style="color: var(--terminal-green); font-size: 1.1rem; font-weight: 600;" data-domain="vn">+84 36 655 3592</a>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="3" data-reveal="up" data-reveal-delay="5" data-reveal-delay="4" data-reveal="up">
                        <div class="bento-icon">📧</div>
                        <h3>채용</h3>
                        <p>Job applications and inquiries</p>
                        <a href="/cdn-cgi/l/email-protection#5a33343c351a293f283b2a323337742c34" style="color: var(--terminal-green); font-size: 1.1rem; font-weight: 600;"><span class="__cf_email__" data-cfemail="cba2a5ada48bb8aeb9aabba3a2a6e5bda5">[email&#160;protected]</span></a>
                    </div>
                </div>
            </div>
        </section>

        <!-- OFFICES -->
        <section class="section alt">
            <div class="container">
                <div class="section-header">
                    <div class="section-tag"><span class="tag-line"></span>OFFICES<span class="tag-line"></span></div>
                    <h2 class="section-title">Global 위치s</h2>
                </div>

                <div class="bento-grid">
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="2" data-reveal="up" data-reveal-delay="2" data-reveal-delay="3" data-reveal="up">
                        <div class="bento-icon">🇻🇳</div>
                        <h3>호치민시</h3>
                        <p style="color: var(--terminal-green); margin-bottom: 10px;"><strong>본사</strong></p>
                        <p style="color: var(--text-muted); font-size: 0.85rem;">District 1, 호치민시<br>베트남</p>
                        <p style="color: var(--text-muted); font-size: 0.85rem; margin-top: 10px;">월-금: 9:00 - 18:00 (ICT)</p>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="4" data-reveal="up" data-reveal-delay="3" data-reveal-delay="5" data-reveal="up">
                        <div class="bento-icon">🇸🇬</div>
                        <h3>싱가포르</h3>
                        <p style="color: var(--text-muted); margin-bottom: 10px;"><strong>APAC 허브</strong></p>
                        <p style="color: var(--text-muted); font-size: 0.85rem;">중심 비즈니스 지구<br>싱가포르</p>
                        <p style="color: var(--text-muted); font-size: 0.85rem; margin-top: 10px;">월-금: 9:00 - 18:00 (SGT)</p>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="1" data-reveal="up" data-reveal-delay="4" data-reveal-delay="2" data-reveal="up">
                        <div class="bento-icon">🇺🇸</div>
                        <h3>로스앤젤레스</h3>
                        <p style="color: var(--text-muted); margin-bottom: 10px;"><strong>아메리카 Office</strong></p>
                        <p style="color: var(--text-muted); font-size: 0.85rem;">로스앤젤레스, CA<br>미국</p>
                        <p style="color: var(--text-muted); font-size: 0.85rem; margin-top: 10px;">월-금: 9:00 - 17:00 (PST)</p>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal-delay="3" data-reveal="up" data-reveal-delay="5" data-reveal-delay="4" data-reveal="up">
                        <div class="bento-icon">🇰🇷</div>
                        <h3>서울</h3>
                        <p style="color: var(--text-muted); margin-bottom: 10px;"><strong>한국 사무소</strong></p>
                        <p style="color: var(--text-muted); font-size: 0.85rem;">강남구<br>서울, 한국</p>
                        <p style="color: var(--text-muted); font-size: 0.85rem; margin-top: 10px;">월-금: 9:00 - 18:00 (KST)</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- WHAT TO EXPECT -->
        <section class="section">
            <div class="container">
                <div class="section-header">
                    <div class="section-tag"><span class="tag-line"></span>NEXT STEPS<span class="tag-line"></span></div>
                    <h2 class="section-title">What to Expect</h2>
                </div>

                <div class="data-flow">
                    <div class="data-node">
                        <span class="data-node-icon">📞</span>
                        <span class="data-node-label">YOU REACH OUT</span>
                    </div>
                    <span class="data-arrow">→</span>
                    <div class="data-node">
                        <span class="data-node-icon">⏱️</span>
                        <span class="data-node-label">24HR RESPONSE</span>
                    </div>
                    <span class="data-arrow">→</span>
                    <div class="data-node">
                        <span class="data-node-icon">🤝</span>
                        <span class="data-node-label">DISCOVERY CALL</span>
                    </div>
                    <span class="data-arrow">→</span>
                    <div class="data-node secure">
                        <span class="data-node-icon">📋</span>
                        <span class="data-node-label">PROPOSAL</span>
                    </div>
                </div>

                <div class="bento-grid" style="margin-top: 40px;">
                    <div class="bento-item span-2 tilt-card tilt-card" data-reveal="up" data-reveal="up">
                        <div class="bento-icon">💡</div>
                        <h3>무료 Initial Consultation</h3>
                        <p>Every engagement starts with a free discovery call. We'll discuss your challenges, goals, and constraints, then honestly assess whether we're the right fit. 아니오 sales pressure, no obligation. If we're not the right partner, we'll tell you and recommend alternatives.</p>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal="up" data-reveal="up">
                        <div class="bento-icon">📄</div>
                        <h3>Detailed Proposals</h3>
                        <p>After discovery, we provide a detailed proposal with scope, timeline, pricing, and approach. 아니오 hidden fees, no surprises.</p>
                    </div>
                    <div class="bento-item tilt-card tilt-card" data-reveal="up" data-reveal="up">
                        <div class="bento-icon">🔒</div>
                        <h3>기밀 유지</h3>
                        <p>Everything discussed is confidential. We sign NDAs before any sensitive discussions. Your information is safe with us.</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- CTA -->
        <section class="section alt">
            <div class="container">
                <div class="cta-box">
                    <div class="cta-text">
                        <h2>Ready to Start?</h2>
                        <p>Reach out today and let's discuss how we can help your organization.</p>
                        <div class="cta-btns">
                            <a href="/cdn-cgi/l/email-protection#1d74737b725d6e786f7c6d757470336b73" class="btn primary large">이메일 Us →</a>
                            <a href="https://wa.me/447880922330" class="btn whatsapp">📱 WhatsApp</a>
                            <a href="https://zalo.me/0366553592" class="btn zalo" data-domain="vn">💬 Zalo</a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    
    
        <section class="section">
            <div class="container">
                <div class="seraphim-form" style="max-width: 700px; margin: 0 auto;">
                    <h2 class="form-title">메시지 보내기</h2>
                    <p class="form-subtitle">아래 양식을 작성해 주시면 24시간 이내에 연락드리겠습니다.</p>
                    <form action="https://formspree.io/f/xqeqqlgd" method="POST">
                        <input type="hidden" name="_language" value="ko">
                        <div class="form-row">
                            <div class="form-group">
                                <label class="form-label">성함 *</label>
                                <input type="text" name="name" class="form-input" placeholder="홍길동" required>
                            </div>
                            <div class="form-group">
                                <label class="form-label">회사</label>
                                <input type="text" name="company" class="form-input" placeholder="회사명">
                            </div>
                        </div>
                        <div class="form-row">
                            <div class="form-group">
                                <label class="form-label">이메일 *</label>
                                <input type="email" name="email" class="form-input" placeholder="email@company.com" required>
                            </div>
                            <div class="form-group">
                                <label class="form-label">전화번호</label>
                                <input type="tel" name="phone" class="form-input" placeholder="+82 10 1234 5678">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="form-label">문의 유형 *</label>
                            <select name="subject" class="form-select" required>
                                <option value="">유형을 선택하세요...</option>
                                <option value="일반 문의">일반 문의</option>
                                <option value="Cloud 서비스">클라우드 서비스</option>
                                <option value="AI 솔루션">AI 솔루션</option>
                                <option value="파트너십">파트너십</option>
                                <option value="채용">채용</option>
                                <option value="기타">기타</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label class="form-label">메시지 *</label>
                            <textarea name="message" class="form-textarea" placeholder="어떻게 도와드릴까요?" required></textarea>
                        </div>
                        <button type="submit" class="form-submit">메시지 보내기 →</button>
                    </form>
                </div>
            </div>
        </section>

    </main>

    
        <!-- Layman Explainer Section -->
        <section class="explainer-section">
            <div class="explainer-inner">
                <div class="explainer-label">// LET'S TALK</div>
                <h2 class="explainer-text">Your transformation starts with a <span class="gradient-word" data-kinetic>conversation</span></h2>
                <p class="explainer-subtext">No sales pitch, no pressure. Just an honest discussion about what's possible for your business.</p>
            </div>
        </section>

        <!-- Seraphim S Particle Logo -->
        <section class="seraphim-s-section">
            <canvas class="seraphim-s-canvas"></canvas>
            <div class="seraphim-s-tagline">// Enterprise Technology Partner</div>
        </section>
<footer class="footer">
        <div class="footer-top-accent"></div>
        <div class="footer-main"><div class="footer-grid">
            <div class="footer-brand"><picture><source srcset="../../assets/logo.webp" type="image/webp"><img src="../../assets/logo.png" class="footer-logo" width="600" height="337" loading="lazy"></picture><p class="footer-desc">APAC 기업을 위한 엔터프라이즈 클라우드 및 AI 솔루션.</p><div class="footer-social-links">
                    <a href="https://wa.me/447880922330" class="footer-social-link whatsapp" target="_blank">📱 WhatsApp</a>
                    <a href="https://zalo.me/0366553592" class="footer-social-link zalo" target="_blank" data-domain="vn">💬 Zalo</a>
                </div>
                <a href="/cdn-cgi/l/email-protection#9af3f4fcf5dae9ffe8fbeaf2f3f7b4ecf4" class="footer-email"><span class="email-icon">✉️</span> <span class="__cf_email__" data-cfemail="d2bbbcb4bd92a1b7a0b3a2babbbffca4bc">[email&#160;protected]</span></a>
                </div>
            <div class="footer-col"><h4>클라우드</h4><a href="cloud-solutions.html">개요</a><a href="aws.html">AWS</a><a href="azure.html">Azure</a><a href="gcp.html">GCP</a><a href="cybersecurity.html">보안</a></div>
            <div class="footer-col"><h4>AI</h4><a href="ai-solutions.html">AI 솔루션</a><a href="ai-secure-training.html">보안 트레이닝</a><a href="ai-agents.html">AI 에이전트</a><a href="ai-rag.html">RAG</a></div>
            <div class="footer-col"><h4>서비스</h4><a href="ui-design.html">UI/UX</a><a href="shopify.html">이커머스</a><a href="outsourcing.html">아웃소싱</a><a href="robotics.html">로보틱스</a><a href="fashion.html">패션</a></div>
            <div class="footer-col"><h4>회사</h4><a href="about.html">회사 소개</a><a href="careers.html">채용</a><a href="contact.html">문의</a><a href="faq.html">FAQ</a></div>
            <div class="footer-col"><h4>법적 고지</h4><a href="privacy.html">개인정보</a><a href="terms.html">이용약관</a></div>
            <div class="footer-col"><h4>인사이트</h4><a href="insights/cloud-ai-digitization-vietnam.html">베트남 Cloud & AI</a><a href="insights/robotics-implementation-apac.html">APAC 로보틱스</a><a href="insights/cloud-infrastructure-robotics.html">로보틱스용 클라우드</a><a href="insights/ai-cybersecurity-enterprise.html">AI 사이버 보안</a><a href="insights/cloud-ai-인프라.html">AI 클라우드 인프라</a><a href="insights/robotics-implementation-singapore.html">리테일 로보틱스</a></div>
        </div></div><div class="footer-quote-cta">
    <button class="footer-quote-btn" onclick="openQuotePopup()"><span>✦</span> 견적 요청 <span>✦</span></button>
</div><div class="footer-tagline-epic"><div class="footer-tagline-particles"></div><p class="footer-tagline-text">우리는 시스템을 구축하지 않습니다. 디지털 운명을 설계합니다.</p><p class="footer-tagline-sub">미래는 여기서 엔지니어링됩니다</p></div><div class="footer-bottom"><div class="footer-particles"><div class="footer-particle"></div><div class="footer-particle"></div><div class="footer-particle"></div><div class="footer-particle"></div><div class="footer-particle"></div><div class="footer-particle"></div></div><div class="footer-bottom-inner"><p>© 2026 Seraphim Co., Ltd.</p>
</div></div>
    </footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
    (function(){if(window.__noJS)return;function l(s){var e=document.createElement('script');e.src=s;document.body.appendChild(e)}
    var b='../../assets/';
    if('requestIdleCallback' in window){requestIdleCallback(function(){l(b+'scifi-fx.js')})}
    else{window.addEventListener('load',function(){setTimeout(function(){l(b+'scifi-fx.js')},1000)})}})();
    </script>

<!-- 견적 요청 Popup -->
<div class="quote-popup-overlay" id="quote-popup-overlay">
    <div class="quote-popup">
        <div class="quote-popup-particles"></div>
        <div class="quote-popup-header">
            <button class="quote-popup-close" onclick="closeQuotePopup()">&times;</button>
            <h2 class="form-title">견적 요청</h2>
            <p class="form-subtitle">프로젝트에 대해 알려주시면 24시간 이내에 연락드리겠습니다.</p>
        </div>
        <div class="quote-popup-body">
            <form class="seraphim-form" action="https://formspree.io/f/xjgwwopw" method="POST">
                <input type="hidden" name="_language" value="ko">
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">성함 *</label>
                        <input type="text" name="name" class="form-input" placeholder="홍길동" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">회사</label>
                        <input type="text" name="company" class="form-input" placeholder="회사명">
                    </div>
                </div>
                <div class="form-row">
                    <div class="form-group">
                        <label class="form-label">이메일 *</label>
                        <input type="email" name="email" class="form-input" placeholder="email@company.com" required>
                    </div>
                    <div class="form-group">
                        <label class="form-label">전화번호</label>
                        <input type="tel" name="phone" class="form-input" placeholder="+82 10 1234 5678">
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">필요한 서비스 *</label>
                    <div class="checkbox-group">
                        <label class="checkbox-item"><input type="checkbox" name="services" value="클라우드 아키텍처"><span>클라우드 아키텍처</span></label>
                        <label class="checkbox-item"><input type="checkbox" name="services" value="AI 솔루션"><span>AI 솔루션</span></label>
                        <label class="checkbox-item"><input type="checkbox" name="services" value="이커머스"><span>이커머스</span></label>
                        <label class="checkbox-item"><input type="checkbox" name="services" value="UI/UX 디자인"><span>UI/UX 디자인</span></label>
                        <label class="checkbox-item"><input type="checkbox" name="services" value="IT 아웃소싱"><span>IT 아웃소싱</span></label>
                        <label class="checkbox-item"><input type="checkbox" name="services" value="로보틱스"><span>로보틱스</span></label>
                        <label class="checkbox-item"><input type="checkbox" name="services" value="패션테크"><span>패션 테크</span></label>
                    </div>
                </div>
                <div class="form-group">
                    <label class="form-label">예산 범위 *</label>
                    <select name="budget" class="form-select" required>
                        <option value="">예산을 선택하세요...</option>
                        <option value="Under $5K">$5,000 미만 (약 650만원 미만)</option>
                        <option value="$5K-$15K">$5,000 - $15,000 (약 650만 - 2,000만원)</option>
                        <option value="$15K-$50K">$15,000 - $50,000 (약 2,000만 - 6,500만원)</option>
                        <option value="$50K-$100K">$50,000 - $100,000 (약 6,500만 - 1.3억원)</option>
                        <option value="$100K+">$100,000+ (약 1.3억원 이상)</option>
                    </select>
                </div>
                <div class="form-group">
                    <label class="form-label">프로젝트 설명 *</label>
                    <textarea name="description" class="form-textarea" placeholder="프로젝트, 목표, 일정에 대해 설명해 주세요..." required></textarea>
                </div>
                <button type="submit" class="form-submit">견적 요청 →</button>
            </form>
        </div>
    </div>
</div>

<script>if(!window.__noJS){var d=document,h=d.head,c=function(s){var e=d.createElement('script');e.src=s;h.appendChild(e)};c('../../assets/weather.js?v=528');c('../../assets/scripts.js?v=529')}</script>
</body>
</html>