{"id":1393,"date":"2026-02-21T13:47:03","date_gmt":"2026-02-21T13:47:03","guid":{"rendered":"https:\/\/hangulspace.com\/about\/"},"modified":"2026-08-17T18:25:28","modified_gmt":"2026-08-17T18:25:28","slug":"about","status":"publish","type":"page","link":"https:\/\/hangulspace.com\/id\/about\/","title":{"rendered":"Tentang"},"content":{"rendered":"\n<style>\nhtml {\n  height: auto !important;\n  min-height: 100% !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  scroll-behavior: smooth !important;\n}\nbody {\n  height: auto !important;\n  min-height: 100% !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  position: relative !important;\n}\n#page, .site, .site-content, #content, #primary, #main, .entry-content, .ast-article-single, .ast-container {\n  overflow: visible !important;\n  height: auto !important;\n  min-height: auto !important;\n}\n\/* Ensure background videos, wrappers, and hero overlays never capture mouse scroll events *\/\nvideo,\n.video-container,\n.hs-g-video-wrap,\n.hs-subhero-wrap .video-container,\n.hs-hero-slide-bg,\n.hs-hero-overlay,\n.hs-g-video-wrap::after,\n.video-container::after {\n  pointer-events: none !important;\n}\n\/* Style ONLY the first button in Astra header wrap *\/\n.ast-builder-button-wrap a:first-child,\n.ast-header-button-1 a.ast-custom-button-link {\n  background: #FFFFFF !important;\n  color: #5B4AA3 !important;\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  font-weight: 700 !important;\n  font-size: 14px !important;\n  padding: 9px 22px !important;\n  border-radius: 999px !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22) !important;\n  text-decoration: none !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: all 0.3s ease !important;\n  border: 1px solid rgba(255, 255, 255, 0.85) !important;\n}\n.ast-builder-button-wrap a:first-child:hover,\n.ast-header-button-1 a.ast-custom-button-link:hover {\n  background: #F0EEFA !important;\n  color: #433388 !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.32) !important;\n}\n\/* =====================================================\n   HANGUL SPACE \u2014 Option B Sticky Header System\n   Top (scrollY <= 20): Pure Transparent Header\n   Scroll (scrollY > 20): Fixed Solid Deep Purple (#3F2677)\n   ===================================================== *\/\n\/* =====================================================\n   HANGUL SPACE \u2014 CUSTOM STICKY HEADER (Final Backup Standard)\n   Top: Transparent Astra header\n   Scroll: Fixed deep-purple (#3F2677) header\n   ===================================================== *\/\n\/* \uae30\ubcf8 \uc804\ud658 \ud6a8\uacfc *\/\n#masthead,\n#masthead .ast-primary-header-bar,\n#masthead .site-primary-header-wrap,\n#masthead .ast-builder-grid-row-container {\n    transition: background-color 0.32s ease, box-shadow 0.32s ease, opacity 0.32s ease !important;\n}\n\/* \uc2a4\ud06c\ub864 \ud6c4 \uc2e4\uc81c \ud5e4\ub354 \uace0\uc815 *\/\nbody.hs-header-scrolled #masthead {\n    position: fixed !important;\n    top: 0 !important;\n    right: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    z-index: 99999 !important;\n    background: #3f2677 !important;\n    background-color: #3f2677 !important;\n    background-image: none !important;\n    opacity: 1 !important;\n    -webkit-backdrop-filter: none !important;\n    backdrop-filter: none !important;\n    box-shadow: 0 10px 30px rgba(31, 17, 65, 0.24) !important;\n}\n\/* \ud5e4\ub354 \ub0b4\ubd80 \ubaa8\ub4e0 \ubc30\uacbd \ub808\uc774\uc5b4 *\/\nbody.hs-header-scrolled #masthead .ast-primary-header-bar,\nbody.hs-header-scrolled #masthead .site-primary-header-wrap,\nbody.hs-header-scrolled #masthead .ast-builder-grid-row-container,\nbody.hs-header-scrolled #masthead .ast-builder-grid-row {\n    background: #3f2677 !important;\n    background-color: #3f2677 !important;\n    background-image: none !important;\n    opacity: 1 !important;\n}\n\/* \uc2a4\ud06c\ub864 \ud6c4 \uba54\ub274 \uae00\uc790 *\/\nbody.hs-header-scrolled #masthead .main-header-menu > .menu-item > .menu-link,\nbody.hs-header-scrolled #masthead .main-navigation a,\nbody.hs-header-scrolled #masthead .site-branding .site-title a {\n    color: #ffffff !important;\n    text-shadow: none !important;\n}\n\/* \ud604\uc7ac \ud398\uc774\uc9c0\uc640 Hover *\/\nbody.hs-header-scrolled #masthead .main-header-menu > .current-menu-item > .menu-link,\nbody.hs-header-scrolled #masthead .main-header-menu > .menu-item:hover > .menu-link {\n    color: #ded3ff !important;\n}\n\/* Hide any duplicate\/second link in Astra header button wrap *\/\n.ast-builder-button-wrap a + a,\n.ast-builder-button-wrap a.menu-link,\n.ast-builder-button-wrap .ast-custom-button-link + a,\n.ast-header-button-1 a + a {\n  display: none !important;\n  visibility: hidden !important;\n  opacity: 0 !important;\n  width: 0 !important;\n  height: 0 !important;\n  pointer-events: none !important;\n}\n\n\/* \ud83d\udca1 50% LIGHTER HERO OVERLAY (HALF DARKNESS FOR CRISPER BRIGHTER VIDEO) *\/\n.hs-hero-slide .video-container::after,\n.hs-subhero-wrap .video-container::after,\n.hs-g-hero .hs-g-video-wrap::after,\n.hs-hero-overlay {\n  background: linear-gradient(180deg, rgba(20, 16, 38, 0.18) 0%, rgba(20, 16, 38, 0.36) 100%) !important;\n}\n\n.hs-hero-title, .hs-subhero-title, .hs-g-hero-title {\n  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.65), 0 1px 3px rgba(0, 0, 0, 0.8) !important;\n}\n\n.hs-hero-desc, .hs-subhero-desc, .hs-g-hero-desc {\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65) !important;\n}\n\n\n\/* \ud83c\udf1f CLASSES NAV ITEM AURORA BACKLIGHT GLOW PINPOINT FIX *\/\n.hs-classes-nav-item a.menu-link::before,\n.hs-classes-row > a::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: -4px !important; right: -4px !important; bottom: -4px !important; left: -4px !important;\n  width: calc(100% + 8px) !important; height: calc(100% + 8px) !important;\n  background: radial-gradient(ellipse at center, rgba(123, 104, 238, 0.75) 0%, rgba(157, 141, 241, 0.4) 45%, rgba(157, 141, 241, 0) 75%) !important;\n  border-radius: 999px !important; filter: blur(12px) !important; opacity: 0 !important; transform: scale(0.4) !important; pointer-events: none !important; z-index: -1 !important;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease !important;\n}\n<\/style>\n<script id=\"hs-header-pill-btn-script\">\n(function() {\n  if (window.location.pathname.indexOf('\/wp-admin') === -1) {\n    let ticking = false;\n    const updateHeaderState = () => {\n      var top = window.pageYOffset || window.scrollY || (document.documentElement && document.documentElement.scrollTop) || (document.body && document.body.scrollTop) || 0;\n      document.body.classList.toggle('hs-header-scrolled', top > 20);\n      ticking = false;\n    };\n    const requestHeaderUpdate = () => {\n      if (ticking) return;\n      window.requestAnimationFrame(updateHeaderState);\n      ticking = true;\n    };\n    window.addEventListener('scroll', requestHeaderUpdate, { passive: true });\n    window.addEventListener('resize', requestHeaderUpdate, { passive: true });\n    window.addEventListener('load', updateHeaderState);\n    if (document.readyState === 'loading') {\n      document.addEventListener('DOMContentLoaded', updateHeaderState);\n    } else {\n      updateHeaderState();\n    }\n  }\n\n  function fixSingleHeaderButton() {\n    var wrap = document.querySelector('.ast-builder-button-wrap, .ast-header-button-1');\n    if (wrap) {\n      var links = wrap.querySelectorAll('a');\n      if (links.length > 1) {\n        for (var i = 1; i < links.length; i++) {\n          links[i].remove();\n        }\n      }\n    }\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', fixSingleHeaderButton);\n  } else {\n    fixSingleHeaderButton();\n  }\n  window.addEventListener('resize', fixSingleHeaderButton);\n})();\n<\/script>\n\n\n<!-- HangulSpace Sub-Page: About -->\n<style>\n@media (min-width: 922px) {\n  #ast-mobile-header, .ast-mobile-header-wrap, .ast-mobile-header-content, .ast-builder-menu-mobile, .main-header-menu-toggle {\n    display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important;\n  }\n}\nhtml body, #page, .site, .site-content {\n  background-color: #F8F9FC !important;\n}\nhtml body #content, html body #content .ast-container, html body #primary, html body #main, html body .entry-content, html body .ast-article-single {\n  width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; overflow: visible !important; box-sizing: border-box !important; background-color: transparent !important;\n}\n:root {\n  --hs-primary: #5B4AA3; --hs-primary-light: #7E6CCA; --hs-accent-gold: #F5A623; --hs-dark: #1E1B2E; --hs-dark-card: #28243D; --hs-light-bg: #F8F9FC; --hs-font-heading: 'Outfit', 'Inter', -apple-system, sans-serif; --hs-font-body: 'Inter', -apple-system, sans-serif;\n}\n.hs-subpage-container { width: 100%; max-width: 100%; margin: 0 auto; font-family: var(--hs-font-body); color: #2D3748; box-sizing: border-box; }\n.hs-subhero-wrap {\n  width: 100vw !important; position: relative !important; max-width: 100vw !important; position: relative !important; left: 0 !important; right: 0 !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; transform: none !important; margin-top: -80px !important; height: 46vh !important; min-height: 380px !important; max-height: 460px !important; overflow: hidden !important; background-color: var(--hs-dark);\n}\n.hs-subhero-wrap .video-container { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; }\n.hs-subhero-wrap .video-container::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(20, 16, 38, 0.18) 0%, rgba(20, 16, 38, 0.36) 100%) !important; z-index: 2; }\n.hs-subhero-wrap video { width: 100%; height: 100%; object-fit: cover; object-position: center; }\n.hs-subhero-content { position: relative; z-index: 10; height: 100%; max-width: 1240px; margin: 0 auto; padding: 100px 24px 40px 24px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; color: #FFFFFF; }\n.hs-subhero-badge { display: inline-flex; align-items: center; gap: 10px; background: rgba(91, 74, 163, 0.35); backdrop-filter: blur(12px); border: 1px solid rgba(155, 142, 196, 0.4); padding: 6px 16px; border-radius: 999px; font-size: 13px; font-weight: 600; color: #FFFFFF !important; margin-bottom: 16px; }\n.hs-subhero-badge svg { stroke: #FFFFFF; width: 16px; height: 16px; }\n.hs-subhero-title { font-family: var(--hs-font-heading); font-size: clamp(30px, 4vw, 46px); font-weight: 700; line-height: 1.18; margin: 0 0 12px 0; color: #FFFFFF !important; text-shadow: 0 2px 16px rgba(0,0,0,0.3); }\n.hs-subhero-subtitle { font-size: clamp(14.5px, 1.6vw, 17.5px); font-weight: 400; line-height: 1.6; max-width: 680px; margin: 0 0 24px 0; color: rgba(255, 255, 255, 0.92) !important; }\n.hs-btn-group { display: flex; gap: 14px; flex-wrap: wrap; }\n.hs-btn-primary { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: linear-gradient(135deg, var(--hs-primary) 0%, var(--hs-primary-light) 100%); color: #FFFFFF !important; font-weight: 600; font-size: 15px; padding: 14px 28px; border-radius: 12px; text-decoration: none !important; box-shadow: 0 6px 20px rgba(91, 74, 163, 0.3); transition: all 0.3s ease; text-align: center; border: none; cursor: pointer; }\n.hs-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 10px 28px rgba(91, 74, 163, 0.45); color: #FFFFFF !important; }\n.hs-btn-glass { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: rgba(255, 255, 255, 0.12); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.3); color: #FFFFFF !important; font-weight: 600; font-size: 15px; padding: 14px 28px; border-radius: 12px; text-decoration: none !important; transition: all 0.3s ease; }\n.hs-btn-glass:hover { background: rgba(255, 255, 255, 0.22); transform: translateY(-2px); color: #FFFFFF !important; }\n.hs-section { padding: 72px 24px; }\n.hs-section-light { background: #FFFFFF; }\n.hs-section-gray { background: var(--hs-light-bg); }\n.hs-section-header { text-align: center; max-width: 720px; margin: 0 auto 48px auto; }\n.hs-section-tag { color: var(--hs-primary) !important; font-weight: 700; font-size: 13px; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 10px; display: block; }\n.hs-section-title { font-family: var(--hs-font-heading); font-size: clamp(24px, 3.2vw, 38px); font-weight: 700; color: var(--hs-dark) !important; margin: 0 0 14px 0; line-height: 1.25; }\n.hs-section-subtitle { font-size: 15.5px; color: #4A5568 !important; line-height: 1.6; margin: 0; }\n.hs-grid-3 { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 28px; }\n\/* \ud83c\udf1f SUMMARY CARDS (EQUAL VISUAL WEIGHT) *\/\n.hs-pillar-card { background: #FFFFFF; border-radius: 18px; padding: 36px 30px; border: 1px solid #E2E8F0; box-shadow: 0 4px 20px rgba(0,0,0,0.03); transition: all 0.35s ease; display: flex; flex-direction: column; justify-content: flex-start; height: 100%; box-sizing: border-box; }\n.hs-pillar-card:hover { transform: translateY(-5px); border-color: rgba(91, 74, 163, 0.35); box-shadow: 0 16px 36px rgba(91, 74, 163, 0.1); }\n.hs-pillar-icon { width: 56px; height: 56px; border-radius: 16px; background: rgba(91, 74, 163, 0.08); display: flex; align-items: center; justify-content: center; margin-bottom: 22px; flex-shrink: 0; }\n.hs-pillar-card h3 { font-size: 20px; font-weight: 700; color: var(--hs-dark) !important; margin: 0 0 12px 0; }\n.hs-pillar-card p { font-size: 14.5px; color: #4A5568 !important; line-height: 1.6; margin: 0; }\n\/* \ud83c\udf1f TWO-COLUMN ROW *\/\n.hs-detail-row { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }\n@media (max-width: 921px) { .hs-detail-row { grid-template-columns: 1fr; gap: 36px; } }\n.hs-detail-media { width: 100%; border-radius: 20px; overflow: hidden; position: relative; box-shadow: 0 12px 36px rgba(0,0,0,0.08); background: var(--hs-dark); aspect-ratio: 16\/10; }\n.hs-detail-media video { width: 100%; height: 100%; object-fit: cover; }\n.hs-detail-info h2 { font-family: var(--hs-font-heading); font-size: clamp(26px, 3vw, 36px); font-weight: 700; color: var(--hs-dark) !important; margin: 8px 0 16px 0; line-height: 1.25; }\n.hs-detail-info p { font-size: 15.5px; color: #4A5568 !important; line-height: 1.65; margin: 0 0 20px 0; }\n\/* \ud83c\udf1f 3-STEP PROCESS CARDS *\/\n.hs-process-grid { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; position: relative; }\n@media (max-width: 800px) { .hs-process-grid { grid-template-columns: 1fr; gap: 20px; } }\n.hs-process-card { background: #FFFFFF; border-radius: 18px; padding: 32px 24px; border: 1px solid #E2E8F0; text-align: center; position: relative; box-shadow: 0 4px 18px rgba(0,0,0,0.02); }\n.hs-process-num { width: 44px; height: 44px; border-radius: 50%; background: var(--hs-primary); color: #FFFFFF; font-weight: 800; font-size: 18px; display: flex; align-items: center; justify-content: center; margin: 0 auto 18px auto; box-shadow: 0 6px 16px rgba(91, 74, 163, 0.3); }\n.hs-process-card h3 { font-size: 19px; font-weight: 700; color: var(--hs-dark) !important; margin: 0 0 8px 0; }\n.hs-process-card p { font-size: 14px; color: #4A5568 !important; line-height: 1.55; margin: 0; }\n\/* \ud83c\udf1f 4 INFORMATION STANDARDS GRID *\/\n.hs-standards-grid { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 24px; }\n.hs-standard-item { background: #FFFFFF; border-radius: 16px; padding: 28px 24px; border: 1px solid #E2E8F0;  box-shadow: 0 4px 16px rgba(0,0,0,0.02); }\n.hs-standard-item h4 { font-size: 17px; font-weight: 700; color: var(--hs-dark) !important; margin: 0 0 8px 0; display: flex; align-items: center; gap: 10px; }\n.hs-standard-item p { font-size: 14px; color: #4A5568 !important; line-height: 1.6; margin: 0; }\n\/* \ud83c\udf1f WHO WE SERVE TAGS *\/\n.hs-audience-wrap { max-width: 900px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }\n.hs-audience-tag { background: #FFFFFF; border: 1px solid #CBD5E0; padding: 14px 24px; border-radius: 999px; font-size: 15px; font-weight: 600; color: var(--hs-dark) !important; box-shadow: 0 2px 10px rgba(0,0,0,0.03); transition: all 0.25s ease; }\n.hs-audience-tag:hover { border-color: var(--hs-primary); color: var(--hs-primary) !important; transform: translateY(-2px); box-shadow: 0 6px 18px rgba(91, 74, 163, 0.12); }\n<\/style>\n\n<div class=\"hs-subpage-container\">\n  <!-- COMPACT HERO VIDEO HEADER -->\n  <div class=\"hs-subhero-wrap alignfull breakout-section\">\n    <div class=\"video-container\">\n      <video autoplay muted loop playsinline webkit-playsinline preload=\"metadata\" poster=\"https:\/\/hangulspace.audio-files.com\/hero\/hero-settlement-poster-v1.jpg\">\n        <source src=\"https:\/\/hangulspace.audio-files.com\/hero\/hero-settlement-desktop-v1.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n    <div class=\"hs-subhero-content\">\n      <span class=\"hs-subhero-badge\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg> ABOUT HANGULSPACE<\/span>\n      <h1 class=\"hs-subhero-title\">Clearer Steps for Life in Korea<\/h1>\n      <p class=\"hs-subhero-subtitle\">Practical guidance, useful tools, and personal support for navigating everyday life in Korea.<\/p>\n      <div class=\"hs-btn-group\">\n        <a href=\"\/guides\/\" class=\"hs-btn-primary\">Explore Free Guides \u2192<\/a>\n        <a href=\"\/services\/\" class=\"hs-btn-glass\">Get Personal Support \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PART 1: 3 SUMMARY PILLARS (EQUAL VISUAL WEIGHT) -->\n  <!-- hs-subpage-marker: about -->\n  <section class=\"hs-section hs-section-light\">\n    <div class=\"hs-grid-3\">\n      <!-- PILLAR 1 -->\n      <div class=\"hs-pillar-card\">\n        <div class=\"hs-pillar-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg><\/div>\n        <h3>Practical Guides<\/h3>\n        <p>Clear information for housing, visas, healthcare, work, and daily life.<\/p>\n      <\/div>\n\n      <!-- PILLAR 2 -->\n      <div class=\"hs-pillar-card\">\n        <div class=\"hs-pillar-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg><\/div>\n        <h3>Decision-Support Tools<\/h3>\n        <p>Simple checks and estimators to help you prepare before making a commitment.<\/p>\n      <\/div>\n\n      <!-- PILLAR 3 -->\n      <div class=\"hs-pillar-card\">\n        <div class=\"hs-pillar-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11 15h2a2 2 0 1 0 0-4h-3c-.6 0-1.1.2-1.4.6L3 17\"\/><path d=\"m7 21 1.6-1.4c.4-.4.9-.6 1.4-.6h4c1.7 0 3-1.3 3-3V7c0-1.7-1.3-3-3-3H7\"\/><path d=\"M7 21v-4\"\/><\/svg><\/div>\n        <h3>Personal Support<\/h3>\n        <p>Person-to-person help when local systems or language barriers become difficult.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PART 2: DETAILED SECTION 1 \u2014 WHY HANGULSPACE EXISTS -->\n  <section class=\"hs-section hs-section-gray\">\n    <div class=\"hs-detail-row\">\n      <div class=\"hs-detail-media\">\n        <video autoplay muted loop playsinline webkit-playsinline preload=\"none\" poster=\"https:\/\/hangulspace.audio-files.com\/hero\/hero-support-poster-v1.jpg\">\n          <source src=\"https:\/\/hangulspace.audio-files.com\/hero\/hero-support-desktop-v1.mp4\" type=\"video\/mp4\">\n        <\/video>\n      <\/div>\n      <div class=\"hs-detail-info\">\n        <span class=\"hs-section-tag\">WHY HANGULSPACE EXISTS<\/span>\n        <h2>Living in a New Country Should Feel More Understandable<\/h2>\n        <p>Important information about housing, visas, healthcare, banking, and work is often scattered across different websites, languages, and administrative systems.<\/p>\n        <p>HangulSpace brings practical information, self-check tools, community knowledge, and personal assistance together in one accessible place.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PART 3: DETAILED SECTION 2 \u2014 HOW IT WORKS (3-STEP PROCESS) -->\n  <section class=\"hs-section hs-section-light\">\n    <div class=\"hs-section-header\">\n      <span class=\"hs-section-tag\">HOW IT WORKS<\/span>\n      <h2 class=\"hs-section-title\">From Information to Personal Help<\/h2>\n      <p class=\"hs-section-subtitle\">A simple 3-step approach designed to remove confusion and save you time.<\/p>\n    <\/div>\n\n    <div class=\"hs-process-grid\">\n      <div class=\"hs-process-card\">\n        <div class=\"hs-process-num\">1<\/div>\n        <h3>1. Understand<\/h3>\n        <p>Read clear guides about the process.<\/p>\n      <\/div>\n      <div class=\"hs-process-card\">\n        <div class=\"hs-process-num\">2<\/div>\n        <h3>2. Check<\/h3>\n        <p>Use practical tools and community knowledge.<\/p>\n      <\/div>\n      <div class=\"hs-process-card\">\n        <div class=\"hs-process-num\">3<\/div>\n        <h3>3. Get Help<\/h3>\n        <p>Request person-to-person support when needed.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PART 4: DETAILED SECTION 3 \u2014 OUR INFORMATION STANDARDS -->\n  <section class=\"hs-section hs-section-gray\">\n    <div class=\"hs-section-header\">\n      <span class=\"hs-section-tag\">OUR INFORMATION STANDARDS<\/span>\n      <h2 class=\"hs-section-title\">Clear Information. Transparent Boundaries.<\/h2>\n      <p class=\"hs-section-subtitle\">Our commitment to transparency, accuracy, and clear expectations.<\/p>\n    <\/div>\n\n    <div class=\"hs-standards-grid\">\n      <div class=\"hs-standard-item\">\n        <h4><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Clear Sources<\/h4>\n        <p>Link important factual claims to relevant official resources whenever available.<\/p>\n      <\/div>\n      <div class=\"hs-standard-item\">\n        <h4><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Visible Review Dates<\/h4>\n        <p>Display review or update dates for time-sensitive guides.<\/p>\n      <\/div>\n      <div class=\"hs-standard-item\">\n        <h4><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Clear Service Boundaries<\/h4>\n        <p>Distinguish practical guidance from legal, medical, financial, or official professional determinations.<\/p>\n      <\/div>\n      <div class=\"hs-standard-item\">\n        <h4><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#5B4AA3\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg> Plain-Language Explanations<\/h4>\n        <p>Explain complex Korean systems and terminology clearly.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- PART 5: DETAILED SECTION 4 \u2014 WHO WE SERVE -->\n  <section class=\"hs-section hs-section-light\">\n    <div class=\"hs-section-header\">\n      <span class=\"hs-section-tag\">WHO WE SERVE<\/span>\n      <h2 class=\"hs-section-title\">Built for International Life in Korea<\/h2>\n      <p class=\"hs-section-subtitle\">Empowering diverse international communities across South Korea.<\/p>\n    <\/div>\n\n    <div class=\"hs-audience-wrap\">\n      <span class=\"hs-audience-tag\">\ud83c\udf93 International Students<\/span>\n      <span class=\"hs-audience-tag\">\u2708\ufe0f Working Holiday Residents<\/span>\n      <span class=\"hs-audience-tag\">\ud83d\udcbc Foreign Professionals<\/span>\n      <span class=\"hs-audience-tag\">\ud83c\udfe1 New Residents and Families<\/span>\n      <span class=\"hs-audience-tag\">\ud83c\udf10 Anyone Navigating Korea in a New Language<\/span>\n    <\/div>\n  <\/section>\n\n  <!-- PART 6: FINAL CTA SECTION -->\n  <section class=\"hs-section hs-section-gray\" style=\"text-align:center;\">\n    <div style=\"max-width:700px; margin:0 auto;\">\n      <h2 class=\"hs-section-title\">Start with the Information You Need<\/h2>\n      <p class=\"hs-section-subtitle\" style=\"margin-bottom:32px;\">Explore practical guides, ask the community, or request personal support.<\/p>\n      <div class=\"hs-btn-group\" style=\"justify-content:center;\">\n        <a href=\"\/guides\/\" class=\"hs-btn-primary\">Explore Guides \u2192<\/a>\n        <a href=\"\/services\/\" class=\"hs-btn-glass\" style=\"color:var(--hs-dark) !important; border-color:#CBD5E0;\">Get Personal Support \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n<\/div>\n\n\n\n\n<style>\n\/* \ud83d\udeab HIDE TWO HERO CTA BUTTONS INSIDE SUB-HERO SECTIONS AS REQUESTED *\/\n.hs-btn-group,\n.hs-subhero-actions,\n.hs-hero-btns,\n.hs-subhero-btns {\n  display: none !important;\n  visibility: hidden !important;\n  height: 0 !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n}\n<\/style>\n\n<!-- \ud83c\udf1f HANGULSPACE PERMANENT HEADER LOCK (WHITE PILL BUTTON + PURPLE DROPDOWN HOVER PILL) -->\n<style>\n\/* \ud83c\udf1f 1. ALL HEADER MENU LINKS: 100% PURE WHITE TEXT *\/\nhtml body #ast-desktop-header .main-header-menu .menu-item > a,\nhtml body:not(.ast-theme-transparent-header) #ast-desktop-header .main-header-menu .menu-item > a,\nhtml body:not(.ast-theme-transparent-header) #ast-desktop-header .main-header-menu .current-menu-item > a,\nhtml body:not(.ast-theme-transparent-header) #ast-desktop-header .main-header-menu .menu-item:hover > a,\nhtml body #ast-desktop-header .main-header-menu .hs-classes-nav-item > a,\nhtml body #ast-desktop-header .main-header-menu .hs-classes-nav-item:hover > a,\nhtml body #ast-desktop-header .main-header-menu .hs-classes-nav-item.current-menu-item > a,\nhtml body.hs-header-scrolled #masthead .main-header-menu .menu-item > a,\nhtml body.admin-bar #masthead a,\n#masthead a.menu-link,\n.hs-classes-nav-item a,\n.hs-services-nav-item a,\n.hs-active-nav-link,\n.menu-item.current-menu-item > a,\n.menu-item.current-menu-item > .menu-link {\n  color: #FFFFFF !important;\n  fill: #FFFFFF !important;\n  font-weight: 700 !important;\n  font-size: 14.5px !important;\n  position: relative !important;\n  padding: 8px 18px !important;\n  text-shadow: 0 0 14px rgba(255, 255, 255, 0.75), 0 2px 10px rgba(0, 0, 0, 0.9) !important;\n  background: transparent !important;\n  border: none !important;\n  border-radius: 999px !important;\n  box-shadow: none !important;\n  outline: none !important;\n  text-transform: none !important;\n  letter-spacing: 0.3px !important;\n  opacity: 1 !important;\n  isolation: isolate !important;\n  overflow: visible !important;\n  z-index: 1 !important;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), text-shadow 0.25s ease !important;\n}\n\n\/* \ud83c\udf1f 2. AURORA AMBIENT RADIAL BACKLIGHT GLOW (::before) *\/\nhtml body #ast-desktop-header .main-header-menu > .menu-item > a::before,\n.main-header-menu .menu-link::before {\n  content: \"\" !important;\n  position: absolute !important;\n  top: -4px !important;\n  right: -4px !important;\n  bottom: -4px !important;\n  left: -4px !important;\n  width: calc(100% + 8px) !important;\n  height: calc(100% + 8px) !important;\n  background: radial-gradient(\n    ellipse at center,\n    rgba(123, 104, 238, 0.75) 0%,\n    rgba(157, 141, 241, 0.4) 45%,\n    rgba(157, 141, 241, 0) 75%\n  ) !important;\n  border-radius: 999px !important;\n  filter: blur(12px) !important;\n  opacity: 0 !important;\n  transform: scale(0.4) !important;\n  pointer-events: none !important;\n  z-index: -1 !important;\n  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease !important;\n}\n\nhtml body #ast-desktop-header .main-header-menu > .menu-item:hover > a::before,\nhtml body #ast-desktop-header .main-header-menu > .menu-item.current-menu-item > a::before,\n.hs-classes-nav-item:hover a::before,\n.hs-classes-nav-item:hover .hs-classes-row > a::before,\n.hs-classes-nav-item.current-menu-item a::before,\n.hs-classes-nav-item .hs-active-nav-link::before,\n.hs-classes-row > a.hs-active-nav-link::before,\n.hs-active-nav-link::before {\n  opacity: 1 !important;\n  transform: scale(1.15) !important;\n}\n\n\/* \ud83c\udf1f 3. AURORA UNDERLINE INDICATOR BAR (::after) *\/\n#ast-hf-menu-1 .menu-link::after,\n.main-header-menu .menu-link::after,\n.ast-nav-menu a::after {\n  content: '' !important;\n  position: absolute !important;\n  bottom: -2px !important;\n  left: 12% !important;\n  width: 76% !important;\n  height: 2.5px !important;\n  background: linear-gradient(90deg, transparent, #BCA7FF, #E7DFFF, transparent) !important;\n  box-shadow: 0 0 10px #BCA7FF, 0 0 18px #E7DFFF !important;\n  border-radius: 999px !important;\n  opacity: 0 !important;\n  transform: scaleX(0.3) !important;\n  transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;\n}\n\n#ast-hf-menu-1 .menu-link:hover::after,\n.main-header-menu .menu-link:hover::after,\n.hs-classes-nav-item a.menu-link:hover::after,\n.hs-services-nav-item a.menu-link:hover::after,\n.menu-item.current-menu-item .menu-link::after,\n.hs-active-nav-link::after {\n  opacity: 1 !important;\n  transform: scaleX(1) !important;\n}\n\n\/* \ud83c\udf1f 4. CONTACT US SOLID WHITE ROUNDED PILL BUTTON (SCREENSHOT 1 EXACT MATCH) *\/\nhtml body #ast-desktop-header .ast-custom-button-link,\nhtml body #ast-desktop-header .ast-header-button-1 a,\nhtml body #ast-desktop-header .ast-builder-button-wrap a,\nhtml body .ast-builder-button-wrap a,\nhtml body a.ast-custom-button-link,\n.ast-custom-button-link,\n.ast-header-button-1 a,\n.ast-builder-button-wrap a {\n  white-space: nowrap !important;\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: auto !important;\n  min-width: 124px !important;\n  height: auto !important;\n  padding: 10px 24px !important;\n  border-radius: 999px !important;\n  writing-mode: horizontal-tb !important;\n  text-decoration: none !important;\n  color: #5B4AA3 !important;\n  background-color: #FFFFFF !important;\n  background: #FFFFFF !important;\n  font-weight: 700 !important;\n  font-size: 14.5px !important;\n  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25), 0 0 12px rgba(255, 255, 255, 0.4) !important;\n  text-shadow: none !important;\n  border: none !important;\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\nhtml body #ast-desktop-header .ast-custom-button-link:hover,\nhtml body #ast-desktop-header .ast-header-button-1 a:hover,\nhtml body #ast-desktop-header .ast-builder-button-wrap a:hover,\n.ast-custom-button-link:hover,\n.ast-header-button-1 a:hover,\n.ast-builder-button-wrap a:hover {\n  background-color: #F0EEFA !important;\n  background: #F0EEFA !important;\n  color: #433388 !important;\n  transform: translateY(-2px) !important;\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;\n}\n\n\/* \ud83c\udf1f 5. DROPDOWN BRIGHT PURPLE HOVER PILL (SCREENSHOT 2 EXACT MATCH) *\/\n.hs-dropdown-menu {\n  position: relative !important;\n  display: inline-block !important;\n}\n.hs-dropdown-content {\n  display: none !important;\n  position: absolute !important;\n  top: 100% !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  background: rgba(25, 22, 40, 0.95) !important;\n  min-width: 240px !important;\n  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 20px rgba(188, 167, 255, 0.15) !important;\n  border-radius: 18px !important;\n  padding: 8px !important;\n  z-index: 999999 !important;\n  border: 1px solid rgba(188, 167, 255, 0.3) !important;\n  backdrop-filter: blur(20px) !important;\n  animation: hsDropdownAppear 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;\n}\n@keyframes hsDropdownAppear {\n  from { opacity: 0; transform: translate(-50%, 12px) scale(0.97); }\n  to { opacity: 1; transform: translate(-50%, 0) scale(1); }\n}\n.hs-dropdown-menu:hover .hs-dropdown-content {\n  display: block !important;\n}\n.hs-dropdown-content a {\n  color: #FFFFFF !important;\n  padding: 9px 16px !important;\n  margin: 4px 0 !important;\n  line-height: 1.35 !important;\n  font-size: 13.5px !important;\n  font-weight: 700 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: flex-start !important;\n  border-radius: 10px !important;\n  text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;\n  box-shadow: none !important;\n  text-decoration: none !important;\n  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important;\n}\n.hs-dropdown-content a::after {\n  display: none !important;\n}\n.hs-dropdown-content a:hover,\n.hs-dropdown-content a:focus {\n  background-color: #7B68EE !important;\n  background: #7B68EE !important;\n  color: #FFFFFF !important;\n  text-shadow: 0 0 14px rgba(255, 255, 255, 0.95) !important;\n  border-radius: 10px !important;\n  transform: translateX(4px) !important;\n  box-shadow: 0 4px 14px rgba(123, 104, 238, 0.5) !important;\n}\n\n.ast-header-button-2, .ast-header-button-3 {\n  display: none !important;\n}\n<\/style>\n<script>\n(function() {\n  function renderPureWhiteHeader() {\n    var menus = document.querySelectorAll('#ast-hf-menu-1, .main-header-menu');\n    if (!menus.length) return;\n\n    var cleanHtml = \n      '<li class=\"menu-item\"><a href=\"https:\/\/hangulspace.com\/\" class=\"menu-link\">Home<\/a><\/li>' +\n      '<li class=\"menu-item\"><a href=\"https:\/\/hangulspace.com\/guides\/\" class=\"menu-link\">Guides<\/a><\/li>' +\n      '<li class=\"menu-item hs-dropdown-menu hs-classes-nav-item\">' +\n        '<a href=\"https:\/\/hangulspace.com\/classes\/\" class=\"menu-link\">Classes<\/a>' +\n        '<div class=\"hs-dropdown-content\">' +\n          '<a href=\"https:\/\/hangulspace.com\/classes\/\">All Classes & Pricing<\/a>' +\n          '<a href=\"https:\/\/hangulspace.com\/classes\/#learn-korean\">Learn Korean<\/a>' +\n          '<a href=\"https:\/\/hangulspace.com\/classes\/#learn-english\">Learn English<\/a>' +\n          '<a href=\"https:\/\/hangulspace.com\/classes\/#teacher-development\">Korean Teacher Development<\/a>' +\n        '<\/div>' +\n      '<\/li>' +\n      '<li class=\"menu-item\"><a href=\"https:\/\/hangulspace.com\/services\/\" class=\"menu-link\">Services<\/a><\/li>' +\n      '<li class=\"menu-item\"><a href=\"https:\/\/hangulspace.com\/tools\/\" class=\"menu-link\">Free Tools<\/a><\/li>' +\n      '<li class=\"menu-item\"><a href=\"https:\/\/hangulspace.com\/community\/\" class=\"menu-link\">Community<\/a><\/li>' +\n      '<li class=\"menu-item\"><a href=\"https:\/\/hangulspace.com\/about\/\" class=\"menu-link\">About<\/a><\/li>';\n\n    menus.forEach(function(m) {\n      m.innerHTML = cleanHtml;\n    });\n\n    \/\/ Highlight active link based on current path (Always keep text white!)\n    var path = window.location.pathname;\n    var allLinks = document.querySelectorAll('#ast-hf-menu-1 a, .main-header-menu a');\n    allLinks.forEach(function(a) {\n      a.style.color = '#FFFFFF';\n      var href = a.getAttribute('href');\n      if (href) {\n        if (path === '\/' && href === 'https:\/\/hangulspace.com\/') {\n          a.classList.add('hs-active-nav-link');\n        } else if (path !== '\/' && href.indexOf(path) !== -1) {\n          a.classList.add('hs-active-nav-link');\n        }\n      }\n    });\n\n    \/\/ Single Button Deduping Logic (Contact Us White Pill Button)\n    var btns = document.querySelectorAll('.ast-custom-button-link, .ast-header-button-1 a, .ast-builder-button-wrap a, a.ast-custom-button-link');\n    if (btns.length > 0) {\n      for (var i = 0; i < btns.length; i++) {\n        if (i === 0) {\n          btns[i].textContent = 'Contact Us';\n          btns[i].href = 'https:\/\/hangulspace.com\/contact\/';\n          btns[i].style.display = 'inline-flex';\n          btns[i].style.visibility = 'visible';\n          btns[i].style.color = '#5B4AA3';\n          btns[i].style.backgroundColor = '#FFFFFF';\n          btns[i].style.borderRadius = '999px';\n        } else {\n          btns[i].style.display = 'none';\n          btns[i].style.visibility = 'hidden';\n        }\n      }\n    }\n  }\n\n  renderPureWhiteHeader();\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', renderPureWhiteHeader);\n  } else {\n    renderPureWhiteHeader();\n  }\n  setTimeout(renderPureWhiteHeader, 100);\n  setTimeout(renderPureWhiteHeader, 500);\n})();\n<\/script>\n\n<style id=\"hs-global-mobile-header-fix\">\n@media (max-width: 921px) {\n  html body .hs-hero-slider-wrap.alignfull,\n  html body .hs-hero-slider-wrap,\n  html body .hs-g-hero,\n  html body .hs-classes-hero-wrap,\n  html body .hs-services-hero-wrap,\n  html body .hs-subhero-wrap {\n    margin-top: 0 !important;\n  }\n\n  html body #masthead #ast-mobile-header .main-header-menu a.menu-link {\n    color: #2a1b4e !important;\n    text-shadow: none !important;\n  }\n}\n<\/style>\n<style id=\"hs-mobile-nav-fix-css\">\/* ==========================================================================    HANGULSPACE (\ud55c\uae00\uc2a4\ud398\uc774\uc2a4) \u2014 ULTIMATE AURORA SIGNATURE HEADER MASTER CSS        \uc801\uc6a9 \uc704\uce58:    \uc6cc\ub4dc\ud504\ub808\uc2a4 \uad00\ub9ac\uc790 \u2192 \uc678\ubaa8 \u2192 \uc0ac\uc6a9\uc790 \uc815\uc758\ud558\uae30 \u2192 \ucd94\uac00 CSS    (WP Admin \u2192 Appearance \u2192 Customize \u2192 Additional CSS)     \uc720\uc9c0 \uace0\uc815 \ub514\uc790\uc778 \uaddc\uaca9 (Screenshot 1 & 2):    1. 100% \uca0d\ud558\uace0 \uc120\uba85\ud55c \uc21c\ubc31\uc0c9(#FFFFFF) \uae00\uc790\uc0c9 \uace0\uc815 (Classes \ud398\uc774\uc9c0 \ud074\ub9ad\/\ud638\ubc84\/\ud65c\uc131\ud654 \ubaa8\ub4dc \ud3ec\ud568 \uc804\uccb4 \uace0\uc815)    2. \uc624\ub85c\ub77c \ud37c\ud50c \ubabd\ud658\uc801\uc778 \ubc29\uc0ac\ud615 \ubc31\ub77c\uc774\ud2b8 \uc544\uc6b0\ub77c \uae00\ub85c\uc6b0(::before) \uc720\uc9c0 (Free Tools \ucea1\ucc98\ubcf8 \uc2a4\ud0c0\uc77c)    3. \uc6b0\uce21 Contact Us \uc54c\uc57d(Pill) \ud615\ud0dc\uc758 \ud504\ub9ac\ubbf8\uc5c4 \ud654\uc774\ud2b8 \ubc84\ud2bc \uace0\uc815 (\ubc30\uacbd #FFFFFF, \uae00\uc790 #5B4AA3, border-radius 999px) [Screenshot 1]    4. \ud65c\uc131\ud654\/\ud638\ubc84 \ud56d\ubaa9 \ud558\ub2e8\uc5d0\ub9cc \uc624\ub85c\ub77c \ubcf4\ub77c\uc0c9 \uae00\ub85c\uc6b0 \uc5b8\ub354\ub77c\uc778 \uc778\ub514\ucf00\uc774\ud130(::after) \ub3d9\uc2dc \uc801\uc6a9    5. \ub7ed\uc154\ub9ac \ub4dc\ub86d\ub2e4\uc6b4 \uc720\uc9c0 (Screenshot 2): \ub525 \ud37c\ud50c \uae00\ub798\uc2a4\ubaa8\ud53c\uc998 + \ud638\ubc84 \uc2dc \ubc1d\uc740 \ubcf4\ub77c\uc0c9 \uc54c\uc57d \ubc15\uc2a4(#7B68EE) & \uca0d\ud55c \uc21c\ubc31\uc0c9 \uae00\uc790    ========================================================================== *\/  \/* \ud83c\udf1f 1. ALL DESKTOP HEADER MENU LINKS: 100% PURE WHITE TEXT (@media min-width 922px) *\/ @media (min-width: 922px) {   html body #ast-desktop-header .main-header-menu .menu-item > a,   html body:not(.ast-theme-transparent-header) #ast-desktop-header .main-header-menu .menu-item > a,   html body:not(.ast-theme-transparent-header) #ast-desktop-header .main-header-menu .current-menu-item > a,   html body:not(.ast-theme-transparent-header) #ast-desktop-header .main-header-menu .menu-item:hover > a,   html body #ast-desktop-header .main-header-menu .hs-classes-nav-item > a,   html body #ast-desktop-header .main-header-menu .hs-classes-nav-item:hover > a,   html body #ast-desktop-header .main-header-menu .hs-classes-nav-item.current-menu-item > a,   html body.hs-header-scrolled #masthead .main-header-menu .menu-item > a,   html body.admin-bar #masthead a,   #masthead a.menu-link,   .hs-classes-nav-item a,   .hs-services-nav-item a,   .hs-active-nav-link,   .menu-item.current-menu-item > a,   .menu-item.current-menu-item > .menu-link {     color: #FFFFFF !important;     fill: #FFFFFF !important;     font-weight: 700 !important;     font-size: 14.5px !important;     position: relative !important;     padding: 8px 18px !important;     text-shadow: 0 0 14px rgba(255, 255, 255, 0.75), 0 2px 10px rgba(0, 0, 0, 0.9) !important;     background: transparent !important;     border: none !important;     border-radius: 999px !important;     box-shadow: none !important;     outline: none !important;     text-transform: none !important;     letter-spacing: 0.3px !important;     opacity: 1 !important;     isolation: isolate !important;     overflow: visible !important;     z-index: 1 !important;     transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), text-shadow 0.25s ease !important;   } }  \/* \ud83c\udf1f 2. AURORA AMBIENT RADIAL BACKLIGHT GLOW (::before) *\/ html body #ast-desktop-header .main-header-menu > .menu-item > a::before, .main-header-menu .menu-link::before {   content: \"\" !important;   position: absolute !important;   top: -4px !important;   right: -4px !important;   bottom: -4px !important;   left: -4px !important;   width: calc(100% + 8px) !important;   height: calc(100% + 8px) !important;   background: radial-gradient(     ellipse at center,     rgba(123, 104, 238, 0.75) 0%,     rgba(157, 141, 241, 0.4) 45%,     rgba(157, 141, 241, 0) 75%   ) !important;   border-radius: 999px !important;   filter: blur(12px) !important;   opacity: 0 !important;   transform: scale(0.4) !important;   pointer-events: none !important;   z-index: -1 !important;   transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease !important; }  html body #ast-desktop-header .main-header-menu > .menu-item:hover > a::before, html body #ast-desktop-header .main-header-menu > .menu-item.current-menu-item > a::before,\n.hs-classes-nav-item:hover a::before,\n.hs-classes-nav-item:hover .hs-classes-row > a::before,\n.hs-classes-nav-item.current-menu-item a::before,\n.hs-classes-nav-item .hs-active-nav-link::before,\n.hs-classes-row > a.hs-active-nav-link::before, .hs-active-nav-link::before {   opacity: 1 !important;   transform: scale(1.15) !important; }  \/* \ud83c\udf1f 3. AURORA UNDERLINE INDICATOR BAR (::after) *\/ #ast-hf-menu-1 .menu-link::after, .main-header-menu .menu-link::after, .ast-nav-menu a::after {   content: '' !important;   position: absolute !important;   bottom: -2px !important;   left: 12% !important;   width: 76% !important;   height: 2.5px !important;   background: linear-gradient(90deg, transparent, #BCA7FF, #E7DFFF, transparent) !important;   box-shadow: 0 0 10px #BCA7FF, 0 0 18px #E7DFFF !important;   border-radius: 999px !important;   opacity: 0 !important;   transform: scaleX(0.3) !important;   transition: opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1), transform 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important; }  #ast-hf-menu-1 .menu-link:hover::after, .main-header-menu .menu-link:hover::after, .hs-classes-nav-item a.menu-link:hover::after, .hs-services-nav-item a.menu-link:hover::after, .menu-item.current-menu-item .menu-link::after, .hs-active-nav-link::after {   opacity: 1 !important;   transform: scaleX(1) !important; }  \/* \ud83c\udf1f 4. CONTACT US SOLID WHITE ROUNDED PILL BUTTON (SCREENSHOT 1 EXACT MATCH) *\/ html body #ast-desktop-header .ast-custom-button-link, html body #ast-desktop-header .ast-header-button-1 a, html body #ast-desktop-header .ast-builder-button-wrap a, html body .ast-builder-button-wrap a, html body a.ast-custom-button-link, .ast-custom-button-link, .ast-header-button-1 a, .ast-builder-button-wrap a {   white-space: nowrap !important;   display: inline-flex !important;   align-items: center !important;   justify-content: center !important;   width: auto !important;   min-width: 124px !important;   height: auto !important;   padding: 10px 24px !important;   border-radius: 999px !important;   writing-mode: horizontal-tb !important;   text-decoration: none !important;   color: #5B4AA3 !important;   background-color: #FFFFFF !important;   background: #FFFFFF !important;   font-weight: 700 !important;   font-size: 14.5px !important;   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.25), 0 0 12px rgba(255, 255, 255, 0.4) !important;   text-shadow: none !important;   border: none !important;   transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } html body #ast-desktop-header .ast-custom-button-link:hover, html body #ast-desktop-header .ast-header-button-1 a:hover, html body #ast-desktop-header .ast-builder-button-wrap a:hover, .ast-custom-button-link:hover, .ast-header-button-1 a:hover, .ast-builder-button-wrap a:hover {   background-color: #F0EEFA !important;   background: #F0EEFA !important;   color: #433388 !important;   transform: translateY(-2px) !important;   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important; }  \/* \ud83c\udf1f 5. DROPDOWN BRIGHT PURPLE HOVER PILL (SCREENSHOT 2 EXACT MATCH) *\/ .hs-dropdown-menu {   position: relative !important;   display: inline-block !important; } .hs-dropdown-content {   display: none !important;   position: absolute !important;   top: 100% !important;   left: 50% !important;   transform: translateX(-50%) !important;   background: rgba(25, 22, 40, 0.95) !important;   min-width: 240px !important;   box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6), 0 0 20px rgba(188, 167, 255, 0.15) !important;   border-radius: 18px !important;   padding: 8px !important;   z-index: 999999 !important;   border: 1px solid rgba(188, 167, 255, 0.3) !important;   backdrop-filter: blur(20px) !important;   animation: hsDropdownAppear 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important; } @keyframes hsDropdownAppear {   from { opacity: 0; transform: translate(-50%, 12px) scale(0.97); }   to { opacity: 1; transform: translate(-50%, 0) scale(1); } } .hs-dropdown-menu:hover .hs-dropdown-content {   display: block !important; } .hs-dropdown-content a {   color: #FFFFFF !important;   padding: 9px 16px !important;   margin: 4px 0 !important;   line-height: 1.35 !important;   font-size: 13.5px !important;   font-weight: 700 !important;   display: flex !important;   align-items: center !important;   justify-content: flex-start !important;   border-radius: 10px !important;   text-shadow: 0 0 10px rgba(255, 255, 255, 0.5) !important;   box-shadow: none !important;   text-decoration: none !important;   transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease !important; } .hs-dropdown-content a::after {   display: none !important; } .hs-dropdown-content a:hover, .hs-dropdown-content a:focus {   background-color: #7B68EE !important;   background: #7B68EE !important;   color: #FFFFFF !important;   text-shadow: 0 0 14px rgba(255, 255, 255, 0.95) !important;   border-radius: 10px !important;   transform: translateX(4px) !important;   box-shadow: 0 4px 14px rgba(123, 104, 238, 0.5) !important; }  .ast-header-button-2, .ast-header-button-3 {   display: none !important; }  \/* ==========================================================================    \ud83c\udf1f 6. PURE INLINE SVG ARROW & ZERO COLLAPSED GAP (@media max-width 921px)    - Pure Vector SVG Arrow Icon (Zero broken math symbols\/gibberish)    - 0px Vertical Blank Gap when collapsed (height: 0, margin: 0, padding: 0)    - Soft Pastel Lavender Card for Submenu Items    - 0px Overlap (Zero Vertical\/Horizontal Collision)    ========================================================================== *\/ @media (min-width: 922px) {   .hs-classes-toggle-btn {     display: none !important;   } }  @media (max-width: 921px) {   .ast-mobile-header-content,   .ast-builder-menu-mobile {     background-color: #FFFFFF !important;     background: #FFFFFF !important;     border-top: none !important;     border-bottom: none !important;     box-shadow: 0 12px 36px rgba(42, 27, 78, 0.08) !important;     max-height: calc(100vh - 70px) !important;     overflow-y: auto !important;     -webkit-overflow-scrolling: touch !important;     padding: 8px 16px 20px 16px !important;   }    \/* Remove default Astra ugly black border lines *\/   .ast-mobile-header-content *,   .ast-builder-menu-mobile * {     border-color: transparent !important;   }    \/* Main Navigation Menu Items: Row Dividers & Clean Typography *\/   .main-header-menu .menu-item,   .ast-mobile-header-content .menu-item {     border-bottom: 1px solid #F0EBFA !important;     border-top: none !important;     margin: 0 !important;   }    .main-header-menu .menu-item:last-child,   .ast-mobile-header-content .menu-item:last-child {     border-bottom: none !important;   }    .main-header-menu .hs-classes-row,   .ast-mobile-header-content .hs-classes-row {     display: flex !important;     align-items: center !important;     justify-content: space-between !important;     width: 100% !important;   }    .main-header-menu .menu-item > a,   .ast-mobile-header-content .menu-item > a,   .ast-builder-menu-mobile .menu-item > a,   .hs-classes-row > a,   .ast-mobile-header-content a.menu-link,   .ast-builder-menu-mobile a.menu-link {     color: #211C35 !important;     font-size: 15px !important;     font-weight: 700 !important;     padding: 12px 14px !important;     height: 48px !important;     max-height: 48px !important;     min-height: 48px !important;     flex: 1 !important;     display: flex !important;     align-items: center !important;     text-shadow: none !important;     background: transparent !important;     border: none !important;     border-radius: 0 !important;   }    \/* Active page highlight on mobile: Soft lavender background & Deep Purple text *\/   .ast-mobile-header-content a.hs-active-nav-link,   .ast-builder-menu-mobile a.hs-active-nav-link {     color: #5B4AA3 !important;     background: #F0EEFA !important;     border-radius: 8px !important;   }    \/* Dedicated Arrow Button with Bold Vivid Dark Purple SVG Icon *\/   .hs-classes-toggle-btn {     display: inline-flex !important;     align-items: center !important;     justify-content: center !important;     width: 44px !important;     height: 44px !important;     background: #F0EEFA !important;     border: 1.5px solid #CBD0F7 !important;     border-radius: 12px !important;     cursor: pointer !important;     margin-right: 8px !important;     box-shadow: 0 2px 6px rgba(91, 74, 163, 0.12) !important;     transition: transform 0.25s ease, background 0.2s ease, border-color 0.2s ease !important;   }    .hs-classes-toggle-btn svg {     width: 16px !important;     min-width: 16px !important;     max-width: 16px !important;     height: 16px !important;     min-height: 16px !important;     max-height: 16px !important;     display: block !important;     flex-shrink: 0 !important;     transition: transform 0.25s ease !important;   }    .hs-classes-toggle-btn svg path {     stroke: #433388 !important;     stroke-width: 2.8px !important;     transition: stroke 0.2s ease !important;   }    \/* Expanded State: Deep Purple Background & Pure White SVG Arrow *\/   .hs-classes-nav-item.hs-accordion-expanded .hs-classes-toggle-btn {     background: #5B4AA3 !important;     border-color: #5B4AA3 !important;     box-shadow: 0 4px 12px rgba(91, 74, 163, 0.3) !important;   }    .hs-classes-nav-item.hs-accordion-expanded .hs-classes-toggle-btn svg {     transform: rotate(180deg) !important;   }    .hs-classes-nav-item.hs-accordion-expanded .hs-classes-toggle-btn svg path {     stroke: #FFFFFF !important;   }    \/* Remove blurry glowing line under menu items on mobile *\/   .main-header-menu .menu-link::after,   .ast-mobile-header-content .menu-link::after {     display: none !important;     content: none !important;   }    \/* Submenu Container: Collapsed by default (display: none), ZERO height & margin *\/   .main-header-menu .hs-dropdown-content,   .ast-mobile-header-content .hs-dropdown-content {     position: static !important;     top: auto !important;     left: auto !important;     transform: none !important;     display: none !important;     visibility: hidden !important;     opacity: 0 !important;     height: 0 !important;     min-height: 0 !important;     margin: 0 !important;     padding: 0 !important;     border: none !important;     overflow: hidden !important;     width: 100% !important;   }    \/* Expanded State via Arrow Button Tap: Full Height & Soft Lavender Card *\/   .main-header-menu .hs-classes-nav-item.hs-accordion-expanded .hs-dropdown-content,   .ast-mobile-header-content .hs-classes-nav-item.hs-accordion-expanded .hs-dropdown-content {     display: block !important;     visibility: visible !important;     opacity: 1 !important;     height: auto !important;     background: #F4F0FA !important;     border: 1px solid #EBE5F5 !important;     border-radius: 12px !important;     margin: 8px 0 12px 0 !important;     padding: 6px 8px !important;     animation: hsSlideDown 0.22s ease-out !important;   }    @keyframes hsSlideDown {     from { opacity: 0; transform: translateY(-4px); }     to { opacity: 1; transform: translateY(0); }   }    \/* Submenu Items inside Pastel Card *\/   .main-header-menu .hs-dropdown-content a,   .ast-mobile-header-content .hs-dropdown-content a {     color: #5B4AA3 !important;     background: #FFFFFF !important;     border: 1px solid #DDD6F3 !important;     font-size: 13.5px !important;     font-weight: 600 !important;     padding: 9px 14px !important;     margin: 4px 0 !important;     border-radius: 8px !important;     display: block !important;     text-shadow: none !important;     box-shadow: 0 1px 3px rgba(91, 74, 163, 0.05) !important;   }    .main-header-menu .hs-dropdown-content a:hover,   .main-header-menu .hs-dropdown-content a:active,   .main-header-menu .hs-dropdown-content a.hs-active-nav-link {     background: #5B4AA3 !important;     color: #FFFFFF !important;     border-color: #5B4AA3 !important;   } }       <\/style><script id=\"hs-header-js-injector\">eval(atob(\"LyogPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0KICAgSEFOR1VMU1BBQ0UgKO2VnOq4gOyKpO2OmOydtOyKpCkg4oCUIEhFQURFUiBKQVZBU0NSSVBUIElOSkVDVE9SCiAgIAogICDsmqnrj4Q6CiAgIDEuIOyDgeuLqCDrhKTruYTqsozsnbTshZggRE9NIOuplOuJtCDtla3rqqkoSG9tZSwgR3VpZGVzLCBDbGFzc2VzLCBTZXJ2aWNlcywgRnJlZSBUb29scywgQ29tbXVuaXR5LCBBYm91dCkg7J6Q64+ZIOugjOuNlOungQogICAyLiDtmITsnqwg7KCR7IaNIFVSTCDquLDrsJjsnLzroZwg7Iic67Cx7IOJKCNGRkZGRkYpIO2ZnOyEse2ZlCDtgbTrnpjsiqQoaHMtYWN0aXZlLW5hdi1saW5rKSDsnpDrj5kg67aA7JesCiAgIDMuIOyasOy4oSBDb250YWN0IFVzIOuyhO2KvCDspJHrs7Ug7IOd7ISxIOuwqeyngCDrsI8g64uo7J28IOuyhO2KvCDrp4Htgawg7Jyg7KeACiAgID09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09ICovCgooZnVuY3Rpb24oKSB7CiAgZnVuY3Rpb24gcmVuZGVyUHVyZVdoaXRlSGVhZGVyKCkgewogICAgdmFyIG1lbnVzID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnI2FzdC1oZi1tZW51LTEsICNhc3QtaGYtbW9iaWxlLW1lbnUsIC5tYWluLWhlYWRlci1tZW51LCAuYXN0LWJ1aWxkZXItbWVudS1tb2JpbGUgLm1haW4taGVhZGVyLW1lbnUnKTsKICAgIGlmICghbWVudXMubGVuZ3RoKSByZXR1cm47CgogICAgdmFyIGJvbGRTdmdJY29uID0gJzxzdmcgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQgNkw4IDEwTDEyIDYiIHN0cm9rZT0iIzQzMzM4OCIgc3Ryb2tlLXdpZHRoPSIyLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPic7CgogICAgdmFyIGNsZWFuSHRtbCA9IAogICAgICAnPGxpIGNsYXNzPSJtZW51LWl0ZW0iPjxhIGhyZWY9Imh0dHBzOi8vaGFuZ3Vsc3BhY2UuY29tLyIgY2xhc3M9Im1lbnUtbGluayI+SG9tZTwvYT48L2xpPicgKwogICAgICAnPGxpIGNsYXNzPSJtZW51LWl0ZW0iPjxhIGhyZWY9Imh0dHBzOi8vaGFuZ3Vsc3BhY2UuY29tL2d1aWRlcy8iIGNsYXNzPSJtZW51LWxpbmsiPkd1aWRlczwvYT48L2xpPicgKwogICAgICAnPGxpIGNsYXNzPSJtZW51LWl0ZW0gbWVudS1pdGVtLWhhcy1jaGlsZHJlbiBocy1kcm9wZG93bi1tZW51IGhzLWNsYXNzZXMtbmF2LWl0ZW0iPicgKwogICAgICAgICc8ZGl2IGNsYXNzPSJocy1jbGFzc2VzLXJvdyI+JyArCiAgICAgICAgICAnPGEgaHJlZj0iaHR0cHM6Ly9oYW5ndWxzcGFjZS5jb20vY2xhc3Nlcy8iIGNsYXNzPSJtZW51LWxpbmsiPkNsYXNzZXM8L2E+JyArCiAgICAgICAgICAnPGJ1dHRvbiB0eXBlPSJidXR0b24iIGNsYXNzPSJocy1jbGFzc2VzLXRvZ2dsZS1idG4iIGFyaWEtbGFiZWw9IlRvZ2dsZSBDbGFzc2VzIFN1Ym1lbnUiPicgKyBib2xkU3ZnSWNvbiArICc8L2J1dHRvbj4nICsKICAgICAgICAnPC9kaXY+JyArCiAgICAgICAgJzxkaXYgY2xhc3M9ImhzLWRyb3Bkb3duLWNvbnRlbnQiPicgKwogICAgICAgICAgJzxhIGhyZWY9Imh0dHBzOi8vaGFuZ3Vsc3BhY2UuY29tL2NsYXNzZXMvIj5BbGwgQ2xhc3NlcyAmIFByaWNpbmc8L2E+JyArCiAgICAgICAgICAnPGEgaHJlZj0iaHR0cHM6Ly9oYW5ndWxzcGFjZS5jb20vY2xhc3Nlcy8jbGVhcm4ta29yZWFuIj5MZWFybiBLb3JlYW48L2E+JyArCiAgICAgICAgICAnPGEgaHJlZj0iaHR0cHM6Ly9oYW5ndWxzcGFjZS5jb20vY2xhc3Nlcy8jbGVhcm4tZW5nbGlzaCI+TGVhcm4gRW5nbGlzaDwvYT4nICsKICAgICAgICAgICc8YSBocmVmPSJodHRwczovL2hhbmd1bHNwYWNlLmNvbS9jbGFzc2VzLyN0ZWFjaGVyLWRldmVsb3BtZW50Ij5Lb3JlYW4gVGVhY2hlciBEZXZlbG9wbWVudDwvYT4nICsKICAgICAgICAnPC9kaXY+JyArCiAgICAgICc8L2xpPicgKwogICAgICAnPGxpIGNsYXNzPSJtZW51LWl0ZW0iPjxhIGhyZWY9Imh0dHBzOi8vaGFuZ3Vsc3BhY2UuY29tL3NlcnZpY2VzLyIgY2xhc3M9Im1lbnUtbGluayI+U2VydmljZXM8L2E+PC9saT4nICsKICAgICAgJzxsaSBjbGFzcz0ibWVudS1pdGVtIj48YSBocmVmPSJodHRwczovL2hhbmd1bHNwYWNlLmNvbS90b29scy8iIGNsYXNzPSJtZW51LWxpbmsiPkZyZWUgVG9vbHM8L2E+PC9saT4nICsKICAgICAgJzxsaSBjbGFzcz0ibWVudS1pdGVtIj48YSBocmVmPSJodHRwczovL2hhbmd1bHNwYWNlLmNvbS9jb21tdW5pdHkvIiBjbGFzcz0ibWVudS1saW5rIj5Db21tdW5pdHk8L2E+PC9saT4nICsKICAgICAgJzxsaSBjbGFzcz0ibWVudS1pdGVtIj48YSBocmVmPSJodHRwczovL2hhbmd1bHNwYWNlLmNvbS9hYm91dC8iIGNsYXNzPSJtZW51LWxpbmsiPkFib3V0PC9hPjwvbGk+JzsKCiAgICBtZW51cy5mb3JFYWNoKGZ1bmN0aW9uKG0pIHsKICAgICAgaWYgKCFtLmdldEF0dHJpYnV0ZSgnZGF0YS1ocy1pbmplY3RlZCcpIHx8IG0ucXVlcnlTZWxlY3RvckFsbCgnLmhzLWNsYXNzZXMtdG9nZ2xlLWJ0bicpLmxlbmd0aCA9PT0gMCkgewogICAgICAgIG0uc2V0QXR0cmlidXRlKCdkYXRhLWhzLWluamVjdGVkJywgJ3RydWUnKTsKICAgICAgICBtLmlubmVySFRNTCA9IGNsZWFuSHRtbDsKICAgICAgfQogICAgfSk7CgogICAgdmFyIHRvZ2dsZUJ0bnMgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yQWxsKCcuaHMtY2xhc3Nlcy10b2dnbGUtYnRuJyk7CiAgICB0b2dnbGVCdG5zLmZvckVhY2goZnVuY3Rpb24oYnRuKSB7CiAgICAgIGlmICghYnRuLmdldEF0dHJpYnV0ZSgnZGF0YS1ocy1ib3VuZCcpKSB7CiAgICAgICAgYnRuLnNldEF0dHJpYnV0ZSgnZGF0YS1ocy1ib3VuZCcsICd0cnVlJyk7CiAgICAgICAgdmFyIGhhbmRsZVRvZ2dsZSA9IGZ1bmN0aW9uKGUpIHsKICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTsKICAgICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7CiAgICAgICAgICB2YXIgbmF2SXRlbSA9IGJ0bi5jbG9zZXN0KCcuaHMtY2xhc3Nlcy1uYXYtaXRlbScpOwogICAgICAgICAgaWYgKG5hdkl0ZW0pIHsKICAgICAgICAgICAgbmF2SXRlbS5jbGFzc0xpc3QudG9nZ2xlKCdocy1hY2NvcmRpb24tZXhwYW5kZWQnKTsKICAgICAgICAgIH0KICAgICAgICB9OwogICAgICAgIGJ0bi5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIGhhbmRsZVRvZ2dsZSk7CiAgICAgICAgYnRuLmFkZEV2ZW50TGlzdGVuZXIoJ3RvdWNoc3RhcnQnLCBoYW5kbGVUb2dnbGUsIHsgcGFzc2l2ZTogZmFsc2UgfSk7CiAgICAgIH0KICAgIH0pOwoKICAgIHZhciBwYXRoID0gd2luZG93LmxvY2F0aW9uLnBhdGhuYW1lOwogICAgdmFyIGFsbExpbmtzID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvckFsbCgnI2FzdC1oZi1tZW51LTEgYSwgI2FzdC1oZi1tb2JpbGUtbWVudSBhLCAubWFpbi1oZWFkZXItbWVudSBhJyk7CiAgICBhbGxMaW5rcy5mb3JFYWNoKGZ1bmN0aW9uKGEpIHsKICAgICAgdmFyIGhyZWYgPSBhLmdldEF0dHJpYnV0ZSgnaHJlZicpOwogICAgICBpZiAoaHJlZikgewogICAgICAgIGlmIChwYXRoID09PSAnLycgJiYgaHJlZiA9PT0gJ2h0dHBzOi8vaGFuZ3Vsc3BhY2UuY29tLycpIHsKICAgICAgICAgIGEuY2xhc3NMaXN0LmFkZCgnaHMtYWN0aXZlLW5hdi1saW5rJyk7CiAgICAgICAgfSBlbHNlIGlmIChwYXRoICE9PSAnLycgJiYgaHJlZi5pbmRleE9mKHBhdGgpICE9PSAtMSkgewogICAgICAgICAgYS5jbGFzc0xpc3QuYWRkKCdocy1hY3RpdmUtbmF2LWxpbmsnKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0pOwoKICAgIHZhciBidG5XcmFwcyA9IGRvY3VtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5hc3QtaGVhZGVyLWJ1dHRvbi0xJyk7CiAgICBidG5XcmFwcy5mb3JFYWNoKGZ1bmN0aW9uKHdyYXApIHsKICAgICAgdmFyIHJlYWxCdG4gPSB3cmFwLnF1ZXJ5U2VsZWN0b3IoJ2EuYXN0LWN1c3RvbS1idXR0b24tbGluaycpOwogICAgICB2YXIgZHVwZXMgPSB3cmFwLnF1ZXJ5U2VsZWN0b3JBbGwoJ2EubWVudS1saW5rJyk7CgogICAgICBpZiAocmVhbEJ0bikgewogICAgICAgIHZhciBsYWJlbCA9IHJlYWxCdG4ucXVlcnlTZWxlY3RvcignLmFzdC1jdXN0b20tYnV0dG9uJyk7CiAgICAgICAgaWYgKGxhYmVsKSBsYWJlbC50ZXh0Q29udGVudCA9ICdDb250YWN0IFVzJzsKCiAgICAgICAgcmVhbEJ0bi5ocmVmID0gJ2h0dHBzOi8vaGFuZ3Vsc3BhY2UuY29tL2NvbnRhY3QvJzsKICAgICAgICByZWFsQnRuLnN0eWxlLmRpc3BsYXkgPSAnaW5saW5lLWZsZXgnOwogICAgICAgIHJlYWxCdG4uc3R5bGUudmlzaWJpbGl0eSA9ICd2aXNpYmxlJzsKICAgICAgICByZWFsQnRuLnN0eWxlLmNvbG9yID0gJyM1QjRBQTMnOwogICAgICB9CgogICAgICBkdXBlcy5mb3JFYWNoKGZ1bmN0aW9uKGQpIHsKICAgICAgICBkLnN0eWxlLmRpc3BsYXkgPSAnbm9uZSc7CiAgICAgICAgZC5zdHlsZS52aXNpYmlsaXR5ID0gJ2hpZGRlbic7CiAgICAgIH0pOwogICAgfSk7CiAgfQoKICBpZiAoZG9jdW1lbnQucmVhZHlTdGF0ZSA9PT0gJ2xvYWRpbmcnKSB7CiAgICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCdET01Db250ZW50TG9hZGVkJywgcmVuZGVyUHVyZVdoaXRlSGVhZGVyKTsKICB9IGVsc2UgewogICAgcmVuZGVyUHVyZVdoaXRlSGVhZGVyKCk7CiAgfQoKICBkb2N1bWVudC5hZGRFdmVudExpc3RlbmVyKCd0b3VjaHN0YXJ0JywgZnVuY3Rpb24oZSkgewogICAgaWYgKGUudGFyZ2V0LmNsb3Nlc3QoJy5tYWluLWhlYWRlci1tZW51LXRvZ2dsZSwgLmFzdC1tb2JpbGUtbWVudS10cmlnZ2VyLCAubWVudS10b2dnbGUnKSkgewogICAgICByZW5kZXJQdXJlV2hpdGVIZWFkZXIoKTsKICAgIH0KICB9LCB7IHBhc3NpdmU6IHRydWUgfSk7CgogIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgZnVuY3Rpb24oZSkgewogICAgaWYgKGUudGFyZ2V0LmNsb3Nlc3QoJy5tYWluLWhlYWRlci1tZW51LXRvZ2dsZSwgLmFzdC1tb2JpbGUtbWVudS10cmlnZ2VyLCAubWVudS10b2dnbGUnKSkgewogICAgICByZW5kZXJQdXJlV2hpdGVIZWFkZXIoKTsKICAgIH0KICB9KTsKCiAgc2V0SW50ZXJ2YWwocmVuZGVyUHVyZVdoaXRlSGVhZGVyLCAyNTApOwp9KSgpOwo=\"));<\/script>","protected":false},"excerpt":{"rendered":"<p>ABOUT HANGULSPACE Clearer Steps for Life in Korea Practical guidance, useful tools, and personal support for navigating everyday life in Korea. Explore Free Guides \u2192 Get Personal Support \u2192 Practical Guides Clear information for housing, visas, healthcare, work, and daily life. Decision-Support Tools Simple checks and estimators to help you prepare before making a commitment. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"stretched","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"enabled","header-above-stick-meta":"","header-main-stick-meta":"disabled","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1393","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/pages\/1393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/comments?post=1393"}],"version-history":[{"count":89,"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/pages\/1393\/revisions"}],"predecessor-version":[{"id":4945,"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/pages\/1393\/revisions\/4945"}],"wp:attachment":[{"href":"https:\/\/hangulspace.com\/id\/wp-json\/wp\/v2\/media?parent=1393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}