@charset "utf-8";
#wrap {width:100%; overflow:hidden;}


/*-------------------------------------------------------------------------------------*
 *  layout                                                                             *
 *-------------------------------------------------------------------------------------*/
.sports_inner{width:100%; max-width:1320px; margin:0 auto;} 
 
.cart_open {position:fixed; float:left; text-align:center; width:50px; height:50px; background:#6c4006; line-height:56px; bottom:5%; right:30px; z-index:10; border-radius:5px; display:none;}
.cart_open a{font-size:24px;}
.cart_count2 {width:25px; height:25px; line-height:25px; background:#e8aa38; color:#ffffff; border-radius:100px; position:absolute; right:-10px; top:-10px; font-weight:500; text-align:center; z-index:11; font-size:13px; display:none;}

@media screen and (max-width:1280px) {
.cart_open{display:block;}
.cart_count2{display:block;}
}

/*-------------------------------------------------------------------------------------*
 *  경기결과                                                                            *
 *-------------------------------------------------------------------------------------*/
.game_result_tab{float:left; width:100%; margin:0px 0 0 0;}
.game_result_tab ul{float:left; width:100%; display:flex;}
.game_result_tab li{float:left; width:100%;}
.game_result_tab li a{display:block; width:100%; padding:15px 5px; text-align:center; font-size:15px; color:#; background:#2d2d2d; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c; transition:all 0.2s;}
.game_result_tab li:nth-child(6n) a{border-right:none;}
.game_result_tab li.active a{background:#222222; color:#e8aa38;}
.game_result_tab li:hover a{background:#222222;}

.game_serch_box{float:left; width:100%; background:#222222; margin:5px 0 0 0; padding:3px 0; display:flex; align-items:center; justify-content:flex-end;}
.game_serch_box input{margin:0 5px;}

.game_result_list_box{float:left; width:100%; margin:5px 0 0 0;}
.game_result_list_title{float:left; width:100%;}
.game_result_list_title ul{float:left; width:100%;}
.game_result_list_title ul li{float:left; text-align:center; line-height:36px; height:36px; background:#343434;}
.game_result_list_title ul li:nth-child(1){width:17%;}
.game_result_list_title ul li:nth-child(2){width:24%;}
.game_result_list_title ul li:nth-child(3){width:35%;}
.game_result_list_title ul li:nth-child(4){width:12%; color:#ffe696;}
.game_result_list_title ul li:nth-child(5){width:12%;}

.game_result_list{float:left; width:100%;}
.grl_box{float:left; width:100%; display:flex;}
.grl{float:left; text-align:center; line-height:36px; height:36px; padding:0 5px; background:#222222; border-bottom:1px solid #0c0c0c;}
.grl:nth-child(1){width:17%;}
.grl:nth-child(2){width:24%; text-align:left;}
.grl:nth-child(3){width:35%; text-align:left;}
.grl:nth-child(4){width:12%; color:#ffe696;}
.grl:nth-child(5){width:12%;}

.result_img{display:inline-block; width:20px; margin:0 5px 0 0;}
.result_info_btn{display:inline-block;}
.result_info_btn i{display:inline-block; margin:0 5px 0 0; font-size:15px; transform:rotate(0deg); transform-origin:50% 70%; transition:all 0.5s;}
.result_info_btn:hover{color:#ffe696;}
.result_info_btn.active i{transform:rotate(-180deg);}

/* 경기결과상세 */
.grl_hide{float:left; width:100%; padding:5px; background:#343434; display:none;}

.grl_table{float:left; width:100%; display:flex;}
.grl_table1{float:left; width:10%; min-width:60px;}
.grl_table2{float:left; width:90%; overflow:hidden; overflow-x:auto; display:flex;}
.grl_table3{float:left; width:100%; min-width:80px;}
.grl_table_th{float:left; width:100%; background:#222222; border-bottom:1px solid #0c0c0c; padding:5px; text-align:center;}
.grl_table_td{float:left; width:100%; background:#2d2d2d; border-bottom:1px solid #0c0c0c; padding:5px; text-align:center;}
.grl_table_td.bold{font-weight:700; color:#ffe696;}

.grl_table2::-webkit-scrollbar {width: 4px; height: 4px;}
.grl_table2::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1); border-radius: 12px;}
.grl_table2::-webkit-scrollbar-track {display: none;}

.grl_odd_list_box{float:left; width:100%; margin:5px 0 0 0;}
.grl_odd_list{float:left; width:100%; display:flex;}
.grl_odd_list_1{float:left; width:20%; padding:5px 5px; text-align:center; color:#bababa; display: flex; align-items: center; justify-content:center;}
.grl_odd_list_2{float:left; width:80%; padding:2px 0px; text-align:center; color:#bababa; display:flex;}
.grl_odd_bet{float:left; padding:8px 5px; background:#2d2d2d; border:1px solid #0c0c0c; margin:1px; color:#bababa;}
.grl_odd_bet:nth-child(1){flex: 4.5; max-width: calc(45% - 8px); display: flex; align-items: center; justify-content: space-between;}
.grl_odd_bet:nth-child(2){flex: 1; display: flex; align-items: center; justify-content: center;}
.grl_odd_bet:nth-child(3){flex: 4.5; max-width: calc(45% - 8px); display: flex; align-items: center; justify-content: space-between;}

.grl_odd_bet.on{background:#e8aa38; color:#000000;}
.grl_odd_bet.on .odd{font-weight:500;}

@media screen and (max-width:1024px) {
    .game_result_tab ul{flex-wrap:wrap;}
    .game_result_tab li{width:33.3333%;}
	.game_result_tab li a{padding:10px 5px; font-size:13px;}
}

@media screen and (max-width:768px) {
	.game_result_list_title{display:none;}
    .grl_odd_list{flex-wrap:wrap;}
    .grl_odd_list_1{width:100%;}
    .grl_odd_list_2{width:100%;}
	
	.grl_box{display:grid; grid-template-columns:2fr 1fr; border-bottom:1px solid #0c0c0c;}
	.grl{height:auto; line-height:1.5; padding:5px 8px; display:flex; align-items:center; border-bottom:none;}
	.grl:nth-child(1){width:100%; order:1;}
	.grl:nth-child(2){width:100%; order:3;}
	.grl:nth-child(3){width:100%; order:4;}
	.grl:nth-child(4){width:100%; order:2; grid-row: 1 / 3; grid-column:2 / 3; justify-content:flex-end; height:auto; font-size:16px; font-weight:500;}
	.grl:nth-child(5){width:100%; order:5; justify-content:flex-end;}	
}

/*-------------------------------------------------------------------------------------*
 *  베팅내역                                                                            *
 *-------------------------------------------------------------------------------------*/
.bet_history_total{width:100%; border-radius:3px 3px; margin:5px 0 3px 0; padding:10px 10px; background:#2d2d2d; display:flex; flex-wrap: wrap;}
.m_bet_info{width:49%; margin:0 0.5% 1% 0.5%; display:flex; align-items:center; flex-direction: row; color:#ffffff;}
.m_bet_info:nth-child(3){color:#ff9726;}
.m_bet_info:nth-child(4){color:#ff9726;}
.m_bet_info:nth-child(5){color:#ff0000;}
.icon_info{margin:0 auto 0 0; color:#959595;}
@media screen and (min-width:1280px) {
    .bet_history_total{padding:20px 10px;}
    .m_bet_info{width:calc(100%/ 8); flex-direction: column; margin:0; border-right:1px solid rgba(255,255,255,0.1);}
    .m_bet_info:last-child{border-right:none;}
    .icon_info{margin:0 auto 10px;}
}
/*-------------------------------------------------------------------------------------*
 *  경기베팅 목록                                                                       *
 *-------------------------------------------------------------------------------------*/
.sports_b_title_box{float:left; width:100%; text-align: right;  padding:10px; display: flex; align-items: center; justify-content: space-between; background:#1c1c1c;}
.sports_title{font-weight:500; padding-left: 8px; font-size:16px;}
.bet_toggle_all{user-select: none; cursor: pointer; border: solid 2px #838383; padding: 4px; min-width: 140px; display: inline-block; text-align: center; background: #000; color: #fff; border-radius: 2px}
.bet_toggle_all span[data-id=close] {display: none;}

.extra_odds{float:left; width:100%; background: #2d2d2d; padding: 4px; border-radius: 2px; margin: 2px 0 6px 0; transition: all .1s ease-out;}
.extra_odds_info{float:left; width:100%; padding:8px 4px; font-size:15px; color:#ffd800;}
.extra_odds_info span{display:inline-block; padding:0 0 0 5px; color:#eaeaea;}
.extra_odds_bet{display: flex; flex-wrap: wrap; max-width: 100%; width: 100%;}
.bonus_bet_btn{flex: 0 0 33.333333%; max-width: calc(33.33333333% - 2px); align-items: center; justify-content: space-between; display: flex; text-align: left; font-size: 13px; background: #1d1d20; border: solid 1px #1a1a1c; padding: 10px 8px; user-select: none; -webkit-user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer; margin: 1px; border-radius: 2px; transition: all .2s ease-out;}
.bonus_bet_btn:nth-child(1){color:#d6bcff;}
.bonus_bet_btn:nth-child(2){color:#fbb61b;}
.bonus_bet_btn:nth-child(3){color:#5ce8ff;}
.bonus_bet_btn:hover{background:#1d1d20; border:1px solid #e8aa38;}


.all_odds_box{float:left; width:100%;}
.odds_item{float:left; width:100%; background: 0 0; padding:0px; border-radius: 0; margin:5px 0 0 0;}
.odds_item_league{display: flex; align-items: center; justify-content: space-between; padding: 8px; background: #212124; border-radius: 2px; border: 1px solid #141416; font-weight: 500; font-size: 14px; color: #dfdfdf;}
.odds_item_league_l{display: flex; align-items: center;}
.odds_item_league_r{display: flex; align-items: center;}
.otll_img{display: flex; align-items: center;}
.otll_img1{display:inline-block; width:20px; margin:0 5px 0 0;}
.otll_img2{height:16px; border-radius: 7px; margin:0 10px 0 0; display:inline-block;}
.otll_text{display: flex; align-items: center; flex-direction: column; align-items: flex-start; font-size:13px;}
.otll_text span{color:#ededed;}
.otll_text span.otll_text_date{color:#bbbbbb;}

.odd_bet_toggle{background: #171518; padding: 8px; min-width: 70px; display: inline-flex; align-items: center; justify-content: center; border-left: 1px solid #262626;user-select: none; cursor: pointer; color: #999; font-weight:500;}
.odd_bet_toggle span[data-id=close] {display: none;}

.odds_item_game{display:flex; width:100%; flex-direction:row; align-items:stretch; flex-wrap:wrap;}
.odds_item_game_type{display: flex; align-items:center; flex: 0 0 120px; padding: 0; cursor: default;}
.odds_item_game_type div{display: flex; flex: 1; align-items: center; justify-content: center; word-break: keep-all; text-align: center; width:100%; height:100%; background: #212124; margin: 0; border-radius: 0; border: 1px solid #100f10; font-size:13px; color:#bdbdbd;}
.odds_item_game_bet{display:flex; width:calc(100% - 120px);}
.oigb_btn{background: #252425; border: solid 1px #100f10; flex: 4.5; max-width: calc(45% - 8px); display: flex; align-items: center; justify-content: space-between; font-size:13px; cursor:pointer; transition:all 0.2s;position: relative;}
.oigb_btn>div{display: contents;}
.oigb_btn:nth-child(2){flex: 1; text-align: center; display: flex; align-items: center; justify-content: center;}
.oigb_btn:nth-child(3){text-align: right; flex-direction: row-reverse;}
.oigb_btn em{font-weight:300; color:#bdbdbd; padding: 10px;}
.oigb_btn .home{flex-grow: 3; padding: 10px; flex-shrink: 1; flex-basis: 20px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;vertical-align: bottom;}
.oigb_btn .away{flex-grow: 3; padding: 10px; flex-shrink: 1; flex-basis: 20px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: bottom;}

.oigb_btn:hover{background:#1d1d20; border:1px solid #e8aa38;}
.oigb_btn.on{background:linear-gradient(to bottom,#fec300 0,#ac870d 100%); border:1px solid #e8aa38; border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
.oigb_btn.on em{color: #000;}
.hover_none .oigb_btn:hover{background:#252425; border:1px solid #100f10;}
.hover_none .oigb_btn.on:hover{background:linear-gradient(to bottom,#fec300 0,#ac870d 100%); border:1px solid #e8aa38; border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
@media screen and (max-width:520px) {
    .odds_item_game_type{flex:0 0 65px;}
    .odds_item_game_type div{font-size:10px;}
	.odds_item_game_bet{width:calc(100% - 65px);}
	.extra_odds_info{font-size:13px;}
	.otll_text{font-size:12px;}
	.oigb_btn{font-size:11px;}
	.bonus_bet_btn{font-size:11px;}
}

/* 해외형베팅 */
.odd_item_country{float:left; width:100%; padding:2px; background:#222222;}
.odd_item_country.on{border:2px solid #444444;}
.otll_img11{display:inline-block; width:20px; margin:0 0 0 0;}
.otll_img22{height:20px; border-radius: 7px; margin:0 10px 0 0; display:inline-block;}
.otll_text_country{font-size:14px;}
.odds_item_info{float:left; width:100%; margin: 0 0 5px 0; font-size: 12px; color: #fff; background: #262628; padding: 4px 8px; display: flex;  flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; border-radius: 0 0 2px 2px; border: 1px solid #171718; border-width: 0 1px 1px 1px; border-top-color: #2c2c2c;}
.odds_item_info_l{float:left;}
.oiil_team{float:left; display: flex; flex-direction: row; align-items: center;}
.oiil_team .team{font-size:14px; color: #fff; padding: 3px 0; word-break: break-all;}
.oiil_team .vs{font-size:14px; color: #ff3c3c; margin:0 10px;}
.odds_item_info_r{float:left; display: flex; align-items: center;}
.oiil_time{font-size:12px; color:#bbbbbb;}
.btn_toggle_country{cursor: pointer; color: #e8aa38; padding:0 0 0 10px; display: inline-block; text-align: right;  height: 40px; line-height: 40px; border-left: solid .05rem #424242;}
.btn_toggle_country:after{opacity:0; padding:0 0 0 5px; font-family:"Font Awesome 6 Free"; font-weight:900; content: "\f054"; display: inline-block;}
.btn_toggle_country:hover{filter:brightness(1.2);}
.btn_toggle_country:hover:after{opacity:1;}

.m_list_view_btn{float:left; width:100%; padding:10px 5px; text-align:center; display:none;}
.m_list_view_btn span{user-select: none; cursor: pointer; border: solid 2px #838383; padding: 4px; min-width: 140px; display: inline-block; text-align: center; background: #000; color: #fff; font-size:13px; border-radius: 2px}

@media screen and (max-width:1440px) {
    .m_list_view_btn{display:block;}
	.odd_item_country.on{border:none;}
}
@media screen and (max-width:768px) {
	.otll_text_country{font-size:12px;}
	.oiil_team .team{font-size:12px;}
	.otll_img22{height:18px;}
}
@media screen and (max-width:520px) {
	.odds_item_game_type.oig_country{float:left; width:100%; flex:1; margin:10px 0 4px 0; padding:4px 4px 4px 10px; color:#c4c4d7; font-weight:300; letter-spacing:-1pt; font-size:12px; cursor:pointer; border-left:2px solid #c4c4d7;}
	.odds_item_game_type.oig_country div{flex:0; background:none; border:none; font-size:12px;}
	.odds_item_game_bet.oig_country{width:100%;}    
}

/* 실시간베팅 */
.odds_item_live{float:left; width:100%; margin: 0 0 5px 0; font-size: 12px; color: #fff; background: #262628; padding: 4px 8px; display: flex;  flex-direction: row; justify-content: space-between; align-items: center; cursor: pointer; border-radius: 0 0 2px 2px; border: 1px solid #171718; border-width: 0 1px 1px 1px; border-top-color: #2c2c2c;}
.oill_team{float:left; display: flex; flex-direction: column;}
.oill_team .team{font-size:14px; color: #fff; padding: 3px 0; word-break: break-all;}
.odds_item_live_l{width:100%; max-width:calc(50% - 70px);}
.odds_item_live_c{float:left; display: flex; flex-direction: column;}
.odds_item_live_r{width:100%; max-width:calc(50% - 70px); text-align:right;}
.oill_odd{float:left; min-width:100px; padding:5px 5px; text-align:center; background:#1c1c1c; font-size:15px;}
.oill_info{float:left; min-width:100px; padding:5px 5px; text-align:center; color:#ffe696;}


.odds_item_game_type.oig_live{float:left; width:100%; flex:1; margin:10px 0 4px 0; padding:4px 4px 4px 10px; color:#c4c4d7; font-weight:300; letter-spacing:-1pt; font-size:12px; cursor:pointer; border-left:2px solid #c4c4d7;}
.odds_item_game_type.oig_live div{flex:0; background:none; border:none; font-size:12px;}
.odds_item_game_bet.oig_live{width:100%;} 
@media screen and (max-width:768px) {
	.oill_team .team{font-size:12px;}
}

/*-------------------------------------------------------------------------------------*
 *  베팅존                                                                              *
 *-------------------------------------------------------------------------------------*/
.bet_inner_in_country{float:left; width:100%; border-radius:0px; background:#2d2d30; padding:6px 6px 10px;}
.bet_live_movie{float:left; width:100%; margin:5px 0 0 0; height:250px; background:#444444;}
.right_game_title{float:left; width:100%; font-size: 14px; color: #fff; font-weight: 300; background: #1f1f22; padding: 8px; display: flex; align-items: center; justify-content: space-between}
.right_game_title span{display:flex; align-items:center;}
.rgt_time{font-size:11px; color:#999; margin:0 5px 0 0;}
.closingTime{display:flex;}
.closingTime span:first-child{background: #9b5601; padding: 5px 8px; font-weight: 300; font-size:12px}
.closingTime span:last-child{padding: 4px 8px; background: #91712f; font-size: 14px}

@media screen and (max-width:768px) {
    .right_game_title{flex-wrap:wrap;}
    .right_game_title>span{width:100%; justify-content: space-between;}
    .closingTime{margin:0 0 0 auto;}
}
/* 베팅존탭 */
.sports_bet_tab{float:left; width:100%;}
.sports_bet_tab ul{display:flex; align-items:center;}
.sports_bet_tab ul li{width:calc(100%/3);}
.sports_bet_tab ul li a{display:block; width:100%; padding:10px 5px; text-align:center; background:#222222; border:1px solid #3c3c3c; border-width:1px 0 1px 1px; color:#bbbbbb; font-size:14px;}
@media screen and (max-width:768px) {
    .sports_bet_tab ul li a{font-size:3vw;}
}
.sports_bet_tab ul li:last-child a{border-width:1px 1px 1px 1px;}
.sports_bet_tab ul li.active a{background:#2d2d30; border:1px solid #5e5e5e; border-bottom:none; color:#ffffff;}
.sports_bet_tab ul li:hover a{color:#ffffff;}

/* 그룹3 / 뎁스2  */
.dropdown3{margin:0 0 0px 0; width:100%; float:left;}
.bet_list1_wrap{margin:0 0 0px 0; width:100%; float:left;}

.bet_list1_wrap_in_title {float:left; width:100%; margin:10px 0 4px 0; padding:4px 4px 4px 10px; color:#c4c4d7; font-weight:300; letter-spacing:0pt; font-size:12px; cursor:pointer; border-left:2px solid #c4c4d7;}
.bet_list1_wrap_in_title:hover {}

.bet_list1_wrap_in {float:left; width:100%; text-align:center; padding:1px 0 0 0; display:flex; justify-content:flex-start; flex-wrap: wrap;}
.bet_list_td{float:left; color: #fff; padding:8px 5px; line-height: 14px; font-weight:300; text-align: left; font-size:11px; background:#1d1d20; border:1px solid #1d1d20; border-radius:0px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; color:#dfdfdf; transition:all 0.2s;}
.bet_list_td.w30{width:calc(33.3333% - 1.333333px); margin:0 2px 2px 0;}
.bet_list_td.w30:nth-child(3n){margin:0 0 2px 0;}
.bet_list_td.w40{width:calc(25% - 1.5px); margin:0 2px 2px 0;}
.bet_list_td.w40:nth-child(4n){margin:0 0 2px 0;}
.bet_list_td.w50{width:calc(50% - 1px); margin:0 2px 2px 0;}
.bet_list_td.w50:nth-child(2n){margin:0 0 2px 0;}
.bet_list_td:hover{background:#1d1d20; border:1px solid #e8aa38;}
.bet_l{display:inline-block; text-align:left; max-width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bet_r{display:inline-flex; text-align:right; align-items: center; color:#ffffff;}

.bet_list_td.bet_on{background:linear-gradient(to bottom,#fec300 0,#ac870d 100%); border:1px solid #e8aa38; border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
.bet_list_td.bet_on .bet_r{color: #000;}

.bet_up_i{font-size:9px; color:#f755a1;}
.bet_down_i{font-size:9px; color:#86d0fb;}
.bet_h_i{font-size:12px; color:#89f21a;}

/* 벳삼육오베팅 */
.mini_bet365_list_in{display: flex; flex-wrap: wrap; max-width: 100%; width: 100%}
.mini_bet365_list_in>div>span{width: 100%; cursor: pointer; margin: 1px; background: #1d1d20; border: solid .05rem #1a1a1c; padding: 10px 8px; border-radius: 2px; transition: all .2s ease-out;}
.mini_bet365_list_in>div:nth-child(1){display: flex; align-items: center; justify-content: space-between}
.mini_bet365_list_in>div:nth-child(2){display: flex; align-items: center; justify-content: space-between}
.mini_bet365_list_in>div:nth-child(3){text-align: right; display: flex; align-items: center; justify-content: space-between;}
.mini_bet365_list_in>div>span>span{flex-basis: 20px; width: 70%; white-space: nowrap; display:inline-block; vertical-align: bottom; text-align: left;}
.mini_bet365_list_in>div>span em{font-style: normal; color: #fff; text-align: right; font-weight:300; display: inline-block; width: 30%;}

.mini_bet365_list_in>div>span .home.red{color:#ff5d5d;}
.mini_bet365_list_in>div>span .home.yellow{color:#c2b015;}
.mini_bet365_list_in>div>span .home.blue{color:#4bffff;}
.mini_bet365_list_in>div>span .away.red{color:#ff5d5d;}
.mini_bet365_list_in>div>span .away.yellow{color:#c2b015;}
.mini_bet365_list_in>div>span .away.blue{color:#4bffff;}

.mini_bet365_list_in>div>span:hover{background:#1d1d20; border:1px solid #e8aa38;}
.mini_bet365_list_in>div>span.bet_on{background:linear-gradient(to bottom,#fec300 0,#ac870d 100%); border:1px solid #e8aa38; border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
.mini_bet365_list_in>div>span.bet_on em{color: #000;}

.mini_bet365_list_in div:nth-last-child(2), .mini_bet365_list_in div:nth-last-child(2)~div {
    width: calc(50% - 2px);
}

.mini_bet365_list_in div:nth-last-child(3), .mini_bet365_list_in div:nth-last-child(3)~div {
    width: calc(33.33333% - 2px);
}
.score_color {
    color: #bdbdbd!important;
}

.betting-block {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
    z-index: 0;
    border-radius: 3px;
    border: solid 1px #c21510;
    background: #080808bb;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    backdrop-filter: blur(1px);
}

.betting-block .lock {
    width: 22px;
    height: 22px;
    background-color: #ff2000;
    /* border: 1px solid #dbb54a; */
    border-radius: 3px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.betting-block .lock .icon-lock {
    color: #f6c33a;
    width: 100%;
    height: 100%;
    font-size: 17px;
    background-image: url("../images/common/lock3.png");
    background-position: center;
    background-size: 100% 100%;
    margin: 0;
}

.history-log {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.history-log .back-btn {
    flex-shrink: 0;
}

.history-log>.title {
    flex-shrink: 0;
    height: 45px;
    background-color:#00000080;
    padding: 0px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    float: none;
    margin-bottom: 10px;
}
.spacer {
    flex-grow: 1;
}

.history-log .log-wrap {
    flex-shrink: 0;
}

.history-log .log-wrap .log {
    flex-shrink: 0;
    margin-bottom: 10px;
}

.history-log .log-wrap .log:last-child {
    margin-bottom: 0px !important;
}

.history-log .log-wrap .log>div {
    padding: 0px 10px;
    height: 45px;
    background-color: #00000080;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    align-items: center;
}
  
  /* .history-log .log-wrap .log .pick {
    background-color: rgb(39, 43, 69) !important;
  } */
  
.history-log>.total {
    flex-shrink: 0;
    height: 45px;
    background-color: #00000080;
    padding: 0px 10px;
}
  
.history-log>.total>span {
    width: 25%;
}

.text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.result_select {
    background-color: #353535;
    border: 1px solid #000000;
    padding: 4px 0 4px 5px;
    color: #ffffff;
    font-size: 14px;
    border-radius: 3px;
    height: 34px;
    transition: all 0.5s;
}
  
.retult_search_title {
    line-height: 34px;
    margin-right: 5px;
    white-space: nowrap;
}

.right_btn2 {
	display: block;
	float: left;
	width: 49.6%;
	margin: 0 0 0.4% 0;
	height: 36px;
	line-height: 36px;
	border-radius: 5px;
	text-align: center;
	padding: 0 5px;
	background: linear-gradient(to right, #383838 0%, #b6b6b6 20%, #eeeeee 35%, #ffffff 50%, #eeeeee 65%, #b6b6b6 80%, #383838 100%);
	font-family: 'EsaManru';
	font-weight: 500;
	font-size: 13px;
	color: #ffffff;
	/* text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); */
	background: linear-gradient(#5b5b5b 30%, #282828 80%);
	cursor: pointer;
}

.info_wrap {
	background: #303030;
	float: left;
	width: 100%;
	padding: 15px 0 20px 0;
	border-radius: 0px;
}

.result_wrap {
	flex-direction: row;
	font-weight: 500;
	height: auto;
	justify-content: start;
	padding: 15px 0 20px 15px;
	flex-wrap: wrap;
}

/* 경기결과 */

.sports_title_th {
    float: left;
    width: 100%;
    margin: 5px 0 0 0;
}

.sports_title_th ul {
    float: left;
    width: 100%;
}

.sports_title_th li {
    float: left;
    background: url(../images/bg_left_pattern.jpg);
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'EsaManru';
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
}

.sports_title_th li:nth-child(1) {
    width: 12%;
}

.sports_title_th li:nth-child(2) {
    width: 12%;
}

.sports_title_th li:nth-child(3) {
    width: 12%;
}

.sports_title_th li:nth-child(4) {
    width: 50%;
}

.sports_title_th li:nth-child(5) {
    width: 7%;
}

.sports_title_th li:nth-child(6) {
    width: 7%;
}

.sports_title_th li:nth-child(7) {
    width: 7%;
}

.sport_title_wrap_result {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    padding: 0 0px 5px 0px;
    transition: all 0.5s;
}

.sport_title {
    position: relative;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    font-size: 14px;
    padding: 3px 10px 0 10px;
    margin-top: 3px;
    cursor: pointer;
    background: #222222;
}

.sport_title:hover {
    background: #3f3f3f;
}

.sport_title.active {
    background: #bb0d08;
}

.sport_s_title {
    float: left;
    font-family: 'EsaManru';
    font-weight: 700;
    color: #ffffff;
    font-size: 26px;
    text-shadow: 2px 0 3px rgb(0 0 0 / 30%);
    transition: all 0.5s;
}

.sport_league {
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'EsaManru';
    font-weight: 300;
    font-size: 12px;
    color: #ffffff;
}

.sport_title_time {
    display: none;
    float: right;
    font-size: 12px;
    color: #ffffff;
}

.sport_title_state {
    /* display: none; */
    float: right;
    font-size: 12px;
    color: #ffffff;
}

.sport_title_list {}

.sport_title_list>ul {
    display: inline-flex;
    width: 100%;
    margin: 0 0 3px 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.sport_title_list>ul>li {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: stretch;
    justify-content: center;
    text-align: center;
    margin: 0 1px 0 0;
    font-weight: 500;
    padding: 8px 5px;
    line-height: 14px;
    vertical-align: middle;
    background: #2d2d2d;
    border-radius: 5px;
    cursor: pointer;
    clear: both;
    font-size: 12px;
}

.sport_title_list>ul>li.sport_team1.active {
    background: linear-gradient(#ee280c 30%, #c11510 80%);
    color: #000000;
    font-weight: 500;
}

.sport_title_list>ul>li.sport_team2.active {
    background: linear-gradient(#ee280c 30%, #c11510 80%);
    color: #000000;
    font-weight: 500;
}

/* 승무패색상 */

.state1 {
    color: #ff0066;
}

.state2 {
    color: #dabfa5;
}

.state3 {
    color: #b4ff00;
}

.state4 {
    color: #ff9c00;
}

.state5 {
    color: #00ffa2;
}

/* 베팅한도색상 */

.bet_max {
    color: #a68ebb;
}

.flag img {
    display: inline-block;
    width: 20px;
    margin: 0 10px 0 0;
}

/* 배당색상 */

.sport_team1 .team_r {
    color: #f0cd6e;
}

.sport_team2 .team_l {
    color: #f0cd6e;
    padding-left: 6px;
}

.sport_tie .team_r {
    color: #f0cd6e;
}

.sport_team1.active .team_r {
    color: #3e3325;
}

.sport_team2.active .team_l {
    color: #3e3325;
}

.sport_time {
    width: 12%;
    transition: all 0.5s;
}

.result_sport_time {
    width: 12%;
    transition: all 0.5s;
}

.sport_icon {
    width: 12%;
    transition: all 0.5s;
}

.result_sport_icon {
    width: 12%;
    transition: all 0.5s;
}

.sport_team1 {
    width: 49%;
    transition: all 0.5s;
}

.result_sport_team1 {
    width: 49%;
    transition: all 0.5s;
}

.sport_tie {
    width: 10%;
    transition: all 0.5s;
}

.sport_team2 {
    width: 29%;
    transition: all 0.5s;
}

.sport_state {
    width: 7%;
    transition: all 0.5s;
}

.result_sport_state {
    width: 7%;
    transition: all 0.5s;
}

.sport_more {
    width: 7%;
    transition: all 0.5s;
}

.result_sport_more {
    width: 7%;
    transition: all 0.5s;
}

.sport_ing {
    width: 7%;
    transition: all 0.5s;
}

.pick_detail {
    width: 100%;
}

.team_l {
    width: 50%;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* white-space: normal; 팀명 짤리지않게할때 */
}

.team_T {
    width: 45%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sport_team1.sports_result_HA {
    justify-content: space-between;
}

.team_r {
    width: 50%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* white-space: normal; 팀명 짤리지않게할때 */
    padding-right: 6px;
}

.sport_icon img {
    width: 100%;
    max-width: 24px;
}

@media screen and (max-width:1024px) {
    .result_sport_state {
    width: 15%;
    transition: all 0.5s;
    }
    .result_sport_more {
    width: 15%;
    transition: all 0.5s;
    }
    .result_sport_icon {
    width: 20%;
    transition: all 0.5s;
    }
    .result_sport_team1 {
    width: 48%;
    transition: all 0.5s;
    }
    .contents_left {
    position: fixed;
    display: none;
    top: 171px;
    left: 0;
    bottom: 0;
    z-index: 2000;
    width: 250px;
    height: calc(100% - 122px - 49px);
    background: url(../../images/bg_left_pattern.jpg);
    transition: 0.35s width ease, 0.35s min-width ease;
    padding: 0px;
    /* overflow: auto; */
    -webkit-overflow-scrolling: touch;
    }
    .contents_right {
    display: none;
    }
    .bet_list1_wrap {
    margin: 0 0 5px 0;
    }
    .sports_list_title {
    height: auto;
    }
    .sports_list_title2 {
    width: 50%
    }
    .sports_list_title3 {
    width: 100%;
    height: 50px;
    overflow: hidden;
    overflow-x: scroll;
    }
    .sports_list_title3 ul {
    width: 150%;
    }
    .sports_input1 {
    width: 100%;
    }
    .sports_s_left {
    width: 100%;
    }
    .sports_s_right {
    display: none;
    }
    .sports_title_th {
    display: none;
    }
    .sport_title_wrap {
    margin: 5px 0 5px 0;
    }
    .bet_list_td {
    letter-spacing: -1pt;
    }
    .sports_s_left .bet_list1_wrap {
    display: block;
    }
    .sport_title_time {
    display: block;
    }
    .sport_time {
    display: none !important;
    }
    .sport_icon {
    display: none !important;
    }
    .sport_team1 {
    width: 40%;
    }
    .sport_tie {
    width: 10.1%;
    }
    .sport_team2 {
    width: 40%;
    }
    .sport_state {
    width: 9%;
    }
    .sport_more {
    width: 7%;
    }
    .sport_ing {
    width: 9%;
    }
    .sport_title_list .sport_more {
    display: none !important;
    }
    .result_search_btn {
    margin: auto;
    margin-top: 5px;
    width: 60%!important;
    }
}

@media screen and (max-width:520px) {
    .result_search_btn {
    margin: auto;
    margin-top: 5px;
    width: 100%!important;
    }
    .sport_more {
    display: none !important;
    }
    .sport_team1 {
    width: 38%;
    }
    .sport_tie {
    width: 12%;
    }
    .sport_team2 {
    width: 38%;
    }
    .sport_title_list>ul>li {
    font-size: 10px;
    }
    .title_logo_listlook {
    width: 65px;
    }
}