{"id":4143,"date":"2026-07-30T13:27:14","date_gmt":"2026-07-30T13:27:14","guid":{"rendered":"https:\/\/hangulspace.com\/classes\/"},"modified":"2026-08-17T18:25:25","modified_gmt":"2026-08-17T18:25:25","slug":"classes","status":"publish","type":"page","link":"https:\/\/hangulspace.com\/zh\/classes\/","title":{"rendered":"\u7c7b"},"content":{"rendered":"<style>\n\/* =====================================================\n   HANGUL SPACE \u2014 CLASSES & PRICING PAGE STYLES (v1)\n   Design System: Modern Pastel Violet (#5B4AA3)\n   Card Aesthetic: Top Photo Header + Dark Purple Icon Badge\n   Interactive Pill & Card Focus Highlights\n   ===================================================== *\/\n\n\/* \ud83d\udeab FORCE DISABLE ASTRA SIDEBAR & MAKE FULL WIDTH *\/\n#secondary,\n.widget-area,\n.ast-right-sidebar #secondary,\n.ast-left-sidebar #secondary {\n  display: none !important;\n  visibility: hidden !important;\n  width: 0 !important;\n  height: 0 !important;\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n\n#primary,\n.site-main,\n.ast-article-single,\n.entry-content,\n.ast-container,\n.site-content {\n  width: 100% !important;\n  max-width: 100% !important;\n  flex: 0 0 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\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}\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  background-color: #F8F9FC !important;\n  font-family: 'Inter', -apple-system, sans-serif !important;\n  color: #211C35 !important;\n}\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  background-color: transparent !important;\n  padding: 0 !important;\n  margin: 0 !important;\n  max-width: 100% !important;\n  width: 100% !important;\n}\n\n\/* Video & Overlay Pointer Events Safeguard *\/\nvideo, .video-container, .hs-subhero-wrap .video-container, .hs-subhero-wrap::after {\n  pointer-events: none !important;\n}\n\n\/* Header Sticky Setup *\/\n#masthead, #masthead .ast-primary-header-bar, #masthead .site-primary-header-wrap {\n  transition: background-color 0.32s ease, box-shadow 0.32s ease !important;\n}\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  box-shadow: 0 10px 30px rgba(31, 17, 65, 0.24) !important;\n}\n\n\/* Anchor Sticky Header Offset *\/\n#learn-korean,\n#learn-english,\n#teacher-development,\n.hs-anchor-target {\n  scroll-margin-top: 110px !important;\n}\n\n\/* \ud83c\udf1f LESSON 04 FULL-BLEED TRANSFORM BREAKOUT HERO SECTION *\/\n.hs-classes-hero-wrap,\n.breakout-section {\n  position: relative !important;\n  width: 100vw !important;\n  max-width: 100vw !important;\n  left: 50% !important;\n  right: auto !important;\n  transform: translateX(-50%) !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n  margin-top: -80px !important;\n  height: 480px !important;\n  max-height: 520px !important;\n  overflow: hidden !important;\n  background-color: #141026 !important;\n  box-sizing: border-box !important;\n}\n\n.hs-classes-hero-wrap .video-container {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n\n.hs-classes-hero-wrap .video-container::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(180deg, rgba(20, 16, 38, 0.25) 0%, rgba(20, 16, 38, 0.55) 100%) !important;\n  z-index: 2;\n}\n\n.hs-classes-hero-wrap video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n}\n\n.hs-classes-hero-content {\n  position: relative;\n  z-index: 10;\n  height: 100%;\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 95px 24px 30px 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: flex-start;\n  color: #FFFFFF;\n}\n\n.hs-classes-hero-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  background: rgba(91, 74, 163, 0.4);\n  backdrop-filter: blur(12px);\n  border: 1px solid rgba(221, 214, 243, 0.45);\n  border-radius: 999px;\n  padding: 6px 16px;\n  font-size: 13px;\n  font-weight: 700;\n  color: #DDD6F3;\n  margin-bottom: 14px;\n  text-transform: uppercase;\n  letter-spacing: 1.2px;\n}\n\n.hs-classes-hero-title {\n  font-family: 'Outfit', 'Inter', sans-serif !important;\n  font-size: clamp(32px, 4vw, 48px) !important;\n  font-weight: 800 !important;\n  color: #FFFFFF !important;\n  margin: 0 0 12px 0 !important;\n  line-height: 1.15 !important;\n  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.65) !important;\n}\n\n.hs-classes-hero-desc {\n  font-size: clamp(15px, 1.8vw, 17.5px) !important;\n  color: rgba(255, 255, 255, 0.92) !important;\n  max-width: 680px !important;\n  margin: 0 !important;\n  line-height: 1.6 !important;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65) !important;\n}\n\n\/* Page Internal Quick Navigation Pills *\/\n.hs-quick-nav-bar {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n  margin-bottom: 40px;\n  flex-wrap: wrap;\n}\n\n.hs-quick-nav-pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 10px 22px;\n  background: #FFFFFF;\n  border: 1px solid #DDD6F3;\n  border-radius: 999px;\n  color: #5B4AA3;\n  font-size: 13.5px;\n  font-weight: 700;\n  text-decoration: none !important;\n  box-shadow: 0 4px 14px rgba(91, 74, 163, 0.05);\n  transition: all 0.28s cubic-bezier(0.22, 1, 0.36, 1);\n  cursor: pointer;\n}\n\n.hs-quick-nav-pill:hover,\n.hs-quick-nav-pill.active {\n  background: #5B4AA3 !important;\n  color: #FFFFFF !important;\n  border-color: #5B4AA3 !important;\n  transform: translateY(-2px);\n  box-shadow: 0 6px 20px rgba(91, 74, 163, 0.3) !important;\n  text-decoration: none !important;\n}\n\n\/* Main Content Container *\/\n.hs-classes-main-container {\n  max-width: 1240px;\n  margin: 0 auto;\n  padding: 60px 24px 90px 24px;\n}\n\n.hs-section-header {\n  text-align: center;\n  margin-bottom: 48px;\n}\n\n.hs-section-tag {\n  font-size: 13px;\n  font-weight: 700;\n  color: #5B4AA3;\n  text-transform: uppercase;\n  letter-spacing: 1.5px;\n  margin-bottom: 8px;\n  display: block;\n}\n\n.hs-section-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 34px;\n  font-weight: 800;\n  color: #211C35;\n  margin: 0 0 12px 0;\n}\n\n.hs-section-subtitle {\n  font-size: 16px;\n  color: #554D74;\n  max-width: 640px;\n  margin: 0 auto;\n  line-height: 1.6;\n}\n\n\/* \ud83d\udcf8 PHOTO CARD DESIGN WITH INTERACTIVE HIGHLIGHT EFFECTS *\/\n.hs-classes-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 28px;\n  margin-bottom: 60px;\n}\n\n@media (max-width: 992px) {\n  .hs-classes-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n  .hs-classes-hero-wrap {\n    height: 360px !important;\n  }\n}\n\n.hs-class-card {\n  background: #FFFFFF;\n  border: 1px solid #DDD6F3;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 8px 30px rgba(91, 74, 163, 0.06);\n  transition: all 0.35s cubic-bezier(0.22, 1, 0.36, 1);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  position: relative;\n}\n\n.hs-class-card:hover {\n  transform: translateY(-6px);\n  box-shadow: 0 16px 40px rgba(91, 74, 163, 0.14);\n  border-color: #7E6CCA;\n}\n\n\/* \ud83c\udf1f ACTIVE HIGHLIGHT EFFECT WHEN CLICKED FROM PILL *\/\n@keyframes hsCardFocusPulse {\n  0% { box-shadow: 0 0 0 0 rgba(91, 74, 163, 0.4); }\n  70% { box-shadow: 0 0 0 14px rgba(91, 74, 163, 0); }\n  100% { box-shadow: 0 0 0 0 rgba(91, 74, 163, 0); }\n}\n\n.hs-class-card.hs-card-highlighted {\n  border-color: #5B4AA3 !important;\n  border-width: 2px !important;\n  transform: translateY(-8px) scale(1.02) !important;\n  box-shadow: 0 20px 48px rgba(91, 74, 163, 0.24) !important;\n  outline: 2px solid rgba(91, 74, 163, 0.35) !important;\n  outline-offset: 4px !important;\n  animation: hsCardFocusPulse 1.2s ease-out !important;\n  z-index: 10 !important;\n}\n\n\/* Top Photo Header *\/\n.hs-card-img-wrap {\n  width: 100%;\n  height: 190px;\n  overflow: hidden;\n  position: relative;\n  background: #1E1B2E;\n}\n\n.hs-card-img-wrap img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center;\n  transition: transform 0.5s ease;\n}\n\n.hs-class-card:hover .hs-card-img-wrap img,\n.hs-class-card.hs-card-highlighted .hs-card-img-wrap img {\n  transform: scale(1.06);\n}\n\n\/* Body Content Below Image *\/\n.hs-card-body-content {\n  padding: 28px;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  justify-content: space-between;\n}\n\n\/* Dark Purple Transparent Icon Badge *\/\n.hs-card-icon-badge {\n  width: 44px;\n  height: 44px;\n  border-radius: 12px;\n  background: rgba(91, 74, 163, 0.12);\n  border: 1px solid rgba(91, 74, 163, 0.2);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: #5B4AA3;\n  margin-bottom: 16px;\n  transition: all 0.3s ease;\n}\n\n.hs-class-card.hs-card-highlighted .hs-card-icon-badge {\n  background: #5B4AA3 !important;\n  color: #FFFFFF !important;\n  transform: scale(1.1);\n}\n\n.hs-card-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 22px;\n  font-weight: 800;\n  color: #211C35;\n  margin: 0 0 8px 0;\n  letter-spacing: 0.5px;\n}\n\n.hs-card-subtitle {\n  font-size: 14px;\n  color: #554D74;\n  margin: 0 0 16px 0;\n  line-height: 1.55;\n}\n\n.hs-card-price-tag {\n  display: inline-block;\n  background: #F5F3FB;\n  border: 1px solid #DDD6F3;\n  color: #5B4AA3;\n  font-size: 12.5px;\n  font-weight: 700;\n  padding: 6px 14px;\n  border-radius: 8px;\n  margin-bottom: 18px;\n}\n\n.hs-card-bullets {\n  list-style: none;\n  padding: 0;\n  margin: 0 0 24px 0;\n}\n\n.hs-card-bullets li {\n  font-size: 13.5px;\n  color: #4A4560;\n  margin-bottom: 8px;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-weight: 500;\n}\n\n.hs-card-bullets li::before {\n  content: \"\u2022\";\n  color: #5B4AA3;\n  font-weight: bold;\n}\n\n.hs-card-link-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  color: #5B4AA3;\n  font-weight: 700;\n  font-size: 14px;\n  text-decoration: none !important;\n  transition: all 0.25s ease;\n  margin-top: auto;\n}\n\n.hs-card-link-btn:hover {\n  color: #453589;\n  transform: translateX(4px);\n  text-decoration: none !important;\n}\n\n\/* Category Tabs & Pricing Tables Section *\/\n.hs-tabs-container {\n  background: #FFFFFF;\n  border: 1px solid #DDD6F3;\n  border-radius: 20px;\n  padding: 36px;\n  margin-bottom: 60px;\n  box-shadow: 0 8px 30px rgba(91, 74, 163, 0.05);\n}\n\n.hs-tab-buttons {\n  display: flex;\n  gap: 12px;\n  border-bottom: 2px solid #EEEAFC;\n  padding-bottom: 16px;\n  margin-bottom: 30px;\n  flex-wrap: wrap;\n}\n\n.hs-tab-btn {\n  padding: 10px 22px;\n  background: #F5F3FB;\n  border: 1px solid #DDD6F3;\n  border-radius: 12px;\n  color: #554D74;\n  font-weight: 700;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.3s ease;\n}\n\n.hs-tab-btn:hover {\n  background: #E8E3F5;\n  color: #5B4AA3;\n}\n\n.hs-tab-btn.active {\n  background: #5B4AA3;\n  color: #FFFFFF;\n  border-color: #5B4AA3;\n  box-shadow: 0 4px 14px rgba(91, 74, 163, 0.25);\n}\n\n.hs-tab-panel {\n  display: none;\n}\n.hs-tab-panel.active {\n  display: block;\n}\n\n.hs-pricing-table-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n  gap: 20px;\n}\n\n.hs-pricing-card {\n  background: #F8F7FC;\n  border: 1px solid #E6E1F7;\n  border-radius: 16px;\n  padding: 22px 24px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n\n.hs-pricing-card-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 18px;\n  font-weight: 700;\n  color: #211C35;\n  margin: 0 0 6px 0;\n}\n\n.hs-pricing-card-specs {\n  font-size: 13px;\n  color: #625B84;\n  margin: 0 0 16px 0;\n  line-height: 1.5;\n}\n\n.hs-pricing-card-price {\n  font-size: 22px;\n  font-weight: 800;\n  color: #5B4AA3;\n  margin: 0 0 4px 0;\n}\n\n.hs-pricing-card-unit {\n  font-size: 12px;\n  color: #8C84B0;\n  margin: 0 0 16px 0;\n}\n\n\/* \ud83d\udeab NO UNDERLINE ON BUTTONS AT ALL *\/\n.hs-pricing-card-btn,\n.hs-pricing-card-btn:hover,\n.hs-pricing-card-btn:focus,\na.hs-pricing-card-btn,\n.hs-card-btn,\n.hs-card-btn:hover,\n.hs-contact-box-btn,\n.hs-contact-box-btn:hover {\n  text-decoration: none !important;\n}\n\n.hs-pricing-card-btn {\n  display: inline-flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding: 10px 16px !important;\n  background: #FFFFFF !important;\n  border: 1px solid #5B4AA3 !important;\n  color: #5B4AA3 !important;\n  font-weight: 700 !important;\n  font-size: 13px !important;\n  border-radius: 8px !important;\n  text-decoration: none !important;\n  transition: all 0.25s ease !important;\n}\n\n.hs-pricing-card-btn:hover {\n  background: #5B4AA3 !important;\n  color: #FFFFFF !important;\n  text-decoration: none !important;\n}\n\n\/* Feature Inclusion List *\/\n.hs-included-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 24px;\n  margin-bottom: 60px;\n}\n@media (max-width: 768px) {\n  .hs-included-grid { grid-template-columns: 1fr; }\n}\n\n.hs-included-box {\n  background: #FFFFFF;\n  border: 1px solid #DDD6F3;\n  border-radius: 16px;\n  padding: 24px;\n}\n.hs-included-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 17px;\n  font-weight: 700;\n  color: #211C35;\n  margin: 0 0 8px 0;\n}\n.hs-included-desc {\n  font-size: 13.5px;\n  color: #554D74;\n  margin: 0;\n  line-height: 1.55;\n}\n\n\/* Policies & FAQ Box *\/\n.hs-policy-box {\n  background: #F5F3FB;\n  border: 1px solid #DDD6F3;\n  border-radius: 16px;\n  padding: 24px 28px;\n  margin-bottom: 50px;\n  font-size: 13.5px;\n  color: #554D74;\n  line-height: 1.6;\n}\n.hs-policy-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  color: #5B4AA3;\n  margin: 0 0 8px 0;\n}\n\n\/* Final Contact Box *\/\n.hs-classes-contact-box {\n  background: #211C35;\n  color: #FFFFFF;\n  border-radius: 20px;\n  padding: 44px 32px;\n  text-align: center;\n  max-width: 860px;\n  margin: 0 auto;\n  box-shadow: 0 10px 30px rgba(33, 28, 53, 0.15);\n}\n.hs-contact-box-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 26px;\n  font-weight: 800;\n  margin: 0 0 10px 0;\n}\n.hs-contact-box-desc {\n  font-size: 15px;\n  color: #C4BDDF;\n  margin: 0 0 24px 0;\n  line-height: 1.6;\n}\n.hs-contact-box-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  padding: 13px 30px;\n  background: #FFFFFF;\n  color: #5B4AA3;\n  font-weight: 700;\n  font-size: 15px;\n  border-radius: 999px;\n  text-decoration: none !important;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);\n}\n.hs-contact-box-btn:hover {\n  background: #F0EEFA;\n  color: #433388;\n  transform: translateY(-2px);\n  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);\n  text-decoration: none !important;\n}\n\n\/* Request Another Language Banner *\/\n.hs-more-lang-banner {\n  background: #F5F3FB;\n  border: 1px dashed #7E6CCA;\n  border-radius: 16px;\n  padding: 24px;\n  text-align: center;\n}\n.hs-more-lang-title {\n  font-family: 'Outfit', sans-serif;\n  font-size: 16px;\n  font-weight: 700;\n  color: #5B4AA3;\n  margin: 0 0 6px 0;\n}\n.hs-more-lang-desc {\n  font-size: 13.5px;\n  color: #554D74;\n  margin: 0 0 14px 0;\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\n<!-- HANGULSPACE CLASSES & PRICING PAGE (v2 - Photo Cards Design) -->\n\n<div class=\"hs-subpage-container\">\n  <!-- 1. COMPACT HERO SECTION (DESKTOP: ~480PX, MOBILE: ~360PX) -->\n  <div class=\"hs-classes-hero-wrap alignfull breakout-section\">\n    <div class=\"video-container\">\n      <video autoplay muted loop playsinline webkit-playsinline preload=\"metadata\" poster=\"https:\/\/hangulspace.com\/wp-content\/uploads\/2026\/07\/guide_study_topik.jpg\">\n        <source src=\"https:\/\/hangulspace.com\/wp-content\/uploads\/2026\/07\/hero-classes-web.mp4\" type=\"video\/mp4\">\n      <\/video>\n    <\/div>\n    <div class=\"hs-classes-hero-content\">\n      <span class=\"hs-classes-hero-badge\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.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>\n        Language &#038; Mentorship Programs\n      <\/span>\n      <h1 class=\"hs-classes-hero-title\">CLASSES &#038; PRICING<\/h1>\n      <p class=\"hs-classes-hero-desc\">Korean, English, and professional development programs for language instructors in Korea.<\/p>\n    <\/div>\n  <\/div>\n\n  <!-- MAIN CLASSES & PRICING CONTAINER -->\n  <div class=\"hs-classes-main-container\">\n    \n    <!-- 2. THREE CORE CATEGORY CARDS -->\n    <div class=\"hs-section-header\">\n      <span class=\"hs-section-tag\">All Classes &#038; Programs<\/span>\n      <h2 class=\"hs-section-title\">Select Your Learning Path<\/h2>\n      <p class=\"hs-section-subtitle\">Compare class formats, session lengths, and clear pricing before you inquire.<\/p>\n    <\/div>\n\n    <!-- QUICK SECTION NAV PILLS -->\n    <div class=\"hs-quick-nav-bar\">\n      <a href=\"#learn-korean\" class=\"hs-quick-nav-pill\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 8 6 6\"\/><path d=\"m4 14 6-6 2-3\"\/><path d=\"M2 5h12\"\/><path d=\"M7 2h1\"\/><path d=\"m22 22-5-10-5 10\"\/><path d=\"M14 18h6\"\/><\/svg>\n        LEARN KOREAN\n      <\/a>\n      <a href=\"#learn-english\" class=\"hs-quick-nav-pill\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg>\n        LEARN ENGLISH\n      <\/a>\n      <a href=\"#teacher-development\" class=\"hs-quick-nav-pill\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n        TEACHER DEVELOPMENT\n      <\/a>\n    <\/div>\n\n    <!-- \ud83d\udcf8 3 CORE PHOTO CARDS MATCHING REFERENCE DESIGN -->\n    <div class=\"hs-classes-grid\">\n      \n      <!-- CARD 1: LEARN KOREAN -->\n      <div class=\"hs-class-card\" id=\"learn-korean\">\n        <div class=\"hs-card-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/hangulspace.com\/wp-content\/uploads\/2026\/07\/cat_real_study.jpg\" alt=\"Learn Korean Classes in Seoul\">\n        <\/div>\n        <div class=\"hs-card-body-content\">\n          <div>\n            <div class=\"hs-card-icon-badge\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m5 8 6 6\"\/><path d=\"m4 14 6-6 2-3\"\/><path d=\"M2 5h12\"\/><path d=\"M7 2h1\"\/><path d=\"m22 22-5-10-5 10\"\/><path d=\"M14 18h6\"\/><\/svg>\n            <\/div>\n            <h3 class=\"hs-card-title\">Learn Korean<\/h3>\n            <p class=\"hs-card-subtitle\">Practical Korean for daily life, study, work, and living in Korea.<\/p>\n            <span class=\"hs-card-price-tag\">Group classes from \u20a918,000<\/span>\n            <ul class=\"hs-card-bullets\">\n              <li>Live Online 1:1 &#038; Small Group<\/li>\n              <li>In-Person 1:1 &#038; Small Group<\/li>\n              <li>Self-Paced Online Modules<\/li>\n              <li>TOPIK Exam Preparation<\/li>\n            <\/ul>\n          <\/div>\n          <a href=\"#korean-pricing\" class=\"hs-card-link-btn\">Explore Options \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 2: LEARN ENGLISH -->\n      <div class=\"hs-class-card\" id=\"learn-english\">\n        <div class=\"hs-card-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/hangulspace.com\/wp-content\/uploads\/2026\/07\/svc_new_tutor.jpg\" alt=\"Learn English Conversation Classes\">\n        <\/div>\n        <div class=\"hs-card-body-content\">\n          <div>\n            <div class=\"hs-card-icon-badge\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/><path d=\"M2 12h20\"\/><\/svg>\n            <\/div>\n            <h3 class=\"hs-card-title\">Learn English<\/h3>\n            <p class=\"hs-card-subtitle\">For everyday life, career advancement, and international travel.<\/p>\n            <span class=\"hs-card-price-tag\">Group classes from \u20a920,000<\/span>\n            <ul class=\"hs-card-bullets\">\n              <li>Live Online 1:1 Conversation<\/li>\n              <li>Live Online Small Group<\/li>\n              <li>In-Person 1:1 Coaching<\/li>\n              <li>Business &#038; Travel English<\/li>\n            <\/ul>\n          <\/div>\n          <a href=\"#english-pricing\" class=\"hs-card-link-btn\">Explore Options \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <!-- CARD 3: KOREAN TEACHER DEVELOPMENT -->\n      <div class=\"hs-class-card\" id=\"teacher-development\">\n        <div class=\"hs-card-img-wrap\">\n          <img decoding=\"async\" src=\"https:\/\/hangulspace.com\/wp-content\/uploads\/2026\/07\/svc_new_qnet.jpg\" alt=\"Korean Teacher Development Program\">\n        <\/div>\n        <div class=\"hs-card-body-content\">\n          <div>\n            <div class=\"hs-card-icon-badge\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n            <\/div>\n            <h3 class=\"hs-card-title\">Korean Teacher Development<\/h3>\n            <p class=\"hs-card-subtitle\">Professional mentoring and feedback for current &#038; aspiring instructors.<\/p>\n            <span class=\"hs-card-price-tag\">Workshops from \u20a939,000<\/span>\n            <ul class=\"hs-card-bullets\">\n              <li>1:1 Professional Coaching<\/li>\n              <li>Live Online Group Workshops<\/li>\n              <li>In-Person Offline Coaching<\/li>\n              <li>Demo Lesson Video Feedback<\/li>\n            <\/ul>\n          <\/div>\n          <a href=\"#teacher-pricing\" class=\"hs-card-link-btn\">Explore Options \u2192<\/a>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- 3 & 4 & 5 & 6. DETAILED PRICING TABLES WITH SINGLE-LEVEL TABS -->\n    <div class=\"hs-tabs-container\" id=\"korean-pricing\">\n      <div class=\"hs-section-header\" style=\"margin-bottom: 24px; text-align: left;\">\n        <span class=\"hs-section-tag\">Transparent Launch Pricing<\/span>\n        <h3 class=\"hs-section-title\" style=\"font-size: 26px;\">Class Format &#038; Detailed Pricing<\/h3>\n      <\/div>\n\n      <div class=\"hs-tab-buttons\" role=\"tablist\">\n        <button class=\"hs-tab-btn active\" role=\"tab\" aria-selected=\"true\" data-target=\"panel-korean\">LEARN KOREAN<\/button>\n        <button class=\"hs-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"panel-english\" id=\"english-pricing\">LEARN ENGLISH<\/button>\n        <button class=\"hs-tab-btn\" role=\"tab\" aria-selected=\"false\" data-target=\"panel-teacher\" id=\"teacher-pricing\">TEACHER DEVELOPMENT<\/button>\n      <\/div>\n\n      <!-- PANEL 1: LEARN KOREAN PRICING -->\n      <div class=\"hs-tab-panel active\" id=\"panel-korean\" role=\"tabpanel\">\n        <div class=\"hs-pricing-table-grid\">\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Live Online 1:1<\/h4>\n              <p class=\"hs-pricing-card-specs\">50 minutes per session \u00b7 Customized curriculum &#038; feedback<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a935,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Live Online Small Group<\/h4>\n              <p class=\"hs-pricing-card-specs\">80 minutes \u00b7 3\u20136 learners \u00b7 Interactive practice<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a918,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per person \/ session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">In-Person 1:1<\/h4>\n              <p class=\"hs-pricing-card-specs\">60 minutes \u00b7 Seoul Metro study space \/ cafe location<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a955,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">In-Person Small Group<\/h4>\n              <p class=\"hs-pricing-card-specs\">90 minutes \u00b7 3\u20138 learners \u00b7 Guided conversation<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a927,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per person \/ session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Self-Paced Online Course<\/h4>\n              <p class=\"hs-pricing-card-specs\">8\u201310 lessons \u00b7 90-day full access &#038; digital workbooks<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a949,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per module<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- PANEL 2: LEARN ENGLISH PRICING -->\n      <div class=\"hs-tab-panel\" id=\"panel-english\" role=\"tabpanel\">\n        <div class=\"hs-pricing-table-grid\">\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Live Online 1:1 Conversation<\/h4>\n              <p class=\"hs-pricing-card-specs\">50 minutes \u00b7 Tailored for work, travel, &#038; everyday life<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a939,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Live Online Small Group<\/h4>\n              <p class=\"hs-pricing-card-specs\">80 minutes \u00b7 3\u20136 participants \u00b7 Discussion &#038; practice<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a920,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per person \/ session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">In-Person 1:1 Coaching<\/h4>\n              <p class=\"hs-pricing-card-specs\">60 minutes \u00b7 Intensive conversation &#038; pronunciation<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a959,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">In-Person Small Group<\/h4>\n              <p class=\"hs-pricing-card-specs\">90 minutes \u00b7 3\u20138 learners \u00b7 Real-world English practice<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a929,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per person \/ session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Self-Paced Online Course<\/h4>\n              <p class=\"hs-pricing-card-specs\">10 lessons \u00b7 Business &#038; travel English modules<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a949,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per course<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS CLASS<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- PANEL 3: TEACHER DEVELOPMENT PRICING -->\n      <div class=\"hs-tab-panel\" id=\"panel-teacher\" role=\"tabpanel\">\n        <div class=\"hs-pricing-table-grid\">\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Live Online 1:1 Teacher Coaching<\/h4>\n              <p class=\"hs-pricing-card-specs\">60 minutes \u00b7 Teaching methodology &#038; career launch guidance<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a959,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per session (Launch Special)<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS PROGRAM<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Live Online Group Workshop<\/h4>\n              <p class=\"hs-pricing-card-specs\">90 minutes \u00b7 Interactive group workshop for instructors<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a939,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per participant \/ session<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS PROGRAM<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">In-Person 1:1 Teacher Coaching<\/h4>\n              <p class=\"hs-pricing-card-specs\">90 minutes \u00b7 Intensive in-person mentoring &#038; curriculum review<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a989,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per session (Launch Special)<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS PROGRAM<\/a>\n            <\/div>\n          <\/div>\n\n          <div class=\"hs-pricing-card\">\n            <div>\n              <h4 class=\"hs-pricing-card-title\">Demo Lesson Video Feedback<\/h4>\n              <p class=\"hs-pricing-card-specs\">Detailed video analysis &#038; written feedback report<\/p>\n            <\/div>\n            <div>\n              <div class=\"hs-pricing-card-price\">\u20a949,000<\/div>\n              <div class=\"hs-pricing-card-unit\">per evaluation<\/div>\n              <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\">ASK ABOUT THIS PROGRAM<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- 7. WHAT IS INCLUDED SECTION -->\n    <div class=\"hs-section-header\">\n      <span class=\"hs-section-tag\">Quality Standards<\/span>\n      <h3 class=\"hs-section-title\">What Is Included in Every Class<\/h3>\n    <\/div>\n\n    <div class=\"hs-included-grid\">\n      <div class=\"hs-included-box\">\n        <h4 class=\"hs-included-title\">Certified Instructors<\/h4>\n        <p class=\"hs-included-desc\">All Korean classes are led by qualified instructors with official teaching backgrounds and Korean language education degrees.<\/p>\n      <\/div>\n      <div class=\"hs-included-box\">\n        <h4 class=\"hs-included-title\">Custom Study Materials<\/h4>\n        <p class=\"hs-included-desc\">Digital worksheets, vocabulary guides, and session summary notes provided after each lesson at no extra charge.<\/p>\n      <\/div>\n      <div class=\"hs-included-box\">\n        <h4 class=\"hs-included-title\">Flexible Scheduling<\/h4>\n        <p class=\"hs-included-desc\">Reschedule sessions easily up to 24 hours prior without penalty through our coordinator support.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- 8 & 9. POLICIES & FAQ BOX -->\n    <div class=\"hs-policy-box\">\n      <h4 class=\"hs-policy-title\">Class Policies &#038; Minimum Enrollment<\/h4>\n      <p>All prices are listed in Korean Won (KRW). Group classes open with a minimum of 3 participants. Maximum class size varies by program. Rescheduling is available up to 24 hours prior to session start. Cancellations made 48 hours before class start are eligible for a full refund minus processing fees.<\/p>\n    <\/div>\n\n    <!-- 10. FINAL INQUIRY CTA BOX -->\n    <div class=\"hs-classes-contact-box\">\n      <h3 class=\"hs-contact-box-title\">Ready to Start Learning?<\/h3>\n      <p class=\"hs-contact-box-desc\">Tell us your current level and learning goals. Our team will match you with the right instructor and schedule.<\/p>\n      <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-contact-box-btn\">SEND AN INQUIRY \u2192<\/a>\n    <\/div>\n\n    <!-- 11. REQUEST ANOTHER LANGUAGE BANNER -->\n    <div class=\"hs-more-lang-banner\" style=\"margin-top: 40px;\">\n      <h4 class=\"hs-more-lang-title\">LOOKING FOR ANOTHER LANGUAGE?<\/h4>\n      <p class=\"hs-more-lang-desc\">HangulSpace plans to expand its language offerings (Japanese, Chinese, Spanish) as qualified instructors join the platform. Tell us which language you would like to learn!<\/p>\n      <a href=\"https:\/\/hangulspace.com\/contact\/#inquiry-form\" class=\"hs-pricing-card-btn\" style=\"display: inline-flex; margin-top: 10px;\">REQUEST A LANGUAGE<\/a>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n\/* =====================================================\n   HANGUL SPACE \u2014 CLASSES & PRICING PAGE JAVASCRIPT (v1)\n   Single-level Category Tabs & Interactive Pill\/Card Focus\n   ===================================================== *\/\n\n(function() {\n  function initClassesPage() {\n    var tabBtns = document.querySelectorAll('.hs-tab-btn');\n    var tabPanels = document.querySelectorAll('.hs-tab-panel');\n    var quickPills = document.querySelectorAll('.hs-quick-nav-pill');\n    var classCards = document.querySelectorAll('.hs-class-card');\n\n    if (!tabBtns.length) return;\n\n    \/\/ 1. Tab switching logic\n    function activateTab(panelId) {\n      tabBtns.forEach(function(b) {\n        b.classList.remove('active');\n        b.setAttribute('aria-selected', 'false');\n        if (b.getAttribute('data-target') === panelId) {\n          b.classList.add('active');\n          b.setAttribute('aria-selected', 'true');\n        }\n      });\n\n      tabPanels.forEach(function(p) {\n        p.classList.remove('active');\n        if (p.id === panelId) {\n          p.classList.add('active');\n        }\n      });\n    }\n\n    tabBtns.forEach(function(btn) {\n      btn.addEventListener('click', function() {\n        var target = btn.getAttribute('data-target');\n        activateTab(target);\n      });\n    });\n\n    \/\/ 2. Quick Nav Pill & Card Focus interaction\n    quickPills.forEach(function(pill) {\n      pill.addEventListener('click', function(e) {\n        var href = pill.getAttribute('href');\n        if (!href || href.indexOf('#') === -1) return;\n\n        var targetId = href.substring(href.indexOf('#') + 1);\n        var targetCard = document.getElementById(targetId);\n\n        \/\/ Highlight Pill\n        quickPills.forEach(function(p) { p.classList.remove('active'); });\n        pill.classList.add('active');\n\n        \/\/ Highlight Card\n        if (targetCard) {\n          classCards.forEach(function(c) { c.classList.remove('hs-card-highlighted'); });\n          targetCard.classList.add('hs-card-highlighted');\n\n          \/\/ Smooth scroll into center view\n          targetCard.scrollIntoView({ behavior: 'smooth', block: 'center' });\n\n          \/\/ Map target card to corresponding pricing panel\n          var panelMap = {\n            'learn-korean': 'panel-korean',\n            'learn-english': 'panel-english',\n            'teacher-development': 'panel-teacher'\n          };\n          if (panelMap[targetId]) {\n            activateTab(panelMap[targetId]);\n          }\n\n          \/\/ Remove highlight class after 3.5s\n          setTimeout(function() {\n            targetCard.classList.remove('hs-card-highlighted');\n          }, 3500);\n        }\n      });\n    });\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initClassesPage);\n  } else {\n    initClassesPage();\n  }\n})();\n\n<\/script>\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>Language &#038; Mentorship Programs CLASSES &#038; PRICING Korean, English, and professional development programs for language instructors in Korea. All Classes &#038; Programs Select Your Learning Path Compare class formats, session lengths, and clear pricing before you inquire. LEARN KOREAN LEARN ENGLISH TEACHER DEVELOPMENT Learn Korean Practical Korean for daily life, study, work, and living in [&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":"disabled","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":"","ast-breadcrumbs-content":"","ast-featured-img":"","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":"enabled","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-4143","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/pages\/4143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/comments?post=4143"}],"version-history":[{"count":55,"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/pages\/4143\/revisions"}],"predecessor-version":[{"id":4942,"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/pages\/4143\/revisions\/4942"}],"wp:attachment":[{"href":"https:\/\/hangulspace.com\/zh\/wp-json\/wp\/v2\/media?parent=4143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}