@charset "utf-8";

/*


    LIST


*/

.sp_latest_date_title {color:var(--type-weak);font-size:16px;font-family: "a2";margin: 5px 0 8px; font-weight:normal;margin-top:4px;margin-bottom:10px;padding-left:6px;}


#data_select_interface {padding:20px;background:#1d2333;border-radius:10px;display:flex;}
#data_select_interface .sub-title {font-size: 15px;font-family: "a3";margin: 5px 0 8px; font-weight:normal;}
#data_select_interface .sub-desc {font-size: 12px;color: #9aa4bf; font-family: "a2"; font-weight:normal;}
#data_select_interface .date-picker-ui {display:flex;align-items:center;}
#data_select_interface .date-picker-ui .btn_disable {color:#9aa4bf;pointer-events:none;cursor:default;}
#data_select_interface .cell-btn {padding:8px 10px;background:#2d344d;color:#fff;border-radius:5px;margin-left:5px;}
#data_select_interface .cell-btn:first-child {margin-left:0;}
#data_select_interface .cell-today {padding:5px 10px;margin-left:5px;font-size:17px;font-weight:500;text-align:center;color:#4fe744;}

#data_select_interface .description {flex:1;}
@media (max-width: 1240px) {
    #data_select_interface {display:block;}
    #data_select_interface .description {width:100%;display:block;}
    #data_select_interface .date-picker-ui {margin-top:20px;}
    #data_select_interface .cell-today {flex:1;} 
}


.sp_list_item { background-color: #1D2333; border-radius: 10px; margin-bottom: 10px; }
.sp_list_topcell { font-size: 12px; padding: 8px 16px; display: flex; }
.sp_list_topcell .leaguenm { width: 40%; text-align: left; color: var(--type-weak); }
.sp_list_topcell .location { flex: 1; text-align: right; color: var(--type-weak); }
.sp_list_topcell .gamedt { text-align:left;padding-right:10px;}
.sp_list_topcell .status { text-align:center; }
.sp_list_topcell .status .end {}    

.sp_list_wrap { display: flex; flex-wrap: wrap; padding: 16px 16px; background-color: #21283B;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.sp_list_wrap>div { padding-left: 6px; padding-right: 6px; display: flex; align-items: center; }
.sp_list_wrap>div:first-child { padding-left: 0px; }
.sp_list_wrap>div:last-child { padding-right: 0px; }
.sp_list_wrap .flex1 { flex: 1; }
.sp_list_wrap .gamedt { width: 48px; }
.sp_list_wrap .timgh img { width: 32px; }
.sp_list_wrap .timga img { width: 32px; }
.sp_list_wrap .hname { justify-content: flex-end; }
.sp_list_wrap .aname { text-align: left; }
.sp_list_wrap .category img { width: 24px; }
.sp_list_wrap .cell_vs > div {display:block;background-color:#293249;color:#9aa4bf;border-radius:10px;font-size:11px;min-width:60px;max-width:70px;text-align:center;padding-bottom:2px;padding-top:2px;}
.sp_list_wrap .cell_vs .playing {background-color:#4fe744;color:green;}
.sp_list_wrap .cell_vs .before {background-color:#dc3545;color:#fff;}
.sp_list_wrap .cell_vs .end {}
.sp_list_wrap .hscore {text-align:center;min-width:50px;font-size:16px;justify-content: center;}
.sp_list_wrap .ascore {text-align:center;min-width:50px;font-size:16px;justify-content: center;}
.sp_list_wrap .win_score {color:#009fff;}
.sp_list_wrap .btns {width:50px;}
.sp_list_wrap .btns a {background-color: #2d344d; color: #fff; border-radius: 5px;width:56px;text-align:center;height:27px;line-height:27px;}
.sp_list_wrap .btn_disable {display:none;}


.sp_list_wrap .mb_extra {display:none;}

@media (max-width: 1240px) {

    .sp_list_container {}
    .sp_list_container > div:nth-child(even){background-color:#1A202F;}
    .sp_list_container > div:nth-child(odd){background-color:var(--background-color-gray2);}
    .sp_list_container > div:first-child{border-top-left-radius: 10px;border-top-right-radius: 10px;}
    .sp_list_container > div:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

    .sp_list_item {margin-bottom:0px;background-color:transparent;border-radius:0;}
    .sp_list_topcell {display:none;}
    .sp_list_wrap {position:relative;display:block;height:136px;padding:0;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-color:transparent;}
    .sp_list_wrap .category {display:none;}
    .sp_list_wrap .category img {width:16px;}
    .sp_list_wrap .gamedt {display:none;}
    .sp_list_wrap .timgh {position:absolute;left:15px;top:48px;}
    .sp_list_wrap .hname {position:absolute;left:52px;right:160px;top:57px;display:block;text-align:left;}
    .sp_list_wrap .hscore {position:absolute;right:100px;top:57px;font-size:16px;}

    .sp_list_wrap .cell_vs {display:none;}
    
    .sp_list_wrap .timga {position:absolute;left:16px;top:87px;}
    .sp_list_wrap .aname {position:absolute;left:52px;right:160px;top:96px;display:block;text-align:left;}
    .sp_list_wrap .ascore {position:absolute;right:100px;top:96px;font-size:16px;}

    .sp_list_wrap .btn_record {position:absolute;right:15px;top:50px;}
    .sp_list_wrap .btn_preview {position:absolute;right:15px;top:88px;}
    .sp_list_wrap .btns > a {width:60px;padding:0;height:32px;line-height:32px;text-align:center;}

    .sp_list_wrap .mb_extra {display:flex;position:absolute;top:15px;left:16px;right:10px;}
    .sp_list_wrap .mb_extra .mb_img {width:14px;}
    .sp_list_wrap .mb_extra .mb_blank {flex:1;}
    .sp_list_wrap .mb_extra .mb_gamedt {font-size:12px;padding-left:10px;color:var(--type-weak);}
    .sp_list_wrap .mb_extra .mb_status {padding-left:10px;}
    .sp_list_wrap .mb_extra .mb_status > div {display:block;background-color:#293249;color:#9aa4bf;border-radius:10px;font-size:11px;min-width:60px;max-width:70px;text-align:center;padding-bottom:2px;padding-top:2px;}
    .sp_list_wrap .mb_extra .mb_status .playing {background-color:#4fe744;color:green;}
    .sp_list_wrap .mb_extra .mb_status .before {background-color:#dc3545;color:#fff;}
    .sp_list_wrap .mb_leaguenm {font-size:12px;color:#9aa4bf;padding-left:10px;}
} 


/* 목록 신규 */
.sp_list_btn.button-group {display: flex;border-radius: 10px;overflow: hidden;}
.sp_list_btn.button-group > a {display: flex;justify-content: center;border-radius:0;padding-left: 10px;padding-right: 10px;background: #10131c;}
.sp_list_btn.button-group > a:first-child {padding-right:5px;}
.sp_list_btn.button-group > a:last-child {padding-left:5px;}
.sp_list_btn.button-group .btn-empty {pointer-events: none;opacity: 0.3;pointer-events: none;}



.sp_list_row {display: flex; background-color: #21283B;border-radius:10px;padding:10px;margin-bottom:10px;}
.sp_list_row .grp_time {width:60px;display:flex;align-items:center;justify-content:center;}
.sp_list_row .gtime_future {color:#4fe744;}
.sp_list_row .gtime_old {color:var(--type-weak);}
.sp_list_row .data_cell {flex:1;}

.sp_list_wrap2 { display: flex; flex-wrap: wrap;}
.sp_list_wrap2>div { padding-left: 6px; padding-right: 6px; display: flex; align-items: center; }

.sp_list_wrap2 .flex1 { flex: 1; }
.sp_list_wrap2 .gamedt { width: 48px; }
.sp_list_wrap2 .timgh img { width: 32px; }
.sp_list_wrap2 .timga img { width: 32px; }
.sp_list_wrap2 .hname { justify-content: flex-end; }
.sp_list_wrap2 .aname { text-align: left; }
.sp_list_wrap2 .gstadium {display:block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;color:var(--type-weak);font-size:11px;text-align:right;}
.sp_list_wrap2 .gleague {display:block;width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:32px;color:var(--type-weak);font-size:11px;}
.sp_list_wrap2 .category img { width: 16px; }
.sp_list_wrap2 .cell_vs > div {display:block;background-color:#293249;color:#9aa4bf;border-radius:10px;font-size:11px;min-width:60px;max-width:70px;text-align:center;padding-bottom:2px;padding-top:2px;}
.sp_list_wrap2 .cell_vs .playing {background-color:#4fe744;color:#fff;}
.sp_list_wrap2 .cell_vs .before {background-color:#dc3545;color:#fff;}
.sp_list_wrap2 .cell_vs .end {color:#fff;}
.sp_list_wrap2 .hscore {text-align:center;min-width:50px;font-size:16px;justify-content: center;}
.sp_list_wrap2 .ascore {text-align:center;min-width:50px;font-size:16px;justify-content: center;}
.sp_list_wrap2 .win_score {color:#009fff;}
.sp_list_wrap2 .btns {width:50px;}
.sp_list_wrap2 .btns a {background-color: #2d344d; color: #fff; border-radius: 5px;width:56px;text-align:center;height:27px;line-height:27px;}
.sp_list_wrap2 .btn_disable {color:var(--type-weak) !important;pointer-events: none;}

.sp_list_sep {width:100%;height:10px;}
.sp_list_wrap .mb_extra {display:none;}

@media (max-width: 1240px) {

    .sp_list_wrap2 {position:relative;display:block;height:118px;padding:0;border-bottom-left-radius:0px;border-bottom-right-radius:0px;background-color:transparent;}
    .sp_list_row .grp_time {width:36px;justify-content:flex-start;}
    .sp_list_wrap2 .category {position:absolute;left:4px;top:8px;}
    .sp_list_wrap2 .gleague {position:absolute;left:26px;top:0px;width:160px;}
    .sp_list_wrap2 .gstadium {position:absolute;right:4px;top:0px;width:160px;}

    .sp_list_row .grp_time {background-color:#161B28;border-radius:10px;width:42px;justify-content:center;}

    .sp_list_wrap2 .category img {width:16px;}
    .sp_list_wrap2 .gamedt {display:none;}
    .sp_list_wrap2 .timgh {position:absolute;left:0px;top:38px;}
    .sp_list_wrap2 .hname {position:absolute;left:37px;right:160px;top:47px;display:block;text-align:left;}
    .sp_list_wrap2 .hscore {position:absolute;right:100px;top:47px;font-size:16px;}

    .sp_list_wrap2 .cell_vs {display:none;}
    
    .sp_list_wrap2 .timga {position:absolute;left:0px;top:77px;}
    .sp_list_wrap2 .aname {position:absolute;left:37px;right:160px;top:86px;display:block;text-align:left;}
    .sp_list_wrap2 .ascore {position:absolute;right:100px;top:86px;font-size:16px;}

    .sp_list_wrap2 .btn_grps {position:absolute;right:0px;top:60px;}
    .sp_list_wrap2 .btn_record {position:absolute;right:15px;top:40px;}
    .sp_list_wrap2 .btn_preview {position:absolute;right:15px;top:78px;}
    .sp_list_wrap2 .btns > a {width:60px;padding:0;height:32px;line-height:32px;text-align:center;}



    .sp_list_wrap2 .mb_extra {display:flex;position:absolute;top:15px;left:16px;right:10px;}
    .sp_list_wrap2 .mb_extra .mb_img {width:14px;}
    .sp_list_wrap2 .mb_extra .mb_blank {flex:1;}
    .sp_list_wrap2 .mb_extra .mb_gamedt {font-size:12px;padding-left:10px;color:var(--type-weak);}
    .sp_list_wrap2 .mb_extra .mb_status {padding-left:10px;}
    .sp_list_wrap2 .mb_extra .mb_status > div {display:block;background-color:#293249;color:#9aa4bf;border-radius:10px;font-size:11px;min-width:60px;max-width:70px;text-align:center;padding-bottom:2px;padding-top:2px;}
    .sp_list_wrap2 .mb_extra .mb_status .playing {background-color:#4fe744;color:green;}
    .sp_list_wrap2 .mb_extra .mb_status .before {background-color:#dc3545;color:#fff;}
    .sp_list_wrap2 .mb_leaguenm {font-size:12px;color:#9aa4bf;padding-left:10px;}
    
    .sp_list_sep {width:96%;margin:auto;height:1px;background-color:var(--border-color);margin-bottom:10px;}
} 

.no-data {display: flex;justify-content: center;align-items: center;height: 200px;background-color: #1D2333;border-radius: 10px;}

 

/*


    전력


*/



/* 전력 : 상세 타이틀부 */
.spd_match_title_container {display:flex;background-color:#161B28;border-radius:20px;padding:20px;}
.spd_match_title_container .team_home {flex:1;height:70px;text-align:center;}
.spd_match_title_container .team_home img {width:46px;}
.spd_match_title_container .team_home .team_name {}


.spd_match_title_container .hscore {width:40px;font-size:18px;padding-top:20px;text-align:left;}
.spd_match_title_container .win_score {color:#009fff;}
.spd_match_title_container .c_box {width:30%;text-align:center;}
.spd_match_title_container .c_box .status {display:inline-block;margin:0 auto;background-color:#293249;color:#9aa4bf;border-radius:10px;font-size:11px;min-width:60px;max-width:70px;text-align:center;padding-bottom:2px;padding-top:2px;}
.spd_match_title_container .c_box .status .playing {background-color:#4fe744;color:green;}
.spd_match_title_container .c_box .status .before {background-color:#dc3545;color:#fff;}
.spd_match_title_container .c_box .game_time {margin-top:10px;margin-bottom:7px;}
.spd_match_title_container .c_box .stadium {color:var(--type-weak);font-size:12px;word-wrap:break-word;word-break:break-all;white-space:normal;}
.spd_match_title_container .ascore {width:40px;font-size:18px;padding-top:20px;text-align:right;}

.spd_match_title_container .team_away {flex:1;height:70px;text-align:center;}
.spd_match_title_container .team_away img {width:46px;}
.spd_match_title_container .team_away .team_name {}

@media (max-width: 1240px) {
    .spd_match_title_container {padding:10px;}


    .spd_match_title_container .c_box {width:24%;}
    .spd_match_title_container .c_box .stadium {font-size:11px;}
}




/* 전력 : 매치인포 */
.spd_minfo_container {display:flex;background-color:#21283B;border-radius:20px;padding:20px;}
.spd_minfo_container .cleft {flex:1;text-align:right;}
.spd_minfo_container .cleft .team_name {height:24px;text-align:right;font-size:20px;font-weight:400;line-height:24px;}
.spd_minfo_container .cleft .extra_info {text-align:right;margin-top:7px;margin-bottom:17px;}
.spd_minfo_container .cleft .extra_info .rank {color:#CA2128;font-size:15px;}
.spd_minfo_container .cleft .extra_info .rank::after {content: "•";margin: 0px 1px 0px 4px;color:#CA2128;font-size:12px;}
.spd_minfo_container .cleft .extra_info .record {color:var(--type-weak);font-size:15px;}
.spd_minfo_container .cleft .ghistory {display:flex;justify-content:flex-end;margin-bottom:16px;}
.spd_minfo_container .cleft .ghistory > span {width:20px;line-height:20px;font-size:14px;font-weight:700;position:relative;display:inline-block;text-align:center;border-radius:3px;margin-right:4px;}
.spd_minfo_container .cleft .ghistory ._win {/*border:1px solid #33c850;color:#33c850;*/display: inline-block;margin: 2px;font-size: .6875rem;padding: 4px 6px;font-weight: normal;color: #fff;line-height: 1;border-radius: 0.375rem;background-color: #5c6bbf;}
.spd_minfo_container .cleft .ghistory ._lose {/*border:1px solid #1c8af5;color:#1c8af5;*/display: inline-block;margin: 2px;font-size: .6875rem;padding: 4px 6px;font-weight: normal;color: #fff;line-height: 1;border-radius: 0.375rem;background-color: #dc3545;}
.spd_minfo_container .cleft .ghistory ._draw {/*border:1px solid #6e6e6e;color:#6e6e6e;*/display: inline-block;margin: 2px;font-size: .6875rem;padding: 4px 6px;font-weight: normal;color: #fff;line-height: 1;border-radius: 0.375rem;background-color: #313b51;}




.spd_minfo_container .cleft .graph {height:27px;display:flex;}
.spd_minfo_container .cleft .graph > div:nth-child(1) {flex:1;}
.spd_minfo_container .cleft .graph > div:nth-child(2) {margin-top:4px;background: linear-gradient(to right, #E09A00,  #4fe744);height:7px;border-top-left-radius:6px;border-bottom-left-radius:6px;}
.spd_minfo_container .cleft .graph > div:nth-child(3) {width:54px;}


.spd_minfo_container .ccenter {width:90px;}
.spd_minfo_container .ccenter .versus {text-align:center;height:62px;font-size:26px;font-family: "Anton", Arial, sans-serif;color:var(--type-weak);padding-top:10px;}
.spd_minfo_container .ccenter .ghistory {text-align:center;height:27px;line-height:27px;margin-bottom:8px;}
.spd_minfo_container .ccenter .graph {text-align:center;color:var(--type-weak);height:27px;line-height:27px;}

.spd_minfo_container .cright {flex:1;text-align:left;}
.spd_minfo_container .cright .team_name {height:24px;text-align:left;font-size:20px;font-weight:400;line-height:24px;}
.spd_minfo_container .cright .extra_info {text-align:left;margin-top:7px;margin-bottom:17px;}
.spd_minfo_container .cright .extra_info .rank {color:#CA2128;font-size:15px;}
.spd_minfo_container .cright .extra_info .rank::after {content: "•";margin: 0px 1px 0px 4px;color:#CA2128;font-size:12px;}
.spd_minfo_container .cright .extra_info .record {color:var(--type-weak);font-size:15px;}
.spd_minfo_container .cright .ghistory {display:flex;justify-content:flex-start;margin-bottom:16px;}
.spd_minfo_container .cright .ghistory > span {width:20px;line-height:20px;font-size:14px;font-weight:700;position:relative;display:inline-block;text-align:center;border-radius:3px;margin-right:4px;}
.spd_minfo_container .cright .ghistory ._win {/*border:1px solid #33c850;color:#33c850;*/display: inline-block;margin: 2px;font-size: .6875rem;padding: 4px 6px;font-weight: normal;color: #fff;line-height: 1;border-radius: 0.375rem;background-color: #5c6bbf;}
.spd_minfo_container .cright .ghistory ._lose {/*border:1px solid #1c8af5;color:#1c8af5;*/display: inline-block;margin: 2px;font-size: .6875rem;padding: 4px 6px;font-weight: normal;color: #fff;line-height: 1;border-radius: 0.375rem;background-color: #dc3545;}
.spd_minfo_container .cright .ghistory ._draw {/*border:1px solid #6e6e6e;color:#6e6e6e;*/display: inline-block;margin: 2px;font-size: .6875rem;padding: 4px 6px;font-weight: normal;color: #fff;line-height: 1;border-radius: 0.375rem;background-color: #313b51;}
.spd_minfo_container .cright .graph {height:27px;display:flex;}
.spd_minfo_container .cright .graph > div:nth-child(3) {flex:1;}
.spd_minfo_container .cright .graph > div:nth-child(2) {margin-top:4px;background: linear-gradient(to right, #4fe744, #E09A00);height:7px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.spd_minfo_container .cright .graph > div:nth-child(1) {width:54px;}

@media (max-width: 1240px) {
    .spd_minfo_container {padding:10px;}
    .spd_minfo_container .cleft .team_name {font-size:15px;}
    .spd_minfo_container .cleft .extra_info .rank {font-size:12px;}
    .spd_minfo_container .cleft .extra_info .record {font-size:12px;}

    .spd_minfo_container .ccenter {width:74px;}
    .spd_minfo_container .ccenter .graph {font-size:11px;}

    .spd_minfo_container .cright .team_name {font-size:15px;}
    .spd_minfo_container .cright .extra_info .rank {font-size:12px;}
    .spd_minfo_container .cright .extra_info .record {font-size:12px;}
}




/* 전력 : 양팀맞대결 */
.flex_hw_center {display:flex;align-items:center;justify-content:center;}
.flex_hw_centerleft {display:flex;align-items:center;justify-content:flex-start;}
.spd_grid_container {background-color:#21283B;border-radius:20px;}
.spd_grid_container > div:nth-child(even){background-color:#1A202F;}
.spd_grid_container > div:nth-child(odd){background-color:var(--background-color-gray2);}
.spd_grid_container > div:first-child{border-top-left-radius: 10px;border-top-right-radius: 10px;}
.spd_grid_container > div:last-child{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}

.spd_recent_match {display:flex;padding:10px;}

.spd_recent_match .himg img {width:30px;}
.spd_recent_match .hname {text-align:center;flex:1;}
.spd_recent_match .hscore {text-align:center;width:37px;font-size:16px;}
.spd_recent_match .win_score {color:#009fff;}

.spd_recent_match .center {width:74px;text-align:center;}
.spd_recent_match .gdt {font-size:12px;color:var(--type-weak);}
.spd_recent_match .canm {font-size:12px;color:var(--type-weak);margin-top:4px;}
.spd_recent_match .gdt_only {font-size:12px;margin-top:7px;color:var(--type-weak);}


.spd_recent_match .ascore {text-align:center;width:37px;font-size:16px;}
.spd_recent_match .aname {text-align:center;flex:1;}
.spd_recent_match .aimg img {width:30px;}

@media (max-width:1240px){
    .spd_recent_match .himg {display:none;}
    .spd_recent_match .aimg {display:none;}

    .spd_recent_match .hname {font-size:12px;}
    .spd_recent_match .hscore {font-size:12px;}
    
    .spd_recent_match .center {width:60px;}
    .spd_recent_match .gdt {font-size:11px;}
    .spd_recent_match .canm {font-size:11px;}
    .spd_recent_match .gdt_only {font-size:11px;margin-top:2px;}

    .spd_recent_match .ascore {font-size:12px;}
    .spd_recent_match .aname {font-size:12px;}
}

/* 전력 : 탑플레이어 */
.spd_top_player {display:flex;padding:10px;min-height:44px;}
.spd_top_player .tname {flex:1;text-align:left;padding-left:20px;}
.spd_top_player .tname img {width:24px;margin-right:10px;}
.spd_top_player .cell {width:60px;text-align:center;color:var(--type-weak);}
.spd_top_player .strongf {color:#fff;font-weight:400;}
.spd_top_player .ctitle {color:var(--type-weak);}


.spd_top_player2 {display:flex;padding:10px;}
.spd_top_player2 .pimg {width:30px;}
.spd_top_player2 .pimg img {width:30px;}
.spd_top_player2 .pnameL {flex:1;padding-left:10px;justify-content:flex-start;}
.spd_top_player2 .pnameR {flex:1;padding-right:10px;justify-content:flex-end;}
.spd_top_player2 .pval {width:60px;}
.spd_top_player2 .ptype {width:80px;color:var(--type-weak);}

@media (max-width:1240px){
    .spd_top_player2 .pimg {display:none;}

    .spd_top_player .tname {padding-left:10px;}
    .spd_top_player .cell {width:50px;}
    .spd_top_player .strongf {font-size:12px;}

    .spd_top_player2 .pnameL {padding-left:4px;font-size:12px;}
    .spd_top_player2 .pnameR {padding-right:4px;font-size:12px;}
    .spd_top_player2 .pval {width:50px;font-size:11px;}
    .spd_top_player2 .ptype {width:60px;font-size:11px;}

}


/* 전력 : 야구 키플레이어 */
.spd_kplayer_container {background-color:#21283B;border-radius:20px;}
.spd_kplayer_head {display:flex;padding:10px;background-color:#1A202F;border-top-left-radius: 20px;border-top-right-radius:20px;}
.spd_kplayer_head .hembulem {padding-left:20px;}
.spd_kplayer_head img {width:30px;}
.spd_kplayer_head .hname {flex:1;font-size:16px;text-align:left;line-height:26px;padding-left:20px;}
.spd_kplayer_head .hname .position {font-size:12px;color:var(--type-weak);}
.spd_kplayer_head .vs {width:90px;text-align:center;font-size:20px;color:var(--type-weak);line-height:26px;}
.spd_kplayer_head .aembulem {padding-right:20px;}
.spd_kplayer_head .aname {flex:1;font-size:16px;text-align:right;line-height:26px;padding-right:20px;}
.spd_kplayer_head .aname .position {font-size:12px;color:var(--type-weak);}

.spd_kplayer_row {display:flex;padding:10px;}
.spd_kplayer_row > div:nth-child(1) {flex:1;text-align:right;}
.spd_kplayer_row > div:nth-child(2) {width:90px;text-align:center;color:var(--type-weak);}
.spd_kplayer_row > div:nth-child(3) {flex:1;text-align:left;}
.spd_kplayer_row .vcenter {display:flex;align-items:center;justify-content:center;}

.spd_hcold_graph_container {position:relative;}
.spd_hcold_graph {position:relative;display: grid;grid-template-rows: 1fr 1fr;grid-template-columns: 1fr 1fr;gap: 0;padding: 10px;}
.spd_hcold_graph > div {border: 1px solid #fff;aspect-ratio: 1 / 1;}
.spd_hcold_graph > div:nth-child(1) > div {position:absolute;top:20px;left:20px;}
.spd_hcold_graph > div:nth-child(2) > div {position:absolute;top:20px;right:20px;}
.spd_hcold_graph > div:nth-child(3) > div {position:absolute;bottom:20px;left:20px;}
.spd_hcold_graph > div:nth-child(4) > div {position:absolute;bottom:20px;right:20px;}

.spd_hcold_graph_inner {position:absolute;top:20%;bottom:20%;left:20%;right:20%;}
.spd_hcold_graph2 {display: grid;grid-template-rows: repeat(3, 1fr);grid-template-columns: repeat(3, 1fr);gap: 0;}
.spd_hcold_graph2 > div {border: 1px solid #fff;aspect-ratio: 1 / 1;}
.spd_hcold_graph2 > div {position:relative;}
.spd_hcold_graph2 > div > div {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}

.spd_hcold_graph_container .hcol1 {background-color:#78A5EE;}
.spd_hcold_graph_container .hcol2 {background-color:#83C4FF;}
.spd_hcold_graph_container .hcol3 {background-color:#FF9F84;}
.spd_hcold_graph_container .hcol4 {background-color:#F46D46;}
.spd_hcold_graph_container .hcolmax {background-color:#F46D46;}
.spd_hcold_graph_container .hblank {background-color:#BFBFBF;}

@media (max-width: 1240px) {
    .spd_hcold_graph div {font-size:10px;}
    .spd_hcold_graph2 div {font-size:10px;}

    .spd_kplayer_row > div:nth-child(1) {font-size:12px;}
    .spd_kplayer_row > div:nth-child(2) {width:50px;font-size:11px;}
    .spd_kplayer_row > div:nth-child(3) {font-size:12px;}

    .spd_kplayer_row .hot-cold-zone-ctext {width:40px;}
}



/*


    기록


*/


/* 기록 : setinfo */
.spr_setinfo_container {background-color:#21283B;padding:20px;border-radius:20px;}
.spr_setinfo_title {display:flex;margin-bottom:10px;}
.spr_setinfo_title > div {height:30px;line-height:30px;color:var(--type-weak);}
.spr_setinfo_title .tname {flex:1;text-align:left;padding-left:20px;}
.spr_setinfo_container img {width:30px;margin-right:10px;display:inline-block;}
.spr_setinfo_title .sval {width:40px;text-align:center;}

.spr_setinfo_hdata {display:flex;}
.spr_setinfo_hdata > div {height:30px;line-height:30px;}
.spr_setinfo_hdata .tname {flex:1;text-align:left;padding-left:20px;}
.spr_setinfo_hdata .sval {width:40px;text-align:center;}
.spr_setinfo_hdata .win_score {color:#009fff;}



.spr_setinfo_adata {display:flex;}
.spr_setinfo_adata > div {height:30px;line-height:30px;}
.spr_setinfo_adata .tname {flex:1;text-align:left;padding-left:20px;}
.spr_setinfo_adata .sval {width:40px;text-align:center;}
.spr_setinfo_adata .win_score {color:#009fff;;}


/* 기록 : scoreinfo */
.spr_scoreinfo_container {background-color:#21283B;padding:20px;border-radius:20px;}
.spr_scoreinfo_datawrap {display:flex;}
.spr_scoreinfo_datawrap .pname {color:var(--type-weak);}
.spr_scoreinfo_datawrap .gtime {color:#fff;display:inline-block;text-align:right;min-width:28px;margin-right:4px;}
.spr_scoreinfo_datawrap .cellhome {width:50%;text-align:right;}
.spr_scoreinfo_datawrap .cellhome > div {height:30px;line-height:30px;}
.spr_scoreinfo_datawrap .cellhome img {width:20px;margin-left:10px;margin-right:10px;display:inline-block;}
.spr_scoreinfo_datawrap .cellaway {width:50%;text-align:left;}
.spr_scoreinfo_datawrap .cellaway > div {height:30px;line-height:30px;}
.spr_scoreinfo_datawrap .cellaway img {width:20px;margin-right:10px;margin-left:10px;display:inline-block;}
@media (max-width: 1240px) {
    .spr_scoreinfo_container {padding:8px 4px 8px 4px;}
    .spr_scoreinfo_datawrap .pname {font-size:11px;}
    .spr_scoreinfo_datawrap .gtime {font-size:11px;min-width:18px;}
    .spr_scoreinfo_datawrap .cellaway img {width:16px;margin-right:6px;margin-left:6px;}
    .spr_scoreinfo_datawrap .cellhome img {width:16px;margin-right:6px;margin-left:6px;}
}
 

/* 기록 : 경기기록 그래프부 */
.spr_gresult_container {background-color:#21283B;padding:20px;border-radius:20px;}
.spr_gresult_title {display:flex;margin-bottom:20px;}
.spr_gresult_title > div {height:30px;line-height:30px;}
.spr_gresult_title .cimg {width:30px;}
.spr_gresult_title img {width:30px;}
.spr_gresult_title .chname {flex:1;text-align:right;font-size:16px;padding-right:20px;}
.spr_gresult_title .ccenter {width:70px;text-align:center;font-size:16px;color:var(--type-weak);}
.spr_gresult_title .caname {flex:1;text-align:left;font-size:16px;padding-left:20px;}
.spr_gresult_title .cimg {width:30px;}

.spr_gresult_data_container {}
.spr_gresult_drow {display:flex;}
.spr_gresult_drow > div {height:32px;line-height:32px;}
.spr_gresult_drow .chval {width:58px;text-align:right;}
.spr_gresult_drow .greaphL {flex:1;display:flex;padding-top:12px;}
.spr_gresult_drow .greaphL .bar {background: linear-gradient(to right, #E09A00,  #4fe744);height:7px;border-top-left-radius:6px;border-bottom-left-radius:6px;}
.spr_gresult_drow .extra {flex:1;height:7px;}

.spr_gresult_drow .ccenter {width:70px;text-align:center;color:var(--type-weak);}

.spr_gresult_drow .caval {width:58px;text-align:left;}
.spr_gresult_drow .greaphR {flex:1;display:flex;padding-top:12px;}
.spr_gresult_drow .greaphR .bar {background: linear-gradient(to right, #4fe744, #E09A00);height:7px;border-top-right-radius: 6px;border-bottom-right-radius: 6px;}
.spr_gresult_drow .extra {flex:1;height:7px;}

@media (max-width: 1240px) {

    .spr_gresult_title .chname {padding-right:6px;font-size:14px;}
    .spr_gresult_title .caname {padding-left:6px;font-size:14px;}

    .spr_gresult_title .ccenter {width:60px;font-size:16px;}
    .spr_gresult_drow .ccenter {width:60px;font-size:11px;}

    .spr_gresult_drow .chval {width:46px;font-size:11px;}
    .spr_gresult_drow .caval {width:46px;font-size:11px;}
}



/* 기록 : 선수기록 */
.spr_players_title > div {height:30px;line-height:30px;}
.spr_players_title img {width:30px;}

.spr_players {padding:20px;}
.spr_players_container {}
.spr_players_head {display:flex;font-size:10px;border-bottom:2px solid #1D2333;margin-bottom:4px;}
.spr_players_head > div {height:40px;line-height:40px;color:var(--type-weak);width:58px;text-align:center;flex-shrink:0;}
.spr_players_head > div:nth-child(1) {flex:1;text-align:left;font-size:11px;min-width:100px;flex-shrink:0;}

.spr_players_data {}
.spr_players_row {display:flex;border-bottom:1px solid #1D2333;}
.spr_players_row > div {height:30px;line-height:30px;width:58px;font-size:10px;text-align:center;flex-shrink: 0;}
.spr_players_row > div:nth-child(1) {flex:1;text-align:left;font-size:11px;min-width:100px;flex-shrink:0;}
/*.spr_players_row > div:nth-child(1) span {font-size:9px;color:var(--type-weak);}*/

@media (max-width: 1240px) {
    /*
    .spr_players_head > div {width:46px;}
    .spr_players_row > div {width:46px;}
    */
}

.spr_players_row .fc-weak {color:var(--type-weak);}
.spr_players_row .fc-strong-green {font-size:14px;color:#4fe744}
.spr_players_row .ptcher_normal {display: inline-block;color:var(--type-weak);border-radius: 4px;background-color: #161B27;padding: 0px 4px;height: 18px;line-height: 18px;margin-left: 6px;}
.spr_players_row .ptcher_win {display: inline-block;color: #fff;border-radius: 4px;background-color: #ff8400;padding: 0px 4px;height: 18px;line-height: 18px;margin-left: 6px;}



/* 기록 : 선수기록 횡스크롤 레이아웃 */
.hscroll_back {background-color:#21283B;border-radius:20px;padding-left:10px;padding-right:10px;width:100%;position:relative;overflow:hidden;overflow-x:auto;} 
.hscroll_back::-webkit-scrollbar {height: 6px;background-color: var(--background-color-gray2);}
.hscroll_back::-webkit-scrollbar-thumb {background-color:var(--type-weak);border-radius: 10px;background-clip: padding-box;border: 2px solid var(--type-weak);}
.hscroll_back::-webkit-scrollbar-track {background-color: var(--background-color-gray2);border-radius: 10px;box-shadow: inset 0px 0px 2px var(--background-color-gray2);}  
.hscroll_container {position:absolute;top:0;left:0;right:0;}
.hscroll_elem {width:50px;margin-right:10px;}