/* ============================================================
hulk24 이식 보정 — 우리 사이트에 맞는 오버라이드
(hulk24 CSS 가 /css/*.css 로 로드된 뒤 적용됨)
============================================================ */
/* 기존 그누보드 테마 간섭 최소화 */
body { margin: 0; background: #1e1e1e; }
/* ===== LIVE 중계 플레이어 존 ===== */
.hk-live-zone { padding: 12px 14px 14px; }
.hk-live-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.hk-live-head .right_board_box_title { margin: 0; }
.hk-ch-tabs { display: flex; gap: 5px; }
.hk-ch-tab {
padding: 7px 16px; border-radius: 5px; background: #1e2637; color: #aa8888;
font-size: 13px; font-weight: 700; cursor: pointer; border: 1px solid #2c3550;
}
.hk-ch-tab.active { background: #ff3b3b; color: #fff; border-color: #ff3b3b; }
.hk-player-wrap { position: relative; width: 100%; padding-top: 56.25%; background: #000; border-radius: 8px; overflow: hidden; }
.hk-player-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
/* 중계B — 전체 페이지형 임베드 (고정 높이) */
.hk-player-wrap.hk-player-page { padding-top: 0; height: 2400px; }
.hk-player-wrap.hk-player-page iframe { position: static; display: block; height: 2400px; }
/* 검색 폼 정렬 */
.top_box_right form { display: inline; }
/* 배너존 — 메인(index) 이벤트 배너만 grid 적용, hl.php 등은 hulk24 원본 banner_zone 스타일 사용 */
.hk-evt { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 14px 0; float: none; }
.hk-evt a { display: block; border-radius: 8px; overflow: hidden; }
.hk-evt img { width: 100%; display: block; }
/* ===== hulk24 CSS 구조 보정 (우측 메인 컬럼) ===== */
.right_fix_zone { display: block !important; float: none !important; width: auto !important; }
.right_board_box { float: none !important; width: auto !important; margin: 0 0 14px !important; height: auto !important; }
.hulk_seo_wrap { float: none !important; width: auto !important; clear: both !important; }
.right_board_box ul li a { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.right_board_box ul li { float: none !important; width: auto !important; }
.right_board_text { flex: 1; min-width: 0; }
/* 모바일 하단 고정메뉴는 PC에서 숨김 */
.m_menu_fix { display: none; }
@media (max-width: 768px) { .m_menu_fix { display: block; } }
/* hulk24 는 1400px 고정폭 — 뷰포트에 맞게 탄력 조정 */
.top_box, .gnb_box { width: 100% !important; max-width: 1400px !important; }
/* 플레이어존 제목바와 채널탭 동행 정렬 */
.hk-live-zone .right_board_box_title { float: none !important; width: auto !important; flex: 1; line-height: 1.4; align-self: center; }
.hk-live-head { align-items: center; }
/* 사이드바 박스 간격 */
.left_login_box, .left_chat_box, .left_customer_box, .left_notice_box, .left_event_box, .left_new_box { margin-bottom: 14px !important; }
.left_login_opbox { margin-top: 10px; }
/* 최신글 박스 제목바 */
.right_board_box_title { text-align: left; }
/* ===== 상단 검색 인풋 정리 ===== */
.top_box_right li form { display: inline-flex; position: relative; align-items: center; }
.top_box_right li form .top_serch { width: 220px; box-sizing: border-box; outline: none; }
.top_box_right li form .top_serch_btn { position: absolute; right: 5px; top: 50%; transform: translate(0, -50%); }
/* ===== 푸터 ===== */
.footer_wrap { float: none; width: 100%; }
.footer_box { width: 100% !important; max-width: 1400px !important; box-sizing: border-box; align-items: center; gap: 30px; padding: 40px 15px 60px; }
.f_logo, .f_copy, .f_customer { float: none !important; }
.f_copy { margin: 0 !important; flex: 1; }
.f_customer { flex-shrink: 0; }
/* ===== 게시판/검색 페이지 다크 테마 ===== */
.contents_box_right h2[id], .contents_box_right #container_title { color: #fff; }
#bo_list, #bo_v, #bo_w, #bo_gallery, .search_form, #sns {
background: transparent; color: #e8c9b8;
}
.contents_box_right table { background: #1b2130; border: 1px solid #262e42; border-radius: 8px; overflow: hidden; }
.contents_box_right th { background: #1e2637 !important; color: #fff !important; border-bottom: 1px solid #262e42 !important; }
.contents_box_right td { background: #1b2130 !important; color: #e8c9b8 !important; border-bottom: 1px solid #262e42 !important; }
.contents_box_right td a, .contents_box_right th a { color: #e8c9b8; }
.contents_box_right td a:hover { color: #ff4d4d; }
.contents_box_right .bo_subject b { color: #fff; }
.contents_box_right .cnt_cmt { color: #ff4d4d; }
/* 페이지네이션 */
.pg_wrap .pg_page { background: #232b3f; color: #aa8888; border: 1px solid #2c3550; }
.pg_wrap .pg_page:hover { background: #262e42; color: #fff; }
.pg_wrap .pg_current { background: #ff3b3b; color: #fff; border: 1px solid #ff3b3b; }
/* 버튼/폼 */
.contents_box_right .btn_b01, .contents_box_right .btn_b02, .contents_box_right .btn_submit,
.contents_box_right button, .contents_box_right input[type=submit] {
background: #ff3b3b; color: #fff; border: 0; border-radius: 5px; padding: 7px 14px; cursor: pointer; font-weight: 600;
}
.contents_box_right .btn_b02, .contents_box_right .btn_cancel { background: #47506a; }
.contents_box_right input[type=text], .contents_box_right input[type=password],
.contents_box_right select, .contents_box_right textarea {
background: #232b3f; border: 1px solid #2c3550; color: #e6eaf2; border-radius: 5px; padding: 7px 10px; box-sizing: border-box;
}
.contents_box_right a { color: #e8c9b8; }
/* 검색 폼 */
#bo_sch { background: #1b2130; border: 1px solid #262e42; border-radius: 8px; }
#bo_sch .frm_input { background: #232b3f !important; border: 1px solid #2c3550 !important; color: #e6eaf2 !important; }
/* 게시글 보기 */
#bo_v_title { color: #fff; }
#bo_v_info, #bo_v_info strong, .if_date, .sv_member, .member_fld { color: #8b94a7 !important; }
#bo_v_atc { background: #1b2130; border-radius: 8px; }
#bo_v_article, #bo_v_atc, #bo_v_atc * { color: #e8c9b8; }
#bo_v_opt, #bo_v_top, #bo_v_bottom { border-color: #262e42 !important; }
#bo_v_act .bo_v_act_gng { color: #e8c9b8; }
/* 댓글 */
#bo_vc { background: #1b2130; }
#bo_vc article { border-bottom: 1px solid #262e42; }
#bo_vc_w { background: #1b2130; }
/* 캡차/기타 */
#captcha img, .captcha_box { background: #fff; }
/* 좌측 로그인 인풋 폭 보정 */
.left_login_box input.left_login_input { width: calc(100% - 2px) !important; box-sizing: border-box; }
.left_login_box .left_login_btn { width: 100%; box-sizing: border-box; }
/* ===== 그누보드 전체 페이지 다크 테마 포괄 적용 ===== */
/* 로그인/회원가입/글쓰기/갤러리/검색 등 스킨 공통 */
#mb_login, #mb_register, #mb_confirm, #bo_w, #bo_gallery_list, .new_win,
#find_info, #profile, #scrap_frm, #memo_form {
background: #1b2130 !important; border: 1px solid #262e42 !important; border-radius: 10px !important; color: #e8c9b8;
}
#mb_login h1, #mb_login h2, #mb_register h1, #bo_w h2, #bo_gallery_list h2, .new_win h1 { color: #fff !important; }
#mb_login .frm_label, #mb_login label, #mb_register label, #bo_w label { color: #aa8888 !important; }
.frm_input, .frm_info, .required, input.required, textarea.required, select.required {
background: #232b3f !important; border: 1px solid #2c3550 !important; color: #e6eaf2 !important; border-radius: 5px !important;
}
.frm_input::placeholder { color: #67718a; }
/* 자동로그인/체크박스 라인 */
#mb_login .login_chk, #auto_login + label, .chk_box { color: #aa8888; }
/* 섹션 제목 */
#mb_login h1 strong, .tbl_frm01 caption, .bo_w_tit, #bo_guest .tbl_head01 h2 { color: #fff; }
/* 컨테이너 제목 (페이지별 h2) */
#container_title { color: #fff; }
/* 게시판 상단/하단 버튼바 */
.bo_fx { display: flex; align-items: center; justify-content: space-between; }
.bo_fx a, .btn_b01, .btn_b02, .btn_b03, .btn_b04, .btn_admin {
background: #232b3f; color: #e8c9b8 !important; border: 1px solid #2c3550; border-radius: 5px; padding: 6px 12px;
}
.btn_submit, .btn_confirm { background: #01a032 !important; color: #fff !important; border: 0 !important; border-radius: 5px !important; }
/* 목록 빈 폼/공지 */
.tbl_head01.tbl_wr table, table.tbl_head01 { background: #1b2130; }
.tbl_head01 td.empty_table { text-align: center; color: #67718a; }
/* 최신글/위젯 스킨 */
.latest_top_wr, .latest_wr, .lt { background: transparent; }
.lt h2 strong a, .latest_wr h2 a { color: #fff; }
/* 갤러리 */
#bo_gallery_list .gall_href a, .gall_data .gall_subject a { color: #e8c9b8; }
.gall_item, #gall_allview { border-color: #262e42 !important; }
/* 회원/포인트/랭킹 테이블 (section + local_sch) */
.local_sch, .local_wr { color: #aa8888; }
.local_sch a { background: #232b3f !important; color: #e8c9b8 !important; border: 1px solid #2c3550; border-radius: 5px; }
.local_sch01, .local_sch .frm_input { background: #232b3f !important; color: #e6eaf2 !important; }
/* 다크 안맞는 a 전역 보정 (컨텐츠 컬럼 내) */
.contents_box_right a:visited { color: #aa8888; }
/* 스크롤 영역 박스 */
#scrap, #memo_list, #point, #mypage { background: #1b2130; border-radius: 10px; }
/* ===== 게시판 스킨 내부 위젯(top_widget) 보정 ===== */
.widget-grid { max-width: 100% !important; }
.widget-header .title { position: static !important; transform: none !important; order: 2; }
.widget-header .btn { order: 3; }
.widget-header { overflow: visible; }
/* ===== 헤더 검색 인풋 높이 (line-height 50px 상속 제거) ===== */
.top_serch { line-height: normal !important; height: 36px !important; box-sizing: border-box; padding: 0 40px 0 15px !important; }
.top_serch_btn { padding: 4px !important; height: auto; }
.top_serch_btn img { height: 18px; display: block; }
/* ===== 미니게임 스킨 보정 ===== */
.iframe-container { box-sizing: border-box !important; max-width: 100% !important; }
.iframe-container iframe { left: 0 !important; margin-left: 0 !important; }
.minigame_tap_t1, .minigame_tab, .pwb_frm_box, .mini_frm_box { max-width: 100%; box-sizing: border-box; }
/* ===== 바디 / 콘텐츠 배경 ===== */
body { background: #2a1508 !important; }
.contents_box { background: transparent; }
/* ===== 헤더 ===== */
.gnb_wrap { border-bottom-color: #e02802 !important; }
.top_serch { background-color: #5a2a0a !important; border-color: #7a3a10 !important; }
.gnb_title { color: #fff !important; }
.gnb_text { color: #a8765e !important; }
.gnb>ul>li:hover .gnb_title { color: #F7AD38 !important; }
.gnb>ul>li:after { background: rgba(252, 168, 30, 0.18) !important; }
/* ===== GNB 드롭다운 ===== */
.gnb_depth { background: #c21002 !important; }
.gnb_depth>li>a:hover { background: #e02802 !important; }
.depth_triangle { border-bottom-color: #c21002 !important; }
/* ===== 좌측 사이드바 박스 ===== */
.left_login_box, .left_notice_box, .left_event_box, .left_new_box,
.right_board_box, .hk-live-zone, .left_customer_box {
background: #3d1e0a !important; border-color: #7a3a10 !important;
}
.left_login_input { background-color: #1c0d04 !important; border-color: #7a3a10 !important; color: #fff !important; }
.left_login_input.id { background-image: url(/images/id_icon.png) !important; background-repeat: no-repeat !important; background-position: 15px center !important; }
.left_login_input.pw { background-image: url(/images/pw_icon.png) !important; background-repeat: no-repeat !important; background-position: 15px center !important; }
.left_login_input::placeholder { color: #8b94a7 !important; }
.left_login_btn { background: #e02802 !important; color: #fff !important; }
.left_join_btn { background: #7a3a10 !important; color: #F7AD38 !important; }
/* ===== 좌측 마이박스 (hulk24 left_my_box 골드) ===== */
.left_login_box { background: radial-gradient(ellipse at left top, rgba(247,173,56,0.30) 0%, #2a1508 70%) !important; border: 1px solid #7a3a10 !important; }
.left_my_box { float: left; width: 100%; box-sizing: border-box; border-radius: 10px; border: 1px solid #7a3a10; background: radial-gradient(ellipse at left top, rgba(247,173,56,0.30) 0%, #2a1508 70%); padding: 14px; margin-bottom: 14px !important; box-shadow: 2px 2px 10px rgba(0,0,0,0.3); }
.left_my_top { float: left; width: 100%; box-sizing: border-box; padding: 10px; background: #1c0d04; border-radius: 10px; display: flex; align-items: center; }
.left_my_id { float: left; margin: 0 auto 0 0; font-size: 12px; color: #8b94a7; display: flex; align-items: center; }
.left_my_id span { font-size: 14px; color: #ffffff; margin: 0 0 0 4px; }
.left_lv_img { display: inline-block; height: 16px; width: auto; }
.left_my_logout { font-size: 13px; color: #F7AD38; background: none; border: none; padding: 0; cursor: pointer; font-family: inherit; }
.left_my_logout:hover { text-decoration: underline; }
.left_my_point { float: left; width: 100%; box-sizing: border-box; margin: 5px 0 0 0; padding: 10px; background: #1c0d04; border-radius: 10px; display: flex; align-items: center; font-size: 14px; color: #d8c4a8; }
.left_my_point span { margin: 0 0 0 auto; font-weight: 700; font-size: 14px; color: #F7AD38; }
.left_my_btn { float: left; width: 100%; margin: 5px 0 0 0; }
.left_my_btn ul { list-style: none; margin: 0; padding: 0; }
.left_my_btn li { float: left; width: calc(50% - 2px); margin: 0 4px 0 0; }
.left_my_btn li:nth-child(2n) { margin: 0; }
.left_my_btn li a { display: block; width: 100%; box-sizing: border-box; padding: 0 10px; height: 40px; line-height: 38px; border-radius: 10px; text-align: center; background: linear-gradient(120deg, #F7AD38, #e02802); font-weight: 700; font-size: 14px; color: #3d1e0a; transition: all 0.3s; }
.left_my_btn li:nth-child(2n) a { background: linear-gradient(#3d2508 0%, #2a1508 50%, #3d2508 50%, #2a1508 100%); background-size: 100% 200%; border: 1px solid #7a3a10; color: #d8c4a8; font-weight: 500; line-height: 38px; }
.left_my_btn li:hover a { filter: brightness(1.12); }
.left_my_quick_menu { float: left; width: 100%; box-sizing: border-box; margin: 10px 0 0 0; background: #1c0d04; border-radius: 10px; }
.left_my_quick_menu ul { list-style: none; margin: 0; padding: 0; display: flex; }
.left_my_quick_menu li { flex: 1; height: 48px; border-right: 1px solid #000000; }
.left_my_quick_menu li:last-child { border: none; }
.left_my_quick_menu li a { display: flex; height: 100%; align-items: center; justify-content: center; }
.left_my_quick_menu li a img { display: inline-block; width: 100%; max-width: 24px; }
.left_my_quick_menu li a:hover { filter: brightness(1.3); }
/* 자동로그인 라디오 골드 */
.radio_wrap label input:checked + span:before { box-shadow: inset 0 0 0 0.4375em #F7AD38 !important; }
.left_chat_title, .left_notice_title, .left_event_title { background: #7a3a10 !important; color: #fdec65 !important; }
.left_event_devision { border-color: #7a3a10 !important; }
.left_new_tab ul li.active { background: #e02802 !important; color: #fff !important; }
.left_new_tab ul li { background: #5a2a0a !important; }
.left_customer_box { background: #5a2a0a !important; }
.lcb_font2 { color: #F7AD38 !important; }
/* ===== 우측 메인 ===== */
.right_board_box_title { background: #e02802 !important; color: #fff5ec !important; }
.hk-ch-tab { background: #5a2a0a !important; color: #d8a68c !important; border-color: #7a3a10 !important; }
.hk-ch-tab.active { background: #F7AD38 !important; border-color: #F7AD38 !important; color: #fff !important; }
/* ===== 푸터 ===== */
.f_copy { color: #b08a75 !important; }
.f_customer a { color: #fff !important; }
.f_customer a:hover span { color: #F7AD38 !important; }
/* ===== 게시판 / 폼 / 버튼 ===== */
.contents_box_right table { background: #3d1e0a !important; border-color: #7a3a10 !important; }
.contents_box_right th { background: #5a2a0a !important; border-bottom-color: #7a3a10 !important; color: #fff !important; }
.contents_box_right td { background: #3d1e0a !important; border-bottom-color: #7a3a10 !important; color: #e8c9b8 !important; }
.contents_box_right td a, .contents_box_right a { color: #e8c9b8 !important; }
.contents_box_right td a:hover { color: #F7AD38 !important; }
.contents_box_right .bo_subject b { color: #fff !important; }
.cnt_cmt { color: #F7AD38 !important; }
.pg_wrap .pg_page { background: #5a2a0a !important; color: #d8a68c !important; border-color: #7a3a10 !important; }
.pg_wrap .pg_page:hover { background: #7a3a10 !important; color: #fff !important; }
.pg_wrap .pg_current { background: #F7AD38 !important; border-color: #F7AD38 !important; color: #fff !important; }
.contents_box_right .btn_submit, .btn_submit, .btn_confirm { background: #e02802 !important; }
.contents_box_right .btn_b01, .contents_box_right .btn_b02, .contents_box_right .btn_b03, .btn_b01, .btn_b02, .btn_admin {
background: #5a2a0a !important; color: #e8c9b8 !important; border-color: #7a3a10 !important;
}
.contents_box_right .btn_b02, .btn_cancel { background: #7a3a10 !important; color: #F7AD38 !important; }
.frm_input, .contents_box_right input[type=text], .contents_box_right input[type=password],
.contents_box_right select, .contents_box_right textarea {
background: #5a2a0a !important; border-color: #7a3a10 !important; color: #fff !important;
}
#mb_login, #mb_register, #bo_w, #bo_gallery_list, .new_win, #bo_v_atc, #bo_vc, #bo_vc_w, #bo_sch {
background: #3d1e0a !important; border-color: #7a3a10 !important; color: #e8c9b8 !important;
}
#mb_login .frm_label, #mb_login label { color: #d8a68c !important; }
#bo_v_title { color: #fff !important; }
#bo_v_info, #bo_v_info strong, .if_date { color: #a8765e !important; }
.local_sch a { background: #5a2a0a !important; color: #e8c9b8 !important; border-color: #7a3a10 !important; }
.local_sch a.on, .local_sch .on { background: #e02802 !important; color: #fff !important; }
/* ===== 위젯(top_widget) / 미니게임 보정 ===== */
.widget { background: #3d1e0a !important; border-color: #7a3a10 !important; box-shadow: none !important; }
.widget-header { background: #7a3a10 !important; color: #fdec65 !important; border-bottom-color: #7a3a10 !important; }
.tabs div.active, .tab_title_box { background: #e02802 !important; }
.minigame_tap_t1 ul { border-color: #7a3a10 !important; }
.minigame_tap_t1 ul li { background: #2a1508 !important; border-color: #7a3a10 !important; color: #d8a68c !important; }
.minigame_tap_t1 ul li.on { background: #e02802 !important; color: #fff !important; }
/* ===== SEO 존 ===== */
.hulk_seo_wrap { background: transparent !important; }
.hulk_seo_imfortant_title { background: #7a3a10 !important; }
.hulk_seo_title2, .hulk_seo_imfortant_text, .hst_text_box h4, .hulk_seo_imfortant_text h6 { color: #bb8888 !important; }
.hulk_seo_imfortant_title h3 { color: #fdec65 !important; }
.hulk_seo_font02 { color: #F7AD38 !important; }
/* ============================================================
🌟 골드 그라데이션 레이어 — 베이스 #F7AD38
그라데이션: #F7AD38 → #F7AD38 / #F7AD38 → #e02802
============================================================ */
/* ===== GNB ===== */
.gnb_wrap {
border-bottom: 3px solid transparent !important;
border-image: linear-gradient(90deg, #F7AD38, #e02802, #F7AD38) 1 !important;
}
.gnb>ul>li:hover .gnb_title { color: #F7AD38 !important; }
.gnb_depth {
background: linear-gradient(160deg, #f6a02a, #c21002) !important;
}
.gnb_depth>li>a:hover { background: linear-gradient(90deg, #F7AD38, #e02802) !important; }
/* ===== 박스 제목바 / 섹션 헤더 ===== */
.right_board_box_title {
background: linear-gradient(100deg, #F7AD38 0%, #F7AD38 55%, #e02802 100%) !important;
color: #3d1e0a !important; font-weight: 700 !important;
}
.left_chat_title, .left_notice_title, .left_event_title {
background: linear-gradient(100deg, #F7AD38, #F7AD38) !important;
color: #3d1e0a !important;
}
.widget-header { background: linear-gradient(100deg, #F7AD38, #e02802) !important; color: #3d1e0a !important; }
.hulk_seo_imfortant_title { background: linear-gradient(100deg, #F7AD38, #F7AD38) !important; }
.hulk_seo_imfortant_title h3 { color: #3d1e0a !important; }
/* ===== 버튼 ===== */
.left_login_btn, .btn_submit, .btn_confirm,
.contents_box_right .btn_submit {
background: linear-gradient(120deg, #F7AD38, #e02802) !important;
color: #fff !important;
box-shadow: 0 3px 10px rgba(247, 173, 56, 0.35);
}
.left_join_btn { background: linear-gradient(120deg, #7a3a10, #5a2a0a) !important; color: #F7AD38 !important; border: 1px solid #F7AD38 !important; }
/* ===== 채널탭 / 탭 ===== */
.hk-ch-tab.active {
background: linear-gradient(120deg, #F7AD38, #F7AD38) !important;
border-color: #F7AD38 !important; color: #3d1e0a !important;
}
.left_new_tab ul li.active {
background: linear-gradient(120deg, #F7AD38, #e02802) !important;
color: #3d1e0a !important;
}
.minigame_tap_t1 ul li.on {
background: linear-gradient(120deg, #F7AD38, #e02802) !important;
color: #3d1e0a !important;
}
.local_sch a.on { background: linear-gradient(120deg, #F7AD38, #e02802) !important; color: #3d1e0a !important; }
/* ===== 페이지네이션 ===== */
.pg_wrap .pg_current {
background: linear-gradient(120deg, #F7AD38, #F7AD38) !important;
border-color: #F7AD38 !important; color: #3d1e0a !important;
}
/* ===== 카드/박스 골드 보더 포인트 ===== */
.hk-live-zone, .right_board_box, .left_login_box, .left_notice_box, .left_event_box, .left_new_box {
border: 1px solid rgba(247, 173, 56, 0.25) !important;
box-shadow: 0 2px 14px rgba(247, 173, 56, 0.06);
}
.contents_box_right table { border-color: rgba(247, 173, 56, 0.22) !important; }
.contents_box_right th { background: linear-gradient(180deg, #5a2a0a, #5a2a0a) !important; border-bottom: 1px solid rgba(247,173,56,.3) !important; }
/* ===== 헤더 검색창 포커스 ===== */
.top_serch:focus { border-color: #F7AD38 !important; box-shadow: 0 0 0 2px rgba(247, 173, 56, 0.25) !important; }
/* ===== 링크 강조 ===== */
.contents_box_right td a:hover, .left_notice_text a:hover, .left_event_list a:hover { color: #F7AD38 !important; }
.cnt_cmt { color: #F7AD38 !important; }
/* ============================================================
모바일 헤더 + 햄버거 드로어 (hulk24 모바일 참고)
============================================================ */
.m_header { display: none !important; }
.m_top { border-bottom: 1px solid #7a3a10; background: #2a1508; }
.m_logo img { width: 132px; }
.hk-burger { background: none; border: 0; padding: 6px; cursor: pointer; line-height: 0; }
.hk-burger img { width: 30px; height: 30px; }
/* 모바일에서는 데스크톱 GNB 숨기고 모바일 헤더 노출 */
@media (max-width: 1024px) {
.m_header { display: block !important; }
.header_wrap { display: none; }
}
/* 드로어 */
.hk-dimmer { position: fixed; inset: 0; background: rgba(0,0,0,.55); z-index: 2000; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s; }
.hk-drawer {
position: fixed; top: 0; right: 0; bottom: 0; width: 300px; max-width: 86vw;
background: #2a1508; border-left: 1px solid #7a3a10; z-index: 2001;
transform: translateX(105%); transition: transform .28s ease;
overflow-y: auto; overscroll-behavior: contain;
}
.hk-drawer.open { transform: translateX(0); }
.hk-dimmer.open { opacity: 1; visibility: visible; pointer-events: auto; }
.hk-drawer-head {
position: sticky; top: 0; background: #3d1e0a; border-bottom: 1px solid #7a3a10;
padding: 14px 16px; display: flex; align-items: center; justify-content: space-between;
}
.hk-drawer-head img { height: 34px; }
.hk-drawer-head button { background: #5a2a0a; border: 1px solid #7a3a10; color: #F7AD38; border-radius: 6px; width: 34px; height: 34px; font-size: 16px; cursor: pointer; }
.hk-drawer-nav { padding: 10px 0 30px; }
.hk-drawer-group { border-bottom: 1px solid rgba(94,17,3,.6); }
.hk-drawer-group a { display: block; padding: 11px 18px; font-size: 14px; color: #e8c9b8; }
.hk-drawer-group > a + a { padding-left: 30px; color: #bb8888; font-size: 13.5px; border-top: 1px dashed rgba(94,17,3,.5); }
.hk-drawer-main { display: flex; align-items: baseline; gap: 8px; }
.hk-drawer-main span { font-size: 15.5px; font-weight: 700; color: #fff; }
.hk-drawer-main em { font-style: normal; font-size: 11px; color: #a8765e; letter-spacing: .02em; }
.hk-drawer-group a:active, .hk-drawer-group a:hover { background: rgba(247,173,56,.07); color: #F7AD38; }
/* ===== 초록 제거 — 골드 통일 ===== */
/* 햄버거 버튼: 골드 3줄 */
.hk-burger { width: 42px; height: 42px; border-radius: 8px; background: #3d1e0a; border: 1px solid #7a3a10; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; }
.hk-burger span { display: block; width: 20px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, #F7AD38, #e02802); }
.hk-burger:active { border-color: #F7AD38; }
/* 모바일 하단 퀵메뉴 — 골드 아이콘 */
.m_menu_fix { background: #2a1508 !important; border-top: 1px solid #7a3a10; backdrop-filter: blur(4px); }
.m_menu_fix li a { color: #e8c9b8 !important; }
.m_menu_fix li a i { font-size: 20px; color: #F7AD38; margin-bottom: 3px; }
.m_menu_fix li a:active i, .m_menu_fix li a:hover i { color: #fff; }
/* 그 외 hulk24 초록 잔여 전면 차단 */
.left_login_box { background: radial-gradient(ellipse at left top, rgba(247,173,56,0.32) 0%, #2a1508 70%) !important; border: 1px solid #7a3a10 !important; }
.gnb_depth>li>a { color: #fff !important; }
.right_board_box ul li a:hover .right_board_text { color: #F7AD38; }
/* 초록 잔여: 최신글 라벨 + 새글탱 */
.right_board_title { color: #F7AD38 !important; border-color: rgba(247,173,56,.35) !important; }
.left_new_tab li a { background: #3d1e0a !important; border-bottom: 1px solid #7a3a10 !important; color: #d8a68c !important; }
.left_new_tab li.active a { background: linear-gradient(120deg,#F7AD38,#e02802) !important; color: #3d1e0a !important; border-bottom-color: #F7AD38 !important; }
/* 메인 플레이어 — 내부 스크롤 없이 전체 노출 (JS가 높이 자동 설정) */
.hk-player-wrap { padding-top: 0 !important; height: 900px; transition: height .2s; }
.hk-player-wrap iframe { position: static !important; width: 100%; height: 100%; }
/* 중계B 페이지형 임베드 — 고정 2400px */
.hk-player-wrap.hk-player-page { height: 2400px !important; }
.hk-player-wrap.hk-player-page iframe { height: 2400px !important; }
/* ============================================================
게시판 UI/UX 통일 — 메인(다크레드+골드 그라데이션) 기준
============================================================ */
/* ===== 페이지 컨테이너 ===== */
.contents_box_right > h2#container_title,
#container_title {
background: linear-gradient(100deg, #F7AD38 0%, #F7AD38 55%, #e02802 100%) !important;
color: #3d1e0a !important; font-weight: 700 !important;
padding: 13px 18px !important; border-radius: 8px !important;
margin: 0 0 16px !important; font-size: 16px !important; letter-spacing: .01em;
}
/* ===== 게시판 목록 테이블 — 카드형 ===== */
.contents_box_right .tbl_head01,
.contents_box_right table.tbl_head01 { border-radius: 10px; overflow: hidden; border: 1px solid rgba(247,173,56,.25) !important; }
.contents_box_right th {
background: linear-gradient(180deg, #5a2a0a, #5a2a0a) !important;
border-bottom: 2px solid rgba(247,173,56,.45) !important;
color: #fff !important; font-weight: 600 !important;
}
.contents_box_right tbody tr { transition: background .12s; }
.contents_box_right tbody tr:hover td { background: #5a2a0a !important; }
.contents_box_right tbody tr:hover td a { color: #F7AD38 !important; }
/* 공지글 강조 */
.contents_box_right tbody tr:not(.notice) {}
.contents_box_right .bo_notice td { background: #3d1e0a !important; }
.contents_box_right .bo_notice td a { color: #F7AD38 !important; font-weight: 600; }
/* ===== 검색창/셀렉트/입력폼 — 골드 포인트 ===== */
.contents_box_right select,
#bo_sch select {
border: 1px solid rgba(247,173,56,.35) !important; border-radius: 6px !important;
appearance: none; -webkit-appearance: none;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important; background-position: right 10px center !important;
padding-right: 28px !important;
}
.contents_box_right input:focus, .contents_box_right select:focus, .contents_box_right textarea:focus {
border-color: #F7AD38 !important; box-shadow: 0 0 0 2px rgba(247,173,56,.2) !important; outline: none;
}
/* ===== 버튼 통일 ===== */
.btn_b01, .btn_b02, .btn_b03, .btn_b04, .btn_admin, .bo_fx a, #bo_sch .btn_submit {
border-radius: 6px !important; font-weight: 600; transition: all .15s;
}
.btn_b01:hover, .bo_fx a:hover { border-color: #F7AD38 !important; color: #F7AD38 !important; transform: translateY(-1px); }
.btn_submit, #bo_sch .btn_submit {
background: linear-gradient(120deg, #F7AD38, #e02802) !important;
box-shadow: 0 3px 10px rgba(247,173,56,.3);
}
/* ===== 페이지네이션 통일 ===== */
.pg_wrap .pg_page, .pg_wrap .pg_start, .pg_wrap .pg_end, .pg_wrap .pg_prev, .pg_wrap .pg_next {
border-radius: 6px !important; border: 1px solid #7a3a10 !important;
min-width: 30px; height: 30px; line-height: 28px; font-weight: 600;
}
/* ===== 글보기 ===== */
#bo_v_title { border-bottom: 2px solid rgba(247,173,56,.4) !important; padding-bottom: 12px !important; }
#bo_v_atc { border-radius: 10px; border: 1px solid rgba(247,173,56,.2); }
#bo_v_info { border-radius: 8px; background: #3d1e0a; }
#bo_vc { border-radius: 10px; }
#bo_vc_w { border-radius: 10px; }
#bo_v_good, #bo_v_nogood { border-radius: 8px; border: 1px solid #7a3a10; }
/* ===== 글쓰기 폼 ===== */
#bo_w .frm_input, #bo_w textarea, #bo_w select { border-radius: 6px; }
#bo_w .writing-title, #bo_w h2 { color: #fff !important; }
/* ===== 정렬탭/카테고리칩 ===== */
#bo_cate h2, .bo_cate { color: #fff; }
#bo_cate a { background: #3d1e0a !important; border: 1px solid #7a3a10 !important; border-radius: 20px !important; color: #d8a68c !important; padding: 6px 16px !important; font-size: 13px; font-weight: 600; transition: all .15s; }
#bo_cate a:hover { border-color: #F7AD38 !important; color: #F7AD38 !important; }
#bo_cate a#bo_cate_on, #bo_cate a.on {
background: linear-gradient(120deg, #F7AD38, #e02802) !important; border-color: #F7AD38 !important; color: #3d1e0a !important;
}
/* ===== 회원폼(로그인/가입) ===== */
#mb_login, #mb_register { border-radius: 12px !important; border: 1px solid rgba(247,173,56,.25) !important; }
#mb_login .login-box-t, #mb_login h1 { border-bottom: 2px solid rgba(247,173,56,.4); }
/* ===== 링크 기본색 통일 ===== */
.contents_box_right a { text-decoration: none; }
.contents_box_right .btn_b01:focus, .contents_box_right a:focus { outline: none; }
/* 게시판 목록 행 여유 + 검색버튼 통일 (마감 보정) */
.contents_box_right .tbl_head01 td { padding: 11px 12px !important; }
.contents_box_right .tbl_head01 th { padding: 12px !important; }
#bo_sch .btn_submit, .local_sch .btn_submit { background: linear-gradient(120deg, #F7AD38, #e02802) !important; color: #fff !important; border: 0 !important; }
/* ============================================================
게시판 정제(Refined) — 배경 타이틀/과한 레드 제거, 절제된 골드 포인트
============================================================ */
/* 페이지 제목: 배경 없이 흰 볼드 + 얇은 골드 액센트 */
#container_title {
background: none !important;
color: #ffffff !important;
border-left: 4px solid #F7AD38 !important;
border-bottom: 1px solid rgba(247,173,56,.22) !important;
border-radius: 0 !important;
padding: 2px 0 10px 14px !important;
margin: 0 0 18px !important;
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: -.01em;
}
/* 테이블 헤더: 어두운 단색 + 골드 언더라인 (그라데이션 제거) */
.contents_box_right th { background: #3d1e0a !important; }
/* 버튼: 단색 골드 — 그라데이션/글로우 제거 */
.btn_submit, #bo_sch .btn_submit, .local_sch .btn_submit,
.btn_confirm {
background: #F7AD38 !important;
color: #3d1e0a !important;
box-shadow: none !important;
border: 0 !important;
}
.btn_submit:hover { background: #fca81e !important; }
.btn_b01, .btn_b02, .btn_b03, .btn_admin, .bo_fx a {
background: #3d1e0a !important; border: 1px solid #7a3a10 !important;
color: #e8c9b8 !important; box-shadow: none !important; transform: none !important;
}
.btn_b01:hover, .bo_fx a:hover { border-color: #F7AD38 !important; color: #F7AD38 !important; transform: none !important; }
/* 페이지네이션 현재 페이지: 단색 골드 */
.pg_wrap .pg_current {
background: #F7AD38 !important; border-color: #F7AD38 !important;
color: #3d1e0a !important; box-shadow: none !important;
}
/* 카테고리칩 활성: 단색 골드 */
#bo_cate a#bo_cate_on, #bo_cate a.on {
background: #F7AD38 !important; color: #3d1e0a !important; border-color: #F7AD38 !important;
}
/* 행 호버: 은은하게 */
.contents_box_right tbody tr:hover td { background: #2f0c04 !important; }
/* 글보기 제목라인 정리 */
#bo_v_title { border-bottom: 1px solid rgba(247,173,56,.3) !important; }
#bo_v_good, #bo_v_nogood { border-radius: 6px; border: 1px solid #7a3a10; }
/* ============================================================
게시판 스킨 원본색 제거 — 회색 배경/빨간 글씨(#bo_list 계열) 정리
============================================================ */
#bo_list, #bo_v, #bo_w, #bo_gallery_list, #bo_login, .bo_wrap {
background: transparent !important;
border: 0 !important;
color: #e8c9b8 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 스킨 제목 h2 (배경 회색 + 빨간글씨) → 정제된 타이틀로 통일 */
.contents_box_right h2:not([class]):not([id]),
#bo_list > h2, #bo_v > h2, #bo_w > h2, #bo_gallery_list > h2 {
background: none !important;
color: #ffffff !important;
border: 0 !important;
border-left: 4px solid #F7AD38 !important;
padding: 2px 0 10px 14px !important;
margin: 0 0 16px !important;
font-size: 18px !important;
font-weight: 700 !important;
line-height: 1.3 !important;
text-shadow: none !important;
}
/* 테이블 내 짝수행 회색 잔여 제거 */
#bo_list tbody .even td, #bo_list tbody .odd td { background: #3d1e0a !important; }
/* 기타 스킨 잔여 회색 요소 */
.more_opt li, .more_opt li button, .more_opt li a { background: #3d1e0a !important; color: #e8c9b8 !important; border-color: #7a3a10 !important; }
.more_opt li button:hover, .more_opt li a:hover { color: #F7AD38 !important; }
/* ============================================================
미세 정렬(Micro-alignment) — 버튼 텍스트 중앙·툴팁·폼 정리
============================================================ */
/* 버튼류: 인라인플렉스 중앙정렬 + line-height 리셋 (글자 내려감 현상 제거) */
.contents_box_right a[class*="btn"],
.contents_box_right button,
.contents_box_right input[type="submit"],
.bo_fx a, .pg_wrap a, .pg_wrap span,
#bo_cate a, .local_sch a, #bo_sch .btn_submit {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.2 !important;
vertical-align: middle;
gap: 6px;
box-sizing: border-box;
}
/* 높이 통일 */
.bo_fx a, .contents_box_right .btn_b01 { height: 36px; padding: 0 16px !important; }
.btn_more_opt { height: 32px; padding: 0 10px !important; }
.btn_more_opt .fa-bars, .btn_more_opt .material-icons { font-size: 18px; }
/* 셀렉트 텍스트 수직 중앙 (Windows 크롬 이슈) */
.contents_box_right select { padding-top: 0 !important; padding-bottom: 0 !important; height: 38px; }
/* 테이블 셀 수직 중앙 + 체크박스 정렬 */
.contents_box_right td, .contents_box_right th { vertical-align: middle !important; }
.contents_box_right input[type="checkbox"], .contents_box_right input[type="radio"] { vertical-align: middle; margin-top: 0; }
/* bo_flex 정렬 */
.bo_fx { display: flex !important; align-items: center; justify-content: space-between; gap: 8px; }
.bo_fx .btn_bo_fx { display: flex; align-items: center; gap: 6px; }
/* ===== 툴팁: 더보기 옵션 패널(⋮) ===== */
.more_opt {
background: #3d1e0a !important;
border: 1px solid #7a3a10 !important;
border-radius: 8px !important;
box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
padding: 6px !important;
min-width: 120px;
z-index: 100 !important;
}
.more_opt li { border-bottom: 1px solid rgba(94,17,3,.5) !important; width: auto !important; margin: 0 !important; }
.more_opt li:last-child { border-bottom: 0 !important; }
.more_opt li button, .more_opt li a {
display: flex !important; align-items: center; justify-content: flex-start;
line-height: 1.2 !important; padding: 8px 10px !important;
background: transparent !important; color: #e8c9b8 !important;
border-radius: 6px; width: 100% !important; font-size: 13px;
}
.more_opt li button:hover, .more_opt li a:hover { background: #5a2a0a !important; color: #F7AD38 !important; }
/* ===== 툴팁: 작성자(sv) 팝업 ===== */
.sv, .sv_member { position: relative; }
.sv .sv_in { display: none; }
.sv_on .sv_in, .sv:hover .sv_in {
background: #3d1e0a !important; border: 1px solid #7a3a10 !important;
border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.5) !important;
}
.sv_in a { color: #e8c9b8 !important; padding: 3px 0 !important; }
.sv_in a:hover { color: #F7AD38 !important; }
/* 검색바 높이 통일 */
#bo_sch .frm_input, #bo_sch select, #bo_sch .btn_submit { height: 40px !important; }
#bo_sch .sch_wr { display: flex; gap: 6px; align-items: center; }
/* 페이지네이션 링크 높이 통일 */
.pg_wrap .pg_page, .pg_wrap .pg_current { height: 32px !important; padding: 0 10px !important; }
/* ============================================================
게시판 테이블 컬럼 규격 — 세로줄바꿈/깨짐 방지
============================================================ */
.contents_box_right .tbl_head01 th,
.contents_box_right .tbl_head01 td { white-space: nowrap; }
/* 제목칼럼만 줄바꿈 허용 */
.contents_box_right .tbl_head01 td.td_subject,
.contents_box_right .tbl_head01 th.td_subject { white-space: normal; min-width: 220px; }
/* 칼럼 최소폭 */
.contents_box_right .tbl_head01 input[type=checkbox] { width: 16px; height: 16px; }
.contents_box_right .tbl_head01 td.td_chk, .contents_box_right .tbl_head01 th.td_chk { width: 42px; min-width: 42px; }
.contents_box_right .tbl_head01 td.td_num, .contents_box_right .tbl_head01 th.td_num,
.contents_box_right .tbl_head01 td.td_num2, .contents_box_right .tbl_head01 th.td_num2,
.contents_box_right .tbl_head01 td.td_hit, .contents_box_right .tbl_head01 th.td_hit,
.contents_box_right .tbl_head01 td.td_vote, .contents_box_right .tbl_head01 th.td_vote { width: 64px; min-width: 64px; }
.contents_box_right .tbl_head01 td.td_datetime, .contents_box_right .tbl_head01 th.td_datetime,
.contents_box_right .tbl_head01 td.td_date { width: 82px; min-width: 82px; }
/* 글쓴이 칼럼 — 레벨아이콘+닉네임 한 줄 */
.contents_box_right .tbl_head01 td.td_name, .contents_box_right .tbl_head01 th.td_name {
width: 140px; min-width: 140px;
}
.contents_box_right .sv_use { display: inline-flex !important; align-items: center; gap: 5px; white-space: nowrap; }
.contents_box_right .sv_use img { width: auto !important; max-width: 44px; height: 16px; flex-shrink: 0; }
.contents_box_right .sv_member, .contents_box_right .member { display: inline-block; white-space: nowrap; }
/* 테이블 자체: 고정배치로 칼럼 존중 */
.contents_box_right .tbl_head01 { table-layout: auto; }
.contents_box_right table { min-width: 640px; }
/* 모바일: 테이블 가로스크롤로 안전하게 */
.tbl_wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
@media (max-width: 700px) {
.contents_box_right td.td_name { width: auto; min-width: 0; }
.contents_box_right td.td_chk { display: none; }
.contents_box_right th.td_chk { display: none; }
}
/* ===== 카테고리 navbar: 겹치는 h2 숨김 ===== */
#bo_cate { position: relative; }
#bo_cate h2 { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* ===== 글쓴이 칼럼 최소화: 레벨아이콘 제거, 글자만 ===== */
.contents_box_right .tbl_head01 td.td_name,
.contents_box_right .tbl_head01 th.td_name { width: 86px !important; min-width: 86px !important; }
.contents_box_right td.td_name img { display: none !important; }
.contents_box_right td.td_name .sv_use { gap: 0 !important; }
.contents_box_right .sv_member, .contents_box_right .member {
display: inline-block !important; max-width: 78px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;
}
/* ===== 제목 칼럼 최대 확장 ===== */
.contents_box_right .tbl_head01 td.td_subject,
.contents_box_right .tbl_head01 th.td_subject { min-width: 380px; width: auto !important; }
.contents_box_right td.td_subject .bo_tit { display: block; width: 100%; }
.contents_box_right td.td_subject .bo_tit a { white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle; }
/* 카테고리 h2 겹침 최종 처리 */
#bo_cate h2 { display: none !important; }
/* ===== 글쓴이 칼럼: 내용에 맞춰 자동 폭 (말줄임 제거) ===== */
.contents_box_right .tbl_head01 td.td_name,
.contents_box_right .tbl_head01 th.td_name { width: auto !important; min-width: 0 !important; }
.contents_box_right .tbl_head01 th.td_name { padding-left: 6px; padding-right: 6px; }
.contents_box_right td.td_name .sv_member,
.contents_box_right td.td_name .member,
.contents_box_right .sv_member, .contents_box_right .member {
max-width: none !important; overflow: visible !important; text-overflow: clip !important;
white-space: nowrap !important; font-size: 12.5px;
}
.contents_box_right td.td_name { padding-left: 8px; padding-right: 8px; }
/* ===== 글쓴이 원복: 레벨 아이콘 표시 + 흰색 볼드 (원본 스타일) ===== */
.contents_box_right td.td_name img { display: inline-block !important; }
.contents_box_right td.td_name .sv_use { gap: 5px !important; }
.contents_box_right td.td_name img { width: auto !important; max-width: 40px !important; height: 14px !important; }
.contents_box_right .sv_member, .contents_box_right .member,
.contents_box_right td.td_name a {
color: #ffffff !important; font-weight: bold !important;
font-size: 13px !important; max-width: none !important;
overflow: visible !important; text-overflow: clip !important;
white-space: nowrap !important;
}
.contents_box_right td.td_name .sv_use { white-space: nowrap; }
/* ===== 게시판 테이블 보더 제거 (클린 타입) ===== */
.contents_box_right table,
.contents_box_right .tbl_head01 { border: 0 !important; }
.contents_box_right th, .contents_box_right td { border: 0 !important; border-bottom: 0 !important; }
/* 구분은 호버 배경과 여백으로만 */
.contents_box_right tbody tr td { border-radius: 6px; }
.contents_box_right tbody tr:hover td { background: #2f0c04 !important; }
/* 카드 보더도 제거 */
.contents_box_right .tbl_head01.tbl_wr, .contents_box_right table.tbl_head01 { box-shadow: none !important; }
/* 글쓴이 칼럼 가운데 정렬 */
.contents_box_right td.td_name, .contents_box_right th.td_name { text-align: center !important; }
.contents_box_right td.td_name .sv_use { justify-content: center !important; }
/* ===== sv_use 규칙이 td 자체를 건드린 버그 수정 =====
td.td_name 에 sv_use 클래스가 직접 붙음 → td 는 테이블 셀 유지 */
.contents_box_right td.sv_use,
.contents_box_right td.td_name { display: table-cell !important; }
/* 인라인플렉스는 td 내부 요소에만 */
.contents_box_right td.td_name .sv_use,
.contents_box_right td.td_name > span,
.contents_box_right td.td_name > a { display: inline-flex; align-items: center; justify-content: center; gap: 5px; }
/* ===== 글보기 본문 여백/가독성 ===== */
#bo_v_atc { padding: 24px 26px !important; box-sizing: border-box; }
#bo_v_article { padding: 0 !important; max-width: 100%; }
#bo_v_article p { line-height: 1.75; margin: 0 0 12px; font-size: 15px; color: #e8c9b8; word-break: keep-all; }
#bo_v_article img { border-radius: 8px; max-width: 100%; height: auto; margin: 6px 0; }
#bo_v_atc > h2#bo_v_atc_title { display: none; }
@media (max-width: 700px) { #bo_v_atc { padding: 16px 14px !important; } }
/* ===== 페이지네이션 방향키 — 유니코드 화살표(빠진 이미지 대체) ===== */
.pg_wrap .pg_start, .pg_wrap .pg_prev, .pg_wrap .pg_next, .pg_wrap .pg_end {
text-indent: 0 !important;
background-image: none !important;
background: #3d1e0a !important;
font-size: 0 !important;
color: #F7AD38 !important;
width: 32px; padding: 0 !important;
}
.pg_wrap .pg_start::before { content: '«'; font-size: 17px; font-weight: 700; }
.pg_wrap .pg_prev::before { content: '‹'; font-size: 20px; font-weight: 700; }
.pg_wrap .pg_next::before { content: '›'; font-size: 20px; font-weight: 700; }
.pg_wrap .pg_end::before { content: '»'; font-size: 17px; font-weight: 700; }
.pg_wrap .pg_start:hover, .pg_wrap .pg_prev:hover, .pg_wrap .pg_next:hover, .pg_wrap .pg_end:hover {
background: #F7AD38 !important; color: #3d1e0a !important;
}
/* ===== 광고존(토토홍보/구인구직) 상단: 최신글 + 배너 ===== */
.adv-top-row { float:left; width:100%; display:flex; gap:14px; margin:0 0 16px; align-items:stretch; }
.adv-top-row .right_board_box { flex:1; margin:0 !important; }
.adv-banners { display:flex; gap:14px; flex-shrink:0; }
.adv-banners a { display:block; width:280px; height:230px; line-height:0; overflow:hidden; border-radius:10px; border:1px solid rgba(247,173,56,.25); transition:border-color .15s; }
.adv-banners img { width:100%; height:100%; object-fit:cover;}
.adv-banners a:hover { border-color:#F7AD38; }
@keyframes advSpin { from { transform:rotate(0deg) scale(1); } to { transform:rotate(360deg) scale(1.07); } }
@media (max-width:900px) { .adv-top-row { flex-direction:column; } .adv-banners a { width:calc(50% - 7px); height:auto; aspect-ratio:280/230; } }
/* ===== 포토타임 게시판 버튼/색상 통일 ===== */
.contents_box_right .gal-write a,
.pv-binge, .pv-cmt-form .btn-cmt,
.gallery-photo .btn_submit, .gallery-photo .btn_b01 {
background: linear-gradient(120deg, #F7AD38, #e02802) !important;
color: #3d1e0a !important;
border: 0 !important;
font-weight: 800;
}
.gallery-photo .btn_b02, .gallery-photo .btn_cancel {
background: #5a2a0a !important;
color: #F7AD38 !important;
border: 1px solid #7a3a10 !important;
}
/* 댓글 폼 textarea */
.pv-cmt-form textarea {
background: #2a1508 !important;
border: 1px solid #5a2a0a !important;
color: #fff !important;
}
.pv-cmt-form textarea:focus { border-color: #F7AD38 !important; }
/* 관리자 수정/삭제 버튼 */
.gallery-photo a[href*="write.php?w=u"],
.gallery-photo a[href*="delete.php"] {
background: #5a2a0a !important;
border: 1px solid #7a3a10 !important;
color: #e8c9b8 !important;
}
.gallery-photo a[href*="delete.php"] { color: #ff8d7a !important; }
/* ============================================================
🔴 RED 테마 레이어 — 로고(reborn.png) 색상에 맞춤
기존 골드/오렌지 → 레드로 전면 교체
팔레트: 액센트 #F7AD38 / 딥레드 #e02802 / 배경 #1a0000~#262e42
============================================================ */
/* ===== 바디/컨테이너 ===== */
body { background: #1e1e1e !important; }
#wrapper, #container_wr, #container { background: #1e1e1e !important; }
#hd, #hd_wrapper, #ft { background: #1e1e1e !important; }
/* ===== 카드/박스 배경 ===== */
.hk-section, .right_board_box, .left_notice_box, .left_event_box, .left_new_box,
.left_customer_box, .hk-live-zone, .contents_box_right .tbl_head01, .contents_box_right table.tbl_head01,
#mb_login, #mb_register, #bo_w, #bo_v_atc, #bo_vc, #bo_vc_w, #bo_sch,
.widget, .gal-item, .tr-card, .tr-notice, .tr-total, .pt-card,
.pv-cmt-form, .gal-admin-bar, .gal-tab-bar, .tri-form, .tri-head,
.hulk_seo_imfortant_box, .hl-view .hl-info {
background: #222 !important;
border-color: #7a3a10 !important;
}
/* ===== 어두운 내부 영역 ===== */
.hk-ch-tab, .left_new_tab ul li, .tr-card .top, .gal-item .thumb,
.tr-card .stat div, .pt-img, .hl-thumb-wrap, .pv-img-center,
.left_login_input, .frm_input, .contents_box_right input[type=text],
.contents_box_right select, .contents_box_right textarea, .top_serch,
.pg_wrap .pg_page {
background: #2a1508 !important;
border-color: #5a2a0a !important;
}
/* ===== 그라데이션 → 레드 ===== */
.right_board_box_title, .left_chat_title, .left_notice_title, .left_event_title,
.widget-header, .hulk_seo_imfortant_title,
.hk-ch-tab.active, .left_new_tab ul li.active, .minigame_tap_t1 ul li.on,
.local_sch a.on, #bo_cate a#bo_cate_on, #bo_cate a.on,
.btn_submit, .btn_confirm, #bo_sch .btn_submit, .local_sch .btn_submit {
background: linear-gradient(120deg, #F7AD38, #e02802) !important;
color: #fff !important;
border-color: #F7AD38 !important;
}
/* ===== 텍스트 색상 ===== */
.gnb_title, .hk-drawer-main span { color: #ff6060 !important; }
.gnb>ul>li:hover .gnb_title { color: #F7AD38 !important; }
.gnb_text { color: #8c4444 !important; }
a { color: #e08080; }
.contents_box_right td, .gal-item .meta .name, .left_notice_list a, .left_event_list a {
color: #e8c9b8 !important;
}
.contents_box_right td a:hover, .left_notice_text a:hover, .hl-cap:hover {
color: #F7AD38 !important;
}
.a8765e, .k, .lbl { color: #a8765e !important; }
/* ===== GNB ===== */
.gnb_wrap { border-bottom-color: #e02802 !important; }
.gnb_depth { background: linear-gradient(160deg, #e02802, #e02802) !important; }
.depth_triangle { border-bottom-color: #e02802 !important; }
/* ===== 강조색 ===== */
:root {
--hk-accent: #F7AD38;
--hk-accent-dim: #e02802;
--hk-bg-card: #1b2130;
--hk-bg-inner: #2a1508;
--hk-border: #7a3a10;
--hk-text-warm: #e8c9b8;
--hk-text-muted: #a8765e;
}
/* ===== 버튼 ===== */
.gal-btn, .gal-btn-gold, .pv-binge, .pv-cmt-form .btn-cmt,
.btn_submit, .btn_confirm, .left_login_btn {
background: linear-gradient(120deg, #F7AD38, #f65609) !important;
color: #fff !important;
border: 0 !important;
box-shadow: 0 2px 10px rgba(255, 32, 32, 0.3);
}
.btn_b01, .btn_b02, .btn_admin, .bo_fx a, .gal-admin-bar .btn-bulk,
.pt-btns a.detail, .pv-adm .ed, .pv-adm .del {
background: #262e42 !important;
border: 1px solid #7a3a10 !important;
color: #e8c9b8 !important;
}
/* ===== 페이지네이션 ===== */
.pg_wrap .pg_current {
background: #F7AD38 !important;
border-color: #F7AD38 !important;
color: #fff !important;
}
/* ===== 헤더 검색 ===== */
.top_serch { background-color: #2a1508 !important; border-color: #5a2a0a !important; }
.top_serch:focus { border-color: #F7AD38 !important; box-shadow: 0 0 0 2px rgba(255,32,32,.2) !important; }
/* ===== 세로 액센트 라인 ===== */
#container_title, .pv-title, .hk-sec-head h3::before {
border-left-color: #F7AD38 !important;
}
.contents_box_right th { border-bottom-color: rgba(255,32,32,.4) !important; }
/* ===== 모달/배너 ===== */
.gal-banners a, .tr-banners a, .adv-banners a { border-color: rgba(255,32,32,.25) !important; }
.gal-banners a:hover, .tr-banners a:hover, .adv-banners a:hover { border-color: #F7AD38 !important; }
/* ===== 하이라이트 썸네일 카드 ===== */
.hl-thumbs li { background: #1b2130 !important; border-color: rgba(255,32,32,.25) !important; }
.hl-thumbs li:hover { border-color: #F7AD38 !important; }
.hl-cat ul li { background: #262e42 !important; border-color: #7a3a10 !important; }
.hl-cat ul li.on { background: linear-gradient(120deg, #F7AD38, #f65609) !important; }
/* ===== 푸터 ===== */
.f_customer a:hover span { color: #F7AD38 !important; }
.f_copy { color: #a8765e !important; }
/* ===== 체크박스 ===== */
.gal-item .chk-box input[type=checkbox], .gal-admin-bar input[type=checkbox] {
accent-color: #F7AD38 !important;
}
/* ===== 탭 활성 ===== */
.gal-tabs a.on, .tr-tabs a.on, .pt-tabs a.on {
background: linear-gradient(120deg, #F7AD38, #f65609) !important;
color: #fff !important;
border-color: #F7AD38 !important;
}
.gal-tabs a:hover, .tr-tabs a:hover, .pt-tabs a:hover {
border-color: #F7AD38 !important;
color: #F7AD38 !important;
}
/* ============================================================
🔴 PURE RED 테마 — 완전 새빨간색
============================================================ */
/* 그라데이션 전부 순수 레드로 */
.right_board_box_title, .left_chat_title, .left_notice_title, .left_event_title,
.widget-header, .hulk_seo_imfortant_title,
.hk-ch-tab.active, .left_new_tab ul li.active, .minigame_tap_t1 ul li.on,
.local_sch a.on, #bo_cate a#bo_cate_on, #bo_cate a.on,
.btn_submit, .btn_confirm, #bo_sch .btn_submit, .local_sch .btn_submit,
.gal-btn, .gal-btn-gold, .pv-binge, .pv-cmt-form .btn-cmt, .left_login_btn,
.gal-tabs a.on, .tr-tabs a.on, .pt-tabs a.on, .hl-cat ul li.on {
background: #F7AD38 !important;
background: linear-gradient(135deg, #F7AD38 0%, #F7AD38 50%, #e02802 100%) !important;
color: #fff !important;
}
/* 버튼도 순수 레드 */
.btn_submit, .btn_confirm, .gal-btn, .gal-btn-gold, .pv-binge,
.pv-cmt-form .btn-cmt, .left_login_btn {
background: #F7AD38 !important;
background: linear-gradient(135deg, #F7AD38 0%, #f65609 100%) !important;
box-shadow: 0 2px 12px rgba(255, 0, 0, 0.5) !important;
}
/* GNB도 완전 빨강 */
.gnb_wrap { border-bottom: none !important; }
.gnb_depth { background: #f65609 !important; }
.depth_triangle { border-bottom-color: #f65609 !important; }
/* 배너 애니메이션도 빨강 */
.gal-banners a, .tr-banners a, .adv-banners a { border-color: rgba(255,0,0,.3) !important; }
/* 액센트 전부 #F7AD38 */
#container_title, .pv-title { border-left-color: #F7AD38 !important; }
.contents_box_right th { border-bottom-color: rgba(255,0,0,.5) !important; }
.pg_wrap .pg_current { background: #F7AD38 !important; border-color: #F7AD38 !important; }
.gal-item .chk-box input[type=checkbox], .gal-admin-bar input[type=checkbox] { accent-color: #F7AD38 !important; }
.hk-sec-head h3::before { background: #F7AD38 !important; }
/* 텍스트 강조도 순수 레드 */
.gnb>ul>li:hover .gnb_title { color: #F7AD38 !important; }
.contents_box_right td a:hover, .hl-cap:hover { color: #F7AD38 !important; }
.gal-tabs a:hover, .tr-tabs a:hover, .pt-tabs a:hover { border-color: #F7AD38 !important; color: #F7AD38 !important; }
/* ============================================================
텍스트: 기본 흰색 / 호버만 빨강
============================================================ */
/* 본문 텍스트 */
.contents_box_right td, .contents_box_right td a, .contents_box_right td a:visited,
.left_notice_list a, .left_event_list a, .left_new_text, .left_new_date,
.right_board_text, .right_board_date, .gal-item .subj, .gal-item .meta .name,
.tr-card .nm, .pt-row .v, .hl-cap, .pv-cmt-text, .pv-cmt-name,
.hk-seo, .hulk_seo_imfortant_text h6, .hst_text_box h4, .f_copy {
color: #fff !important;
}
/* 라벨/설명 텍스트 */
.a8765e, .k, .lbl, .gal-item .meta, .pv-meta .k, .tr-total .hpt-title,
.left_new_date, .right_board_date, .gnb_text {
color: #999 !important;
}
/* 호버 시에만 빨강 */
.contents_box_right td a:hover, .left_notice_list a:hover, .left_event_list a:hover,
.left_notice_text a:hover, .left_event_list a:hover,
.gal-item .subj:hover, .tr-card .nm:hover, .hl-cap:hover,
.right_board_text:hover, .pv-cmt-name:hover {
color: #F7AD38 !important;
}
/* 링크 기본색 */
a { color: #fff; }
a:hover { color: #F7AD38; }
.contents_box_right a { color: #fff !important; }
.contents_box_right a:hover { color: #F7AD38 !important; }
/* 카테고리 탭 텍스트 */
.gal-tabs a, .tr-tabs a, .pt-tabs a, .local_sch a {
color: #ccc !important;
}
.gal-tabs a:hover, .tr-tabs a:hover, .pt-tabs a:hover { color: #F7AD38 !important; }
/* ============================================================
헤더: 흰색 텍스트 / 호버만 빨강 / GNB도 동일
============================================================ */
/* 헤더 전체 배경 */
#hd, #hd_wrapper, .header_wrap, .top_wrap, .gnb_wrap {
background: #1e1e1e !important;
}
/* GNB 메뉴 텍스트: 흰색 */
.gnb_title { color: #fff !important; }
.gnb_text { color: #888 !important; }
.gnb>ul>li:hover .gnb_title { color: #F7AD38 !important; }
/* GNB 라인 */
.gnb_wrap { border-bottom: none !important; }
/* 드롭다운 메뉴 */
.gnb_depth { background: #e02802 !important; }
.gnb_depth>li>a { color: #fff !important; }
.gnb_depth>li>a:hover { background: #F7AD38 !important; color: #fff !important; }
.depth_triangle { border-bottom-color: #e02802 !important; }
/* 상단 바 */
.top_box_left li a, .top_box_left li { color: #fff !important; }
.top_box_right li a { color: #fff !important; }
.util_btn1, .util_btn2 { background: #F7AD38 !important; color: #fff !important; border-color: #F7AD38 !important; }
/* 로고 옆 검색창 */
.top_serch { background: #2a1508 !important; border-color: #5a2a0a !important; color: #fff !important; }
.top_serch::placeholder { color: #666 !important; }
.top_serch:focus { border-color: #F7AD38 !important; }
.top_serch_btn img { filter: none; }
/* 모바일 헤더 */
.m_header .m_top { background: #1e1e1e !important; border-bottom: 1px solid #262e42 !important; }
.m_logo img { max-height: 40px; }
.hk-burger span { background: #F7AD38 !important; }
/* 모바일 드로어 */
.hk-drawer { background: #1e1e1e !important; border-left: 1px solid #262e42 !important; }
.hk-drawer-head { background: #2a1508 !important; border-bottom: 1px solid #262e42 !important; }
.hk-drawer-head img { height: 32px; }
.hk-drawer-head button { background: #262e42 !important; border-color: #7a3a10 !important; color: #F7AD38 !important; }
.hk-drawer-group a { color: #fff !important; }
.hk-drawer-group > a + a { color: #aaa !important; }
.hk-drawer-group a:hover, .hk-drawer-group a:active { color: #F7AD38 !important; }
.hk-drawer-main span { color: #fff !important; }
.hk-drawer-main em { color: #777 !important; }
/* 푸터 */
.footer_wrap { background: #1e1e1e !important; }
.f_customer a { color: #fff !important; }
/* float 겹침 해결: right_fix_zone의 float 컨테이너화 */
.right_fix_zone { overflow: hidden; }
.adv-top-row, .hk-group-bar { clear: both; }
.contents_box_right > *:not(.adv-top-row):not(.hk-group-bar) { clear: both; }
#bo_list, #bo_v, #bo_w, .gal-wrap, .pt-wrap, .rw-wrap, .tri-wrap, .tr-info-wrap { clear: both !important; }
/* ===== betting 헤더 복구 ===== */
.betting-scope { position: relative; width: 100%; }
.header_wrap, #hd { display: block !important; visibility: visible !important; }
.gnb_wrap { display: block !important; }
.contents_wrap { clear: both; }
/* ===== 테마 헤더 보호 (betting CSS 충돌 방지) ===== */
.theme-hdr .header_wrap { float: left !important; width: 100% !important; height: auto !important; overflow: visible !important; background: #1e1e1e !important; display: block !important; position: static !important; }
.theme-hdr .top_wrap { display: block !important; float: left !important; width: 100% !important; height: auto !important; position: static !important; }
.theme-hdr .gnb_wrap { display: block !important; float: left !important; width: 100% !important; height: auto !important; border-bottom: none !important; position: static !important; }
.theme-hdr .gnb_box { display: flex !important; width: 100% !important; max-width: 1400px !important; margin: 0 auto !important; align-items: center !important; height: auto !important; position: static !important; border: none !important; top: auto !important; }
.theme-hdr .logo { display: block !important; float: left !important; position: static !important; }
.theme-hdr .gnb { display: block !important; float: left !important; position: static !important; }
.theme-hdr .gnb ul { list-style: none; }
.theme-hdr .gnb > ul > li { float: left; position: relative; height: 100px; display: flex; align-items: center; }
.theme-hdr .gnb_title { display: block; font-size: 20px; color: #fff !important; }
.theme-hdr .gnb_text { display: block; font-size: 12px; color: #888 !important; }
.theme-hdr .gnb_depth { position: absolute !important; display: none; }
.theme-hdr .gnb > ul > li:hover .gnb_depth { display: block; }
.theme-hdr a { color: #fff !important; }
.theme-hdr .top_box { width: 100% !important; max-width: 1400px !important; margin: 0 auto !important; display: flex !important; align-items: center !important; justify-content: space-between !important; height: 50px !important; }
/* ===== 박스 보더 제거 → 플로팅 쉐도우 (고급스러운 띄움 효과) ===== */
/* 레프트 사이드바 박스 */
.left_login_box, .left_my_box, .left_chat_box, .left_customer_box,
.left_notice_box, .left_event_box, .left_new_box,
/* 가운데 메인 섹션 박스 */
.hk-group-bar, .right_board_box, .hk-live-zone,
.att-root .att_calendar_wrap, .att-root .comment_enter,
.tr-card, .tr-notice, .tr-total, .gal-item {
border: none !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
}
/* 마이박스/그룹바 안쪽 요소는 쉐도우 상속 안 되게 유지 */
.left_my_top, .left_my_point, .left_my_quick_menu { box-shadow: none !important; }
/* ===== 로그인 박스 — 밝은 노랑 글로우 + 인풋 쉐도우 ===== */
.left_login_box, .left_my_box {
background: linear-gradient(135deg, #D6952F 0%, #D6952F 50%, #C42302 100%) !important;
}
/* 회원가입 버튼 — 골드 박스 위 어두운 반투명 */
.left_join_btn {
background: rgba(0, 0, 0, 0.30) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
padding: 7px 14px !important;
font-weight: 500 !important;
transition: background 0.2s !important;
}
.left_join_btn:hover { background: rgba(0, 0, 0, 0.45) !important; }
/* 자동로그인 텍스트 — 골드 배경 위 가독성 */
.left_login_opbox .radio_wrap label span { color: rgba(43, 22, 8, 0.85) !important; }
/* 인풋 — 라인 제거, 안쪽으로 파이는 인셋 쉐도우 */
.left_login_input, .left_login_input.id, .left_login_input.pw {
border: none !important;
background-color: #1c0d04 !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(247, 173, 56, 0.10) !important;
}
.left_login_input:focus {
outline: none !important;
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.6), 0 0 0 2px rgba(247, 173, 56, 0.50) !important;
}
.left_login_input::placeholder { color: #8b94a7 !important; }
/* ===== 탭/보드 버튼 — 보더 0 + 쉐도우 플로팅 ===== */
.hk-group-tabs a, .hk-group-tabs a.on,
.hk-ch-tab, .hk-ch-tab.active,
.tr-tabs a, .tr-tabs a.on, .tr-tabs a.on:hover,
.btn_bo_user a, .btn_bo_user .write_post, .write_post,
.btn_b01, .btn_b02, .btn_b03, .btn_b04, .btn_admin, .btn_cancel,
.bo_fx a, .local_sch a, #bo_v_top a, #bo_v_bottom a, #bo_v .bo_v_adminbar a {
border: 0 !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
}
.hk-group-tabs a:hover, .hk-ch-tab:hover, .btn_b01:hover, .bo_fx a:hover {
border: 0 !important;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(247, 173, 56, 0.35) !important;
}
/* ===== 메인 SEO 텍스트 박스 — 밝은 오렌지/골드 ===== */
.hst_text_box {
background: radial-gradient(ellipse at left top, #ffc23d 0%, #000000 40%, #5a3512 100%) !important;
}
/* ===== 은빛이 테두리를 타고 도는 하이라이트 효과 ===== */
@property --hk-angle {
syntax: '';
initial-value: 0deg;
inherits: false;
}
.left_login_box, .left_my_box, .hst_text_box, .pt-card {
position: relative;
}
.left_login_box::before, .left_my_box::before, .hst_text_box::before, .pt-card::before {
content: '';
position: absolute;
inset: 0;
border-radius: inherit;
padding: 3px;
background: conic-gradient(from var(--hk-angle),
transparent 0deg,
transparent 120deg,
rgba(255, 226, 138, 0.45) 150deg,
rgba(255, 255, 255, 0.9) 172deg,
rgba(255, 226, 138, 0.45) 194deg,
transparent 225deg,
transparent 300deg,
rgba(255, 200, 80, 0.75) 325deg,
#ffffff 343deg,
#ffe2a0 352deg,
transparent 360deg);
filter: drop-shadow(0 0 6px rgba(255, 214, 100, 0.55));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
animation: hk-spin 2.2s linear infinite;
pointer-events: none;
z-index: 1;
}
@keyframes hk-spin {
to { --hk-angle: 360deg; }
}
/* ===== 보증업체 카드 — 라인 제거 → 쉐도우 ===== */
.pt-card, .pt-card:hover {
border: 0 !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
}
.pt-card:hover {
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(247, 173, 56, 0.35) !important;
}
.pt-btns a.detail, .pt-btns a.detail:hover {
border: 0 !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
}
.pt-tabs a, .pt-tabs a:hover, .pt-tabs a.on {
border: 0 !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
}
/* ===== 레프트 채팅방 (자체 제작) ===== */
.left_chat_box { padding: 12px; box-sizing: border-box; }
.left_chat_log {
float: left; width: 100%; height: 340px; overflow-y: auto; overflow-x: hidden;
background: #1c0d04; border-radius: 8px; padding: 8px; box-sizing: border-box;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.5);
font-size: 13px; line-height: 1.55; color: #e8c9b8;
scrollbar-width: thin; scrollbar-color: #7a3a10 #1c0d04;
}
.left_chat_log::-webkit-scrollbar { width: 6px; }
.left_chat_log::-webkit-scrollbar-thumb { background: #7a3a10; border-radius: 3px; }
.left_chat_log::-webkit-scrollbar-track { background: transparent; }
.hk-chat-line { padding: 3px 2px; word-break: break-all; border-radius: 4px; }
.hk-chat-line.mine { background: rgba(247, 173, 56, 0.07); }
.hk-chat-lv { height: 14px; vertical-align: middle; margin-right: 3px; }
.hk-chat-nick { color: #F7AD38; font-weight: 700; margin-right: 4px; font-size: 12.5px; }
.hk-chat-msg a { color: #7ecbff; text-decoration: underline; word-break: break-all; }
.hk-chat-msg { color: #e8c9b8; }
#hk_chat_form { float: left; width: 100%; margin-top: 8px; display: flex; gap: 6px; }
#hk_chat_input {
flex: 1; min-width: 0; height: 38px; padding: 0 12px;
background: #1c0d04; color: #fff; font-size: 13px; outline: none;
border: none !important; border-radius: 8px !important;
box-shadow: inset 0 2px 6px rgba(0,0,0,0.55) !important;
}
#hk_chat_input:focus { box-shadow: inset 0 2px 6px rgba(0,0,0,0.55), 0 0 0 2px rgba(247,173,56,0.5) !important; }
#hk_chat_form button {
width: 64px; height: 38px; border: none !important; border-radius: 8px !important;
background: linear-gradient(135deg, #FFD54A, #FF8A1E); color: #3d1e0a;
font-weight: 700; font-size: 13px; cursor: pointer;
box-shadow: 0 3px 10px rgba(0,0,0,0.35) !important;
}
.hk-chat-guest { float: left; width: 100%; margin-top: 8px; text-align: center; font-size: 12px; color: #a8765e; padding: 10px 0; }
.hk-chat-guest a { color: #F7AD38; font-weight: 700; }
/* ===== 채팅 관리자 기능 ===== */
.hk-chat-img { max-width: 100%; border-radius: 6px; margin: 4px 0; display: block; }
.hk-chat-line { position: relative; padding-right: 40px; }
.hk-chat-adm { position: absolute; right: 2px; top: 3px; display: none; gap: 2px; }
.hk-chat-line:hover .hk-chat-adm { display: inline-flex; }
.hk-adm-btn {
border: none !important; border-radius: 4px !important;
background: rgba(0, 0, 0, 0.45); color: #e8c9b8;
font-size: 10px; line-height: 1; padding: 3px 4px; cursor: pointer;
box-shadow: none !important;
}
.hk-adm-btn:hover { background: #7a3a10; color: #fff; }
.hk-chat-tools { float: left; width: 100%; margin-top: 6px; display: flex; gap: 6px; }
.hk-chat-tools button {
flex: 1; height: 30px; border: none !important; border-radius: 6px !important;
background: #3d1e0a; color: #d8a68c; font-size: 11.5px; font-weight: 600; cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}
.hk-chat-tools button:hover { color: #F7AD38; }
/* ===== 채팅박스 단일 패널 디자인 (이중 프레임 제거) ===== */
.left_chat_box { padding: 0 !important; }
.left_chat_title {
background: transparent !important;
padding: 12px 14px 10px !important;
font-size: 13.5px; font-weight: 700; color: #F7AD38 !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 0 rgba(247, 173, 56, 0.08);
}
.left_chat_log {
height: 320px;
background: transparent !important;
box-shadow: none !important;
border-radius: 0 !important;
padding: 6px 8px !important;
}
#hk_chat_form { margin-top: 0 !important; padding: 10px 10px 8px; border-top: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 0 rgba(247, 173, 56, 0.08); }
#hk_chat_input { background: rgba(0, 0, 0, 0.28) !important; }
.hk-chat-tools { margin-top: 0 !important; padding: 0 10px 10px; }
.hk-chat-login {
float: left; width: 100%; box-sizing: border-box;
display: flex; align-items: center; justify-content: center;
height: 46px; margin: 0 !important;
background: linear-gradient(135deg, #FFD54A, #FF8A1E);
color: #3d1e0a !important; font-weight: 700; font-size: 13.5px;
text-decoration: none;
}
.hk-chat-login:hover { filter: brightness(1.08); }
/* 시스템(입장) 메시지 */
.hk-chat-line.sys { text-align: center; padding: 3px 30px 3px 2px !important; color: #a8765e; font-size: 11.5px; background: transparent !important; }
.hk-chat-line.sys .hk-chat-sysmsg { color: #a8765e; }
.hk-chat-line.sys:hover .hk-chat-adm { display: inline-flex; }
/* ===== 로그인 페이지 (#mb_login 전용 — 다른 페이지 무영향) ===== */
#mb_login .mbskin_box {
max-width: 440px;
margin: 30px auto 60px;
padding: 34px 34px 28px;
background: linear-gradient(160deg, #FFD54A 0%, #F7AD38 30%, #E0641A 70%, #C42302 100%) !important;
border: none !important;
border-radius: 14px !important;
box-shadow: 0 14px 38px rgba(0, 0, 0, 0.5) !important;
}
#mb_login h1 { display: none; }
#mb_login .mb_log_cate { display: flex; align-items: center; justify-content: space-between; margin: 0 0 18px; }
#mb_login .mb_log_cate h2 {
margin: 0; font-size: 24px; font-weight: 800; color: #3d1e0a;
border: none !important; background: none !important; padding: 0 !important;
}
#mb_login .mb_log_cate .join {
padding: 7px 16px; border-radius: 8px; background: #3d1e0a; color: #FFD54A;
font-size: 13px; font-weight: 700; text-decoration: none;
}
#mb_login .mb_log_cate .join:hover { filter: brightness(1.3); }
#mb_login fieldset { border: none; margin: 0; padding: 0; }
#mb_login .frm_input {
width: 100%; box-sizing: border-box; height: 46px; padding: 0 14px; margin: 0 0 10px;
background: rgba(43, 22, 8, 0.88) !important;
border: none !important; border-radius: 8px !important;
color: #fff !important; font-size: 14px;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.45) !important;
}
#mb_login .frm_input::placeholder { color: #a89070; }
#mb_login .frm_input:focus {
outline: none;
box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.45), 0 0 0 2px rgba(255, 226, 138, 0.6) !important;
}
#mb_login .btn_submit {
width: 100%; height: 48px; margin: 6px 0 0;
background: #3d1e0a !important;
color: #FFD54A !important;
border: none !important; border-radius: 8px !important;
font-weight: 800 !important; font-size: 15px !important;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4) !important;
}
#mb_login .btn_submit:hover { filter: brightness(1.25); }
#mb_login #login_info {
display: flex; align-items: center; justify-content: space-between;
margin: 14px 0 0; padding: 0;
border: none !important; background: none !important;
}
#mb_login .login_if_auto label { color: #3d1e0a !important; font-size: 13px; font-weight: 600; }
#mb_login .login_if_auto input:checked + span:before { box-shadow: inset 0 0 0 0.4375em #3d1e0a !important; }
#mb_login .login_if_auto label > span:before { background-color: #fff !important; }
#mb_login .login_if_lpl a { color: #2b1608; font-size: 13px; font-weight: 700; text-decoration: none; }
#mb_login .login_if_lpl a:hover { text-decoration: underline; }
/* ===== 라이브존 헤더 (스포츠 중계) — 골드 톤 재디자인, .hk-live-zone 스코프 ===== */
.hk-live-zone .right_board_box_title {
background: none !important;
color: #ffffff !important;
font-size: 15px; font-weight: 800;
padding: 0 !important;
display: flex; align-items: center;
}
.hk-live-zone .right_board_box_title::before {
content: 'LIVE';
display: inline-block;
background: linear-gradient(135deg, #FF3B3B, #e02802);
color: #fff; font-size: 10.5px; font-weight: 800;
padding: 3px 9px; border-radius: 5px; letter-spacing: 1px;
margin: 0 8px 0 0;
animation: hk-live-pulse 2s ease-in-out infinite;
}
@keyframes hk-live-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
.hk-live-head {
padding: 2px 0 10px;
border-bottom: 1px solid rgba(0, 0, 0, 0.35);
box-shadow: 0 1px 0 rgba(247, 173, 56, 0.08);
}
.hk-ch-tab {
padding: 8px 18px; border-radius: 7px;
background: #2e1c0c; color: #d8a68c;
font-size: 13px; font-weight: 700; cursor: pointer;
border: none !important;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
transition: all 0.15s;
}
.hk-ch-tab:hover { color: #F7AD38; }
.hk-ch-tab.active {
background: linear-gradient(135deg, #FFD54A, #FF8A1E) !important;
color: #3d1e0a !important;
box-shadow: 0 4px 14px rgba(255, 170, 40, 0.35);
}
/* ===== 상세페이지 빨간 계열 → 골드 변경 ===== */
#bo_v .cmt_btn, #bo_vc .cmt_btn {
background: linear-gradient(135deg, #FFD54A 0%, #FF8A1E 100%) !important;
color: #3d1e0a !important;
font-weight: 700 !important;
border: none !important;
border-radius: 8px !important;
padding: 11px 16px !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35) !important;
}
#bo_v .cmt_btn span.total { color: #3d1e0a !important; }
#bo_v_act a:hover {
background-color: transparent !important;
color: #F7AD38 !important;
border-color: #F7AD38 !important;
}
/* ===== 본문 영역(#bo_v_atc) — 보더 제거, 쉐도우 플로팅 ===== */
#bo_v_atc {
border: none !important;
box-shadow: 0 10px 28px rgba(0, 0, 0, 0.55), 0 3px 8px rgba(0, 0, 0, 0.35) !important;
}
/* ===== 모바일 헤더 (단순 반응형) — 로고 큼직하게 좌측 + 메뉴 나란히 ===== */
@media screen and (max-width: 1024px) {
.theme-hdr .gnb_wrap { padding: 0 !important; }
.theme-hdr .gnb_box { flex-wrap: nowrap !important; padding: 10px 0 !important; align-items: center !important; gap: 10px; }
.theme-hdr .logo { float: none !important; flex: 0 0 auto; margin: 0 0 0 0 !important; padding-left: 0; }
.theme-hdr .logo img { height: 72px; width: auto; }
.gnb { float: none !important; width: auto !important; flex: 1 1 auto; min-width: 0; margin: 0 !important; }
.gnb > ul {
display: flex !important;
flex-wrap: wrap;
gap: 6px;
width: 100%;
}
.gnb > ul > li { float: none !important; flex: 0 0 auto; height: auto !important; display: block; }
.gnb > ul > li > a {
display: inline-flex; align-items: center;
white-space: nowrap;
padding: 10px 14px;
background: #3d1e0a;
border-radius: 20px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35);
}
.gnb > ul > li > a .gnb_text { display: none; }
.gnb > ul > li > a .gnb_title { font-size: 13.5px; font-weight: 700; color: #e8c9b8; }
.gnb > ul > li > a:hover .gnb_title { color: #F7AD38; }
.gnb_depth, .depth_triangle { display: none !important; }
}
/* ===== 로그인/회원가입 래퍼 라인 제거 — 카드만 노출 ===== */
#mb_login.mbskin, #mb_register {
border: none !important;
background: transparent !important;
box-shadow: none !important;
}
/* ===== 임시저장글 버튼(btn_frmline) — 사이트 버튼 컨벤션으로 ===== */
#btn_autosave, .btn_frmline {
width: auto !important;
min-width: 150px;
height: 38px;
padding: 0 16px;
background: #3d1e0a !important;
color: #F7AD38 !important;
border: none !important;
border-radius: 8px !important;
font-size: 12.5px !important;
font-weight: 700;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.35) !important;
cursor: pointer;
transition: filter 0.2s;
}
#btn_autosave:hover, .btn_frmline:hover { filter: brightness(1.35); }
#btn_autosave #autosave_count { color: #FFD54A; font-weight: 800; }
/* ===== 채팅 관리자 툴바/공지 UI 개선 ===== */
.hk-chat-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 0 10px 10px; }
.hk-chat-tools button {
height: 32px; border: none !important; border-radius: 7px !important;
background: #3d1e0a; color: #d8a68c; font-size: 11.5px; font-weight: 700; cursor: pointer;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
display: flex; align-items: center; justify-content: center; gap: 5px;
transition: all 0.15s;
}
.hk-chat-tools button:hover { color: #F7AD38; background: #4d280f; }
.hk-chat-tools button.hk-tool-danger { background: #4a1010; color: #ff9e9e; }
.hk-chat-tools button.hk-tool-danger:hover { background: #5f1414; color: #ffbbbb; }
/* 관리자 공지 라인 — 골드 강조 */
.hk-chat-line.sys.notice {
background: rgba(247, 173, 56, 0.12) !important;
border-radius: 6px;
padding: 7px 30px 7px 8px !important;
margin: 4px 0;
}
.hk-chat-line.sys.notice .hk-chat-sysmsg { color: #FFD54A; font-weight: 700; }
/* 파트너 바로가기 — URL 미등록 상태 표시 */
.pt-btns a.no-url { opacity: 0.55; filter: grayscale(0.3); }
/* ===== 파트너 상세 사이트주소 행 ===== */
#pt_site_row {
display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
margin: 0 0 16px; padding: 13px 16px;
background: rgba(0, 0, 0, 0.24); border-radius: 10px;
}
#pt_site_row .pt-site-label { color: #a89070; font-size: 12.5px; font-weight: 600; flex-shrink: 0; }
#pt_site_row .pt-site-url { color: #ffc46b; font-size: 13.5px; font-weight: 600; text-decoration: underline; word-break: break-all; flex: 1; min-width: 160px; }
#pt_site_row .pt-site-go {
flex-shrink: 0; padding: 8px 18px; border-radius: 8px;
background: linear-gradient(135deg, #FFD54A, #FF8A1E); color: #3d1e0a;
font-size: 13px; font-weight: 800; text-decoration: none;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
}
#pt_site_row .pt-site-go:hover { filter: brightness(1.1); }
/* ===== 상단 배너 슬라이더 (2개 노출 + 자유 드래그) ===== */
.hk-bnr-swiper { position: relative; width: 574px; height: 230px; overflow: hidden; }
.hk-bnr-swiper .swiper-slide { width: 280px; height: 230px; border-radius: 10px; overflow: hidden; }
.hk-bnr-swiper .swiper-slide a { display: block; width: 100%; height: 100%; line-height: 0; }
.hk-bnr-swiper img { width: 100%; height: 100%; object-fit: cover; }
.hk-bnr-swiper:active { cursor: grabbing; }
/* ===== 배너 카드별 독립 물흐름 모션 (컨테이너 아님) ===== */
.hk-bnr-swiper .swiper-slide { position: relative; }
.hk-bnr-swiper .swiper-slide::before {
content: '';
position: absolute;
inset: 0;
border-radius: 10px;
padding: 3px;
background: conic-gradient(from var(--hk-angle),
transparent 0deg,
transparent 120deg,
rgba(255, 226, 138, 0.45) 150deg,
rgba(255, 255, 255, 0.9) 172deg,
rgba(255, 226, 138, 0.45) 194deg,
transparent 225deg,
transparent 300deg,
rgba(255, 200, 80, 0.75) 325deg,
#ffffff 343deg,
#ffe2a0 352deg,
transparent 360deg);
filter: drop-shadow(0 0 6px rgba(255, 214, 100, 0.55));
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
animation: hk-spin 2.2s linear infinite;
pointer-events: none;
z-index: 2;
}
/* 카드마다 위상/속도를 다르게 — 서로 따로 도는 느낌 */
.hk-bnr-swiper .swiper-slide:nth-child(2n)::before { animation-delay: -1.05s; }
.hk-bnr-swiper .swiper-slide:nth-child(3n)::before { animation-duration: 2.8s; }
/* ===== 채팅/팀순위 토글 ===== */
.hk-rank-header { display: flex !important; gap: 0 !important; padding: 0 !important; border-radius: 8px 8px 0 0 !important; overflow: hidden; }
.hk-rank-tab {
flex: 1; text-align: center; padding: 4px 2px; font-size: 11.5px; font-weight: 600;
cursor: pointer; background: rgba(0,0,0,0.35); color: #777; transition: all .15s;
user-select: none; white-space: normal; line-height: 1.3;
display: flex; flex-direction: column; align-items: center; justify-content: center;
}
.hk-rank-tab.on { background: transparent; color: #F7AD38; }
.hk-rank-tab:hover { color: #ccc; }
.hk-rank-tab.on:hover { color: #F7AD38; }
.hk-rank-pane { min-height: 0; }
.left_tosrank_box { display: none; }
/* ===== GNB 캐시 클리어 버튼 (휴지통) ===== */
.hk-cache-btn {
display: inline-flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1px;
margin-left: auto;
margin-right: 15px;
cursor: pointer;
color: #888;
transition: all .2s;
flex-shrink: 0 !important;
flex-grow: 0 !important;
width: auto !important;
max-width: 60px !important;
padding: 3px 6px;
border-radius: 6px;
align-self: center;
}
.hk-cache-btn:hover { color: #F7AD38; background: rgba(247,173,56,0.08); }
.hk-cache-btn svg { width: 18px; height: 18px; }
.hk-cache-btn span { font-size: 9px; font-weight: 600; letter-spacing: -0.5px; }
.hk-cache-btn.done { color: #4ade80 !important; }
.hk-cache-btn.done svg { animation: hkCachePulse .3s ease; }
@keyframes hkCachePulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.3); } }
/* GNB — 메뉴 + 캐시버튼 같은 줄 */
.gnb { display: flex !important; align-items: center !important; }
.gnb > ul { flex: 1; }
/* 캐시초기화 버튼 — 골드 */
.hk-cache-li { color: #F7AD38 !important; }
.hk-cache-li:hover { color: #ffd76e !important; background: rgba(247,173,56,0.12) !important; }
.hk-cache-li svg { color: #F7AD38 !important; }
.hk-cache-li:hover svg { color: #ffd76e !important; }
/* ===== GNB 캐시 클리어 버튼 ===== */
.hk-cache-li { color: #F7AD38 !important; }
.hk-cache-li:hover { color: #ffd76e !important; background: rgba(247,173,56,0.12) !important; }
.hk-cache-li svg { color: #F7AD38 !important; }
.hk-cache-li:hover svg { color: #ffd76e !important; }
/* GNB — 메뉴 + 캐시버튼 같은 줄 */
.gnb { display: flex !important; align-items: center !important; }
.gnb > ul { flex: 1; }
/* ===== 헤더 이벤트 티커 — 주황+노랑 ===== */
.hk_event_ticker {
width: 100% !important;
min-width: 100% !important;
display: flex !important;
align-items: stretch;
clear: both !important;
background: linear-gradient(180deg, #4a2000 0%, #351800 50%, #4a2000 100%);
border-top: 2px solid #ff6b00;
border-bottom: 1px solid #ff8800;
height: 50px;
overflow: hidden;
position: relative;
}
.hk_event_ticker::before {
content: '';
position: absolute;
top: 0; left: -100%; width: 50%; height: 100%;
background: linear-gradient(105deg, transparent, rgba(255,150,30,0.08) 40%, rgba(255,200,60,0.12) 50%, rgba(255,150,30,0.08) 60%, transparent);
animation: hkSweep 6s ease-in-out infinite;
z-index: 0;
pointer-events: none;
}
@keyframes hkSweep {
0% { left: -60%; }
50% { left: 120%; }
100% { left: 120%; }
}
.hk_event_ticker::after {
content: '';
position: absolute;
bottom: 0; left: 0; right: 0;
height: 1px;
background: linear-gradient(90deg, transparent 0%, #ff8800 20%, #ffcc00 50%, #ff8800 80%, transparent 100%);
z-index: 1;
}
/* 고정 라벨 — 진한 주황 → 노랑 그라데이션 */
.tk-label {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 8px;
padding: 0 22px 0 18px;
background: linear-gradient(145deg, #ff9500 0%, #ff6b00 50%, #e05000 100%);
color: #fff;
font-size: 14px;
font-weight: 800;
letter-spacing: -0.3px;
white-space: nowrap;
z-index: 2;
clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
padding-right: 30px;
text-shadow: 0 1px 2px rgba(0,0,0,0.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
}
.tk-label svg {
width: 18px; height: 18px;
filter: drop-shadow(0 1px 2px rgba(0,0,0,0.3));
}
/* 흐르는 영역 */
.tk-flow {
flex: 1;
overflow: hidden;
position: relative;
display: flex;
align-items: center;
mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 4%, #000 96%, transparent 100%);
}
.tk-track {
display: inline-flex;
align-items: center;
white-space: nowrap;
will-change: transform;
z-index: 1;
}
.tk-flow:hover .tk-track { animation-play-state: paused; }
/* 마키: 오른쪽 밖에서 시작해 왼쪽 밖으로 완전히 지나간 뒤 다시 돌아옴 */
@keyframes hkTickerMarquee {
from { transform: translateX(var(--tk-start, 100%)); }
to { transform: translateX(var(--tk-end, -100%)); }
}
.tk-half { display: inline-flex; align-items: center; white-space: nowrap; }
/* 관심경기 항목 */
.tk-match { cursor: pointer; }
.tk-badge.tk-mbadge {
color: #ff6a4d;
border-color: #ff5a3c;
background: linear-gradient(135deg, rgba(255,90,60,0.22), rgba(255,60,30,0.08));
}
.tk-mst { font-size: 11px; font-weight: 700; color: #ffb26b; letter-spacing: -0.3px; }
.tk-track a {
display: inline-flex;
align-items: center;
gap: 9px;
text-decoration: none;
padding: 5px 18px;
transition: all .2s;
border-radius: 8px;
margin: 0 2px;
}
.tk-track a:hover {
background: rgba(255,140,0,0.18);
box-shadow: 0 0 15px rgba(255,140,0,0.25);
}
/* 배지 — 노랑 주황 */
.tk-badge {
font-size: 11.5px;
font-weight: 700;
color: #ffcc00;
background: linear-gradient(135deg, rgba(255,170,0,0.2), rgba(255,120,0,0.08));
border: 1px solid #ff9500;
padding: 2px 9px;
border-radius: 5px;
letter-spacing: -0.3px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.15);
text-shadow: 0 1px 1px rgba(0,0,0,0.3);
}
/* 텍스트 — 밝은 노랑 */
.tk-text {
font-size: 14px;
color: #ffe080;
letter-spacing: -0.3px;
white-space: nowrap;
font-weight: 500;
text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.tk-track a:hover .tk-text { color: #ffcc00; }
/* 구분점 — 주황 */
.tk-dot {
width: 4px; height: 4px;
border-radius: 50%;
background: #ff9500;
box-shadow: 0 0 5px rgba(255,149,0,0.4);
margin: 0 14px;
flex-shrink: 0;
}
/* ===== GNB 캐시 클리어 버튼 ===== */
.hk-cache-li { color: #ff9500 !important; }
.hk-cache-li:hover { color: #ffcc00 !important; background: rgba(255,140,0,0.12) !important; }
.hk-cache-li svg { color: #ff9500 !important; }
.hk-cache-li:hover svg { color: #ffcc00 !important; }
.hk-cache-li span { color: #ff9500 !important; }
.hk-cache-li:hover span { color: #ffcc00 !important; }
/* GNB — 메뉴 + 캐시버튼 같은 줄 */
.gnb { display: flex !important; align-items: center !important; }
.gnb > ul { flex: 1; }
/* 중계B — betmoa broadcast A 직접 임베드 */
.hk-player-wrap { padding-top: 0 !important; height: 3400px !important; overflow: hidden; position: relative; }
.hk-player-wrap iframe { position: absolute; top: -214px; left: 0; width: 100%; min-width: 100%; height: 4000px !important; border: 0; }
@media (max-width: 768px) {
.hk-player-wrap { height: 2500px !important; }
.hk-player-wrap iframe { top: -180px; height: 3000px !important; }
}
/* ===== 레프트 중계(실시간 경기) 탭 — tongtv 라이트 중계탭 형태(골드 톤) ===== */
.hk-rank-pane-live { padding: 0 !important; }
.hk-live-list {
float: left; width: 100%; box-sizing: border-box;
height: 520px; overflow-y: auto; background: #2c2c2c;
scrollbar-width: thin; scrollbar-color: #4a4a4a transparent;
}
.hk-live-list::-webkit-scrollbar { width: 5px; }
.hk-live-list::-webkit-scrollbar-thumb { background: #4a4a4a; border-radius: 3px; }
/* 헤더: 진행수 + 한국시간 */
.hk-lv-head {
display: flex; justify-content: space-between; align-items: center;
padding: 9px 14px; border-bottom: 1px solid rgba(255,255,255,0.07);
}
.hk-lv-cnt { color: #ff5a3c; font-size: 12px; font-weight: 800; letter-spacing: -0.3px; }
.hk-lv-cnt::before {
content: ''; display: inline-block; width: 7px; height: 7px; border-radius: 50%;
background: #e02802; margin-right: 5px; animation: hkLiveBlink 1.2s infinite; vertical-align: 1px;
}
@keyframes hkLiveBlink { 0%,100%{opacity:1} 50%{opacity:.25} }
.hk-lv-time { color: #7a7a7a; font-size: 10px; }
/* 종목 필터 */
.hk-lv-cates { display: flex; gap: 5px; padding: 9px 14px 10px; border-bottom: 1px solid rgba(255,255,255,0.07); }
.hk-lv-cates button {
flex: 1; min-width: 0; padding: 5px 0; font-size: 13px; line-height: 1;
background: rgba(255,255,255,0.05); color: #9a9a9a; border: 0; border-radius: 5px; cursor: pointer;
transition: all .15s; font-family: inherit;
}
.hk-lv-cates button:first-child { font-size: 11px; font-weight: 700; }
.hk-lv-cates button:hover { color: #ddd; }
.hk-lv-cates button.on { background: #F7AD38; color: #1c1503; font-weight: 700; }
/* 경기 목록 — 가는 구분선 행 (tongtv 라이트 중계탭 형태) */
.hk-lv-items { }
.hk-lv-item { padding: 11px 14px 10px; border-bottom: 1px solid rgba(255,255,255,0.06); cursor: pointer; }
.hk-lv-item:hover { background: rgba(247,173,56,0.045); }
/* 헤더 라인: 이모지 + 리그 + 상태(골드) + 시간 */
.hk-lv-ih { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; }
.hk-lv-em { font-size: 15px; line-height: 1; flex-shrink: 0; }
.hk-lv-lgn {
font-size: 12px; font-weight: 700; color: #ececef; letter-spacing: -0.3px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0;
}
.hk-lv-stt { font-size: 11px; font-weight: 800; color: #F7AD38; white-space: nowrap; flex-shrink: 0; letter-spacing: -0.3px; }
.hk-lv-tt { font-size: 11px; font-weight: 400; color: #7a7a7a; white-space: nowrap; flex-shrink: 0; }
/* 팀 행: 팀명 + 우측 큰 숫자 */
.hk-lv-tr { display: flex; align-items: center; padding: 3px 0; }
.hk-lv-tn {
flex: 1; min-width: 0; font-size: 12.5px; font-weight: 600; color: #cfd0d4; letter-spacing: -0.4px;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.hk-lv-ts { flex-shrink: 0; min-width: 30px; text-align: right; font-size: 15px; font-weight: 800; color: #e8e8ea; font-family: 'Segoe UI', Arial, sans-serif; }
.hk-lv-ts.win { color: #F7AD38; }
.hk-lv-ts.lose { color: #66666a; }
.hk-live-empty { padding: 60px 20px; text-align: center; color: #6a6a6a; font-size: 12px; }
/* ===== 중계 탭: 관심경기 별 + 섹션 라벨 + 이벤트 토스트 ===== */
.hk-lv-star {
flex-shrink: 0; background: none; border: 0; padding: 0 0 0 5px;
font-size: 14px; line-height: 1; color: #4a4a4e; cursor: pointer;
transition: transform .15s, color .15s; font-family: inherit;
}
.hk-lv-star:hover { color: #ffd76e; transform: scale(1.2); }
.hk-lv-star.on { color: #F7AD38; text-shadow: 0 0 6px rgba(247,173,56,0.5); }
.hk-lv-item.pinned { background: rgba(247,173,56,0.055); }
.hk-lv-item.pinned .hk-lv-ih { border-left: 2px solid #F7AD38; padding-left: 7px; margin-left: -9px; }
.hk-lv-sec {
padding: 10px 14px 3px; font-size: 10px; font-weight: 800; color: #F7AD38;
letter-spacing: 1px;
}
.hk-lv-sec2 { color: #7a7a7a; padding-top: 8px; }
/* 토스트 — 페이지 정중앙 상단 */
#hk_toast_wrap {
position: fixed; top: 16px; left: 50%; transform: translateX(-50%);
z-index: 99999; display: flex; flex-direction: column; gap: 8px;
width: min(92vw, 380px); pointer-events: none;
}
.hk-toast {
background: rgba(22,22,26,0.97); border: 1px solid rgba(247,173,56,0.4);
border-left: 4px solid #F7AD38; border-radius: 8px; padding: 10px 14px 9px;
box-shadow: 0 10px 30px rgba(0,0,0,0.55); pointer-events: auto;
animation: hkToastIn .35s cubic-bezier(.2,.9,.3,1.2);
transition: opacity .4s, transform .4s;
}
.hk-toast.t-goal { border-left-color: #e02802; border-color: rgba(224,40,2,0.5); }
.hk-toast.t-goal .hk-toast-t { color: #ff5f52; }
.hk-toast-t { font-size: 13.5px; font-weight: 800; color: #F7AD38; letter-spacing: -0.3px; }
.hk-toast-b { font-size: 13px; font-weight: 700; color: #f2f2f4; margin-top: 3px; letter-spacing: -0.3px; }
.hk-toast-s { font-size: 10.5px; color: #8a8a8a; margin-top: 2px; }
.hk-toast.out { opacity: 0; transform: translateY(-10px); }
@keyframes hkToastIn { from { opacity: 0; transform: translateY(-16px) scale(.96); } to { opacity: 1; transform: none; } }
/* ===== GNB 접속자 표시 (스포츠중계 옆) ===== */
.hk-online-li { display: flex !important; align-items: center; flex-shrink: 0; margin-left: 14px !important; margin-right: 4px !important; }
.hk-online-badge {
display: inline-flex; align-items: center; gap: 5px;
background: rgba(46, 204, 113, 0.1); border: 1px solid rgba(46, 204, 113, 0.35);
border-radius: 20px; padding: 4px 9px;
font-size: 11.5px; font-weight: 600; color: #7ddca6; letter-spacing: -0.3px;
white-space: nowrap; cursor: default;
}
.hk-online-badge b { color: #2ecc71; font-size: 13px; font-weight: 800; font-family: 'Segoe UI', Arial, sans-serif; }
.hk-online-dot {
width: 6px; height: 6px; border-radius: 50%; background: #2ecc71; flex-shrink: 0;
box-shadow: 0 0 5px rgba(46, 204, 113, 0.8);
animation: hkOnlinePulse 1.6s ease-in-out infinite;
}
@keyframes hkOnlinePulse { 0%,100%{opacity:1} 50%{opacity:.3} }
/* GNB 한 줄 유지: 메뉴 좌우패딩 30→26 (접속자 배지 자리 확보) */
.gnb > ul > li > a { padding-left: 26px !important; padding-right: 26px !important; }
/* 캐시초기화·접속자 뒤 GNB 구분선(|) 제거 */
.gnb > ul > li.hk-cache-li::after,
.gnb > ul > li.hk-online-li::after { display: none !important; content: none !important; }
/* ===== 배팅카트 금액버튼 → 카지노 칩 ===== */
.bet_amount_btns { display: flex !important; justify-content: center !important; gap: 10px !important; margin-top: 12px !important; }
.bet_amount_btns .amt_btn {
flex: 0 0 auto !important;
width: 66px !important; height: 66px !important;
border-radius: 50% !important;
padding: 0 !important;
color: #fff !important;
font-size: 13px !important; font-weight: 800 !important;
cursor: pointer !important;
position: relative;
border: 3px solid rgba(255,255,255,0.9) !important;
box-shadow: 0 5px 12px rgba(0,0,0,0.55), inset 0 0 0 6px rgba(0,0,0,0.28) !important;
transition: transform .12s ease, box-shadow .12s ease !important;
text-shadow: 0 1px 2px rgba(0,0,0,0.6);
line-height: 1.15 !important;
}
.bet_amount_btns .amt_btn::after {
/* 칩 안쪽 점선 링 */
content: ''; position: absolute; inset: 5px;
border: 2px dashed rgba(255,255,255,0.75);
border-radius: 50%;
pointer-events: none;
}
.bet_amount_btns .amt_btn .chip_val { position: relative; z-index: 1; }
.bet_amount_btns .amt_btn:hover { transform: translateY(-3px); box-shadow: 0 9px 16px rgba(0,0,0,0.6), inset 0 0 0 6px rgba(0,0,0,0.28) !important; }
.bet_amount_btns .amt_btn:active { transform: translateY(1px) scale(0.94); }
.bet_amount_btns .chip5k { background: radial-gradient(circle at 32% 28%, #4f8ef7, #1e4fc4 70%) !important; }
.bet_amount_btns .chip1w { background: radial-gradient(circle at 32% 28%, #3ddc84, #0e9f52 70%) !important; }
.bet_amount_btns .chip5w { background: radial-gradient(circle at 32% 28%, #b07cff, #6d28d9 70%) !important; }
.bet_amount_btns .chip10w { background: radial-gradient(circle at 32% 28%, #ff8a5c, #c2261a 70%) !important; }
.bet_amount_btns .chip10w::before { content: ''; position: absolute; inset: 22px; border-radius: 50%; background: rgba(255,255,255,0.92); z-index: 0; }
.bet_amount_btns .chip10w .chip_val { color: #b32012; text-shadow: none; }
.bet_amount_btns .amt_reset {
flex: 0 0 auto !important; border-radius: 33px !important; padding: 0 14px !important;
background: #333 !important; color: #ff7b7b !important; font-size: 12px !important;
height: 66px; border: 1px solid #555 !important;
}
/* ===== 배팅카트 — 에볼루션 밴더 스타일 하단 바 ===== */
.bet_cart_box {
background: linear-gradient(180deg, #171a2b 0%, #10121f 100%) !important;
border: 1px solid rgba(247,173,56,0.35) !important;
border-radius: 12px !important;
padding: 12px 14px 12px !important;
box-shadow: 0 6px 18px rgba(0,0,0,0.45), inset 0 1px 0 rgba(255,255,255,0.06) !important;
}
.bet_cart_title {
font-size: 11px !important; font-weight: 800 !important; color: #F7AD38 !important;
letter-spacing: 1.5px; text-transform: uppercase; opacity: .9;
padding-bottom: 2px !important;
}
.bet_cart_box .cart_row {
display: flex; align-items: center; gap: 10px;
background: rgba(255,255,255,0.045); border: 1px solid rgba(255,255,255,0.09) !important;
border-radius: 8px; padding: 8px 12px !important;
}
.cart_info { display: flex; align-items: baseline; gap: 8px; }
.cart_info strong { color: #fff !important; font-size: 14px !important; }
.cart_info .rate { color: #F7AD38 !important; font-weight: 800 !important; font-size: 13px !important; }
.cart_input { margin-left: auto; }
.cart_input .bet_input {
background: #0b0d16 !important; border: 1px solid rgba(247,173,56,0.4) !important;
color: #ffe9b8 !important; font-weight: 800 !important; text-align: right;
border-radius: 8px !important; padding: 7px 10px !important; width: 120px !important;
font-size: 14px !important;
}
/* 총액/당첨금 — 우측 정렬 캡슐 */
.bet_cart_total {
display: flex; justify-content: flex-end; gap: 8px; align-items: center;
margin-top: 10px !important; color: #9aa3b2 !important; font-size: 12px !important; text-align: right;
line-height: 1 !important;
}
.bet_cart_total::before { content: '총 배팅'; color: #8a93a3; font-weight: 700; }
.bet_cart_total .bet_cart_sum { color: #fff !important; font-size: 16px !important; font-weight: 800 !important; }
.bet_cart_total .bet_cart_win { color: #2ecc71 !important; font-size: 16px !important; font-weight: 800 !important; }
/* 확인/취소 — 에볼루션식 도형 버튼 */
.bet_cart_actions { display: flex; gap: 8px; margin-top: 10px !important; align-items: center; }
.bet_cart_actions button {
border: 0 !important; cursor: pointer; font-weight: 800; border-radius: 999px !important;
padding: 0 !important; height: 44px; line-height: 44px;
transition: transform .12s, filter .12s;
}
.bet_cart_actions button:active { transform: scale(.96); }
.btn_bet_submit {
flex: 1.6 !important;
background: linear-gradient(180deg, #ffd75e, #f0a52c) !important;
color: #241300 !important; font-size: 15px !important;
box-shadow: 0 4px 12px rgba(240,165,44,0.35), inset 0 1px 0 rgba(255,255,255,0.5) !important;
}
.btn_bet_submit:hover { filter: brightness(1.07); }
.btn_bet_clear {
flex: 1 !important; background: rgba(255,255,255,0.08) !important; color: #aab3c2 !important;
border: 1px solid rgba(255,255,255,0.15) !important; font-size: 13px !important;
}
/* 동일오리진 게임(sky) iframe — 부모박스 고정高度/hidden 무시하고 자동 맞춤 */
.pwb_frm_box:has(iframe.hk-game-auto) {
height: auto !important; overflow: visible !important;
}
.pwb_frm_box iframe.hk-game-auto {
width: 100% !important; margin: 0 !important;
height: 810px !important; min-height: 0 !important; max-height: none !important;
}
/* 스킨 내부 !important 규칙보다 위 — sky 게임 전용 (ver124a) */
.minigame_box .pwb_frm_box iframe.hk-game-auto,
.minigame_box .mini_frm_box iframe.hk-game-auto {
width: 100% !important; height: 810px !important;
margin: 0 !important; min-height: 0 !important; max-height: none !important;
transform: none !important;
}
.minigame_box .pwb_frm_box:has(iframe.hk-game-auto) { height: auto !important; overflow: visible !important; }
/* ===== 실시간 팀 순위 탭 (livescore LIVE RANKING) ===== */
.hk-rank-pane-lrank { padding: 0 !important; }
.hk-lr-wrap {
float: left; width: 100%; box-sizing: border-box;
height: 520px; overflow-y: auto; background: #2c2c2c;
scrollbar-width: thin; scrollbar-color: #4a4a4a transparent;
}
.hk-lr-wrap::-webkit-scrollbar { width: 5px; }
.hk-lr-wrap::-webkit-scrollbar-thumb { background: #4a4a4a; border-radius: 3px; }
.hk-lr-loading { padding: 60px 20px; text-align: center; color: #6a6a6a; font-size: 12px; }
.hk-lr-head { display: flex; justify-content: space-between; align-items: center; padding: 4px 12px 4px; position: sticky; top: 0; background: #2c2c2c; z-index: 2; border-bottom: 1px solid #3a3a3a; }
.hk-lr-title { color: #F7AD38; font-size: 13px; font-weight: 800; letter-spacing: -0.3px; }
.hk-lr-time { color: #7a7a7a; font-size: 10px; }
.hk-lr-sports { display: flex; gap: 4px; padding: 4px 10px 4px; flex-wrap: wrap; position: sticky; top: 37px; background: #2c2c2c; z-index: 2; }
.hk-lr-sports button { padding: 4px 10px; background: rgba(255,255,255,0.05); color: #9a9a9a; border: 0; border-radius: 12px; font-size: 11px; font-weight: 700; cursor: pointer; font-family: inherit; }
.hk-lr-sports button.on { background: #F7AD38; color: #1c1503; font-weight: 800; }
.hk-lr-leagues { display: flex; gap: 4px; padding: 2px 10px 8px; flex-wrap: wrap; position: sticky; top: 72px; background: #2c2c2c; z-index: 2; border-bottom: 1px solid #3a3a3a; }
.hk-lr-leagues button { padding: 3px 8px; background: none; color: #8a8a8a; border: 0; border-bottom: 2px solid transparent; font-size: 10.5px; font-weight: 700; cursor: pointer; font-family: inherit; }
.hk-lr-leagues button.on { color: #F7AD38; border-bottom-color: #F7AD38; }
.hk-lr-sec { padding: 8px 12px 2px; font-size: 10px; font-weight: 800; color: #8a8a8a; letter-spacing: 0.5px; }
.hk-lr-table { width: 100%; border-spacing: 0; }
.hk-lr-table th { font-size: 9px; color: #707070; font-weight: 400; padding: 4px 6px; border-bottom: 1px solid #3a3a3a; }
.hk-lr-table th.num { width: 30px; text-align: center; }
.hk-lr-table th.team { text-align: left; }
.hk-lr-table td { font-size: 11px; padding: 4px 6px; border-bottom: 1px solid #373737; color: #b0b0b8; white-space: nowrap; }
.hk-lr-table tr.alt td { background: rgba(255,255,255,0.04); }
.hk-lr-table td.rk { font-weight: 800; color: #F7AD38; text-align: center; width: 30px; }
.hk-lr-table td.tm { font-weight: 600; color: #d8d8dc; max-width: 120px; overflow: hidden; text-overflow: ellipsis; }
.hk-lr-table td.num { text-align: center; color: #9a9aa2; }
/* 몰리는 경기 리스트 — 선호도 바 */
.hk-lr-viewtabs { display: flex; gap: 6px; padding: 8px 10px 6px; position: sticky; top: 37px; background: #2c2c2c; z-index: 2; }
.hk-lr-viewtabs button { flex: 1; padding: 6px 0; background: rgba(255,255,255,0.05); color: #9a9a9a; border: 1px solid rgba(255,255,255,0.08); border-radius: 6px; font-size: 11.5px; font-weight: 800; cursor: pointer; font-family: inherit; }
.hk-lr-viewtabs button.on { background: rgba(247,173,56,0.15); border-color: rgba(247,173,56,0.5); color: #F7AD38; }
.hk-lr-sports { }
.hk-lr-hotlist { padding: 4px 10px 2px; }
.hk-lr-hotrow { display: flex; align-items: center; gap: 7px; padding: 7px 2px; border-bottom: 1px solid #373737; }
.hk-lr-hotrow:last-child { border-bottom: 0; }
.hk-lr-rk { width: 20px; text-align: center; font-size: 12px; font-weight: 800; color: #F7AD38; flex-shrink: 0; }
.hk-lr-tm { font-size: 12.5px; font-weight: 700; color: #f0f0f4; max-width: 108px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.hk-lr-date { font-size: 10.5px; color: #9a9aa8; font-weight: 600; flex-shrink: 0; margin-left: auto; }
.hk-lr-bar { position: relative; width: 60px; height: 8px; background: rgba(255,255,255,0.08); border-radius: 4px; overflow: hidden; flex-shrink: 0; }
.hk-lr-date + .hk-lr-bar { margin-left: 0; }
.hk-lr-fill { position: absolute; inset: 0 auto 0 0; background: linear-gradient(90deg, #f0a52c, #ffd75e); border-radius: 8px; }
.hk-lr-pct { flex-shrink: 0; min-width: 38px; text-align: right; font-size: 13px; font-weight: 800; color: #ffd75e; letter-spacing: -0.3px; text-shadow: 0 0 8px rgba(255,215,94,0.35); font-family: 'Segoe UI', Arial, sans-serif; }
.hk-lr-odds { margin-left: auto; font-size: 13px; font-weight: 800; color: #5affb0; flex-shrink: 0; }
.hk-lr-note { padding: 10px 12px 14px; font-size: 9.5px; color: #6a6a6a; text-align: center; }
/* ===== 페이백 신청하기 버튼 — 하단 중앙 고정 ===== */
.hk-apply-btn {
position: fixed;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 9999;
display: block;
width: 300px;
max-width: 90vw;
text-decoration: none;
filter: drop-shadow(0 6px 18px rgba(0,0,0,0.6));
transition: transform .15s, filter .15s;
animation: hkApplyBounce 2.5s ease-in-out infinite;
}
.hk-apply-btn img { width: 100%; height: auto; display: block; border-radius: 10px; }
.hk-apply-btn:hover { transform: translateX(-50%) scale(1.05); filter: drop-shadow(0 8px 24px rgba(247,173,56,0.5)); }
@keyframes hkApplyBounce { 0%,100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(-6px); } }
/* 모바일에서는 컨텐츠 가리지 않게 작게 */
@media (max-width: 768px) { .hk-apply-btn { width: 220px; bottom: 12px; } }