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

/*-------------------------------------------------------------------------------------*
 *  미니게임                                                                            *
 *-------------------------------------------------------------------------------------*/
.mini_bet_box{float:left; display: flex; flex-wrap: wrap; max-width: 100%; width: 100%;}
.mini_btn1{max-width:50%; flex: 4.5; display: flex; align-items: center; justify-content: space-between; flex-direction: column-reverse; background:#1d1d20; border:1px solid #1d1d20; padding:0 0 5px 0; margin:1px; transition:all 0.2s;}
.mini_btn2{max-width:calc(33.33333333% - 2px); flex:0 0 33.33333333%; display: flex; align-items: center; justify-content: space-between; flex-direction: column-reverse; background:#1d1d20; border:1px solid #1d1d20; padding:0 0 5px 0; margin:1px; transition:all 0.2s;}
.mini_bet_text{color: #fff; width: 60px; height: 60px; flex-basis: auto; align-items: center; justify-content: center; display: flex;  border-radius: 60px; white-space:initial; text-align: center; flex-direction: column; max-width: 60px;}
.mini_bet_odd{font-style: normal; flex: 1; color: #b3b3b3; text-align: center; background: #2b2b2f; width: 100%; padding: 4px; margin: 0 0 5px 0;}

.mini_bet_text.red{background: #d73d3f;}
.mini_bet_text.blue{background: #1b6bcf;}
.mini_bet_text.green{background: #167329;}

.mini_bet_text.red.o{background:none; border:3px solid #d73d3f;}
.mini_bet_text.blue.o{background:none; border:3px solid #1b6bcf;}
.mini_bet_text.green.o{background:none; border:3px solid #167329;}

.mini_btn1:hover{background:#1d1d20; border:1px solid #e8aa38; cursor: pointer;}
.mini_btn2:hover{background:#1d1d20; border:1px solid #e8aa38; cursor: pointer;}
.mini_btn1.on{background:linear-gradient(to bottom,#fec300 0,#ac870d 100%); border:1px solid #e8aa38; border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
.mini_btn2.on{background:linear-gradient(to bottom,#fec300 0,#ac870d 100%); border:1px solid #e8aa38; border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
.mini_game_tab{float:left; width:100%; margin:0px 0 0 0; overflow-x:auto;}
.mini_game_tab::-webkit-scrollbar {width: 4px; height: 4px;}
.mini_game_tab::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.mini_game_tab::-webkit-scrollbar-track {display: none;}
.mini_game_tab ul{float:left; width:100%; display:flex;}
.mini_game_tab li{float:left; width:100%;}
.mini_game_tab li a{display:flex; flex-direction: column; align-items: center; width:100%; min-width:70px; padding:10px 5px; text-align:center; font-size:12px; background:#2d2d2d; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c; transition:all 0.2s;}
.mini_game_tab li a img{display:block; margin:0 0 7px 0; width:24px;}
.mini_game_tab li:last-child a{border-right:none;}
.mini_game_tab li.active a{background:#222222; color:#e8aa38;}
.mini_game_tab li:hover a{background:#222222;}

.mini_game_tab_in{float:left; width:100%; margin:0px 0 0 0; overflow-x:auto;}
.mini_game_tab_in::-webkit-scrollbar {width: 4px; height: 4px;}
.mini_game_tab_in::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.mini_game_tab_in::-webkit-scrollbar-track {display: none;}
.mini_game_tab_in ul{float:left; width:100%; display:flex;}
.mini_game_tab_in li{float:left; width:100%;}
.mini_game_tab_in li a{display:flex; flex-direction: column; align-items: center; width:100%; min-width:120px; padding:5px 5px; text-align:center; font-size:13px; background:#2d2d2d; border:1px solid #222222; transition:all 0.2s;}
.mini_game_tab_in li a img{display:block; margin:0 0 5px 0; width:24px;}
.mini_game_tab_in li:last-child a{}
.mini_game_tab_in li.active a{background:#222222; color:#e8aa38;}
.mini_game_tab_in li:hover a{background:#222222;}

.mgtt1{float:left; width:100%; font-size:10px; color:#eaeaea;}
.mgtt2{float:left; width:100%; margin:3px 0 3px; font-size:12px; color:#eaeaea;}
.mgttime{float:left; width:100%; font-size:12px; color:#ff7e94;}

.mini_game_tab_in.bet365 li a{border:1px solid #027b5b;}
.mini_game_tab.bet365 li.active a{background:#027b5b; color:#ffffff;}
.mini_game_tab_in.bet365 li.active a{background:#1d3a33;}
.mini_game_tab.bet365 li.active a{background:#027b5b; color:#ffffff;}
.mini_game_tab_in.bet365 li.active a{background:#1d3a33;}

/* .mini_game_tab_in.minigame li a{border:1px solid #e5aa06;} */
/* .mini_game_tab.minigame li.active a{background:#e5aa06; color:#ffffff;} */
/* .mini_game_tab_in.minigame li.active a{background:#222222;} */
/* .mini_game_tab.minigame li.active a{background:#e5aa06; color:#ffffff;} */
/* .mini_game_tab_in.minigame li.active a{background:#222222;} */
.mini_game_tab_in.minigame li a{border:1px solid #407ea5;}
.mini_game_tab.minigame li.active a{background:#407ea5; color:#ffffff;}
.mini_game_tab_in.minigame li.active a{background:#244d68;}
.mini_game_tab.minigame li.active a{background:#407ea5; color:#ffffff;}
.mini_game_tab_in.minigame li.active a{background:#244d68;}

.mini_game_zone{float:left; width:100%; display:flex; flex-wrap:wrap;}
/* .mini_game_left{float:left; width:735px; height:400px; padding:0 10px 0 0;} */
.mini_game_left{float:left; max-width:735px; width: 100%; padding:0 10px 0 0;}
.mgl_movie{float:left; width:100%; height:100%; background:#555555;}
.mini_game_right{float:left; width:calc(100% - 735px); height:575px; overflow-y:auto; border-radius:2px; background:#2d2d30; padding:6px 6px 10px;}
.mini_game_right::-webkit-scrollbar {width: 4px; height: 4px;}
.mini_game_right::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.mini_game_right::-webkit-scrollbar-track {display: none;}

 /* 동행 게임 우측 영역 높이 조정 */
.mini_game_right-dh{float:left; width:calc(100% - 735px); height:512px; overflow-y:auto; border-radius:2px; background:#2d2d30; padding:6px 6px 10px;}
.mini_game_right-dh::-webkit-scrollbar {width: 4px; height: 4px;}
.mini_game_right-dh::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.mini_game_right-dh::-webkit-scrollbar-track {display: none;}

@media screen and (max-width:1890px) {
    .mini_game_zone{justify-content:center;}
    .mini_game_left{padding:0;}
    .mini_game_right{width:100%; margin:5px 0 0 0; height:auto;}
    .mini_game_right-dh{width:100%; margin:5px 0 0 0; height:auto;}
}


.mini_game_bet_box{float:left; width:100%;}
.mini_game_bet_title{float:left; width:100%; font-size: 14px; font-weight:300; padding: 8px; border-bottom: solid 1px #4c4c53; background: #3a3a3a; color: #fefefe; border-radius: 2px;}

.mini_game_bet_list_top{float:left; width:100%; display: grid; grid-template-columns: 2fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1.5fr 1fr 1fr; grid-column-gap: 0; grid-row-gap: 0}
.mini_game_bet_list_top>span{text-align: center; padding:6px 4px; color: #b1b1b1; font-weight: 300; background: #666}
.mini_game_bet_list{float:left; width:100%; display: grid; grid-template-columns: 2fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1.5fr 1fr 1fr; grid-column-gap: 0; grid-row-gap: 0}
.mini_game_bet_list>span{text-align: center; padding:6px 4px; color: #b1b1b1; font-weight: 300; background:#222222; display:flex; align-items:center; justify-content:Center;}
.mini_game_bet_list:nth-child(odd)>span{background:#2d2d2d;}
.mini_bet_delete{font-size:16px;}
.mini_bet_delete:hover i{color:#ff0000;}

/* #배팅첨부 수정 */
.mini_game_bet_list_top_list{float:left; width:100%; display: grid; grid-template-columns: 0.5fr 1.8fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1.5fr 1fr 1fr; grid-column-gap: 0; grid-row-gap: 0}
.mini_game_bet_list_top_list>span{text-align: center; padding:6px 4px; color: #b1b1b1; font-weight: 300; background: #666}
/* #배팅첨부 수정 */
.mini_game_bet_list_list{float:left; width:100%; display: grid; grid-template-columns: 0.5fr 1.8fr 1fr 1.5fr 1.5fr 1.5fr 1fr 1.5fr 1fr 1fr; grid-column-gap: 0; grid-row-gap: 0}
.mini_game_bet_list_list>span{text-align: center; padding:6px 4px; color: #b1b1b1; font-weight: 300; background:#222222; display:flex; align-items:center; justify-content:Center;}
.mini_game_bet_list_list:nth-child(odd)>span{background:#2d2d2d;}
.mini_bet_delete{font-size:16px;}
.mini_bet_delete:hover i{color:#ff0000;}


@media screen and (max-width:768px) {
 .mini_game_bet_list_top{display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px;}
 .mini_game_bet_list{display: grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 1fr; grid-column-gap: 1px; grid-row-gap: 1px; padding:2px;}
}