/* ===================================================================
   중개인잡 리뉴얼 테마 — 브랜드 팔레트: 블루 → 딥그린
   작성 2026-07-06 · v1
   ------------------------------------------------------------------
   · 이 파일은 각 페이지의 인라인 <style> / tailwind.min.css 뒤에 로드되어
     '파란색 강조'만 '딥그린'으로 덮어씁니다. (구조·등급·결제 로직 무관)
   · 되돌리려면 이 파일을 지우거나, 각 페이지의 <link ... rj-theme.css> 한 줄만
     제거하면 즉시 원상복구됩니다.
   · 색을 조정하려면 아래 :root 변수만 바꾸면 전 페이지에 반영됩니다.
   =================================================================== */
:root{
  --rj-green:#1e5a3c;    /* 기본 강조 (blue-500 대체) */
  --rj-green-d:#143e29;  /* 진한 강조 / hover (blue-700) */
  --rj-green-2:#2e7d52;  /* 그라디언트 보조 */
  --rj-green-mid:#3f8a63;/* 밝은 강조 (blue-400) */
  --rj-green-tint:#eef4ea;
  --rj-green-line:#cfe0cf;
}

/* ─────────────────────────────────────────────
   그룹 1 — rj-* 커스텀 클래스 (홈·채용·사무실거래·커뮤니티·결제 등)
   ───────────────────────────────────────────── */
.rj-logo em{color:var(--rj-green);}
.rj-nav a:hover{color:var(--rj-green);}
.rj-hbtn{background:linear-gradient(135deg,#1e5a3c,#2e7d52);}
.rj-bell:hover{color:var(--rj-green);}
.rj-htag{background:var(--rj-green-tint);color:var(--rj-green);border-color:var(--rj-green-line);}
.rj-hdot{background:var(--rj-green);}
.rj-hero h1 em{color:var(--rj-green);}
.rj-sbar:focus-within{border-color:var(--rj-green);}
.rj-sbtn{background:linear-gradient(135deg,#1e5a3c,#2e7d52);}
.rj-rtag:hover,.rj-rtag.on{color:var(--rj-green);border-color:var(--rj-green-line);background:var(--rj-green-tint);}
.rj-snum{color:var(--rj-green);}
.rj-more:hover{color:var(--rj-green);}
.rj-card:hover{box-shadow:0 8px 20px rgba(30,90,60,.12);}
.rj-cta{background:linear-gradient(135deg,#eef4ea,#e7f0e7);border-color:var(--rj-green-line);}
.rj-cta-title{color:var(--rj-green-d);}
.rj-cta-btn{background:linear-gradient(135deg,#1e5a3c,#2e7d52);}
.rj-lmbtn{background:linear-gradient(135deg,#1e5a3c,#2e7d52);}
.btn-apply{background:var(--rj-green);}

/* ─────────────────────────────────────────────
   그룹 2 — Tailwind 유틸리티 (인재·상세·공지·로그인·회원가입 등)
   파란색 계열 강조를 초록으로 리맵. !important 는 인라인/특이도 충돌 방지용.
   ───────────────────────────────────────────── */
/* text */
.text-blue-400{color:var(--rj-green-mid)!important;}
.text-blue-500,.text-blue-600{color:var(--rj-green)!important;}
.text-blue-700,.text-blue-800{color:var(--rj-green-d)!important;}
.hover\:text-blue-500:hover,.hover\:text-blue-600:hover{color:var(--rj-green)!important;}
.hover\:text-blue-700:hover{color:var(--rj-green-d)!important;}
/* background */
.bg-blue-400{background-color:var(--rj-green-mid)!important;}
.bg-blue-500,.bg-blue-600{background-color:var(--rj-green)!important;}
.bg-blue-700{background-color:var(--rj-green-d)!important;}
.hover\:bg-blue-500:hover,.hover\:bg-blue-600:hover{background-color:var(--rj-green-d)!important;}
.hover\:bg-blue-700:hover{background-color:var(--rj-green-d)!important;}
.bg-blue-50{background-color:var(--rj-green-tint)!important;}
.bg-blue-100{background-color:#dce9dc!important;}
/* border */
.border-blue-300,.border-blue-400{border-color:var(--rj-green-line)!important;}
.border-blue-500,.border-blue-600{border-color:var(--rj-green)!important;}
.hover\:border-blue-500:hover{border-color:var(--rj-green)!important;}
.focus\:border-blue-500:focus{border-color:var(--rj-green)!important;}
/* ring (focus) */
.ring-blue-500,.focus\:ring-blue-500:focus{--tw-ring-color:var(--rj-green)!important;}
/* gradients (from/via/to) — blue & indigo 짝을 초록으로 */
.from-blue-400,.from-blue-500,.from-blue-600{--tw-gradient-from:#1e5a3c var(--tw-gradient-from-position)!important;--tw-gradient-to:rgb(30 90 60 / 0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)!important;}
.via-blue-500{--tw-gradient-to:rgb(30 90 60 / 0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from), #2e7d52 var(--tw-gradient-via-position), var(--tw-gradient-to)!important;}
.to-blue-500,.to-blue-600{--tw-gradient-to:#2e7d52 var(--tw-gradient-to-position)!important;}
.from-indigo-500,.from-indigo-600{--tw-gradient-from:#1e5a3c var(--tw-gradient-from-position)!important;--tw-gradient-to:rgb(30 90 60 / 0) var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)!important;}
.to-indigo-500,.to-indigo-600{--tw-gradient-to:#2e7d52 var(--tw-gradient-to-position)!important;}
/* indigo 단색 강조도 초록으로 */
.text-indigo-500,.text-indigo-600{color:var(--rj-green)!important;}
.bg-indigo-500,.bg-indigo-600{background-color:var(--rj-green)!important;}

/* ═══════════════════════════════════════════════
   구조 개선 v1 — 무료(일반) 공고 살리기 (2026-07-06)
   기존: 무료 공고를 opacity로 흐리게 → 지원자 이탈 요인.
   변경: 흐림 제거(정상 표시). 유료 공고의 우위는 '상단 배치·큰 카드'가
        담당하므로, 무료 공고를 죽일 필요가 없습니다.
   되돌리려면 이 블록만 삭제하세요.
   ═══════════════════════════════════════════════ */
.rj-card.norm{opacity:1;}
.jrow.norm{opacity:1;}
.zone-norm{opacity:1;}

/* ═══════════════════════════════════════════════
   구조 개선 v2 — 등급 색 난립 통일 (2026-07-06)
   기존: VVIP=보라, VIP=금, 프리미엄=파랑/초록 (4색 난립).
   변경: 유료 등급을 하나의 '추천(브라스 골드)' 톤으로 통일,
        일반=중립 회색. 등급 서열(순서)은 그대로, 색만 정돈.
   급여 강조색은 브랜드 그린으로 통일.
   되돌리려면 이 블록만 삭제하세요.
   ═══════════════════════════════════════════════ */
:root{ --rj-pay:#B07C24; --rj-pay-d:#8A5A12; --rj-pay-tint:#F6EDD8; --rj-pay-line:#E7D2A6;
       --rj-norm:#6b7168; --rj-norm-bg:#eef0ec; --rj-norm-line:#e2e6de; }
/* 리스트/구역 뱃지 (jrow-badge) */
.badge-vvip,.badge-vip,.badge-prem{background:var(--rj-pay-tint)!important;color:var(--rj-pay-d)!important;}
.badge-norm{background:var(--rj-norm-bg)!important;color:var(--rj-norm)!important;}
/* 카드 이미지 위 뱃지 (cb-*) */
.cb-vvip,.cb-vip,.cb-prem{background:var(--rj-pay)!important;color:#fff!important;}
.cb-norm{background:rgba(0,0,0,.06)!important;color:var(--rj-norm)!important;}
/* 모바일 구분 배너 (gb-*) */
.gb-vvip,.gb-vip,.gb-prem{background:var(--rj-pay-tint)!important;color:var(--rj-pay-d)!important;border:1px solid var(--rj-pay-line)!important;}
.gb-norm{background:#f2f4f0!important;color:#8A948C!important;border:1px solid var(--rj-norm-line)!important;}
/* PC 등급 구역 배경/라벨/구분선 통일 */
.zone-vvip,.zone-vip,.zone-prem{background:#F8F9F6!important;border-color:var(--rj-norm-line)!important;}
.zvv-lbl,.zvi-lbl,.zpr-lbl{color:var(--rj-pay-d)!important;}
.zvv-ln,.zvi-ln,.zpr-ln{background:var(--rj-norm-line)!important;}
.zv-card{border-color:var(--rj-norm-line)!important;}
.zv-img{background:#EFF1EC!important;color:#9aa79d!important;}
/* 카드 상단 컬러바 통일 (금/파랑/초록 → 브라스) */
.rj-card.vvip,.rj-card.vip,.rj-card.prem{border-top-color:var(--rj-pay)!important;}
/* 급여 강조색 → 브랜드 그린 통일 */
.sal-vvip,.sal-vip,.sal-prem{color:var(--rj-green)!important;}
.zv-sal{color:var(--rj-green)!important;}

/* ═══════════════════════════════════════════════
   레이아웃 v1 — 이중 진입점 CTA (홈 히어로 아래) (2026-07-06)
   프로토타입의 '일자리 찾기 / 인재 찾기·공고 등록' 갈림 진입.
   ═══════════════════════════════════════════════ */
.rj2-duo{max-width:1280px;margin:20px auto 4px;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;box-sizing:border-box;}
.rj2-cta{display:flex;align-items:center;gap:15px;padding:20px 22px;border-radius:14px;border:1px solid #e3e6de;background:#fff;text-decoration:none;transition:border-color .15s,transform .1s,box-shadow .15s;}
.rj2-cta:hover{border-color:var(--rj-green);transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,90,60,.08);}
.rj2-ic{width:46px;height:46px;border-radius:12px;flex:none;display:grid;place-items:center;}
.rj2-ic svg{width:24px;height:24px;}
.rj2-a .rj2-ic{background:#e8f0e8;color:var(--rj-green);}
.rj2-b .rj2-ic{background:var(--rj-pay-tint);color:var(--rj-pay);}
.rj2-tx{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.rj2-tx b{font-size:16px;font-weight:800;color:#16211b;}
.rj2-tx > span{font-size:12.5px;color:#5e6a62;}
.rj2-ar{color:#8a948c;flex:none;display:flex;}
.rj2-ar svg{width:20px;height:20px;display:block;}
.rj2-cta:hover .rj2-ar{color:var(--rj-green);}
@media(max-width:640px){.rj2-duo{grid-template-columns:1fr;}}

/* ═══════════════════════════════════════════════
   레이아웃 v2 — 등급 구역 배너/라벨 제거 → 통합 흐름 (2026-07-06)
   기존: 👑VVIP / 💎VIP / ✨프리미엄 구분 배너가 목록을 색색으로 쪼갬.
   변경: 구분 배너·구역 헤더를 감춰서, 유료→무료 순서는 유지하되
        하나의 '추천 채용' 흐름으로 이어지게 함. 카드 좌측 색테두리도 통일.
   ※ 각 카드의 작은 등급 뱃지 텍스트(VVIP/VIP)는 유지(브라스 색). "AD" 문구
     교체는 PHP 작업이라 다음 단계에서.
   되돌리려면 이 블록만 삭제하세요.
   ═══════════════════════════════════════════════ */
/* 등급 구분 배너·구역 헤더 감춤 (전 목록 페이지 공통) */
.rj-gsep{display:none!important;}
.zone-head{display:none!important;}
/* 홈 등급 빈상태 문구 감춤 (등급 전용 요소만) */
.rj-empty{display:none!important;}
.zone-vvip>p,.zone-vip>p,.zone-prem>p,.zone-norm>p{display:none!important;}
/* 모바일 등급 카드 좌측 색테두리(보라·금·파랑) → 브라스 통일 */
[style*="border-left:3px solid #7F77DD"],
[style*="border-left:3px solid #BA7517"],
[style*="border-left:3px solid #378ADD"]{border-left-color:var(--rj-pay)!important;}

/* ═══════════════════════════════════════════════
   레이아웃 v3 — 카드 통일: 사진 자리·hover·모서리 정돈 (2026-07-06)
   기존: 빈 사진 자리가 보라(#EEEDFE)/금(#fef3d0) 배경으로 제각각.
   변경: 모든 사진 자리를 브랜드 그린틴트로 통일, hover/모서리도 일관.
   ═══════════════════════════════════════════════ */
/* 사진 placeholder 배경 통일 */
.zv-img,.thumb-vvip,.thumb-vip,.thumb-prem,.thumb-norm{background:linear-gradient(135deg,#eef3ec,#e2ece3)!important;}
.rj-cimg{background:linear-gradient(135deg,#f2f5f0,#e9efe8)!important;}
/* 카드 hover·모서리·그림자 통일 (그린 틴트) */
.zv-card{border-radius:12px;}
.zv-card:hover{box-shadow:0 8px 20px rgba(30,90,60,.12)!important;transform:translateY(-2px);}
.rj-card{border-radius:14px;}
.rj-card:hover{box-shadow:0 8px 20px rgba(30,90,60,.12)!important;}
/* 제목 가독성 미세 조정 */
.jrow-title,.zv-title,.rj-ct{letter-spacing:-.01em;}
/* 급여 강조를 일반 카드에도 그린으로 */
.rj-salary{color:var(--rj-green)!important;}

/* ═══════════════════════════════════════════════
   레이아웃 v4 — 프로토타입 통합 카드 그리드 (index_new.php 미리보기용)
   등급 구역 대신, 로고 이니셜 + 제목 + 지역 + 그린 급여 + AD 표기의
   단일 카드 그리드. 2026-07-06
   ═══════════════════════════════════════════════ */
.rjn-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:8px;}
.rjn-card{position:relative;display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #e3e6de;border-radius:13px;padding:15px 17px;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .1s;}
.rjn-card:hover{border-color:var(--rj-green);box-shadow:0 6px 18px rgba(30,90,60,.08);transform:translateY(-2px);}
.rjn-logo{width:48px;height:48px;border-radius:11px;flex:none;display:grid;place-items:center;background:#eef4ea;color:#fff;font-weight:800;font-size:19px;overflow:hidden;}
.rjn-logo img{width:100%;height:100%;object-fit:cover;}
.rjn-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;}
.rjn-co{font-size:12px;color:#5e6a62;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rjn-title{font-size:15px;font-weight:700;color:#16211b;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rjn-meta{font-size:12.5px;color:#5e6a62;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rjn-pay{color:var(--rj-green);font-weight:700;}
.rjn-tag{position:absolute;top:13px;right:14px;font-size:10px;font-weight:800;letter-spacing:.03em;color:#8a948c;background:#f2f4f0;padding:2px 7px;border-radius:5px;}
.rjn-none{grid-column:1/-1;text-align:center;color:#8a948c;font-size:13px;padding:24px 0;}

/* ═══════════════════════════════════════════════
   레이아웃 v5 — 유료 등급 시각 차별화 (2026-07-06)
   VVIP=전폭 골드 피처드 / VIP=블루 액센트 / 프리미엄=그린 라인 / 일반=담백
   ═══════════════════════════════════════════════ */
.rjn-card.tier-vvip{grid-column:1/-1;border:1.5px solid #E3C765;background:linear-gradient(180deg,#FFFCF3,#ffffff);box-shadow:0 5px 18px rgba(183,138,30,.13);}
.rjn-card.tier-vvip:hover{border-color:#D4B24A;box-shadow:0 8px 24px rgba(183,138,30,.18);}
.rjn-card.tier-vvip .rjn-title{font-size:16.5px;}
.rjn-card.tier-vvip .rjn-co{font-size:12.5px;}
.rjn-card.tier-vvip .rjn-meta{font-size:13.5px;}
.rjn-card.tier-vip{border-top:4px solid #2C6E8F;box-shadow:0 3px 12px rgba(44,110,143,.10);}
.rjn-card.tier-prem{border-top:3px solid #1E5A3C;}
.rjn-card.tier-norm{background:#fcfcfb;}

/* 레이아웃 v6 — 일반=리스트줄, VVIP 복지칩 (2026-07-06) */
.rjn-row{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:11px 16px;background:#fff;border:1px solid #eceee8;border-radius:9px;text-decoration:none;}
.rjn-row:hover{background:#f6f8f4;}
.rjn-row-t{flex:1;min-width:0;font-size:13.5px;font-weight:600;color:#3a4640;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.rjn-row-r{font-size:12px;color:#8a948c;white-space:nowrap;}
.rjn-row-p{font-size:12.5px;color:#6b7168;font-weight:600;white-space:nowrap;}
.rjn-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;}
.rjn-chip{font-size:11px;color:#6b5a2a;background:#F6EDD8;border:1px solid #ebdcb8;padding:2px 8px;border-radius:100px;}

/* 레이아웃 v7 — VIP/프리미엄 크기 차등 (한 줄에 몇 개) (2026-07-06)
   VVIP 1개 / VIP 2개 / 프리미엄 3개 → 등급 내려갈수록 카드 작아짐 */
.rjn-card.tier-vip{grid-column:span 3;}
.rjn-card.tier-prem{grid-column:span 2;padding:13px 14px;gap:11px;}
.rjn-card.tier-prem .rjn-title{font-size:13.5px;}
.rjn-card.tier-prem .rjn-co{font-size:11.5px;}
.rjn-card.tier-prem .rjn-meta{font-size:12px;}
@media(max-width:760px){
  .rjn-grid{grid-template-columns:minmax(0,1fr);}
  .rjn-card.tier-vip{grid-column:1/-1;}
  .rjn-card.tier-prem{grid-column:1/-1;}
}

/* 레이아웃 v8 — (A) 뱃지 겹침 방지 + 모바일 리스트줄 오버플로 방지 (2026-07-06) */
/* A: 등급 뱃지(우상단) 아래로 제목/회사명이 안 들어가게 우측 여백 확보 */
.rjn-card .rjn-co, .rjn-card .rjn-title{padding-right:62px;}
/* 모바일 리스트줄: 지역 텍스트가 길어도 넘치지 않게 (줄임표/좁은 화면 숨김) */
.rjn-row{overflow:hidden;}
.rjn-row-r{min-width:0;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;}
@media(max-width:520px){ .rjn-row-r{display:none;} }