@keyframes scrollStrip { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
@keyframes neonPulse { 
    0%, 100% { box-shadow: 0 0 10px #0ff; } 
    50% { box-shadow: 0 0 20px #ff00ff; background-color: #ff00ff; color: #fff; } 
}

.event-strip-track { white-space: nowrap; display: inline-block; animation: scrollStrip 40s linear infinite; z-index: 1; position: relative; }
.event-strip-track li { display: inline-block; margin-right: 60px; }
.event-strip-track a { text-decoration: none; transition: color 0.3s; }

textarea { color: #000 !important; }
select { padding: 4px 6px; border-radius: 4px; border: 1px solid #555; }

/*================================================================
 (.light_mode)
================================================================*/
body.light_mode {
    --background-color: #ffffff;
    --text-color: #000;
	--text-color2: #fff;
    --border-color: #e5e5e5;
	--border-color3: #000000;
    background-color: #ffffff !important;
    color: #000000 !important;
}

body.light_mode .side_close button {border: none;font-size: 20px;width: 19px;display: inline-block;margin-right: 10px; padding: 0px 0px;color: #000;background-color: #00000000;}

body.light_mode a:link, body.light_mode a:visited { color: #000 !important; text-decoration: none; }
body.light_mode a:hover { text-decoration: underline; }

body.light_mode .event-strip-container { background: #fff; border: 2px solid #e5e5e5; border-radius: 8px; }
body.light_mode .event-strip-bar { background: #fff; color: #333; height: 30px; font-weight: bold; }
body.light_mode .event-strip-title { background: #f00000; color: #fff; padding: 0 15px; border-radius: 6px; }
body.light_mode .event-strip-track a { color: #333; }
body.light_mode .event-strip-buttons { background-color: #fff; }
body.light_mode .event-strip-buttons button { color: #000; }
body.light_mode .hd_nav_con .hd_logo_wrap {background-color: #ffffff !important;box-shadow: 4px 0 4px -4px #ffffff, -4px 0 4px -4px #ffffff !important;}

body.light_mode .latest_board .latest_item, 
body.light_mode #new_sc, 
body.light_mode #new_sc .lt_contents,
body.light_mode #new_hd .hd_con { background-color: #ffffff !important; }
body.light_mode .latest_board .latest_tit > h1, 
body.light_mode .latest_board .latest_tit > h2, 
body.light_mode .latest_board .latest_tit > h3 { color: #000000 !important; }
body.light_mode .board_table > table td { color: #000000 !important; background-color: #ffffff !important; }
body.light_mode .board_user { background-color: #a3a3a3 !important; }
body.light_mode .gt_contents .rb_member { background-color: #ffffff; border: 1px solid #bbbbbb; color: #000; }

body.light_mode .injury-header { background-color: #757575; color: white; }
body.light_mode .sports-data { background-color: #f2f4f5; }
body.light_mode .view-wrap .view-header th { background-color: #757575; color: white; }
body.light_mode #match-predict {color: #ffffff;}
body.light_mode .hd_nav_con .hd_nav .nav_box .deps_nav {background-color: #ffffff !important;}

body.light_mode .outlogin_con .outpage_btn .outpage_btnbox .btn_item > a > p {color:#000 !important;}
body.light_mode .outlogin_con .outpage_info .outpage_name .outpage_namebox .name_txt > p {color:#000 !important;}
body.light_mode .outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item > h3 {color:#000 !important;}
body.light_mode .outlogin_con .outpage_info .outpage_stat .outpage_statbox .stat_item > p {color:#000 !important;}

/*-------------------------------------------------------------------------------------*
 *  Sports_wrap                                                                         *
 *-------------------------------------------------------------------------------------*/
body.light_mode .sports_league_name{color:#000;}
body.light_mode .sports_time{color:#000;}
body.light_mode .team1_team{color:#000;}
body.light_mode .team2_team{color:#000;}

/*---------- sports_Results ----------*/

@media screen and (max-width: 768px) { 
body.light_mode .sports_list.mobile { background-color: #fff; font-family: sans-serif; }
body.light_mode .league_name { font-weight: bold; font-size: 14px; color: #000; }
body.light_mode .game_time { font-size: 12px; color: #000; }}

/*---------- stream board ----------*/


body.light_mode .multi, .multi0, .multi1, .multi2, .multi3 {background: linear-gradient(94deg, #000000, #ff4343);}
body.light_mode .chartm {background: linear-gradient(94deg, #414141, #8d8a8a);}
body.light_mode .multi_cansle {background: linear-gradient(135deg, #00000040, #ffffff);}


/*---------- mypage ----------*/
body.light_mode .mypage_tab .mypage_tabbox {background-color: #fff !important;}
body.light_mode .mypage_tab .mypage_tabtit {background-color: #fff !important;}

/*---------- exprank_wrap ----------*/
body.light_mode .exprank_wrap .exprank_con .rank_list .rank_listbox > li:nth-child(even) { background-color: #40404300; }
body.light_mode .exprank_wrap .exprank_con .rank_tit > h3 { color: #000000; }
body.light_mode .exprank_wrap .exprank_con .rank_list .rank_listbox > li .rank_name .name_box > p { color: #000000; }
body.light_mode .exprank_wrap .exprank_con .rank_list .rank_listbox > li { border-bottom: 1px dotted #000000; }
body.light_mode .exprank_wrap .exprank_con .rank_list .rank_listbox > li .point_num { color: #f4511e; }




@media (max-width:1023px){
body.light_mode #btn_side #side_mn_btn{position:absolute;right:10px;top:24px;width:15px;height:17px;border:none;color:#000;justify-content:center;align-items:center;border:0;outline:0;background-color:transparent;opacity:0.7;border-radius:8px;font-size:22px;cursor:pointer;padding: 0px 0px;}}

/*================================================================
 (.dark-mode)
================================================================*/
body.dark-mode {
    --background-color: #1b1a1c;
    --text-color: #ffffff;
	--text-color2: #fff;
	--border-color3: #ffffff;
    background-color: #1b1a1c !important;
    color: #ffffff !important;
}



body.dark-mode .side_close button {border: none;font-size: 20px;width: 19px;display: inline-block;margin-right: 10px; padding: 0px 0px; color: #ffffff;background-color: #00000000;padding: 0px;}

body.dark-mode a:link, body.dark-mode a:visited { color: #ffffff !important; text-decoration: none; }
body.dark-mode a:hover { text-decoration: underline; }

body.dark-mode .event-strip-container { background: #1b1a1c; border: 2px solid #0ff; box-shadow: 0 0 15px #0ff; }
body.dark-mode .event-strip-bar { background: #1b1a1c; color: #0f0; height: 30px; }
body.dark-mode .event-strip-title { background: #0ff; color: #000; animation: neonPulse 2s infinite; }
body.dark-mode .event-strip-track a { color: #f0f0f0; text-shadow: 0 0 6px #00f0c8; }
body.dark-mode .event-strip-buttons { background-color: #1b1a1c; }
body.dark-mode .event-strip-buttons button { color: #0ff; }

body.dark-mode #bo_v { background-color: #1b1a1c; color: #fff; }
body.dark-mode .board-title, body.dark-mode .verifi-detail { color: #fff; }
body.dark-mode #bo_w .write_div { color: #fff; }
body.dark-mode .bo_sch { background: #292a2b !important; color: #fff !important; }
body.dark-mode .more_opt li button, body.dark-mode .more_opt li a { background: #64676b !important; color: #fff !important; }

body.dark-mode .small-score, body.dark-mode .sports_list_l div { color: white; }
body.dark-mode .multi, body.dark-mode .multi0, body.dark-mode .multi1 { background: linear-gradient(135deg, #42464c, #ff0000); }
body.dark-mode .multi_cansle { background: linear-gradient(125deg, #41414169, #000000); }

body.dark-mode .injury-header { background-color: #2E2F30; color: white; }
body.dark-mode .sports-data { background-color: #424242; }
body.dark-mode .view-wrap .view-content td { color: white; }


body.dark-mode .tbl_head01 {color: #fff;}

body.dark-mode .tbl_head01 thead th {border-top: 2px solid #4268ab;height: 40px;align-items: center;border-bottom: 1px solid #ededed;    color: #fff;}
body.dark-mode .tbl_head01 thead a {color:#383838}
body.dark-mode .tbl_head01 tfoot th, .tbl_head01 tfoot td {background:#d7e0e2;}


body.dark-mode .tbl_head02 thead th {background:#e5ecef;color:#383838;}
body.dark-mode .tbl_head02 thead a {color:#383838}
body.dark-mode .tbl_head02 tfoot th, .tbl_head02 tfoot td {background:#d7e0e2;}

body.dark-mode #bo_list tbody .even td {background:#fbfbfb00}

body.dark-mode .tbl_head01 tr:hover{background:#4e4e4e;}

body.dark-mode .footer { background-color: #161b22 !important; }

body.dark-mode .gt_contents .rb_member { background-color: #2E2F30; color: #fff; }
body.dark-mode .sub_size { background-color: #1b1a1c; }

body.dark-mode #hd_nb {clear: both;background: #1b1a1c;text-align: center;border-bottom: 1px solid #dee0e2;}

body.dark-mode .bo_cate_link {background: #64676b !important;}
body.dark-mode .pg_page {background: #474747;}






@media (max-width:1023px){body.dark-mode #btn_side #side_mn_btn{position:absolute;right:10px;top:24px;width:15px;height:17px;border:none;color:#fff;justify-content:center;align-items:center;border:0;outline:0;background-color:transparent;opacity:0.7;border-radius:8px;font-size:22px;cursor:pointer;padding: 0px 0px;}}

@media (max-width: 1023px) {
    select { background-color: #ffffff; color: #000; }

    body.light_mode .sports_league_name, 
    body.light_mode .sports_time, 
    body.light_mode .team1_team { color: #000; }
    body.light_mode #side_menu .side_wr .side_inner_rel { background-color: #ffffff; }

    body.dark-mode .sports_league_name, 
    body.dark-mode .sports_time, 
    body.dark-mode .team1_team { color: #fff; }
    body.dark-mode #side_menu .side_wr .side_inner_rel { background-color: #2D2F31; }
    body.dark-mode .pg_wrap, body.dark-mode .tbl_head01 { background: #2E2F30; }
    body.dark-mode #gnb_1dul .gnb_1dli > a { background-color: #252525; border: 1px solid #3F5599; }
    
    @media screen and (max-width: 768px) {
        body.light_mode .sports_list.mobile { background-color: #fff; }
        body.dark-mode .sports_list.mobile { background-color: #424242; }
    }
}

.tab-scroll-category #tab-category span.active a { border-bottom: 1px solid #ff0000 !important; }
.analysis-content h5, .analysis-content { color: inherit; }
body.dark-mode .analysis-content { color: #fff; }
#lnb .tab a {background-color: var(--background-color);}
a.btn-dark.btn-block {color: var(--text-color2) !important;}