/* =====================================================================
   KOFA HR 네이비 테마 (핸드북 표지 톤) — 2026.09 v4
   · 메인·서브 페이지 전체: 상단 헤더와 같은 짙은 청록 + 흰 글자
   · 포인트: 골드
   · 관리자(body.admin-page): 짙은 청록 바탕 + 흰 카드(진한 글자), 상단 바 짙은 청색
   ===================================================================== */
/* ---------- 1) 전체 팔레트: 짙은 청록 ---------- */
:root{
  --navy:#062A30; --navy-deep:#083239; --navy-mid:#124A54;
  --bg:#0B3A42;          /* 헤더와 같은 짙은 청록 */
  --bg-alt:#083239;      /* 교차 섹션용 한 톤 깊은 네이비 */
  --surface:#124A54;     /* 어두운 카드 */
  --ink:#FFFFFF; --ink-dim:#E4EAF3; --ink-faint:#C8D3E3;
  --gold:#C6A15B; --gold-bright:#E6CD94; --gold-hover:#E6CD94;
  --line:rgba(198,161,91,.30); --line-strong:rgba(198,161,91,.55);
}

html, body{background:#0B3A42 !important; color:#FFFFFF;}
::selection{background:#C6A15B; color:#062A30;}

/* ---------- 2) 헤더·히어로·푸터·CTA: 같은 네이비 ---------- */
header, #site-header{--surface:#0E2A5C; --bg-alt:#051536; --bg:#071C47; background:#071C47 !important; border-bottom:1px solid rgba(198,161,91,.35) !important;}
header .nav-dropdown-menu, header .lang-menu, .mobile-menu{background:#051536 !important;}
footer, .site-footer{background:#071C47 !important; border-top:1px solid rgba(198,161,91,.35) !important;}
.hero{background:linear-gradient(180deg,#071C47 0%,#0A2754 45%,#0B3A42 100%) !important;}
.kh2-wrap{background:linear-gradient(180deg,#0A2754 0%,#0B3148 45%,#0B3A42 100%) !important;}
/* 메인: 헤더 아래 사진·로고띠 구간도 딥 네이비로 이어서 히어로 그라데이션까지 끊김 없이 */
/* 메인: 헤더(짙은 청색) → 대문 슬라이드·로고띠까지 청색 그라데이션 → 소개 영역에서 짙은 청록으로 */
.hr-top-band{background:linear-gradient(180deg,#071C47 0%,#08204C 55%,#0A2754 100%); padding-top:52px; display:flow-root;}
.hr-top-band .hero-banner{margin-top:0 !important;}
.logo-panorama{background:transparent !important;}
/* 단체소개 사진: 가로로 긴 단체사진이 잘리지 않게 */
.nw-photo:has(img[src*="hr-about-group"]){display:flex; align-items:center; background:#071C47;}
.nw-photo:has(img[src*="hr-about-group"])::before{content:''; position:absolute; inset:-30px; background:url("hr-about-group3.jpg") center/cover; filter:blur(22px) brightness(.5); z-index:0;}
.nw-photo img[src*="hr-about-group"]{position:relative; z-index:1; height:auto !important; object-fit:contain !important;}
.nw-photo:has(img[src*="hr-about-group"]) figcaption{z-index:2;}
.cta-band{background:radial-gradient(ellipse 60% 100% at 50% 0%, rgba(198,161,91,.12), transparent 70%), #0B3A42 !important;}
.hero-banner-caption{background:rgba(6,42,48,.88) !important;}
.nw-photo figcaption{background:rgba(6,42,48,.88) !important; color:#E6CD94 !important;}
header .back-link, header .prev-page-btn{color:var(--ink-dim) !important;}
header .back-link:hover{color:var(--gold-bright) !important;}

/* ---------- 5) 관리자 페이지: 흰 배경 + 진한 글자, 상단 바만 네이비 ---------- */
























/* ---------- 6) 골드 버튼·배지: 밝은 골드 + 네이비 글자 ---------- */
.btn-primary, .lang-btn.active, .header-cta, .btn-gold,
.promo-badge, .wp-badge, .mk-btn, .feed-filter-btn.active, .yt-btn, .pin-badge,
.btn-login-submit, .purchase-btn-badge{
  background:#C6A15B !important; color:#062A30 !important; border-color:#C6A15B !important;
}
.hero-dot.active{background:#E6CD94 !important;}
footer .footer-links span, .site-footer .footer-links span{color:rgba(198,161,91,.8) !important;}

/* 관리자: 어두운 자리표시 상자·경고색 보정 */






/* ---------- 10) 관리자 상단 바 안 글자는 항상 밝게 / 관리자 페이지 바깥 여백도 흰색 ---------- */



/* ---------- 11) v3 개별 보정 ---------- */
.empty-msg{color:#AEBBCF !important;}
.mk-badge.won, .mk-badge.offer{color:#9FE3BD !important;}




/* ---------- 12) v3 짙은 청록 대비 보정 ---------- */
.kh2-stat p{color:#C8D3E3 !important;}
body:not(.admin-page) th{color:#E6CD94 !important;}
footer .footer-links span, .site-footer .footer-links span, header .footer-links span{color:#E6CD94 !important;}
.mk-badge.seek, .bnum{color:#F3E2B8 !important;}
.mk-badge.offer, .mk-badge.won{color:#C2F5D8 !important;}
.empty-msg{color:#C8D3E3 !important;}

/* ---------- 13) 관리자 탭: 글자가 세로로 한 글자씩 쪼개지던 문제 → 여러 줄로 가로 배치 ---------- */






/* =====================================================================
   관리자 페이지 (2026.09.25 v2) — 바탕은 사이트와 같은 짙은 청록,
   내용 상자(카드·표·입력 상자)만 흰색 + 진한 글자
   ===================================================================== */
html:has(body.admin-page){background:#0B3A42 !important;}
body.admin-page{
  --bg:#0B3A42; --bg-alt:#083239; --surface:#124A54;
  --ink:#FFFFFF; --ink-dim:#D9E1EC; --ink-faint:#B7C4D6;
  --gold:#C6A15B; --gold-bright:#E6CD94; --gold-hover:#E6CD94;
  --line:rgba(198,161,91,.30); --line-strong:rgba(198,161,91,.55);
  background:#0B3A42 !important; color:#FFFFFF !important;
}
body.admin-page main, body.admin-page .content, body.admin-page section{background:transparent !important;}
body.admin-page header{background:#071C47 !important; color:#FFFFFF !important;}
body.admin-page header a, body.admin-page header span, body.admin-page header .back-link,
body.admin-page header [style*="color:var(--ink"]{color:#E3E9F2 !important;}
body.admin-page header .btn-ghost{color:#FFFFFF !important; border-color:rgba(255,255,255,.45) !important; background:transparent !important;}
body.admin-page footer{background:#071C47 !important; color:#C8D3E3 !important; border-top:1px solid rgba(198,161,91,.35) !important;}
body.admin-page footer *{color:#C8D3E3 !important;}

/* 흰 내용 상자: 안쪽 색 변수를 진한 글자용으로 바꿔서 인라인 색(var(--ink-…), var(--gold…))도 자동으로 진해짐 */
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn){
  --bg:#FFFFFF; --bg-alt:#F4F6FA; --surface:#FFFFFF;
  --ink:#1A1D21; --ink-dim:#333A45; --ink-faint:#5A6270;
  --gold:#7E5B10; --gold-bright:#7E5B10; --gold-hover:#6F500F;
  --line:#DDE2EA; --line-strong:#C3CAD6;
  background:#FFFFFF !important; color:#1A1D21 !important; border-color:#DDE2EA !important;
}
body.admin-page .admin-table{border:1px solid #DDE2EA;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) :is(h1,h2,h3,h4,label,p,td,li,dt,dd,small,span,b,strong){color:inherit;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) :is(h3,h4)[style*="color:var(--gold"]{color:#7E5B10 !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) th, body.admin-page .admin-table th{color:#062A30 !important; background:#EEF2F8 !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#fff"], body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color: #fff"], body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#ffffff"],
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:white"], body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#f3efe6"], body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#f8f6f1"],
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#e6cd94"], body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#e8c874"], body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#c9a227"]{color:#1A1D21 !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="color:#e0766a"]{color:#B3261E !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) [style*="background:#252a30"]{background:#EEF2F8 !important; color:#5A6270 !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) a{color:#1D4E89;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .empty-msg{color:#5A6270 !important;}
body.admin-page .empty-msg{color:#C8D3E3 !important;}

/* 상자 밖(짙은 바탕) 글자 */
body.admin-page .eyebrow{color:#E6CD94 !important;}
body.admin-page a{color:#9CC7FF;}

/* 입력칸: 어디서나 흰 바탕 + 진한 글자 */
body.admin-page input:not([type=checkbox]):not([type=radio]), body.admin-page select, body.admin-page textarea{
  background:#FFFFFF !important; color:#1A1D21 !important; border:1px solid #C3CAD6 !important;
}
body.admin-page input::placeholder, body.admin-page textarea::placeholder{color:#6B7A90 !important;}

/* 버튼 */
body.admin-page .btn-primary{background:#C6A15B !important; color:#062A30 !important; border-color:#C6A15B !important;}
body.admin-page .btn-primary:hover{filter:brightness(1.06);}
body.admin-page .btn-ghost{color:#FFFFFF !important; border-color:rgba(255,255,255,.5) !important; background:transparent !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .btn-ghost{color:#1A1D21 !important; border-color:#C3CAD6 !important; background:#FFFFFF !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .btn-ghost:hover{border-color:#062A30 !important; color:#062A30 !important;}
body.admin-page .btn-danger{color:#FFB4A8 !important; border-color:#FFB4A8 !important; background:transparent !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .btn-danger{color:#B3261E !important; border-color:#B3261E !important; background:#FFFFFF !important;}
body.admin-page .btn-danger:hover, body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .btn-danger:hover{color:#FFFFFF !important; background:#B3261E !important; border-color:#B3261E !important;}

/* 메시지 */
body.admin-page .form-msg.success{color:#9FE3BD !important;}
body.admin-page .form-msg.error{color:#FFB4A8 !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .form-msg.success{color:#1F7A4D !important;}
body.admin-page :is(.auth-box,.card,.detail-modal,.detail-box,.purchase-popup,.admin-table,#dashboardStatCards > *,.warn) .form-msg.error{color:#B3261E !important;}
body.admin-page .warn{background:#FFF6E0 !important; color:#5A3E00 !important; border:1px solid #E8C979 !important;}
body.admin-page code, body.admin-page pre:not(.ql-syntax){background:#EEF2F8 !important; color:#1A1D21 !important;}

/* 탭: 가로 여러 줄, 짙은 바탕에 맞는 밝은 글자 */
body.admin-page .tabs{flex-wrap:wrap !important; overflow:visible !important; gap:4px 2px !important; border-bottom:1px solid rgba(198,161,91,.35) !important;}
body.admin-page .tab-btn{flex:0 0 auto !important; white-space:nowrap !important; padding:10px 14px !important; font-size:14px !important; color:#D9E1EC !important;}
body.admin-page .tab-btn.active{color:#E6CD94 !important; border-bottom-color:#E6CD94 !important; font-weight:600;}
body.admin-page .tab-btn:hover{color:#FFFFFF !important;}

/* ---------- 14) HR 피어 교류 (Q&A · 사례 · 벤치마킹) ---------- */
.pe-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin:6px 0 14px;}
.pe-chips{display:flex;flex-wrap:wrap;gap:6px;}
.pe-chip{background:transparent;border:1px solid var(--line-strong);color:var(--ink-dim);font-size:13px;padding:6px 12px;cursor:pointer;}
.pe-chip.on,.pe-chip:hover{background:#C6A15B;color:#062A30;border-color:#C6A15B;}
.pe-count{font-size:13px;color:var(--ink-faint);margin-bottom:10px;}
.pe-list{display:flex;flex-direction:column;gap:10px;}
.pe-card{border:1px solid rgba(198,161,91,.45);background:linear-gradient(160deg,#124A54,#093339);}
.pe-card.open{border-color:var(--gold);}
.pe-head{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;padding:16px 18px;cursor:pointer;align-items:center;}
.pe-cat{grid-row:span 2;font-size:12px;color:#062A30;background:#E6CD94;padding:4px 9px;font-weight:600;white-space:nowrap;align-self:start;}
.pe-title{font-size:15.5px;font-weight:600;color:var(--ink);}
.pe-meta{font-size:12.5px;color:var(--ink-faint);}
.pe-anon{color:var(--ink-dim);font-style:italic;}
.pe-ok{color:#9FE3BD;font-weight:600;}
.pe-link{background:none;border:none;color:#FFB4A8;cursor:pointer;font-size:12.5px;padding:0;text-decoration:underline;}
.pe-body,.pe-sec{padding:0 18px 14px;font-size:14px;line-height:1.8;color:var(--ink-dim);}
.pe-sec b{display:block;color:var(--gold-bright);font-size:13px;margin-bottom:4px;}
.pe-answers{padding:0 18px;display:flex;flex-direction:column;gap:8px;}
.pe-ans{border-left:2px solid var(--line-strong);padding:8px 12px;font-size:14px;line-height:1.75;color:var(--ink-dim);background:rgba(255,255,255,.03);}
.pe-ans.ok{border-left-color:#9FE3BD;background:rgba(159,227,189,.07);}
.pe-ok-tag{font-size:12px;color:#9FE3BD;font-weight:600;margin-bottom:4px;}
.pe-ans .pe-link[data-acc]{color:#E6CD94;}
.pe-reply{display:flex;gap:8px;align-items:flex-start;padding:12px 18px 18px;}
.pe-reply textarea{flex:1;background:#fff;color:#1A1D21;border:1px solid #C3CAD6;padding:8px 10px;font-size:14px;}
.pe-form{border:1px solid #C6A15B;padding:18px;margin-bottom:14px;background:#093339;}
.pe-f{margin-bottom:10px;display:flex;flex-direction:column;gap:4px;}
.pe-f label{font-size:13px;color:var(--ink-dim);}
.pe-f input,.pe-f select,.pe-f textarea{background:#fff;color:#1A1D21;border:1px solid #C3CAD6;padding:8px 10px;font-size:14px;}
.pe-check{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-dim);margin:4px 0 12px;}
.pe-f-btns{display:flex;gap:8px;}
.pe-opts{padding:0 18px 10px;display:flex;flex-direction:column;gap:6px;}
.pe-opt{font-size:14px;color:var(--ink);display:flex;gap:8px;align-items:center;}
[data-resp]{margin:0 18px 8px;}
.pe-note{padding:0 18px 14px;font-size:13px;color:var(--ink-faint);}
.pe-res{display:grid;grid-template-columns:minmax(120px,1fr) 2fr 80px;gap:10px;align-items:center;padding:4px 18px;font-size:13.5px;color:var(--ink-dim);}
.pe-res.my .pe-res-l{color:var(--gold-bright);font-weight:600;}
.pe-res-b{height:10px;background:rgba(255,255,255,.08);}
.pe-res-b span{display:block;height:100%;background:linear-gradient(90deg,#C6A15B,#E6CD94);}
.pe-res:last-child{padding-bottom:16px;}
@media(max-width:640px){.pe-res{grid-template-columns:1fr 70px;}.pe-res-b{grid-column:1/-1;}}
/* 소개 페이지: 짙은 청색 위 회색 글자 밝게 */
.en-name{color:#C8D3E3 !important;}
footer [style*="#6f8078"], footer .foot-copy, footer .foot-links a, footer .foot-links span{color:#C8D3E3 !important;}
body:not(.admin-page) footer:not(.site-footer), body:not(.admin-page) footer:not(.site-footer) *{color:#C8D3E3 !important;}
/* 메인 '숫자로 증명하는 데이터' 섹션: 검은 바탕 → 사이트 청록 톤 */
#data-hub, .dh-section{background:#083239 !important;}
#data-hub .data-hub-grid{background:rgba(198,161,91,.35) !important; border-color:rgba(198,161,91,.35) !important;}
#data-hub .data-hub-card{background:#0B3A42 !important;}
#data-hub .data-hub-card:hover{background:#124A54 !important;}