@charset "utf-8";
/* ----------------------------------------------
   Hitel Retro - v15 Master Design (Retro UI)
   ---------------------------------------------- */
:root {
    /* [1] 브랜드 & 포인트 컬러 (Brand & Point Colors) */
    --color-prime: #00aaaa !important; /* 시스템 기본 강조색 (Cyan) */
    --hitel-gold: #fbff00 !important;   /* 하이텔 시그니처 옐로우 (글자 강조용) */
    
    /* [2] 테두리 설정 (Border Settings) */
    --hitel-border: #949400; /* 라이트 모드용 어두운 테두리 */

    /* [3] 레이아웃 배경 (Layout Backgrounds) - 레트로 블루 계열 */
    --layout-header: #000055;
    --layout-tnb: #000033;
    --layout-header-border: var(--hitel-border);
    
    --layout-body: #03038d;
    --layout-container-bg: #000077;
    
    --layout-sidebar-bg: #000077;
    --layout-sidebar-border: var(--hitel-border);
    --layout-sidebar-active-bg: #0e0ed3;
    --layout-sidebar-active-color: var(--hitel-gold);
    
    --layout-footer-bg: #000055;
    --layout-footer-border: var(--hitel-border);
    
    --layout-dropdown-bg: #000077;
    --layout-dropdown-hover-bg: #0e0ed3;
    --layout-dropdown-border: var(--hitel-gold);
    
    --layout-board-bg: #000088;
    --layout-board-border: var(--hitel-border);

    /* [4] 글로벌 변수 오버라이드 (Global Variable Overrides) - 흰색/노란색 배경 원천 제거 */
    --layout-white: #000077 !important;
    --ui-color-white: #000077 !important;
    --board-white: #000077 !important;
    
    --layout-gray-50: #000066 !important; --ui-color-gray-50: #000066 !important; --board-gray-50: #000066 !important;
    --layout-gray-100: #000055 !important; --ui-color-gray-100: #000055 !important; --board-gray-100: #000055 !important;
    --layout-gray-200: #000044 !important; --ui-color-gray-200: #000044 !important; --board-gray-200: #000044 !important;
    --layout-gray-300: var(--hitel-border) !important; --ui-color-gray-300: var(--hitel-border) !important; --board-gray-300: var(--hitel-border) !important;
    
    --layout-gray-900: #ffffff !important; --ui-color-gray-900: #ffffff !important; --board-gray-900: #ffffff !important;
    
    /* CRITICAL FIX: .bg-bl 등에서 배경색 번짐 방지 */
    --layout-black: #000033 !important; 
    --ui-color-black: #000033 !important;
    --board-black: #000033 !important;

    /* [5] 레트로 구조 설정 (Retro Structure) - 각목화(Radius 0) */
    --layout-radius: 0px !important;
    --ui-radius-xs: 0px !important; 
    --ui-radius-s: 0px !important; 
    --ui-radius-m: 0px !important; 
    --ui-radius-l: 0px !important; 
}

/* [6] 다크모드 설정 (Dark Mode Configuration) */
:root.darkMode {
    --hitel-border: #ffffff; /* 다크 모드용 흰색 테두리 */
    --layout-gray-300: #ffffff !important;
    
    --layout-dropdown-bg: #000055;
    --layout-dropdown-hover-bg: #0e0ed3;
}

/* 레트로 각목화 테두리 */
* {
    border-radius: 0px !important;
    box-shadow: none !important;
    border-color: var(--hitel-border) !important;
}

/* [7] 글로벌 스타일 & 폰트 (Global Style & Fonts) */
body, button, input, select, textarea {
    font-family: 'Gulim', 'Dotum', 'Courier New', Courier, monospace !important;
    letter-spacing: -1px !important;
}
body, a, p, span, h1, h2, h3, h4, h5, div, li, strong, dt, dd, i, b, em {
    color: #ffffff !important;
}

/* [8] UI 컴포넌트 강제 설정 (UI Component Overrides) */
/* 드롭다운 메뉴 */
.dropdown-menu, .gnb-menu .dropdown-menu { 
    background: var(--layout-dropdown-bg) !important; 
}
.dropdown-menu li a:hover { 
    background: var(--layout-dropdown-hover-bg) !important; 
    color: var(--hitel-gold) !important; 
}

/* 게시글 목록 헤더 */
.tbl_head01 thead th { 
    background: #000033 !important; 
    color: var(--hitel-gold) !important; 
    border-bottom: 2px solid var(--hitel-gold) !important; 
}

/* 페이지네이션 (페이징 버튼) */
.pg_wrap .pg .pg_page, .pg_wrap .pg .pg_current { 
    background: #000033 !important; 
    color: #ffffff !important; 
    border: 1px solid var(--hitel-border) !important; 
}
.pg_wrap .pg .pg_current { 
    background: var(--hitel-gold) !important; 
    color: #0000aa !important; 
}

/* 제목 & 강조 옐로우 텍스트 */
h1 strong, .header h1 strong, .hitel-gold-text, .color-prime {
    color: var(--hitel-gold) !important;
}

/* 입력창 & 선택박스 (고전 프레임) */
input, select, textarea {
    background: #000077 !important;
    color: #ffffff !important;
    border: 1px solid var(--hitel-border) !important;
}

/* [9] SNS 로그인 & 특정 컴포넌트 화이트 배경 제거 (v15 Retro Purge) */
.sns-wrap a, .sns-login-list a, .btn-sns { 
    background-color: #000055 !important; 
    border: 1px solid var(--hitel-border) !important;
}
.sns-wrap a.kakao, .btn-sns-kakao {
    background-color: #000033 !important;
    border: 1px solid var(--hitel-gold) !important;
    color: var(--hitel-gold) !important;
}