/* 문제: 검정 상단이 제토라 홈과 같아 보임 / 이유: 사령관 — 검정말고 조금 다른색+골드 /
   수정: 남빛 바탕 · 골드 메뉴 · 제토라·임대·요금·공개대화 없음 */
.ow-top {
  position: relative;
  z-index: 40;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 22px;
  background: #243656;
  border-bottom: 2px solid #c9a227;
}
.ow-brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  flex-shrink: 0;
}
.ow-brand .ow-logo {
  /* 문제: 가짜 원형 SVG가 36px로 박힘 / 이유: 정식 금색 CI 원형 마크가 보여야 함 / 수정: 공식 PNG 크기 */
  height: 52px;
  width: 52px;
  object-fit: contain;
  filter: none;
  background: transparent;
}
.ow-brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  gap: 2px;
}
.ow-en {
  color: #f6f1e6;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.ow-ko {
  color: #c9a227;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.02em;
  line-height: 1.35;
  max-width: 22em;
  white-space: normal;
}
.ow-top-end {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: nowrap;
  justify-content: flex-end;
  min-width: 0;
  flex: 1;
}
.ow-nav {
  display: flex;
  gap: 2px;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  min-width: 0;
}
.ow-nav-sep {
  display: none;
}
.ow-nav a,
.ow-drop-top {
  color: #e8c86e;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.2;
  white-space: nowrap;
}
.ow-nav-link,
.ow-drop-top {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 8px 7px;
  border-radius: 8px;
}
.ow-ico {
  font-size: 13px;
  line-height: 1;
}
.ow-nav a.on,
.ow-nav a:hover,
.ow-nav a:focus,
.ow-drop.on > .ow-drop-top,
.ow-drop-top:hover,
.ow-drop-top:focus {
  color: #f6e4a8;
  font-weight: 700;
  background: rgba(232, 200, 110, 0.08);
}
.ow-drop {
  position: relative;
}
.ow-drop-menu {
  display: none;
  position: absolute;
  top: calc(100% - 2px);
  left: 0;
  min-width: 280px;
  padding: 8px 0;
  background: #1a2740;
  border: 1px solid #c9a227;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(10, 22, 40, 0.35);
  z-index: 50;
}
.ow-drop:hover .ow-drop-menu,
.ow-drop:focus-within .ow-drop-menu {
  display: block;
}
.ow-drop-menu a {
  display: block;
  padding: 9px 14px;
  white-space: normal;
  font-size: 13px;
  font-weight: 600;
  color: #f6f1e6;
  line-height: 1.4;
}
.ow-drop-menu a:hover,
.ow-drop-menu a:focus {
  background: rgba(232, 200, 110, 0.12);
  color: #e8c86e;
}
.ow-burger {
  display: none;
  width: 42px;
  height: 42px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background: transparent;
  border: 1px solid #c9a227;
  border-radius: 8px;
  padding: 0;
  cursor: pointer;
}
.ow-burger span {
  display: block;
  width: 18px;
  height: 2px;
  background: #e8c86e;
}
.ow-dock {
  display: none;
}
.ow-quick {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
}
.ow-quick a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #c9a227;
  border-radius: 999px;
  color: #e8c86e;
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  background: rgba(10, 22, 40, 0.25);
}
.ow-quick a:hover,
.ow-quick a:focus {
  background: #c9a227;
  color: #243656;
}
.ow-story {
  margin: 0 0 28px;
  padding: 18px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.ow-story h2 {
  margin: 0 0 8px;
  font-size: 20px;
  color: #0a1628;
}
.ow-charter-honest {
  margin: 0 0 22px;
  padding: 16px 18px;
  border: 1px solid #e8c86e;
  border-radius: 12px;
  background: #fff7e6;
  color: #5c4810;
  font-size: 15px;
  line-height: 1.65;
}
.ow-charter-art {
  margin: 0 0 18px;
  padding: 0 0 16px;
  border-bottom: 1px solid #eef2f7;
}
.ow-charter-art:last-child {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.ow-charter-art h3 {
  margin: 0 0 8px;
  font-size: 17px;
  color: #0a1628;
}
.ow-charter-art p {
  margin: 0;
  line-height: 1.7;
}
.ow-greet-sign {
  margin-top: 18px;
  font-weight: 700;
}
.ow-edu-lock {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: #fff7e6;
  border: 1px solid #e8c86e;
  color: #5c4810;
  font-size: 14px;
}
.ow-player {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #0a1628;
  color: #f6f1e6;
}
.ow-player video {
  width: 100%;
  max-height: 420px;
  background: #000;
  border-radius: 8px;
}
.ow-player .now {
  margin: 10px 0 0;
  color: #e8c86e;
  font-weight: 700;
}
.ow-lecture {
  margin-top: 14px;
  padding: 14px 16px;
  border-radius: 10px;
  background: #14233a;
}
.ow-lecture h4 {
  margin: 0 0 8px;
  color: #e8c86e;
}
.ow-lecture p {
  margin: 0;
  color: #e8e4da;
  font-size: 15px;
  line-height: 1.7;
}
.ow-edu-home .ow-player.ow-edu-article {
  background: #fff;
  color: #0a1628;
  border: 1px solid #e2e8f0;
}
.ow-edu-home .ow-player.ow-edu-article .now {
  color: #1e3a5f;
}
.ow-edu-home .ow-lecture {
  background: transparent;
  padding: 0;
}
.ow-edu-home .ow-lecture h3,
.ow-edu-home .ow-lecture h4 {
  color: #1e3a5f;
}
.ow-edu-home .ow-lecture p {
  color: #334155;
}
.ow-edu-k {
  margin: 0 0 12px;
  font-size: 13px;
  font-weight: 700;
  color: #8a6d1a;
}
.ow-edu-figs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin: 0 0 18px;
}
.ow-edu-fig {
  margin: 0;
  padding: 12px 8px;
  text-align: center;
  border: 1px solid #e8c86e;
  border-radius: 10px;
  background: #fffbeb;
}
.ow-edu-fig span {
  display: block;
  font-size: 28px;
  line-height: 1.2;
}
.ow-edu-fig figcaption {
  margin-top: 6px;
  font-size: 12px;
  color: #5c4810;
}
.ow-edu-sec {
  margin: 0 0 14px;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #f8fafc;
}
.ow-edu-sec.on {
  border-color: #c9a227;
  background: #fffdf6;
}
.ow-edu-sec h3 {
  margin: 0 0 8px;
  font-size: 17px;
}
.ow-edu-sec p {
  margin: 0 0 12px;
  line-height: 1.75;
}
.ow-edu-note {
  margin-top: 12px;
  color: #5c4810;
}
.ow-edu-home video[hidden] {
  display: none !important;
}
@media (max-width: 720px) {
  .ow-edu-figs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.ow-cert {
  padding: 22px;
  border: 2px solid #c9a227;
  border-radius: 12px;
  background: linear-gradient(180deg, #fff, #f8f4ea);
  text-align: center;
}
.ow-cert h3 {
  margin: 0 0 8px;
  color: #243656;
}
/* 문제: 9메뉴+가입이 노트북에서 눌림 / 이유: 햄버거가 1100만 / 수정: 1280부터 접음 */
@media (max-width: 1280px) {
  .ow-burger {
    display: flex;
    order: 2;
    margin-left: auto;
  }
  .ow-top-end {
    position: static;
  }
  .ow-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    flex-direction: column;
    align-items: stretch;
    padding: 8px 12px 16px;
    background: #1a2740;
    border-bottom: 2px solid #c9a227;
    max-height: calc(100vh - 72px);
    overflow: auto;
    z-index: 45;
  }
  .ow-nav.open {
    display: flex;
  }
  .ow-nav-link,
  .ow-drop-top {
    display: flex;
    width: 100%;
    padding: 12px 10px;
    box-sizing: border-box;
  }
  .ow-drop-menu {
    position: static;
    display: block;
    min-width: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    padding: 0 0 8px 28px;
  }
  .ow-drop-menu a {
    padding: 8px 6px;
    font-size: 13px;
    color: #d7c89a;
  }
  .ow-auth-slot {
    order: 3;
  }
  .ow-dock {
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    justify-content: space-around;
    gap: 0;
    padding: 6px 4px calc(6px + env(safe-area-inset-bottom));
    background: #243656;
    border-top: 2px solid #c9a227;
  }
  .ow-dock a {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    color: #e8c86e;
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 2px;
  }
  .ow-dock a.on,
  .ow-dock a:hover {
    color: #f6e4a8;
  }
  .ow-dock .ow-ico {
    font-size: 18px;
  }
  body.ow-has-dock {
    padding-bottom: 72px;
  }
}
.ow-auth-slot .ti { display: none; }
/* 문제: 회원가입이 남빛글씨+투명배경이라 헤더에서 안 보임 /
   이유: .btn 투명규칙과 .btn-primary 금배경이 특이성 동률, styles.css min-width가 버튼을 밀어냄 /
   수정: 헤더 로그인=금테, 가입=금배경 강제. 줄어들지 않게 */
header.ow-top #auth-slot.ow-auth-slot,
.ow-auth-slot {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
header.ow-top #auth-slot.ow-auth-slot .btn,
.ow-auth-slot .btn {
  background: transparent !important;
  color: #e8c86e !important;
  border: 1px solid #c9a227 !important;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 12px !important;
  white-space: nowrap;
  min-width: 0 !important;
}
header.ow-top #auth-slot.ow-auth-slot .btn-primary,
.ow-auth-slot .btn-primary {
  background: #c9a227 !important;
  color: #243656 !important;
  border-color: #c9a227 !important;
}
header.ow-top #auth-slot.ow-auth-slot .btn:hover,
header.ow-top #auth-slot.ow-auth-slot .btn:focus,
.ow-auth-slot .btn:hover,
.ow-auth-slot .btn:focus {
  color: #243656 !important;
  background: #f6e4a8 !important;
}
.ow-inner-hero {
  background: #243656;
  color: #f6f1e6;
  padding: 36px 0 28px;
  border-bottom: 2px solid #c9a227;
}
.ow-inner-hero .btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0 !important;
}
.ow-inner-hero .btn-primary {
  background: #c9a227 !important;
  color: #243656 !important;
  border: 1px solid #c9a227 !important;
}
.ow-inner-hero .btn-ghost {
  background: transparent !important;
  color: #e8c86e !important;
  border: 1px solid #e8c86e !important;
}
.ow-inner-hero-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
}
.ow-inner-hero .section-eyebrow {
  color: #e8c86e;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.ow-inner-hero h1 {
  margin: 8px 0 10px;
  color: #fff;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.25;
  word-break: keep-all;
}
.ow-inner-hero .lead {
  margin: 0;
  max-width: 42em;
  color: #e8e4da;
  font-size: 15px;
  line-height: 1.7;
}
.ow-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 36px 20px 64px;
}
.ow-page-split {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(220px, 0.8fr);
  gap: 28px 36px;
  align-items: start;
}
.ow-page .section-eyebrow {
  color: #c9a227;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.12em;
}
.ow-page h1 {
  margin: 8px 0 14px;
  font-size: clamp(26px, 3.4vw, 38px);
  line-height: 1.25;
  word-break: keep-all;
}
.ow-page .lead,
.ow-page p {
  font-size: 15px;
  line-height: 1.75;
  color: #334155;
}
.ow-meaning-card {
  margin: 0;
  min-height: 148px;
  border-radius: 12px;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  border: 1px solid rgba(201, 162, 39, 0.35);
}
.ow-meaning-card figcaption {
  padding: 10px 12px 12px;
  background: linear-gradient(transparent, rgba(5, 8, 10, 0.88));
  color: #f6f1e6;
  font-size: 12px;
  line-height: 1.45;
  width: 100%;
}
.ow-meaning-card figcaption strong {
  display: block;
  color: #e8c86e;
  margin-bottom: 2px;
}
.ow-meaning-card.hangul { background: linear-gradient(160deg, #1a2744, #0b1220 55%, #c9a227 140%); }
.ow-meaning-card.giwa { background: linear-gradient(160deg, #3b1d18, #1a0e0c 50%, #8b5a2b 130%); }
.ow-meaning-card.hanbok { background: linear-gradient(160deg, #4a1020, #1a0810 50%, #c45c26 130%); }
.ow-meaning-card.daemun { background: linear-gradient(160deg, #1e3a2f, #0c1612 50%, #c9a227 130%); }
.ow-meaning-card.hanji { background: linear-gradient(160deg, #efe6d4, #c9b48a 60%, #5c4a32); }
.ow-meaning-card.dojang { background: linear-gradient(160deg, #5a1212, #1a0808 55%, #c9a227 140%); }
.ow-meaning-card.sonamu { background: linear-gradient(160deg, #14301c, #08140c 55%, #8aa36a 140%); }
.ow-meaning-card.doldam { background: linear-gradient(160deg, #4a4a46, #1c1c1a 55%, #c9a227 140%); }
.ow-meaning-card.dado { background: linear-gradient(160deg, #2a2418, #0e0c08 55%, #d4c4a0 140%); }
.ow-meaning-card.changsal { background: linear-gradient(160deg, #243044, #0c1218 55%, #e8c86e 140%); }
.ow-meaning-card.geumgwan { background: linear-gradient(160deg, #3a2a08, #120e04 50%, #e8c86e 130%); }
.ow-meaning-card.seokgul { background: linear-gradient(160deg, #2c2c28, #101010 55%, #a09070 140%); }
.ow-page .ow-biz-list { display: grid; gap: 16px; margin-top: 22px; }
.ow-page .ow-biz-item {
  padding: 16px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.ow-page .ow-biz-item h3 { margin: 0 0 8px; font-size: 17px; }
.ow-page .ow-notice { padding: 16px 18px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; margin-bottom: 12px; }
.ow-page .ow-notice h3 { margin: 0 0 6px; font-size: 16px; }
.ow-field { margin: 0 0 14px; }
.ow-field label { display: block; font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.ow-field input,
.ow-field textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font: inherit;
}
.ow-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.ow-chips button {
  border: 1px solid #d1d5db;
  background: #fff;
  border-radius: 999px;
  padding: 8px 16px;
  cursor: pointer;
}
.ow-chips button.active { background: #0a1628; color: #e8c86e; border-color: #0a1628; }
/* 문제: 인사말에 대표 사진·정중 인사가 없음 / 이유: 사령관 — 기업홈·오신 분들 인사 / 수정: 사진+본문 그리드 */
.ow-greet {
  display: grid;
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  gap: 36px;
  align-items: start;
}
.ow-greet-photo {
  margin: 0;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.ow-greet-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  object-fit: cover;
  object-position: center top;
}
.ow-greet-photo figcaption {
  padding: 12px 14px 16px;
  text-align: center;
}
.ow-greet-photo strong {
  display: block;
  font-size: 16px;
  color: #0a1628;
}
.ow-greet-photo span {
  display: block;
  margin-top: 4px;
  font-size: 13px;
  color: #c9a227;
  font-weight: 600;
}
.ow-greet-copy p {
  margin: 0 0 16px;
}
.ow-greet-sign {
  margin-top: 28px !important;
  font-weight: 700;
  color: #0a1628;
}
.ow-logo-explain {
  margin-top: 56px;
  padding-top: 36px;
  border-top: 1px solid #e2e8f0;
}
.ow-logo-explain h2 {
  margin: 8px 0 18px;
}
.ow-logo-explain-grid {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  gap: 28px;
  align-items: center;
}
.ow-logo-explain-mark {
  margin: 0;
  text-align: center;
}
.ow-logo-explain-mark img {
  width: 160px;
  height: 160px;
  object-fit: contain;
  background: #243656;
  border-radius: 12px;
  padding: 16px;
}
.ow-logo-explain-mark figcaption {
  margin-top: 8px;
  font-size: 12px;
  color: #64748b;
}
.ow-logo-colors {
  list-style: none;
  margin: 16px 0;
  padding: 0;
}
.ow-logo-colors li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 10px;
  font-size: 15px;
  line-height: 1.55;
  color: #334155;
}
.ow-logo-colors .swatch {
  width: 18px;
  height: 18px;
  border-radius: 4px;
  flex-shrink: 0;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.ow-logo-colors .swatch.navy {
  background: #243656;
}
.ow-logo-colors .swatch.gold {
  background: #c9a227;
}
@media (max-width: 860px) {
  .ow-logo-explain-grid {
    grid-template-columns: 1fr;
  }
}
.ow-desk-roles {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 8px 0 22px;
}
.ow-desk-roles button {
  text-align: left;
  padding: 14px 14px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
.ow-desk-roles button.on {
  border-color: #c9a227;
  box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.25);
}
.ow-desk-roles strong { display: block; font-size: 15px; margin-bottom: 6px; color: #0a1628; }
.ow-desk-roles span { font-size: 13px; color: #475569; line-height: 1.5; }
.ow-desk-log {
  min-height: 280px;
  max-height: 420px;
  overflow: auto;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.ow-desk-row { margin: 0 0 14px; }
.ow-desk-row .who { font-size: 12px; font-weight: 700; color: #c9a227; margin-bottom: 4px; }
.ow-desk-row.me .who { color: #243656; }
.ow-desk-form { display: flex; gap: 8px; margin-top: 12px; }
.ow-desk-form textarea {
  flex: 1;
  min-height: 52px;
  resize: vertical;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font: inherit;
}
.ow-edu-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.ow-edu-menu article,
.ow-steps article {
  margin: 0;
  padding: 16px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.ow-edu-menu h3,
.ow-steps h3 {
  margin: 0 0 8px;
  font-size: 17px;
  color: #0a1628;
}
#ow-edu-path {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}
#ow-edu-path button {
  text-align: left;
  padding: 16px 18px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
}
#ow-edu-path button.on {
  border-color: #c9a227;
  box-shadow: 0 0 0 2px rgba(201, 162, 39, 0.25);
}
#ow-edu-path button:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
#ow-edu-path .n {
  display: block;
  color: #c9a227;
  font-size: 12px;
  font-weight: 800;
  margin-bottom: 6px;
}
#ow-edu-path h3 {
  margin: 0 0 6px;
  font-size: 17px;
  color: #0a1628;
}
#ow-edu-path p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #475569;
}
@media (max-width: 860px) {
  #ow-edu-path {
    grid-template-columns: 1fr;
  }
}
.ow-edu-menu p,
.ow-steps p {
  margin: 0;
  font-size: 14px;
  line-height: 1.65;
  color: #475569;
}
.ow-steps {
  display: grid;
  gap: 10px;
  margin-top: 18px;
}
.ow-steps article {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px 16px;
  align-items: start;
}
.ow-steps .n {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #243656;
  color: #e8c86e;
  font-size: 13px;
  font-weight: 800;
}
@media (max-width: 860px) {
  .ow-edu-menu {
    grid-template-columns: 1fr;
  }
}
.ow-path article {
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  background: #fff;
}
.ow-path .n {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
  background: #243656;
  color: #e8c86e;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 8px;
}
@media (max-width: 860px) {
  .ow-greet,
  .ow-desk-roles,
  .ow-path {
    grid-template-columns: 1fr;
  }
  .ow-page-split {
    grid-template-columns: 1fr;
  }
  .ow-top {
    flex-wrap: nowrap;
    gap: 10px;
    padding: 10px 12px;
  }
  .ow-nav a {
    font-size: 12px;
  }
}
/* 문제: 본문 가입 버튼이 Soft 파랑 / 이유: styles.css .btn-primary / 수정: 해외면 금색. 남빛 히어로 고스트는 금글씨 */
body.overseas-worker-surface .btn-primary {
  background: #c9a227 !important;
  color: #243656 !important;
  border: 1px solid #c9a227 !important;
}
body.overseas-worker-surface .ow-inner-hero .btn-ghost {
  color: #e8c86e !important;
  border-color: #e8c86e !important;
}