/*
 * =====================================================
 *  UTPA - Dark Luxury Theme Override CSS
 *  Gold Apple → UTPA (Dark Charcoal + Metallic Gold + Emerald Green)
 * =====================================================
 *
 *  [UTPA 테마 팔레트]
 *  --utpa-bg-deep:      #0D1117  (최심 배경)
 *  --utpa-bg-dark:      #11161A  (기본 배경)
 *  --utpa-bg-mid:       #1A2227  (중간 배경)
 *  --utpa-bg-panel:     #1E2A30  (패널/카드 배경)
 *  --utpa-green-deep:   #0A4A35  (딥 에메랄드 그린)
 *  --utpa-green:        #0F6B4B  (에메랄드 그린)
 *  --utpa-green-light:  #1E8A61  (라이트 그린)
 *  --utpa-gold-deep:    #8B6914  (딥 골드)
 *  --utpa-gold:         #C9A84C  (메탈릭 골드)
 *  --utpa-gold-bright:  #E0C36E  (브라이트 골드)
 *  --utpa-gold-light:   #F3E2A0  (라이트 골드)
 *  --utpa-text:         #F5F1E8  (아이보리 텍스트)
 *  --utpa-text-muted:   #A8A090  (뮤트 텍스트)
 *  --utpa-border:       #2E3A40  (보더)
 *  --utpa-border-gold:  #4A3A1A  (골드 보더)
 *
 * =====================================================
 */

/* =====================================================
   0. CSS 변수 정의
   ===================================================== */
:root {
    --utpa-bg-deep:      #0D1117;
    --utpa-bg-dark:      #11161A;
    --utpa-bg-mid:       #1A2227;
    --utpa-bg-panel:     #1E2A30;
    --utpa-green-deep:   #0A4A35;
    --utpa-green:        #0F6B4B;
    --utpa-green-light:  #1E8A61;
    --utpa-gold-deep:    #8B6914;
    --utpa-gold:         #C9A84C;
    --utpa-gold-bright:  #E0C36E;
    --utpa-gold-light:   #F3E2A0;
    --utpa-text:         #F5F1E8;
    --utpa-text-muted:   #A8A090;
    --utpa-border:       #2E3A40;
    --utpa-border-gold:  #4A3A1A;
}

/* =====================================================
   1. 전체 배경 및 body
   ===================================================== */
body {
    background-color: #11161A !important;
    color: #F5F1E8 !important;
}

body#main {
    background-color: #11161A !important;
}

#wrap {
    background-color: #11161A !important;
}

#contents {
    background-color: #11161A !important;
}

/* =====================================================
   2. 헤더 (Header)
   ===================================================== */
#header-wrap {
    background-color: #0D1117 !important;
    border-bottom: 1px solid #2E3A40 !important;
}

#header-wrap:before {
    border-bottom: 1px solid #2E3A40 !important;
    background-color: #0D1117 !important;
}

#header {
    background-color: #0D1117 !important;
}

/* =====================================================
   3. 상단 네비게이션 (Top Navigation)
   ===================================================== */
#topNavi,
#topNavi-wrap {
    background-color: #0A4A35 !important;
    border-bottom: 1px solid #C9A84C !important;
}

#topNavi li,
#topNavi td {
    border-right: 1px solid rgba(201, 168, 76, 0.3) !important;
}

#topNavi li a,
#topNavi td a {
    color: #F5F1E8 !important;
}

#topNavi li a:hover,
#topNavi td a:hover {
    color: #E0C36E !important;
    background-color: rgba(201, 168, 76, 0.15) !important;
}

/* NEW_NAV 오버라이드 */
.NEW_NAV {
    background-color: #0A4A35 !important;
    color: #F5F1E8 !important;
}

.NEW_NAV li {
    border-right: 1px solid rgba(201, 168, 76, 0.3) !important;
    color: #F5F1E8 !important;
}

.NEW_NAV li:first-child {
    border-left: 1px solid rgba(201, 168, 76, 0.3) !important;
}

.NEW_NAV li a {
    color: #F5F1E8 !important;
}

.NEW_NAV li a:hover {
    color: #E0C36E !important;
}

.NEW_NAV2 {
    background-color: #0A4A35 !important;
    color: #F5F1E8 !important;
}

.NEW_NAV2 td {
    border-right: 1px solid rgba(201, 168, 76, 0.3) !important;
    color: #F5F1E8 !important;
}

.NEW_NAV2 td:first-child {
    border-left: 1px solid rgba(201, 168, 76, 0.3) !important;
}

.NEW_NAV2 td a {
    color: #F5F1E8 !important;
}

.NEW_NAV3 {
    background-color: #0A4A35 !important;
    color: #F5F1E8 !important;
}

.NEW_NAV3 td {
    border-right: 1px solid rgba(201, 168, 76, 0.3) !important;
    color: #F5F1E8 !important;
}

.NEW_NAV3 td:first-child {
    border-left: 1px solid rgba(201, 168, 76, 0.3) !important;
}

.NEW_NAV3 td a {
    color: #F5F1E8 !important;
}

/* =====================================================
   4. 사이드 네비게이션 (Side Navigation)
   ===================================================== */
#subNavi {
    background: #0D1117 !important;
    border-right: 1px solid #2E3A40 !important;
}

.lm-info div.login-on {
    border: 2px solid #C9A84C !important;
    background: #1A2227 !important;
}

/* =====================================================
   5. 로그인 버튼 및 사용자 정보
   ===================================================== */
.lm-info .login-btn {
    border: 1px solid #C9A84C !important;
    background: linear-gradient(135deg, #0F6B4B, #0A4A35) !important;
    color: #E0C36E !important;
}

.LoginNew-Wrap .login-btn {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
}

.LoginNew-Wrap .logout-btn {
    background: linear-gradient(135deg, #1E8A61, #0F6B4B) !important;
    color: #F5F1E8 !important;
}

.lm-info div.login-on .stxt {
    color: #C9A84C !important;
}

/* =====================================================
   6. 팝업 타이틀 및 버튼
   ===================================================== */
#layer-pop div.pop-title span {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    color: #0D1117 !important;
}

#layer-pop div.charge-pop .ch-tab {
    background: #1A2227 !important;
    border-bottom: 2px solid #C9A84C !important;
}

#layer-pop div.charge-pop .ch-tab.on {
    background: #C9A84C !important;
    color: #0D1117 !important;
}

/* =====================================================
   7. 자산 카드 섹션 (.mcont01)
   ===================================================== */
.mcont01 .assets01,
.mcont01 .assets02,
.mcont01 .assets03,
.mcont01 .assets04,
.mcont01 .assets05,
.mcont01 .assets06 {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.3) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

.mcont01 p {
    color: #A8A090 !important;
}

.mcont01 .assetcont p {
    color: #A8A090 !important;
}

.mcont01 .assetcont span.assets-num {
    color: #E0C36E !important;
}

.mcont01 .assetcont span.assets-num-perf {
    color: #C9A84C !important;
}

/* =====================================================
   8. 가격 배너 섹션
   ===================================================== */
.msec-price,
.price-wrap,
[class*="price-sec"],
[class*="msec-price"] {
    background: linear-gradient(135deg, #0A4A35, #0D1117) !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    color: #E0C36E !important;
}

/* 가격 텍스트 */
.price-wrap .price-txt,
.price-wrap .price-num {
    color: #E0C36E !important;
}

/* =====================================================
   9. 메인 CTA 버튼 (Go! Market)
   ===================================================== */
#mf-go-live,
.go-live-btn,
[id*="go-live"],
[class*="go-live"] {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    border: 2px solid #E0C36E !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
}

#mf-go-live:hover,
.go-live-btn:hover {
    background: linear-gradient(135deg, #E0C36E, #C9A84C) !important;
}

/* =====================================================
   10. 테이블 및 리스트
   ===================================================== */
table {
    background-color: transparent !important;
}

table thead tr,
table thead th {
    background-color: #1A2227 !important;
    color: #C9A84C !important;
    border-bottom: 1px solid #C9A84C !important;
}

table tbody tr {
    background-color: #11161A !important;
    border-bottom: 1px solid #2E3A40 !important;
    color: #F5F1E8 !important;
}

table tbody tr:nth-child(even) {
    background-color: #161D22 !important;
}

table tbody tr:hover {
    background-color: rgba(201, 168, 76, 0.08) !important;
}

table td, table th {
    border-color: #2E3A40 !important;
    color: #F5F1E8 !important;
}

/* Buy-list 테이블 */
.Buy-list li {
    background-color: #1A2227 !important;
    border-color: #C9A84C !important;
}

/* =====================================================
   11. 섹션 타이틀
   ===================================================== */
.sub-title-01,
.sub-title-02 {
    color: #E0C36E !important;
    border-bottom: 1px solid rgba(201, 168, 76, 0.4) !important;
}

/* =====================================================
   12. 버튼 스타일
   ===================================================== */
.bl-btn {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    border: 1px solid #C9A84C !important;
    color: #0D1117 !important;
    font-weight: 600 !important;
}

.br-btn {
    background: linear-gradient(135deg, #1E8A61, #0F6B4B) !important;
    border: 1px solid #1E8A61 !important;
    color: #F5F1E8 !important;
}

.bl-btn:hover {
    background: linear-gradient(135deg, #E0C36E, #C9A84C) !important;
}

.br-btn:hover {
    background: linear-gradient(135deg, #2AAD7A, #1E8A61) !important;
}

/* =====================================================
   13. 입력 폼 요소
   ===================================================== */
input, textarea, select {
    background-color: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
    color: #F5F1E8 !important;
    border-radius: 4px !important;
}

input:focus, textarea:focus, select:focus {
    border-color: #C9A84C !important;
    box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.2) !important;
    outline: none !important;
}

input::placeholder, textarea::placeholder {
    color: #5A6A70 !important;
}

.chk-radio input[type="radio"]:checked + label:before {
    background: #C9A84C !important;
}

.chk-check input[type="checkbox"]:checked + label:after {
    border-color: #C9A84C !important;
}

.chk-check input[type="checkbox"]:checked + label {
    color: #C9A84C !important;
}

/* =====================================================
   14. 공지사항 및 알림
   ===================================================== */
.lm-notice {
    background: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
}

.lm-notice h3 {
    background: #11161A !important;
    color: #C9A84C !important;
    border-bottom: 1px solid #2E3A40 !important;
}

.lm-notice li {
    border-top: 1px solid #2E3A40 !important;
}

.lm-notice li .btxt {
    color: #F5F1E8 !important;
}

.lm-notice li .stxt {
    color: #A8A090 !important;
}

.lm-notice li a:before {
    background: #C9A84C !important;
}

/* =====================================================
   15. 왼쪽 메뉴 (leftmenu)
   ===================================================== */
.leftmenu,
.leftmenu-p2p {
    background: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
}

.leftmenu ul .lm_l2,
.leftmenu-p2p ul .lm_l2 {
    border-top: 1px solid #2E3A40 !important;
}

.leftmenu ul .lm_a2,
.leftmenu-p2p ul .lm_a2 {
    color: #F5F1E8 !important;
}

.leftmenu ul .lm_a2:hover,
.leftmenu-p2p ul .lm_a2:hover {
    color: #E0C36E !important;
    background-color: rgba(201, 168, 76, 0.1) !important;
}

/* =====================================================
   16. 스크롤바 스타일
   ===================================================== */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-thumb {
    background: #C9A84C !important;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E0C36E !important;
}

::-webkit-scrollbar-track {
    background: #11161A !important;
}

/* =====================================================
   17. 가격 섹션 배경
   ===================================================== */
.msec-price-wrap,
.price-section,
[class*="price-bg"] {
    background: linear-gradient(135deg, #0A4A35 0%, #0D1117 100%) !important;
}

/* =====================================================
   18. 순위 테이블 (Top 5 Earnings)
   ===================================================== */
.rank-list li,
.rank-table tr {
    border-bottom: 1px solid #2E3A40 !important;
}

.rank-num {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    color: #0D1117 !important;
}

/* =====================================================
   19. 배경 패턴 (body bdbg)
   ===================================================== */
body#main,
body.main-page {
    background-image: url('../_Img/bdbg.png') !important;
    background-repeat: repeat !important;
    background-color: #11161A !important;
}

/* =====================================================
   20. 팝업 레이어
   ===================================================== */
#layer-pop {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8) !important;
}

#layer-pop .pop-title {
    background: linear-gradient(135deg, #0A4A35, #0D1117) !important;
    border-bottom: 1px solid #C9A84C !important;
    color: #E0C36E !important;
}

#layer-pop .pop-cont {
    background: #1A2227 !important;
    color: #F5F1E8 !important;
}

/* =====================================================
   21. 푸터
   ===================================================== */
#footer,
#footer-wrap {
    background-color: #0D1117 !important;
    border-top: 1px solid #2E3A40 !important;
    color: #A8A090 !important;
}

#footer a,
#footer-wrap a {
    color: #C9A84C !important;
}

#footer a:hover,
#footer-wrap a:hover {
    color: #E0C36E !important;
}

/* =====================================================
   22. 링크 기본 색상
   ===================================================== */
a {
    color: #C9A84C;
}

a:hover {
    color: #E0C36E;
}

/* =====================================================
   23. 섹션 구분선 및 배경
   ===================================================== */
hr {
    border-color: #2E3A40 !important;
}

.section-divider {
    border-color: rgba(201, 168, 76, 0.3) !important;
}

/* =====================================================
   24. 숫자 카운터 (자산 금액)
   ===================================================== */
.assets-num,
.count-num,
[class*="num-count"] {
    color: #E0C36E !important;
    font-family: 'Manrope', sans-serif !important;
    font-weight: 700 !important;
}

/* =====================================================
   25. 메인 섹션 카드 (msec-game)
   ===================================================== */
.msec-game li a {
    background: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
}

.msec-game li a:hover {
    border-color: #C9A84C !important;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.2) !important;
}

.msec-game li .point,
.msec-game li .point2 {
    background: #11161A !important;
    color: #C9A84C !important;
}

.msec-game li .info .time span {
    color: #E0C36E !important;
}

/* =====================================================
   26. skipNavi 접근성
   ===================================================== */
#skipNavi .skipLink:focus,
#skipNavi .skipLink:active {
    background: #C9A84C !important;
    color: #0D1117 !important;
}

/* =====================================================
   27. 로그인/검색/찾기 팝업 아이콘 영역
   ===================================================== */
.LoginNew-Wrap {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.3) !important;
}

.LoginNew-Wrap .myinfo::before {
    color: #C9A84C !important;
}

.LoginNew-Wrap .findid::after {
    color: #C9A84C !important;
}

.LoginNew-Wrap .copy-link::after {
    color: #C9A84C !important;
}

/* =====================================================
   28. 모바일 메뉴 오버레이
   ===================================================== */
@media only screen and (max-width: 1000px) {
    #subNavi {
        background: #0D1117 !important;
    }

    .lm-top h2 {
        background-color: #0D1117 !important;
    }

    .lm-info {
        background: #1A2227 !important;
        border-radius: 0.4rem !important;
    }

    .lm-info .login-btn {
        background: linear-gradient(135deg, #0F6B4B, #0A4A35) !important;
        border: 1px solid #C9A84C !important;
        color: #E0C36E !important;
    }
}

/* =====================================================
   29. 탭 메뉴
   ===================================================== */
.tab-menu li,
.tab-list li {
    background: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
    color: #A8A090 !important;
}

.tab-menu li.on,
.tab-menu li.active,
.tab-list li.on,
.tab-list li.active {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    color: #0D1117 !important;
    border-color: #C9A84C !important;
}

/* =====================================================
   30. 상태 배지 (뱃지)
   ===================================================== */
.badge-new,
.badge-hot {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    color: #0D1117 !important;
}

.badge-end {
    background: #3A4A50 !important;
    color: #A8A090 !important;
}

/* =====================================================
   31. 공통 카드/패널 스타일
   ===================================================== */
.card,
.panel,
.box,
[class*="-box"],
[class*="-card"],
[class*="-panel"] {
    background: #1A2227;
    border: 1px solid #2E3A40;
}

/* =====================================================
   32. 텍스트 강조 색상
   ===================================================== */
.txt-gold,
.gold-txt,
.point-txt {
    color: #C9A84C !important;
}

.txt-green,
.green-txt {
    color: #1E8A61 !important;
}

.txt-bright-gold {
    color: #E0C36E !important;
}

/* =====================================================
   33. 가격/환율 표시 영역
   ===================================================== */
.price-display,
.exchange-rate {
    background: linear-gradient(135deg, #0A4A35, #0D1117) !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    color: #E0C36E !important;
    padding: 12px 20px !important;
    border-radius: 8px !important;
}

/* =====================================================
   34. 메인 타이틀 섹션 배경
   ===================================================== */
.main-title,
.msec-game .main-title {
    background: transparent !important;
}

/* =====================================================
   35. 이미지 중앙 정렬
   ===================================================== */
.main-title img,
.msec-game .main-title img,
.price-wrap img,
.assetcont img {
    display: block !important;
    margin: 0 auto !important;
}

/* =====================================================
   36. 전체 텍스트 가독성 향상
   ===================================================== */
p, span, div, td, th, li {
    color: inherit;
}

.text-muted,
.sub-text,
.small-text {
    color: #A8A090 !important;
}

/* =====================================================
   37. 로딩/스피너
   ===================================================== */
.loading,
.spinner {
    border-color: #C9A84C !important;
    border-top-color: transparent !important;
}

/* =====================================================
   38. 알림 (noty) 스타일
   ===================================================== */
.noty_bar {
    background: #1A2227 !important;
    border-left: 4px solid #C9A84C !important;
    color: #F5F1E8 !important;
}

/* =====================================================
   39. 구분선 색상 통일
   ===================================================== */
.divider,
.separator {
    background: #2E3A40 !important;
}

/* =====================================================
   40. 전체 배경 패턴 적용 (메인 페이지)
   ===================================================== */
#contents-wrap,
.contents-inner {
    background-color: #11161A !important;
}

/* =====================================================
   LOGO FIX - 비율 유지 및 배경 투명 처리
   ===================================================== */
/* PC 헤더 로고: background-size를 auto 100%로 변경 (비율 유지) */
#logo {
    width: 200px !important;
    margin-left: -100px !important;
}
#logo a {
    background-size: auto 100% !important;
    background-position: center center !important;
}

/* 모바일 헤더 로고 */
@media only screen and (max-width: 680px) {
    #logo {
        width: 180px !important;
        margin-left: -90px !important;
    }
    #logo a {
        background-size: auto 100% !important;
        background-position: center center !important;
    }
}
@media only screen and (max-width: 480px) {
    #logo {
        width: 140px !important;
        margin-left: -70px !important;
    }
    #logo a {
        background-size: auto 100% !important;
        background-position: center center !important;
    }
}

/* 모바일 사이드 메뉴 상단 로고 (lm-top) */
@media only screen and (max-width: 1000px) {
    .lm-top h2 {
        background-size: auto 80% !important;
        background-position: center center !important;
    }
    .lm-top2 h2 {
        background-size: auto 80% !important;
        background-position: center center !important;
    }
    /* 사이드 메뉴 logo_left 이미지 */
    .lm-info .logo img {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }
    .lm-info .logo {
        text-align: center !important;
        padding: 10px 0 !important;
    }
}

/* =====================================================
   PC 메뉴 (NEW_NAV3) 글자 가시성 강화
   ===================================================== */
.NEW_NAV3 {
    background-color: #0A4A35 !important;
    color: #F5F1E8 !important;
    border-bottom: 2px solid #C9A84C !important;
}
.NEW_NAV3 td {
    color: #F5F1E8 !important;
    border-right: 1px solid rgba(201, 168, 76, 0.4) !important;
}
.NEW_NAV3 td:first-child {
    border-left: 1px solid rgba(201, 168, 76, 0.4) !important;
}
.NEW_NAV3 td a {
    color: #F5F1E8 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}
.NEW_NAV3 td:hover {
    background-color: #C9A84C !important;
    color: #0D1117 !important;
}
.NEW_NAV3 td:hover a {
    color: #0D1117 !important;
    text-shadow: none !important;
}
.NEW_NAV3 .active {
    background-color: #C9A84C !important;
    color: #0D1117 !important;
}
.NEW_NAV3 .active a {
    color: #0D1117 !important;
    text-shadow: none !important;
}

/* NEW_NAV, NEW_NAV2 동일 처리 */
.NEW_NAV {
    border-bottom: 2px solid #C9A84C !important;
}
.NEW_NAV li a {
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}
.NEW_NAV li:hover {
    background-color: #C9A84C !important;
}
.NEW_NAV li:hover a {
    color: #0D1117 !important;
    text-shadow: none !important;
}
.NEW_NAV .active {
    background-color: #C9A84C !important;
}
.NEW_NAV .active a {
    color: #0D1117 !important;
    text-shadow: none !important;
}
.NEW_NAV2 {
    border-bottom: 2px solid #C9A84C !important;
}
.NEW_NAV2 td a {
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.5) !important;
}
.NEW_NAV2 td:hover {
    background-color: #C9A84C !important;
}
.NEW_NAV2 td:hover a {
    color: #0D1117 !important;
    text-shadow: none !important;
}
.NEW_NAV2 .active {
    background-color: #C9A84C !important;
}
.NEW_NAV2 .active a {
    color: #0D1117 !important;
    text-shadow: none !important;
}

/* =====================================================
   메인 페이지 글자 가시성 개선 (추가 수정)
   ===================================================== */

/* msec-game 카드 내 텍스트 */
.msec-game li .info .tit {
    color: #F5F1E8 !important;
}
.msec-game li .info .tit span {
    background: #0A4A35 !important;
    color: #E0C36E !important;
}
.msec-game li.end .info .tit span {
    background: #3A3A3A !important;
    color: #A8A090 !important;
}
.msec-game li.sold-out .info .tit span {
    background: #6B2020 !important;
    color: #F5F1E8 !important;
}
.msec-game li .info .time {
    color: #A8A090 !important;
}
.msec-game li .info .time span {
    color: #E0C36E !important;
}
.msec-game li .point p,
.msec-game li .point2 p {
    color: #C9A84C !important;
}
.msec-game li .point span,
.msec-game li .point2 span {
    color: #E0C36E !important;
}

/* msec-intro 섹션 */
.msec-intro li {
    background: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
}
.msec-intro li .tit {
    background: #0A4A35 !important;
    color: #E0C36E !important;
}
.msec-intro li .num {
    color: #F5F1E8 !important;
}
.msec-intro li .point {
    background: #11161A !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    color: #C9A84C !important;
}
.msec-intro li .point span {
    color: #E0C36E !important;
}

/* 메인 자산 정보 영역 */
.mcont01,
.mcont02,
.mcont03 {
    color: #F5F1E8 !important;
}
.mcont01 .assetcont,
.mcont02 .assetcont {
    color: #F5F1E8 !important;
}
.mcont01 .assetcont .tit,
.mcont02 .assetcont .tit {
    color: #A8A090 !important;
}
.mcont01 .assetcont .num,
.mcont02 .assetcont .num {
    color: #E0C36E !important;
}

/* 가격 섹션 텍스트 */
.msec-price .price-txt,
.msec-price .price-num,
[class*="msec-price"] .price-txt,
[class*="msec-price"] .price-num {
    color: #E0C36E !important;
}
.msec-price .price-unit,
[class*="msec-price"] .price-unit {
    color: #A8A090 !important;
}

/* Welcome 텍스트 및 메인 타이틀 영역 */
.msec-game .main-title,
.msec-game .main-title h2,
.msec-game .main-title h3,
.msec-game .main-title p {
    color: #E0C36E !important;
    text-shadow: 0 2px 8px rgba(0,0,0,0.5) !important;
}

/* 공지사항 영역 */
.lm-notice h3,
.notice-title,
.notice-wrap h3 {
    color: #C9A84C !important;
    border-bottom: 1px solid rgba(201, 168, 76, 0.4) !important;
}
.lm-notice ul li,
.notice-wrap ul li {
    color: #F5F1E8 !important;
    border-bottom: 1px solid #2E3A40 !important;
}
.lm-notice ul li a,
.notice-wrap ul li a {
    color: #F5F1E8 !important;
}
.lm-notice ul li a:hover,
.notice-wrap ul li a:hover {
    color: #E0C36E !important;
}

/* 모바일 메뉴 글자 가시성 강화 */
#subNavi .leftmenu ul .lm_a2,
#subNavi .leftmenu-p2p ul .lm_a2 {
    color: #F5F1E8 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 3px rgba(0,0,0,0.8) !important;
}
#subNavi .leftmenu ul .lm_l2,
#subNavi .leftmenu-p2p ul .lm_l2 {
    background: #1A2227 !important;
    border-bottom: 1px solid #2E3A40 !important;
}
#subNavi .leftmenu ul .lm_a2:hover,
#subNavi .leftmenu-p2p ul .lm_a2:hover {
    color: #E0C36E !important;
    background: rgba(201, 168, 76, 0.15) !important;
}

/* 모바일 사이드 메뉴 전체 배경 및 텍스트 */
#subNavi {
    background: #0D1117 !important;
}
#subNavi * {
    color: #F5F1E8;
}

/* 모바일 하단 네비 (mf-footer) */
#mf-footer,
.mf-footer,
[id*="mf-footer"],
[class*="mf-footer"] {
    background: #0D1117 !important;
    border-top: 1px solid rgba(201, 168, 76, 0.4) !important;
}
#mf-footer a,
.mf-footer a {
    color: #A8A090 !important;
}
#mf-footer a.on,
#mf-footer a:hover,
.mf-footer a.on,
.mf-footer a:hover {
    color: #E0C36E !important;
}

/* PC 메뉴 글자 최종 강화 */
.NEW_NAV3 td a,
.NEW_NAV3 td {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9) !important;
}
.NEW_NAV td a,
.NEW_NAV li a {
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.9) !important;
}

/* =====================================================
   메인 박스 글자색 최종 강화 수정
   ===================================================== */

/* 메인 카드 박스 배경 및 테두리 */
.msec-game li a {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.35) !important;
}

/* 메인 카드 제목 색상 - nth-child 오버라이드 */
.msec-game li:nth-child(1) .info .tit,
.msec-game li:nth-child(2) .info .tit,
.msec-game li:nth-child(3) .info .tit,
.msec-game li:nth-child(4) .info .tit,
.msec-game li:nth-child(5) .info .tit,
.msec-game li:nth-child(6) .info .tit,
.msec-game li:nth-child(7) .info .tit,
.msec-game li:nth-child(8) .info .tit,
.msec-game li:nth-child(9) .info .tit,
.msec-game li:nth-child(10) .info .tit,
.msec-game li:nth-child(11) .info .tit,
.msec-game li:nth-child(12) .info .tit {
    color: #E0C36E !important;
}

/* 카드 상태 배지 */
.msec-game li .info .tit span {
    background: #0A4A35 !important;
    color: #F5F1E8 !important;
    font-weight: 600 !important;
}
.msec-game li.end .info .tit span {
    background: #3A3A3A !important;
    color: #A8A090 !important;
}
.msec-game li.sold-out .info .tit span {
    background: #6B2020 !important;
    color: #F5F1E8 !important;
}

/* 시간 표시 */
.msec-game li .info .time {
    color: #A8A090 !important;
}
.msec-game li .info .time span {
    color: #E0C36E !important;
    font-weight: 700 !important;
}

/* 포인트 박스 */
.msec-game li .point,
.msec-game li .point2 {
    background: #11161A !important;
    color: #C9A84C !important;
    border: 1px solid rgba(201, 168, 76, 0.25) !important;
}
.msec-game li .point p,
.msec-game li .point2 p {
    color: #C9A84C !important;
}
.msec-game li .point span,
.msec-game li .point2 span {
    color: #E0C36E !important;
}

/* Welcome / auto 섹션 */
.msec-game .auto,
.msec-game .type1,
.msec-game .type2 {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.3) !important;
    border-radius: 8px !important;
}
.msec-game .auto p,
.msec-game .type1 p,
.msec-game .type2 p {
    color: #E0C36E !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 4px rgba(0,0,0,0.6) !important;
}

/* Go! Market 버튼 */
.type1 .auto-button-selected,
.auto .auto-button-selected {
    background: linear-gradient(135deg, #0A4A35, #1E8A61) !important;
    border: 2px solid #C9A84C !important;
    color: #F5F1E8 !important;
    box-shadow: 0 4px 16px rgba(201, 168, 76, 0.3) !important;
}
.type1 .auto-button-selected:hover,
.auto .auto-button-selected:hover {
    background: linear-gradient(135deg, #C9A84C, #E0C36E) !important;
    color: #0D1117 !important;
}

/* buy-img 그림자 제거 (다크 테마에서 회색 그림자 이상하게 보임) */
.auto .buy-img:after,
.type1 .buy-img:after,
.type2 .buy-img:after {
    background: rgba(201, 168, 76, 0.2) !important;
}

/* =====================================================
   table 색상 수정 - 글자가 보이지 않는 문제 해결
   ===================================================== */

/* table 기본 텍스트 색상 - 다크 배경에서 보이도록 */
table td,
table th {
    border-color: #2E3A40 !important;
    color: #F5F1E8 !important;
    background-color: transparent !important;
}

/* 테이블 내 특정 색상 클래스 오버라이드 */
table td.red, table td .red,
table td[style*="color: red"],
table td[style*="color:#f"] {
    color: #E07070 !important;
}
table td.blue, table td .blue,
table td[style*="color: blue"],
table td[style*="color:#0"] {
    color: #70A8E0 !important;
}

/* 테이블 행 배경 */
table tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.03) !important;
}
table tr:hover td {
    background-color: rgba(201, 168, 76, 0.08) !important;
}

/* =====================================================
   모바일 메뉴 아이콘 배경색 제거
   - background-image 사용 시 background-color 흰색이 보이는 문제
   ===================================================== */

/* leftmenu 아이콘 배경 투명 처리 */
.leftmenu ul .lm_a2,
.leftmenu-p2p ul .lm_a2,
#subNavi .leftmenu ul .lm_a2,
#subNavi .leftmenu-p2p ul .lm_a2 {
    background-color: transparent !important;
}

/* lm_l2 배경 통일 */
.leftmenu ul .lm_l2,
.leftmenu-p2p ul .lm_l2,
#subNavi .leftmenu ul .lm_l2,
#subNavi .leftmenu-p2p ul .lm_l2 {
    background-color: #1A2227 !important;
    border-bottom: 1px solid #2E3A40 !important;
}

/* =====================================================
   모바일 푸터 아이콘 가시성 개선
   ===================================================== */

/* 푸터 아이콘 영역 배경 */
#footer div a.footer1,
#footer div a.footer2,
#footer div a.footer3,
#footer div a.footer4 {
    background-color: transparent !important;
    color: #F5F1E8 !important;
}

/* 푸터 텍스트 색상 강화 */
#footer div a {
    color: #E0C36E !important;
    font-weight: 600 !important;
}
#footer div a:hover {
    color: #C9A84C !important;
}

/* 모바일 푸터 전체 배경 */
#footer {
    background: #0D1117 !important;
    border-top: 1px solid rgba(201, 168, 76, 0.3) !important;
}

/* =====================================================
   JOIN 페이지 - 회원가입 폼 가시성 개선
   ===================================================== */

/* Members 폼 컨테이너 - 다크 배경으로 변경 */
.Members {
    background-color: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
    border-radius: 0.5rem !important;
}

/* 레이블 텍스트 (홀수 li) - 골드 색상으로 가시성 확보 */
.Members li:nth-child(odd) {
    color: #E0C36E !important;
    font-weight: 600 !important;
}

/* 입력 필드 - 다크 배경 + 아이보리 텍스트 */
.Members li input,
.Members li select,
.Stars li input,
.Stars li select {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
    border-radius: 4px !important;
}

/* 입력 필드 포커스 */
.Members li input:focus,
.Members li select:focus {
    border-color: #C9A84C !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.2) !important;
}

/* placeholder 색상 */
.Members li input::placeholder {
    color: #6B7A80 !important;
}

/* select 드롭다운 옵션 */
.Members li select option {
    background-color: #1A2227 !important;
    color: #F5F1E8 !important;
}

/* 버튼 (Search, Check 등) */
.Members li .btn,
.Stars li .btn {
    background-color: #1E8A61 !important;
    border-color: #1E8A61 !important;
    color: #F5F1E8 !important;
    font-weight: 600 !important;
}
.Members li .btn:hover,
.Stars li .btn:hover {
    background-color: #C9A84C !important;
    border-color: #C9A84C !important;
    color: #0D1117 !important;
}

/* CONFIRM 버튼 */
.btn-confirm a {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    border: 1px solid #C9A84C !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
}
.btn-confirm a:hover {
    background: linear-gradient(135deg, #E0C36E, #C9A84C) !important;
}

/* =====================================================
   레이어 팝업 (로그인/비밀번호 찾기) - UTPA 다크 테마
   ===================================================== */

/* 팝업 배경 오버레이 */
#layer-pop {
    background: rgba(0, 0, 0, 0.75) !important;
}

/* 팝업 컨테이너 */
#layer-pop div.popup {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    box-shadow: 0 0 30px rgba(201, 168, 76, 0.15) !important;
}

/* 팝업 타이틀 */
#layer-pop div.pop-title {
    background: linear-gradient(180deg, #0D1117, #1A2227) !important;
    border-bottom: 1px solid rgba(201, 168, 76, 0.3) !important;
}
#layer-pop div.pop-title p {
    color: #E0C36E !important;
    font-weight: 700 !important;
}
#layer-pop div.pop-title span {
    background: #C9A84C !important;
}

/* 팝업 입력 필드 */
#layer-pop input {
    background: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
    border-radius: 4px !important;
}
#layer-pop input:focus {
    border-color: #C9A84C !important;
    outline: none !important;
}
#layer-pop input::placeholder {
    color: #6B7A80 !important;
    font-weight: 400 !important;
}

/* 팝업 버튼 */
#layer-pop .btn-login a,
#layer-pop .btn-findid a,
#layer-pop .btn-findpw a,
#layer-pop .btn-search a {
    background: linear-gradient(135deg, #C9A84C, #8B6914) !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}
#layer-pop .btn-login a:hover,
#layer-pop .btn-findid a:hover,
#layer-pop .btn-findpw a:hover,
#layer-pop .btn-search a:hover {
    background: linear-gradient(135deg, #E0C36E, #C9A84C) !important;
}

/* 팝업 링크 (Forgot ID/PW) */
#layer-pop .popup .forgot a {
    color: #A8A090 !important;
}
#layer-pop .popup .forgot a:hover {
    color: #E0C36E !important;
}

/* 팝업 설명 텍스트 */
#layer-pop div.findid-pop p,
#layer-pop div.findpw-pop p,
#layer-pop div.search-pop p {
    color: #A8A090 !important;
}

/* 팝업 닫기 버튼 */
#layer-pop .pop_close {
    filter: brightness(2) sepia(1) hue-rotate(10deg) !important;
}

/* prevention (캡챠) 영역 */
#layer-pop .prevention {
    background: #0D1117 !important;
    border: 1px solid #2E3A40 !important;
    color: #A8A090 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* charge-pop 팝업 */
#layer-pop div.charge-pop {
    background: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.4) !important;
}
#layer-pop div.charge-pop .ch-tab {
    background: #1E8A61 !important;
    color: #F5F1E8 !important;
}
#layer-pop div.charge-pop .ch-tab.active,
#layer-pop div.charge-pop .ch-tab:hover {
    background: #C9A84C !important;
    color: #0D1117 !important;
}

/* ============================================================
   .asset_list / .withdrawal_list 글자 가시성 개선
   ============================================================ */

/* 컨테이너 배경 다크 처리 */
.asset_list,
.withdrawal_list {
    background-color: #1A2227 !important;
    border: 1px solid rgba(201, 168, 76, 0.25) !important;
    border-radius: 0.5rem !important;
    color: #F5F1E8 !important;
}

/* 내부 모든 텍스트 기본 색상 */
.asset_list *,
.withdrawal_list * {
    color: #F5F1E8 !important;
}

/* select 드롭다운 */
.asset_list select,
.withdrawal_list select {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
    border-radius: 4px !important;
}
.asset_list select option,
.withdrawal_list select option {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
}

/* input 필드 */
.asset_list input,
.withdrawal_list input {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
    border-radius: 4px !important;
}
.asset_list input::placeholder,
.withdrawal_list input::placeholder {
    color: #6B7280 !important;
}
.asset_list input:focus,
.withdrawal_list input:focus {
    border-color: #C9A84C !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201, 168, 76, 0.2) !important;
}

/* 검색 버튼 */
.asset_list .btn-search,
.withdrawal_list .btn-search {
    background: linear-gradient(135deg, #C9A84C, #E0C36E) !important;
    color: #0D1117 !important;
    border: none !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
}
.asset_list .btn-search:hover,
.withdrawal_list .btn-search:hover {
    background: linear-gradient(135deg, #E0C36E, #C9A84C) !important;
}

/* 내부 테이블 */
.asset_list table,
.withdrawal_list table {
    background-color: transparent !important;
    color: #F5F1E8 !important;
}
.asset_list table th,
.withdrawal_list table th {
    background-color: #0A4A35 !important;
    color: #E0C36E !important;
    font-weight: 700 !important;
    border-color: #2E3A40 !important;
}
.asset_list table td,
.withdrawal_list table td {
    background-color: transparent !important;
    color: #F5F1E8 !important;
    border-color: #2E3A40 !important;
}
.asset_list table tr:nth-child(even) td,
.withdrawal_list table tr:nth-child(even) td {
    background-color: rgba(255, 255, 255, 0.03) !important;
}
.asset_list table tr:hover td,
.withdrawal_list table tr:hover td {
    background-color: rgba(201, 168, 76, 0.08) !important;
}

/* 금액/상태 색상 유지 */
.asset_list #charge,
.withdrawal_list #charge {
    color: #E0C36E !important;
}
.asset_list #sell,
.withdrawal_list #sell {
    color: #FF6B6B !important;
}
.asset_list #bonus,
.withdrawal_list #bonus {
    color: #A78BFA !important;
}

/* 달력 인풋 */
.asset_list .calendar input,
.withdrawal_list .calendar input {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
}

/* 레이블 및 span 텍스트 */
.asset_list label,
.withdrawal_list label,
.asset_list span,
.withdrawal_list span {
    color: #F5F1E8 !important;
}

/* 페이지네이션 */
.asset_list .paging a,
.withdrawal_list .paging a {
    color: #A8A090 !important;
    border-color: #2E3A40 !important;
}
.asset_list .paging a.on,
.asset_list .paging a:hover,
.withdrawal_list .paging a.on,
.withdrawal_list .paging a:hover {
    background-color: #C9A84C !important;
    color: #0D1117 !important;
    border-color: #C9A84C !important;
}

/* ============================================================
   팝업 이미지 위치 수정 및 close 버튼 가시성 개선 (v3)
   팝업 구조: .popup { width:300px, height:360px }
              .pop-title { height:90px, position:relative }
              img { position:absolute, top:-70%, left:-15% } (원본 기준)
   수정: 이미지를 팝업 상단 중앙 위로 올려서 표시
   ============================================================ */

/* 팝업 overflow visible - 이미지가 팝업 밖으로 나올 수 있게 */
#layer-pop div.login-pop,
#layer-pop div.findid-pop,
#layer-pop div.findpw-pop,
#layer-pop div.search-pop {
    overflow: visible !important;
}

/* login.png - 팝업 상단 중앙 위로 올리기 */
#layer-pop div.login-pop img {
    position: absolute !important;
    top: -75px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 24px rgba(201, 168, 76, 0.4) !important;
    object-fit: contain !important;
    background: transparent !important;
}

/* findid/findpw - 팝업 상단 중앙 위로 올리기 */
#layer-pop div.findid-pop img,
#layer-pop div.findpw-pop img {
    position: absolute !important;
    top: -75px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 24px rgba(201, 168, 76, 0.4) !important;
    object-fit: contain !important;
    background: transparent !important;
}

/* search-pop 이미지 */
#layer-pop div.search-pop img {
    position: absolute !important;
    top: -75px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 120px !important;
    height: 120px !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 24px rgba(201, 168, 76, 0.4) !important;
    object-fit: contain !important;
    background: transparent !important;
}

/* pop-title 상단 패딩 확보 (이미지 공간) */
#layer-pop div.login-pop .pop-title,
#layer-pop div.findid-pop .pop-title,
#layer-pop div.findpw-pop .pop-title,
#layer-pop div.search-pop .pop-title {
    padding-top: 50px !important;
    height: auto !important;
    min-height: 90px !important;
    position: relative !important;
}

/* 팝업 높이 자동 조정 - 내용에 맞게 */
#layer-pop div.login-pop {
    height: auto !important;
    min-height: 380px !important;
    padding-bottom: 20px !important;
}
#layer-pop div.findid-pop {
    height: auto !important;
    min-height: 360px !important;
    padding-bottom: 20px !important;
}
#layer-pop div.findpw-pop {
    height: auto !important;
    min-height: 400px !important;
    padding-bottom: 20px !important;
}
#layer-pop div.search-pop {
    height: auto !important;
    min-height: 340px !important;
    padding-bottom: 20px !important;
}

/* close 버튼 - 골드 X 아이콘으로 표시 */
#layer-pop .pop_close {
    background-image: url('/_Img/Layout/bt-close.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 18px 18px !important;
    width: 30px !important;
    height: 30px !important;
    top: 10px !important;
    right: 10px !important;
    position: absolute !important;
    z-index: 2500 !important;
    cursor: pointer !important;
    background-color: rgba(13, 17, 23, 0.7) !important;
    border-radius: 50% !important;
    border: 1px solid rgba(201, 168, 76, 0.5) !important;
    display: block !important;
}
#layer-pop .pop_close:hover {
    background-color: rgba(201, 168, 76, 0.25) !important;
    border-color: #C9A84C !important;
}

/* pop-title 텍스트 색상 */
#layer-pop div.login-pop .pop-title p,
#layer-pop div.findid-pop .pop-title p,
#layer-pop div.findpw-pop .pop-title p,
#layer-pop div.search-pop .pop-title p {
    color: #E0C36E !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* ============================================================
   .asset_list / .withdrawal_list 내부 텍스트 색상 강화
   (기존 * 선택자 보완 - 특정 요소 명시 지정)
   ============================================================ */
.asset_list p,
.asset_list h1, .asset_list h2, .asset_list h3,
.asset_list h4, .asset_list h5, .asset_list h6,
.asset_list li, .asset_list dt, .asset_list dd,
.asset_list strong, .asset_list em, .asset_list b,
.withdrawal_list p,
.withdrawal_list h1, .withdrawal_list h2, .withdrawal_list h3,
.withdrawal_list h4, .withdrawal_list h5, .withdrawal_list h6,
.withdrawal_list li, .withdrawal_list dt, .withdrawal_list dd,
.withdrawal_list strong, .withdrawal_list em, .withdrawal_list b {
    color: #F5F1E8 !important;
}

/* 상태 텍스트 (진행중/완료/취소 등) */
.asset_list .state-wait,
.withdrawal_list .state-wait { color: #E0C36E !important; }

.asset_list .state-done,
.withdrawal_list .state-done { color: #1E8A61 !important; }

.asset_list .state-cancel,
.withdrawal_list .state-cancel { color: #FF6B6B !important; }

/* ============================================================
   .RadioDefault 글자 가시성 개선
   원인: background-color: #fff (흰 배경) + 검정 글자 → 다크 테마에서 흰 박스로 보임
   ============================================================ */
.RadioDefault {
    background-color: #1A2227 !important;
    border: 1px solid #2E3A40 !important;
    color: #F5F1E8 !important;
}
.RadioDefault * {
    color: #F5F1E8 !important;
}
.RadioDefault label {
    color: #F5F1E8 !important;
    font-weight: 500 !important;
}
.RadioDefault span {
    color: #F5F1E8 !important;
}
.RadioDefault li {
    color: #F5F1E8 !important;
}
.RadioDefault p {
    color: #F5F1E8 !important;
}
/* 라디오 버튼 input */
.RadioDefault .radiobox input {
    border: 1px solid #C9A84C !important;
    background-color: #0D1117 !important;
    accent-color: #C9A84C !important;
}
.RadioDefault .radiobox input:checked {
    background: #C9A84C !important;
    border-color: #E0C36E !important;
}
/* select 드롭다운 */
.RadioDefault select {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
}
.RadioDefault select:focus {
    border-color: #C9A84C !important;
    outline: none !important;
}
/* input 텍스트 필드 */
.RadioDefault input[type="text"],
.RadioDefault input[type="number"],
.RadioDefault input[type="email"],
.RadioDefault input[type="tel"] {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
}
.RadioDefault input[type="text"]:focus,
.RadioDefault input[type="number"]:focus {
    border-color: #C9A84C !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.2) !important;
}
/* 검색/확인 버튼 */
.RadioDefault .btn-search a,
.RadioDefault .btn-confirm a,
.RadioDefault .btn-search button,
.RadioDefault .btn-confirm button {
    background: linear-gradient(135deg, #C9A84C 0%, #E0C36E 100%) !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
    border: none !important;
}
.RadioDefault .btn-search a:hover,
.RadioDefault .btn-confirm a:hover {
    background: linear-gradient(135deg, #E0C36E 0%, #C9A84C 100%) !important;
}
/* RadioDefault2 (파란 계열) */
.RadioDefault2 {
    background-color: #1A2227 !important;
    color: #F5F1E8 !important;
}
.RadioDefault2 * {
    color: #F5F1E8 !important;
}
.RadioDefault2 input:checked {
    background: #1E8A61 !important;
    border: 1px solid #27B87F !important;
}

/* ============================================================
   전체 페이지 스타일 감사 후 일괄 수정 (v4)
   ============================================================ */

/* ── Buy 페이지: 입력 필드 배경 수정 ── */
.section-buy input,
.section-buy select,
.div-buy select,
.Buy-list .check input,
.Buy-list .check select,
.Buy-list-p2p .check input,
.Buy-list-p2p .check select {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
}
.section-buy input:focus,
.section-buy select:focus,
.div-buy select:focus,
.Buy-list .check input:focus {
    border-color: #C9A84C !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.2) !important;
}

/* ── Buy 페이지: 수량 조절 버튼 (보라/파랑 → 골드/그린) ── */
.Buy-list .check .transaction button:nth-child(1),
.Buy-list-p2p .check .transaction button:nth-child(1) {
    background: #0A4A35 !important;
    color: #F5F1E8 !important;
    border: 1px solid #1E8A61 !important;
}
.Buy-list .check .transaction button:nth-child(2),
.Buy-list-p2p .check .transaction button:nth-child(2) {
    background: #1E8A61 !important;
    color: #F5F1E8 !important;
}
.Buy-list .check .transaction button:nth-child(3),
.Buy-list-p2p .check .transaction button:nth-child(3) {
    background: linear-gradient(135deg, #C9A84C 0%, #E0C36E 100%) !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
}
.Buy-list .check .transaction button.selected_fee,
.Buy-list-p2p .check .transaction button.selected_fee {
    border: 2px solid #C9A84C !important;
}

/* ── Buy 페이지: CONFIRM 버튼 테두리 실선 ── */
#btn-farm,
.btn-confirm.buy a {
    background: linear-gradient(135deg, #C9A84C 0%, #E0C36E 100%) !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
    border: 1px solid #C9A84C !important;
    border-radius: 4px !important;
}

/* ── My Info 페이지: 폼 배경 및 텍스트 ── */
.info-cont,
.info-cont li,
.info-cont div {
    background-color: transparent !important;
    color: #F5F1E8 !important;
}
.info-cont input,
.info-cont select,
.info-cont textarea {
    background-color: #0D1117 !important;
    color: #F5F1E8 !important;
    border: 1px solid #2E3A40 !important;
}
.info-cont input:disabled,
.info-cont input[readonly] {
    background-color: #161C22 !important;
    color: #A8A090 !important;
}
.info-cont input:focus,
.info-cont select:focus {
    border-color: #C9A84C !important;
    box-shadow: 0 0 0 2px rgba(201,168,76,0.2) !important;
}
.info-cont li:nth-child(2) input[type="email"]:first-child {
    background: #161C22 !important;
    color: #A8A090 !important;
}

/* ── My Info 섹션 제목 ── */
.sub-title-02,
.sub-title-03,
.sub-title-04 {
    color: #E0C36E !important;
    border-left: 3px solid #C9A84C !important;
    padding-left: 10px !important;
}

/* ── .Unit 색상 (갈색 → 골드) ── */
.Unit {
    color: #E0C36E !important;
}

/* ── PC 하단 푸터 배경 ── */
#footer-wrap2 {
    background: #0D1117 !important;
    border-top: 1px solid #2E3A40 !important;
}
#footer2 .copy {
    color: #A8A090 !important;
}
#footer2 .copy span {
    color: #6B7280 !important;
}
#footer2 a {
    color: #C9A84C !important;
}
#footer2 a:hover {
    color: #E0C36E !important;
}

/* ── 모바일 하단 푸터 아이콘 크기 및 가시성 ── */
#footer div a.footer1 { background-size: 30% !important; }
#footer div a.footer2 { background-size: 30% !important; }
#footer div a.footer3 { background-size: 30% !important; }
#footer div a.footer4 { background-size: 30% !important; }
#footer div a span {
    color: #A8A090 !important;
}
#footer div a.on span,
#footer div a:hover span {
    color: #E0C36E !important;
}

/* ── withdrawal_list 라디오 버튼 배경 ── */
.withdrawal_list .RadioDefault,
.withdrawal_list .RadioDefault2 {
    background-color: transparent !important;
}

/* ── 버튼 공통 ── */
.btn-confirm a,
.btn-search a,
.btn-copy a,
.btn-calc a {
    background: linear-gradient(135deg, #C9A84C 0%, #E0C36E 100%) !important;
    color: #0D1117 !important;
    font-weight: 700 !important;
    border: none !important;
}
.btn-confirm a:hover,
.btn-search a:hover,
.btn-copy a:hover {
    background: linear-gradient(135deg, #E0C36E 0%, #C9A84C 100%) !important;
}

/* ── sub-exp2 텍스트 ── */
.sub-exp2 {
    color: #F5F1E8 !important;
}
.sub-exp2 span {
    color: #E0C36E !important;
}

/* ── table 색상 최종 강화 ── */
table td,
table th,
.table-01 table td,
.table-01 table th {
    background-color: transparent !important;
    color: #F5F1E8 !important;
    border-color: #2E3A40 !important;
}
table thead th,
.table-01 table thead th {
    background-color: #0A4A35 !important;
    color: #E0C36E !important;
    font-weight: 600 !important;
}
table tbody tr:nth-child(even) td {
    background-color: rgba(255,255,255,0.03) !important;
}
table tbody tr:hover td {
    background-color: rgba(201,168,76,0.07) !important;
}

/* ── 모바일 메뉴 아이콘 배경 완전 투명 ── */
.leftmenu ul .lm_l2 a,
.leftmenu-p2p ul .lm_l2 a,
.leftmenu ul .lm_a2,
.leftmenu-p2p ul .lm_a2 {
    background-color: transparent !important;
}

/* ═══════════════════════════════════════════════════════════════
   MEMBER REFERRER TREE PAGE  (body#main / /web/memberReferrer)
   인라인 <style>을 !important로 덮어씌워 UTPA 다크 럭셔리 테마 적용
   ═══════════════════════════════════════════════════════════════ */

/* 페이지 전체 배경 */
body#main {
    background-color: #11161A !important;
    color: #F5F1E8 !important;
    font-family: 'Segoe UI', 'Noto Sans KR', sans-serif !important;
}

/* 스크롤 컨테이너 */
body#main .whole-data {
    background-color: #11161A !important;
    padding: 1.5em !important;
}

/* ── 멤버 카드 (member-box) ── */
body#main .member-box {
    background: linear-gradient(145deg, #1A2227 0%, #1E2A30 100%) !important;
    border: 1px solid #C9A84C !important;
    border-radius: 0.6em !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.5), 0 0 6px rgba(201,168,76,0.15) !important;
    color: #F5F1E8 !important;
    padding: 0.6em !important;
    transition: box-shadow 0.2s ease !important;
}

body#main .member-box:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.6), 0 0 12px rgba(201,168,76,0.35) !important;
    border-color: #E0C36E !important;
}

/* 멤버 ID 라인 (상단 굵은 텍스트) */
body#main .member-box .member-id span {
    color: #E0C36E !important;
    font-weight: 700 !important;
    font-size: 1.05em !important;
    border-bottom: 1px solid rgba(201,168,76,0.35) !important;
    display: block !important;
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

/* 닉네임 */
body#main .member-box .member-nickname span {
    color: #B8D4C8 !important;
    font-size: 0.95em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
}

/* 레벨 */
body#main .member-box .member-level span {
    color: #1E8A61 !important;
    font-weight: 600 !important;
    font-size: 0.9em !important;
}

/* PV / USDT */
body#main .member-box .member-pv span {
    color: #C9A84C !important;
    font-size: 0.88em !important;
    font-weight: 500 !important;
}

/* member-info 내부 배경 */
body#main .member-box .member-info {
    background-color: rgba(30,138,97,0.1) !important;
    border-radius: 0.4em !important;
}

/* ── 루트 노드 (depth 1 = 본인) 강조 ── */
body#main .member-box[data-ref="0"] {
    background: linear-gradient(145deg, #0A4A35 0%, #0D5A42 100%) !important;
    border: 2px solid #E0C36E !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6), 0 0 16px rgba(201,168,76,0.4) !important;
}

body#main .member-box[data-ref="0"] .member-id span {
    color: #FFD700 !important;
    font-size: 1.1em !important;
}

/* ── SVG 연결선 (tree-lines) ── */
body#main .tree-lines line,
body#main .tree-lines path,
body#main svg.tree-lines line,
body#main svg.tree-lines path {
    stroke: rgba(201,168,76,0.5) !important;
    stroke-width: 1.5 !important;
}

/* ── 스크롤바 다크 테마 ── */
body#main .whole-data::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}
body#main .whole-data::-webkit-scrollbar-track {
    background: #0D1117 !important;
}
body#main .whole-data::-webkit-scrollbar-thumb {
    background: #C9A84C !important;
    border-radius: 4px !important;
}
body#main .whole-data::-webkit-scrollbar-thumb:hover {
    background: #E0C36E !important;
}