/* =============================================================================
   공통 기반 — kofa-static
   ============================================================================= */
.kofa-static { --kofa-static-text: #262831; --kofa-static-muted: #58585a; --kofa-static-border: #e1e1e1; --kofa-static-subtle: #f9f9f9; --kofa-static-notice: #f4f7fa; color: var(--kofa-static-text); font: 400 16px/1.5 "Pretendard GOV", sans-serif; letter-spacing: -0.6px; }
.kofa-static :where(p) { margin: 0; }
.kofa-static ul { margin: 0; padding: 0; list-style: none; }
.kofa-static li::before { content: "• "; }
.kofa-static strong { font-weight: 600; }
.kofa-static img { display: block; }
/* =============================================================================
   공유 탭과 복사 — kofa-static-tab, kofa-static-copy
   ============================================================================= */
.kofa-static-tab__list { display: flex; }
.kofa-static-tab--responsive .kofa-static-tab__list[hidden] { display: none; }
.kofa-static-tab__picker { padding-block: 20px; }
.kofa-static-tab__picker[hidden] { display: none; }
.kofa-static-tab__button { flex: 1; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px 13px; border: 1.5px solid #d4d4d6; position: relative; border-bottom: 0; border-radius: 12px 12px 0 0; background: #fff; color: #262831; font: 600 18px/27px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
.kofa-static-tab__button span { color: #727276; font-size: 16px; line-height: 24px; }
/* 하단선은 겹쳐 그린다(Figma 4px CENTER stroke의 노출 2px). 아래 padding 13px은 Figma 탭 영역 53.5px(본문 52.5 + 간격 1 + 선 노출)을 맞춘다. 좌우 테두리 아래까지 덮어 끊기지 않게 한다. 선택 탭은 선이 없다. */
.kofa-static-tab__button::after { position: absolute; right: -1.5px; bottom: 0; left: -1.5px; height: 2px; background: #262831; content: ""; }
/* 이웃 탭 세로선은 1.5px 한 줄(Figma 비선택 탭 왼쪽 stroke 0). 겹쳐 놓고 선택 탭을 위로 올린다. */
.kofa-static-tab__list > .kofa-static-tab__button + .kofa-static-tab__button { margin-left: -1.5px; }
.kofa-static-tab__button[aria-selected="true"] { z-index: 1; border-color: #262831; }
.kofa-static-tab__button[aria-selected="true"]::after { content: none; }
.kofa-static-tab__button[aria-selected="true"] span { color: #262831; }
/* 밑줄 가로 스크롤 변형(영상도서관 좌석 탭 M 3687:172736). mobile에서 탭 100×52(선 포함), 선택 16/600·하단 2px, 나머지 16/400·하단 1px. */
@media (max-width: 599px) {
  .kofa-static-tab--scroll .kofa-static-tab__list { overflow-x: auto; scrollbar-width: none; }
}
@media (max-width: 599px) {
  .kofa-static-tab--scroll .kofa-static-tab__button { flex: 0 0 100px; padding: 16px 0 11px; border: 0; border-bottom: 1px solid #e1e1e1; border-radius: 0; color: #727276; font: 400 16px/24px "Pretendard GOV", sans-serif; white-space: nowrap; }
}
@media (max-width: 599px) {
  .kofa-static-tab--scroll .kofa-static-tab__button::after { content: none; }
}
@media (max-width: 599px) {
  .kofa-static-tab--scroll .kofa-static-tab__list > .kofa-static-tab__button + .kofa-static-tab__button { margin-left: 0; }
}
@media (max-width: 599px) {
  .kofa-static-tab--scroll .kofa-static-tab__button[aria-selected="true"] { border-bottom: 2px solid #262831; padding-bottom: 10px; color: #262831; font-weight: 600; }
}
.kofa-static-tab__list .kofa-static-tab__button:focus-visible {
  z-index: 2;
  outline: var(--kofa-outline-focus-width) solid var(--kofa-color-focus-ring);
  outline-offset: var(--kofa-outline-focus-offset);
}
.kofa-static-tab__list .kofa-static-tab__button:focus-visible::after {
  right: 0;
  left: 0;
  height: var(--kofa-outline-focus-width);
  background: var(--kofa-color-focus-ring);
  content: "";
}
.kofa-static-tab__panel { margin-top: 16px; }
.kofa-static-tab__panel[hidden] { display: none; }
/* 접기·펼치기(kofa-static-accordion). 동작과 펼침 애니메이션만 공유한다. 버튼·제목 모양은 페이지 구역이 정한다. */
.kofa-static-accordion__button { display: flex; align-items: center; justify-content: space-between; gap: 8px; width: 100%; padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: left; cursor: pointer; }
.kofa-static-accordion__button::after { content: ""; flex: 0 0 24px; width: 24px; height: 24px; background: url("/icons/static-page/chevron/chevron-down.svg") center / 24px 24px no-repeat; transition: transform 200ms ease; }
.kofa-static-accordion.kofa-is-open > .kofa-static-accordion__button::after { transform: rotate(180deg); }
.kofa-static-accordion__panel { display: grid; grid-template-rows: 0fr; overflow: hidden; transition: grid-template-rows 240ms ease; }
.kofa-static-accordion__panel > * { min-height: 0; }
.kofa-static-accordion.kofa-is-open > .kofa-static-accordion__panel { grid-template-rows: 1fr; }
@media (prefers-reduced-motion: reduce) {
  .kofa-static-accordion__panel { transition: none; }
  .kofa-static-accordion__button::after { transition: none; }
}
/* 본문 안 이동 목적지. 이동했을 때 위 여백을 남긴다. */
.kofa-static-jump-target { scroll-margin-top: 24px; }
/* 공개 변수: --kofa-static-copy-{gap,min-width,min-height,value-min-width,value-padding-inline-end}.
 * 페이지 자기 선택자에서 원본 인스턴스 간격·크기를 지정한다. */
.kofa-static-copy { display: inline-flex; align-items: center; gap: var(--kofa-static-copy-gap, 4px); }
/* 좁은 폭: 긴 이메일·전화번호가 부모 폭을 넘지 않게 줄을 바꾼다. */
@media (max-width: 599px) {
  .kofa-static-copy { flex-wrap: wrap; max-width: 100%; }
  .kofa-static-copy > span { min-width: var(--kofa-static-copy-value-min-width, 0); overflow-wrap: anywhere; }
}
.kofa-static-copy__value { box-sizing: border-box; min-width: var(--kofa-static-copy-value-min-width, auto); padding-inline-end: var(--kofa-static-copy-value-padding-inline-end, 0px); }
.kofa-static-copy__button { display: inline-flex; align-items: center; justify-content: center; min-width: var(--kofa-static-copy-min-width, 25px); min-height: var(--kofa-static-copy-min-height, 24px); border: 0; padding: 0; background: none; color: #30666b; text-decoration: underline; text-underline-position: from-font; padding-inline: 2px; font: 600 12px/18px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-copy__button { flex-shrink: 0; min-height: var(--kofa-static-copy-min-height, 34px); }
}
@media (max-width: 599px) {
  .kofa-static-copy__button { min-width: var(--kofa-static-copy-min-width, 44px); min-height: var(--kofa-static-copy-min-height, 44px); }
}
/* =============================================================================
   공통파일 — kofa-cms-file
   ============================================================================= */
.kofa-cms-file { width: 100%; display: grid; gap: 8px; margin-top: 16px; font-family: "Pretendard GOV", sans-serif; letter-spacing: -0.6px; }
@media (max-width: 1279px) {
  .kofa-cms-file { container: kofa-cms-file / inline-size; min-width: 0; }
}
/* 공개 변수 --kofa-cms-file-row-padding-inline: 페이지 자기 선택자로 인스턴스 좌우 여백 지정, 기본 16px */
/* 글자 묶음 46px를 버튼 48px 가운데에 둔다(Figma 라벨 위 17·용량 위 45, 3436:86155) */
.kofa-cms-file__row { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; grid-template-rows: 24px 18px; align-content: center; column-gap: 12px; row-gap: 4px; width: 100%; min-height: 80px; box-sizing: border-box; padding: 16px var(--kofa-cms-file-row-padding-inline, 16px) 15px; background: #fff; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-cms-file__row { min-width: 0; grid-template-rows: minmax(24px, auto) minmax(18px, auto); }
}
@container kofa-cms-file (max-width: 260px) {
  .kofa-cms-file__row { grid-template-columns: 28px minmax(0, 1fr); grid-template-rows: auto auto auto; }
}
/* 마지막 행은 파일 형식과 상관없이 아래 선을 두지 않는다. */
.kofa-cms-file__row:last-child { border-bottom: 0; padding-bottom: 16px; }
.kofa-cms-file__icon { grid-column: 1; grid-row: 1 / 3; width: 28px; height: 28px; background: url("/icons/static-page/file.svg") center / 28px 28px no-repeat; }
.kofa-cms-file__row--gif .kofa-cms-file__icon { background-image: url("/icons/static-page/gif.svg"); }
.kofa-cms-file__row--jpg .kofa-cms-file__icon { background-image: url("/icons/static-page/jpg.svg"); }
.kofa-cms-file__row--png .kofa-cms-file__icon { background-image: url("/icons/static-page/png.svg"); }
.kofa-cms-file__row--zip .kofa-cms-file__icon { background-image: url("/icons/static-page/zip.svg"); }
.kofa-cms-file__row--xls .kofa-cms-file__icon { background-image: url("/icons/static-page/xls.svg"); }
.kofa-cms-file__row--xlsx .kofa-cms-file__icon { background-image: url("/icons/static-page/xlsx.svg"); }
.kofa-cms-file__row--hwp .kofa-cms-file__icon { background-image: url("/icons/static-page/hwp.svg"); }
.kofa-cms-file__row--doc .kofa-cms-file__icon { background-image: url("/icons/static-page/doc.svg"); }
.kofa-cms-file__row--ppt .kofa-cms-file__icon { background-image: url("/icons/static-page/ppt.svg"); }
.kofa-cms-file__row--pptx .kofa-cms-file__icon { background-image: url("/icons/static-page/pptx.svg"); }
.kofa-cms-file__row--pdf .kofa-cms-file__icon { background-image: url("/icons/static-page/pdf.svg"); }
.kofa-cms-file__label { grid-column: 2; grid-row: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; font-weight: 600; line-height: 24px; color: #58585a; }
.kofa-cms-file__size { grid-column: 2; grid-row: 2; font-size: 12px; line-height: 18px; color: #58585a; }
@media (max-width: 1279px) {
  .kofa-cms-file__size { min-width: 0; overflow-wrap: anywhere; }
}
.kofa-cms-file__download { grid-column: 3; grid-row: 1 / 3; display: inline-flex; align-items: center; justify-content: center; gap: 4px; align-self: center; box-sizing: border-box; min-height: 48px; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; color: #58585a; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; text-decoration: none; cursor: pointer; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-cms-file__download { min-width: 0; max-width: 100%; }
}
@container kofa-cms-file (max-width: 260px) {
  .kofa-cms-file__download { grid-column: 1 / -1; grid-row: 3; justify-self: start; margin-top: 8px; white-space: normal; overflow-wrap: anywhere; }
}
.kofa-cms-file__download::after { content: ""; width: 20px; height: 20px; background: url("/icons/static-page/action/download.svg") center / 20px 20px no-repeat; }
.kofa-cms-file__row--error { grid-template-columns: 28px minmax(0, 1fr); }

/* =============================================================================
   이용안내 — /cinematheque/guide
   ============================================================================= */
.kofa-static-cinematheque-guide__image-sound { display: block; width: 32px; min-width: 32px; height: 32px; background: url("/icons/static-page/sound.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-section { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/section.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-info { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/info.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-bell { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/bell.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-notice-chevron { display: block; width: 16px; min-width: 16px; height: 16px; background: url("/icons/static-page/notice-chevron.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-program { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/program.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-chevron { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/chevron.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide__image-movie { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/movie.png") center / contain no-repeat; }
.kofa-static-cinematheque-guide { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide { overflow-wrap: anywhere; gap: 0; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide { gap: 48px; }
}
.kofa-static-cinematheque-guide__free { display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__free { align-items: flex-start; margin-bottom: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__free { flex-direction: column; padding: 16px; margin-bottom: 0; }
}
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__free p { word-break: keep-all; }
}
.kofa-static-cinematheque-guide__free span { padding: 3px 10px; border: 1px solid #285d8b; border-radius: 6px; background: #fff; color: #285d8b; font-size: 14px; line-height: 21px; font-weight: 400; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__free span { flex-shrink: 0; }
}
.kofa-static-cinematheque-guide__section > h3 { margin: 0 0 32px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__section > h3 { margin-bottom: 24px; font-size: 22px; line-height: 1.5; }
}
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__section + .kofa-static-cinematheque-guide__section { margin-top: 64px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__section + .kofa-static-cinematheque-guide__section { margin-top: 0; }
}
.kofa-static-cinematheque-guide__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__columns { align-items: stretch; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__columns { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-cinematheque-guide__card { padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__card { padding: 16px; }
}
.kofa-static-cinematheque-guide__card > p:last-child { margin-top: 8px; color: var(--kofa-static-muted); }
.kofa-static-cinematheque-guide__card:has(> .kofa-static-cinematheque-guide__lead) > p:last-child { font-size: var(--kofa-typo-body-5-size, 18px); line-height: 1.8; }
.kofa-static-cinematheque-guide__card:has(> .kofa-static-cinematheque-guide__lead) > p:last-child strong { font-size: var(--kofa-typo-body-4-size, 16px); }
.kofa-static-cinematheque-guide__card ul { margin-top: 8px; color: var(--kofa-static-muted); font-size: var(--kofa-typo-body-5-size, 18px); line-height: 1.8; }
.kofa-static-cinematheque-guide .kofa-static-cinematheque-guide__label { margin-bottom: 8px; color: var(--kofa-static-muted); font-size: 14px; line-height: 21px; }
.kofa-static-cinematheque-guide__card > .kofa-static-cinematheque-guide__label { color: var(--kofa-static-text); font-weight: 600; }
.kofa-static-cinematheque-guide__lead { font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__lead { font-size: 22px; line-height: 1.5; }
}
.kofa-static-cinematheque-guide__notes { display: grid; gap: 8px; margin-top: 16px; font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-cinematheque-guide__section-description { margin-bottom: 32px; color: var(--kofa-static-muted); }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__section:has(> .kofa-static-cinematheque-guide__section-description) > h3 { margin-bottom: 12px; }
}
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__section-description { margin-bottom: 24px; }
}
.kofa-static-cinematheque-guide__facility { display: flex; align-items: start; gap: 32px; padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__facility { align-items: center; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__facility { flex-direction: column; gap: 24px; padding: 15px; }
}
.kofa-static-cinematheque-guide__specifications { flex: 1; min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__specifications { width: 100%; }
}
.kofa-static-cinematheque-guide__specifications h4 { margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-cinematheque-guide__specifications table { width: 100%; border-collapse: separate; border-spacing: 0; background: #fff; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__specifications table { table-layout: fixed; }
}
.kofa-static-cinematheque-guide__specifications th { width: 108px; box-sizing: border-box; height: 72px; text-align: left; vertical-align: middle; padding: 14px 16px; border-bottom: 1px solid var(--kofa-static-border); font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__specifications th { width: 108px; height: 53px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__specifications th { width: 96px; }
}
.kofa-static-cinematheque-guide__specifications td { box-sizing: border-box; height: 72px; vertical-align: middle; padding: 14px 16px; border-bottom: 1px solid var(--kofa-static-border); }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__specifications td { height: 53px; }
}
.kofa-static-cinematheque-guide__specifications tr:last-child th { border-bottom: 0; }
.kofa-static-cinematheque-guide__specifications tr:last-child td { border-bottom: 0; }
.kofa-static-cinematheque-guide__seat-map { width: 196px; height: auto; aspect-ratio: 196 / 266; border-radius: 12px; flex: 0 0 196px; display: block; background: url("/images/static-page/cinematheque-guide/hall-1.png") center / cover no-repeat; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__seat-map { max-width: 100%; flex-basis: 196px; }
}
.kofa-static-cinematheque-guide__seat-map--second { aspect-ratio: 254 / 344; background-image: url("/images/static-page/cinematheque-guide/hall-2.png"); }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__halls .kofa-static-tab__button { flex: 1 1 0; }
}
.kofa-static-cinematheque-guide__sound { display: flex; align-items: start; gap: 16px; padding: 24px; margin-top: 16px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__sound { flex-direction: column; gap: 12px; padding: 16px; }
}
.kofa-static-cinematheque-guide__sound p + p { margin-top: 8px; color: var(--kofa-static-muted); }
.kofa-static-cinematheque-guide__subsection { margin-top: 24px; }
.kofa-static-cinematheque-guide__section > h3 + .kofa-static-cinematheque-guide__subsection { margin-top: 0; }
.kofa-static-cinematheque-guide__subsection h4 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-cinematheque-guide__admission { display: grid; gap: 8px; color: var(--kofa-static-text); }
.kofa-static-cinematheque-guide__reservation-caption { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); margin-bottom: 16px; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__subsection:has(> .kofa-static-cinematheque-guide__reservation-caption) h4 { margin-bottom: 8px; }
}
.kofa-static-cinematheque-guide__reservation { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; border-top: 2px solid #262831; text-align: left; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__reservation { width: 944px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__reservation-scroll { overflow-x: scroll; padding-bottom: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__reservation-scroll::-webkit-scrollbar { height: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__reservation-scroll::-webkit-scrollbar-track { background: #e1e1e1; border-radius: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__reservation-scroll::-webkit-scrollbar-thumb { background: #58585a; border-radius: 8px; }
}
.kofa-static-cinematheque-guide__reservation th { padding: 15.5px 16px; border-right: 1px solid var(--kofa-static-border); border-bottom: 1px solid var(--kofa-static-border); font-weight: 600; box-sizing: border-box; }
.kofa-static-cinematheque-guide__reservation thead { background: var(--kofa-static-subtle); }
.kofa-static-cinematheque-guide__reservation thead th { padding-block: 16px; }
.kofa-static-cinematheque-guide__reservation th:first-child { width: 180px; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__reservation th:first-child { width: 176px; }
}
.kofa-static-cinematheque-guide__reservation th:last-child { border-right: 0; }
.kofa-static-cinematheque-guide__reservation td { padding: 15.5px 16px; border-right: 1px solid var(--kofa-static-border); border-bottom: 1px solid var(--kofa-static-border); }
.kofa-static-cinematheque-guide__reservation td:last-child { border-right: 0; }
.kofa-static-cinematheque-guide__admission strong { color: #cf3541; }
.kofa-static-cinematheque-guide__card + .kofa-static-cinematheque-guide__notes { margin-top: 12px; }
.kofa-static-cinematheque-guide__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__notice { flex-direction: column; gap: 16px; padding: 16px; }
}
.kofa-static-cinematheque-guide__notice > .kofa-static-cinematheque-guide__image-info { flex: 0 0 24px; }
.kofa-static-cinematheque-guide__card h4 { margin: 0 0 8px; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-cinematheque-guide__document { padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__document { padding: 15px; }
}
.kofa-static-cinematheque-guide__document h5 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-cinematheque-guide__document > p { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-cinematheque-guide__document:first-child .kofa-cms-file__row:last-child { border-bottom: 1px solid var(--kofa-static-border); padding-bottom: 15px; }
.kofa-static-cinematheque-guide__announcement { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding: 15px 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__announcement { flex-direction: column; align-items: stretch; padding-block: 15px; }
}
.kofa-static-cinematheque-guide__announcement p { display: flex; align-items: center; gap: 12px; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__announcement p { align-items: flex-start; }
}
.kofa-static-cinematheque-guide__announcement a { display: inline-flex; align-items: center; gap: 4px; padding: 7px; border: 1px solid var(--kofa-static-border); border-radius: 8px; font-size: 12px; font-weight: 600; line-height: 18px; color: var(--kofa-static-muted); white-space: nowrap; text-decoration: none; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__announcement a { padding-block: 6px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__announcement a { box-sizing: border-box; min-height: 48px; padding: 11px 16px; border-radius: 10px; font-size: 16px; line-height: 24px; justify-content: center; }
}
.kofa-static-cinematheque-guide__contact { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 24px; padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__contact { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__contact { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}
.kofa-static-cinematheque-guide__contact > div > p:last-child { font-size: 18px; line-height: 27px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__contact > div > p:last-child { font-size: 20px; line-height: 30px; }
}
.kofa-static-cinematheque-guide__phones { display: flex; gap: 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__phones { min-width: 0; font-size: 20px; line-height: 30px; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__phones { flex-direction: column; align-items: flex-start; gap: 0; }
}
.kofa-static-cinematheque-guide__phones > span { min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-cinematheque-guide__phones > span { min-height: 34px; }
}
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__phones > span { min-height: 44px; gap: 8px; }
}
.kofa-static-cinematheque-guide__phones > span > span { min-width: 0; }
.kofa-static-cinematheque-guide__shortcut { display: flex; align-items: start; gap: 12px; padding: 20px; border: 1px solid var(--kofa-static-border); border-radius: 16px; color: var(--kofa-static-text); text-decoration: none; }
@media (max-width: 599px) {
  .kofa-static-cinematheque-guide__shortcut { padding: 16px; align-items: center; }
}
.kofa-static-cinematheque-guide__shortcut > div { flex: 1; min-width: 0; }
.kofa-static-cinematheque-guide__shortcut h4 { display: flex; align-items: center; justify-content: space-between; margin: 0 0 6px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-cinematheque-guide__shortcut p { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }

.kofa-static-cinematheque-guide__section:has(> .kofa-static-cinematheque-guide__section-description) > h3 { margin-bottom: 12px; }
.kofa-static-cinematheque-guide__subsection:has(> .kofa-static-cinematheque-guide__reservation-caption) > h4 { margin-bottom: 8px; }

/* =============================================================================
   찾아가는 영화관 — /cinematheque/mobile-cinema
   ============================================================================= */
.kofa-static-mobile-cinema__image-target-institution { display: block; width: 48px; min-width: 48px; height: 48px; background: url("/icons/static-page/mobile-cinema-target-institution.svg") center / contain no-repeat; }
.kofa-static-mobile-cinema__image-target-generations { display: block; width: 48px; min-width: 48px; height: 48px; background: url("/icons/static-page/mobile-cinema-target-generations.svg") center / contain no-repeat; }
.kofa-static-mobile-cinema__image-target-events { display: block; width: 48px; min-width: 48px; height: 48px; background: url("/icons/static-page/mobile-cinema-target-events.svg") center / contain no-repeat; }
.kofa-static-mobile-cinema__image-contact-info { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/mobile-cinema-contact-info.svg") center / contain no-repeat; }
.kofa-static-mobile-cinema { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema { gap: 48px; }
}
.kofa-static-mobile-cinema__section { display: grid; gap: 32px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__section { gap: 24px; }
}
.kofa-static-mobile-cinema__section h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__section h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-mobile-cinema__section--restrictions { gap: 20px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__section--restrictions { gap: 24px; }
}
.kofa-static-mobile-cinema__section--restrictions > p { color: var(--kofa-static-muted); font-size: 18px; line-height: 1.8; }
.kofa-static-mobile-cinema__targets { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__targets { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-mobile-cinema__target { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; box-sizing: border-box; min-height: 192px; padding: 24px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--kofa-static-border); background: #fff; text-align: center; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__target { align-items: start; min-height: 0; text-align: left; }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__target { padding: 16px; }
}
.kofa-static-mobile-cinema__target > span { flex-shrink: 0; }
.kofa-static-mobile-cinema__target > p { word-break: keep-all; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__target-separator { display: none; }
}
.kofa-static-mobile-cinema__procedure-heading { display: grid; gap: 12px; }
.kofa-static-mobile-cinema__procedure-heading p { color: var(--kofa-static-muted); font-size: 14px; line-height: 21px; }
.kofa-static-mobile-cinema__procedures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__procedures { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-mobile-cinema__procedure { display: flex; flex-direction: column; gap: 24px; padding: 24px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--kofa-static-border); }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__procedure { padding: 16px; }
}
.kofa-static-mobile-cinema__procedure h4 { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-mobile-cinema__steps { display: grid; gap: 32px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__steps { gap: 24px; }
}
.kofa-static-mobile-cinema__step { display: flex; align-items: start; gap: 12px; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__step { flex-direction: column; }
}
.kofa-static-mobile-cinema .kofa-static-mobile-cinema__step::before { content: none; }
.kofa-static-mobile-cinema__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: var(--kofa-static-text); color: #fff; font-size: 14px; font-weight: 600; line-height: 21px; }
.kofa-static-mobile-cinema__step-description { flex: 1; min-width: 0; display: grid; gap: 6px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__step-description { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__step-description { flex: auto; width: 100%; }
}
.kofa-static-mobile-cinema__step-description h5 { margin: 0; font-size: 18px; font-weight: 600; line-height: 27px; }
.kofa-static-mobile-cinema__step-description p { color: var(--kofa-static-muted); font-size: 16px; line-height: 24px; }
.kofa-static-mobile-cinema__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-mobile-cinema__notice > .kofa-static-mobile-cinema__image-contact-info { flex: 0 0 24px; }
.kofa-static-mobile-cinema__line-break { display: none; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__line-break { display: initial; }
}
.kofa-static-mobile-cinema__contact { margin: 0; padding: 24px; border-radius: 16px; box-shadow: inset 0 0 0 1px var(--kofa-static-border); }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__contact { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__contact { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}
.kofa-static-mobile-cinema__contact-row { display: flex; align-items: center; min-height: 64px; box-shadow: inset 0 -1px var(--kofa-static-border); }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__contact-row { flex-direction: column; align-items: stretch; min-height: 0; gap: 8px; box-shadow: none; }
}
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__contact-row:first-child { grid-row: span 2; }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__contact-row:first-child { grid-row: auto; }
}
.kofa-static-mobile-cinema__contact-row:last-child { box-shadow: none; }
.kofa-static-mobile-cinema__contact-row dt { box-sizing: border-box; display: flex; align-items: center; flex: 0 0 128px; min-height: 64px; padding: 14px 16px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__contact-row dt { flex: auto; min-height: 0; padding: 0; color: var(--kofa-static-muted); font-size: 14px; font-weight: 400; line-height: 21px; }
}
.kofa-static-mobile-cinema__contact-row dd { box-sizing: border-box; display: flex; align-items: center; min-height: 64px; margin: 0; padding: 14px 16px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__contact-row dd { min-width: 0; min-height: 0; padding: 0; font-size: 20px; font-weight: 700; line-height: 30px; }
}
.kofa-static-mobile-cinema__contact-copy { gap: 8px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__contact-copy { min-width: 0; max-width: 100%; min-height: 34px; }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__contact-copy { min-height: 44px; }
}
.kofa-static-mobile-cinema__activities { display: grid; gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__activities { gap: 32px; }
}
.kofa-static-mobile-cinema__activity { display: flex; align-items: center; gap: 32px; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__activity { flex-direction: column; align-items: stretch; gap: 16px; }
}
.kofa-static-mobile-cinema__activity-image { width: 39.795918%; aspect-ratio: 390 / 219; height: auto; display: block; background: center / cover no-repeat; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-mobile-cinema__activity-image { width: 390px; max-width: calc((100% - 32px) / 2); }
}
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__activity-image { width: 100%; max-width: none; }
}
.kofa-static-mobile-cinema__activity-image--jincheon { background-image: url("/images/static-page/mobile-cinema/activity-jincheon.jpg"); }
.kofa-static-mobile-cinema__activity-image--changnyeong { background-image: url("/images/static-page/mobile-cinema/activity-changnyeong.jpg"); }
.kofa-static-mobile-cinema__activity-image--anyang { background-image: url("/images/static-page/mobile-cinema/activity-anyang.jpg"); }
.kofa-static-mobile-cinema__activity-image--daecheongdo { background-image: url("/images/static-page/mobile-cinema/activity-daecheongdo.jpg"); }
.kofa-static-mobile-cinema__activity-image--jecheon { background-image: url("/images/static-page/mobile-cinema/activity-jecheon.jpg"); }
.kofa-static-mobile-cinema__activity-image--cheongju { background-image: url("/images/static-page/mobile-cinema/activity-cheongju.jpg"); }
.kofa-static-mobile-cinema__activity-description { display: grid; justify-items: start; gap: 12px; flex: 1; min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-mobile-cinema__activity-description { flex: auto; }
}
.kofa-static-mobile-cinema__year { background: #fff; padding: 2px 6px; border-radius: 6px; box-shadow: inset 0 0 0 1px var(--kofa-static-text); font-size: 12px; font-weight: 400; line-height: 18px; }
.kofa-static-mobile-cinema__activity-description h4 { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; }

/* =============================================================================
   상영관 대관 안내 — /cinematheque/theater-rental
   ============================================================================= */
.kofa-static-theater-rental__image-info { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/info.png") center / contain no-repeat; }
.kofa-static-theater-rental__image-section { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/section.png") center / contain no-repeat; }
.kofa-static-theater-rental__image-notice-chevron { display: block; width: 16px; min-width: 16px; height: 16px; background: url("/icons/static-page/notice-chevron.png") center / contain no-repeat; }
.kofa-static-theater-rental__image-bell { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/bell.png") center / contain no-repeat; }
.kofa-static-theater-rental { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; row-gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental { row-gap: 48px; }
}
.kofa-static-theater-rental__introduction { display: grid; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__introduction { min-width: 0; }
}
.kofa-static-theater-rental__reservation { display: flex; align-items: center; gap: 24px; padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__reservation { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__reservation { flex-direction: column; align-items: stretch; padding: 16px; gap: 16px; }
}
.kofa-static-theater-rental__reservation > div { flex: 1; min-width: 0; display: grid; gap: 8px; }
.kofa-static-theater-rental__reservation > div > p:last-child { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__reserve-link { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 220px; box-sizing: border-box; padding: 16px; border-radius: 10px; background: #262831; color: #fff; font-weight: 600; text-decoration: none; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__reserve-link { max-width: 100%; padding-block: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__reserve-link { flex-basis: auto; width: 100%; }
}
.kofa-static-theater-rental__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); color: #285d8b; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__notice { min-width: 0; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-theater-rental__notice > .kofa-static-theater-rental__image-info { flex: 0 0 24px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__notice p { width: 100%; }
}
.kofa-static-theater-rental__section > h3 { margin: 0 0 32px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__section > h3 { font-size: 22px; line-height: 33px; margin-bottom: 24px; }
}
@media (max-width: 1279px) {
  .kofa-static-theater-rental__section + .kofa-static-theater-rental__section { margin-top: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__section + .kofa-static-theater-rental__section { margin-top: 0; }
}
.kofa-static-theater-rental__section--examples > h3 { margin-bottom: 16px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__section--examples > h3 { margin-bottom: 24px; }
}
.kofa-static-theater-rental__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__steps { gap: 16px; }
}
.kofa-static-theater-rental__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-theater-rental__steps > li::before { content: none; }
.kofa-static-theater-rental__steps > li > div { display: grid; gap: 6px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__steps > li > div { min-width: 0; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__steps > li > div { width: 100%; }
}
.kofa-static-theater-rental__steps h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
.kofa-static-theater-rental__steps p { color: var(--kofa-static-muted); }
@media (max-width: 599px) {
  .kofa-static-theater-rental__line-breaks { white-space: pre-line; }
}
.kofa-static-theater-rental__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 95px; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-theater-rental__facilities { display: grid; gap: 32px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__facilities { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
.kofa-static-theater-rental__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__columns { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-theater-rental__hall { display: grid; gap: 16px; padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__hall { padding: 15px; }
}
.kofa-static-theater-rental__hall h4 { margin: 0; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-theater-rental__hall dl { display: grid; gap: 8px; margin: 0; font-size: 16px; line-height: 24px; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__hall dl > div { display: flex; gap: 16px; }
.kofa-static-theater-rental__hall dt { flex: 0 0 50px; }
.kofa-static-theater-rental__hall dd { margin: 0; font-weight: 600; }
.kofa-static-theater-rental__price { font-size: 32px; line-height: 48px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__price { font-size: 28px; line-height: 42px; }
}
.kofa-static-theater-rental__price span { font-size: 14px; line-height: 21px; font-weight: 400; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__subsection h4 { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-theater-rental__equipment { width: 100%; border-collapse: collapse; table-layout: fixed; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__equipment-scroll { overflow-x: auto; padding-bottom: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__equipment-scroll::-webkit-scrollbar { height: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__equipment-scroll::-webkit-scrollbar-track { border-radius: 8px; background: #e1e1e1; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__equipment-scroll::-webkit-scrollbar-thumb { border-radius: 8px; background: #58585a; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__equipment { min-width: 944px; }
}
.kofa-static-theater-rental__equipment th { padding: 16px 16px 15px; border-bottom: 1px solid var(--kofa-static-border); background: var(--kofa-static-subtle); text-align: left; font-weight: 600; }
.kofa-static-theater-rental__equipment td { padding: 16px 16px 15px; border-bottom: 1px solid var(--kofa-static-border); color: var(--kofa-static-text); }
.kofa-static-theater-rental__subheading { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 16px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__subheading { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__subheading { gap: 12px; }
}
.kofa-static-theater-rental__subheading h4 { margin-bottom: 0; }
.kofa-static-theater-rental__small-link { background: #fff; box-sizing: border-box; min-width: 156px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 7px; border: 1px solid var(--kofa-static-border); border-radius: 8px; color: var(--kofa-static-muted); font-size: 12px; font-weight: 600; line-height: 18px; text-decoration: none; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__small-link { padding-block: 6px; }
}
.kofa-static-theater-rental__notes { display: grid; gap: 8px; font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__warning { color: #cf3541; }
.kofa-static-theater-rental__examples { display: grid; gap: 12px; }
.kofa-static-theater-rental__example { display: grid; gap: 12px; padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__example { padding: 15px; }
}
.kofa-static-theater-rental__example h4 { margin: 0; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-theater-rental__movie { display: flex; gap: 6px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__movie { flex-wrap: wrap; }
}
.kofa-static-theater-rental__format { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__bill { display: grid; gap: 16px; padding: 20px; border-radius: 12px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-theater-rental__bill { padding: 16px; }
}
.kofa-static-theater-rental__charge { display: flex; gap: 24px; align-items: center; justify-content: space-between; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__charge { flex-wrap: nowrap; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__charge { gap: 16px; }
}
.kofa-static-theater-rental__charge p { display: flex; gap: 15px; color: var(--kofa-static-muted); }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__charge p { flex-wrap: wrap; flex: 1; min-width: 0; gap: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__charge p { flex-direction: column; gap: 4px; }
}
.kofa-static-theater-rental__charge > strong { flex: 0 0 200px; text-align: right; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__charge > strong { flex-basis: auto; }
}
.kofa-static-theater-rental__total { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding-top: 15px; border-top: 1px solid #e1e1e1; font-size: 18px; line-height: 27px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__total { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__total { gap: 16px; flex-wrap: nowrap; }
}
.kofa-static-theater-rental__total > strong:last-child { font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__total > strong:last-child { font-size: 22px; line-height: 33px; }
}
.kofa-static-theater-rental__cautions { display: grid; gap: 12px; }
.kofa-static-theater-rental__cautions > .kofa-static-theater-rental__notice { margin-bottom: 12px; }
.kofa-static-theater-rental__document { padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__document { padding: 15px; }
}
.kofa-static-theater-rental__document h5 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-theater-rental__document > p { color: var(--kofa-static-muted); font-size: 14px; line-height: 21px; }
.kofa-static-theater-rental__announcement { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding: 15px 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__announcement { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__announcement { padding: 15px; gap: 16px; }
}
.kofa-static-theater-rental__announcement p { display: flex; align-items: center; gap: 12px; }
.kofa-static-theater-rental__parking { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__contact { padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__contact { padding: 15px; }
}
.kofa-static-theater-rental__contact dl { margin: 0; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__contact dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__contact dl { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-theater-rental__contact dl > div { display: flex; align-items: center; border-bottom: 1px solid var(--kofa-static-border); }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__contact dl > div { flex-wrap: wrap; display: grid; align-content: start; gap: 8px; border: 0; }
}
@media (max-width: 1279px) {
  .kofa-static-theater-rental__contact dl > div:first-child { grid-row: span 2; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__contact dl > div:first-child { grid-row: auto; }
}
.kofa-static-theater-rental__contact dl > div:last-child { border-bottom: 0; }
.kofa-static-theater-rental__contact dt { box-sizing: border-box; flex: 0 0 128px; padding: 20px 16px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__contact dt { padding: 0; font-size: 14px; line-height: 21px; font-weight: 400; color: var(--kofa-static-muted); }
}
.kofa-static-theater-rental__contact dd { margin: 0; padding: 20px 16px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__contact dd { min-width: 0; max-width: 100%; box-sizing: border-box; padding: 0; font-size: 20px; line-height: 30px; font-weight: 700; }
}
.kofa-static-theater-rental__contact dl > div:not(:last-child) dt, .kofa-static-theater-rental__contact dl > div:not(:last-child) dd { padding-bottom: 19px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__contact dl > div:not(:last-child) dt, .kofa-static-theater-rental__contact dl > div:not(:last-child) dd { padding-bottom: 0; }
}
/* 공유 복사 Block 기본 gap은 이용안내 Figma 4px이다. 대관 문의는 시안 8px. */
.kofa-static-theater-rental__contact .kofa-static-copy { gap: 8px; }
.kofa-static-theater-rental__movie > strong:last-child { color: var(--kofa-static-muted); }
.kofa-static-theater-rental__charge p > span:first-child { flex: 0 0 110px; }
@media (max-width: 1279px) {
  .kofa-static-theater-rental__charge p > span:first-child { flex-basis: auto; }
}
.kofa-static-theater-rental__charge p > span:last-child { font-weight: 600; }
.kofa-static-theater-rental__total > strong:first-child { font-weight: 700; color: var(--kofa-static-muted); }
.kofa-static-theater-rental__accent { color: #e23940; }
.kofa-static-theater-rental__reference { color: #30666b; text-decoration: underline; text-underline-position: from-font; }
.kofa-static-theater-rental__announcement .kofa-static-theater-rental__small-link { min-width: 118px; }
@media (max-width: 599px) {
  .kofa-static-theater-rental__announcement .kofa-static-theater-rental__small-link { width: 100%; padding-block: 11px; border-radius: 10px; font-size: 16px; line-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-theater-rental__announcement .kofa-static-theater-rental__image-notice-chevron { width: 20px; min-width: 20px; height: 20px; background-image: url("/icons/static-page/notice-chevron-20.svg"); }
}

/* ===== 영상도서관 이용안내 — /library/guide ===== */
.kofa-static-library-guide { display: grid; grid-template-columns: minmax(0, 1fr); gap: 64px; color: #262831; }
@media (max-width: 599px) { .kofa-static-library-guide { gap: 48px; } }
.kofa-static-library-guide__section { display: grid; grid-template-columns: minmax(0, 1fr); min-width: 0; gap: 32px; }
@media (max-width: 599px) { .kofa-static-library-guide__section { gap: 24px; } }
.kofa-static-library-guide__section h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) { .kofa-static-library-guide__section h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; } }
.kofa-static-library-guide__section h4 { margin: 0; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-library-guide__section h5 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-library-guide__section :where(p) { margin: 0; }
.kofa-static-library-guide__hours-body { display: grid; gap: 16px; }
.kofa-static-library-guide__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__columns { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
.kofa-static-library-guide__card { box-sizing: border-box; min-width: 0; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) { .kofa-static-library-guide__card { padding: 16px; } }
.kofa-static-library-guide__card--document { padding: 23px; border: 1px solid #e1e1e1; background: #fff; }
@media (max-width: 599px) { .kofa-static-library-guide__card--document { padding: 15px; } }
.kofa-static-library-guide .kofa-static-library-guide__card--document h5 { margin-bottom: 8px; }
.kofa-static-library-guide__card--document p { color: #58585a; font-size: 14px; line-height: 21px; }
@media (max-width: 599px) { .kofa-static-library-guide .kofa-cms-file__row { padding-inline: 0; } }
.kofa-static-library-guide__card h4, .kofa-static-library-guide__card h5 { margin-bottom: 16px; }
.kofa-static-library-guide__hours-body .kofa-static-library-guide__card ul { margin: 8px 0 0; padding: 0; color: #58585a; font-size: 18px; line-height: 32px; }
.kofa-static-library-guide__section--eligibility .kofa-static-library-guide__card ul { margin: 0; padding: 0; color: #58585a; font-size: 16px; line-height: 24px; }
.kofa-static-library-guide__label { color: #262831; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-library-guide__lead { margin-top: 8px; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) { .kofa-static-library-guide__lead { font-size: 22px; line-height: 33px; } }
.kofa-static-library-guide__note { color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-library-guide__environment-heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.kofa-static-library-guide__legend { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.kofa-static-library-guide__selection-legend { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.kofa-static-library-guide__environment-heading p { color: #58585a; font-size: 16px; line-height: 24px; }
.kofa-static-library-guide__section--environment .kofa-static-tab { margin-top: 32px; }
@media (max-width: 1279px) { .kofa-static-library-guide__section--environment .kofa-static-tab { margin-top: 8px; } }
.kofa-static-library-guide .kofa-static-tab__panel { margin-top: 32px; }
@media (max-width: 599px) { .kofa-static-library-guide .kofa-static-tab__panel { margin-top: 24px; } }
.kofa-static-library-guide__video-panel { display: grid; gap: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__video-panel { gap: 16px; } }
.kofa-static-library-guide__seat-panel { display: grid; gap: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__seat-panel { gap: 16px; } }
.kofa-static-library-guide__seat-panel-content { display: grid; gap: 16px; }
.kofa-static-library-guide__seat-panel-main { display: grid; gap: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__seat-panel-main { gap: 16px; } }
.kofa-static-library-guide__seat-panel-main h5 { font-size: 20px; line-height: 30px; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel table { margin: 0; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel th, .kofa-static-library-guide .kofa-static-library-guide__seat-panel td { padding: 14px 16px; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--multimedia thead th { padding-block: 16px; border-top: 2px solid #262831; font-weight: 600; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--multimedia th:first-child { box-sizing: border-box; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--multimedia th:not(:last-child), .kofa-static-library-guide .kofa-static-library-guide__seat-panel--multimedia td:not(:last-child) { border-right: 1px solid #e1e1e1; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--literature th, .kofa-static-library-guide .kofa-static-library-guide__seat-panel--literature td { padding-block: 16px; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--literature th { box-sizing: border-box; border-left: 2px solid #262831; font-weight: 600; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--seminar tr:first-child th, .kofa-static-library-guide .kofa-static-library-guide__seat-panel--seminar tr:first-child td { padding-block: 16px; border-top: 2px solid #262831; background: #f9f9f9; font-weight: 600; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--seminar tr:not(:first-child) th { background: #fff; font-weight: 400; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--seminar th:first-child { box-sizing: border-box; }
.kofa-static-library-guide .kofa-static-library-guide__seat-panel--seminar th { border-right: 1px solid #e1e1e1; }
.kofa-static-library-guide__panel-title { display: flex; align-items: center; gap: 10px; min-height: 36px; }
.kofa-static-library-guide__section .kofa-static-library-guide__panel-title { font-size: 24px; line-height: 36px; }
@media (max-width: 1279px) { .kofa-static-library-guide__section .kofa-static-library-guide__panel-title { font-size: 22px; line-height: 33px; } }
.kofa-static-library-guide__panel-title .kofa-static-library-guide__section-icon { flex: none; }
.kofa-static-library-guide__warning { color: #e23940; }
.kofa-static-library-guide__panel-intro { display: grid; gap: 12px; }
.kofa-static-library-guide__panel-intro h5 { font-size: 20px; line-height: 30px; }
.kofa-static-library-guide__panel-intro p { color: #58585a; font-size: 16px; line-height: 24px; }
.kofa-static-library-guide__panel-table { display: grid; gap: 16px; }
.kofa-static-library-guide .kofa-static-library-guide__panel-table table { margin: 0; }
.kofa-static-library-guide .kofa-static-library-guide__panel-table th, .kofa-static-library-guide .kofa-static-library-guide__panel-table td { padding: 14px 16px; }
.kofa-static-library-guide .kofa-static-library-guide__panel-table thead th { padding-block: 16px; border-top: 2px solid #262831; font-weight: 600; }
.kofa-static-library-guide .kofa-static-library-guide__panel-table tbody th { box-sizing: border-box; background: #fff; font-weight: 400; }
.kofa-static-library-guide .kofa-static-library-guide__panel-table th:not(:last-child), .kofa-static-library-guide .kofa-static-library-guide__panel-table td:not(:last-child) { border-right: 1px solid #e1e1e1; }
.kofa-static-library-guide__panel-gallery { display: grid; gap: 24px; margin-top: 16px; }
@media (max-width: 599px) { .kofa-static-library-guide__panel-gallery { margin-top: 24px; gap: 16px; } }
.kofa-static-library-guide__panel-gallery h5 { font-size: 20px; line-height: 30px; }
.kofa-static-library-guide__description { font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-library-guide__photos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) { .kofa-static-library-guide__photos { grid-template-columns: minmax(0, 1fr); } }
.kofa-static-library-guide__photos--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 599px) { .kofa-static-library-guide__photos--two { grid-template-columns: minmax(0, 1fr); } }
.kofa-static-library-guide__photos figure { min-width: 0; margin: 0; }
.kofa-static-library-guide__photo { display: block; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 12px; }
@media (max-width: 1279px) { .kofa-static-library-guide__photo { height: auto; aspect-ratio: 316 / 200; } }
@media (max-width: 1279px) { .kofa-static-library-guide__photos--two .kofa-static-library-guide__photo { aspect-ratio: 482 / 200; } }
.kofa-static-library-guide__photos figcaption { margin-top: 12px; color: #58585a; font-size: 14px; line-height: 21px; text-align: center; }
.kofa-static-library-guide__notice { display: flex; align-items: center; gap: 12px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; }
@media (max-width: 599px) { .kofa-static-library-guide__notice { flex-direction: column; align-items: flex-start; padding: 16px; } }
.kofa-static-library-guide__cautions-content { display: grid; gap: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__cautions-content { gap: 16px; } }
.kofa-static-library-guide__cautions-details { display: grid; gap: 20px; }
.kofa-static-library-guide__documents { display: grid; gap: 16px; }
.kofa-static-library-guide__document-title { display: flex; align-items: center; gap: 10px; }
.kofa-static-library-guide__notice--caution { gap: 16px; color: #285d8b; }
.kofa-static-library-guide__cautions-details > .kofa-static-library-guide__notice { min-height: 66px; box-sizing: border-box; }
.kofa-static-library-guide__section--eligibility .kofa-static-library-guide__notice { min-height: 80px; box-sizing: border-box; }
.kofa-static-library-guide__notice strong { padding: 3px 10px; border: 1px solid #285d8b; border-radius: 6px; color: #285d8b; background: #fff; font-size: 14px; line-height: 21px; font-weight: 400; }
.kofa-static-library-guide__section--eligibility .kofa-static-library-guide__notice p { font-weight: 600; }
.kofa-static-library-guide__notice a { margin-left: auto; }
.kofa-static-library-guide__notice--announcement { padding-block: 14px; border: 1px solid #e1e1e1; background: #fff; }
@media (max-width: 599px) { .kofa-static-library-guide__notice--announcement { flex-direction: row; flex-wrap: wrap; gap: 16px 12px; padding: 15px; } }
@media (max-width: 599px) { .kofa-static-library-guide__notice--announcement p { flex: 1 1 0; min-width: 0; } }
.kofa-static-library-guide__notice--announcement a { display: inline-flex; align-items: center; gap: 4px; padding: 8px; border: 1px solid #e1e1e1; border-radius: 8px; color: #58585a; background: #fff; font-size: 12px; font-weight: 600; text-decoration: none; }
@media (max-width: 599px) { .kofa-static-library-guide__notice--announcement a { flex: 0 0 100%; justify-content: center; box-sizing: border-box; min-height: 56px; margin-left: 0; padding: 15px 16px; border-radius: 10px; font-size: 16px; line-height: 24px; } }
.kofa-static-library-guide__notice--announcement a .kofa-static-library-guide__notice-chevron-icon { width: 16px; height: 16px; }
@media (max-width: 599px) { .kofa-static-library-guide__notice--announcement a .kofa-static-library-guide__notice-chevron-icon { width: 20px; min-width: 20px; height: 20px; } }
.kofa-static-library-guide__contact { display: grid; grid-template-columns: 360px 1fr; gap: 24px; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 1279px) { .kofa-static-library-guide__contact { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .kofa-static-library-guide__contact { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 16px; } }
.kofa-static-library-guide__contact-body { display: grid; gap: 12px; }
.kofa-static-library-guide__parking-heading { display: flex; align-items: center; justify-content: space-between; min-height: 48px; }
.kofa-static-library-guide__parking-heading a { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 147px; min-height: 48px; padding: 0 16px; border: 1px solid #e1e1e1; border-radius: 10px; color: #58585a; background: #fff; font-size: 16px; font-weight: 600; text-decoration: none; }
.kofa-static-library-guide__parking-body { display: grid; gap: 12px; }
.kofa-static-library-guide__parking-card h4 { margin-bottom: 8px; }
.kofa-static-library-guide__parking-card p { color: #58585a; }
.kofa-static-library-guide__contact > div { display: grid; gap: 8px; }
.kofa-static-library-guide__contact > div > span:first-child { color: #58585a; font-size: 14px; }
.kofa-static-library-guide__contact strong { font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-library-guide__phone { font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-library-guide .kofa-static-copy__button { min-width: 25px; min-height: 24px; }
.kofa-static-library-guide__shortcuts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__shortcuts { grid-template-columns: minmax(0, 1fr); gap: 16px; } }
.kofa-static-library-guide__shortcuts a { display: flex; align-items: flex-start; gap: 12px; box-sizing: border-box; min-height: 96px; padding: 20px; border: 1px solid #e1e1e1; border-radius: 16px; color: inherit; text-decoration: none; }
.kofa-static-library-guide__shortcuts a > span { flex: none; width: 28px; height: 28px; }
.kofa-static-library-guide__shortcuts a > div { display: grid; flex: 1; min-width: 0; gap: 6px; }
.kofa-static-library-guide__shortcuts strong { display: flex; align-items: center; justify-content: space-between; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-library-guide__shortcuts strong .kofa-static-library-guide__related-arrow-icon { width: 24px; height: 24px; background-size: contain; }
.kofa-static-library-guide__shortcuts span { color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-library-guide__section table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: 24px; }
@media (max-width: 599px) { .kofa-static-library-guide__section table { min-width: 944px; overflow-wrap: anywhere; } }
.kofa-static-library-guide__table-scroll { min-width: 0; }
@media (max-width: 599px) { .kofa-static-library-guide__table-scroll { overflow-x: auto; padding-bottom: 8px; } }
.kofa-static-library-guide__table-scroll::-webkit-scrollbar { height: 8px; }
.kofa-static-library-guide__table-scroll::-webkit-scrollbar-track { border-radius: 8px; background: #e1e1e1; }
.kofa-static-library-guide__table-scroll::-webkit-scrollbar-thumb { border-radius: 8px; background: #58585a; }
.kofa-static-library-guide__section th, .kofa-static-library-guide__section td { padding: 16px; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; text-align: left; }
.kofa-static-library-guide__section th { background: #f9f9f9; }
.kofa-static-library-guide__video-panel th:first-child { width: 160px; box-sizing: border-box; }
.kofa-static-library-guide__seat-panel--multimedia th:first-child { width: 570px; }
@media (max-width: 1279px) { .kofa-static-library-guide__seat-panel--multimedia th:first-child { width: auto; } }
@media (max-width: 1279px) { .kofa-static-library-guide__seat-panel--multimedia th:last-child { box-sizing: border-box; width: 43.43%; } }
.kofa-static-library-guide__seat-panel--literature th:first-child { width: 180px; }
.kofa-static-library-guide__seat-panel--seminar th:first-child { width: 160px; }

.kofa-static-library-guide__section-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/section.png") center / 100% 100% no-repeat; }
.kofa-static-library-guide__photo--seat-single { background-image: url("/images/static-page/library-guide/seat-single.png"); }
.kofa-static-library-guide__photo--seat-double { background-image: url("/images/static-page/library-guide/seat-double.png"); }
.kofa-static-library-guide__photo--seat-group { background-image: url("/images/static-page/library-guide/seat-group.png"); }
.kofa-static-library-guide__photo--multimedia-1 { background-image: url("/images/static-page/library-guide/multimedia-1.png"); }
.kofa-static-library-guide__photo--multimedia-2 { background-image: url("/images/static-page/library-guide/multimedia-2.png"); }
.kofa-static-library-guide__photo--literature-1 { background-image: url("/images/static-page/library-guide/literature-1.png"); }
.kofa-static-library-guide__photo--literature-2 { background-image: url("/images/static-page/library-guide/literature-2.png"); }
.kofa-static-library-guide__photo--literature-3 { background-image: url("/images/static-page/library-guide/literature-3.png"); }
.kofa-static-library-guide__photo--seminar-1 { background-image: url("/images/static-page/library-guide/seminar-1.png"); }
.kofa-static-library-guide__photo--seminar-2 { background-image: url("/images/static-page/library-guide/seminar-2.png"); }
.kofa-static-library-guide__photo--seminar-3 { background-image: url("/images/static-page/library-guide/seminar-3.png"); }
.kofa-static-library-guide__info-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/info.png") center / 100% 100% no-repeat; }
.kofa-static-library-guide__bell-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/bell.png") center / 100% 100% no-repeat; }
.kofa-static-library-guide__notice-chevron-icon { display: block; width: 16px; min-width: 16px; height: 16px; background: url("/icons/static-page/notice-chevron.png") center / 100% 100% no-repeat; }
.kofa-static-library-guide__search-icon { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/library/guide/search.svg") 2px 2px / 21.875px 21.875px no-repeat; }
.kofa-static-library-guide__related-arrow-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/library/search/related-arrow.png") center / 100% 100% no-repeat; }
.kofa-static-library-guide__wish-icon { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/library/guide/wish.svg") 3px 2px / 21px 23.333px no-repeat; }
.kofa-static-library-guide__directions-icon { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/library/guide/directions.svg") center / 100% 100% no-repeat; }
.kofa-static-library-guide__inquiry-icon { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/library/guide/inquiry.svg") center / 100% 100% no-repeat; }

/* =============================================================================
   박물관 이용안내 — /museum/guide
   ============================================================================= */
.kofa-static-museum-guide { display: grid; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide { grid-template-columns: minmax(0, 1fr); min-width: 0; overflow-wrap: anywhere; }
}
.kofa-static-museum-guide .kofa-static-copy__button { min-height: 34px; padding: 8px 2px; }
@media (max-width: 599px) {
  .kofa-static-museum-guide .kofa-static-copy { gap: 8px; }
  .kofa-static-museum-guide .kofa-static-copy__button { min-width: 44px; min-height: 44px; }
}
.kofa-static-museum-guide__free { display: flex; align-items: center; gap: 12px; margin-bottom: 64px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__free { margin-bottom: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-museum-guide__free { margin-bottom: 48px; padding: 16px; }
}
.kofa-static-museum-guide__section + .kofa-static-museum-guide__section { margin-top: 64px; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__section + .kofa-static-museum-guide__section { margin-top: 48px; }
}
.kofa-static-museum-guide__badge { flex-shrink: 0; white-space: nowrap; padding: 3px 10px; border: 1px solid #285d8b; border-radius: 6px; background: #fff; color: #285d8b; font-size: 14px; line-height: 21px; font-weight: 400; }
.kofa-static-museum-guide__heading { margin: 0 0 32px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__heading { margin-bottom: 24px; background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-museum-guide__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__columns { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-museum-guide__card { padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-museum-guide__card { padding: 16px; }
}
.kofa-static-museum-guide__label { margin-bottom: 8px; color: var(--kofa-static-muted); font-size: 14px; line-height: 21px; }
.kofa-static-museum-guide__lead { font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__lead { font-size: 22px; line-height: 33px; }
}
.kofa-static-museum-guide__hours { margin-top: 8px; color: var(--kofa-static-muted); font-size: 18px; line-height: 1.8; }
.kofa-static-museum-guide ul.kofa-static-museum-guide__holidays { margin-top: 8px; color: var(--kofa-static-muted); font-size: 18px; line-height: 1.8; }
.kofa-static-museum-guide__notes { display: grid; gap: 8px; margin-top: 16px; font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-museum-guide__feature { display: flex; align-items: center; gap: 24px; padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-museum-guide__feature { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
}
.kofa-static-museum-guide__feature--reservation { color: var(--kofa-static-text); }
.kofa-static-museum-guide__icon { display: flex; align-items: center; justify-content: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 54px; background: #262831; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__icon { align-self: flex-start; }
}
.kofa-static-museum-guide__feature-copy { display: grid; gap: 8px; flex: 1; min-width: 0; color: var(--kofa-static-muted); }
@media (max-width: 599px) {
  .kofa-static-museum-guide__feature-copy { flex: none; }
}
.kofa-static-museum-guide__feature--reservation .kofa-static-museum-guide__feature-copy { gap: 4px; color: var(--kofa-static-text); }
.kofa-static-museum-guide__subtitle { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; color: var(--kofa-static-text); }
.kofa-static-museum-guide__button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; flex-shrink: 0; min-height: 48px; box-sizing: border-box; padding: 0 16px; border: 1px solid #e1e1e1; border-radius: 10px; color: var(--kofa-static-muted); background: #fff; font-size: 16px; font-weight: 600; line-height: 24px; text-decoration: none; }
.kofa-static-museum-guide__button--reservation { width: 160px; border: 0; background: #262831; color: #fff; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__button--reservation { width: auto; }
}
.kofa-static-museum-guide__button--docent { width: 197px; border-color: #262831; color: #262831; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__button--docent { width: auto; }
}
.kofa-static-museum-guide__group { display: grid; gap: 8px; margin-top: 16px; color: var(--kofa-static-muted); }
.kofa-static-museum-guide__audio { margin-top: 24px; padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-museum-guide__audio { padding: 16px; }
  .kofa-static-museum-guide__audio .kofa-static-museum-guide__columns { gap: 24px; }
}
.kofa-static-museum-guide__feature--compact { align-items: start; gap: 16px; padding: 0; }
.kofa-static-museum-guide__audio-link { display: inline-flex; align-items: center; gap: 4px; margin-top: 20px; min-height: 48px; box-sizing: border-box; padding: 8px 2px; color: #727276; text-decoration: underline; font-weight: 600; line-height: 24px; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__audio-link-line { display: block; }
}
.kofa-static-museum-guide__heading-row { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-bottom: 32px; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__heading-row { margin-bottom: 24px; }
}
.kofa-static-museum-guide__heading-row .kofa-static-museum-guide__heading { margin-bottom: 0; flex: 1; }
.kofa-static-museum-guide__parking { margin-top: 8px; color: var(--kofa-static-muted); }
.kofa-static-museum-guide__notice { display: flex; align-items: center; gap: 16px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__notice { flex-direction: column; align-items: flex-start; padding: 16px; }
}
.kofa-static-museum-guide__rules { margin-top: 24px; }
.kofa-static-museum-guide__rules-title { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-museum-guide__document { padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__document { padding: 15px; }
  .kofa-static-museum-guide__document .kofa-cms-file__row { padding-inline: 0; }
}
.kofa-static-museum-guide__document h5 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-museum-guide__document > p { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }
.kofa-static-museum-guide__announcement { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-top: 20px; padding: 15px 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; background: #fff; }
.kofa-static-museum-guide__announcement p { display: flex; align-items: center; gap: 12px; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__announcement { flex-direction: column; align-items: stretch; gap: 16px; }
  .kofa-static-museum-guide__announcement p { align-items: flex-start; }
}
.kofa-static-museum-guide__announcement a { display: inline-flex; align-items: center; gap: 4px; padding: 7px; border: 1px solid var(--kofa-static-border); border-radius: 8px; background: #fff; font-size: 12px; font-weight: 600; line-height: 18px; color: var(--kofa-static-muted); white-space: nowrap; text-decoration: none; }
@media (max-width: 599px) {
  .kofa-static-museum-guide__announcement a { justify-content: center; min-height: 48px; box-sizing: border-box; padding: 0 16px; border-radius: 10px; font-size: 16px; line-height: 24px; }
  .kofa-static-museum-guide__announcement .kofa-static-museum-guide__notice-chevron-icon { width: 20px; min-width: 20px; height: 20px; }
}
.kofa-static-museum-guide__contact { display: grid; grid-template-columns: 360px minmax(0, 1fr); gap: 24px; padding: 24px; border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__contact { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
}
@media (max-width: 599px) {
  .kofa-static-museum-guide__contact { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}
.kofa-static-museum-guide__contact-value { font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-museum-guide__phones { display: flex; gap: 24px; align-items: center; font-size: 20px; line-height: 30px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__phones { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-museum-guide__phones { flex-direction: column; align-items: flex-start; gap: 0; }
}
.kofa-static-museum-guide__shortcut { display: flex; align-items: start; gap: 12px; padding: 20px; border: 1px solid var(--kofa-static-border); border-radius: 16px; background: #fff; color: var(--kofa-static-text); text-decoration: none; }
@media (max-width: 1279px) {
  .kofa-static-museum-guide__shortcut { align-items: center; }
}
@media (max-width: 599px) {
  .kofa-static-museum-guide__shortcut { padding: 16px; }
}
.kofa-static-museum-guide__shortcut > div { flex: 1; min-width: 0; }
.kofa-static-museum-guide__shortcut h4 { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin: 0 0 6px; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-museum-guide__shortcut p { font-size: 14px; line-height: 21px; color: var(--kofa-static-muted); }

.kofa-static-museum-guide__ticket-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/museum/guide/ticket.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__docent-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/museum/guide/docent.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__audio-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/museum/guide/audio.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__robot-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/museum/guide/robot.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__audio-chevron-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/museum/guide/audio-chevron.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__info-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/info.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__section-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/section.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__bell-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/bell.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__notice-chevron-icon { display: block; width: 16px; min-width: 16px; height: 16px; background: url("/icons/static-page/notice-chevron.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__permanent-icon { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/museum/guide/permanent.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__chevron-icon { display: block; width: 24px; min-width: 24px; height: 24px; background: url("/icons/static-page/chevron.png") center / 100% 100% no-repeat; }
.kofa-static-museum-guide__special-icon { display: block; width: 28px; min-width: 28px; height: 28px; background: url("/icons/static-page/museum/guide/special.png") center / 100% 100% no-repeat; }

/* =============================================================================
   기증 안내 — /holdings/donation-guide
   ============================================================================= */
.kofa-static-donation-guide__icon-download { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/action/download.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-film { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/film.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-scenario { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/scenario.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-still { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/still.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-poster { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/poster.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-video { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/video.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-audio { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/audio.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-prop { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/prop.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-equipment { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/equipment.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-costume { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/costume.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-book { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/book.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-download-small { display: block; width: 20px; height: 20px; background-image: url("/icons/static-page/action/download.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-free-use { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/free-use.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide__icon-donation-publish { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/donation-publish.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-donation-guide { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide { grid-template-columns: minmax(0, 1fr); min-width: 0; overflow-wrap: anywhere; gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide { gap: 48px; }
}
.kofa-static-donation-guide__sections { display: grid; gap: 64px; min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__sections { gap: 48px; }
}
.kofa-static-donation-guide__forms-shortcut { display: grid; gap: 8px; }
.kofa-static-donation-guide__forms-hint { display: none; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__forms-hint { display: block; text-align: center; color: #58585a; font-size: 14px; line-height: 21px; }
}
.kofa-static-donation-guide__forms-link { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #262831; border-radius: 10px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__forms-link { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__forms-link { padding-block: 11px; }
}
.kofa-static-donation-guide__forms-link span { color: #58585a; font-size: 12px; line-height: 18px; font-weight: 400; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__forms-link > .kofa-static-donation-guide__forms-inline-hint { display: none; }
}
.kofa-static-donation-guide__forms-link--compact { width: auto; padding: 11px 16px; flex-shrink: 0; border-color: #e1e1e1; color: #58585a; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__forms-link--compact { max-width: 100%; white-space: normal; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__forms-link--compact { width: 100%; justify-content: space-between; }
}
.kofa-static-donation-guide__forms-link--compact .kofa-static-donation-guide__forms-label { flex: 1; color: inherit; font: inherit; }
.kofa-static-donation-guide__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-donation-guide__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__section > h3 { font-size: 22px; line-height: 33px; background-size: 4px 21px; }
}
.kofa-static-donation-guide__targets { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__targets { padding: 16px; }
}
.kofa-static-donation-guide__targets h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-donation-guide__target-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
.kofa-static-donation-guide__target { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px 0; border-radius: 12px; background: #f9f9f9; font-weight: 600; }
.kofa-static-donation-guide__contact { --kofa-static-copy-value-min-width: 184px; --kofa-static-copy-value-padding-inline-end: 8px; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; --kofa-static-copy-gap: 0; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact { --kofa-static-copy-value-min-width: 0; padding: 15px 23px; }
}
.kofa-static-donation-guide__contact h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-donation-guide__contact dl { margin: 0; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact dl { display: grid; gap: 4px; }
}
.kofa-static-donation-guide__contact dl > div { display: flex; align-items: center; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__contact dl > div { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact dl > div { flex-direction: column; align-items: stretch; border-bottom: 0; }
}
.kofa-static-donation-guide__contact dl > div:last-child { border-bottom: 0; }
.kofa-static-donation-guide__contact dt { box-sizing: border-box; flex: 0 0 128px; padding: 20px 16px; font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact dt { flex-basis: auto; padding: 14px 0; border-bottom: 1px solid #e1e1e1; }
}
.kofa-static-donation-guide__contact dd { margin: 0; padding: 20px 16px; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__contact dd { min-width: 0; max-width: 100%; box-sizing: border-box; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact dd { padding: 14px 0; }
}
.kofa-static-donation-guide__contact dl > div:not(:last-child) dt { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact dl > div:not(:last-child) dt { padding-bottom: 14px; }
}
.kofa-static-donation-guide__contact dl > div:not(:last-child) dd { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__contact dl > div:not(:last-child) dd { padding-bottom: 14px; }
}
.kofa-static-donation-guide__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-donation-guide__notice .kofa-static-donation-guide__icon-info { flex: 0 0 24px; }
.kofa-static-donation-guide__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__steps { gap: 16px; }
}
.kofa-static-donation-guide__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-donation-guide__steps > li::before { content: none; }
.kofa-static-donation-guide__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__step-number { flex-basis: 36px; }
}
.kofa-static-donation-guide__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__step-details { gap: 8px; width: 100%; }
}
.kofa-static-donation-guide__step-details h4 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__step-details h4 { flex-wrap: wrap; }
}
.kofa-static-donation-guide__step-details h4 span { color: #e23940; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-donation-guide__step-details p { color: #58585a; }
.kofa-static-donation-guide__step-heading { display: flex; align-items: center; gap: 8px; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__step-heading { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__step-heading { flex-direction: column; align-items: stretch; gap: 12px; }
}
.kofa-static-donation-guide__step-heading > div { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__step-heading > div { gap: 8px; }
}
.kofa-static-donation-guide__step-details--contact { gap: 8px; }
.kofa-static-donation-guide__step-contact { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 18px; display: grid; gap: 4px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__step-contact { --kofa-static-copy-min-width: 44px; --kofa-static-copy-min-height: 44px; --kofa-static-copy-gap: 8px; }
}
.kofa-static-donation-guide__step-contact::before { content: ""; height: 20px; background: linear-gradient(#e1e1e1, #e1e1e1) center / 100% 1px no-repeat; }
.kofa-static-donation-guide__email { display: flex; align-items: center; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-donation-guide__email { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-donation-guide__email { flex-direction: column; align-items: start; gap: 8px; }
}
.kofa-static-donation-guide__benefits { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__benefits { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-donation-guide__benefit { display: flex; align-items: start; gap: 12px; padding: 20px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__benefit { flex-direction: column; padding: 16px; }
}
.kofa-static-donation-guide__benefit > span { flex: 0 0 28px; }
.kofa-static-donation-guide__benefit h4 { margin: 0 0 6px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-donation-guide__benefit p { font-size: 14px; line-height: 21px; }
.kofa-static-donation-guide__document { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-donation-guide__document { padding: 15px; }
}
.kofa-static-donation-guide__document h4 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-donation-guide__document > p { font-size: 14px; line-height: 21px; color: #58585a; }

/* =============================================================================
   영화 제출 안내 — /holdings/film-submission
   ============================================================================= */
.kofa-static-film-submission__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-film-submission { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission { grid-template-columns: minmax(0, 1fr); min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission { gap: 48px; }
}
.kofa-static-film-submission__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-film-submission__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__section > h3 { font-size: 22px; line-height: 33px; background-size: 4px 21px; }
}
.kofa-static-film-submission__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-film-submission__columns { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-film-submission__deadline { padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) {
  .kofa-static-film-submission__deadline { padding: 16px; }
}
.kofa-static-film-submission__deadline > p { margin-bottom: 8px; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-film-submission__deadline h4 { margin: 0; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__deadline h4 { font-size: 20px; line-height: 30px; }
}
.kofa-static-film-submission__deadline h4 span { color: #30666b; }
.kofa-static-film-submission__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-film-submission__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-film-submission__notice .kofa-static-film-submission__icon-info { flex: 0 0 24px; }
.kofa-static-film-submission__contact { --kofa-static-copy-gap: 0px; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; --kofa-static-copy-value-padding-inline-end: 8px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__contact { --kofa-static-copy-min-height: 34px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__contact { --kofa-static-copy-min-height: 24px; padding-block: 15px; }
}
.kofa-static-film-submission__contact h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-film-submission__contact dl { margin: 0; }
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dl { display: grid; gap: 4px; }
}
.kofa-static-film-submission__contact dl > div { display: flex; align-items: center; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__contact dl > div { flex-wrap: nowrap; align-items: stretch; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dl > div { flex-direction: column; border-bottom: 0; align-items: stretch; }
}
.kofa-static-film-submission__contact dl > div:last-child { border-bottom: 0; }
.kofa-static-film-submission__contact dt { box-sizing: border-box; flex: 0 0 128px; padding: 20px 16px; font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dt { flex-basis: auto; padding: 14px 0; border-bottom: 1px solid #e1e1e1; }
}
.kofa-static-film-submission__contact dd { margin: 0; padding: 20px 16px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__contact dd { flex: 1; min-width: 0; max-width: 100%; box-sizing: border-box; align-self: center; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dd { width: 100%; padding: 14px 0; }
}
.kofa-static-film-submission__contact dl > div:not(:last-child) dt { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dl > div:not(:last-child) dt { padding-bottom: 14px; }
}
.kofa-static-film-submission__contact dl > div:not(:last-child) dd { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dl > div:not(:last-child) dd { padding-bottom: 14px; }
}
.kofa-static-film-submission__materials { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-film-submission__materials { padding: 15px; }
}
.kofa-static-film-submission__materials > h4 { margin: 0 0 24px; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-film-submission__materials ol { display: grid; gap: 32px; list-style: none; margin: 0; padding: 0; }
@media (max-width: 599px) {
  .kofa-static-film-submission__materials ol { gap: 24px; }
}
.kofa-static-film-submission__materials li { display: flex; gap: 12px; align-items: center; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__materials li { align-items: start; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__materials li { flex-direction: column; align-items: start; }
}
.kofa-static-film-submission__materials li:has(p) { align-items: start; }
.kofa-static-film-submission__materials li::before { content: none; }
.kofa-static-film-submission__materials .kofa-static-film-submission__step-details p { font-size: 16px; line-height: 24px; }
.kofa-static-film-submission__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__steps { gap: 16px; }
}
.kofa-static-film-submission__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-film-submission__steps > li:not(:has(p)) { align-items: center; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__steps > li:not(:has(p)) { align-items: start; }
}
.kofa-static-film-submission__steps > li::before { content: none; }
.kofa-static-film-submission__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-film-submission__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__step-details { width: 100%; }
}
.kofa-static-film-submission__step-details h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
.kofa-static-film-submission__step-details p { color: #58585a; }
.kofa-static-film-submission__step-details:has(> button, > a) { grid-template-columns: minmax(0, 1fr) auto; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__step-details:has(> button, > a) { gap: 6px 8px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__step-details:has(> button, > a) { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-film-submission__step-details:has(> button, > a) > h4 { grid-column: 1; }
.kofa-static-film-submission__step-details:has(> button, > a) > p { grid-column: 1; }
.kofa-static-film-submission__submission-link { grid-column: 2; grid-row: 1 / 3; align-self: start; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; color: #58585a; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 599px) {
  .kofa-static-film-submission__submission-link { grid-column: 1; grid-row: auto; width: 100%; margin-top: 2px; }
}
.kofa-static-film-submission__system-link { grid-column: 2; grid-row: 1 / 3; align-self: start; display: flex; align-items: center; justify-content: center; box-sizing: border-box; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; color: #58585a; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; text-decoration: none; }
@media (max-width: 599px) {
  .kofa-static-film-submission__system-link { grid-column: 1; grid-row: auto; width: 100%; margin-top: 2px; }
}
.kofa-static-film-submission__inquiries { display: grid; gap: 4px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__inquiries { --kofa-static-copy-min-height: 18px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__inquiries { --kofa-static-copy-gap: 8px; --kofa-static-copy-min-width: 44px; --kofa-static-copy-min-height: 44px; }
}
.kofa-static-film-submission__inquiries::before { content: ""; height: 20px; background: linear-gradient(#e1e1e1, #e1e1e1) center / 100% 1px no-repeat; }
.kofa-static-film-submission__inquiry-list { display: flex; gap: 80px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__inquiry-list { flex-wrap: wrap; gap: 16px 80px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__inquiry-list { flex-direction: column; gap: 12px; }
}
.kofa-static-film-submission__inquiry-list > p { display: flex; align-items: center; gap: 16px; color: #262831; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__inquiry-list > p { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__inquiry-list > p { flex-direction: column; align-items: start; gap: 8px; }
}
.kofa-static-film-submission__shipping-note { font-size: 18px; line-height: 32px; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__shipping-note { font-size: 16px; line-height: 24px; }
}
.kofa-static-film-submission__compensation { border-collapse: separate; border-spacing: 0; width: 100%; table-layout: fixed; }
@media (max-width: 599px) {
  .kofa-static-film-submission__compensation { width: 980px; }
}
.kofa-static-film-submission__compensation th { box-sizing: border-box; width: 31.6327%; text-align: left; font-weight: 600; }
.kofa-static-film-submission__compensation th:nth-child(2) { width: 39.7959%; }
.kofa-static-film-submission__compensation th:last-child { width: 28.5714%; }
.kofa-static-film-submission__compensation thead th { padding: 16px 16px 14px; border-top: 2px solid #000; background: #f9f9f9; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__compensation thead th { padding-bottom: 17px; }
}
.kofa-static-film-submission__compensation tbody th { padding: 28px 16px 27px; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__compensation tbody th { padding: 0; border-bottom: 0; vertical-align: top; }
}
.kofa-static-film-submission__compensation td { padding: 28px 16px 27px; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-film-submission__compensation td { padding: 14px 16px; vertical-align: top; }
}
@media (max-width: 1279px) {
  .kofa-static-film-submission__compensation-label { display: block; padding: 14px 16px; border-bottom: 1px solid #e1e1e1; }
}
@media (max-width: 1279px) {
  .kofa-static-film-submission__contact dl > div:not(:last-child) dd:has(.kofa-static-copy) { padding-block: 14.5px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__contact dl > div:not(:last-child) dd:has(.kofa-static-copy) { padding-block: 14px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__columns:has(.kofa-static-film-submission__materials) { gap: 16px; }
}
.kofa-static-film-submission__compensation-scroll { min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-film-submission__compensation-scroll { overflow-x: auto; padding-bottom: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__deadline-break { display: none; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__compensation-scroll::-webkit-scrollbar { height: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__compensation-scroll::-webkit-scrollbar-track { background: #e1e1e1; border-radius: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-film-submission__compensation-scroll::-webkit-scrollbar-thumb { background: #58585a; border-radius: 8px; }
}
/* film-submission 섹션 끝 */

/* =============================================================================
   자료 구매 안내 — /holdings/purchase
   ============================================================================= */
.kofa-static-purchase__icon-download { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/action/download.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-film { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/film.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-digital { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/digital.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-scenario { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/scenario.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-storyboard { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/storyboard.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-still { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/still.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-poster { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/poster.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-donation-publish { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/donation-publish.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-video { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/video.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-audio { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/audio.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-equipment { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/equipment.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-book { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/book.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-periodical { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/periodical.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-purchase { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-purchase { grid-template-columns: minmax(0, 1fr); min-width: 0; overflow-wrap: anywhere; }
}
@media (max-width: 599px) {
  .kofa-static-purchase { --kofa-cms-file-row-padding-inline: 0px; gap: 48px; }
}
.kofa-static-purchase__preflight { display: grid; gap: 64px; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-purchase__preflight { gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__preflight { gap: 48px; }
}
.kofa-static-purchase__forms-shortcut { display: grid; gap: 8px; min-width: 0; }
.kofa-static-purchase__forms-hint { display: none; color: #58585a; font-size: 14px; line-height: 21px; text-align: center; }
@media (max-width: 599px) {
  .kofa-static-purchase__forms-hint { display: block; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__forms-description { display: none; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__eligibility { white-space: pre-line; }
}
.kofa-static-purchase__forms-link { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #262831; border-radius: 10px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-purchase__forms-link { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__forms-link { padding: 11px 15px; }
}
.kofa-static-purchase__forms-link span { color: #58585a; font-size: 12px; line-height: 18px; font-weight: 400; }
.kofa-static-purchase__forms-link > .kofa-static-purchase__icon-download { flex: 0 0 24px; }
.kofa-static-purchase__forms-link--compact { width: auto; padding: 11px 16px; flex-shrink: 0; border-color: #e1e1e1; color: #58585a; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-purchase__forms-link--compact { max-width: 100%; white-space: normal; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__forms-link--compact { width: 100%; }
}
.kofa-static-purchase__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-purchase__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-purchase__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-purchase__section > h3 { font-size: 22px; line-height: 33px; background-size: 4px 21px; }
}
.kofa-static-purchase__targets { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-purchase__targets { padding: 16px; }
}
.kofa-static-purchase__targets h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-purchase__target-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-purchase__target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
.kofa-static-purchase__target { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px 0; border-radius: 12px; background: #f9f9f9; font-weight: 600; }
.kofa-static-purchase__contact { --kofa-static-copy-gap: 0px; --kofa-static-copy-value-padding-inline-end: 8px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-purchase__contact { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; padding: 15px 23px; }
}
.kofa-static-purchase__contact h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-purchase__contact dl { margin: 0; }
@media (max-width: 599px) {
  .kofa-static-purchase__contact dl { display: grid; gap: 4px; }
}
.kofa-static-purchase__contact dl > div { display: flex; align-items: center; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-purchase__contact dl > div { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__contact dl > div { flex-direction: column; align-items: stretch; border-bottom: 0; }
}
.kofa-static-purchase__contact dl > div:last-child { border-bottom: 0; }
.kofa-static-purchase__contact dt { box-sizing: border-box; flex: 0 0 128px; padding: 20px 16px; font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-purchase__contact dt { flex: auto; padding: 14px 0; border-bottom: 1px solid #e1e1e1; }
}
.kofa-static-purchase__contact dd { margin: 0; padding: 20px 16px; }
@media (max-width: 1279px) {
  .kofa-static-purchase__contact dd { min-width: 0; max-width: 100%; box-sizing: border-box; padding-block: 14px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__contact dd { padding-inline: 0; }
}
.kofa-static-purchase__contact dl > div:not(:last-child) dt { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-purchase__contact dl > div:not(:last-child) dt { padding-bottom: 14px; }
}
.kofa-static-purchase__contact dl > div:not(:last-child) dd { padding-bottom: 19px; }
@media (max-width: 1279px) {
  .kofa-static-purchase__contact dl > div:not(:last-child) dd { padding-bottom: 14px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__contact dl > div:last-child dd { display: flex; align-items: center; min-height: 64px; }
}
.kofa-static-purchase__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-purchase__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-purchase__notice .kofa-static-purchase__icon-info { flex: 0 0 24px; }
.kofa-static-purchase__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-purchase__steps { gap: 16px; }
}
.kofa-static-purchase__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-purchase__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-purchase__steps > li::before { content: none; }
.kofa-static-purchase__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-purchase__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-purchase__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__step-details { width: 100%; }
}
.kofa-static-purchase__step-details h4 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-purchase__step-details h4 { flex-wrap: wrap; }
}
.kofa-static-purchase__step-details h4 span { color: #e23940; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-purchase__step-details p { color: #58585a; }
.kofa-static-purchase__document { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-purchase__document { padding: 15px; }
}
.kofa-static-purchase__document h4 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-purchase__document > p { font-size: 14px; line-height: 21px; color: #58585a; }
.kofa-static-purchase__step-heading { display: flex; align-items: center; gap: 40px; }
@media (max-width: 1279px) {
  .kofa-static-purchase__step-heading { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__step-heading { flex-direction: column; align-items: stretch; gap: 12px; }
}
.kofa-static-purchase__step-heading > div { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-purchase__step-heading > div { gap: 8px; }
}
.kofa-static-purchase__step-contact { display: grid; gap: 4px; }
@media (max-width: 1279px) {
  .kofa-static-purchase__step-contact { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 18px; }
}
@media (max-width: 599px) {
  .kofa-static-purchase__step-contact { --kofa-static-copy-gap: 8px; --kofa-static-copy-min-width: 44px; --kofa-static-copy-min-height: 44px; }
}
.kofa-static-purchase__step-contact::before { content: ""; height: 20px; background: linear-gradient(#e1e1e1, #e1e1e1) center / 100% 1px no-repeat; }
.kofa-static-purchase__step-contact > p { display: flex; align-items: center; gap: 16px; color: #262831; }
@media (max-width: 599px) {
  .kofa-static-purchase__step-contact > p { flex-direction: column; align-items: start; gap: 0; }
}
.kofa-static-purchase__documents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
@media (max-width: 599px) {
  .kofa-static-purchase__documents { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-purchase__references { padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; background: #f9f9f9; color: #58585a; }
@media (max-width: 599px) {
  .kofa-static-purchase__references { padding: 16px; }
}
/* purchase 섹션 끝 */

/* =============================================================================
   위탁 안내 — /holdings/consignment
   ============================================================================= */

.kofa-static-consignment__icon-download-rounded { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/action/download-rounded.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment__icon-original-sound { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/original-sound.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment__icon-dupe-negative { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/dupe-negative.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment__icon-master-positive { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/master-positive.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment__icon-digital-cinema { display: block; width: 28px; height: 28px; background-image: url("/icons/static-page/holdings/digital-cinema.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment__icon-woori-bank { display: block; width: 40px; height: 40px; background-image: image-set(url("/icons/static-page/holdings/woori-bank.png") 1x, url("/icons/static-page/holdings/woori-bank@2x.png") 2x); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-consignment { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-consignment { grid-template-columns: minmax(0, 1fr); min-width: 0; overflow-wrap: anywhere; gap: 40px; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-consignment { gap: 48px; }
}
.kofa-static-consignment__sections { display: grid; grid-template-columns: minmax(0, 1fr); gap: 64px; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 599px) {
  .kofa-static-consignment__sections { gap: 48px; }
}
.kofa-static-consignment__shortcut { display: grid; gap: 8px; }
.kofa-static-consignment__shortcut-hint { display: none; }
@media (max-width: 599px) {
  .kofa-static-consignment__shortcut-hint { display: block; color: #58585a; font-size: 14px; line-height: 21px; text-align: center; }
}
.kofa-static-consignment__forms-link { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #262831; border-radius: 10px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-consignment__forms-link { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__forms-link { padding: 11px 15px; }
}
.kofa-static-consignment__forms-link span { color: #58585a; font-size: 12px; line-height: 18px; font-weight: 400; }
.kofa-static-consignment__forms-hint { display: inline; }
@media (max-width: 599px) {
  .kofa-static-consignment__forms-hint { display: none; }
}
.kofa-static-consignment__forms-link--compact { width: auto; padding: 11px 16px; flex-shrink: 0; border-color: #e1e1e1; color: #58585a; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-consignment__forms-link--compact { max-width: 100%; white-space: normal; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__forms-link--compact { width: 100%; padding: 11px 16px; }
}
.kofa-static-consignment__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-consignment__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-consignment__section > h3 { font-size: 22px; line-height: 33px; background-size: 4px 21px; }
}
.kofa-static-consignment__targets { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-consignment__targets { padding: 16px; }
}
.kofa-static-consignment__targets h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-consignment__target-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-consignment__target-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
.kofa-static-consignment__target { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 16px 0; border-radius: 12px; background: #f9f9f9; font-weight: 600; }
.kofa-static-consignment__contact { --kofa-static-copy-gap: 0px; --kofa-static-copy-value-min-width: 159px; --kofa-static-copy-value-padding-inline-end: 8px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-consignment__contact { padding-block: 15px; }
}
.kofa-static-consignment__contact h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-consignment__contact dl { margin: 0; }
@media (max-width: 599px) {
  .kofa-static-consignment__contact dl { display: grid; gap: 4px; }
}
.kofa-static-consignment__contact dl > div { display: flex; align-items: center; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-consignment__contact dl > div { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__contact dl > div { display: block; border-bottom: 0; }
}
.kofa-static-consignment__contact dl > div:last-child { border-bottom: 0; }
.kofa-static-consignment__contact dt { box-sizing: border-box; flex: 0 0 128px; padding: 20px 16px; font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-consignment__contact dt { padding: 14px 0; border-bottom: 1px solid #e1e1e1; }
}
.kofa-static-consignment__contact dd { margin: 0; padding: 20px 16px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__contact dd { min-width: 0; max-width: 100%; box-sizing: border-box; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__contact dd { padding: 14px 0; }
}
.kofa-static-consignment__contact dl > div:not(:last-child) dt { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-consignment__contact dl > div:not(:last-child) dt { padding-bottom: 14px; }
}
.kofa-static-consignment__contact dl > div:not(:last-child) dd { padding-bottom: 19px; }
@media (max-width: 599px) {
  .kofa-static-consignment__contact dl > div:not(:last-child) dd { padding-bottom: 14px; }
}
.kofa-static-consignment__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-consignment__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-consignment__notice .kofa-static-consignment__icon-info { flex: 0 0 24px; }
.kofa-static-consignment__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-consignment__steps { gap: 16px; }
}
.kofa-static-consignment__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-consignment__steps > li::before { content: none; }
.kofa-static-consignment__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-consignment__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-consignment__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__step-details { width: 100%; }
}
.kofa-static-consignment__step-details h4 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-consignment__step-details h4 { flex-wrap: wrap; row-gap: 4px; }
}
.kofa-static-consignment__step-details h4 span { color: #e23940; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-consignment__step-details p { color: #58585a; }
.kofa-static-consignment__step-heading { display: flex; align-items: center; gap: 40px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__step-heading { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__step-heading { flex-direction: column; align-items: stretch; gap: 12px; }
}
.kofa-static-consignment__step-heading > div { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-consignment__step-heading > div { gap: 8px; }
}
.kofa-static-consignment__step-contact { position: relative; display: flex; align-items: center; gap: 16px; padding-top: 24px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__step-contact { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__step-contact { flex-direction: column; align-items: flex-start; gap: 8px; --kofa-static-copy-min-width: 44px; --kofa-static-copy-min-height: 44px; --kofa-static-copy-gap: 8px; }
}
.kofa-static-consignment__step-contact::before { content: ""; position: absolute; top: 9px; left: 0; width: 100%; border-top: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-consignment__step-contact::before { top: 10px; }
}
.kofa-static-consignment__document { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__document { --kofa-cms-file-row-padding-inline: 0px; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__document { padding: 15px; }
}
.kofa-static-consignment__document h4 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-consignment__document > p { font-size: 14px; line-height: 21px; color: #58585a; }
.kofa-static-consignment__muted { color: #58585a; }
.kofa-static-consignment__columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-consignment__columns { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-consignment__panel { padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-consignment__panel { padding: 16px; }
}
.kofa-static-consignment__panel h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-consignment__panel ul { color: #58585a; font-size: 18px; line-height: 32px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__panel ul { font-size: 16px; line-height: 24px; }
}
.kofa-static-consignment__panel ul strong { font-size: 16px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-consignment__panel ul strong { line-height: 24px; }
}
.kofa-static-consignment__documents { display: grid; gap: 32px; padding: 0; margin: 0; list-style: none; }
@media (max-width: 599px) {
  .kofa-static-consignment__documents { gap: 24px; }
}
.kofa-static-consignment__documents li { display: flex; align-items: center; gap: 16px; font-size: 18px; line-height: 27px; font-weight: 600; }
.kofa-static-consignment__documents li::before { content: none; }
.kofa-static-consignment__documents p { display: flex; align-items: center; gap: 6px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__documents p { flex-wrap: wrap; }
}
.kofa-static-consignment__documents p span { font-size: 14px; line-height: 21px; color: #e23940; }
.kofa-static-consignment__fee-table { width: 100%; border-collapse: separate; border-spacing: 0; border-top: 2px solid #000; }
.kofa-static-consignment__fee-table th { width: 50%; padding: 16px 16px 14px; background: #f9f9f9; text-align: left; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-consignment__fee-table th { padding: 16px; border-bottom: 1px solid #e1e1e1; font-size: 16px; line-height: 24px; }
}
.kofa-static-consignment__fee-table td { padding: 19.5px 16px; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-consignment__fee-table td { padding-block: 14px; }
}
.kofa-static-consignment__bank { display: flex; align-items: center; gap: 16px; padding: 16px 24px; margin-top: 16px; border-radius: 16px; background: #e5f0f1; color: #285d8b; }
@media (max-width: 1279px) {
  .kofa-static-consignment__bank { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__bank { flex-direction: column; align-items: flex-start; padding: 16px; }
}
.kofa-static-consignment__bank h5 { margin: 0 0 4px; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-consignment__documents-panel h4 { margin-bottom: 24px; font-size: 20px; line-height: 30px; }
.kofa-static-consignment__fee-panel h4 { font-size: 20px; line-height: 30px; }
.kofa-static-consignment__additional { padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; background: #f9f9f9; color: #58585a; font-size: 18px; line-height: 32px; }
@media (max-width: 1279px) {
  .kofa-static-consignment__additional { font-size: 16px; line-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-consignment__additional { padding: 16px; }
}
.kofa-static-consignment__additional strong { font-size: 16px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-consignment__additional strong { line-height: 24px; }
}
.kofa-static-consignment__form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-consignment__form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
/* consignment 섹션 끝 */

/* =============================================================================
   자료 복사 안내 — /holdings/copy
   ============================================================================= */
.kofa-static-holdings-copy__icon-download { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/action/download.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-holdings-copy__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-holdings-copy__icon-copy-down { display: block; width: 20px; height: 20px; background-image: url("/icons/static-page/holdings/copy-down.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-holdings-copy { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy { gap: 48px; }
}
.kofa-static-holdings-copy__preflight { display: grid; gap: 64px; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__preflight { gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__preflight { gap: 48px; }
}
.kofa-static-holdings-copy__forms-shortcut { display: grid; gap: 8px; min-width: 0; }
.kofa-static-holdings-copy__forms-hint { display: none; color: #58585a; font-size: 14px; line-height: 21px; text-align: center; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__forms-hint { display: block; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__forms-description { display: none; }
}
.kofa-static-holdings-copy__forms-link { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #262831; border-radius: 10px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; text-decoration: none; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__forms-link { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__forms-link { padding: 11px 15px; }
}
.kofa-static-holdings-copy__forms-link span { color: #58585a; font-size: 12px; line-height: 18px; font-weight: 400; }
.kofa-static-holdings-copy__forms-link--compact { width: auto; padding: 11px 16px; flex-shrink: 0; border-color: #e1e1e1; color: #58585a; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__forms-link--compact { max-width: 100%; white-space: normal; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__forms-link--compact { width: 100%; }
}
.kofa-static-holdings-copy__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-holdings-copy__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__section > h3 { font-size: 22px; line-height: 33px; background-size: 4px 21px; }
}
.kofa-static-holdings-copy__targets { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__targets { padding: 23px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__targets { padding: 15px; }
}
.kofa-static-holdings-copy__targets h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-holdings-copy__formats { display: grid; gap: 16px; font-weight: 600; }
.kofa-static-holdings-copy__format-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__format-grid { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-holdings-copy__format-grid span { display: flex; align-items: center; justify-content: center; padding: 20px 0; border-radius: 12px; background: #f9f9f9; }
.kofa-static-holdings-copy__format-grid--image { grid-template-columns: minmax(0, 1fr); }
.kofa-static-holdings-copy__contact h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-holdings-copy__contact-grid { --kofa-static-copy-gap: 8px; font-size: 20px; line-height: 30px; font-weight: 700; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__contact-grid { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}
.kofa-static-holdings-copy__contact-grid p { font-weight: 400; display: flex; gap: 8px; margin-bottom: 8px; font-size: 14px; line-height: 21px; color: #58585a; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__contact-grid p { flex-wrap: wrap; }
}
.kofa-static-holdings-copy__contact-grid strong { font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-holdings-copy__copy--phone { --kofa-static-copy-value-min-width: 127px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__copy--phone { --kofa-static-copy-value-min-width: 0px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__copy--phone { --kofa-static-copy-min-width: 38px; --kofa-static-copy-min-height: 34px; }
}
.kofa-static-holdings-copy__copy--email { --kofa-static-copy-value-min-width: 192px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__copy--email { --kofa-static-copy-value-min-width: 0px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__copy--email { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 34px; }
}
.kofa-static-holdings-copy__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-holdings-copy__notice .kofa-static-holdings-copy__icon-info { flex: 0 0 24px; }
.kofa-static-holdings-copy__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__steps { gap: 16px; }
}
.kofa-static-holdings-copy__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-holdings-copy__steps > li::before { content: none; }
.kofa-static-holdings-copy__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-holdings-copy__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__step-details { width: 100%; }
}
.kofa-static-holdings-copy__step-details h4 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__step-details h4 { flex-wrap: wrap; }
}
.kofa-static-holdings-copy__step-details h4 span { color: #e23940; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-holdings-copy__step-details p { color: #58585a; }
.kofa-static-holdings-copy__step-heading { display: flex; align-items: center; gap: 40px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__step-heading { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__step-heading { flex-direction: column; align-items: stretch; gap: 12px; }
}
.kofa-static-holdings-copy__step-heading > div { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__step-heading > div { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__step-heading > div { flex-basis: 100%; flex: auto; }
}
.kofa-static-holdings-copy__step-contact-group { display: grid; gap: 4px; }
.kofa-static-holdings-copy__step-contact-divider { margin: 9px 0 10px; border: 0; border-top: 1px solid #e1e1e1; }
.kofa-static-holdings-copy__step-contact { display: flex; align-items: center; gap: 80px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__step-contact { flex-wrap: wrap; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__step-contact { --kofa-static-copy-gap: 8px; --kofa-static-copy-min-width: 44px; --kofa-static-copy-min-height: 44px; flex-direction: column; align-items: stretch; gap: 24px; }
}
.kofa-static-holdings-copy__step-contact > div { display: flex; align-items: center; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__step-contact > div { min-width: 0; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__step-contact > div { flex-direction: column; align-items: start; gap: 8px; }
}
.kofa-static-holdings-copy__copy--step-phone { --kofa-static-copy-value-min-width: 100px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__copy--step-phone { --kofa-static-copy-value-min-width: 0px; }
}
.kofa-static-holdings-copy__copy--step-email { --kofa-static-copy-value-min-width: 142px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__copy--step-email { --kofa-static-copy-value-min-width: 0px; }
}
.kofa-static-holdings-copy__fee-group { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__fee-group { gap: 16px; }
}
.kofa-static-holdings-copy__fee-group h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-holdings-copy__table-scroll { min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__table-scroll { overflow-x: auto; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__table-scroll { padding-bottom: 8px; }
}
.kofa-static-holdings-copy__table-scroll::-webkit-scrollbar { height: 8px; }
.kofa-static-holdings-copy__table-scroll::-webkit-scrollbar-track { border-radius: 4px; background: #e1e1e1; }
.kofa-static-holdings-copy__table-scroll::-webkit-scrollbar-thumb { border-radius: 4px; background: #58585a; }
.kofa-static-holdings-copy__fee-table { width: 100%; border-collapse: collapse; border-top: 2px solid #262831; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__fee-table { table-layout: fixed; min-width: 944px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__fee-table { min-width: 980px; }
}
.kofa-static-holdings-copy__fee-table col:nth-child(1) { width: 18.367347%; }
.kofa-static-holdings-copy__fee-table col:nth-child(2) { width: 15.306122%; }
.kofa-static-holdings-copy__fee-table col:nth-child(3) { width: 18.367347%; }
.kofa-static-holdings-copy__fee-table col:nth-child(4) { width: 21.428571%; }
.kofa-static-holdings-copy__fee-table col:nth-child(5) { width: 26.530612%; }
.kofa-static-holdings-copy__fee-table th { padding: 16px; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; text-align: left; font-weight: 600; }
.kofa-static-holdings-copy__fee-table td { padding: 19.5px 16px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; }
.kofa-static-holdings-copy__fee-table td[rowspan] { font-weight: 400; }
.kofa-static-holdings-copy__price { font-weight: 600; }
.kofa-static-holdings-copy__fee-table td.kofa-static-holdings-copy__table-note { font-weight: 400; }
.kofa-static-holdings-copy__fee-table--image col:nth-child(1) { width: 31.632653%; }
.kofa-static-holdings-copy__fee-table--image col:nth-child(2) { width: 23.469388%; }
.kofa-static-holdings-copy__fee-table--image col:nth-child(3) { width: 44.897959%; }
.kofa-static-holdings-copy__fee-table--image td { padding: 27.5px 16px; border-right: 0; }
.kofa-static-holdings-copy__fee-notes { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__fee-notes { gap: 8px; }
}
.kofa-static-holdings-copy__fee-note { color: #262831; }
.kofa-static-holdings-copy__form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__form-grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-holdings-copy__document { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__document { --kofa-cms-file-row-padding-inline: 0px; padding: 15px; }
}
.kofa-static-holdings-copy__document-intro { min-height: 77px; }
@media (max-width: 599px) {
  .kofa-static-holdings-copy__document-intro { min-height: 0; }
}
.kofa-static-holdings-copy__document h4 { margin: 0 0 8px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-holdings-copy__document p { font-size: 14px; line-height: 21px; color: #58585a; }
.kofa-static-holdings-copy__cautions { font-size: 18px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; background: #f9f9f9; color: #58585a; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-holdings-copy__cautions { font-size: 16px; line-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-holdings-copy__cautions { padding: 15px; }
}
.kofa-static-holdings-copy__fee-table td:last-child.kofa-static-holdings-copy__table-note { border-right: 0; }
.kofa-static-holdings-copy__fee-table--image td:first-child { font-weight: 600; }
.kofa-static-holdings-copy__fee-table--image th:nth-child(2) { text-align: right; }
.kofa-static-holdings-copy__fee-table--image .kofa-static-holdings-copy__price { text-align: right; }


.kofa-static-holdings-copy__fee-table td.kofa-static-holdings-copy__category { font-weight: 600; }
.kofa-static-holdings-copy__cautions strong { font-size: 16px; }
/* holdings-copy 섹션 끝 */

/* =============================================================================
   자료 대여 안내 — /holdings/rental
   ============================================================================= */

.kofa-static-rental__icon-download { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/action/download.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-rental__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-rental__icon-forms-down { display: block; width: 20px; height: 20px; background-image: url("/icons/static-page/holdings/forms-down.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-rental { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-rental { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-rental { gap: 48px; }
}
.kofa-static-rental__sections { display: grid; gap: 64px; }
@media (max-width: 599px) {
  .kofa-static-rental__sections { gap: 48px; min-width: 0; }
}
.kofa-static-rental__shortcut-note { display: none; }
@media (max-width: 599px) {
  .kofa-static-rental__shortcut-note { display: block; margin-top: 8px; font-size: 14px; line-height: 21px; text-align: center; color: #58585a; }
}
@media (max-width: 599px) {
  .kofa-static-rental__forms-link .kofa-static-rental__shortcut-inline-note { display: none; }
}
.kofa-static-rental__forms-link { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 15px 16px; border: 1px solid #262831; border-radius: 10px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; text-decoration: none; }
@media (max-width: 599px) {
  .kofa-static-rental__forms-link { padding-block: 11px; }
}
.kofa-static-rental__forms-link span { color: #58585a; font-size: 12px; line-height: 18px; font-weight: 400; }
.kofa-static-rental__forms-link--compact { width: auto; flex-shrink: 0; padding: 11px 16px; border-color: #e1e1e1; color: #58585a; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-rental__forms-link--compact { max-width: 100%; white-space: normal; }
}
@media (max-width: 599px) {
  .kofa-static-rental__forms-link--compact { width: 100%; }
}
.kofa-static-rental__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-rental__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-rental__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-rental__section > h3 { font-size: 22px; line-height: 33px; background-position: left center; background-size: 4px 21px; }
}
.kofa-static-rental__targets { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-rental__targets { padding: 23px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__targets { padding: 15px; }
}
.kofa-static-rental__targets h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-rental__target-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-rental__target-grid { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-rental__target { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; box-sizing: border-box; min-height: 96px; padding: 16px 0; border-radius: 12px; background: #f9f9f9; }
.kofa-static-rental__contact { --kofa-static-copy-gap: 8px; display: grid; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-rental__contact { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 34px; }
}
.kofa-static-rental__contact h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-rental__contact dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) {
  .kofa-static-rental__contact dl { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}
.kofa-static-rental__contact dl > div { display: grid; gap: 8px; }
@media (max-width: 1279px) {
  .kofa-static-rental__contact dl > div { min-width: 0; align-content: start; }
}
.kofa-static-rental__contact dt { display: flex; align-items: center; gap: 8px; color: #58585a; font-size: 14px; line-height: 21px; }
@media (max-width: 1279px) {
  .kofa-static-rental__contact dt { flex-wrap: wrap; }
}
.kofa-static-rental__contact dt span { margin: 0; }
.kofa-static-rental__contact dd { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; }
@media (max-width: 1279px) {
  .kofa-static-rental__contact dd { overflow-wrap: anywhere; }
}
.kofa-static-rental__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 1279px) {
  .kofa-static-rental__notice { align-items: center; }
}
@media (max-width: 599px) {
  .kofa-static-rental__notice { flex-direction: column; align-items: flex-start; padding: 16px; }
}
.kofa-static-rental__notice-icon { display: flex; flex-shrink: 0; padding-block: 2px; }
@media (max-width: 1279px) {
  .kofa-static-rental__notice-icon { padding-block: 0; }
}
.kofa-static-rental__notice .kofa-static-rental__icon-info { flex: 0 0 24px; }
.kofa-static-rental__notice ul { padding-left: 8px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-rental__notice ul { padding-left: 24px; line-height: 24px; }
}
@media (max-width: 1279px) {
  .kofa-static-rental__notice li { list-style: disc; }
}
.kofa-static-rental__notice li::before { content: "•"; display: inline-block; width: 17px; }
@media (max-width: 1279px) {
  .kofa-static-rental__notice li::before { content: none; }
}
.kofa-static-rental__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-rental__steps { gap: 16px; }
}
.kofa-static-rental__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-rental__steps > li { gap: 12px; padding: 23px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-rental__steps > li::before { content: none; }
.kofa-static-rental__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-rental__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-rental__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__step-details { width: 100%; flex: auto; }
}
.kofa-static-rental__step-details h4 { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-rental__step-details h4 { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-rental__step-details h4 { row-gap: 4px; }
}
.kofa-static-rental__step-details h4 span { color: #e23940; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-rental__step-details p { color: #58585a; }
.kofa-static-rental__step-heading { display: flex; align-items: center; gap: 40px; }
@media (max-width: 1279px) {
  .kofa-static-rental__step-heading { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__step-heading { flex-direction: column; align-items: stretch; gap: 12px; }
}
.kofa-static-rental__step-heading > div { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-rental__step-heading > div { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__step-heading > div { flex-basis: auto; }
}
.kofa-static-rental__step-contact { display: flex; align-items: center; gap: 80px; padding-top: 24px; background: linear-gradient(#e1e1e1, #e1e1e1) left 10px / 100% 1px no-repeat; font-size: 16px; line-height: 24px; }
@media (max-width: 1279px) {
  .kofa-static-rental__step-contact { flex-wrap: wrap; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__step-contact { flex-direction: column; align-items: stretch; gap: 24px; --kofa-static-copy-min-width: 44px; --kofa-static-copy-min-height: 44px; --kofa-static-copy-gap: 8px; }
}
.kofa-static-rental__step-contact > div { display: flex; align-items: center; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-rental__step-contact > div { min-width: 0; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-rental__step-contact > div { flex-direction: column; align-items: flex-start; gap: 8px; }
}
.kofa-static-rental__fees { display: grid; gap: 32px; }
@media (max-width: 1279px) {
  .kofa-static-rental__fees { gap: 24px; }
}
.kofa-static-rental__fee { display: grid; gap: 16px; }
.kofa-static-rental__fee h4 { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-rental__fee-heading { display: grid; gap: 8px; }
.kofa-static-rental__table-scroll { min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-rental__table-scroll { overflow-x: auto; padding-bottom: 8px; }
}
.kofa-static-rental__table-scroll::-webkit-scrollbar { height: 8px; }
.kofa-static-rental__table-scroll::-webkit-scrollbar-track { border-radius: 8px; background: #e1e1e1; }
.kofa-static-rental__table-scroll::-webkit-scrollbar-thumb { border-radius: 8px; background: #58585a; }
.kofa-static-rental__table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; border-top: 2px solid #000; }
@media (max-width: 599px) {
  .kofa-static-rental__table { min-width: 980px; }
}
.kofa-static-rental__table th { padding: 16px; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; font-size: 16px; line-height: 24px; font-weight: 600; text-align: left; }
.kofa-static-rental__table td { padding: 19px 16px 20px; border-bottom: 1px solid #e1e1e1; font-size: 16px; line-height: 24px; text-align: left; }
.kofa-static-rental__column--360 { width: 36.7347%; }
.kofa-static-rental__column--270 { width: 27.5510%; }
.kofa-static-rental__column--350 { width: 35.7143%; }
.kofa-static-rental__column--180 { width: 18.3673%; }
.kofa-static-rental__column--420 { width: 42.8571%; }
.kofa-static-rental__column--150 { width: 15.3061%; }
.kofa-static-rental__column--230 { width: 23.4694%; }
.kofa-static-rental__column--600 { width: 61.2245%; }
.kofa-static-rental__fee-notes { display: grid; gap: 8px; }
.kofa-static-rental__documents { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: start; }
@media (max-width: 599px) {
  .kofa-static-rental__documents { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-rental__document { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-rental__document { padding: 23px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__document { padding: 15px; }
}
.kofa-static-rental__document-heading { display: grid; gap: 8px; }
.kofa-static-rental__document-heading > p { min-height: 42px; }
@media (max-width: 599px) {
  .kofa-static-rental__document-heading > p { min-height: 0; }
}
.kofa-static-rental__document h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-rental__document p { font-size: 14px; line-height: 21px; color: #58585a; }
.kofa-static-rental__section > .kofa-static-rental__notes { padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; background: #f9f9f9; color: #58585a; font-size: 18px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-rental__section > .kofa-static-rental__notes { padding: 23px; font-size: 16px; line-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-rental__section > .kofa-static-rental__notes { padding: 15px; }
}
.kofa-static-rental__table th:not(:last-child) { border-right: 1px solid #e1e1e1; }
.kofa-static-rental__table td:not(:last-child) { border-right: 1px solid #e1e1e1; }
.kofa-static-rental__table td.kofa-static-rental__cell--divided { border-right: 1px solid #e1e1e1; }
.kofa-static-rental__table strong { font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-rental__description-break { display: none; }
}
/* rental 섹션 끝 */

/* =============================================================================
   저작권 대리중개 안내 — /holdings/copyright-brokerage
   ============================================================================= */
.kofa-static-copyright-brokerage__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-copyright-brokerage__icon-arrow-down { display: block; width: 20px; height: 20px; background-image: url("/icons/static-page/action/arrow-down.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-copyright-brokerage { display: grid; gap: 64px; margin-top: 64px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage { grid-template-columns: minmax(0, 1fr); overflow-wrap: anywhere; margin-top: 0; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage { gap: 48px; }
}
.kofa-static-copyright-brokerage__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-copyright-brokerage__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__section > h3 { font-size: 22px; line-height: 33px; background-size: 4px 21px; }
}
.kofa-static-copyright-brokerage__overview { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__overview { padding: 23px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__overview { padding: 15px; }
}
.kofa-static-copyright-brokerage__overview h4 { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-copyright-brokerage__contact h4 { margin: 0 0 16px; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-copyright-brokerage__contact-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__contact-grid { --kofa-static-copy-gap: 8px; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 34px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__contact-grid { grid-template-columns: minmax(0, 1fr); padding: 16px; --kofa-static-copy-min-width: 34px; }
}
.kofa-static-copyright-brokerage__contact-grid p { display: flex; gap: 8px; margin-bottom: 8px; font-size: 14px; line-height: 21px; color: #58585a; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__contact-grid p { flex-wrap: wrap; }
}
.kofa-static-copyright-brokerage__contact-grid strong { font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-copyright-brokerage__contact-copy { --kofa-static-copy-gap: 8px; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-copyright-brokerage__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__notice { flex-direction: column; padding-inline: 16px; }
}
.kofa-static-copyright-brokerage__notice .kofa-static-copyright-brokerage__icon-info { flex: 0 0 24px; }
.kofa-static-copyright-brokerage__comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__comparison { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-copyright-brokerage__comparison > div { display: grid; gap: 16px; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__comparison > div { padding: 16px; }
}
.kofa-static-copyright-brokerage__comparison h4 { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-copyright-brokerage__procedures { display: grid; gap: 40px; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__procedures { gap: 32px; }
}
.kofa-static-copyright-brokerage__procedure { display: grid; gap: 24px; }
.kofa-static-copyright-brokerage__procedure > h4 { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; }
/* PC 원문 텍스트 런 유지: 부분 분할은 끝 글자의 래스터를 바꾼다 */
.kofa-static-copyright-brokerage__procedure-title { display: inline; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__procedure-title { display: none; }
}
.kofa-static-copyright-brokerage__procedure-mobile-title { display: none; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__procedure-mobile-title { display: inline; }
}
.kofa-static-copyright-brokerage__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__steps { gap: 16px; }
}
.kofa-static-copyright-brokerage__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-copyright-brokerage__steps > li::before { content: none; }
.kofa-static-copyright-brokerage__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; font-weight: 600; line-height: 21px; }
.kofa-static-copyright-brokerage__step-details { flex: 1; min-width: 0; display: grid; gap: 6px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__step-details { width: 100%; }
}
.kofa-static-copyright-brokerage__step-description { flex: 1; min-width: 0; display: grid; gap: 6px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__step-description { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__step-description { flex-basis: auto; width: 100%; }
}
.kofa-static-copyright-brokerage__step-description h5 { margin: 0; font-size: 18px; font-weight: 600; line-height: 27px; }
.kofa-static-copyright-brokerage__step-description p { color: #58585a; }
.kofa-static-copyright-brokerage__step-heading { display: flex; align-items: center; gap: 40px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__step-heading { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__step-heading { flex-direction: column; align-items: stretch; gap: 12px; }
}
.kofa-static-copyright-brokerage__step-heading--top { align-items: flex-start; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__step-heading--top { align-items: stretch; }
}
.kofa-static-copyright-brokerage__works-link { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; gap: 4px; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; color: #58585a; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__works-link { max-width: 100%; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__works-link { width: 100%; }
}
.kofa-static-copyright-brokerage__step-contact { --kofa-static-copy-gap: 12px; display: flex; gap: 80px; padding-top: 16px; border-top: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__step-contact { flex-wrap: wrap; row-gap: 24px; --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__step-contact { flex-direction: column; gap: 24px; --kofa-static-copy-min-width: 34px; --kofa-static-copy-min-height: 34px; --kofa-static-copy-gap: 8px; }
}
.kofa-static-copyright-brokerage__step-contact > div { display: flex; align-items: center; gap: 12px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__step-contact > div { min-width: 0; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__step-contact > div { flex-direction: column; align-items: flex-start; gap: 8px; }
}

.kofa-static-copyright-brokerage__document { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; grid-template-rows: 27px 21px 18px; column-gap: 16px; row-gap: 8px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-copyright-brokerage__document { grid-template-rows: auto auto auto; }
}
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__document { grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px; padding: 15px; }
}
.kofa-static-copyright-brokerage__document h4 { grid-column: 2; grid-row: 1; margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-copyright-brokerage__document p { grid-column: 2; grid-row: 2; font-size: 14px; line-height: 21px; color: #58585a; }
/* 페이지 구역 배치 예외(공용 판정): CMS_FILE 출력은 그대로 두고 가로형 카드로 배치 */
.kofa-static-copyright-brokerage__document .kofa-cms-file { display: contents; }
.kofa-static-copyright-brokerage__document .kofa-cms-file__row { display: contents; }
.kofa-static-copyright-brokerage__document .kofa-cms-file__icon { grid-column: 1; grid-row: 1 / 4; align-self: center; width: 44px; height: 44px; background-size: 44px 44px; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__document .kofa-cms-file__icon { align-self: start; }
}
.kofa-static-copyright-brokerage__document .kofa-cms-file__size { grid-column: 2; grid-row: 3; }
.kofa-static-copyright-brokerage__document .kofa-cms-file__download { grid-column: 3; grid-row: 1 / 4; align-self: center; gap: 0; font-size: 0; }
@media (max-width: 599px) {
  /* Figma inside stroke와 합쳐 좌우 16px를 확보한다(4003:171910). */
  .kofa-static-copyright-brokerage__document .kofa-cms-file__download { grid-column: 1 / -1; grid-row: 4; width: 100%; margin-top: 8px; padding-inline: 15px; }
}
.kofa-static-copyright-brokerage__document .kofa-cms-file__download::before { content: "XLSX 내려받기"; margin-right: 4px; font-size: 16px; line-height: 24px; }
@media (max-width: 599px) {
  .kofa-static-copyright-brokerage__document .kofa-cms-file__download::before { flex: 1; text-align: center; }
}
/* copyright-brokerage 섹션 끝 */

/* =============================================================================
   연구용 원본자료 열람 안내 — /holdings/research-viewing
   ============================================================================= */
.kofa-static-research-viewing__icon-download { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/action/download.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-research-viewing__icon-info { display: block; width: 24px; height: 24px; background-image: url("/icons/static-page/info.png"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-research-viewing__icon-forms-down { display: block; width: 20px; height: 20px; background-image: url("/icons/static-page/holdings/forms-down.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
.kofa-static-research-viewing { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing { grid-template-columns: minmax(0, 1fr); gap: 40px; overflow-wrap: anywhere; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing { gap: 48px; }
}
.kofa-static-research-viewing__sections { display: contents; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__sections { display: grid; grid-template-columns: minmax(0, 1fr); gap: 64px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__sections { gap: 48px; }
}
.kofa-static-research-viewing__forms-link { display: flex; align-items: center; justify-content: center; gap: 4px; width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #262831; border-radius: 10px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; text-decoration: none; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__forms-link--intro { display: grid; grid-template-columns: minmax(0, 1fr); justify-content: stretch; gap: 8px; padding: 0; border: 0; border-radius: 0; }
}
.kofa-static-research-viewing__forms-main { display: contents; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__forms-main { display: flex; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box; width: 100%; padding: 11px 15px; border: 1px solid #262831; border-radius: 10px; }
}
.kofa-static-research-viewing__forms-description { color: #58585a; font-size: 12px; line-height: 18px; font-weight: 400; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__forms-description { font-size: 14px; line-height: 21px; }
}
.kofa-static-research-viewing__forms-link--compact { width: auto; flex-shrink: 0; padding: 11px 16px; border-color: #e1e1e1; color: #58585a; white-space: nowrap; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__forms-link--compact { max-width: 100%; white-space: normal; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__forms-link--compact { width: 100%; }
}
.kofa-static-research-viewing__section { display: grid; gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__section { grid-template-columns: minmax(0, 1fr); min-width: 0; }
}
.kofa-static-research-viewing__section > h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__section > h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-research-viewing__targets { display: grid; gap: 16px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__targets { padding: 23px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__targets { padding: 15px; }
}
.kofa-static-research-viewing__targets h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-research-viewing__target-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__target-grid { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-research-viewing__target { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; box-sizing: border-box; min-height: 96px; padding: 16px 0; border-radius: 12px; background: #f9f9f9; }
.kofa-static-research-viewing__contact { --kofa-static-copy-gap: 8px; display: grid; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__contact { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 34px; }
}
.kofa-static-research-viewing__contact h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-research-viewing__contact dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__contact dl { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}
.kofa-static-research-viewing__contact dl > div { display: grid; gap: 8px; }
.kofa-static-research-viewing__contact dt { display: flex; gap: 8px; color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-research-viewing__contact dd { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-research-viewing__notice { display: flex; align-items: start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__notice { flex-direction: column; padding: 16px; }
}
.kofa-static-research-viewing__notice .kofa-static-research-viewing__icon-info { flex: 0 0 24px; }
.kofa-static-research-viewing__steps { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__steps { gap: 16px; }
}
.kofa-static-research-viewing__steps > li { display: flex; align-items: start; gap: 20px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__steps > li { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__steps > li { flex-direction: column; padding: 15px; }
}
.kofa-static-research-viewing__steps > li::before { content: none; }
.kofa-static-research-viewing__step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-research-viewing__step-details { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__step-details { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-details { flex: initial; width: 100%; }
}
.kofa-static-research-viewing__step-details h4 { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-details h4 { flex-wrap: wrap; row-gap: 4px; }
}
.kofa-static-research-viewing__step-details h4 span { color: #e23940; font-size: 14px; line-height: 21px; font-weight: 600; }
.kofa-static-research-viewing__step-details p { color: #58585a; }
.kofa-static-research-viewing__step-heading { display: flex; align-items: center; gap: 40px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__step-heading { flex-wrap: wrap; gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-heading { flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: 12px; }
}
.kofa-static-research-viewing__step-heading > div { display: grid; gap: 6px; flex: 1; min-width: 0; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__step-heading > div { gap: 8px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-heading > div { flex: initial; width: 100%; }
}
.kofa-static-research-viewing__step-contact { display: flex; align-items: center; gap: 80px; padding-top: 24px; background: linear-gradient(#e1e1e1, #e1e1e1) left 10px / 100% 1px no-repeat; font-size: 16px; line-height: 24px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__step-contact { --kofa-static-copy-min-width: 25px; --kofa-static-copy-min-height: 24px; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-contact { --kofa-static-copy-min-width: 24px; --kofa-static-copy-min-height: 34px; --kofa-static-copy-gap: 8px; flex-direction: column; align-items: stretch; gap: 24px; }
}
.kofa-static-research-viewing__step-contact > div { display: flex; align-items: center; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__step-contact > div { min-width: 0; flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-contact > div { flex-direction: column; align-items: flex-start; gap: 8px; }
}
.kofa-static-research-viewing__document { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-research-viewing__document { --kofa-cms-file-row-padding-inline: 0px; padding: 15px; }
}
.kofa-static-research-viewing__document-heading { display: grid; gap: 8px; }
.kofa-static-research-viewing__document h4 { margin: 0; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-research-viewing__document p { font-size: 14px; line-height: 21px; color: #58585a; }
.kofa-static-research-viewing__section > .kofa-static-research-viewing__notes { padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; background: #f9f9f9; color: #58585a; font-size: 18px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__section > .kofa-static-research-viewing__notes { font-size: 16px; line-height: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__section > .kofa-static-research-viewing__notes { padding: 15px; }
}
.kofa-static-research-viewing__notes strong { font-size: 16px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__notes strong { line-height: inherit; }
}
.kofa-static-research-viewing__target-description { font-size: 16px; line-height: 24px; color: #262831; }
.kofa-static-research-viewing__step-heading > .kofa-static-research-viewing__submission-details { flex: 0 0 459px; }
@media (max-width: 1279px) {
  .kofa-static-research-viewing__step-heading > .kofa-static-research-viewing__submission-details { flex-shrink: 1; max-width: 100%; }
}
@media (max-width: 599px) {
  .kofa-static-research-viewing__step-heading > .kofa-static-research-viewing__submission-details { flex: initial; }
}
.kofa-static-research-viewing__step-heading:has(.kofa-static-research-viewing__submission-details) { justify-content: space-between; }
/* research-viewing 섹션 끝 */

/* =============================================================================
   일반현황 — /intro/greeting
   ============================================================================= */
.kofa-static-greeting__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-greeting__asset-welcome-background { width: 980px; height: auto; aspect-ratio: 980 / 241; background-image: url("/images/static-page/greeting/welcome-background-desktop.png"); background-image: image-set(url("/images/static-page/greeting/welcome-background-desktop.png") 1x, url("/images/static-page/greeting/welcome-background-desktop@2x.png") 2x); }
@media (max-width: 1279px) { .kofa-static-greeting__asset-welcome-background { background-image: url("/images/static-page/greeting/welcome-background-tablet.png"); background-image: image-set(url("/images/static-page/greeting/welcome-background-tablet.png") 1x, url("/images/static-page/greeting/welcome-background-tablet@2x.png") 2x); aspect-ratio: 944 / 336; } }
@media (max-width: 599px) { .kofa-static-greeting__asset-welcome-background { background-image: url("/images/static-page/greeting/welcome-background-mobile.png"); background-image: image-set(url("/images/static-page/greeting/welcome-background-mobile.png") 1x, url("/images/static-page/greeting/welcome-background-mobile@2x.png") 2x); aspect-ratio: 343 / 385; } }
.kofa-static-greeting__asset-portrait-shadow { width: 559px; height: auto; aspect-ratio: 559 / 383; background-image: url("/images/static-page/greeting/portrait-shadow.png"); background-image: image-set(url("/images/static-page/greeting/portrait-shadow.png") 1x, url("/images/static-page/greeting/portrait-shadow@2x.png") 2x); }
.kofa-static-greeting__asset-portrait-extended { width: 515px; height: auto; aspect-ratio: 515 / 339; background-image: url("/images/static-page/greeting/portrait-wide.png"); background-image: image-set(url("/images/static-page/greeting/portrait-wide.png") 1x, url("/images/static-page/greeting/portrait-wide@2x.png") 2x); }
.kofa-static-greeting__asset-portrait-cropped { width: 296px; height: auto; aspect-ratio: 296 / 312; background-image: url("/images/static-page/greeting/portrait-tablet.png"); background-image: image-set(url("/images/static-page/greeting/portrait-tablet.png") 1x, url("/images/static-page/greeting/portrait-tablet@2x.png") 2x); }
.kofa-static-greeting__asset-portrait-centered { width: 365px; height: auto; aspect-ratio: 365 / 241; background-image: url("/images/static-page/greeting/portrait-compact.png"); background-image: image-set(url("/images/static-page/greeting/portrait-compact.png") 1x, url("/images/static-page/greeting/portrait-compact@2x.png") 2x); }
.kofa-static-greeting__asset-mission { width: 920px; height: auto; aspect-ratio: 920 / 165; background-image: url("/images/static-page/greeting/mission-desktop.png"); background-image: image-set(url("/images/static-page/greeting/mission-desktop.png") 1x, url("/images/static-page/greeting/mission-desktop@2x.png") 2x); }
@media (max-width: 1279px) { .kofa-static-greeting__asset-mission { background-image: url("/images/static-page/greeting/mission-tablet.png"); background-image: image-set(url("/images/static-page/greeting/mission-tablet.png") 1x, url("/images/static-page/greeting/mission-tablet@2x.png") 2x); aspect-ratio: 920 / 159; } }
@media (max-width: 599px) { .kofa-static-greeting__asset-mission { background-image: url("/images/static-page/greeting/mission-mobile.png"); background-image: image-set(url("/images/static-page/greeting/mission-mobile.png") 1x, url("/images/static-page/greeting/mission-mobile@2x.png") 2x); aspect-ratio: 343 / 175; } }
.kofa-static-greeting__asset-strategy-archive { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/greeting/strategy-archive.png"); background-image: image-set(url("/icons/static-page/greeting/strategy-archive.png") 1x, url("/icons/static-page/greeting/strategy-archive@2x.png") 2x); }
.kofa-static-greeting__asset-strategy-digital { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/greeting/strategy-digital.png"); background-image: image-set(url("/icons/static-page/greeting/strategy-digital.png") 1x, url("/icons/static-page/greeting/strategy-digital@2x.png") 2x); }
.kofa-static-greeting__asset-strategy-management { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/greeting/strategy-management.png"); background-image: image-set(url("/icons/static-page/greeting/strategy-management.png") 1x, url("/icons/static-page/greeting/strategy-management@2x.png") 2x); }
.kofa-static-greeting__asset-logo-default { width: 400px; height: auto; aspect-ratio: 400 / 115; background-image: url("/images/static-page/greeting/logo-default.png"); background-image: image-set(url("/images/static-page/greeting/logo-default.png") 1x, url("/images/static-page/greeting/logo-default@2x.png") 2x); }
.kofa-static-greeting__asset-logo-horizontal { width: 280px; height: auto; aspect-ratio: 280 / 159; background-image: url("/images/static-page/greeting/logo-horizontal.png"); background-image: image-set(url("/images/static-page/greeting/logo-horizontal.png") 1x, url("/images/static-page/greeting/logo-horizontal@2x.png") 2x); }
.kofa-static-greeting__asset-logo-stacked { width: 175px; height: auto; aspect-ratio: 175 / 164; background-image: url("/images/static-page/greeting/logo-stacked.png"); background-image: image-set(url("/images/static-page/greeting/logo-stacked.png") 1x, url("/images/static-page/greeting/logo-stacked@2x.png") 2x); }
.kofa-static-greeting__asset-basic-mark { width: 205px; height: auto; aspect-ratio: 205 / 213; background-image: url("/images/static-page/greeting/basic-mark.png"); background-image: image-set(url("/images/static-page/greeting/basic-mark.png") 1x, url("/images/static-page/greeting/basic-mark@2x.png") 2x); }
.kofa-static-greeting__asset-logo-korean { width: 206px; height: auto; aspect-ratio: 206 / 213; background-image: url("/images/static-page/greeting/logo-korean.png"); background-image: image-set(url("/images/static-page/greeting/logo-korean.png") 1x, url("/images/static-page/greeting/logo-korean@2x.png") 2x); }
.kofa-static-greeting__asset-logo-english { width: 203px; height: auto; aspect-ratio: 203 / 211; background-image: url("/images/static-page/greeting/logo-english.png"); background-image: image-set(url("/images/static-page/greeting/logo-english.png") 1x, url("/images/static-page/greeting/logo-english@2x.png") 2x); }
.kofa-static-greeting__asset-silver { width: 311px; height: auto; aspect-ratio: 311 / 220; background-image: url("/images/static-page/greeting/silver.png"); background-image: image-set(url("/images/static-page/greeting/silver.png") 1x, url("/images/static-page/greeting/silver@2x.png") 2x); }

.kofa-static-greeting { min-width: 0; word-break: keep-all; }
.kofa-static-greeting__introduction { margin-bottom: 40px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__introduction { margin-bottom: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__introduction { margin-bottom: 24px; }
}
.kofa-static-greeting__title { margin: 0 0 8px; font-size: 32px; font-weight: 700; line-height: 48px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__title { font-size: 24px; line-height: 36px; }
}
.kofa-static-greeting__description { font-size: 18px; line-height: 27px; color: #58585a; }
.kofa-static-greeting .kofa-static-tab__panel { margin-top: 40px; }
@media (max-width: 1279px) {
  .kofa-static-greeting .kofa-static-tab__panel { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting .kofa-static-tab__panel { margin-top: 24px; }
}
.kofa-static-greeting__section-title { margin: 0 0 24px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__section-title { font-size: 22px; line-height: 33px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__section-title { margin-bottom: 24px; }
}
.kofa-static-greeting__greeting-panel > .kofa-static-greeting__section-title { margin-bottom: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__greeting-panel > .kofa-static-greeting__section-title { margin-bottom: 32px; }
}
.kofa-static-greeting__identity-panel > .kofa-static-greeting__section-title { margin-bottom: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__identity-panel > .kofa-static-greeting__section-title { margin-bottom: 32px; }
}
.kofa-static-greeting__welcome { display: grid; grid-template-columns: 350px minmax(0, 1fr); gap: 29px; align-items: end; border-radius: 16px; position: relative; isolation: isolate; }
@media (max-width: 1279px) {
  .kofa-static-greeting__welcome { grid-template-columns: 296px minmax(0, 1fr); gap: 48px; padding: 24px 48px 0 24px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__welcome { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 0 16px 32px; }
}
.kofa-static-greeting__welcome-background { position: absolute; z-index: -1; inset: 0; display: flex; align-items: end; pointer-events: none; }
.kofa-static-greeting__welcome-background :where(.kofa-static-greeting__image) { display: block; width: 100%; height: auto; max-height: 100%; }
.kofa-static-greeting__portrait { position: relative; display: block; width: 100%; }
@media (max-width: 1279px) {
  .kofa-static-greeting__portrait { align-self: end; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__portrait { width: 247px; max-width: 100%; margin-inline: auto; overflow: hidden; }
}
.kofa-static-greeting .kofa-static-greeting__portrait-shadow { position: absolute; top: -22px; left: -31px; width: 559px; max-width: none; height: 383px; }
@media (max-width: 1279px) {
  .kofa-static-greeting .kofa-static-greeting__portrait-shadow { display: none; }
}
.kofa-static-greeting__portrait :where(.kofa-static-greeting__image) { width: 100%; height: auto; }
@media (max-width: 1279px) {
  .kofa-static-greeting__portrait :where(.kofa-static-greeting__image) { aspect-ratio: 296 / 312; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__portrait :where(.kofa-static-greeting__image) { aspect-ratio: 247 / 240; }
}
.kofa-static-greeting .kofa-static-greeting__portrait-image--extended { position: relative; display: block; width: 515px; max-width: none; }
@media (max-width: 1279px) {
  .kofa-static-greeting .kofa-static-greeting__portrait-image--extended { display: none; }
}
.kofa-static-greeting .kofa-static-greeting__portrait-image--cropped { display: none; }
@media (max-width: 1279px) {
  .kofa-static-greeting .kofa-static-greeting__portrait-image--cropped { display: block; }
}
@media (max-width: 599px) {
  .kofa-static-greeting .kofa-static-greeting__portrait-image--cropped { display: none; }
}
.kofa-static-greeting .kofa-static-greeting__portrait-image--centered { display: none; }
@media (max-width: 599px) {
  .kofa-static-greeting .kofa-static-greeting__portrait-image--centered { position: relative; left: -9px; display: block; width: 365px; max-width: none; aspect-ratio: 365 / 241; }
}
.kofa-static-greeting__welcome-message { padding: 0 24px 44px 0; }
@media (max-width: 1279px) {
  .kofa-static-greeting__welcome-message { align-self: center; padding: 0 0 24px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__welcome-message { padding: 0; }
}
.kofa-static-greeting__welcome-title { font-size: 32px; font-weight: 700; line-height: 48px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__welcome-title { font-size: 24px; line-height: 36px; }
}
.kofa-static-greeting__welcome-name { color: #58585a; margin-top: 16px; font-size: 16px; font-weight: 700; line-height: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__welcome-name { margin-top: 32px; }
}
.kofa-static-greeting__letter { display: grid; gap: 24px; margin-top: 24px; font-size: 18px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-greeting__letter { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__letter { font-size: 18px; line-height: 1.8; }
}
.kofa-static-greeting__mission { box-sizing: border-box; display: flex; flex-direction: column; justify-content: center; min-height: 165px; margin: 32px 30px 0; padding: 28px 40px; position: relative; isolation: isolate; border: 2px solid transparent; border-radius: 10000px; text-align: center; }
@media (max-width: 1279px) {
  .kofa-static-greeting__mission { min-height: 159px; margin: 32px 12px 0; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__mission { min-height: 0; margin: 28px 0 0; padding: 24px; }
}
.kofa-static-greeting__mission-outline { position: absolute; z-index: -2; inset: -2px; display: block; }
.kofa-static-greeting__mission-outline :where(.kofa-static-greeting__image) { width: 100%; height: 100%; }
.kofa-static-greeting__mission::before { position: absolute; z-index: -1; inset: 0; border-radius: inherit; background: #fff; content: ""; }
.kofa-static-greeting__eyebrow { font-size: 14px; font-weight: 600; line-height: 21px; text-align: center; color: #58585a; }
.kofa-static-greeting__mission .kofa-static-greeting__eyebrow { color: #262831; }
.kofa-static-greeting__mission-statement { margin-top: 12px; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__mission-statement { font-size: 22px; line-height: 33px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__mission-statement { font-size: 20px; line-height: 30px; }
}
.kofa-static-greeting__connector { width: 7px; margin-inline: auto; padding-top: 40px; background: linear-gradient(#8b8c90, #8b8c90) center top / 1px 40px no-repeat; }
@media (max-width: 1279px) {
  .kofa-static-greeting__connector { padding-top: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__connector { padding-top: 28px; background-size: 1px 28px; }
}
.kofa-static-greeting__connector::after { display: block; width: 7px; height: 7px; border-radius: 50%; background: #262831; content: ""; }
.kofa-static-greeting__vision { margin-top: 32px; text-align: center; }
@media (max-width: 1279px) {
  .kofa-static-greeting__vision { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__vision { margin-top: 28px; }
}
.kofa-static-greeting__vision .kofa-static-greeting__eyebrow { color: #262831; }
.kofa-static-greeting__vision-statement { margin-top: 12px; font-size: 32px; font-weight: 700; line-height: 48px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__vision-statement { font-size: 22px; line-height: 33px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__vision-statement { font-size: 22px; line-height: 33px; }
}
.kofa-static-greeting__vision-statement strong { display: block; font-size: 40px; font-weight: 700; line-height: 60px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__vision-statement strong { font-size: 24px; line-height: 36px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__vision-statement strong { font-size: 24px; line-height: 36px; }
}
.kofa-static-greeting__values { padding: 44px 0 28px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__values { padding: 44px 0 28px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__values { padding: 32px 0 24px; }
}
.kofa-static-greeting__value-grid { display: grid; grid-template-columns: 260fr 260fr 304fr; width: min(824px, 100%); margin: 12px auto 0; }
@media (max-width: 1279px) {
  .kofa-static-greeting__value-grid { width: min(824px, 100%); }
}
@media (max-width: 599px) {
  .kofa-static-greeting__value-grid { width: min(343px, 100%); margin-top: 20px; grid-template-columns: 108fr 108fr 127fr; }
}
.kofa-static-greeting__value { box-sizing: border-box; min-width: 0; position: relative; isolation: isolate; width: calc(100% + 44px); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; aspect-ratio: 1; border: 1px solid var(--greeting-ring-color); border-radius: 50%; color: #fff; }
@media (max-width: 1279px) {
  .kofa-static-greeting__value { gap: 12px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__value { width: calc(100% + 18px); gap: 4px; }
}
.kofa-static-greeting__value::before { position: absolute; z-index: -1; inset: 11px; border-radius: 50%; background: var(--greeting-value-color); content: ""; }
@media (max-width: 599px) {
  .kofa-static-greeting__value::before { inset: 3px; }
}
.kofa-static-greeting__value::after { position: absolute; z-index: -1; inset: 26px; border: 1px solid #ffffff33; border-radius: 50%; content: ""; }
@media (max-width: 599px) {
  .kofa-static-greeting__value::after { inset: 9px; }
}
.kofa-static-greeting__value p { font-size: 16px; line-height: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__value p { font-size: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__value p { font-size: 14px; line-height: 21px; }
}
.kofa-static-greeting__value strong { font-size: 32px; font-weight: 700; line-height: 48px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__value strong { font-size: 24px; line-height: 36px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__value strong { font-size: 20px; line-height: 30px; }
}
.kofa-static-greeting__value--expertise { --greeting-value-color: #e33940; --greeting-ring-color: #e3394029; }
.kofa-static-greeting__value--open { --greeting-value-color: #f5822b; --greeting-ring-color: #f5822b29; }
.kofa-static-greeting__value--communication { width: 100%; --greeting-value-color: #8a8c8f; --greeting-ring-color: #8a8c8f29; }
@media (max-width: 599px) {
  .kofa-static-greeting__value--communication { width: calc(100% - 1px); }
}
.kofa-static-greeting__strategies { margin-top: 32px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__strategies { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__strategies { margin-top: 28px; }
}
.kofa-static-greeting__strategy-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__strategy-grid { gap: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__strategy-grid { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-greeting__strategy { overflow: hidden; border: 1px solid #e1e1e1; border-radius: 16px; }
.kofa-static-greeting__strategy header { display: grid; gap: 16px; padding: 24px; background: #f9f9f9; }
.kofa-static-greeting__strategy h4 { margin: 0; font-size: 20px; font-weight: 700; line-height: 30px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__strategy h4 { font-size: 20px; line-height: 30px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__strategy h4 { font-size: 20px; line-height: 30px; }
}
.kofa-static-greeting__strategy ul { padding: 0 8px 8px; }
.kofa-static-greeting__strategy li { padding: 19.5px 16px; font-size: 16px; line-height: 24px; }
.kofa-static-greeting__strategy li:not(:last-child) { border-bottom: 1px solid #e1e1e1; }
.kofa-static-greeting__strategy li:last-child { padding-block: 20px; }
.kofa-static-greeting__strategy li::before { content: none; }
.kofa-static-greeting__history { display: grid; gap: 40px; }
@media (max-width: 599px) {
  .kofa-static-greeting__history { gap: 48px; }
}
.kofa-static-greeting__era { display: grid; grid-template-columns: 328px minmax(0, 1fr); gap: 40px; padding: 40px 32px 0 0; }
@media (max-width: 1279px) {
  .kofa-static-greeting__era { grid-template-columns: 256px minmax(0, 1fr); padding: 32px 0 0; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__era { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-top: 16px; }
}
/* 연혁 시기 제목은 좌측 고정, 연도 목록만 스크롤한다(Figma 3434:71229 annotation). 단일 열 mobile은 일반 흐름. */
.kofa-static-greeting__era-heading { position: sticky; top: 40px; align-self: start; }
@media (max-width: 599px) {
  .kofa-static-greeting__era-heading { position: static; }
}
.kofa-static-greeting__era-heading p { font-size: 18px; font-weight: 700; line-height: 27px; color: #e2383f; }
@media (max-width: 1279px) {
  .kofa-static-greeting__era-heading p { font-size: 18px; line-height: 27px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__era-heading p { font-size: 18px; line-height: 27px; }
}
.kofa-static-greeting__era-heading h4 { margin: 8px 0 0; font-size: 40px; font-weight: 700; line-height: 60px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__era-heading h4 { font-size: 28px; line-height: 42px; }
}
.kofa-static-greeting__timeline { display: grid; gap: 32px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__timeline { gap: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__timeline { gap: 24px; }
}
.kofa-static-greeting__year { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__year { gap: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__year { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
.kofa-static-greeting__year h5 { margin: 0; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__year h5 { font-size: 22px; line-height: 33px; }
}
.kofa-static-greeting__events { display: grid; gap: 16px; padding-top: 4px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__events { padding-top: 4px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__events { gap: 16px; padding-top: 0; }
}
.kofa-static-greeting__event { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__event { gap: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__event { gap: 12px; }
}
.kofa-static-greeting__event span { font-size: 16px; font-weight: 600; line-height: 1.8; color: #58585a; }
@media (max-width: 1279px) {
  .kofa-static-greeting__event span { font-size: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__event span { font-size: 16px; line-height: 1.8; }
}
/* Figma 2012년 등록 이력의 모바일 날짜만 행간 24px */
.kofa-static-greeting__event--registration span { line-height: 1.8; }
@media (max-width: 599px) {
  .kofa-static-greeting__event--registration span { line-height: 24px; }
}
.kofa-static-greeting__event p { font-size: 18px; line-height: 1.8; overflow-wrap: anywhere; }
@media (max-width: 1279px) {
  .kofa-static-greeting__event p { font-size: 18px; line-height: 1.8; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__event p { font-size: 18px; line-height: 1.8; }
}
.kofa-static-greeting__identity-description { font-size: 18px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-greeting__identity-description { font-size: 18px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__identity-description { font-size: 18px; line-height: 1.8; }
}
.kofa-static-greeting__identity { margin-top: 40px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__identity { margin-top: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__identity { margin-top: 32px; }
}
.kofa-static-greeting__logo-example h4 { margin: 0 0 12px; font-size: 16px; font-weight: 600; line-height: 24px; }
.kofa-static-greeting__logo-display { box-sizing: border-box; display: grid; place-items: center; min-height: 210px; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-greeting__logo-display { min-height: 190px; }
}
.kofa-static-greeting__logo-display :where(.kofa-static-greeting__image) { max-width: 100%; height: auto; }
@media (max-width: 1279px) {
  .kofa-static-greeting__logo-display > :where(.kofa-static-greeting__asset-logo-default) { width: 280px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__logo-display > :where(.kofa-static-greeting__asset-logo-default) { width: 232.5px; }
}
.kofa-static-greeting__logo-grid :where(.kofa-static-greeting__image) { max-height: 160px; background-size: contain; }
@media (max-width: 1279px) {
  .kofa-static-greeting__logo-grid :where(.kofa-static-greeting__image) { max-height: 120px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__logo-grid :where(.kofa-static-greeting__image) { max-height: none; }
  .kofa-static-greeting__logo-grid :where(.kofa-static-greeting__asset-logo-horizontal) { width: 217px; }
  .kofa-static-greeting__logo-grid :where(.kofa-static-greeting__asset-logo-stacked) { width: 140px; }
}
.kofa-static-greeting__logo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 3px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__logo-grid { gap: 24px; margin-top: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__logo-grid { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
.kofa-static-greeting__mark-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 64px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__mark-grid { margin-top: 64px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__mark-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-top: 48px; }
}
.kofa-static-greeting__mark h4 { margin: 0 0 12px; font-size: 16px; font-weight: 700; line-height: 24px; }
.kofa-static-greeting__mark-display { box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); place-items: center; height: 212px; padding: 0 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__mark-display { height: 224px; }
}
.kofa-static-greeting__mark-display :where(.kofa-static-greeting__image) { max-width: 100%; height: auto; background-size: contain; }
.kofa-static-greeting__colors { margin-top: 64px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__colors { margin-top: 64px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__colors { margin-top: 48px; }
}
.kofa-static-greeting__color-group { margin-top: 24px; }
.kofa-static-greeting__color-group h4 { margin: 0 0 12px; font-size: 18px; font-weight: 700; line-height: 27px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__color-group h4 { font-size: 16px; line-height: 24px; }
}
.kofa-static-greeting__color-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__color-grid { gap: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__color-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}
.kofa-static-greeting__swatch { display: flex; flex-direction: column; justify-content: space-between; gap: 107px; padding: 18px 20px 20px; border-radius: 16px; color: #fff; }
@media (max-width: 1279px) {
  .kofa-static-greeting__swatch { gap: 105px; padding-top: 20px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__swatch { gap: 102px; padding: 16px; }
}
.kofa-static-greeting__swatch h5 { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__swatch h5 { font-size: 18px; line-height: 27px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__swatch h5 { font-size: 16px; line-height: 24px; }
}
.kofa-static-greeting__swatch p { font-size: 16px; line-height: 24px; }
@media (max-width: 1279px) {
  .kofa-static-greeting__swatch p { font-size: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-greeting__swatch p { font-size: 14px; line-height: 21px; }
}
.kofa-static-greeting__swatch--red { background: #c8102e; }
.kofa-static-greeting__swatch--orange { background: #e87722; }
.kofa-static-greeting__swatch--gray { background: #898d8d; }
.kofa-static-greeting__swatch--yellow { background: #fbd872; color: #262831; }
.kofa-static-greeting__swatch--silver { position: relative; isolation: isolate; background: #adafb1; color: #262831; }
.kofa-static-greeting__swatch--silver > :where(.kofa-static-greeting__image) { position: absolute; z-index: -1; inset: 0; width: 100%; height: 100%; border-radius: inherit; }
/* greeting 섹션 끝 */

/* =============================================================================
   하는 일 — /intro/works
   ============================================================================= */
.kofa-static-works__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-works__asset-info { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/info.svg"); }

.kofa-static-works__asset-scenario-deacidification { width: 478px; height: auto; aspect-ratio: 478 / 391; background-image: url("/images/static-page/works/scenario-deacidification.png"); background-image: image-set(url("/images/static-page/works/scenario-deacidification.png") 1x, url("/images/static-page/works/scenario-deacidification@2x.png") 2x); }
.kofa-static-works__asset-poster-scan { width: 478px; height: auto; aspect-ratio: 478 / 391; background-image: url("/images/static-page/works/poster-scan.png"); background-image: image-set(url("/images/static-page/works/poster-scan.png") 1x, url("/images/static-page/works/poster-scan@2x.png") 2x); }
.kofa-static-works__asset-film-inspection { width: 980px; height: auto; aspect-ratio: 980 / 544; background-image: url("/images/static-page/works/film-inspection.png"); background-image: image-set(url("/images/static-page/works/film-inspection.png") 1x, url("/images/static-page/works/film-inspection@2x.png") 2x); }
.kofa-static-works__asset-obaltan-before { width: 478px; height: auto; aspect-ratio: 478 / 391; background-image: url("/images/static-page/works/obaltan-before.png"); background-image: image-set(url("/images/static-page/works/obaltan-before.png") 1x, url("/images/static-page/works/obaltan-before@2x.png") 2x); }
.kofa-static-works__asset-obaltan-after { width: 478px; height: auto; aspect-ratio: 478 / 391; background-image: url("/images/static-page/works/obaltan-after.png"); background-image: image-set(url("/images/static-page/works/obaltan-after.png") 1x, url("/images/static-page/works/obaltan-after@2x.png") 2x); }
.kofa-static-works__asset-publications { width: 980px; height: auto; aspect-ratio: 980 / 392; background-image: url("/images/static-page/works/publications.png"); background-image: image-set(url("/images/static-page/works/publications.png") 1x, url("/images/static-page/works/publications@2x.png") 2x); }
.kofa-static-works__asset-link-chevron { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/link-chevron.svg"); }

.kofa-static-works__asset-facebook { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/facebook.svg"); }

.kofa-static-works__asset-x { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/x.svg"); }

.kofa-static-works__asset-instagram { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/instagram.png"); background-image: image-set(url("/icons/static-page/works/instagram.png") 1x, url("/icons/static-page/works/instagram@2x.png") 2x); }
.kofa-static-works__asset-youtube { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/youtube.svg"); }

.kofa-static-works__asset-navertv { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/navertv.svg"); }

.kofa-static-works__asset-gac { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/works/gac.png"); background-image: image-set(url("/icons/static-page/works/gac.png") 1x, url("/icons/static-page/works/gac@2x.png") 2x); }

.kofa-static-works { min-width: 0; word-break: keep-all; }
.kofa-static-works .kofa-static-tab__panel { margin-top: 40px; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-tab__panel { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-tab__panel { margin-top: 24px; }
}
.kofa-static-works .kofa-static-works__sections { display: grid; gap: 40px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__sections { gap: 32px; }
}
.kofa-static-works .kofa-static-works__sections--wide { gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__sections--wide { gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__sections--wide { gap: 32px; }
}
.kofa-static-works .kofa-static-works__section { display: grid; gap: 24px; min-width: 0; }
.kofa-static-works .kofa-static-works__heading { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) 2px center / 4px calc(100% - 12px) no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__heading { font-size: 22px; line-height: 33px; }
}
.kofa-static-works .kofa-static-works__prose { font-size: 18px; font-weight: 400; line-height: 1.8; overflow-wrap: anywhere; }
.kofa-static-works .kofa-static-works__prose p + p { margin-top: 32.4px; }
.kofa-static-works .kofa-static-works__methods { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__methods { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-works .kofa-static-works__method { padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__method { padding: 20px; }
}
.kofa-static-works .kofa-static-works__method h4 { margin: 0 0 12px; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-works .kofa-static-works__method p { color: #58585a; font-size: 16px; line-height: 24px; }
.kofa-static-works .kofa-static-works__notice { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 24px; border-radius: 16px; background: #f4f7fa; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__notice { flex-direction: column; align-items: stretch; padding: 16px; }
}
.kofa-static-works .kofa-static-works__notice p { display: flex; align-items: center; gap: 16px; color: #285d8b; font-size: 18px; font-weight: 700; line-height: 27px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__notice p { align-items: start; gap: 12px; }
}
.kofa-static-works .kofa-static-works__notice :where(.kofa-static-works__image) { flex: 0 0 24px; }
.kofa-static-works .kofa-static-works__link { display: inline-flex; align-items: center; justify-content: center; gap: 4px; padding: 15px 16px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; color: #58585a; text-decoration: none; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
.kofa-static-works .kofa-static-works__notice .kofa-static-works__link { padding-block: 11px; flex-shrink: 0; border-color: #262831; color: #262831; }
.kofa-static-works .kofa-static-works__links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__links { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-works .kofa-static-works__links--social { gap: 8px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__links--social { gap: 12px; }
}
.kofa-static-works .kofa-static-works__photos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__photos { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-works .kofa-static-works__figure { min-width: 0; margin: 0; }
.kofa-static-works .kofa-static-works__figure :where(.kofa-static-works__image) { width: 100%; height: auto; background-size: cover; border-radius: 12px; }
.kofa-static-works .kofa-static-works__figure figcaption { margin-top: 12px; text-align: center; color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-works .kofa-static-works__holdings { min-width: 0; }
.kofa-static-works .kofa-static-works__table-caption { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 16px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table-caption { flex-direction: column; align-items: start; gap: 8px; }
}
.kofa-static-works .kofa-static-works__table-caption h4 { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-works .kofa-static-works__table-caption p { color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-works .kofa-static-works__table-scroll { overflow-x: auto; scrollbar-color: #b5b5b7 #f3f3f3; scrollbar-width: auto; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table-scroll--overflow { padding-bottom: 8px; }
}
.kofa-static-works .kofa-static-works__table-scroll::-webkit-scrollbar { height: 8px; }
.kofa-static-works .kofa-static-works__table-scroll::-webkit-scrollbar-track { border-radius: 999px; background: #e1e1e1; }
.kofa-static-works .kofa-static-works__table-scroll::-webkit-scrollbar-thumb { border-radius: 999px; background: #58585a; }
.kofa-static-works .kofa-static-works__table { width: 100%; border-collapse: collapse; table-layout: fixed; font-size: 16px; line-height: 24px; text-align: left; }
.kofa-static-works .kofa-static-works__table th { box-sizing: border-box; padding: 16px; border-top: 2px solid #262831; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; font-weight: 600; background: #f9f9f9; }
.kofa-static-works .kofa-static-works__table td { box-sizing: border-box; padding: 15.5px 16px; border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; }
.kofa-static-works .kofa-static-works__table td[rowspan] { background: #fff; }
.kofa-static-works .kofa-static-works__table td[rowspan="4"] { background: #f9f9f9; text-align: center; }
.kofa-static-works .kofa-static-works__table--film th:nth-child(-n+2) { text-align: center; }
.kofa-static-works .kofa-static-works__table--film td[rowspan="2"] { text-align: center; }
.kofa-static-works .kofa-static-works__table--nonfilm td[rowspan] { background: #f9f9f9; text-align: center; }
.kofa-static-works .kofa-static-works__table th:last-child { border-right: 0; }
.kofa-static-works .kofa-static-works__table td:last-child { border-right: 0; }
.kofa-static-works .kofa-static-works__table--film th:nth-child(1) { width: 18.367%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(1) { width: 18.64407%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(1) { width: 27.941%; }
}
.kofa-static-works .kofa-static-works__table--film th:nth-child(2) { width: 10.204%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(2) { width: 10.16949%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(2) { width: 11.765%; }
}
.kofa-static-works .kofa-static-works__table--film th:nth-child(3) { width: 14.286%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(3) { width: 13.98305%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(3) { width: 13.971%; }
}
.kofa-static-works .kofa-static-works__table--film th:nth-child(4) { width: 40.816%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(4) { width: 40.67797%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--film th:nth-child(4) { width: 30.882%; }
}
.kofa-static-works .kofa-static-works__table--film { min-width: 544px; }
.kofa-static-works .kofa-static-works__table--year td:first-child { background: #f9f9f9; }
.kofa-static-works .kofa-static-works__table--year tbody tr:first-child { background: #f9f9f9; }
.kofa-static-works .kofa-static-works__table--year th:nth-child(1) { width: 18.367%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--year th:nth-child(1) { width: 18.64407%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--year th:nth-child(1) { width: 20.991%; }
}
.kofa-static-works .kofa-static-works__table--year th:nth-child(2) { width: 24.49%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--year th:nth-child(2) { width: 24.57627%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--year th:nth-child(2) { width: 25.656%; }
}
.kofa-static-works .kofa-static-works__table--year th:nth-child(3) { width: 24.49%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--year th:nth-child(3) { width: 24.57627%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--year th:nth-child(3) { width: 25.656%; }
}
.kofa-static-works .kofa-static-works__table--nonfilm { min-width: 604px; }
.kofa-static-works .kofa-static-works__table--nonfilm th:nth-child(1) { width: 18.367%; text-align: center; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--nonfilm th:nth-child(1) { width: 18.64407%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--nonfilm th:nth-child(1) { width: 19.205%; }
}
.kofa-static-works .kofa-static-works__table--nonfilm th:nth-child(2) { width: 61.224%; }
@media (max-width: 1279px) {
  .kofa-static-works .kofa-static-works__table--nonfilm th:nth-child(2) { width: 61.01695%; }
}
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__table--nonfilm th:nth-child(2) { width: 63.576%; }
}
.kofa-static-works .kofa-static-works__section--kmdb { grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__section--kmdb { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-works .kofa-static-works__section--kmdb .kofa-static-works__prose { grid-column: 1 / -1; grid-row: 2; }
.kofa-static-works .kofa-static-works__section--kmdb .kofa-static-works__link { grid-column: 2; grid-row: 1; padding-block: 11px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__section--kmdb .kofa-static-works__link { grid-column: 1; grid-row: 3; }
}
.kofa-static-works .kofa-static-works__channels { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 24px; }
@media (max-width: 599px) {
  .kofa-static-works .kofa-static-works__channels { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-works .kofa-static-works__channel { display: block; color: inherit; text-decoration: none; box-sizing: border-box; padding: 24px; border: 1px solid #e1e1e1; border-radius: 16px; }
.kofa-static-works .kofa-static-works__platform { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; color: #262831; font-size: 14px; font-weight: 600; line-height: 21px; }
.kofa-static-works .kofa-static-works__platform span:last-child { margin-left: auto; font-size: 16px; font-weight: 400; line-height: 24px; }
.kofa-static-works .kofa-static-works__channel h4 { margin: 0 0 16px; font-size: 18px; line-height: 27px; font-weight: 700; }
.kofa-static-works .kofa-static-works__channel p { color: #262831; font-size: 16px; line-height: 24px; }
/* works 섹션 끝 */

/* =============================================================================
   조직도·부서 및 담당자 — /intro/organization
   ============================================================================= */
.kofa-static-organization__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-organization__asset-director { width: 168px; height: auto; aspect-ratio: 168 / 168; background-image: url("/images/static-page/organization/director.png"); background-image: image-set(url("/images/static-page/organization/director.png") 1x, url("/images/static-page/organization/director@2x.png") 2x); }
@media (max-width: 599px) { .kofa-static-organization__asset-director { background-image: url("/images/static-page/organization/director-mobile.png"); background-image: image-set(url("/images/static-page/organization/director-mobile.png") 1x, url("/images/static-page/organization/director-mobile@2x.png") 2x); aspect-ratio: 102 / 102; } }
.kofa-static-organization { min-width: 0; word-break: keep-all; }
.kofa-static-organization__heading { margin: 0 0 24px; padding-left: 22px; background: linear-gradient(#262831, #262831) 2px center / 4px calc(100% - 12px) no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-organization__heading { font-size: 22px; line-height: 33px; }
}
.kofa-static-organization__chart { display: flex; flex-direction: column; padding: 40px 16px 64px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 599px) {
  .kofa-static-organization__chart { padding-block: 32px; }
}
.kofa-static-organization__leadership { display: grid; grid-template-columns: 160px 208px 160px; align-items: center; justify-content: center; gap: 64px; background: linear-gradient(#e1e1e1, #e1e1e1) center / 336px 1.5px no-repeat; }
@media (max-width: 1279px) {
  .kofa-static-organization__leadership { grid-template-columns: minmax(0, 160px) 208px minmax(0, 160px); column-gap: clamp(16px, 7.02%, 64px); }
}
@media (max-width: 599px) {
  .kofa-static-organization__leadership { grid-template-columns: minmax(0, 1fr) 126px minmax(0, 1fr); gap: 16px; background-size: 100% 1.5px; }
}
/* 공용 class는 동작 계약. 페이지 class가 조직도 노드의 외형을 소유한다. */
.kofa-static-organization__node { flex: initial; box-sizing: border-box; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; padding: 15px; border: 1px solid #e1e1e1; border-radius: 10000px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; box-shadow: 0 2px 16px #00000014; cursor: pointer; }
@media (max-width: 599px) {
  .kofa-static-organization__node { padding-inline: 8px; }
}
.kofa-static-organization__node::after { content: none; }
.kofa-static-organization__node[aria-selected="true"] { border-color: #262831; }
.kofa-static-organization__node--board { border-color: #262831; background: #262831; color: #fff; }
.kofa-static-organization__director-ring { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 208px; aspect-ratio: 1; border: 10px solid #f8eeef; padding: 10px; border-radius: 50%; background: #f6dcdd; }
@media (max-width: 599px) {
  .kofa-static-organization__director-ring { width: 126px; border-width: 6px; padding: 6px; }
}
.kofa-static-organization__node--director { aspect-ratio: 1; padding: 0; border: 0; background: transparent; color: #fff; font-size: 24px; line-height: 36px; font-weight: 700; box-shadow: none; }
@media (max-width: 599px) {
  .kofa-static-organization__node--director { font-size: 20px; line-height: 30px; }
}
.kofa-static-organization__director-image { display: block; width: 100%; height: auto; }
.kofa-static-organization__secretariat { display: flex; justify-content: center; padding-top: 32px; background: linear-gradient(#e1e1e1, #e1e1e1) center top / 1.5px 32px no-repeat; }
.kofa-static-organization__node--secretariat { width: 180px; border-color: #262831; background: #262831; color: #fff; }
.kofa-static-organization__teams { position: relative; display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 12px; padding-top: 80px; background: linear-gradient(#e1e1e1, #e1e1e1) center top / 1.5px 32px no-repeat; }
@media (max-width: 599px) {
  .kofa-static-organization__teams { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 32px; padding-top: 32px; background-size: 1.5px calc(100% - 28px); }
}
.kofa-static-organization__teams::before { content: ""; position: absolute; top: 32px; right: calc((100% - 84px) / 16); left: calc((100% - 84px) / 16); height: 48px; border: 1.5px solid #e1e1e1; border-bottom: 0; border-radius: 12px 12px 0 0; }
@media (max-width: 599px) {
  .kofa-static-organization__teams::before { content: none; }
}
.kofa-static-organization__node--team { position: relative; padding-inline: 8px; }
.kofa-static-organization__node--team::before { content: ""; position: absolute; bottom: calc(100% + 1px); left: calc(50% - 0.75px); width: 1.5px; height: 48px; background: #e1e1e1; }
@media (max-width: 599px) {
  .kofa-static-organization__node--team::before { bottom: auto; top: calc(50% - 0.75px); left: 100%; width: 32px; height: 1.5px; }
}
.kofa-static-organization__node--team:first-child::before { content: none; }
@media (max-width: 599px) {
  .kofa-static-organization__node--team:first-child::before { content: ""; }
}
.kofa-static-organization__node--team:last-child::before { content: none; }
@media (max-width: 599px) {
  .kofa-static-organization__node--team:nth-child(even)::before { content: none; }
}
.kofa-static-organization__hint { margin-top: 24px; color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-organization__panel { margin-top: 48px; }
@media (max-width: 1279px) {
  .kofa-static-organization__panel { margin-top: 32px; }
}
.kofa-static-organization__tabs:not(:has([aria-selected="true"])) .kofa-static-organization__hint { margin-top: 12px; }
@media (max-width: 1279px) {
  .kofa-static-organization__tabs:not(:has([aria-selected="true"])) .kofa-static-organization__hint { margin-top: 24px; }
}
.kofa-static-organization__tabs:not(:has([aria-selected="true"])) .kofa-static-organization__panel { margin-top: 64px; }
@media (max-width: 1279px) {
  .kofa-static-organization__tabs:not(:has([aria-selected="true"])) .kofa-static-organization__panel { margin-top: 32px; }
}
.kofa-static-organization__empty { padding: 56px 32px; border-radius: 16px; background: #f9f9f9; text-align: center; color: #58585a; font-size: 18px; line-height: 1.8; }
@media (max-width: 1279px) {
  .kofa-static-organization__empty { font-size: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-organization__empty { padding: 40px 32px; }
}
.kofa-static-organization__department { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-organization__department::before { content: ""; width: 24px; height: 24px; background: radial-gradient(circle, #262831 3px, transparent 3px); }
.kofa-static-organization__table-scroll { overflow-x: auto; }
.kofa-static-organization__table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; border-top: 2px solid #262831; font-size: 16px; line-height: 24px; }
@media (max-width: 599px) {
  .kofa-static-organization__table { width: 484px; }
}
.kofa-static-organization__table th { box-sizing: border-box; width: 160px; padding: 16px; border-bottom: 1px solid #e1e1e1; font-weight: 600; }
@media (max-width: 1279px) {
  .kofa-static-organization__table th { width: 152px; }
}
@media (max-width: 599px) {
  .kofa-static-organization__table th { width: 108px; }
}
.kofa-static-organization__table thead { background: #f9f9f9; }
.kofa-static-organization__table thead th:nth-child(2) { width: auto; }
.kofa-static-organization__table thead th:last-child { width: 200px; }
@media (max-width: 1279px) {
  .kofa-static-organization__table thead th:last-child { width: 192px; }
}
@media (max-width: 599px) {
  .kofa-static-organization__table thead th:last-child { width: 140px; }
}
.kofa-static-organization__table td { padding: 15.5px 16px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; }
@media (max-width: 1279px) {
  .kofa-static-organization__table td { padding-block: 16px; }
}
.kofa-static-organization__table td:last-child { white-space: nowrap; }
.kofa-static-organization__caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.kofa-static-organization__privacy { display: grid; gap: 8px; margin-top: 12px; color: #58585a; font-size: 14px; line-height: 21px; }
.kofa-static-organization__example { margin-bottom: 16px; padding: 16px; background: #f4f7fa; }
/* organization 섹션 끝 */

/* =============================================================================
   시설안내 — /intro/facilities
   ============================================================================= */
.kofa-static-facilities { min-width: 0; word-break: keep-all; }
.kofa-static-facilities .kofa-static-tab__panel { margin-top: 40px; }
@media (max-width: 599px) {
  .kofa-static-facilities .kofa-static-tab__panel { margin-top: 32px; }
}
.kofa-static-facilities__section { margin-top: 40px; }
@media (max-width: 599px) {
  .kofa-static-facilities__section { margin-top: 32px; }
}
.kofa-static-facilities__section:first-child { margin-top: 0; }
.kofa-static-facilities__section h3 { margin: 0 0 24px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-facilities__section h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-facilities__section--branches h3 { margin-bottom: 12px; }
@media (max-width: 1279px) {
  .kofa-static-facilities__section--branches h3 { margin-bottom: 24px; }
}
.kofa-static-facilities__body { margin-top: 24px; font-size: 18px; font-weight: 400; line-height: 1.8; }
.kofa-static-facilities__section--branches .kofa-static-facilities__body { margin-top: 12px; }
@media (max-width: 1279px) {
  .kofa-static-facilities__section--branches .kofa-static-facilities__body { margin-top: 24px; }
}
.kofa-static-facilities__body strong { font-size: 16px; line-height: 1.8; }
.kofa-static-facilities__table { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 1px solid #e1e1e1; font-size: 16px; line-height: 24px; }
.kofa-static-facilities__table th { box-sizing: border-box; width: 180px; padding: 17px 16px 18px; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; font-weight: 600; text-align: left; vertical-align: middle; }
@media (max-width: 1279px) {
  .kofa-static-facilities__table th { box-sizing: border-box; width: 176px; }
}
@media (max-width: 599px) {
  .kofa-static-facilities__table th { box-sizing: border-box; width: 88px; height: 60px; padding-block: 14px; }
}
.kofa-static-facilities__table tr:has(br) th { padding-block: 15.5px; }
@media (max-width: 599px) {
  .kofa-static-facilities__table tr:has(br) th { padding-block: 14px; }
}
.kofa-static-facilities__table td { box-sizing: border-box; padding: 17px 16px 18px; border-bottom: 1px solid #e1e1e1; vertical-align: middle; overflow-wrap: anywhere; }
@media (max-width: 599px) {
  .kofa-static-facilities__table td { box-sizing: border-box; padding-block: 14px; }
}
.kofa-static-facilities__table tr:has(br) td { padding-block: 15.5px; }
@media (max-width: 599px) {
  .kofa-static-facilities__table tr:has(br) td { padding-block: 14px; }
}
.kofa-static-facilities__floors { display: grid; gap: 12px; }
.kofa-static-facilities__floor { display: flex; align-items: center; gap: 24px; padding: 16px 24px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 1279px) {
  .kofa-static-facilities__floor { padding-block: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-facilities__floor { align-items: flex-start; padding-inline: 16px; }
}
.kofa-static-facilities .kofa-static-facilities__number { flex: 0 0 64px; padding-block: 4px; font-size: 32px; font-weight: 700; line-height: 48px; }
@media (max-width: 1279px) {
  .kofa-static-facilities .kofa-static-facilities__number { padding-block: 10px; font-size: 24px; line-height: 36px; text-align: center; }
}
@media (max-width: 599px) {
  .kofa-static-facilities .kofa-static-facilities__number { flex-basis: auto; padding-block: 0; text-align: left; }
}
.kofa-static-facilities__rooms { flex: 1; min-width: 0; }
.kofa-static-facilities__names { display: flex; flex-wrap: wrap; align-items: center; gap: 0 10px; font-size: 18px; line-height: 1.8; }
@media (max-width: 599px) {
  .kofa-static-facilities__names { flex-direction: column; align-items: stretch; gap: 8px; }
}
.kofa-static-facilities__names span + span::before { display: inline-block; width: 1px; height: 16px; margin-right: 10px; background: #d4d4d6; vertical-align: middle; content: ""; }
@media (max-width: 599px) {
  .kofa-static-facilities__names span + span::before { display: none; }
}
.kofa-static-facilities__note { margin-top: 8px; color: #58585a; font-size: 16px; line-height: 24px; }
.kofa-static-facilities__history { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-facilities__history { gap: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-facilities__history { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-facilities__milestone { padding: 24px; border-radius: 16px; background: #f9f9f9; }
.kofa-static-facilities__milestone strong { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-facilities__milestone p { color: #58585a; }
.kofa-static-facilities__branch { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 24px; margin-top: 40px; }
@media (max-width: 599px) {
  .kofa-static-facilities__branch { grid-template-columns: minmax(0, 1fr); margin-top: 32px; }
}
.kofa-static-facilities__branch-heading { grid-column: 1; grid-row: 1; }
.kofa-static-facilities__branch-heading h3 { margin: 0 0 12px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-facilities__branch-heading h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-facilities__branch-heading p { color: #58585a; }
.kofa-static-facilities__branch > table { grid-column: 1 / -1; grid-row: 2; margin-top: 24px; }
@media (max-width: 599px) {
  .kofa-static-facilities__branch > table { margin-top: 16px; }
}
.kofa-static-facilities__link { grid-column: 2; grid-row: 1; align-self: center; justify-self: end; box-sizing: border-box; min-width: 250px; padding: 11px 24px; border: 1px solid #d4d4d6; border-radius: 10px; color: #262831; font-size: 16px; font-weight: 600; line-height: 24px; text-align: center; text-decoration: none; }
@media (max-width: 599px) {
  .kofa-static-facilities__link { grid-column: 1; grid-row: 3; justify-self: stretch; margin-top: 16px; }
}
.kofa-static-facilities__branch > .kofa-static-facilities__note { grid-column: 1 / -1; grid-row: 3; margin-top: 12px; }
@media (max-width: 599px) {
  .kofa-static-facilities__branch:has(> .kofa-static-facilities__note) > .kofa-static-facilities__link { grid-row: 4; }
}
/* facilities 섹션 끝 */

/* =============================================================================
   오시는 길 — /intro/facilities/directions
   ============================================================================= */

.kofa-static-directions__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-directions__asset-sangam-map-large { width: 980px; height: auto; aspect-ratio: 980 / 392; background-image: url("/images/static-page/directions/sangam-map-large.png"); background-image: image-set(url("/images/static-page/directions/sangam-map-large.png") 1x, url("/images/static-page/directions/sangam-map-large@2x.png") 2x); }
.kofa-static-directions__asset-sangam-map-medium { width: 944px; height: auto; aspect-ratio: 944 / 378; background-image: url("/images/static-page/directions/sangam-map-medium.png"); background-image: image-set(url("/images/static-page/directions/sangam-map-medium.png") 1x, url("/images/static-page/directions/sangam-map-medium@2x.png") 2x); }
.kofa-static-directions__asset-sangam-map-small { width: 343px; height: auto; aspect-ratio: 343 / 137; background-image: url("/images/static-page/directions/sangam-map-small.png"); background-image: image-set(url("/images/static-page/directions/sangam-map-small.png") 1x, url("/images/static-page/directions/sangam-map-small@2x.png") 2x); }
.kofa-static-directions__asset-paju-map-large { width: 980px; height: auto; aspect-ratio: 980 / 392; background-image: url("/images/static-page/directions/paju-map-large.png"); background-image: image-set(url("/images/static-page/directions/paju-map-large.png") 1x, url("/images/static-page/directions/paju-map-large@2x.png") 2x); }
.kofa-static-directions__asset-paju-map-medium { width: 944px; height: auto; aspect-ratio: 944 / 378; background-image: url("/images/static-page/directions/paju-map-medium.png"); background-image: image-set(url("/images/static-page/directions/paju-map-medium.png") 1x, url("/images/static-page/directions/paju-map-medium@2x.png") 2x); }
.kofa-static-directions__asset-paju-map-small { width: 343px; height: auto; aspect-ratio: 343 / 137; background-image: url("/images/static-page/directions/paju-map-small.png"); background-image: image-set(url("/images/static-page/directions/paju-map-small.png") 1x, url("/images/static-page/directions/paju-map-small@2x.png") 2x); }

.kofa-static-directions { display: grid; gap: 40px; min-width: 0; word-break: keep-all; }
@media (max-width: 599px) {
  .kofa-static-directions { gap: 32px; }
}
.kofa-static-directions__facility { display: grid; gap: 24px; }
.kofa-static-directions__facility h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-directions__facility h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-directions__maps { min-width: 0; }
.kofa-static-directions__map { width: 100%; height: auto; aspect-ratio: 2.5; border-radius: 16px; background-size: cover; }
.kofa-static-directions__maps .kofa-static-directions__map--large { display: block; }
@media (max-width: 1279px) {
  .kofa-static-directions__maps .kofa-static-directions__map--large { display: none; }
}
.kofa-static-directions__maps .kofa-static-directions__map--medium { display: none; }
@media (max-width: 1279px) {
  .kofa-static-directions__maps .kofa-static-directions__map--medium { display: block; }
}
@media (max-width: 599px) {
  .kofa-static-directions__maps .kofa-static-directions__map--medium { display: none; }
}
.kofa-static-directions__maps .kofa-static-directions__map--small { display: none; }
@media (max-width: 599px) {
  .kofa-static-directions__maps .kofa-static-directions__map--small { display: block; }
}
.kofa-static-directions__address { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-directions__address { flex-direction: column; align-items: stretch; gap: 16px; }
}
.kofa-static-directions__address p { font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-directions__map-link { display: flex; align-items: center; justify-content: center; flex: 0 0 250px; min-height: 48px; padding: 11px 16px; box-sizing: border-box; border: 1px solid #e1e1e1; border-radius: 10px; color: #58585a; background: #fff; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; cursor: pointer; }
@media (max-width: 599px) {
  .kofa-static-directions__map-link { flex-basis: auto; }
}
.kofa-static-directions__transport { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; align-items: stretch; }
@media (max-width: 1279px) {
  .kofa-static-directions__transport { gap: 16px; }
}
@media (max-width: 599px) {
  .kofa-static-directions__transport { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-directions__transport:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.kofa-static-directions__transport-card { padding: 24px; border-radius: 16px; background: #f9f9f9; }
.kofa-static-directions__transport-card h4 { margin: 0 0 20px; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-directions__routes { display: grid; gap: 12px; }
.kofa-static-directions__route { display: grid; gap: 8px; }
.kofa-static-directions__stop { display: flex; align-items: center; gap: 6px; }
@media (max-width: 599px) {
  .kofa-static-directions__stop { flex-direction: column; align-items: start; gap: 8px; }
}
.kofa-static-directions__stop strong { font-size: 16px; line-height: 1.8; }
.kofa-static-directions__badges { display: flex; flex-shrink: 0; gap: 4px; }
.kofa-static-directions__badge { display: inline-flex; flex-shrink: 0; padding: 6px 12px; border-radius: 44px; background: #7cc3a4; color: #fff; font-size: 12px; font-weight: 600; line-height: 18px; }
.kofa-static-directions__badge--six { background: #c77537; }
.kofa-static-directions__badge--airport { background: #3ea8eb; }
.kofa-static-directions__badge--trunk { background: #285d8b; }
.kofa-static-directions__badge--branch { background: #30666b; }
.kofa-static-directions__badge--express { background: #cf3541; }
.kofa-static-directions__instruction { position: relative; padding-left: 27px; color: #58585a; font-size: 18px; line-height: 1.8; }
.kofa-static-directions__instruction::before { position: absolute; left: 10px; content: "•"; }
.kofa-static-directions__bus-lines { display: grid; gap: 12px; }
.kofa-static-directions__line { display: flex; align-items: center; gap: 6px; }
.kofa-static-directions__line strong { font-size: 16px; line-height: 1.8; }
/* directions 섹션 끝 */

/* =============================================================================
   고객헌장 — /intro/customer-service/charter
   ============================================================================= */
.kofa-static-charter__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-charter__asset-flourish { width: 240px; height: auto; aspect-ratio: 240 / 30; background-image: url("/images/static-page/charter/flourish.png"); background-image: image-set(url("/images/static-page/charter/flourish.png") 1x, url("/images/static-page/charter/flourish@2x.png") 2x); }

.kofa-static-charter { display: grid; gap: 40px; min-width: 0; word-break: keep-all; }
@media (max-width: 599px) {
  .kofa-static-charter { gap: 32px; }
}
.kofa-static-charter__declaration { display: grid; gap: 12px; }
.kofa-static-charter__section { display: grid; gap: 24px; min-width: 0; }
.kofa-static-charter__heading { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) 2px center / 4px calc(100% - 12px) no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-charter__heading { font-size: 22px; line-height: 33px; }
}
.kofa-static-charter__pledge { padding: 0 0 40px; border: 1px solid var(--kofa-static-border); border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 599px) {
  .kofa-static-charter__pledge { padding: 0 16px 24px; }
}
.kofa-static-charter__preamble { display: grid; justify-items: center; gap: 16px; padding: 32px 30px 20px; text-align: center; font-size: 20px; font-weight: 700; line-height: 30px; }
@media (max-width: 599px) {
  .kofa-static-charter__preamble { padding: 24px 0 20px; font-size: 18px; line-height: 27px; }
}
.kofa-static-charter__preamble :where(.kofa-static-charter__image) { width: 240px; height: 30px; max-width: 100%; }
.kofa-static-charter__promises { display: grid; gap: 24px; margin-inline: 39px; padding: 24px; border-radius: 16px; background: #fff; }
@media (max-width: 1279px) {
  .kofa-static-charter__promises { margin-inline: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-charter__promises { gap: 20px; margin-inline: 0; padding: 16px; }
}
.kofa-static-charter__promise { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 24px; align-items: center; font-size: 18px; line-height: 32.4px; }
@media (max-width: 599px) {
  .kofa-static-charter__promise { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}
.kofa-static-charter__promise span { font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-charter__closing { margin-top: 0; font-size: 18px; line-height: 32.4px; }
.kofa-static-charter__standard { margin: 0; padding-left: 34px; background: radial-gradient(circle, #262831 0 3px, transparent 3px) 5px center / 14px 14px no-repeat; font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-charter__card { overflow: hidden; box-shadow: inset 0 0 0 1px var(--kofa-static-border); border-radius: 16px; }
.kofa-static-charter__card-title { margin: 0; padding: 16px 24px; border-bottom: 1px solid var(--kofa-static-border); background: var(--kofa-static-subtle); font-size: 18px; font-weight: 700; line-height: 27px; }
@media (max-width: 599px) {
  .kofa-static-charter__card-title { padding-inline: 16px; }
}
.kofa-static-charter__criteria { padding: 24px; }
@media (max-width: 599px) {
  .kofa-static-charter__criteria { padding: 16px; }
}
.kofa-static-charter__item { display: grid; gap: 8px; padding: 12px 0; border-bottom: 1px solid var(--kofa-static-border); }
.kofa-static-charter__item:first-child { padding-top: 0; }
.kofa-static-charter__item:last-child { padding-bottom: 0; border-bottom: 0; }
.kofa-static-charter__row { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 8px; font-size: 18px; line-height: 32.4px; }
@media (max-width: 599px) {
  .kofa-static-charter__row { grid-template-columns: 20px minmax(0, 1fr); gap: 6px; }
}
.kofa-static-charter__marker { font-size: 16px; font-weight: 600; line-height: 28.8px; }
.kofa-static-charter__marker--sub { color: var(--kofa-static-muted); }
.kofa-static-charter__subitems { display: grid; gap: 8px; padding-left: 32px; min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-charter__subitems { padding-left: 20px; }
}
@media (max-width: 599px) {
  .kofa-static-charter__subitems--contacts { padding-left: 0; }
}
.kofa-static-charter__note { padding: 16px; border-radius: 16px; background: var(--kofa-static-subtle); font-size: 18px; line-height: 32.4px; }
.kofa-static-charter__contacts { display: grid; gap: 8px; padding: 16px; border: 1px solid var(--kofa-static-border); border-radius: 16px; background: var(--kofa-static-subtle); color: var(--kofa-static-muted); font-size: 16px; line-height: 24px; overflow-wrap: anywhere; }
@media (max-width: 599px) {
  .kofa-static-charter__contacts { padding-inline: 12px; }
}
.kofa-static-charter__contact-title { font-weight: 600; line-height: 29px; }
.kofa-static-charter__contacts dl { display: grid; gap: 4px; margin: 0; }
@media (max-width: 599px) {
  .kofa-static-charter__contacts dl { gap: 12px; }
}
.kofa-static-charter__contact-row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 12px; }
@media (max-width: 599px) {
  .kofa-static-charter__contact-row { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}
.kofa-static-charter__contact-row dt { box-sizing: border-box; min-height: 32px; padding-block: 4px; color: #262831; font-weight: 600; }
.kofa-static-charter__contact-row dd { box-sizing: border-box; min-height: 32px; margin: 0; padding-block: 4px; color: #262831; }
/* charter 섹션 끝 */

/* =============================================================================
   고객만족경영체계 — /intro/customer-service/system
   ============================================================================= */
.kofa-static-system__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-system__asset-flow-arrow-wide { width: 980px; height: auto; aspect-ratio: 980 / 630; background-image: url("/images/static-page/system/flow-arrow-wide.png"); background-image: image-set(url("/images/static-page/system/flow-arrow-wide.png") 1x, url("/images/static-page/system/flow-arrow-wide@2x.png") 2x); }
@media (max-width: 1279px) { .kofa-static-system__asset-flow-arrow-wide { background-image: url("/images/static-page/system/flow-arrow-medium.png"); background-image: image-set(url("/images/static-page/system/flow-arrow-medium.png") 1x, url("/images/static-page/system/flow-arrow-medium@2x.png") 2x); } }
@media (max-width: 599px) { .kofa-static-system__asset-flow-arrow-wide { background-image: url("/images/static-page/system/flow-arrow-narrow.png"); background-image: image-set(url("/images/static-page/system/flow-arrow-narrow.png") 1x, url("/images/static-page/system/flow-arrow-narrow@2x.png") 2x); } }
.kofa-static-system__asset-target-balloon-wide { width: 980px; height: auto; aspect-ratio: 980 / 100; background-image: url("/images/static-page/system/target-balloon-wide.png"); background-image: image-set(url("/images/static-page/system/target-balloon-wide.png") 1x, url("/images/static-page/system/target-balloon-wide@2x.png") 2x); }
@media (max-width: 1279px) { .kofa-static-system__asset-target-balloon-wide { background-image: url("/images/static-page/system/target-balloon-medium.png"); background-image: image-set(url("/images/static-page/system/target-balloon-medium.png") 1x, url("/images/static-page/system/target-balloon-medium@2x.png") 2x); } }
@media (max-width: 599px) { .kofa-static-system__asset-target-balloon-wide { background-image: url("/images/static-page/system/target-balloon-narrow.png"); background-image: image-set(url("/images/static-page/system/target-balloon-narrow.png") 1x, url("/images/static-page/system/target-balloon-narrow@2x.png") 2x); } }
.kofa-static-system { display: grid; gap: 40px; word-break: keep-all; }
@media (max-width: 1279px) { .kofa-static-system { gap: 32px; } }
.kofa-static-system__flow { position: relative; isolation: isolate; display: grid; gap: 32px; }
/* Figma 흐름 배경 overlay: flow 시작 기준 170/164/398px (모바일 render bounds는 layout보다 22px 위) */
.kofa-static-system__flow-arrow { position: absolute; z-index: -1; top: 170px; inset-inline: 0; height: 630px; pointer-events: none; }
@media (max-width: 1279px) { .kofa-static-system__flow-arrow { top: 164px; height: 627px; } }
@media (max-width: 599px) { .kofa-static-system__flow-arrow { top: 398px; height: 1075px; } }
.kofa-static-system__flow-arrow :where(.kofa-static-system__image) { display: block; width: 100%; height: 100%; }
.kofa-static-system__heading { display: flex; align-items: center; gap: 18px; margin: 0; font: 700 24px/36px "Pretendard GOV", sans-serif; }
@media (max-width: 1279px) { .kofa-static-system__heading { gap: 10px; font-size: 22px; line-height: 33px; } }
.kofa-static-system__heading::before { content: ""; flex: 0 0 4px; height: 24px; background: #262831; }
@media (max-width: 1279px) { .kofa-static-system__heading::before { flex-basis: 2px; height: 21px; } }
.kofa-static-system__stage { min-width: 0; }
.kofa-static-system__stage h4 { margin: 0 0 16px; font: 700 18px/27px "Pretendard GOV", sans-serif; }
.kofa-static-system__goals { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 0; list-style: none; }
@media (max-width: 599px) { .kofa-static-system__goals { grid-template-columns: minmax(0, 1fr); } }
.kofa-static-system__goals li { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 112px; box-sizing: border-box; padding: 16px; border-radius: 16px; box-shadow: inset 0 -2px 0 #58585a; background: #f9f9f9; text-align: center; font: 700 18px/27px "Pretendard GOV", sans-serif; }
.kofa-static-system__goals li::before { content: none; }
.kofa-static-system__tasks li::before { content: none; }
.kofa-static-system__tasks { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 0; margin: 0; list-style: none; }
@media (max-width: 599px) { .kofa-static-system__tasks { grid-template-columns: minmax(0, 1fr); } }
.kofa-static-system__tasks li { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 104px; box-sizing: border-box; padding: 16px; border: 1px solid #e1e1e1; border-radius: 16px; background: #fff; text-align: center; font-weight: 600; }
.kofa-static-system__vision { margin: 0; padding: 22px; border: 2px solid transparent; border-radius: 10000px; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #cf3541, #a3596c, #767c97) border-box; text-align: center; font: 700 24px/36px "Pretendard GOV", sans-serif; }
@media (max-width: 1279px) { .kofa-static-system__vision { font-size: 22px; line-height: 33px; } }
@media (max-width: 599px) { .kofa-static-system__vision { font-size: 20px; line-height: 30px; } }
.kofa-static-system strong { color: #a2181e; font-weight: inherit; }
.kofa-static-system__target { position: relative; box-sizing: border-box; margin: 0 0 16px; padding: 22px; border: 2px solid transparent; text-align: center; font: 700 24px/36px "Pretendard GOV", sans-serif; }
@media (max-width: 1279px) { .kofa-static-system__target { font-size: 22px; line-height: 33px; } }
@media (max-width: 599px) { .kofa-static-system__target { min-height: 114px; font-size: 20px; line-height: 30px; } }
.kofa-static-system__target-balloon { position: absolute; inset: -2px -2px -18px; pointer-events: none; }
.kofa-static-system__target-balloon :where(.kofa-static-system__image) { display: block; width: 100%; height: 100%; }
.kofa-static-system__target-text { position: relative; }
.kofa-static-system__strategies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) { .kofa-static-system__strategies { grid-template-columns: minmax(0, 1fr); } }
.kofa-static-system__strategy { box-shadow: inset 0 0 0 1px #e1e1e1; border-radius: 16px; overflow: hidden; background: #fff; }
.kofa-static-system__strategy h5 { margin: 0; padding: 20px 16px; background: #262831; color: #fff; text-align: center; font: 600 16px/24px "Pretendard GOV", sans-serif; }
.kofa-static-system__strategy ul { margin: 0; padding: 16px; list-style: none; font: 400 16px/24px "Pretendard GOV", sans-serif; }
@media (max-width: 1279px) { .kofa-static-system__strategy ul { font-size: 18px; line-height: 32.4px; } }
.kofa-static-system__strategy li { margin-bottom: 12px; }
@media (max-width: 1279px) { .kofa-static-system__strategy li { margin-bottom: 0; } }
.kofa-static-system__strategy li:last-child { margin-bottom: 0; }
.kofa-static-system__strategy li::before { content: "• "; }
.kofa-static-system__roadmap { display: grid; gap: 24px; }
.kofa-static-system__table-scroll { min-width: 0; overflow-x: auto; }
@media (max-width: 599px) { .kofa-static-system__table-scroll { padding-bottom: 8px; } }
.kofa-static-system__table-scroll::-webkit-scrollbar { height: 8px; }
.kofa-static-system__table-scroll::-webkit-scrollbar-track { border-radius: 8px; background: #e1e1e1; }
.kofa-static-system__table-scroll::-webkit-scrollbar-thumb { border-radius: 8px; background: #58585a; }
.kofa-static-system__table-scroll table { width: 100%; border-collapse: collapse; border-top: 2px solid #262831; text-align: left; }
@media (max-width: 599px) { .kofa-static-system__table-scroll table { width: 720px; } }
.kofa-static-system__table-scroll caption { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.kofa-static-system__category-column { width: 19.3%; }
@media (max-width: 599px) { .kofa-static-system__category-column { width: 160px; } }
.kofa-static-system__customer-column { width: 28.6%; }
@media (max-width: 599px) { .kofa-static-system__customer-column { width: 240px; } }
.kofa-static-system__table-scroll th { padding: 20px 16px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; vertical-align: middle; font-weight: 600; }
.kofa-static-system__table-scroll td { padding: 20px 16px; border-right: 1px solid #e1e1e1; box-shadow: inset 0 -1px 0 #e1e1e1; vertical-align: middle; }
@media (max-width: 599px) { .kofa-static-system__table-scroll td { padding-block: 15px; } }
.kofa-static-system__table-scroll thead th { padding-block: 16px; }
.kofa-static-system__table-scroll tbody th { box-shadow: inset 0 -1px 0 #e1e1e1; border-bottom: 0; }
@media (max-width: 599px) { .kofa-static-system__table-scroll tbody th { padding-block: 15px; } }
.kofa-static-system__table-scroll td:first-of-type { font-weight: 600; }
.kofa-static-system__table-scroll td:last-child { border-right: 0; }
.kofa-static-system__table-scroll ul { padding: 0; margin: 0; list-style: none; }
.kofa-static-system__table-scroll li::before { content: "• "; }
/* system 섹션 끝 */

/* =============================================================================
   윤리경영 — /intro/social-value/ethics
   ============================================================================= */

.kofa-static-ethics__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-ethics__asset-laurel { width: 240px; height: auto; aspect-ratio: 240 / 30; background-image: url("/images/static-page/ethics/laurel.png"); background-image: image-set(url("/images/static-page/ethics/laurel.png") 1x, url("/images/static-page/ethics/laurel@2x.png") 2x); }

.kofa-static-ethics { display: grid; gap: 40px; word-break: keep-all; }
@media (max-width: 1279px) {
  .kofa-static-ethics { gap: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-ethics { gap: 24px; }
}
.kofa-static-ethics__charter > h3 { margin: 0 0 24px; padding-left: 22px; background: linear-gradient(#262831, #262831) 2px center / 4px calc(100% - 12px) no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-ethics__charter > h3 { font-size: 22px; line-height: 33px; }
}
.kofa-static-ethics__declaration { padding: 0 30px 40px; border: 1px solid #e1e1e1; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 1279px) {
  .kofa-static-ethics__declaration { padding-inline: 24px; padding-bottom: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-ethics__declaration { padding-inline: 16px; padding-bottom: 16px; }
}
.kofa-static-ethics__vision { display: grid; justify-items: center; gap: 16px;  padding-block: 32px 20px; text-align: center; font-size: 20px; font-weight: 700; line-height: 30px; }
@media (max-width: 1279px) {
  .kofa-static-ethics__vision {  }
}
@media (max-width: 599px) {
  .kofa-static-ethics__vision { padding-top: 20px; font-size: 18px; line-height: 27px; }
}
.kofa-static-ethics__vision :where(.kofa-static-ethics__image) { width: 240px; height: 30px; max-width: 100%; background-size: contain; }
.kofa-static-ethics__principles { display: grid; gap: 24px; margin: 0 9px; padding: 24px; list-style: none; border-radius: 16px; background: #fff; }
@media (max-width: 1279px) {
  .kofa-static-ethics__principles { margin-inline: 0; }
}
@media (max-width: 599px) {
  .kofa-static-ethics__principles { margin-inline: 0; padding: 16px; }
}
.kofa-static-ethics__principles li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 24px; }
@media (max-width: 1279px) {
  .kofa-static-ethics__principles { margin-inline: 0; }
}
@media (max-width: 599px) {
  .kofa-static-ethics__principles li { grid-template-columns: 23px minmax(0, 1fr); gap: 16px; }
}
.kofa-static-ethics__principles li::before { content: none; }
.kofa-static-ethics__number { font-size: 20px; font-weight: 700; line-height: 30px; }
.kofa-static-ethics__principles p { font-size: 18px; line-height: 32px; }
.kofa-static-ethics__documents { display: grid; gap: 12px; }
.kofa-static-ethics__document { display: grid; gap: 24px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-ethics__document { flex-direction: column; align-items: stretch; gap: 16px; padding: 19px 15px; }
}
.kofa-static-ethics__document-summary { flex: 1; min-width: 0; }
.kofa-static-ethics__document-summary h4 { margin: 0 0 6px; font-size: 18px; font-weight: 600; line-height: 27px; }
.kofa-static-ethics__document-summary p { color: #727276; font-size: 16px; line-height: 24px; }
/* ethics 섹션 끝 */

/* =============================================================================
   인권경영 — /intro/social-value/human-rights
   ============================================================================= */
.kofa-static-human-rights__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-human-rights__asset-laurel { width: 240px; height: auto; aspect-ratio: 240 / 30; background-image: url("/images/static-page/human-rights/laurel.png"); background-image: image-set(url("/images/static-page/human-rights/laurel.png") 1x, url("/images/static-page/human-rights/laurel@2x.png") 2x); }

.kofa-static-human-rights { min-width: 0; word-break: keep-all; }
.kofa-static-human-rights__section + .kofa-static-human-rights__section { margin-top: 64px; }
@media (max-width: 1279px) { .kofa-static-human-rights__section + .kofa-static-human-rights__section { margin-top: 40px; } }
.kofa-static-human-rights__section > h3 { margin: 0 0 24px; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; line-height: 36px; font-weight: 700; }
@media (max-width: 1279px) { .kofa-static-human-rights__section > h3 { font-size: 22px; line-height: 33px; } }
.kofa-static-human-rights__charter { padding: 0 30px 40px; border: 1px solid var(--kofa-static-border); border-radius: 16px; background: var(--kofa-static-subtle); }
@media (max-width: 1279px) { .kofa-static-human-rights__charter { padding: 0 24px 24px; } }
@media (max-width: 599px) { .kofa-static-human-rights__charter { padding: 0 16px 16px; } }
.kofa-static-human-rights__declaration { display: grid; justify-items: center; gap: 16px; padding: 32px 0 20px; text-align: center; font-size: 20px; line-height: 30px; font-weight: 700; }
@media (max-width: 599px) { .kofa-static-human-rights__declaration { padding-top: 20px; font-size: 18px; line-height: 27px; } }
.kofa-static-human-rights__laurel { width: 240px; height: 30px; background-size: contain; }
.kofa-static-human-rights .kofa-static-human-rights__principles { display: grid; gap: 24px; margin: 0 9px; padding: 24px; border-radius: 16px; background: #fff; }
@media (max-width: 1279px) { .kofa-static-human-rights .kofa-static-human-rights__principles { margin-inline: 0; } }
@media (max-width: 599px) { .kofa-static-human-rights .kofa-static-human-rights__principles { padding: 16px; } }
.kofa-static-human-rights__principles li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 24px; }
@media (max-width: 599px) { .kofa-static-human-rights__principles li { grid-template-columns: 40px minmax(0, 1fr); gap: 16px; } }
.kofa-static-human-rights__principles li::before { content: none; }
.kofa-static-human-rights__principles p { font-size: 18px; line-height: 1.8; color: var(--kofa-static-muted); }
.kofa-static-human-rights__number { font-size: 20px; line-height: 30px; font-weight: 700; }
.kofa-static-human-rights .kofa-static-human-rights__description { margin-bottom: 24px; font-size: 18px; line-height: 1.8; color: var(--kofa-static-muted); }
.kofa-static-human-rights__document { display: grid; gap: 20px; padding: 15px 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; font-size: 18px; line-height: 27px; font-weight: 600; }
@media (max-width: 1279px) { .kofa-static-human-rights__document { padding: 23px; } }
@media (max-width: 599px) { .kofa-static-human-rights__document { flex-direction: column; align-items: stretch; gap: 16px; padding: 19px 15px; } }
/* human-rights 섹션 끝 */

/* =============================================================================
   갑질근절 — /intro/social-value/anti-bullying
   ============================================================================= */
.kofa-static-anti-bullying__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-anti-bullying__asset-info { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/anti-bullying/info.svg"); }

.kofa-static-anti-bullying { display: grid; word-break: keep-all; }
.kofa-static-anti-bullying__sections { display: grid; gap: 64px; }
@media (max-width: 1279px) {
  .kofa-static-anti-bullying__sections { gap: 40px; }
}
@media (max-width: 599px) {
  .kofa-static-anti-bullying__sections { gap: 32px; }
}
.kofa-static-anti-bullying__section { display: grid; gap: 24px; min-width: 0; }
.kofa-static-anti-bullying__section:first-child { gap: 16px; }
.kofa-static-anti-bullying h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) 0 center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-anti-bullying h3 { background-size: 4px 21px; font-size: 22px; line-height: 33px; }
}
.kofa-static-anti-bullying__lead { color: var(--kofa-static-text); font-size: 18px; line-height: 1.8; }
.kofa-static-anti-bullying__notice { display: flex; align-items: flex-start; gap: 16px; padding: 16px 24px; border-radius: 16px; background: var(--kofa-static-notice); color: var(--kofa-static-text); font-size: 18px; line-height: 1.8; }
@media (max-width: 599px) {
  .kofa-static-anti-bullying__notice { flex-direction: column; padding-inline: 16px; }
}
.kofa-static-anti-bullying__notice > :where(.kofa-static-anti-bullying__image) { flex: 0 0 24px; }
.kofa-static-anti-bullying__table { width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0; border-top: 2px solid #262831; color: var(--kofa-static-text); font-size: 16px; line-height: 24px; }
.kofa-static-anti-bullying__table th { box-sizing: border-box; width: 220px; padding: 17px 16px 18px; border-right: 1px solid var(--kofa-static-border); border-bottom: 1px solid var(--kofa-static-border); background: var(--kofa-static-subtle); font-weight: 600; text-align: left; vertical-align: middle; }
@media (max-width: 1279px) {
  .kofa-static-anti-bullying__table th { width: 180px; }
}
@media (max-width: 599px) {
  .kofa-static-anti-bullying__table th { width: 96px; padding-block: 14px; }
}
.kofa-static-anti-bullying__table td { box-sizing: border-box; padding: 17px 16px 18px; border-bottom: 1px solid var(--kofa-static-border); vertical-align: middle; }
@media (max-width: 599px) {
  .kofa-static-anti-bullying__table td { padding-block: 14px; }
}
.kofa-static-anti-bullying__table thead th { padding-block: 16.5px; }
.kofa-static-anti-bullying__table thead th:last-child { width: auto; border-right: 0; }
.kofa-static-anti-bullying__center { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; align-items: center; }
@media (max-width: 599px) {
  .kofa-static-anti-bullying__center { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-anti-bullying__cards { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-anti-bullying__cards { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-anti-bullying__card { padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-anti-bullying__card { padding: 19px 15px; }
}
.kofa-static-anti-bullying__card h4 { margin: 0 0 8px; font-size: 18px; font-weight: 700; line-height: 27px; }
.kofa-static-anti-bullying__card p { color: var(--kofa-static-text); }
.kofa-static-anti-bullying__steps { display: grid; gap: 32px; margin: 0; padding: 23px; border: 1px solid var(--kofa-static-border); border-radius: 16px; list-style: none; }
@media (max-width: 599px) {
  .kofa-static-anti-bullying__steps { padding: 15px; }
}
.kofa-static-anti-bullying__step { display: flex; gap: 12px; align-items: flex-start; }
.kofa-static-anti-bullying .kofa-static-anti-bullying__step::before { content: none; }
.kofa-static-anti-bullying__number { display: flex; align-items: center; justify-content: center; flex: 0 0 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; font-weight: 600; line-height: 21px; }
.kofa-static-anti-bullying__step h4 { margin: 0 0 6px; color: var(--kofa-static-text); font-size: 18px; font-weight: 600; line-height: 27px; }
.kofa-static-anti-bullying__step p { color: var(--kofa-static-muted); }
/* anti-bullying 섹션 끝 */

/* =============================================================================
   클린신고센터 — /intro/social-value/report
   ============================================================================= */
.kofa-static-report__image { display: block; max-width: 100%; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
.kofa-static-report__asset-info { width: 24px; height: auto; aspect-ratio: 24 / 24; background-image: url("/icons/static-page/report/info.svg"); }

.kofa-static-report { display: grid; gap: 64px; word-break: keep-all; }
@media (max-width: 1279px) {
  .kofa-static-report { gap: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-report { gap: 24px; }
}
.kofa-static-report__section { display: grid; gap: 24px; }
.kofa-static-report__section h3 { margin: 0; padding-left: 22px; background: linear-gradient(#262831, #262831) left center / 4px 24px no-repeat; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .kofa-static-report__section h3 { font-size: 22px; line-height: 33px; }
}
.kofa-static-report .kofa-static-report__rules { padding: 7px 23px; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-report .kofa-static-report__rules { padding-inline: 15px; }
}
.kofa-static-report__rules li { display: flex; gap: 12px; padding-block: 12px; font-size: 18px; line-height: 1.8; }
.kofa-static-report__rules li:not(:last-child) { padding-bottom: 11px; border-bottom: 1px solid #e1e1e1; }
.kofa-static-report__rules li::before { content: "•"; width: 10px; flex: none; color: #285d8b; }
.kofa-static-report__heading { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
@media (max-width: 1279px) {
  .kofa-static-report__heading { flex-wrap: wrap; }
}
@media (max-width: 599px) {
  .kofa-static-report__heading { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-report__actions { display: flex; gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-report__actions { flex-direction: column; }
}
.kofa-static-report__actions button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 8px; background: #fff; color: #262831; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; }
.kofa-static-report__methods { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-report__methods { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-report__method { padding: 15px; border: 1px solid #e1e1e1; border-radius: 16px; }
.kofa-static-report__method h4 { display: flex; align-items: center; gap: 8px; margin: 0 0 20px; font-size: 18px; line-height: 27px; font-weight: 600; }
.kofa-static-report__method h4 span { padding: 4px 8px; border-radius: 4px; background: #f4f7fa; color: #285d8b; font-size: 14px; line-height: 21px; white-space: nowrap; }
.kofa-static-report__method dl { display: grid; gap: 8px; margin: 0; }
.kofa-static-report__method dl > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 8px; }
.kofa-static-report__method dt { font-weight: 600; }
.kofa-static-report__method dd { margin: 0; overflow-wrap: anywhere; }
.kofa-static-report__guidance { font-size: 18px; line-height: 1.8; }
.kofa-static-report__guidance li { position: relative; padding-left: 27px; }
.kofa-static-report__guidance li::before { content: "•"; position: absolute; left: 9px; }
.kofa-static-report__protection { display: flex; align-items: flex-start; gap: 16px; padding: 24px; border-radius: 16px; background: #f4f7fa; color: #285d8b; font-size: 18px; line-height: 1.8; }
@media (max-width: 599px) {
  .kofa-static-report__protection { flex-direction: column; padding: 16px; }
}
.kofa-static-report__protection :where(.kofa-static-report__image) { flex: none; }
.kofa-static-report__steps { display: grid; gap: 32px; margin: 0; padding: 23px; list-style: none; border: 1px solid #e1e1e1; border-radius: 16px; }
@media (max-width: 599px) {
  .kofa-static-report__steps { padding: 15px; }
}
.kofa-static-report__steps li { display: flex; align-items: flex-start; gap: 12px; }
.kofa-static-report__steps li::before { content: none; }
.kofa-static-report__steps li > span { display: flex; flex: none; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: #262831; color: #fff; font-size: 14px; font-weight: 600; line-height: 21px; }
.kofa-static-report__steps h4 { margin: 0 0 6px; font-size: 18px; font-weight: 600; line-height: 27px; }
.kofa-static-report__steps p { color: #58585a; font-size: 16px; line-height: 24px; }
/* report 섹션 끝 */

/* =============================================================================
   통합공시 — /intro/management-disclosure/integrated
   ============================================================================= */
.kofa-static-integrated { display: flex; flex-direction: column; gap: 24px; font-size: 18px; }
@media (max-width: 599px) {
  .kofa-static-integrated { gap: 16px; }
}
.kofa-static-integrated__list { display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-integrated__list { gap: 12px; }
}
.kofa-static-integrated__item { border: 1px solid var(--kofa-static-border); border-radius: 20px; overflow: hidden; }
@media (max-width: 599px) {
  .kofa-static-integrated__item { border-radius: 16px; }
}
.kofa-static-integrated__item:has([aria-expanded="true"]) { border-color: var(--kofa-static-muted); }
.kofa-static-integrated__trigger { border-radius: calc(var(--kofa-radius-20) - 1px); gap: 16px; padding: 23px 29px; font-size: 20px; font-weight: 700; line-height: 1.5; letter-spacing: inherit; transition: padding-bottom 240ms ease; }
@media (max-width: 1279px) {
  .kofa-static-integrated__trigger { padding: 19px 23px; font-size: 18px; }
}
@media (max-width: 599px) {
  .kofa-static-integrated__trigger { border-radius: calc(var(--kofa-radius-16) - 1px); padding: 19px 15px; }
}
.kofa-static-integrated__trigger[aria-expanded="true"] { border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding-bottom: 20px; }
@media (max-width: 599px) {
  .kofa-static-integrated__trigger[aria-expanded="true"] { padding-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .kofa-static-integrated__trigger { transition: none; }
}
.kofa-static-integrated__content { overflow: hidden; }
.kofa-static-integrated__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; padding: 0 29px 23px; }
@media (max-width: 1279px) {
  .kofa-static-integrated__links { padding: 0 23px 19px; }
}
@media (max-width: 599px) {
  .kofa-static-integrated__links { grid-template-columns: minmax(0, 1fr); padding: 0 15px 19px; }
}
.kofa-static-integrated__link { display: flex; align-items: center; gap: 8px; padding: 16px; box-shadow: inset 0 0 0 1px var(--kofa-static-border); border-radius: 8px; color: var(--kofa-static-muted); font-size: 16px; font-weight: 600; line-height: 1.5; text-decoration: none; }
.kofa-static-integrated__number { font-size: 18px; font-weight: 700; }
.kofa-static-integrated__label { flex: 1; min-width: 0; }
.kofa-static-integrated__author { color: var(--kofa-static-muted); font-size: 14px; line-height: 1.5; }
.kofa-static-integrated__author > li { margin-left: 24px; list-style: disc; }
@media (max-width: 599px) {
  .kofa-static-integrated__author > li { margin-left: 20px; }
}
.kofa-static-integrated__author > li::before { content: none; }
.kofa-static-integrated__mobile-break { display: none; }
@media (max-width: 599px) {
  .kofa-static-integrated__mobile-break { display: inline; }
}
/* =============================================================================
   정보공개 안내 — /intro/information-disclosure/guide
   ============================================================================= */
.kofa-static-information-disclosure-guide { color: #262831; font-size: 18px; line-height: 1.5; }
.kofa-static-information-disclosure-guide__guide { display: flex; flex-direction: column; gap: 16px; margin-top: 40px; }
@media (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__guide { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__guide { margin-top: 24px; }
}
.kofa-static-information-disclosure-guide__section-title { display: flex; align-items: center; gap: 18px; margin: 0; font-size: 24px; font-weight: 700; }
@media (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__section-title { font-size: 20px; }
}
.kofa-static-information-disclosure-guide__section-title::before { content: ""; width: 4px; height: 24px; background: #262831; flex: 0 0 4px; }
.kofa-static-information-disclosure-guide__accordion { display: flex; flex-direction: column; gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__accordion { gap: 12px; }
}
.kofa-static-information-disclosure-guide__item { overflow: hidden; border: 1px solid #e1e1e1; border-radius: 20px; }
.kofa-static-information-disclosure-guide__item:has([aria-expanded="true"]) { border-color: #727276; border-radius: 16px; }
.kofa-static-information-disclosure-guide__trigger { border-radius: calc(var(--kofa-radius-20) - 1px); display: flex; justify-content: space-between; align-items: center; gap: 8px; width: 100%; padding: 23px 29px; border: 0; background: #ffffff; color: inherit; font: inherit; font-size: 20px; font-weight: 700; letter-spacing: inherit; text-align: left; cursor: pointer; }
@media (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__trigger { padding: 19px 23px; font-size: 18px; }
}
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__trigger { padding-inline: 15px; }
}
.kofa-static-information-disclosure-guide__trigger[aria-expanded="true"] { border-radius: calc(var(--kofa-radius-16) - 1px) calc(var(--kofa-radius-16) - 1px) 0 0; padding-block: 15px 16px; background: #f9f9f9; border-bottom: 1px solid #e1e1e1; }
@media (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__trigger[aria-expanded="true"] { padding-block: 19px 20px; }
}
.kofa-static-information-disclosure-guide__panel-sections { box-sizing: border-box; overflow: hidden; padding: 24px 23px 23px; display: flex; flex-direction: column; gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__panel-sections { padding: 16px 15px 15px; }
}
.kofa-static-information-disclosure-guide__panel-sections--private { gap: 0; }
.kofa-static-information-disclosure-guide__paragraph { margin: 0; }
.kofa-static-information-disclosure-guide__paragraph strong { font-weight: 600; }
.kofa-static-information-disclosure-guide__subheading { margin: 0; font-size: 18px; font-weight: 700; }
.kofa-static-information-disclosure-guide__reference { margin: 0; font-size: 14px; color: #58585a; }
.kofa-static-information-disclosure-guide__group { display: flex; flex-direction: column; gap: 12px; }
.kofa-static-information-disclosure-guide__group--tight { gap: 8px; }
.kofa-static-information-disclosure-guide__group--flush { gap: 0; }
.kofa-static-information-disclosure-guide__private-item { display: flex; flex-direction: column; gap: 12px; padding-block: 16px; border-bottom: 1px solid #e1e1e1; }
.kofa-static-information-disclosure-guide__notice { padding-block: 12px; }
.kofa-static-information-disclosure-guide__bullet { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 8px; }
.kofa-static-information-disclosure-guide__officer-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__officer-heading { flex-direction: column; align-items: flex-start; }
}
.kofa-static-information-disclosure-guide__section { display: flex; flex-direction: column; gap: 24px; margin-top: 64px; }
@media (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__section { margin-top: 32px; }
}
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__section { margin-top: 24px; }
}
.kofa-static-information-disclosure-guide__link-panel { display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 28px 16px; border: 1px solid #e1e1e1; border-radius: 16px; text-align: center; }
@media (min-width: 600px) and (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__link-panel { padding: 24px; }
}
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__link-panel { padding: 20px 16px; }
}
.kofa-static-information-disclosure-guide__table-scroll { overflow-x: auto; scrollbar-width: auto; scrollbar-color: #58585a #e1e1e1; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__table-scroll { padding-bottom: 8px; }
}
.kofa-static-information-disclosure-guide__table { min-width: 544px; display: block; width: 100%; border-collapse: collapse; border-spacing: 0; }
.kofa-static-information-disclosure-guide__table--fees { min-width: 0; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__table--fees { min-width: 932px; }
}
.kofa-static-information-disclosure-guide__row { display: grid; }
.kofa-static-information-disclosure-guide__row--data { grid-template-columns: 25% 25% 25% 25%; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__row--data { grid-template-columns: 152px 144px 96px 152px; }
}
.kofa-static-information-disclosure-guide__row--officers { min-height: 59px; grid-template-columns: 24.17% 24.17% 18.13% 33.53%; }
@media (min-width: 600px) and (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__row--officers { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__row--officers { grid-template-columns: 152px 144px 96px 152px; }
}
.kofa-static-information-disclosure-guide__row--fees { grid-template-columns: 18.13% 40.935% 40.935%; }
@media (min-width: 600px) and (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__row--fees { grid-template-columns: 19.643% 40.1785% 40.1785%; }
}
.kofa-static-information-disclosure-guide__bullet-heading { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 18px; font-weight: 700; }
.kofa-static-information-disclosure-guide__bullet-heading::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: #262831; }
.kofa-static-information-disclosure-guide__steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin: 0; padding: 12px 0; list-style: none; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__steps { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-information-disclosure-guide__steps li { position: relative; padding: 16px; border: 1px solid #e1e1e1; border-radius: 16px; display: flex; flex-direction: column; align-items: center; gap: 12px; text-align: center; font-size: 16px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__steps li { flex-direction: row; text-align: left; }
}
.kofa-static-information-disclosure-guide__step-number { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: #262831; color: #ffffff; font-size: 12px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__step-number { flex: 0 0 44px; font-size: 14px; }
}
.kofa-static-information-disclosure-guide__flowchart { display: flex; flex-direction: column; gap: 16px; padding: 23px; border: 1px solid #e1e1e1; border-radius: 16px; background: #ffffff; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flowchart { padding: 15px; }
}
.kofa-static-information-disclosure-guide__flow-route { display: grid; grid-template-columns: 144px minmax(0, 1fr) 144px minmax(0, 1fr) 144px; align-items: stretch; gap: 8px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-route { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
.kofa-static-information-disclosure-guide__flow-department { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 12px; border: 1px solid #727276; border-radius: 16px; background: #ffffff; text-align: center; }
.kofa-static-information-disclosure-guide__flow-arrows { display: flex; flex-direction: column; justify-content: center; gap: 20px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-arrows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
}
.kofa-static-information-disclosure-guide__flow-arrow { display: grid; align-items: center; margin: 0; text-align: center; font-size: 14px; font-weight: 600; color: #3f868c; }
.kofa-static-information-disclosure-guide__flow-note { display: flex; align-items: center; gap: 16px; padding: 16px; border: 1px solid #bd7a0f; border-radius: 16px; background: #fffaeb; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-note { flex-direction: column; align-items: flex-start; }
}
.kofa-static-information-disclosure-guide__flow-agencies { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-agencies { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-information-disclosure-guide__flow-agency { display: flex; flex-direction: column; gap: 8px; padding: 16px; border-radius: 16px; background: #f9f9f9; }
.kofa-static-information-disclosure-guide__flow-results { display: flex; flex-direction: column; gap: 12px; padding-top: 16px; }
.kofa-static-information-disclosure-guide__flow-result-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-result-columns { grid-template-columns: minmax(0, 1fr); }
}
.kofa-static-information-disclosure-guide__section--data { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.kofa-static-information-disclosure-guide__section--data > .kofa-static-information-disclosure-guide__paragraph { grid-column: 1 / -1; }
.kofa-static-information-disclosure-guide__section--data > .kofa-static-information-disclosure-guide__table-scroll { grid-column: 1 / -1; }
.kofa-static-information-disclosure-guide__data-link { grid-column: 2; grid-row: 1; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__data-link { grid-column: 1 / -1; grid-row: auto; width: 100%; }
}
.kofa-static-information-disclosure-guide__claim-link { width: 258px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__claim-link { width: 100%; }
}
.kofa-static-information-disclosure-guide__minor-heading { margin: 0; font-size: 16px; font-weight: 600; }
.kofa-static-information-disclosure-guide__appeal-item { display: flex; flex-direction: column; gap: 8px; padding-block: 12px; border-bottom: 1px solid #e1e1e1; }
.kofa-static-information-disclosure-guide__appeal-item:first-of-type { padding-top: 24px; }
.kofa-static-information-disclosure-guide__appeal-item--last { border-bottom: 0; padding-bottom: 0; }
.kofa-static-information-disclosure-guide__inline-label { font-size: 16px; }
.kofa-static-information-disclosure-guide__table-note { font-size: 14px; color: #58585a; }
ul.kofa-static-information-disclosure-guide__list { margin: 0; padding-left: 28px; list-style: disc; }
.kofa-static-information-disclosure-guide__list li { padding-left: 4px; }
.kofa-static-information-disclosure-guide__procedure-section { display: flex; flex-direction: column; gap: 12px; padding-top: 24px; border-top: 1px solid #e1e1e1; }
.kofa-static-information-disclosure-guide__procedure-section--first { border-top: 0; }
.kofa-static-information-disclosure-guide__flow-department--primary { background: #000000; color: #ffffff; }
.kofa-static-information-disclosure-guide__steps li:not(:last-child)::after { content: ""; position: absolute; left: calc(100% + 8px); top: calc(50% - 12px); width: 24px; height: 24px; background: url("/icons/chevron/chevron-right.svg") center / 24px no-repeat; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__steps li:not(:last-child)::after { left: calc(50% - 12px); top: calc(100% + 8px); rotate: 90deg; }
}
.kofa-static-information-disclosure-guide__flow-arrow--return { color: #262831; }
.kofa-static-information-disclosure-guide__flow-arrow span { grid-area: 1 / 1; padding-inline: 24px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-arrow span { padding-inline: 20px; }
}
.kofa-static-information-disclosure-guide__caption { margin: 0; font-size: 16px; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__caption { font-size: 14px; }
}
.kofa-static-information-disclosure-guide__table strong { font-weight: 600; }
.kofa-static-information-disclosure-guide__table-label { font-weight: 600; }
.kofa-static-information-disclosure-guide__list li::marker { font-size: 12px; }
.kofa-static-information-disclosure-guide__flow-note-label { flex: 0 0 auto; margin: 0; font-size: 16px; font-weight: 600; color: #bd7a0f; }
.kofa-static-information-disclosure-guide__department-label { margin: 0; font-size: 18px; font-weight: 700; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__department-label { font-size: 16px; }
}
.kofa-static-information-disclosure-guide__department-break { display: inline; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__department-break { display: none; }
}
.kofa-static-information-disclosure-guide__guideline-button { flex: 0 0 auto; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__guideline-button { width: 100%; }
}
.kofa-static-information-disclosure-guide__table-scroll::-webkit-scrollbar { height: 8px; }
.kofa-static-information-disclosure-guide__table-scroll::-webkit-scrollbar-track { background: #e1e1e1; border-radius: 8px; }
.kofa-static-information-disclosure-guide__table-scroll::-webkit-scrollbar-thumb { background: #58585a; border-radius: 8px; }
.kofa-static-information-disclosure-guide__fee-content { width: 100%; }
.kofa-static-information-disclosure-guide__fee-paragraph { margin: 0; }
.kofa-static-information-disclosure-guide__fee-paragraph + .kofa-static-information-disclosure-guide__fee-paragraph { margin-top: 24px; }
.kofa-static-information-disclosure-guide__fee-line { display: block; }
.kofa-static-information-disclosure-guide__appeal-section { padding-top: 24px; border-top: 1px solid #e1e1e1; }
.kofa-static-information-disclosure-guide__row--fees:nth-child(2) { min-height: 129px; }
.kofa-static-information-disclosure-guide__row--fees:nth-child(3) { min-height: 380px; }
.kofa-static-information-disclosure-guide__row--fees:nth-child(4) { min-height: 275px; }
.kofa-static-information-disclosure-guide__row--fees:nth-child(5) { min-height: 386px; }
@media (min-width: 600px) and (max-width: 1279px) {
  .kofa-static-information-disclosure-guide__row--fees:nth-child(5) { min-height: 389px; }
}
.kofa-static-information-disclosure-guide__fee-paragraph + .kofa-static-information-disclosure-guide__fee-paragraph--adjacent { margin-top: 10px; }
.kofa-static-information-disclosure-guide__fee-paragraph + .kofa-static-information-disclosure-guide__fee-paragraph--note-gap { margin-top: calc(14px * 1.5); }
.kofa-static-information-disclosure-guide__fee-line--mixed { font-size: 14px; }
.kofa-static-information-disclosure-guide__fee-body { font-size: 16px; }
.kofa-static-information-disclosure-guide__table tbody { display: block; }
.kofa-static-information-disclosure-guide__panel-content { overflow: hidden; }
.kofa-static-information-disclosure-guide__list li::before, .kofa-static-information-disclosure-guide__steps li::before { content: none; }
.kofa-static-information-disclosure-guide__flow-image { display: block; grid-area: 1 / 1; width: 100%; height: 50px; background-position: center; background-size: 100% 100%; background-repeat: no-repeat; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-image { height: 120px; }
}
.kofa-static-information-disclosure-guide__flow-image--forward { background-image: url("/icons/static-page/information-disclosure-guide/flow-forward.svg"); }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-image--forward { background-image: url("/icons/static-page/information-disclosure-guide/flow-forward-mobile.svg"); }
}
.kofa-static-information-disclosure-guide__flow-image--return { background-image: url("/icons/static-page/information-disclosure-guide/flow-return.svg"); }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__flow-image--return { background-image: url("/icons/static-page/information-disclosure-guide/flow-return-mobile.svg"); }
}
.kofa-static-information-disclosure-guide__cell { display: flex; align-items: center; gap: 10px; box-sizing: border-box; min-width: 0; margin: 0; padding: 14px 16px; border-bottom: 1px solid #e1e1e1; color: #262831; background: #fff; font-size: 16px; font-weight: 400; line-height: 1.5; letter-spacing: -0.6px; text-align: left; }
.kofa-static-information-disclosure-guide__cell--title { padding-block: 16px; border-top: 2px solid #000; background: #f9f9f9; font-weight: 600; }
.kofa-static-information-disclosure-guide__button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; box-sizing: border-box; min-width: 90px; min-height: 48px; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 10px; background: #fff; color: #58585a; font: 600 16px/24px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; text-align: center; text-decoration: none; cursor: pointer; }
@media (max-width: 599px) {
  .kofa-static-information-disclosure-guide__button { max-width: 100%; }
}
.kofa-static-information-disclosure-guide__button:focus-visible { outline: var(--kofa-outline-focus-width) solid var(--kofa-color-focus-ring); outline-offset: var(--kofa-outline-focus-offset); }

/* ===== prvc 개인정보처리방침 공유 섹션 — 시작 ===== */
/* =============================================================================
   개인정보처리방침 공유 정적 본문 — /privacy
   ============================================================================= */
.prvc-policy { min-width: 0; color: #262831; font: 400 16px/1.5 "Pretendard GOV", sans-serif; letter-spacing: -0.6px; padding-top: 20px; }
.prvc-policy :where(p) { margin: 0; }
.prvc-policy__introduction { display: grid; justify-items: start; gap: 14px; padding-bottom: 20px; }
.prvc-policy__revision { display: inline-flex; padding: 9px 15px; border: 1px solid #262831; border-radius: 24px; font-size: 16px; font-weight: 600; line-height: 24px; }
.prvc-policy__body { font-size: 18px; font-weight: 400; line-height: 1.8; }
.prvc-policy__video { position: relative; overflow: hidden; aspect-ratio: 16 / 9; border-radius: 20px; background: #ea9342; }
@media (max-width: 599px) {
  .prvc-policy__video { border-radius: 6px; }
}
.prvc-policy__poster { display: block; width: 100%; height: 100%; background: url("/images/static-page/privacy/poster.png") center / cover no-repeat; }
.prvc-policy__image { display: block; width: 40px; height: 40px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.prvc-policy__image--label-1 { width: 52px; height: 52px; background-image: url("/images/static-page/privacy/label-1.png"); }
.prvc-policy__image--label-2 { width: 52px; height: 52px; background-image: url("/images/static-page/privacy/label-2.png"); }
.prvc-policy__image--label-3 { width: 52px; height: 52px; background-image: url("/images/static-page/privacy/label-3.png"); }
.prvc-policy__image--article-1 { background-image: url("/images/static-page/privacy/article-1.png"); }
.prvc-policy__image--article-3 { background-image: url("/images/static-page/privacy/article-3.png"); }
.prvc-policy__image--article-5 { background-image: url("/images/static-page/privacy/article-5.png"); }
.prvc-policy__image--article-7 { background-image: url("/images/static-page/privacy/article-7.png"); }
.prvc-policy__image--article-9 { background-image: url("/images/static-page/privacy/article-9.png"); }
.prvc-policy__image--article-11 { background-image: url("/images/static-page/privacy/article-11.png"); }
.prvc-policy__image--article-13 { background-image: url("/images/static-page/privacy/article-13.png"); }
.prvc-policy__image--article-2 { background-image: url("/images/static-page/privacy/article-2.png"); }
.prvc-policy__image--article-4 { background-image: url("/images/static-page/privacy/article-4.png"); }
.prvc-policy__image--article-6 { background-image: url("/images/static-page/privacy/article-6.png"); }
.prvc-policy__image--article-8 { background-image: url("/images/static-page/privacy/article-8.png"); }
.prvc-policy__image--article-10 { background-image: url("/images/static-page/privacy/article-10.png"); }
.prvc-policy__image--article-12 { width: 36px; height: 36px; background-image: url("/images/static-page/privacy/article-12.png"); }
.prvc-policy__image--article-14 { background-image: url("/images/static-page/privacy/article-14.png"); }
.prvc-policy__play { position: absolute; left: 0; bottom: 0; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.prvc-policy__labels { padding-block: 20px; }
.prvc-policy__labels-heading { padding: 16px; border-top: 2px solid #262831; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; text-align: center; font-weight: 600; }
.prvc-policy__scroll { min-width: 0; max-width: 100%; overflow-x: auto; }
@media (max-width: 1279px) {
  .prvc-policy__scroll { padding-bottom: 8px; }
}
/* 스크롤바 8px와 위 간격 8px는 좁은 폭 시안의 표 영역 계약 */
.prvc-policy__scroll::-webkit-scrollbar { height: 8px; }
.prvc-policy__scroll::-webkit-scrollbar-track { border-radius: 4px; background: #e1e1e1; }
.prvc-policy__scroll::-webkit-scrollbar-thumb { border-radius: 4px; background: #58585a; }
.prvc-policy__labels .prvc-policy__scroll { padding-bottom: 0; }
@media (max-width: 599px) {
  .prvc-policy__labels .prvc-policy__scroll { padding-bottom: 8px; }
}
.prvc-policy__label-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 599px) {
  .prvc-policy__label-grid { min-width: 944px; }
}
.prvc-policy__label { display: grid; grid-template-rows: auto 1fr; border-right: 1px solid #e1e1e1; }
.prvc-policy__label:last-child { border-right: 0; }
.prvc-policy__label-button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; padding: 44px 16px; border: 0; border-bottom: 1px solid #e1e1e1; background: #fff; color: #262831; font: inherit; cursor: pointer; }
@media (max-width: 1279px) {
  .prvc-policy__label-button { padding-block: 36px; }
}
.prvc-policy__label-description { display: flex; align-items: center; justify-content: center; padding: 14px 16px; border-bottom: 1px solid #e1e1e1; text-align: center; }
.prvc-policy__label-note { margin-top: 12px; color: #30666b; font-size: 14px; line-height: 21px; }
.prvc-policy__contents { margin-block: 20px; margin-right: 16px; padding: 24px 32px; border-radius: 16px; background: #f9f9f9; }
@media (max-width: 1279px) {
  .prvc-policy__contents { margin-right: 0; }
}
@media (max-width: 599px) {
  .prvc-policy__contents { padding: 16px; }
}
.prvc-policy__contents-title { margin: 0 0 12px; font-size: 18px; font-weight: 700; line-height: 27px; }
.prvc-policy__contents-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(7, auto); grid-auto-flow: column; column-gap: 40px; }
@media (max-width: 599px) {
  .prvc-policy__contents-list { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; grid-auto-flow: row; gap: 0; }
}
.prvc-policy__contents-button { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 0; border: 0; background: none; color: #58585a; font: 400 18px/27px "Pretendard GOV", sans-serif; letter-spacing: -0.6px; text-align: left; cursor: pointer; }
.prvc-policy__contents-button .prvc-policy__image { flex: 0 0 32px; width: 32px; height: 32px; }
.prvc-policy__articles { display: grid; gap: 32px; }
.prvc-policy__article { display: grid; gap: 16px; min-width: 0; }
.prvc-policy__heading { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 0; font-size: 24px; font-weight: 700; line-height: 36px; }
@media (max-width: 1279px) {
  .prvc-policy__heading { font-size: 22px; line-height: 33px; }
}
.prvc-policy__heading .prvc-policy__image { flex: 0 0 auto; }
.prvc-policy__heading span { min-width: 0; }
.prvc-policy__divider { position: relative; }
/* Figma 높이 0 VECTOR의 2px 중앙 stroke는 문서 높이를 차지하지 않는다. */
.prvc-policy__divider::after { position: absolute; inset-inline: 0; top: -1px; border-top: 2px solid #e1e1e1; content: ""; }
.prvc-policy__subheading { margin: 0; font-size: 18px; font-weight: 700; line-height: 27px; }
.prvc-policy__table { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; border-top: 2px solid #262831; font-size: 16px; line-height: 24px; text-align: left; }
@media (max-width: 1279px) {
  .prvc-policy__table { width: 1280px; }
}
.prvc-policy__table th { box-sizing: border-box; padding: 16px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #f9f9f9; font-weight: 600; vertical-align: middle; }
.prvc-policy__table th:last-child { border-right: 0; }
.prvc-policy__table td { box-sizing: border-box; padding: 16px; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; vertical-align: middle; }
.prvc-policy__table td:last-child { border-right: 0; }
.prvc-policy__portal { justify-self: start; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; box-sizing: border-box; width: 144px; padding: 11px 16px; border: 1px solid #e1e1e1; border-radius: 8px; color: #58585a; font-weight: 600; line-height: 24px; text-decoration: none; }
@media (max-width: 1279px) {
  .prvc-policy__portal { width: 108px; padding-block: 15px; }
}
.prvc-policy__link { color: #30666b; text-decoration: none; }
.prvc-policy__link--underlined { color: #30666b; text-decoration: underline; }
.prvc-policy__table--camera-managers thead tr:nth-child(2) th { border-top: 2px solid #262831; }
.prvc-policy__table--personal-data-files th:nth-child(1) { width: 5.625%; }
.prvc-policy__table--personal-data-files th:nth-child(2) { width: 16.4062%; }
.prvc-policy__table--personal-data-files th:nth-child(3) { width: 23.4375%; }
.prvc-policy__table--personal-data-files th:nth-child(4) { width: 28.125%; }
.prvc-policy__table--personal-data-files th:nth-child(5) { width: 13.125%; }
.prvc-policy__table--personal-data-files th:nth-child(6) { width: 13.2812%; }
.prvc-policy__table--third-party-disclosure th:nth-child(1) { width: 14.0625%; }
.prvc-policy__table--third-party-disclosure th:nth-child(2) { width: 23.4375%; }
.prvc-policy__table--third-party-disclosure th:nth-child(3) { width: 24.2188%; }
.prvc-policy__table--third-party-disclosure th:nth-child(4) { width: 11.7188%; }
.prvc-policy__table--third-party-disclosure th:nth-child(5) { width: 26.5625%; }
.prvc-policy__table--processing-contractors th:nth-child(1) { width: 12.5%; }
.prvc-policy__table--processing-contractors th:nth-child(2) { width: 23.4375%; }
.prvc-policy__table--processing-contractors th:nth-child(3) { width: 41.4062%; }
.prvc-policy__table--processing-contractors th:nth-child(4) { width: 22.6562%; }
.prvc-policy__table--privacy-officers th:nth-child(1) { width: 19.5312%; }
.prvc-policy__table--privacy-officers th:nth-child(2) { width: 26.5625%; }
.prvc-policy__table--privacy-officers th:nth-child(3) { width: 53.9062%; }
.prvc-policy__table--access-requests th:nth-child(1) { width: 15.625%; }
.prvc-policy__table--access-requests th:nth-child(2) { width: 14.0625%; }
.prvc-policy__table--access-requests th:nth-child(3) { width: 70.3125%; }
.prvc-policy__table--camera-installations th:nth-child(1) { width: 23.4375%; }
.prvc-policy__table--camera-installations th:nth-child(2) { width: 47.6562%; }
.prvc-policy__table--camera-installations th:nth-child(3) { width: 11.7188%; }
.prvc-policy__table--camera-installations th:nth-child(4) { width: 17.1875%; }
.prvc-policy__table--camera-managers thead tr:first-child th:nth-child(1) { width: 23.4375%; }
.prvc-policy__table--camera-retention th:nth-child(1) { width: 23.4375%; }
.prvc-policy__table--camera-retention th:nth-child(2) { width: 12.5%; }
.prvc-policy__table--camera-retention th:nth-child(3) { width: 12.5%; }
.prvc-policy__table--camera-retention th:nth-child(4) { width: 51.5625%; }
.prvc-policy__table--camera-contractors th:nth-child(1) { width: 51.5625%; }
.prvc-policy__table--camera-contractors th:nth-child(2) { width: 26.5625%; }
.prvc-policy__table--camera-contractors th:nth-child(3) { width: 21.875%; }
.prvc-policy__table--revisions th:nth-child(1) { width: 50%; }
.prvc-policy__table--revisions th:nth-child(2) { width: 50%; }
.prvc-policy img { display: block; max-width: 100%; }
.prvc-policy button { box-sizing: border-box; letter-spacing: inherit; }
.prvc-policy button:focus-visible { outline: 2px solid #30666b; outline-offset: 2px; }
.prvc-target { scroll-margin-top: 24px; }
.prvc-policy__notice { padding: 24px; border: 1px solid #e1e1e1; border-radius: 12px; color: #262831; background: #fff; font: 400 18px/27px "Pretendard GOV", sans-serif; }
.prvc-policy__notice::backdrop { background: rgb(0 0 0 / 40%); }
.prvc-policy__notice button { display: block; margin: 16px auto 0; padding: 8px 24px; border: 1px solid #e1e1e1; border-radius: 8px; background: #fff; color: #262831; font: inherit; cursor: pointer; }
.prvc-policy__scroll-frame { min-width: 0; }
.prvc-policy__scroll--controlled { padding-bottom: 0; scrollbar-width: none; }
.prvc-policy__scroll--controlled::-webkit-scrollbar { display: none; }
.prvc-policy__labels .prvc-policy__scroll--controlled { padding-bottom: 0; }
.prvc-policy__scrollbar { display: block; appearance: none; width: 100%; height: 8px; margin: 8px 0 0; padding: 0; border: 0; border-radius: 4px; background: #e1e1e1; cursor: pointer; }
.prvc-policy__scrollbar[hidden] { display: none; }
.prvc-policy__scrollbar::-webkit-slider-thumb { appearance: none; width: var(--prvc-scroll-thumb-width, 100%); height: 8px; border: 0; border-radius: 4px; background: #58585a; }
.prvc-policy__scrollbar::-moz-range-thumb { width: var(--prvc-scroll-thumb-width, 100%); height: 8px; border: 0; border-radius: 4px; background: #58585a; }
.prvc-policy__scrollbar:focus-visible { outline: 2px solid #30666b; outline-offset: 2px; }
/* ===== prvc 개인정보처리방침 공유 섹션 — 끝 ===== */