/*
 * ════════════════════════════════════════════
 *  HOBAM GOLD / BLACK THEME
 *  파일 하나 삭제하면 즉시 원상복구 가능
 * ════════════════════════════════════════════
 *
 *  골드 팔레트
 *  --gold       : #c9a84c  (메인 골드)
 *  --gold-light : #e8c96b  (밝은 골드 / 호버)
 *  --gold-dim   : #a07830  (어두운 골드 / 보더)
 *  --black      : #111111  (딥 블랙)
 *  --dark       : #1c1800  (웜 다크)
 *  --cream      : #f5e6b3  (다크 위 텍스트)
 */

/* ─── 0. CSS 변수 ───────────────────────────────── */
:root {
  --g-gold:       #c9a84c;
  --g-gold-light: #e8c96b;
  --g-gold-dim:   #a07830;
  --g-black:      #111111;
  --g-dark:       #1c1800;
  --g-dark2:      #251f00;
  --g-cream:      #f5e6b3;
  --g-border:     rgba(201,168,76,.25);
}

/* ─── 1. 아이콘 골드 색상 (PHP 파일 건드리지 않음) ─ */
/* 햄버거 메뉴 SVG */
.headerWrap .mynav .allmenu p a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a84c' stroke-width='2'%3E%3Cpath d='M3 6h18M3 12h18M3 18h18'/%3E%3C/svg%3E") !important;
}
/* 검색 돋보기 SVG */
.headerWrap .mynav .q .open-search-box {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a84c' stroke-width='2'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='15.5' y1='15.5' x2='21' y2='21'/%3E%3C/svg%3E") !important;
}
/* 햄버거 바 색상 */
.navbar-toggle::before, .navbar-toggle::after { background: #c9a84c !important; }
.navbar-toggle span, .navbar-toggle i { background: #c9a84c !important; }

/* ─── 1b. 공통 링크 호버 ────────────────────────── */
a:hover { color: var(--g-gold); }

/* ─── 2. 데스크탑 헤더 ──────────────────────────── */
.headerWrap {
  background-color: var(--g-black) !important;
  border-bottom: 1px solid var(--g-gold-dim) !important;
}
/* 로고 이미지 → 골드 필터 */
#desktopLogoImg {
  filter: brightness(0) saturate(100%) invert(72%) sepia(45%) saturate(500%) hue-rotate(5deg) brightness(0.95) !important;
}
/* 로고 텍스트 (로고 우측 사이트 이름) */
.headerWrap .logo a { display: flex !important; align-items: center !important; gap: 8px !important; }
#desktopLogoText {
  display: inline-block !important;
  color: var(--g-gold) !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -1px !important;
  white-space: nowrap !important;
}

/* 로그인/로그아웃 텍스트 */
.headerWrap .mynav .user p .login,
.headerWrap .mynav .user p .logout {
  color: var(--g-cream) !important;
  border-color: var(--g-gold-dim) !important;
}
.headerWrap .mynav .user p .login:hover,
.headerWrap .mynav .user p .logout:hover {
  color: var(--g-gold) !important;
}

/* 햄버거 메뉴 버튼 바 색상 */
.navbar-toggle::before, .navbar-toggle::after,
.navbar-toggle span, .navbar-toggle i {
  background: var(--g-cream) !important;
}

/* 검색 박스 */
.headerWrap .mynav .q .search {
  background: #2a2200 !important;
  border: 1px solid var(--g-gold-dim) !important;
}
.headerWrap .mynav .q .search input { color: var(--g-cream) !important; }
.headerWrap .mynav .q .search input::placeholder { color: #998860 !important; }

/* 검색 프리뷰 */
.headerWrap .mynav .q .previewBox {
  background: #1c1800 !important;
  border-color: var(--g-gold-dim) !important;
}
.headerWrap .mynav .q .previewBox ul li a .comName,
.headerWrap .mynav .q .previewBox ul li b,
.headerWrap .mynav .q .previewBox ul li p,
.headerWrap .mynav .q .previewBox ul li a span { color: var(--g-cream) !important; }

/* 전체 메뉴 드롭다운 박스 */
.headerWrap .mynav .drop ul,
.headerWrap .mynav .allmenu .box,
.headerWrap .mynav .allmenu .box .flex {
  background-color: #1c1800 !important;
  border-color: var(--g-gold-dim) !important;
}
.headerWrap .mynav .allmenu .box .flex li.item > p {
  color: var(--g-gold) !important;
  font-weight: 700;
}
.headerWrap .mynav .allmenu .box .flex li a { color: var(--g-cream) !important; }
.headerWrap .mynav .allmenu .box .flex li a:hover { color: var(--g-gold-light) !important; }

/* 메뉴 알림 뱃지 */
.headerWrap .mynav .allmenu.state::before,
.headerWrap .mynav .menuWrap .dep1 ul li a.state::after { background-color: var(--g-gold) !important; }
.headerWrap .mynav .drop2 li a em.state::after { color: var(--g-gold) !important; border-color: var(--g-gold) !important; }

/* 드롭 메뉴 */
.headerWrap .mynav .drop ul { background-color: #1c1800 !important; border-color: var(--g-gold-dim) !important; }
.headerWrap .mynav .drop ul li > a { color: var(--g-cream) !important; }
.headerWrap .mynav .drop ul li:hover > a, .headerWrap .mynav .drop ul li.logout { background-color: #2a2200 !important; }

/* 검색취소 텍스트 */
.headerWrap .mynav .allmenu p a.searchOpen::after { color: var(--g-cream) !important; }

/* ─── 3. 모바일 헤더 ────────────────────────────── */
.Mheader, .cd-secondary-nav {
  background-color: var(--g-black) !important;
  border-bottom-color: var(--g-gold-dim) !important;
}
/* 로고 영역 */
.Mheader .logo .img { filter: brightness(0) invert(1) sepia(1) saturate(3) hue-rotate(5deg); }

/* 필터 바 (지역/업종) */
.Mheader .topmenu { border-bottom-color: var(--g-gold-dim) !important; background-color: var(--g-black) !important; }
.Mheader .topmenu_f { border-bottom-color: var(--g-gold-dim) !important; background-color: var(--g-black) !important; }
.Mheader .topmenu_f a { color: #888 !important; }
.Mheader .topmenu_f a.select { color: var(--g-gold) !important; border-color: var(--g-gold) !important; font-weight: 700 !important; }
.Mheader .topmenu .city .si, .Mheader .topmenu .city .gu,
.Mheader .topmenu .city { color: #999 !important; }
.Mheader .topmenu .sheet-mask-open a { color: #888 !important; }
.Mheader .topmenu.non-filter .sheet-mask-open a { color: var(--g-cream) !important; }
.Mheader .topmenu .sheet-mask-open.select a { color: var(--g-gold) !important; }
.Mheader.is-hidden .topmenu #category_2depth { color: var(--g-gold) !important; }
.Mheader .topmenu #category_2depth { border-color: var(--g-gold-dim) !important; color: var(--g-cream) !important; }

/* 모바일 슬라이드 메뉴 패널 */
.Mheader .mynav {
  background-color: var(--g-dark) !important;
  border-bottom-color: var(--g-gold-dim) !important;
}
.Mheader .mynav .login, .Mheader .mynav .modi,
.Mheader .mynav .logout, .Mheader .mynav .loginbox > a { color: var(--g-cream) !important; }
.Mheader .mynav .logout { border-color: var(--g-gold-dim) !important; }

/* 모바일 dep1 (1단 메뉴) */
.Mheader .menuWrap .dep1 { background-color: var(--g-dark) !important; }
.Mheader .menuWrap .dep1 ul li a { color: var(--g-cream) !important; }
.Mheader .menuWrap .dep1 ul li.on a { background-color: #2a2200 !important; color: var(--g-gold) !important; }
.Mheader .menuWrap .dep1 ul li a.state::after { background-color: var(--g-gold) !important; color: #000 !important; }

/* 모바일 dep2 (2단 메뉴) */
.Mheader .menuWrap .dep2, .Mheader .menuWrap .dep2 .view-box { background-color: #1c1800 !important; }
.Mheader .menuWrap .dep2 ul li a { color: var(--g-cream) !important; }
.Mheader .menuWrap .dep2 ul li a.on, .Mheader .menuWrap .dep2 ul li.on a { color: var(--g-gold) !important; }
.Mheader .menuWrap .dep2 ul li a em.state::after { color: var(--g-gold) !important; border-color: var(--g-gold) !important; }
.Mheader .menuWrap .dep2 .csbox .tel,
.Mheader .menuWrap .dep2 .csbox .tel span,
.Mheader .menuWrap .dep2 .csbox .time,
.Mheader .menuWrap .dep2 .csbox .closed,
.Mheader .menuWrap .dep2 .csbox .sms { color: var(--g-cream) !important; }

/* 오프캔버스 모바일 메뉴 */
.navbar-offcanvas { background-color: var(--g-dark) !important; }
.navbar-offcanvas a, .navbar-offcanvas li a { color: var(--g-cream) !important; }
.navbar-offcanvas a:hover { color: var(--g-gold) !important; }
.navbar-offcanvas .logout { color: #aaa !important; border-color: var(--g-gold-dim) !important; }

/* ─── 4. 바텀시트 (지역/업종 선택) - 깔끔한 흰색 패널 ─── */
/* 오버레이: 페이지를 어둡게 (시트 구분) */
.bottom-sheet-mask { background-color: rgba(0,0,0,0.5) !important; }
/* 전체화면 컨테이너는 투명 (예전엔 다크색이라 온 화면이 어두웠음) */
.bottom-sheet-mask .document,
.bottom-sheet-mask .t-dialog { background-color: transparent !important; }
/* 실제 패널만 흰색 + 둥근 상단 + 손잡이 */
.bottom-sheet-mask .v-sheet {
  background-color: #fff !important;
  border-top-left-radius: 18px !important;
  border-top-right-radius: 18px !important;
  box-shadow: 0 -6px 24px rgba(0,0,0,0.25) !important;
  position: relative !important;
  padding-top: 16px !important;
}
.bottom-sheet-mask .v-sheet::before {
  content: ''; position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
  width: 40px; height: 4px; border-radius: 2px; background: #ddd;
}
.mobile-bottom-sheet-list .v-list-item a { color: #444 !important; }
.mobile-bottom-sheet-list .v-list-item.select a {
  color: var(--g-gold) !important;
  font-weight: 700 !important;
}
.mobile-bottom-sheet-list .v-list-item a:hover { color: var(--g-gold) !important; }
.mobile-bottom-sheet-list-item-link { border-bottom: 1px solid #f2f2f2 !important; }

/* ─── 5. 광고 카드 배경 (프리미엄 섹션) ────────── */
.premium .yellowBg { background-color: #2a2200 !important; border: 1px solid rgba(201,168,76,.2) !important; }
.premium ul li.yellowBg a h4:after { background-color: rgba(201,168,76,.3) !important; }

.premium .blueBg { background-color: #242000 !important; border: 1px solid rgba(201,168,76,.18) !important; }
.premium ul li.blueBg a h4:after { background-color: rgba(201,168,76,.22) !important; }

.premium .redBg { background-color: #261f00 !important; border: 1px solid rgba(201,168,76,.15) !important; }
.premium ul li.redBg a h4:after { background-color: rgba(201,168,76,.2) !important; }

.premium .greenBg { background-color: #282100 !important; border: 1px solid rgba(201,168,76,.18) !important; }
.premium ul li.greenBg a h4:after { background-color: rgba(201,168,76,.25) !important; }

/* ─── 5b. 광고 카드 텍스트 색상 (핵심!) ────────── */

/* PREMIUM 카드 */
.premium h3 { color: var(--g-gold) !important; }
.premium ul li a em { color: #aaa !important; }                    /* 지역 */
.premium ul li a h4 p { color: var(--g-cream) !important; }        /* 상호명 */
.premium ul li a .com { color: var(--g-gold) !important; }         /* 회사명 */
.premium ul li a .title-box p span,
.premium ul li a .title span { color: #bbb !important; }           /* 헤드라인 */
.premium ul li a .tag { color: #888 !important; }                  /* TC/태그 */

/* BOX35 / BOX25 (special 섹션) - 흰 배경 유지, 텍스트 검정 */
.special h3 { color: var(--g-gold) !important; }
.special ul li a .tit p em { color: #555 !important; }             /* 지역 */
.special ul li a .tit h4 { color: var(--g-gold) !important; }     /* 상호명 → 골드 포인트 */
.special ul li a .tit p span { color: #333 !important; }           /* 회사명 */
.special ul li a .box .title span { color: #444 !important; }      /* 헤드라인 */
.special ul li a .box .tag { color: #666 !important; }             /* TC/태그 */
.special ul li a:hover { border-color: var(--g-gold-dim) !important; }
.special ul li:hover .tit h4 { color: var(--g-gold-light) !important; }

/* benefit 섹션도 동일 */
.benefit h3 { color: var(--g-gold) !important; }
.benefit ul li a .tit p em { color: #555 !important; }
.benefit ul li a .tit h4 { color: var(--g-gold) !important; }
.benefit ul li a .tit p span { color: #333 !important; }
.benefit ul li a .box p span { color: #444 !important; }
.benefit ul li a .box .tag { color: #666 !important; }

/* BASIC 테이블 - 흰 배경, 텍스트 검정 유지 */
.public h3 { color: var(--g-gold) !important; }
table.tb th {
  background-color: #111 !important;
  color: #f0d060 !important;
  border-bottom-color: var(--g-gold-dim) !important;
}
table.tb td { color: #333 !important; }
table.tb td.corp { color: #111 !important; font-weight: 500; }
table.tb td.tl span { color: #777 !important; }
table.tb tbody tr:hover { background-color: #fdf8ec !important; }
.public table.tb td a { color: #222 !important; }
.public table.tb td a:hover { color: var(--g-gold) !important; }
.public table.tb td a span.color { color: #111 !important; }

/* 모바일 리스트 카드 - 흰 배경, 텍스트 검정 */
.scrWrap h3, .MpublicWrap h3, .MscrWrap h3 { color: var(--g-gold) !important; }
.scrWrap ul li a .txtbox .line h3 em,
.MpublicWrap ul li a .txtbox .line h3 em { color: #555 !important; }       /* 지역 */
.scrWrap ul li a .txtbox .line h3,
.MpublicWrap ul li a .txtbox .line h3 { color: #111 !important; }          /* 상호명 */
.scrWrap ul li a .txtbox .line p span,
.MpublicWrap ul li a .txtbox .line p span { color: #444 !important; }      /* 헤드라인 */
.scrWrap ul li a .txtbox .line .tag,
.MpublicWrap ul li a .txtbox .line .tag { color: #666 !important; }        /* TC */

/* 청록색(#2ecebf) → 골드 (프리미엄 다크카드 내부만) */
.premium ul li a .com { color: var(--g-gold) !important; }
.detailWrap .detailTop .titWrap .area {
  color: var(--g-gold) !important;
  border-color: var(--g-gold-dim) !important;
}
.premium ul li a .tag .badge.service { background-color: var(--g-gold-dim) !important; }
/* BOX/흰배경 섹션의 서비스 뱃지는 원래 색 유지 */

/* ─── 6. 사이트 전체 핑크→골드 (e91e63) ─────────
   주요 포인트 색상 전역 교체                     */
/* 공지 뱃지 배경 */
[style*="background:#e91e63"],
[style*="background: #e91e63"] {
  background: var(--g-gold) !important;
  color: #000 !important;
}
/* 어드민 링크 색상 */
[style*="color:#e91e63"],
[style*="color: #e91e63"] { color: var(--g-gold) !important; }

/* 기타 파란색/청록 포인트 → 골드 */
.bigbtn .bigA { background-color: var(--g-gold) !important; border-color: var(--g-gold) !important; color: #000 !important; }
.bigbtn .bigA:hover { background-color: #000 !important; color: var(--g-gold) !important; border-color: var(--g-gold) !important; }
.bigbtn2 a.step7 { background-color: var(--g-gold) !important; border-color: var(--g-gold) !important; color: #000 !important; }
.bigbtn2 a.step7:hover { background-color: #fff !important; color: var(--g-gold-dim) !important; }

/* 페이징 */
.Paging strong { color: var(--g-gold) !important; }

/* 검색 버튼 파란색 */
.headerWrap .mynav .q .search .srhbtn { background-color: var(--g-gold) !important; color: #000 !important; }

/* 알림 뱃지 (ff5641 빨강) */
.headerWrap .mynav .allmenu.state::before { background-color: var(--g-gold) !important; }
.headerWrap .mynav .drop2 li a em.state::after { color: var(--g-gold) !important; border-color: var(--g-gold) !important; }
.Mheader .menuWrap .dep1 ul li a.state::after { background-color: var(--g-gold) !important; }
.Mheader .menuWrap .dep2 ul li a em.state::after { color: var(--g-gold) !important; border-color: var(--g-gold) !important; }

/* 선택 활성 탭 (topmenu_f) */
.Mheader .topmenu_f a.select { border-color: var(--g-gold) !important; color: var(--g-gold) !important; }
.tab_on { border-bottom: 2px solid var(--g-gold) !important; color: var(--g-gold) !important; }

/* ─── 7. 푸터 ──────────────────────────────────── */
.copyRightWrap {
  background-color: var(--g-black) !important;
  border-top: 2px solid var(--g-gold-dim) !important;
}
.copyRightWrap .flogo .cs .tel { color: #888 !important; }
.copyRightWrap .flogo .cs .tel a { color: var(--g-gold) !important; }
.copyRightWrap .flogo .cs .time { color: #777 !important; }

/* 게시판 문의 버튼 */
.copyRightWrap .flogo .cs .contact .board {
  background-color: var(--g-gold) !important;
  color: #000 !important;
  font-weight: 700;
}
.copyRightWrap .flogo .cs .contact .board:hover { background-color: var(--g-gold-light) !important; }

/* 푸터 네비 링크 */
.copyRightWrap .fnavi ul li a { color: #888 !important; }
.copyRightWrap .fnavi ul li a:hover { color: var(--g-gold) !important; }
.copyRightWrap .fnavi ul li:before { background-color: #444 !important; }

/* 공지 배너 (푸터 상단) */
.copyRightWrap [style*="border-bottom"] { border-bottom-color: rgba(255,255,255,.08) !important; }
.copyRightWrap a[style*="color:#aaa"] { color: #888 !important; }

/* 카피라이트 */
.copyRightWrap .copyRight a, .copyRightWrap .copyRight p,
.copyRightWrap .copyRight span, .copyRightWrap .txt1, #footerCopy p { color: #666 !important; }

/* 상담시간 */
#footerTime { color: #888 !important; }
#footerNav a { color: #888 !important; }
#footerNav a:hover { color: var(--g-gold) !important; }

/* 전체메뉴보기 */
.copyRightWrap a[style*="color:#ccc"] { color: #888 !important; }
.copyRightWrap a[style*="color:#ccc"]:hover { color: var(--g-gold) !important; }

/* ─── 8. 게시판 공통 (board_header 페이지) ──────── */
/* 사이드 네비 / 서브헤더 */
.topNavi { background-color: var(--g-black) !important; border-bottom: 1px solid var(--g-gold-dim) !important; }
.topNavi a, .topNavi .cs-tit { color: var(--g-cream) !important; }
.topNavi a:hover { color: var(--g-gold) !important; }
.topNavi .active, .topNavi .on { color: var(--g-gold) !important; border-bottom: 2px solid var(--g-gold) !important; }

/* 제목 언더라인 */
.com_title_02 { border-bottom-color: var(--g-gold) !important; color: #222 !important; }
.rp_title { color: #222 !important; }

/* 버튼 계열 */
.btn_title_style { border-color: var(--g-gold-dim) !important; color: var(--g-gold-dim) !important; }
.btn_title_style:hover { background-color: var(--g-gold) !important; color: #000 !important; }

/* 일반 입력/테이블 헤더 */
.com_info th, .resister .title,
.memview .title, .doc_resister th { background-color: #f9f6e8 !important; color: #555 !important; }

/* ─── 9. 광고 신청 / 관리 (recruiter 페이지) ────── */
/* 상품 뱃지 VIP, PREMIUM 등 - 이미 인라인 색상 사용하므로 CSS 변수로 보완 */
/* 광고 신청 폼 포인트 */
.ad-card-selected, .ad-card:hover { border-color: var(--g-gold) !important; }

/* 버튼 (1a1a1a 검정 버튼 → 골드 테두리) */
a[style*="background:#1a1a1a"],
a[style*="background: #1a1a1a"],
button[style*="background:#1a1a1a"],
[style*="background:#1a1a1a"] {
  background: linear-gradient(135deg, #2a2000, #1a1400) !important;
  border: 1px solid var(--g-gold-dim) !important;
  color: var(--g-gold) !important;
}
a[style*="background:#1a1a1a"]:hover,
[style*="background:#1a1a1a"]:hover {
  background: var(--g-gold) !important;
  color: #000 !important;
}

/* ─── 14-A. 우수/급구 배지 가시성 강화 ─────────────
   다크 PREMIUM 카드 배경 위에서도 명확하게 보이도록  */
.badge.service,
.badge.service span {
  background-color: var(--g-gold) !important;
  color: #111 !important;
  font-weight: 700 !important;
  border: none !important;
}
.badge.option,
.badge.option span {
  background-color: #FF4500 !important;  /* 선명한 레드오렌지 */
  color: #fff !important;
  font-weight: 800 !important;
  border: none !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}
/* 모바일 배지도 동일 적용 */
.Mbase .txtbox .line .badge.service,
.Mbase .txtbox .line .badge.service span {
  background-color: var(--g-gold) !important;
  color: #111 !important;
  font-weight: 700 !important;
}
.Mbase .txtbox .line .badge.option,
.Mbase .txtbox .line .badge.option span {
  background-color: #FF4500 !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-shadow: 0 1px 2px rgba(0,0,0,0.4) !important;
}

/* ─── 14. 청록색(#2ecebf) 전체 → 골드 치환 ──────── */
/* 텍스트 색상 */
.premium ul li a .com,
.special ul li a .tit p span,
.benefit ul li a .tit p span,
.Mbase .txtbox .line .tag,
.mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line .tag,
.detailWrap .information .h5,
.detailWrap .information .h5 em,
.detailWrap .information .box dl dd .zzingdae,
.detailWrap .reference strong,
.detailWrap .kakao-map .map-head span,
.rankingWrap .rankingList ul li .rank .rankTop,
.rankingWrap .rankingList2 ul li .rank .rankTop,
.rankingWrap .rankingList2 ul li .value,
.rankingWrap .rankingList2 ul li .link a,
.jobStep_box .h_form.input_12 span,
.complete .txt1 strong,
.out-container h2,
.v-list-item.select a,
.TopComu-rank .scrollBlind ul.category li a.active { color: var(--g-gold) !important; }

/* 배경 색상 (버튼, 배지 등) */
.premium ul li a .tag .badge.service,
.special ul li a .tag .badge.service,
.benefit ul li a .tag .badge.service,
.public table.tb td .txtbox .badge.service,
.Mbase .txtbox .line .badge.service,
.jobList .detail_box .container .content_box p span .badge,
.licenseLine .state.confirm,
.jobOpen .going .recruitList ul li a.on,
.TopComu-rank .scrollBlind ul.category li a.active,
#searchBar.searchBarMenu,
.searchBarMenu .bbs-write-btn { background-color: var(--g-gold) !important; color: #000 !important; }

/* 테두리 색상 */
.detailWrap .detailTop .titWrap .area,
.detailWrap .detailTop .titWrap .area em,
.Mspecial .thumb,
.Mbenefit .thumb { border-color: var(--g-gold) !important; }

/* 썸네일 배경 */
.Mspecial .thumb,
.Mspecial .thumb:before { background-color: var(--g-gold-dim) !important; }
.Mbenefit .thumb span { color: var(--g-gold) !important; }

/* 호버 상태 */
.jobMenu ul li a:hover,
.jobMenu ul li.on a { background-color: var(--g-gold) !important; color: #000 !important; }
.Layer .bigbtn a:hover,
.Layer .bigbtn2 a:hover { border-color: var(--g-gold) !important; color: var(--g-gold) !important; }
.bigbtn2 a:hover,
.bigbtn3 a:hover { border-color: var(--g-gold) !important; color: var(--g-gold) !important; }
.Layer.shopWrap .bigbtn .bigA { background-color: var(--g-gold) !important; border-color: var(--g-gold) !important; }
.jobStep.v-form .bigbtn .v-btn { background-color: var(--g-gold) !important; border-color: var(--g-gold) !important; color: #000 !important; }
.jobStep.v-form .bigbtn .v-btn:hover { border-color: var(--g-gold) !important; color: var(--g-gold) !important; background-color: #fff !important; }

/* 모바일 헤더 검색바 */
.cd-auto-hide-header.is-hidden.cd-secondary-nav .TopView { background-color: var(--g-gold) !important; }

/* ─── 15. hobba-poster-2 레이아웃 버그 수정 ──────── */
/* 원본 CSS가 4컬럼 grid로 정의되어 레이아웃 깨짐 → block으로 강제 재정의 */
.section-main .detail-item .detail-item-con .hobba-poster-2 {
  display: block !important;
  padding: 20px 16px !important;
  background: #f8f9fa !important;
  border-radius: 10px !important;
  margin-bottom: 20px !important;
}
.section-main .detail-item .detail-item-con .hobba-poster-2 .pt2-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
  color: #1a1a1a !important;
}
.section-main .detail-item .detail-item-con .hobba-poster-2 .pt2-sub {
  font-size: 14px !important;
  color: #555 !important;
  line-height: 1.8 !important;
  word-break: keep-all !important;
}

/* 관리자 페이지 포인트 */
.admin-badge, .badge-vip, .badge-premium { border: 1px solid var(--g-gold-dim) !important; }

/* ─── 10. 모달 (이용약관/개인정보) ─────────────── */
#modal-terms > div,
#modal-privacy > div,
#indexModal-terms > div,
#indexModal-privacy > div {
  background: #1c1800 !important;
  border: 1px solid var(--g-gold-dim) !important;
}
#modal-terms strong, #modal-privacy strong,
#indexModal-terms strong, #indexModal-privacy strong { color: var(--g-gold) !important; }
#modal-terms p, #modal-privacy p,
#indexModal-terms p, #indexModal-privacy p { color: var(--g-cream) !important; }
#modal-terms [style*="border-bottom"],
#modal-privacy [style*="border-bottom"],
#indexModal-terms [style*="border-bottom"],
#indexModal-privacy [style*="border-bottom"] {
  background: #1c1800 !important;
  border-bottom-color: var(--g-gold-dim) !important;
}
#modal-terms button, #modal-privacy button,
#indexModal-terms button, #indexModal-privacy button { color: var(--g-cream) !important; }

/* ─── 11. 메인 필터/섹션 타이틀 ─────────────────── */
/* 섹션 구분 타이틀 */
.publicWrap h2, .MpublicWrap h2,
.mainTopLeft h2, .mainTopLeft h3 { color: #111 !important; }
.mainTopLeft h2 a, .mainTopLeft h3 a { color: #111 !important; }
.mainTopLeft h2 a:hover, .mainTopLeft h3 a:hover { color: var(--g-gold) !important; }

/* 더보기 버튼 */
.mainTopLeft a.more, .mainTopLeft .more-btn { color: var(--g-gold) !important; }

/* 스크랩 버튼 (좋아요) 활성 */
.scrap_on em { color: var(--g-gold) !important; }

/* ─── 12. 게시판 기본 링크 포인트 ───────────────── */
.board a[style*="color:#e91e63"] { color: var(--g-gold) !important; }

/* ─── 13. 흰 배경 영역 보호 (덮어씌워진 색 되돌리기) ─
   메인 콘텐츠/featured/ranking 등 white bg 영역은
   원래 어두운 텍스트를 유지해야 함                  */
.mainTopWrap, .mainTopWrap * { color: inherit; }
.mainTopWrap .mainTopLeft h2 a,
.mainTopWrap .jobMenu h2 a,
.mainTopWrap .TopView .fl .tit,
.mainTopWrap .TopComu-rank .info .tit { color: #000 !important; }
.mainTopWrap .mainTopLeft ul li p .com { color: #707070 !important; }

/* 랭킹/TopView 섹션 */
.TopView, .TopView * { color: inherit; }
.TopComu-rank .scrollBlind .info .tit { color: #000 !important; }

/* 모집지역/업종/커뮤니티 링크 박스 (흰 배경) */
.jobMenu a { color: #333 !important; }
.jobMenu a:hover { color: var(--g-gold) !important; }
.jobMenu h2 { color: #111 !important; }
.jobMenu ul li a { color: #555 !important; }
.jobMenu ul li a:hover { color: var(--g-gold) !important; }

/* VIP 배너 텍스트 — 배경이 흰색이므로 어두운 글자로 (제목 가시성) */
.mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line h3,
.mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line h3 em { color: #1a1a1a !important; }
.mainTopWrap .vip-banner .swiper-container ul li .Mbanner .txtbox .line p span { color: #333 !important; }
/* VIP 배너 데스크탑 제목 가시성 보강 */
.mainTopWrap .vip-banner .swiper-container ul li .banner .box { color: #1a1a1a !important; }
.mainTopWrap .vip-banner .swiper-container ul li .banner .title { color: #333 !important; }
/* VIP 배너 하단 네비게이션바(지역명) — 흰 배경이라 어두운 글자 + 골드 활성 */
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet .bullet-contents { color: #999 !important; }
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active .bullet-contents { color: #1a1a1a !important; font-weight: 700 !important; }
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet { background-color: #cfcfcf !important; opacity: 1 !important; }
.mainTopWrap .vip-banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: var(--g-gold, #C9A94B) !important; }
.mainTopWrap .vip-banner .pagination-line { border-top-color: #e7e7e7 !important; opacity: 1 !important; }

/* 섹션 h3 타이틀 (PREMIUM, BOX35 등 섹션명) - 원래 검정 유지 */
.premium > h3 { color: var(--g-gold) !important; }
.special > h3 { color: var(--g-gold) !important; }
.public > h3 { color: var(--g-gold) !important; }

/* 공지사항 뱃지 */
span[style*="background:#e91e63"] {
  background: var(--g-gold) !important;
  color: #000 !important;
}

/* VIP 배너 검정 카운트다운 원 숨김 */
.mainTopWrap .vip-banner .countdown {
  display: none !important;
}

/* ─── 16. 공고 뱃지(신규/추천/인기) + 제목 강조 ───── */
/* 모든 뱃지 공통 레이아웃 (폼 미리보기 포함 어디서나 동일) */
.badge.service, .badge.option,
.badge.new, .badge.recommend, .badge.hot {
  white-space: nowrap !important;
  display: inline-block !important;
  font-size: 12px !important;
  padding: 1px 7px !important;
  margin-right: 3px !important;
  border-radius: 10px !important;
  line-height: 1.6 !important;
  vertical-align: middle !important;
}
/* 신규(초록) */
.badge.new, .badge.new span {
  background-color: #2e7d32 !important; color: #fff !important; font-weight: 700 !important;
}
/* 추천(보라) */
.badge.recommend, .badge.recommend span {
  background-color: #6a3fb5 !important; color: #fff !important; font-weight: 700 !important;
}
/* 인기(파랑) */
.badge.hot, .badge.hot span {
  background-color: #1565c0 !important; color: #fff !important; font-weight: 700 !important;
}
/* 모바일에서 약간 작게 */
.Mbase .txtbox .line .badge.new,
.Mbase .txtbox .line .badge.recommend,
.Mbase .txtbox .line .badge.hot { font-size: 10px !important; }

/* 제목 강조 (골드 + 볼드) */
.title span.job-emph,
.txtbox span.job-emph,
.public table.tb td .txtbox a span.job-emph,
.Mbase .txtbox .line p span.job-emph,
.pin-item h1.job-emph {
  color: var(--g-gold) !important;
  font-weight: 800 !important;
}

/* 뱃지 깜빡임(플래시) 효과 — 각 띠 ON/OFF */
@keyframes badgeFlash {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.2; }
}
.badge.badge-flash {
  animation: badgeFlash 0.8s ease-in-out infinite !important;
}

/* ─── 17. 새 로고 (늑대 Hobam) ─────────────────── */
/* 데스크탑 헤더 로고 (정사각형) */
.headerWrap .logo { height: 96px !important; }
.headerWrap .logo img {
  width: auto !important;
  height: 78px !important;
  display: block !important;
}
/* 모바일 헤더 로고 (배경이미지 → 새 로고, 정사각형) */
.Mheader .logo { width: auto !important; padding: 5px 0 !important; align-items: center !important; }
/* 모바일 로고 우측 사이트 이름 */
.Mheader .logo .m-logo-name {
  display: inline-flex !important;
  align-items: center !important;
  color: var(--g-gold) !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.5px !important;
  margin-left: 6px !important;
  white-space: nowrap !important;
}
.Mheader .logo .img {
  background-image: url('/uplode/logo.png') !important;
  background-size: contain !important;
  background-position: left center !important;
  background-repeat: no-repeat !important;
  width: 44px !important;
  height: 44px !important;
}

/* ─── 18. 모바일에서도 모집지역/업직종/커뮤니티 메뉴 노출 ─── */
@media screen and (max-width: 960px) {
  .mainTopWrap .mainTopRight { height: auto !important; }
  .mainTopWrap .mainTopRight .jobMenu {
    display: flex !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin-top: 16px !important;
    box-shadow: none !important;
  }
  .mainTopWrap .jobMenu > div,
  .mainTopWrap .jobMenu .area,
  .mainTopWrap .jobMenu .general,
  .mainTopWrap .jobMenu .club {
    width: 100% !important;
    float: none !important;
    border-bottom: 1px solid #f0f0f0;
  }
  .mainTopWrap .jobMenu > div:last-child { border-bottom: none; }
}