/* HZDH runtime theme. Sections: tokens, base, layout, header, home, subpage, components, forms, footer, responsive. */

/* Tokens */
:root {
  --container: 1200px;
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-pill: 999px;
  --font-base: Pretendard, "Noto Sans KR", "Noto Sans SC", "Noto Sans CJK KR", "Apple SD Gothic Neo", system-ui, sans-serif;
  --color-ink-950: #17324F;
  --color-ink-900: #21486E;
  --color-ink-800: #315D84;
  --color-korea-blue: #5F91C9;
  --color-korea-blue-deep: #3E72AB;
  --color-china-red: #D86D6D;
  --color-china-red-deep: #B94F55;
  --color-bridge-gold: #D9B86A;
  --color-bridge-gold-deep: #A98231;
  --color-jade-600: #75BFA8;
  --color-hanji-50: #FFF9F2;
  --color-cloud-100: #F3F8FC;
  --color-slate-950: #172235;
  --color-slate-700: #45576D;
  --color-slate-500: #6F7F91;
  --color-line-200: #E5ECF3;
  --color-white: #FFFFFF;
  --color-pastel-sky-50: #F1F8FF;
  --color-pastel-sky-100: #E3F0FC;
  --color-pastel-blue-200: #CFE3F6;
  --color-pastel-peach-100: #FFE9E2;
  --color-pastel-red-100: #F8D8D8;
  --color-pastel-gold-100: #FFF1C8;
  --color-pastel-jade-100: #E2F5EF;
  --color-pastel-lavender-100: #F2EEFF;
  --color-navy-950: var(--color-ink-950);
  --color-navy-900: var(--color-ink-900);
  --color-navy-800: var(--color-ink-800);
  --color-blue-600: var(--color-korea-blue-deep);
  --color-red-600: var(--color-china-red-deep);
  --color-gold-500: var(--color-bridge-gold);
  --color-gray-950: var(--color-slate-950);
  --color-gray-700: var(--color-slate-700);
  --color-gray-500: var(--color-slate-500);
  --color-gray-200: var(--color-line-200);
  --color-gray-100: var(--color-cloud-100);
  --gradient-hero: radial-gradient(circle at 12% 18%, rgba(207, 227, 246, .95), transparent 34%), radial-gradient(circle at 86% 18%, rgba(255, 233, 226, .95), transparent 34%), radial-gradient(circle at 48% 88%, rgba(255, 241, 200, .70), transparent 36%), linear-gradient(135deg, #FFFDF9 0%, #F1F8FF 46%, #FFF6EC 100%);
  --gradient-bridge: linear-gradient(135deg, #DCEEFF 0%, #FFF1C8 50%, #FFE4E2 100%);
  --gradient-diplomatic: linear-gradient(135deg, #F1F8FF 0%, #FFFFFF 58%, #FFF6EC 100%);
  --gradient-gold: linear-gradient(135deg, #FFF4CD, #FFE7A6);
  --gradient-jade: linear-gradient(135deg, #E2F5EF, #CFECE3);
  --gradient-primary-action: linear-gradient(135deg, #3E72AB, #5F91C9);
  --gradient-soft-exchange: var(--gradient-hero);
  --shadow-card: 0 18px 48px rgba(23, 50, 79, .09);
}

/* Base */
* {
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
img {
  max-width: 100%;
  height: auto;
}
button, input, select, textarea {
  font: inherit;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  background: var(--color-hanji-50);
}
body {
  margin: 0;
  font-family: var(--font-base);
  font-size: 1.6rem;
  line-height: 1.65;
  color: var(--color-slate-950);
  background: linear-gradient(180deg, #FFFFFF 0%, var(--color-hanji-50) 100%);
}
:focus-visible {
  outline: 3px solid var(--color-gold-500);
  outline-offset: 3px;
  outline-color: var(--color-korea-blue-deep);
}

/* Layout */
.container {
  width: min(100% - 40px, var(--container));
  margin-inline: auto;
}
.sr-only, .u-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
}
.skip-link {
  position: absolute;
  left: 16px;
  top: -60px;
  z-index: 1000;
  padding: 12px 18px;
  background: #000;
  color: #fff;
  border-radius: 8px;
}
.skip-link:focus {
  top: 16px;
}
.section-head {
  margin-bottom: 36px;
}
.section-head h2, .section-head h1 {
  margin: 0 0 12px;
  font-size: clamp(3rem, 4vw, 4.4rem);
  line-height: 1.15;
  color: var(--color-navy-950);
}
.section-head p {
  margin: 0;
  color: var(--color-gray-700);
}
.section-head--row {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 24px;
}
.tone-chip {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 1.3rem;
  font-weight: 800;
}
.section-head h2, .section-head h1, .content-article__head h1, .rich-content h2 {
  color: var(--color-ink-950);
}
.section-more {
  font-weight: 800;
  color: var(--color-korea-blue-deep);
}
.tone-chip--korea {
  background: var(--color-pastel-sky-100);
  color: var(--color-korea-blue-deep);
}
.tone-chip--china {
  background: var(--color-pastel-red-100);
  color: var(--color-china-red-deep);
}
.tone-chip--bridge {
  background: var(--color-pastel-gold-100);
  color: var(--color-bridge-gold-deep);
}
.tone-divider {
  height: 4px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(90deg, #A9CAE8, #F0D88E, #F0B0B0);
}

/* Header */
.utility-bar__inner, .site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.utility-bar__inner {
  min-height: 40px;
  gap: 20px;
}
.utility-links, .utility-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}
.site-header__main {
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(12px);
}
.site-header__inner {
  min-height: 88px;
  gap: 24px;
}
.site-logo {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 12px;
  font-weight: 800;
  color: var(--color-navy-950);
  font-size: 2.2rem;
  white-space: nowrap;
}
.primary-nav__list {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.primary-nav__item {
  position: relative;
}
.primary-nav__link {
  display: block;
  padding: 32px 12px;
  font-weight: 700;
  color: var(--color-navy-950);
  white-space: nowrap;
}
.primary-nav__item:hover .mega-menu, .primary-nav__item:focus-within .mega-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.mega-menu__summary strong {
  display: block;
  font-size: 2.2rem;
  margin-bottom: 8px;
}
.mega-menu__links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}
.header-search input {
  min-width: 0;
  width: 100%;
  border: 0;
  padding: 10px 4px 10px 14px;
}
.menu-toggle {
  display: none;
  width: 46px;
  height: 46px;
  border: 1px solid var(--color-gray-200);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.menu-toggle__bar {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--color-navy-950);
  margin: 5px auto;
}
.mobile-menu__panel {
  margin-left: auto;
  width: min(92vw, 420px);
  height: 100%;
  overflow: auto;
  background: #fff;
  padding: 24px;
}
.mobile-menu__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 24px;
}
.mobile-menu__head button {
  border: 0;
  border-radius: 999px;
  padding: 8px 14px;
  background: var(--color-gray-100);
}
.mobile-menu__group {
  border-bottom: 1px solid var(--color-gray-200);
  padding: 12px 0;
}
.mobile-menu__group summary {
  font-weight: 800;
  cursor: pointer;
}
.mobile-menu__group ul {
  list-style: none;
  padding: 10px 0 0 10px;
  margin: 0;
}
.mobile-menu__group a {
  display: block;
  padding: 7px 0;
  color: var(--color-gray-700);
}
.mobile-menu__quick {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}
.top-alert-bar__inner {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255,255,255,.92);
  box-shadow: 0 1px 0 rgba(23, 50, 79, .08), 0 16px 36px rgba(23, 50, 79, .045);
}
.utility-bar {
  font-size: 1.4rem;
  background: linear-gradient(90deg, var(--color-pastel-sky-100), var(--color-hanji-50));
  color: var(--color-ink-900);
  border-bottom: 1px solid rgba(95, 145, 201, .18);
}
.utility-links a:hover, .lang-link:hover {
  color: var(--color-korea-blue-deep);
}
.text-size-btn {
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  padding: 2px 9px;
  cursor: pointer;
  border-color: rgba(62, 114, 171, .26);
  color: var(--color-ink-900);
  background: rgba(255,255,255,.72);
}
.site-logo__mark {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  font-size: 1.5rem;
  letter-spacing: -.05em;
  background: var(--gradient-bridge);
  color: var(--color-ink-950);
  box-shadow: inset 0 -2px 0 rgba(217,184,106,.45), 0 8px 20px rgba(62,114,171,.12);
  border: 1px solid rgba(95,145,201,.22);
}
.primary-nav__item.is-active > .primary-nav__link, .primary-nav__link:hover {
  color: var(--color-korea-blue-deep);
}
.primary-nav__item.is-active > .primary-nav__link::after, .primary-nav__link:hover::after {
  content: "";
  display: block;
  height: 3px;
  margin-top: 7px;
  border-radius: 999px;
  background: linear-gradient(90deg, #8BB7E0, #E7C870, #E9A2A2);
}
.mega-menu {
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  position: absolute;
  left: 50%;
  top: calc(100% - 8px);
  width: 560px;
  padding: 26px;
  border-radius: 24px;
  background: #fff;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 28px;
  translate: -50% 0;
  transition: .18s ease;
  border: 1px solid rgba(62,114,171,.12);
  box-shadow: 0 22px 58px rgba(23,50,79,.10);
}
.mega-menu__summary {
  padding: 22px;
  border-radius: 18px;
  border-top: 4px solid var(--color-bridge-gold);
  background: linear-gradient(135deg, var(--color-pastel-sky-100), #FFFFFF 60%, var(--color-pastel-gold-100));
  color: var(--color-ink-950);
  border-top-color: var(--color-bridge-gold);
}
.mega-menu__links a {
  display: block;
  padding: 12px 14px;
  border-radius: 12px;
  color: var(--color-gray-950);
  font-weight: 650;
  background: var(--color-cloud-100);
}
.mega-menu__links a:hover {
  background: var(--color-pastel-sky-100);
  color: var(--color-korea-blue-deep);
}
.header-search {
  display: flex;
  align-items: center;
  width: 220px;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-pill);
  overflow: hidden;
  background: var(--color-white);
  border-color: rgba(62,114,171,.18);
}
.header-search button {
  border: 0;
  color: #fff;
  padding: 10px 12px;
  cursor: pointer;
  background: var(--color-korea-blue-deep);
}
.mobile-menu {
  position: fixed;
  inset: 0;
  z-index: 200;
  background: rgba(23,50,79,.24);
}
.mobile-menu__quick a {
  padding: 13px;
  border-radius: 12px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: var(--gradient-primary-action);
}
.top-alert-bar {
  font-size: 1.5rem;
  background: linear-gradient(90deg, var(--color-pastel-peach-100), var(--color-pastel-gold-100));
  color: var(--color-ink-950);
  border-bottom: 1px solid rgba(217,184,106,.32);
}
.top-alert-bar strong {
  color: var(--color-china-red-deep);
}
.top-alert-bar a {
  margin-left: auto;
  font-weight: 900;
  color: var(--color-korea-blue-deep);
}

/* Home */
.home-hero__inner {
  padding: 100px 0 130px;
  max-width: 760px;
}
.home-hero h1 {
  margin: 0 0 22px;
  font-size: clamp(3.8rem, 6vw, 6.8rem);
  line-height: 1.08;
  letter-spacing: -.04em;
}
.hero-actions {
  display: flex;
  gap: 12px;
  margin-top: 34px;
  flex-wrap: wrap;
}
.quick-services__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.quick-card__label {
  font-size: 1.3rem;
  opacity: .82;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.quick-card strong {
  display: block;
  font-size: 2.4rem;
  margin: 10px 0;
}
.quick-card p {
  color: rgba(255,255,255,.86);
  margin: 0;
}
.quick-card--gold p, .quick-card--gold .quick-card__label {
  color: rgba(6,26,46,.78);
}
.home-intro {
  padding: 110px 0 76px;
  background: #fff;
}
.home-intro__grid {
  display: grid;
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.15fr);
  gap: 54px;
  align-items: center;
}
.home-intro__media {
  position: relative;
  min-height: 380px;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--color-pastel-sky-100, #EAF5FF), #fff 58%, var(--color-pastel-peach-100, #FFF0F0));
  border: 1px solid rgba(95,145,201,.18);
  box-shadow: var(--shadow-card);
}
.home-intro__media::before {
  content: "";
  position: absolute;
  inset: 34px;
  border: 1px solid rgba(62,114,171,.18);
  border-radius: 22px;
  background: rgba(255,255,255,.42);
}
.home-intro__mark {
  position: absolute;
  left: 42px;
  top: 42px;
  width: 116px;
  height: 116px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #fff;
  color: var(--color-korea-blue-deep);
  font-weight: 900;
  box-shadow: 0 16px 34px rgba(23,50,79,.12);
}
.home-intro__line {
  position: absolute;
  left: 74px;
  right: 48px;
  height: 18px;
  border-radius: 999px;
}
.home-intro__line--blue {
  top: 196px;
  background: #CFE3F6;
}
.home-intro__line--gold {
  top: 240px;
  width: 58%;
  background: #FFF1C8;
}
.home-intro__line--red {
  top: 284px;
  width: 42%;
  background: #F8D8D8;
}
.home-intro__content h2 {
  margin: 0 0 18px;
  font-size: clamp(3rem, 4.4vw, 5rem);
  line-height: 1.12;
  color: var(--color-ink-950);
}
.home-intro__content p:not(.eyebrow) {
  margin: 0;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.home-intro__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}
.home-stat-band {
  padding: 76px 0 92px;
  background: linear-gradient(180deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
}
.home-stat-band .section-head--row > p {
  max-width: 360px;
  color: var(--color-slate-700);
}
.home-stat-band__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.home-stat-card {
  min-height: 210px;
  padding: 28px;
  border-radius: var(--radius-lg);
  background: #fff;
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 14px 36px rgba(23,50,79,.07);
}
.home-stat-card span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-pastel-gold-100, #FFF1C8);
  color: var(--color-bridge-gold-deep);
  font-size: 1.4rem;
  font-weight: 900;
}
.home-stat-card strong {
  display: block;
  margin: 22px 0 10px;
  font-size: 2.2rem;
  color: var(--color-ink-950);
}
.home-stat-card p {
  margin: 0;
  color: var(--color-slate-700);
}
.integrated-search h2 {
  margin: 0 0 10px;
  font-size: clamp(2.8rem, 4vw, 4.2rem);
}
.integrated-search__form input {
  flex: 1;
  width: 100%;
  border: 0;
  padding: 14px 18px;
  min-width: 0;
}
.business-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.business-tile:hover {
  border-color: rgba(201,35,46,.35);
  box-shadow: var(--shadow-card);
  transform: translateY(-3px);
}
.business-tile span {
  color: var(--color-red-600);
  font-weight: 900;
}
.business-tile strong {
  display: block;
  margin: 18px 0 8px;
  font-size: 2.3rem;
  color: var(--color-navy-950);
}
.business-tile p {
  margin: 0;
  color: var(--color-gray-700);
}
.home-faq-cta {
  padding: 92px 0;
  background: linear-gradient(135deg, var(--color-pastel-jade-100, #E2F5EF), #fff 64%, var(--color-pastel-gold-100, #FFF1C8));
  border-top: 1px solid rgba(95,145,201,.12);
  border-bottom: 1px solid rgba(95,145,201,.12);
}
.home-faq-cta__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 44px;
  align-items: start;
}
.home-faq-cta__content {
  position: sticky;
  top: 150px;
}
.home-faq-cta__content h2 {
  margin: 0 0 16px;
  font-size: clamp(3rem, 4vw, 4.6rem);
  color: var(--color-ink-950);
  line-height: 1.15;
}
.home-faq-cta__content p:not(.eyebrow) {
  margin: 0 0 26px;
  color: var(--color-slate-700);
}
.home-faq-list {
  display: grid;
  gap: 12px;
}
.home-faq-list details {
  padding: 22px 24px;
  border-radius: 18px;
  background: rgba(255,255,255,.84);
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 12px 26px rgba(23,50,79,.05);
}
.home-faq-list summary {
  cursor: pointer;
  color: var(--color-ink-950);
  font-weight: 900;
}
.home-faq-list summary::marker {
  color: var(--color-korea-blue-deep);
}
.home-faq-list p {
  margin: 14px 0 0;
  color: var(--color-slate-700);
}
.cta-band__inner {
  text-align: center;
  max-width: 800px;
}
.cta-band h2 {
  margin: 0 0 16px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.16;
}
.cta-band__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 28px;
  flex-wrap: wrap;
}
.media-teaser {
  padding: 92px 0;
  background: #fff;
}
.media-teaser__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 24px;
  align-items: stretch;
}
.media-feature img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  opacity: .9;
}
.media-feature__body {
  padding: 28px;
}
.media-feature__body h3 {
  margin: 10px 0;
  font-size: 2.8rem;
  line-height: 1.2;
}
.media-tile-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.media-tile img {
  margin: -18px -18px 12px;
  width: calc(100% + 36px);
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.media-tile strong {
  font-size: 1.8rem;
  line-height: 1.3;
}
.media-tile span {
  color: var(--color-slate-500);
  font-size: 1.4rem;
}
.academic-highlight__inner {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 46px;
  align-items: center;
}
.academic-highlight h2 {
  margin: 0 0 16px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
}
.academic-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.partner-band__logos {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.partner-logo img {
  max-height: 44px;
  width: auto;
  object-fit: contain;
  filter: grayscale(.08);
}
.home-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  overflow: hidden;
  color: var(--color-ink-950);
  background: var(--gradient-hero);
  min-height: 640px;
  border-bottom: 1px solid rgba(95,145,201,.12);
}
.home-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
  background-size: cover;
  background-position: center;
  opacity: .13;
  mix-blend-mode: multiply;
  filter: saturate(.75) brightness(1.15);
}
.home-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: -1;
  inset: auto -8% -34% 44%;
  height: 430px;
  background: rgba(255,255,255,.55);
  box-shadow: 0 0 0 90px rgba(255,255,255,.18);
}
.home-hero .eyebrow {
  color: var(--color-china-red-deep);
}
.home-hero p:not(.eyebrow) {
  max-width: 620px;
  font-size: 2rem;
  color: var(--color-slate-700);
}
.home-hero .btn--ghost {
  background: #fff;
  color: var(--color-korea-blue-deep);
  border-color: rgba(62,114,171,.28);
}
.quick-services {
  position: relative;
  z-index: 2;
  margin-top: -54px;
}
.quick-card {
  min-height: 230px;
  padding: 28px;
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .18s ease, box-shadow .18s ease;
  color: var(--color-ink-950);
  background: #fff;
  border: 1px solid rgba(62,114,171,.12);
  box-shadow: var(--shadow-card);
}
.quick-card p, .quick-card__label {
  color: var(--color-slate-700);
  opacity: 1;
}
.quick-card__more {
  margin-top: 22px;
  font-weight: 800;
  color: var(--color-korea-blue-deep);
}
.quick-card--navy {
  background: linear-gradient(135deg, var(--color-pastel-sky-100), #FFFFFF);
}
.quick-card--blue {
  background: linear-gradient(135deg, var(--color-pastel-sky-100), #FFFFFF 70%);
}
.quick-card--red {
  background: linear-gradient(135deg, var(--color-pastel-red-100), #FFFFFF 72%);
}
.quick-card--gold {
  background: linear-gradient(135deg, var(--color-pastel-gold-100), #FFFFFF 72%);
  color: var(--color-ink-950);
}
.quick-card--jade {
  background: linear-gradient(135deg, var(--color-pastel-jade-100), #FFFFFF 72%);
}
.quick-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 24px 60px rgba(23,50,79,.12);
}
.integrated-search {
  padding: 64px 0 88px;
  background: linear-gradient(180deg, var(--color-hanji-50), #fff);
}
.integrated-search__inner {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 34px;
  align-items: center;
  padding: 46px;
  border-radius: 30px;
  background: linear-gradient(135deg, #FFFFFF, var(--color-pastel-sky-50) 58%, #FFF7EC);
  border: 1px solid rgba(95,145,201,.20);
}
.integrated-search__inner > * {
  min-width: 0;
}
.integrated-search__form {
  display: flex;
  gap: 10px;
  padding: 10px;
  border-radius: var(--radius-pill);
  background: #fff;
  box-shadow: 0 12px 30px rgba(23,50,79,.08);
  min-width: 0;
  max-width: 100%;
}
.integrated-search__form button {
  border: 0;
  border-radius: var(--radius-pill);
  padding: 0 28px;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
  background: var(--color-korea-blue-deep);
}
.business-grid-section {
  padding: 92px 0;
  background: #fff;
}
.business-tile {
  display: block;
  min-height: 190px;
  padding: 28px;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-lg);
  transition: .18s ease;
  background: #fff;
  border-color: rgba(95,145,201,.14);
}
.business-tile:nth-child(3n+1) {
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50));
}
.business-tile:nth-child(3n+2) {
  background: linear-gradient(135deg, #fff, #FFF8E4);
}
.business-tile:nth-child(3n) {
  background: linear-gradient(135deg, #fff, #FFF0ED);
}
.business-tile:hover, .post-card a:hover, .application-card a:hover {
  border-color: rgba(95,145,201,.45);
  box-shadow: var(--shadow-card);
}
.business-tile span, .post-card__category, .news-list__category {
  color: var(--color-korea-blue-deep);
}
.cta-band {
  padding: 92px 0;
  background: linear-gradient(135deg, var(--color-pastel-sky-100), #FFFFFF 55%, var(--color-pastel-peach-100));
  color: var(--color-ink-950);
  border-top: 1px solid rgba(95,145,201,.12);
  border-bottom: 1px solid rgba(95,145,201,.12);
}
.cta-band p {
  color: var(--color-slate-700);
}
.cta-band .btn--ghost {
  background: #fff;
  color: var(--color-korea-blue-deep);
}
.academic-highlight {
  padding: 96px 0;
  background: linear-gradient(135deg, #FFFFFF 0%, var(--color-pastel-gold-100) 46%, var(--color-pastel-sky-100) 100%);
  color: var(--color-ink-950);
  border-top: 1px solid rgba(217,184,106,.38);
  border-bottom: 1px solid rgba(95,145,201,.16);
}
.academic-highlight .eyebrow {
  color: var(--color-bridge-gold-deep);
}
.academic-highlight p {
  max-width: 620px;
  margin: 0 0 28px;
  color: var(--color-slate-700);
}
.academic-links a {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  font-weight: 900;
  background: rgba(255,255,255,.72);
  border-color: rgba(217,184,106,.32);
  color: var(--color-ink-950);
}
.academic-links a:hover {
  background: #FFFFFF;
  border-color: rgba(95,145,201,.38);
}
.academic-links span {
  font-size: 1.4rem;
  letter-spacing: .08em;
  color: var(--color-bridge-gold-deep);
}
.partner-band {
  padding: 86px 0;
  background: linear-gradient(180deg, #fff, var(--color-hanji-50));
}
.partner-logo {
  min-height: 86px;
  display: grid;
  place-items: center;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(31,94,168,.12);
  color: var(--color-slate-500);
  font-weight: 900;
  box-shadow: 0 10px 24px rgba(7,26,51,.04);
  background: #fff;
  border-color: rgba(95,145,201,.14);
}
.media-feature {
  overflow: hidden;
  border-radius: 28px;
  box-shadow: var(--shadow-card);
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50));
  color: var(--color-ink-950);
  border: 1px solid rgba(95,145,201,.14);
}
.media-feature__body p {
  margin: 0 0 18px;
  color: var(--color-slate-700);
}
.media-feature__body a {
  font-weight: 900;
  color: var(--color-korea-blue-deep);
}
.media-badge {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid rgba(201,162,78,.48);
  font-weight: 800;
  background: var(--color-pastel-gold-100);
  border-color: rgba(217,184,106,.42);
  color: var(--color-bridge-gold-deep);
}
.media-tile {
  min-height: 170px;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 8px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid var(--color-line-200);
  color: var(--color-ink-950);
  overflow: hidden;
  background: linear-gradient(135deg, #FFFFFF, var(--color-pastel-sky-50));
  border-color: rgba(95,145,201,.14);
}
.media-tile--placeholder {
  background: linear-gradient(135deg, #FFFFFF, var(--color-pastel-lavender-100));
}

/* Subpage */
.business-index-layout .content-article {
  display: grid;
  gap: 44px;
}
.business-overview {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) 330px;
  gap: 34px;
  align-items: stretch;
}
.business-overview__content {
  min-width: 0;
}
.business-overview__content h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.business-overview__content > p:not(.eyebrow) {
  margin: 0 0 20px;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.business-index-cta {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 26px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--color-pastel-sky-100, #EAF5FF), #fff 68%, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 16px 36px rgba(23,50,79,.07);
}
.business-index-cta h2 {
  margin: 0 0 12px;
  color: var(--color-ink-950);
  font-size: 2.4rem;
  line-height: 1.25;
}
.business-index-cta p:not(.eyebrow) {
  margin: 0 0 22px;
  color: var(--color-slate-700);
}
.business-index-cta .btn {
  margin-top: auto;
}
.business-process-overview {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.business-process-overview .section-head--row > p {
  max-width: 420px;
  color: var(--color-slate-700);
}
.business-card-grid, .business-process-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.business-program-card a {
  min-height: 280px;
  display: flex;
  flex-direction: column;
}
.business-program-card p {
  color: var(--color-slate-700);
}
.business-program-card__target {
  padding: 12px 14px;
  border-radius: 14px;
  background: var(--color-pastel-sky-50, #F4FAFF);
  font-weight: 800;
}
.business-program-card .section-more {
  margin-top: auto;
  padding-top: 18px;
  font-weight: 900;
}
.business-process-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.business-process-step {
  min-height: 190px;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.business-process-step > span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-pastel-gold-100, #FFF1C8);
  color: var(--color-bridge-gold-deep);
  font-size: 1.4rem;
  font-weight: 900;
}
.business-process-step h3 {
  margin: 18px 0 8px;
  color: var(--color-ink-950);
  font-size: 2.1rem;
}
.business-process-step p {
  margin: 0;
  color: var(--color-slate-700);
}
.business-detail-layout .breadcrumb {
  margin-bottom: 26px;
}
.business-detail-article .business-process-section {
  margin-top: 36px;
}
.business-detail-article .business-process-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.business-info-panel {
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.business-info-panel .eyebrow {
  margin: 0 0 8px;
}
.business-cta-list {
  display: grid;
  gap: 10px;
}
.business-cta-list .btn {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.news-index-article, .media-gallery-article {
  display: grid;
  gap: 36px;
}
.news-hub-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 34px;
  align-items: stretch;
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF) 64%, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 14px 34px rgba(23,50,79,.06);
}
.news-hub-overview h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.news-hub-overview > div > p:not(.eyebrow) {
  margin: 0;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.news-hub-links {
  display: grid;
  gap: 12px;
}
.news-hub-links a {
  display: grid;
  align-content: center;
  min-height: 96px;
  padding: 20px;
  border-radius: 20px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(95,145,201,.14);
}
.news-hub-links span {
  color: var(--color-ink-950);
  font-weight: 900;
}
.news-hub-links small {
  margin-top: 6px;
  color: var(--color-slate-700);
  font-size: 1.4rem;
  line-height: 1.45;
}
.news-filter-panel h2 {
  margin: 0 0 18px;
  color: var(--color-ink-950);
  font-size: 2.2rem;
}
.news-tab-board {
  padding: 34px;
  border-radius: 30px;
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 14px 34px rgba(23,50,79,.05);
}
.news-card-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.news-card a {
  min-height: 210px;
  display: flex;
  flex-direction: column;
}
.news-card h2 {
  line-height: 1.25;
}
.news-card__meta {
  margin-top: auto;
  padding-top: 18px;
}
.news-detail-layout .breadcrumb, .newsletter-layout .breadcrumb {
  margin-bottom: 26px;
}
.news-detail-article .eyebrow, .newsletter-article .eyebrow {
  margin: 0 0 8px;
}
.news-info-panel, .newsletter-feature-panel {
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.news-detail-media {
  margin: 0 0 26px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--color-cloud-100);
  border: 1px solid rgba(95,145,201,.14);
}
.news-detail-media img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.news-attachments {
  margin-top: 40px;
}
.newsletter-archive {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.newsletter-issue-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.newsletter-issue-card a, .newsletter-issue-card__body {
  min-height: 220px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
  transition: .18s ease;
}
.newsletter-issue-card a:hover {
  border-color: rgba(95,145,201,.45);
  box-shadow: var(--shadow-card);
}
.newsletter-issue-card h2 {
  margin: 12px 0 10px;
  color: var(--color-ink-950);
  font-size: 2.2rem;
  line-height: 1.25;
}
.newsletter-issue-card p {
  margin: 0 0 16px;
  color: var(--color-slate-700);
}
.newsletter-issue-card .section-more {
  margin-top: auto;
  padding-top: 16px;
}
.media-gallery-head {
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF) 64%, var(--color-pastel-peach-100, #FFF0EC));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 14px 34px rgba(23,50,79,.06);
}
.media-gallery-head h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.media-gallery-head p:not(.eyebrow) {
  margin: 0 0 12px;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.media-gallery-section {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.media-gallery-grid {
  align-items: stretch;
}
.media-gallery-card {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.media-gallery-card__image {
  display: grid;
  place-items: center;
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, var(--color-pastel-sky-100, #EAF5FF), #fff 70%, var(--color-pastel-gold-100, #FFF1C8));
}
.media-gallery-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.media-gallery-card__image span {
  display: grid;
  place-items: center;
  width: 84px;
  height: 84px;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  color: var(--color-korea-blue-deep);
  font-weight: 900;
  letter-spacing: 0;
}
.media-gallery-card figcaption {
  display: grid;
  gap: 8px;
  padding: 20px;
}
.media-gallery-card strong {
  color: var(--color-ink-950);
  font-size: 2rem;
  line-height: 1.25;
}
.media-gallery-card time {
  color: var(--color-slate-500);
  font-size: 1.4rem;
}
.media-gallery-card p {
  margin: 0;
  color: var(--color-slate-700);
}
.news-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.news-list__item a {
  display: grid;
  grid-template-columns: 100px 1fr 110px;
  gap: 16px;
  align-items: center;
  padding: 20px 22px;
  border-radius: 16px;
  background: #fff;
  border: 1px solid var(--color-gray-200);
}
.news-list__category {
  color: var(--color-red-600);
  font-weight: 800;
}
.news-list time {
  color: var(--color-gray-500);
  text-align: right;
}
.resources-highlight__grid {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: 44px;
  align-items: start;
}
.resource-index-layout .content-article {
  display: grid;
  gap: 42px;
}
.resources-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 34px;
  align-items: stretch;
}
.resources-overview__content {
  min-width: 0;
}
.resources-overview__content h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.resources-overview__content > p:not(.eyebrow) {
  margin: 0 0 22px;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.resources-overview__meta {
  display: grid;
  gap: 14px;
}
.resources-overview__meta div {
  display: grid;
  align-content: center;
  min-height: 118px;
  padding: 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 12px 28px rgba(23,50,79,.05);
}
.resources-overview__meta span {
  color: var(--color-korea-blue-deep);
  font-size: 3rem;
  line-height: 1;
  font-weight: 900;
}
.resources-overview__meta strong {
  margin-top: 8px;
  color: var(--color-ink-950);
}
.resource-filter-panel {
  background: linear-gradient(135deg, var(--color-pastel-sky-50, #F4FAFF), #fff);
  border: 1px solid rgba(95,145,201,.16);
}
.resource-list-section {
  display: grid;
  gap: 0;
}
.resource-document-list {
  gap: 14px;
}
.resource-document-item a {
  grid-template-columns: minmax(116px, 150px) minmax(0, 1fr) minmax(160px, auto) minmax(80px, auto);
}
.resource-document-item > p {
  margin: 8px 20px 0;
  color: var(--color-slate-700);
}
.resource-academic-highlight {
  padding: 34px;
  border-radius: 28px;
}
.resource-academic-highlight .academic-highlight__inner {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
}
.resource-academic-highlight .academic-links a {
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  gap: 4px 14px;
  align-items: center;
}
.resource-academic-highlight .academic-links strong {
  min-width: 0;
  overflow-wrap: anywhere;
}
.resource-academic-highlight .academic-links em {
  grid-column: 2;
  color: var(--color-slate-700);
  font-style: normal;
  font-weight: 700;
}
.resource-detail-layout .breadcrumb, .academic-detail-layout .breadcrumb {
  margin-bottom: 26px;
}
.resource-info-panel, .academic-info-panel {
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.resource-info-panel .eyebrow, .academic-info-panel .eyebrow {
  margin: 0 0 8px;
}
.resource-downloads, .resource-related-section, .academic-related-section {
  margin-top: 40px;
}
.resource-downloads .download-button {
  background: var(--color-cloud-100);
  border: 1px solid rgba(95,145,201,.14);
}
.resource-downloads p {
  margin: 0;
  color: var(--color-slate-700);
}
.academic-abstract-panel {
  padding: 26px;
  border-radius: 22px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(217,184,106,.28);
}
.academic-abstract-panel h2 {
  margin-top: 0;
}
.section-hero h1 {
  margin: 0 0 12px;
  font-size: clamp(3.4rem, 5vw, 5.6rem);
  line-height: 1.1;
}
.local-tabs__inner {
  display: flex;
  overflow-x: auto;
}
.local-tabs__item {
  flex: 0 0 auto;
  padding: 18px 24px;
  font-weight: 800;
  color: var(--color-gray-700);
  border-bottom: 3px solid transparent;
}
.subpage-layout {
  padding: 54px 0 110px;
}
.breadcrumb {
  margin-bottom: 32px;
  color: var(--color-gray-500);
  font-size: 1.4rem;
}
.breadcrumb ol {
  list-style: none;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.breadcrumb li + li::before {
  content: ">";
  margin-right: 8px;
  color: var(--color-gray-500);
}
.content-article__head {
  margin-bottom: 34px;
}
.content-article__head h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  color: var(--color-navy-950);
  line-height: 1.15;
}
.content-article__head p {
  margin: 0;
  color: var(--color-gray-700);
  font-size: 1.8rem;
}
.content-article--with-aside {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 44px;
}
.content-article--with-aside .content-article__head, .content-article--with-aside .rich-content, .content-article--with-aside .attachments, .content-article--with-aside .post-actions {
  grid-column: 1;
}
.info-panel {
  grid-column: 2;
  grid-row: 1 / span 3;
  align-self: start;
  position: sticky;
  top: 150px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--color-gray-100);
}
.info-panel h2 {
  margin-top: 0;
  color: var(--color-navy-950);
}
.info-panel dl {
  display: grid;
  gap: 14px;
  margin: 0 0 22px;
}
.info-panel dt {
  font-size: 1.4rem;
  color: var(--color-gray-500);
  font-weight: 800;
}
.info-panel dd {
  margin: 2px 0 0;
}
.about-index-layout .content-article {
  display: grid;
  gap: 42px;
}
.about-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr);
  gap: 42px;
  align-items: stretch;
}
.about-intro__content {
  min-width: 0;
}
.about-intro__content h2 {
  margin: 0 0 16px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.about-intro__content > p:not(.eyebrow) {
  margin: 0 0 22px;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.about-intro__visual {
  min-height: 330px;
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 28px;
  background: linear-gradient(135deg, var(--color-pastel-sky-100, #EAF5FF), #fff 56%, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: var(--shadow-card);
}
.about-intro__visual::before {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  border-radius: 50%;
  background: rgba(255,255,255,.62);
  border: 1px solid rgba(62,114,171,.16);
}
.about-intro__visual span {
  position: absolute;
  min-width: 88px;
  min-height: 88px;
  display: grid;
  place-items: center;
  padding: 14px;
  border-radius: 999px;
  background: #fff;
  color: var(--color-ink-950);
  font-weight: 900;
  box-shadow: 0 14px 32px rgba(23,50,79,.10);
}
.about-intro__visual span:nth-child(1) {
  left: 12%;
  top: 18%;
}
.about-intro__visual span:nth-child(2) {
  right: 12%;
  top: 34%;
  background: var(--color-pastel-red-100, #F8D8D8);
}
.about-intro__visual span:nth-child(3) {
  left: 36%;
  bottom: 16%;
  background: var(--color-pastel-jade-100, #E2F5EF);
}
.about-value-grid, .about-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.about-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.about-value-card {
  min-height: 190px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: #fff;
  border: 1px solid rgba(95,145,201,.15);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.about-value-card span {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.about-value-card strong {
  display: block;
  margin: 18px 0 8px;
  color: var(--color-ink-950);
  font-size: 2.1rem;
}
.about-value-card p {
  margin: 0;
  color: var(--color-slate-700);
}
.about-pathways {
  display: grid;
  gap: 0;
}
.about-card a {
  min-height: 180px;
}
.about-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 42px;
  align-items: start;
}
.about-detail-layout .breadcrumb {
  grid-column: 1 / -1;
  margin-bottom: -10px;
}
.about-brief {
  position: sticky;
  top: 150px;
  padding: 24px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.about-brief h2 {
  margin: 0 0 14px;
  color: var(--color-ink-950);
  font-size: 2.2rem;
}
.about-brief ul {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-brief li {
  padding-left: 18px;
  position: relative;
  color: var(--color-slate-700);
}
.about-brief li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--color-korea-blue-deep);
}
.join-index-article, .membership-article {
  display: grid;
  gap: 38px;
}
.join-overview, .membership-overview {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 34px;
  align-items: stretch;
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF) 62%, var(--color-pastel-jade-100, #E2F5EF));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 14px 34px rgba(23,50,79,.06);
}
.membership-overview {
  display: block;
}
.join-overview h1, .membership-overview h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.join-overview > div > p:not(.eyebrow), .membership-overview p:not(.eyebrow), .join-overview__note p {
  margin: 0;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.join-overview__note {
  display: grid;
  align-content: center;
  padding: 24px;
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(95,145,201,.14);
}
.join-overview__note span {
  color: var(--color-korea-blue-deep);
  font-size: 1.4rem;
  font-weight: 900;
  text-transform: uppercase;
}
.join-overview__note strong {
  margin: 10px 0 8px;
  color: var(--color-ink-950);
  font-size: 2rem;
  line-height: 1.3;
}
.join-application-section, .membership-benefit-section, .membership-process-section {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.join-application-card a {
  min-height: 220px;
  display: flex;
  flex-direction: column;
}
.join-application-card .section-more {
  margin-top: auto;
  padding-top: 18px;
}
.membership-benefit-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.membership-benefit-card, .membership-process-step {
  min-height: 220px;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.membership-benefit-card h2 {
  margin: 14px 0 10px;
  color: var(--color-ink-950);
  font-size: 2.2rem;
  line-height: 1.25;
}
.membership-benefit-card p, .membership-process-step p {
  margin: 0;
  color: var(--color-slate-700);
}
.membership-benefit-card__benefit {
  margin-top: 16px !important;
  padding: 14px;
  border-radius: 14px;
  background: var(--color-pastel-gold-100, #FFF1C8);
  font-weight: 800;
}
.membership-process-list {
  margin: 0;
  padding: 0;
  list-style: none;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.membership-process-step > span {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--color-pastel-sky-100, #EAF5FF);
  color: var(--color-korea-blue-deep);
  font-size: 1.4rem;
  font-weight: 900;
}
.membership-process-step h3 {
  margin: 18px 0 8px;
  color: var(--color-ink-950);
  font-size: 2.1rem;
}
.membership-cta-panel {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, var(--color-pastel-gold-100, #FFF1C8), #fff 62%, var(--color-pastel-sky-100, #EAF5FF));
  border: 1px solid rgba(217,184,106,.28);
}
.membership-cta-panel h2 {
  margin: 0 0 8px;
  color: var(--color-ink-950);
  font-size: 2.6rem;
  line-height: 1.25;
}
.membership-cta-panel p:not(.eyebrow) {
  margin: 0;
  color: var(--color-slate-700);
}
.external-gate-layout .breadcrumb {
  margin-bottom: 26px;
}
.gate-info-panel {
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.external-gate-flow {
  display: grid;
  gap: 24px;
}
.gate-captcha-card, .gate-result-card {
  margin: 0;
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.gate-result-card {
  background: linear-gradient(135deg, #fff, var(--color-pastel-jade-100, #E2F5EF));
}
.gate-captcha-card h2, .gate-result-card h2 {
  margin: 0 0 18px;
  color: var(--color-ink-950);
}
.gate-status {
  width: fit-content;
  max-width: 100%;
  white-space: normal;
}
.contact-index-article, .manager-info-article {
  display: grid;
  gap: 38px;
}
.contact-overview, .manager-overview {
  display: grid;
  gap: 28px;
  padding: 34px;
  border-radius: 30px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF) 62%, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(95,145,201,.16);
  box-shadow: 0 14px 34px rgba(23,50,79,.06);
}
.contact-overview {
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: stretch;
}
.manager-overview {
  display: block;
}
.contact-overview h1, .manager-overview h1 {
  margin: 0 0 14px;
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  color: var(--color-ink-950);
}
.contact-overview__content > p:not(.eyebrow), .manager-overview > p:not(.eyebrow), .contact-routing-note p, .contact-manager-panel p {
  margin: 0;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.contact-routing-note {
  display: grid;
  align-content: center;
  padding: 24px;
  border-radius: 22px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(95,145,201,.14);
}
.contact-routing-note span {
  color: var(--color-korea-blue-deep);
  font-size: 1.4rem;
  font-weight: 900;
  text-transform: uppercase;
}
.contact-routing-note strong {
  margin: 10px 0 8px;
  color: var(--color-ink-950);
  font-size: 2rem;
  line-height: 1.3;
}
.contact-type-section, .manager-card-section {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.contact-type-card-grid, .manager-info-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.contact-type-card a {
  min-height: 230px;
  display: flex;
  flex-direction: column;
}
.contact-type-card .section-more {
  margin-top: auto;
  padding-top: 18px;
  font-weight: 900;
}
.contact-manager-panel {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: center;
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, var(--color-pastel-gold-100, #FFF1C8), #fff 62%, var(--color-pastel-sky-100, #EAF5FF));
  border: 1px solid rgba(217,184,106,.28);
}
.contact-manager-panel h2 {
  margin: 0 0 8px;
  color: var(--color-ink-950);
  font-size: 2.6rem;
  line-height: 1.25;
}
.contact-manager-panel__actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.contact-manager-panel__actions .btn {
  white-space: nowrap;
}
.manager-info-card {
  min-height: 310px;
  display: flex;
  flex-direction: column;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.manager-info-card h2 {
  margin: 14px 0 16px;
  color: var(--color-ink-950);
  font-size: 2.2rem;
  line-height: 1.25;
}
.manager-info-card dl {
  display: grid;
  gap: 10px;
  margin: 0 0 20px;
  color: var(--color-slate-700);
}
.manager-info-card dl div {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: 10px;
}
.manager-info-card dt {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.manager-info-card dd {
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}
.manager-info-card__email {
  width: fit-content;
  margin-top: auto;
}
.manager-info-empty {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
  padding: 24px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
}
.manager-info-empty p {
  margin: 0;
  color: var(--color-slate-700);
}
.search-page-form input {
  flex: 1;
}
.search-layout {
  display: grid;
  gap: 34px;
}
.search-filter-panel, .search-results-section {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.search-filter-panel__intro {
  margin-bottom: 24px;
  max-width: 720px;
}
.search-filter-panel__intro h2 {
  margin: 0 0 8px;
  color: var(--color-ink-950);
  font-size: 2.8rem;
  line-height: 1.25;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.search-filter-panel__intro p:not(.eyebrow) {
  margin: 0;
  color: var(--color-slate-700);
}
.search-page-form {
  display: grid;
  gap: 16px;
  margin-bottom: 0;
}
.search-page-form__grid {
  grid-template-columns: minmax(240px, 1fr) 180px 160px;
}
.search-field {
  display: grid;
  gap: 8px;
  color: var(--color-slate-700);
  font-weight: 900;
}
.search-field span {
  font-size: 1.4rem;
  color: var(--color-korea-blue-deep);
}
.search-page-form__actions {
  margin-top: 0;
}
.search-page-form button {
  min-height: 48px;
  white-space: nowrap;
}
.search-results-head {
  margin-bottom: 22px;
}
.search-result-summary {
  margin: 0;
  color: var(--color-slate-700);
  font-weight: 800;
}
.search-result-list {
  gap: 14px;
}
.search-result-card a {
  min-height: 170px;
  display: flex;
  flex-direction: column;
}
.search-result-card__type {
  width: fit-content;
  max-width: 100%;
}
.search-result-card .section-more {
  margin-top: auto;
  padding-top: 14px;
}
.search-empty-state {
  display: grid;
  gap: 8px;
  padding: 28px;
}
.search-empty-state h3 {
  margin: 0;
  color: var(--color-ink-950);
  font-size: 2.2rem;
}
.search-empty-state p {
  margin: 0;
}
.search-pagination {
  margin-top: 28px;
}
.forum-index-layout .content-article, .forum-archive-layout .content-article {
  display: grid;
  gap: 42px;
}
.forum-feature {
  display: grid;
  gap: 40px;
  padding: 42px;
  border-radius: 30px;
  background: linear-gradient(135deg, var(--color-pastel-sky-50, #F4FAFF), #fff 68%, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(95,145,201,.16);
  margin-bottom: 42px;
}
.forum-feature h1 {
  font-size: clamp(3rem, 4vw, 4.8rem);
  line-height: 1.15;
  margin: 0 0 14px;
  color: var(--color-ink-950);
}
.forum-feature__content > p:not(.eyebrow) {
  margin: 0 0 22px;
  color: var(--color-slate-700);
  font-size: 1.8rem;
}
.forum-event-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}
.forum-event-card a {
  min-height: 260px;
  display: flex;
  flex-direction: column;
}
.forum-event-card__top {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.forum-event-card__schedule {
  display: grid;
  gap: 8px;
  margin: 0 0 16px;
  padding: 14px;
  border-radius: 16px;
  background: var(--color-pastel-sky-50, #F4FAFF);
  color: var(--color-slate-700);
}
.forum-event-card__schedule div {
  display: grid;
  grid-template-columns: 50px minmax(0, 1fr);
  gap: 10px;
}
.forum-event-card__schedule dt {
  font-weight: 900;
  color: var(--color-korea-blue-deep);
}
.forum-event-card__schedule dd {
  margin: 0;
  min-width: 0;
}
.forum-event-card .section-more {
  margin-top: auto;
  padding-top: 16px;
  font-weight: 900;
}
.forum-archive-panel, .forum-archive-section {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50, #F4FAFF));
  border: 1px solid rgba(95,145,201,.14);
}
.forum-archive-panel .section-head--row > p, .forum-archive-section .section-head--row > p {
  max-width: 360px;
  color: var(--color-slate-700);
}
.forum-archive-list {
  display: grid;
  gap: 12px;
}
.forum-archive-item a {
  background: #fff;
  border-color: rgba(95,145,201,.14);
}
.forum-event-layout .breadcrumb {
  margin-bottom: 26px;
}
.forum-event-article .forum-speaker-section, .forum-event-article .forum-program-section, .forum-event-article .forum-materials {
  margin-top: 40px;
}
.forum-schedule-panel {
  background: linear-gradient(135deg, #fff, var(--color-pastel-gold-100, #FFF1C8));
  border: 1px solid rgba(217,184,106,.24);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.forum-schedule-panel > .status {
  margin-bottom: 14px;
}
.forum-program-table {
  display: grid;
  gap: 12px;
  max-width: 100%;
  overflow-x: visible;
}
.forum-program-row {
  border: 1px solid rgba(95,145,201,.14);
  border-radius: 18px;
  display: grid;
  gap: 16px;
  grid-template-columns: minmax(96px, 140px) minmax(0, 1fr);
  padding: 20px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(23,50,79,.04);
}
.forum-program-row > * {
  min-width: 0;
  overflow-wrap: anywhere;
}
.forum-program-time {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.forum-program-row strong {
  color: var(--color-ink-950);
  font-size: 1.9rem;
}
.forum-program-row p {
  margin: 8px 0 0;
  color: var(--color-slate-700);
}
.forum-speaker-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  list-style: none;
  padding: 0;
  margin: 0;
}
.forum-speaker-grid li {
  border: 1px solid rgba(95,145,201,.14);
  border-radius: 18px;
  padding: 22px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(23,50,79,.04);
}
.forum-speaker-grid img {
  width: 96px;
  height: 96px;
  object-fit: cover;
  border-radius: 999px;
  margin-bottom: 14px;
}
.forum-speaker-grid strong {
  display: block;
  color: var(--color-ink-950);
  font-size: 2rem;
}
.forum-speaker-grid p {
  margin: 8px 0 0;
  color: var(--color-slate-700);
}
.forum-materials ul {
  gap: 14px;
}
.forum-materials li {
  display: grid;
  gap: 8px;
}
.forum-materials p {
  margin: 0;
  color: var(--color-slate-700);
}
.agenda-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.agenda-grid span {
  display: grid;
  place-items: center;
  min-height: 86px;
  border-radius: 18px;
  background: #fff;
  font-weight: 900;
  color: var(--color-navy-950);
  box-shadow: 0 10px 28px rgba(7,26,51,.06);
}
.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}
.gallery-card figcaption {
  padding: 14px;
  font-weight: 700;
}
.news-tabs-section {
  padding: 92px 0;
  background: linear-gradient(180deg, var(--color-pastel-sky-50), #fff);
}
.news-list__item a, .document-list__item a {
  background: rgba(255,255,255,.94);
  border-color: rgba(95,145,201,.14);
}
.resources-highlight {
  padding: 92px 0;
  background: #fff;
}
.section-hero {
  padding: 90px 0 82px;
  background: var(--gradient-hero);
  color: var(--color-ink-950);
  border-bottom: 1px solid rgba(95,145,201,.14);
}
.section-hero p:last-child {
  max-width: 720px;
  margin: 0;
  color: var(--color-slate-700);
}
.local-tabs {
  border-bottom: 1px solid var(--color-gray-200);
  background: rgba(255,255,255,.92);
}
.local-tabs__item.is-active, .local-tabs__item:hover {
  color: var(--color-korea-blue-deep);
  border-color: var(--color-korea-blue-deep);
}
@media (max-width: 640px) {
  .local-tabs__inner {
    flex-wrap: wrap;
    gap: 8px;
    overflow-x: visible;
    padding-block: 12px;
  }
  .local-tabs__item {
    flex: 1 1 calc(50% - 8px);
    min-width: 0;
    max-width: 100%;
    padding: 12px 14px;
    text-align: center;
    white-space: normal;
    overflow-wrap: anywhere;
    border: 1px solid var(--color-gray-200);
    border-radius: 999px;
  }
}
.info-panel, .filter-box, .form-card {
  background: var(--color-pastel-sky-50);
  border: 1px solid rgba(95,145,201,.14);
}
.gallery-card {
  margin: 0;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--color-gray-200);
  border-color: rgba(95,145,201,.14);
}

/* Components */
.c-hero, .c-intro-text, .c-rich-text, .c-image-text, .c-quote, .c-table, .c-stats, .c-card-grid, .c-cta-section, .c-partners, .c-business-card, .c-process, .c-case-study, .c-application-guide, .c-agenda-grid, .c-program-table, .c-speaker-grid, .c-event-info, .c-archive-list, .c-document-download, .c-resource-meta, .c-related-content, .c-search-filter, .c-gallery, .c-video, .c-media-card-list, .c-faq, .c-contact-info, .c-map, .c-manager-cards, .c-form-intro {
  margin-block: 32px;
}
.c-hero, .c-intro-text, .c-image-text, .c-cta-section, .c-case-study, .c-application-guide, .c-event-info, .c-archive-list, .c-document-download, .c-related-content, .c-search-filter, .c-faq, .c-contact-info, .c-map, .c-form-intro {
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-sky-50));
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.c-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
  gap: 28px;
  align-items: center;
  background: var(--gradient-diplomatic);
}
.c-hero--center {
  grid-template-columns: 1fr;
  text-align: center;
}
.c-hero picture {
  grid-column: 2;
  grid-row: 1 / span 5;
}
.c-hero img, .c-image-text img, .c-gallery img, .c-video img, .c-map img {
  width: 100%;
  display: block;
  object-fit: cover;
  border-radius: 20px;
}
.c-hero img {
  aspect-ratio: 16 / 9;
}
.c-hero p:first-of-type {
  margin: 0 0 10px;
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.c-hero h2, .c-cta-section h2, .c-form-intro h2, .c-event-info h2, .c-archive-list h2, .c-related-content h2, .c-video h2 {
  margin: 0 0 12px;
  color: var(--color-ink-950);
  font-size: 2.8rem;
  line-height: 1.22;
}
.c-hero p, .c-intro-text p, .c-image-text p, .c-cta-section p, .c-business-card p, .c-case-study p, .c-application-guide p, .c-event-info p, .c-document-download p, .c-faq p, .c-contact-info p, .c-map p, .c-form-intro p {
  color: var(--color-slate-700);
}
.c-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin: 6px 8px 0 0;
  padding: 0 18px;
  border-radius: var(--radius-pill);
  border: 1px solid rgba(62,114,171,.22);
  background: #fff;
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.c-button--primary {
  background: var(--gradient-primary-action);
  color: #fff;
  box-shadow: 0 10px 24px rgba(62,114,171,.18);
}
.c-button--secondary, .c-button--ghost {
  background: var(--color-pastel-sky-100);
  color: var(--color-ink-950);
}
.c-card-grid ul, .c-process ol, .c-program-table ol, .c-speaker-grid ul, .c-document-download ul, .c-gallery ul, .c-media-card-list ul, .c-partners ul, .c-agenda-grid ul, .c-archive-list ul, .c-related-content ul, .c-manager-cards ul {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.c-card-grid ul, .c-speaker-grid ul, .c-gallery ul, .c-media-card-list ul, .c-partners ul, .c-agenda-grid ul, .c-manager-cards ul {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-card-grid--cols-2 ul, .c-partners--cols-2 ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.c-card-grid--cols-4 ul, .c-partners--cols-4 ul {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.c-card-grid li, .c-speaker-grid li, .c-document-download li, .c-gallery figure, .c-media-card-list li, .c-partners li, .c-agenda-grid li, .c-manager-cards li, .c-process li, .c-program-table li {
  min-width: 0;
  padding: 22px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
  box-shadow: 0 10px 24px rgba(23,50,79,.04);
}
.c-card-grid h3, .c-business-card h3, .c-process h3, .c-speaker-grid strong, .c-media-card-list h3 {
  display: block;
  margin: 10px 0 8px;
  color: var(--color-ink-950);
  font-size: 2.1rem;
  line-height: 1.28;
}
.c-card-grid img, .c-gallery img, .c-media-card-list img {
  aspect-ratio: 16 / 10;
}
.c-business-card {
  min-height: 220px;
  display: flex;
  flex-direction: column;
}
.c-business-card > p:first-child {
  width: fit-content;
  margin: 0 0 12px;
  padding: 6px 10px;
  border-radius: var(--radius-pill);
  background: var(--color-pastel-gold-100);
  color: var(--color-bridge-gold-deep);
  font-weight: 900;
}
.c-business-card a {
  margin-top: auto;
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.c-process ol {
  counter-reset: process;
}
.c-process li {
  position: relative;
}
.c-process strong {
  display: inline-flex;
  min-height: 32px;
  align-items: center;
  padding: 0 12px;
  border-radius: var(--radius-pill);
  background: var(--color-pastel-sky-100);
  color: var(--color-korea-blue-deep);
}
.c-program-table li {
  display: grid;
  grid-template-columns: minmax(96px, 140px) minmax(0, 1fr);
  gap: 10px 16px;
  align-items: baseline;
}
.c-program-table time {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.c-program-table strong {
  color: var(--color-ink-950);
  font-size: 1.9rem;
}
.c-program-table span, .c-program-table p {
  grid-column: 2;
  margin: 0;
  color: var(--color-slate-700);
}
.c-speaker-grid img {
  width: 96px;
  height: 96px;
  border-radius: 999px;
}
.c-document-download li {
  display: grid;
  gap: 8px;
}
.c-document-download strong {
  color: var(--color-ink-950);
  font-size: 2rem;
}
.c-document-download time, .c-document-download span {
  color: var(--color-slate-500);
}
.c-document-download a {
  width: fit-content;
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.c-gallery figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.c-gallery figcaption {
  padding: 14px;
  color: var(--color-slate-700);
  font-weight: 800;
}
.c-gallery--masonry ul {
  align-items: start;
}
.c-faq {
  display: grid;
  gap: 12px;
}
.c-faq details {
  border-radius: 16px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
  overflow: hidden;
}
.c-faq summary {
  cursor: pointer;
  padding: 18px 20px;
  color: var(--color-ink-950);
  font-weight: 900;
}
.c-faq details > div, .c-faq details > p {
  padding: 0 20px 18px;
}
.c-contact-info {
  font-style: normal;
}
.c-contact-info a {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
  overflow-wrap: anywhere;
}
.c-map iframe, .c-video iframe {
  width: 100%;
  min-height: 320px;
  border: 0;
  border-radius: 20px;
  background: var(--color-cloud-100);
}
.c-map address {
  margin-top: 16px;
  font-style: normal;
  color: var(--color-slate-700);
}
.c-quote {
  padding: 30px;
  border-left: 6px solid var(--color-korea-blue-deep);
  border-radius: 0 24px 24px 0;
  background: #fff;
  box-shadow: 0 12px 30px rgba(23,50,79,.05);
}
.c-quote blockquote {
  margin: 0;
  color: var(--color-ink-950);
  font-size: 2.2rem;
  line-height: 1.45;
  font-weight: 800;
}
.c-table {
  max-width: 100%;
  overflow-x: auto;
}
.c-table table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
}
.c-table caption {
  margin-bottom: 10px;
  color: var(--color-ink-950);
  font-weight: 900;
  text-align: left;
}
.c-table th, .c-table td {
  padding: 14px;
  border: 1px solid var(--color-line-200);
  text-align: left;
}
.c-table th {
  background: var(--color-pastel-sky-100);
}
.c-stats dl, .c-resource-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}
.c-stats dl > div, .c-resource-meta div {
  padding: 20px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
}
.c-stats dt, .c-resource-meta dt {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.c-stats dd, .c-resource-meta dd {
  margin: 0;
  color: var(--color-slate-700);
}
.c-stats strong {
  color: var(--color-ink-950);
  font-size: 2.8rem;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 22px;
  border-radius: var(--radius-pill);
  font-weight: 800;
  border: 1px solid transparent;
}
.tab-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 24px;
}
.comments-panel {
  margin-top: 42px;
  padding: 30px;
  border-radius: 28px;
  background: linear-gradient(135deg, #fff, var(--color-pastel-jade-100, #E2F5EF));
  border: 1px solid rgba(95,145,201,.14);
}
.comments-panel h2 {
  margin-top: 0;
  color: var(--color-ink-950);
}
.comments-list {
  display: grid;
  gap: 12px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}
.comment-card article {
  padding: 20px;
  border-radius: 18px;
  background: rgba(255,255,255,.9);
  border: 1px solid rgba(95,145,201,.14);
}
.comment-card header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  margin-bottom: 10px;
  color: var(--color-ink-950);
}
.comment-card time {
  color: var(--color-slate-500);
  font-size: 1.4rem;
}
.comment-card p {
  margin: 0;
  color: var(--color-slate-700);
}
.comments-form {
  margin: 22px 0 0;
}
.comments-form > p {
  color: var(--color-slate-700);
}
.empty-state {
  margin: 0;
  padding: 22px;
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(95,145,201,.14);
  color: var(--color-slate-700);
}
.document-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 12px;
}
.document-list__item a {
  display: grid;
  grid-template-columns: 90px 1fr 110px;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--color-gray-200);
  border-radius: 16px;
  align-items: center;
  background: #fff;
}
.document-list__meta {
  color: var(--color-slate-700);
  min-width: 0;
}
.download-action, .download-button em {
  color: var(--color-korea-blue-deep);
  font-weight: 900;
  white-space: nowrap;
}
.location-map-panel {
  display: grid;
  gap: 18px;
}
.location-map-panel h2 {
  margin-top: 0;
}
.location-map-panel img, .location-map-panel iframe {
  width: 100%;
  min-height: 320px;
  border: 0;
  border-radius: 22px;
  background: var(--color-cloud-100);
  box-shadow: 0 12px 30px rgba(23,50,79,.06);
}
.location-note-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.location-note-card {
  padding: 20px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(95,145,201,.14);
}
.location-note-card span {
  display: block;
  margin-bottom: 8px;
  color: var(--color-korea-blue-deep);
  font-weight: 900;
}
.location-note-card p {
  margin: 0;
  color: var(--color-slate-700);
}
.rich-content {
  color: var(--color-gray-950);
}
.rich-content h2 {
  margin-top: 56px;
  color: var(--color-navy-950);
  font-size: 3rem;
}
.rich-content p {
  margin: 0 0 18px;
}
.rich-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 28px 0;
}
.rich-content th, .rich-content td {
  border: 1px solid var(--color-gray-200);
  padding: 14px;
  text-align: left;
}
.rich-content th {
  background: var(--color-gray-100);
}
.post-list {
  display: grid;
  gap: 16px;
}
.post-card a, .application-card a {
  display: block;
  padding: 24px;
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-md);
  background: #fff;
  transition: .18s ease;
}
.post-card h2, .post-card h3, .application-card h3 {
  margin: 10px 0;
  font-size: 2.3rem;
  color: var(--color-navy-950);
}
.post-card p {
  margin: 0 0 10px;
  color: var(--color-gray-700);
}
.post-meta {
  color: var(--color-gray-500);
}
.application-card__meta {
  display: flex;
  gap: 10px;
  align-items: center;
  color: var(--color-gray-700);
}
.application-card dl {
  display: flex;
  gap: 20px;
  color: var(--color-gray-700);
}
.application-card dt {
  display: inline;
  font-weight: 800;
}
.application-card dd {
  display: inline;
  margin: 0 0 0 4px;
}
.application-card-grid, .membership-benefit-grid, .membership-process-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.attachments h2 {
  margin-top: 0;
}
.attachments ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 36px;
}
.pagination__item, .pagination__current {
  padding: 10px 14px;
  border: 1px solid var(--color-gray-200);
  border-radius: 999px;
}
.post-card__category {
  font-weight: 800;
  color: var(--color-korea-blue-deep);
}
.post-card a:hover, .application-card a:hover {
  box-shadow: var(--shadow-card);
  border-color: rgba(31,94,168,.36);
}
.eyebrow {
  margin: 0 0 10px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--color-korea-blue-deep);
}
.btn--primary {
  background: var(--gradient-primary-action);
  color: #fff;
  box-shadow: 0 10px 24px rgba(62,114,171,.18);
}
.btn--accent {
  background: var(--color-china-red-deep);
  color: #fff;
}
.btn--ghost {
  border-color: rgba(23,50,79,.22);
  color: var(--color-ink-950);
  background: rgba(255,255,255,.56);
}
.btn--ghost-dark {
  border-color: rgba(62,114,171,.42);
  color: var(--color-korea-blue-deep);
  background: rgba(255,255,255,.72);
}
.btn--light {
  background: #fff;
  color: var(--color-korea-blue-deep);
  border-color: rgba(62,114,171,.18);
}
.btn--muted {
  background: var(--color-pastel-sky-100);
  color: var(--color-ink-950);
}
.tab-buttons button {
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-pill);
  padding: 12px 22px;
  font-weight: 800;
  cursor: pointer;
  background: rgba(255,255,255,.88);
  border-color: rgba(95,145,201,.18);
  color: var(--color-ink-900);
}
.tab-buttons button[aria-selected="true"] {
  background: var(--color-pastel-sky-100);
  border-color: rgba(62,114,171,.46);
  color: var(--color-korea-blue-deep);
  box-shadow: inset 0 -3px 0 rgba(62,114,171,.22);
}
.document-list__type {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  font-weight: 800;
  font-size: 1.4rem;
  background: var(--color-pastel-red-100);
  color: var(--color-china-red-deep);
}
.attachments {
  margin-top: 40px;
  padding: 24px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-gray-200);
  background: #fff;
  border-color: rgba(95,145,201,.14);
}
.attachments a {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 14px;
  border-radius: 12px;
  background: var(--color-cloud-100);
}
.attachments em {
  font-style: normal;
  font-weight: 800;
  color: var(--color-china-red-deep);
}
.status {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 11px;
  border-radius: 999px;
  font-size: 1.4rem;
  font-weight: 900;
  background: var(--color-pastel-jade-100);
  color: #16755E;
}
.status--scheduled {
  background: var(--color-pastel-gold-100);
  color: var(--color-bridge-gold-deep);
}
.status--closed {
  background: var(--color-cloud-100);
  color: var(--color-slate-700);
}

/* Forms */
.filter-box {
  padding: 24px;
  border-radius: var(--radius-lg);
  background: var(--color-gray-100);
  margin-bottom: 28px;
}
.filter-box__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}
.filter-box label {
  display: grid;
  gap: 6px;
  font-weight: 800;
  color: var(--color-gray-700);
}
.filter-box input, .filter-box select, .form-field input, .form-field select, .form-field textarea, .search-page-form input {
  width: 100%;
  border: 1px solid var(--color-gray-200);
  border-radius: 12px;
  padding: 12px 14px;
  background: #fff;
}
.filter-box__keyword {
  grid-column: span 2;
}
.filter-box__actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 16px;
}
.filter-reset-link {
  white-space: nowrap;
}
.form-card {
  padding: 30px;
  border-radius: var(--radius-lg);
  background: var(--color-gray-100);
}
.form-field {
  margin-bottom: 18px;
}
.form-field label {
  display: block;
  margin-bottom: 6px;
  font-weight: 800;
}
.help-text {
  color: var(--color-gray-500);
  font-size: 1.4rem;
}

/* Footer */
.footer-cta__inner {
  min-height: 130px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.footer-cta strong {
  display: block;
  font-size: 2.4rem;
}
.footer-main {
  padding: 42px 0;
  display: grid;
  gap: 24px;
}
.footer-links {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.family-sites {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.site-footer a {
  color: inherit;
}
.footer-cta {
  background: linear-gradient(135deg, var(--color-pastel-sky-100), #FFFFFF);
  color: var(--color-ink-950);
  border-top: 1px solid rgba(95,145,201,.14);
  border-bottom: 1px solid rgba(95,145,201,.14);
}
.footer-cta p {
  margin: 6px 0 0;
  color: var(--color-slate-700);
}
.site-footer {
  background: #F4F8FC;
  color: var(--color-slate-700);
  border-top: 4px solid #CFE3F6;
}
.site-footer address {
  font-style: normal;
  color: var(--color-slate-700);
}
.footer-links a:first-child {
  font-weight: 900;
  color: var(--color-korea-blue-deep);
}
.family-sites select {
  min-width: 280px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 12px;
  padding: 10px;
  color: var(--color-ink-950);
  background: #fff;
  border-color: rgba(95,145,201,.22);
}
.family-sites button {
  border: 0;
  border-radius: 12px;
  padding: 10px 14px;
  font-weight: 800;
  color: #fff;
  background: var(--color-korea-blue-deep);
}

/* Responsive */
@media (max-width: 1120px) {
  .primary-nav, .header-search {
    display: none;
  }
  .menu-toggle {
    display: block;
  }
  .quick-services__grid, .business-grid, .home-stat-band__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .home-intro__grid, .home-faq-cta__grid {
    grid-template-columns: 1fr;
  }
  .home-faq-cta__content {
    position: static;
  }
  .about-intro, .about-detail-layout {
    grid-template-columns: 1fr;
  }
  .about-brief {
    position: static;
  }
  .business-overview {
    grid-template-columns: 1fr;
  }
  .business-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .resources-overview, .resource-academic-highlight .academic-highlight__inner, .news-hub-overview, .join-overview, .contact-overview {
    grid-template-columns: 1fr;
  }
  .forum-event-grid {
    grid-template-columns: 1fr;
  }
  .news-list, .news-card-list, .newsletter-issue-grid, .application-card-grid, .membership-benefit-grid, .membership-process-list {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 820px) {
  .container {
    width: min(100% - 28px, var(--container));
  }
  .utility-links {
    display: none;
  }
  .site-header__inner {
    min-height: 72px;
  }
  .quick-services__grid, .business-grid, .home-stat-band__grid, .about-value-grid, .about-card-grid, .location-note-grid, .business-card-grid, .business-process-list, .business-detail-article .business-process-list, .resources-highlight__grid, .resource-document-item a, .resource-academic-highlight .academic-links a, .integrated-search__inner, .forum-feature, .forum-event-grid, .forum-program-row, .content-article--with-aside, .filter-box__grid, .gallery-grid, .news-hub-overview, .news-card-list, .newsletter-issue-grid, .join-overview, .application-card-grid, .membership-benefit-grid, .membership-process-list, .contact-overview, .contact-type-card-grid, .manager-info-card-grid, .search-page-form, .c-hero, .c-image-text, .c-card-grid ul, .c-card-grid--cols-2 ul, .c-card-grid--cols-4 ul, .c-speaker-grid ul, .c-gallery ul, .c-media-card-list ul, .c-partners ul, .c-partners--cols-2 ul, .c-partners--cols-4 ul, .c-agenda-grid ul, .c-manager-cards ul, .c-stats dl, .c-resource-meta {
    grid-template-columns: 1fr;
  }
  .c-hero picture, .c-program-table span, .c-program-table p {
    grid-column: auto;
    grid-row: auto;
  }
  .c-hero, .c-intro-text, .c-image-text, .c-cta-section, .c-case-study, .c-application-guide, .c-event-info, .c-archive-list, .c-document-download, .c-related-content, .c-search-filter, .c-faq, .c-contact-info, .c-map, .c-form-intro {
    padding: 22px;
    border-radius: 22px;
  }
  .c-program-table li {
    grid-template-columns: 1fr;
  }
  .quick-card {
    min-height: 190px;
  }
  .home-intro, .home-stat-band, .home-faq-cta, .integrated-search, .business-grid-section, .news-tabs-section, .resources-highlight, .cta-band {
    padding: 58px 0;
  }
  .section-head--row {
    flex-direction: column;
    align-items: flex-start;
  }
  .home-intro__media {
    min-height: 280px;
  }
  .home-intro__mark {
    left: 28px;
    top: 28px;
    width: 90px;
    height: 90px;
  }
  .home-intro__line {
    left: 48px;
    right: 28px;
  }
  .about-intro__visual {
    min-height: 260px;
  }
  .about-intro__visual span {
    min-width: 72px;
    min-height: 72px;
  }
  .about-detail-layout .breadcrumb {
    margin-bottom: 0;
  }
  .location-map-panel img, .location-map-panel iframe {
    min-height: 240px;
  }
  .business-process-overview, .business-index-cta {
    padding: 24px;
    border-radius: 22px;
  }
  .business-program-card a {
    min-height: 240px;
  }
  .business-process-step {
    min-height: 0;
  }
  .forum-feature, .forum-archive-panel, .forum-archive-section {
    padding: 24px;
    border-radius: 22px;
  }
  .forum-event-card a {
    min-height: 240px;
  }
  .forum-event-card__top {
    align-items: flex-start;
    flex-direction: column;
  }
  .forum-event-card__schedule div {
    grid-template-columns: 1fr;
    gap: 3px;
  }
  .news-hub-overview, .news-tab-board, .comments-panel, .newsletter-archive, .media-gallery-head, .media-gallery-section, .join-overview, .join-application-section, .membership-benefit-section, .membership-process-section, .membership-cta-panel, .gate-captcha-card, .gate-result-card, .contact-overview, .contact-type-section, .contact-manager-panel, .manager-overview, .manager-card-section, .search-filter-panel, .search-results-section {
    padding: 24px;
    border-radius: 22px;
  }
  .news-card a, .newsletter-issue-card a, .join-application-card a, .membership-benefit-card, .membership-process-step, .contact-type-card a, .manager-info-card, .search-result-card a {
    min-height: 0;
  }
  .membership-cta-panel, .contact-manager-panel, .manager-info-empty {
    align-items: flex-start;
    flex-direction: column;
  }
  .comment-card header {
    align-items: flex-start;
    flex-direction: column;
    gap: 4px;
  }
  .resource-academic-highlight {
    padding: 24px;
    border-radius: 22px;
  }
  .resource-academic-highlight .academic-links em {
    grid-column: auto;
  }
  .resource-document-item > p {
    margin: 8px 0 0;
  }
  .download-action {
    white-space: normal;
  }
  .integrated-search__inner, .forum-feature {
    padding: 28px;
  }
  .integrated-search__form, .search-page-form {
    border-radius: 18px;
    flex-direction: column;
  }
  .integrated-search__form button, .search-page-form button {
    min-height: 48px;
  }
  .news-list__item a, .document-list__item a {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .news-list time {
    text-align: left;
  }
  .content-article--with-aside .content-article__head, .content-article--with-aside .rich-content, .content-article--with-aside .attachments, .content-article--with-aside .post-actions, .info-panel {
    grid-column: auto;
  }
  .info-panel {
    position: static;
    grid-row: auto;
  }
  .filter-box__keyword {
    grid-column: auto;
  }
  .footer-cta__inner {
    padding: 28px 0;
    flex-direction: column;
    align-items: flex-start;
  }
  .media-teaser__grid, .academic-highlight__inner, .partner-band__logos {
    grid-template-columns: 1fr;
  }
  .media-tile-list {
    grid-template-columns: 1fr;
  }
  .integrated-search {
    padding: 52px 0;
  }
  .media-teaser, .academic-highlight, .partner-band {
    padding: 58px 0;
  }
  .top-alert-bar__inner {
    padding: 12px 0;
    align-items: flex-start;
    flex-direction: column;
  }
  .top-alert-bar a {
    margin-left: 0;
  }
  .home-hero {
    min-height: 540px;
  }
  .home-hero__inner {
    padding: 72px 0 100px;
  }
  .quick-services {
    margin-top: -40px;
  }
}