@charset "utf-8";

#wrap {float:left; width:100%; overflow-x:hidden; background:#121212; position:relative;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}
.header_top{width: 100%; height: 90px; display:flex; align-items: center; padding: 0 10px; font-size: 14px; font-weight: 400; flex-shrink: 0; background:url(../_image/bg_header.jpg) center top no-repeat; background-size:cover; transition:all 0.3s;}
.header_top::-webkit-scrollbar {width: 4px; height: 3px;}
.header_top::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.25); border-radius: 12px;}
.header_top::-webkit-scrollbar-track {display: none;}

.logo{float:left; width:300px; text-align:center; margin:0 5px 0 0; transition:all 0.2s;}
.logo img{display:inline-block; transition:all 0.5s;}

.notice{float:left; max-width:340px; padding:0 15px; background:#1b1424; height:34px; line-height:34px; border-radius:34px; font-size:12px; color:#8d72ff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice img{display:inline-block; margin:0 10px 0 0;}

.lnb{float:left; margin:0 0 0 auto; text-align:right; transition:all 0.2s;}
.lnb ul{display:flex; flex-wrap: wrap; justify-content: flex-end;}
.lnb li{float:left; line-height:24px; margin:0 0 0 20px; transition:all 0.2s;}
.lnb li a{display:block; font-weight:400; font-size:14px; color:#ffffff; position:relative; transition:all 0.2s;}
.lnb li a img{display:inline-block; margin:0 10px 0 0;}
.lnb li a::after{position: absolute; display: block; height: 2px; background: #d0c8ff; content: ""; bottom: -10px; transition: all 60ms ease-out; -webkit-transition: all 60ms ease-out; left: 51%; right: 50%;}
.lnb li:hover a{color:#d0c8ff;}
.lnb li:hover a::after{left:0; right: 0;}

.header_bottom{width: 100%; height:44px; display:flex; align-items: center; padding: 0 10px; font-size: 14px; font-weight: 400; flex-shrink: 0; background:linear-gradient(#3b288f 0%, #3b288f 100%); transition:all 0.3s;}
.gnb{float:left; width:100%;}
.gnb ul{display:flex; align-items:center; justify-content:center;}
.gnb ul li{float:left; margin:0 50px; transition:all 0.3s;}
.gnb ul li a{display:block; font-weight:500; font-size:16px; color:#ffffff; position:relative; transition:all 0.3s;}
.gnb li:hover a{color:#a372ff;}
/* .gnb ul li a::after{position: absolute; display: block; height: 2px; background: #cfaf64; content: ""; bottom: -10px; transition: all 60ms ease-out; -webkit-transition: all 60ms ease-out; left: 51%; right: 50%;} */
/* .gnb li:hover a::after{left:0; right: 0;} */
/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; height:calc(100vh - 140px); border-top:1px solid rgba(255,255,255,0.03); position:relative; overflow:hidden;}
.contents_left{float:left; width:310px; height:100%; padding:10px 10px 30px; overflow-x:hidden; overflow-y: auto; transition:all 0.2s;}

.contents_left::-webkit-scrollbar {width: 1px; height: 4px;}
.contents_left::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.contents_left::-webkit-scrollbar-track {display: none;}
.contents_left:hover::-webkit-scrollbar-thumb {background-color:#a372ff;}

.contents_center{float:left; width:calc(100% - 620px); padding:10px 0 100px; height:100%; overflow-x:hidden; overflow-y: auto; transition:all 0.5s;}
.contents_center::-webkit-scrollbar {width: 1px; height: 4px;}
.contents_center::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.contents_center::-webkit-scrollbar-track {display: none;}

.contents_right{float:right; width:310px; height:100%; overflow-x:hidden; overflow-y: auto; padding:10px 10px 30px; transition:all 0.2s;}
.contents_right::-webkit-scrollbar {width: 1px; height: 4px;}
.contents_right::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.contents_right::-webkit-scrollbar-track {display: none;}
.contents_right:hover::-webkit-scrollbar-thumb {background-color:#a372ff;}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}

.title{float:left; width:100%; height:50px; line-height:50px; background:linear-gradient(#444444 0%, #222222 100%); padding:0 15px; font-weight:500; font-size:16px; color:#a372ff;}
.s_title1{float:left; width:100%; padding:8px 10px; background:#2b2530; font-size:13px; color:#e4e4e4;}
.s_title1 span{font-size:12px; color:#e9af00; display:inline-block; margin:0 0 0 10px;}


/*-------------------------------------------------------------------------------------*
 *  left-고정영역                                                                       *
 *-------------------------------------------------------------------------------------*/
.left_quick_menu{float:left; width:100%;}
.left_quick_menu li{float:left; width:50%;}
.left_quick_menu li a{display:block; width:100%; text-align:center; height:40px; line-height:40px; background:linear-gradient(#b095ff 0%, #3300da 100%); font-weight:400; font-size:14px; color:#fbe8fe; transition:all 0.2s;}
.left_quick_menu li a img{display:inline-block; margin:0 5px 0 0;}
.left_quick_menu li:first-child a{border-right:1px solid rgba(255,255,255,0.2);}
.left_quick_menu li:last-child a{border-left:1px solid rgba(255,255,255,0.05);}
.left_quick_menu li:hover a{filter:brightness(1.2)}

.left_menu{float:left; width:100%; margin:0px 0 0 0; background:linear-gradient(#222222 0%, #222222 100%);}
.left_menu ul{display:flex; flex-wrap:wrap;}
.left_menu li{float:left; width: calc(100% / 3); display:flex;}
.left_menu li a{display:block; width:100%; padding:10px 2px; text-align:center; border-top:1px solid rgba(255,255,255,0.05); border-right:1px solid rgba(255,255,255,0.05); color:#ffffff; transition:all 0.2s;}
.left_menu li:nth-child(3n) a{border-right:none;}
.left_menu li:nth-child(-n+3) a{border-top:none;}
.left_menu li:hover a{background:rgba(255,255,255,0.1); color:#b8a0ff;}

.left_quick_game{float:left; width:100%; margin:10px 0 0 0;}
.left_quick_game li{float:left; width:calc(50% - 5px); margin:0 10px 0px 0;}
.left_quick_game li:nth-child(2n){margin:0px 0 0px 0;}
.left_quick_game li a{display:block; transition:all 0.2s;}
.left_quick_game li a img{width:100%;}
.left_quick_game li:hover a{filter:brightness(1.4)}

.left_serch_box{float:left; width:100%; margin:10px 0 0 0; padding:10px; background:#222222;}
.left_serch{float:left; width:100%; position:relative; margin:5px 0 0 0;}
.left_serch:first-child{margin:0;}
.left_serch_input{float:left; width:100%; background:#121112; border:none; padding:5px 40px 5px 10px; height:34px; color:#ffffff;}
.left_serch_input::placeholder{color:#776697; font-size:12px;}
.left_serch_btn{position:absolute; right:0; top:0; width:34px; height:34px; background:linear-gradient(#b095ff 0%, #3300da 100%); transition:all 0.2s;}
.left_serch_btn:hover{filter:brightness(120%);}


.left_game_tab_box{float:left; width:100%; margin:1px 0 0 0;}
.left_game_tab{float:left; width:100%;}
.left_game_tab ul{display:flex;}
.left_game_tab ul li{float:left; width: calc(100% / 3); display:flex; align-items:center; justify-content:center; background:#222222; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c; transition:all 0.2s;}
.left_game_tab ul li.active{background:#2b2530;}
.left_game_tab ul li:hover{background:#2b2530;}
.left_game_tab ul li:nth-child(3n){border-right:none;}
.left_game_tab ul li a{display:block; width:100%; text-align:center; padding:10px 5px; font-size:14px; color:#bebebe;}
.left_game_tab ul li a span{display:block; margin:2px 0 0 0; font-size:12px; color:#8372ff;}

/* 종목 1depth */
.sports_events{float:left; width:100%;}
.sports_events_menu{float:left; width:100%; height:40px; line-height:40px; background:#2b2530; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4;}

.sports_event_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.sports_event_odd{font-weight:500; font-size:12px; color:#8372ff; margin:0 0 0 auto; background:rgba(255,255,255,0.00); padding:0 5px; text-align:center; min-width:50px; height:24px; line-height:24px; border-radius:24px; display:inline-block; transition:all 0.5s;}
.sports_events_menu.active{background:#222222; color:#ffffff;}



/* 나라별 2depth */
.country_frame{float:left; width:100%; height:40px; line-height:40px; background:#202020; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#bababa;}

.sports_country_img{height:14px; border-radius: 1px; margin:0 10px 0 0; display:inline-block;}
.sports_country_odd{margin:0 0 0 5px; display:inline-block; transition:all 0.5s;}
.sports_country_arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:4px; transition:all 0.5s;}
.sports_country_arrow i{transform:rotate(0deg); transition:all 0.5s;}

.country_frame.active .sports_country_arrow{top:2px;}
.country_frame.active .sports_country_arrow i{transform:rotate(-180deg);}

.country{float:left; width:100%; height:40px; line-height:40px; background:#202020; border-bottom:1px solid rgba(255,255,255,0.05); position:relative; display:flex; align-items:center; padding:0 16px 0 16px; cursor:pointer;}
.country .name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color:#bababa;}

.country_frame.active{background:#2c2c2c; color:#ffffff;}
.country:hover{background:#2c2c2c; color:#ffffff;}
.country:hover .name{color:#ffffff;}

.country_frame{display:none;}
.country_frame.frame_show{display:block;}

.country_frame01{display:none;}
.country_frame01.frame_show01{display:block;}
.country_frame01 .name{font-size:12px;}


/* 미니게임 투뎁스 */
.mini_events_menu{float:left; width:100%; height:40px; line-height:40px; background:#2b2530; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4;}

.mini_event_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.mini_event_arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:4px; transition:all 0.5s;}
.mini_event_arrow i{transform:rotate(0deg); transition:all 0.5s;}
.mini_events_menu.active{background:#1c1c1c; color:#ffffff;}

.mini_events_menu.active .mini_event_arrow{top:2px;}
.mini_events_menu.active .mini_event_arrow i{transform:rotate(-180deg);}

.mini_country_img{height:14px; border-radius: 7px; margin:0 10px 0 0; display:inline-block;}

@media (hover: hover) {
.sports_events_menu:hover{background:#222222; color:#ffffff;}
.country_frame:hover{background:#382f40; color:#ffffff;}
.country:hover{background:#382f40; color:#ffffff;}
.country:hover .name{color:#ffffff;}
.mini_events_menu:hover{background:#382f40; color:#ffffff;}
}

/* 실시간 */
.left_live_title{float:left; width:100%; height:40px; line-height:40px; background:#2b2530; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4;}
.left_live_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.left_live_game_box{float:left; width:100%; padding:10px 10px; display:flex; background:#222222; border-bottom: 1px solid #0c0c0c; cursor:pointer;}
.left_live_game{flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.left_live_game:last-child{text-align:right;}
.left_live_vs{flex:0 0 24px; text-align:center; display:flex; align-items:center; color:#dddddd;}

.llg_hometeam{color:#bababa;}
.llg_awayteam{color:#bababa;}
.llg_hometeam_odd{margin:4px 0 0 0; color:#cfaf64;}
.llg_awayteam_odd{margin:4px 0 0 0; font-weight:500; font-size:15px; color:#d7d7d7;}

.left_live_game_box:hover{background:#382f40;}


/*-------------------------------------------------------------------------------------*
 *  right-고정영역                                                                      *
 *-------------------------------------------------------------------------------------*/
.my_info_box{float:left; width:100%; background:#222222; padding:10px 0;} 
.my_info_title{float:left; width:100%; background:#222222; border-bottom: 1px solid #222222; position:relative; display:flex; align-items:center; padding:10px 20px; cursor:pointer; font-size:12px;}
.name{font-size:14px; font-weight:400; color:#ffffff; display:inline-block;}
.name span{color:#a372ff;}
.lv_img{display:inline-block; margin:0 5px 0 0;}
.my_info_money{float:left; width:100%; height:32px; line-height:32px; background:#222222; position:relative; display:flex; align-items:center; padding:0 20px; cursor:pointer; color:#ffffff; font-size:12px; transition:all 0.2s;}
.my_info_money span{display:inline-block; margin:0 5px 0 auto; font-weight:500; font-size:14px; color:#a372ff;}

.my_info_btn{float:left; width:100%; margin:10px 0 0 0; padding:0 20px;}
.my_info_btn ul{display:flex; flex-wrap:wrap;}
.my_info_btn li{float:left; width: calc(50% - 1px); margin:0 2px 2px 0; display:flex;}
.my_info_btn li:nth-child(2n){margin:0 0 2px 0;}
.my_info_btn li a{display:block; width:100%; text-align:center; transition:all 0.2s;}

.mi_btn01{display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; background:linear-gradient(#b095ff 0%, #3300da 100%); font-weight:400; font-size:14px; color:#ffffff;}
.mi_btn02{display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; background:linear-gradient(#777777 0%, #141414 100%); font-weight:400; font-size:14px; color:#a9a9a9;}
.mi_btn01:hover,.mi_btn02:hover{filter:brightness(110%);}


.my_login_box{float:left; width:100%; background:#222222; border:1px solid #222222; border-radius:0px;}
.right_login{float:left; width:100%; padding:0 10px 10px;}
.right_login li{float:left; width:100%; margin:0 0 5px 0;}
.right_login li:last-child{margin:0;}
.right_login li.w50{width:50%;}
.right_login_input1  {background-color:#323232; border:1px solid #191919; color:#ffffff; width:100%; height:40px; font-size:12px; font-weight:400; border-radius:0px; padding:0 0 0 35px; font-weight:400;}
.right_login_input1::placeholder {color:#bebebe; font-size:12px; letter-spacing:0pt;}
.right_login_input1:focus{border:1px solid #a372ff;}
.right_login li:nth-child(1) .right_login_input1{background:#323232 url(../_image/icon_input1.png) 10px center no-repeat;}
.right_login li:nth-child(2) .right_login_input1{background:#323232 url(../_image/icon_input2.png) 10px center no-repeat;}
.login_btn1{display:block; width:100%; height:40px; line-height:40px; border-radius:0px; text-align:center; background:linear-gradient(#b095ff 0%, #3300da 100%); font-weight:400; font-size:12px; color:#ffffff;}
.login_btn2{display:block; width:100%; height:40px; line-height:40px; border-radius:0px; text-align:center; background:linear-gradient(#777777 0%, #141414 100%); font-weight:400; font-size:12px; color:#ffffff;}

.join .write_tr{width:50%; float:left;}

.my_login_title{float:left; width:100%; height:40px; line-height:40px; background:linear-gradient(#b095ff 0%, #3300da 100%); text-align:center; font-weight:600; font-size:14px; color:#ffffff;}
.right_login_text{float:left; width:100%; line-height:30px; font-size:12px;}


/* right Gif */
.right_img{float:left; width:100%; margin:10px 0 0 0;}
.right_img img{max-width:290px; width:100%;}


/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; padding:0px 20px; margin:90px 0 0 0;}
.footer_box{float:left; width:100%; padding:50px 0px;}

.f_partners{float:left; width:100%; text-align:center;}
.f_partners img{display:inline-block; width:100%; max-width:1300px;}
.f_logo{float:left; width:100%; text-align:center;}
.f_logo img{display:inline-block; width:100%; max-width:136px;}

.f_copy{float:left; width:100%; margin:25px 0; text-align:center;}
.f_copy span{display:inline-block; background:rgba(255,255,255,0.00); padding:10px 30px; font-size:14px; color:#5e5e5e;}



/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_slideshow_pc{width:100%;margin:0 auto; overflow:hidden; position:relative;}
.main_slideshow_pc .swiper-slide img{width:100%;}
.main_slideshow_m{width:100%; margin:0 auto; overflow:hidden; position:relative; display:none;}
.main_slideshow_m .swiper-slide img{width:100%;}
.main_slideshow_pc .swiper-button-next{right:30px;}
.main_slideshow_pc .swiper-button-prev{left:30px;}
.main_slideshow_pc .swiper-pagination-bullet{background:#ffffff; opacity:0.5;}
.main_slideshow_pc .swiper-pagination-bullet-active{background:#a372ff; opacity:1;}
.main_slideshow_m .swiper-pagination-bullet{background:#ffffff; opacity:0.5;}
.main_slideshow_m .swiper-pagination-bullet-active{background:#a372ff; opacity:1;}


/* 게임리스트 */
.main_game_list{float:left; width:100%; margin:20px 0 0 0;}
.main_game_list ul{display:grid; grid-gap: 15px; grid-template-columns: repeat(5, 1fr);}
.main_game_list li{float:left; width:100%; transition:all 0.5s;}
.main_game_list li a{display:block;}
.main_game_list li a img{width:100%; transition:all 0.5s;}

.main_game_list ul li{position:relative; overflow:hidden;}
.main_game_list ul li::after{top: 0px; left: -130%; width: 100%; height:100%; content: ""; overflow: hidden; position: absolute; background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg);}
.main_game_list ul li:hover::after{left: 150%; transition: left 1s ease 0s;}
/* .main_game_list ul li:hover{transform: scale(1.08);} */
.main_game_list ul li:hover a{color:#ffffc5;}


.main_board{float:left; width:100%; margin:20px 0 0 0; display:flex;}
.borad_box{float:left; width:49.5%; height:auto; margin:0 1% 0 0; border-radius:0;}
.borad_box:last-child{margin:0;}
.board_title{float:left; width:100%; display:flex; align-items:center; height:46px; line-height:46px; padding:0 15px 0 20px; border-radius:0px 0px; text-align:left; font-weight:500; font-size:18px; color:#ffffff; background:linear-gradient(#b095ff 0%, #3300da 100%);}
.board_title p{margin:0 0 0 auto; display:flex; align-items:center;}
.board_title p a{display:inline-block; width:21px; height:21px; line-height:21px; text-align:center; font-weight:300; font-size:24px; color:#f6dc9c;}

.myTable{table-layout:fixed;}
.board{float:left; width:100%; height:auto; overflow:hidden; padding:5px 15px 5px;}
.board td{font-weight:400; color:#6f6f6f; font-size:14px; line-height:50px; border-bottom:1px solid #222222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.board td:nth-child(2){font-weight:300; color:#e4e4e4; padding-left:10px;}
.board td:nth-child(3){padding-right:10px;}
.board td img{width:100%;}
.board td:nth-child(1) img{max-width:32px;}
.board td:nth-child(4) img{max-width:16px;}


/*-------------------------------------------------------------------------------------*
 *  popup                                                                              *
 *-------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
#join{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(44,44,44,0.7); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.join_wrap{width:95%; max-width:400px; margin:0 auto; transition:all 0.5s;}
.join_box{width:100%; padding:40px 0px 40px; max-height:calc(100vh - 100px); overflow:hidden; transition:all 0.5s;}
.join_box_in{width:100%; padding:0 20px; height:100%; overflow-y:auto; display: flex; flex-direction: column; transition:all 0.5s;}
.join_box_in::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.join_box_in::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 0px;}
.join_box_in::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.loginbox{width:100%; margin:30px 0 0 0; float:left; background:url(../_image/bg_outlogin_box.jpg) center top no-repeat; background-size:cover; border-radius:30px; display:flex; position:relative;}

.close_btn_cu{width:40px; height:40px; line-height:40px; font-size:30px; text-align:center; border-radius:0; color:#ffffff; font-weight:700; position:absolute; right:0px; top:-40px; z-index:11; transition:all 0.3s;}
.close_btn_cu  img{transition:all 0.3s;}
.close_btn_cu  i{transition:all 0.3s;}
.close_btn_cu:hover i{transform:scale(1.1); color:#a372ff;}

.login1 {float:left; width:100%; margin:10px 0 0 0;}
.login1 ul{display:flex; flex-wrap:wrap;}
.login1 li {float:left; width:100%; padding:1% 1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */
.join_title{float:left; width:100%; padding:0 0 5px; font-size:14px; color:#ffffff;}
.join_text{float:left; width:100%; padding:5px 0 0; font-size:12px; color:#bababa;}
.join_phone{float:left; width:100%; display:flex;}
.join_phone .login_btn1{width:45%;}


.login_input  {background-color:#000000; border:1px solid #222222; color:#ffffff; width:100%; height:46px; font-size:14px; font-weight:500; border-radius:0px; padding:0 0 0 15px;  }
.login_input::placeholder {color:#666666; font-size:14px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #a372ff;}

.login_font01{ font-weight:300; font-size:12px; color:#bababa;}
.login_font02{color:#ffffff;}

.login_btn_box2{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.login_btn_box2 li{float:left; width:100%; padding:0%; transition:all 0.2s; font-weight:500; font-size:14px; color:#1a1a1a;}
.login_btn_box2.w50 li{width:50%; padding:1%;}
.login_btn_box2 li button{width:100%;}

.login_btn1.h36{height:46px; line-height:46px; border-radius:0px;}


/* out_login */
.out_login_wrap{float:left; width:100%; height:100vh; display:flex; align-items:center; justify-content:center; background: url(../_image/bg_out_login.jpg) center top no-repeat; background-size:cover; overflow:hidden;}
.out_login_box{float:left; width:100%; max-width:520px; position:relative; z-index:1;}
.out_login_box_in{float:left; width:100%; max-width:520px; border-radius:30px; background:url(../_image/bg_outlogin_box.jpg) center top no-repeat; background-size:cover; padding:80px 60px;}
.out_login_list{float:left; width:100%; margin:0px 0 0 0;}
.out_login_list li{float:left; width:100%; margin:10px 0 0 0;}
.out_login_list li a{width:100%; display:block;}
.out_login_logo{float:left; width:100%; text-align:center; margin:0 0 20px 0;}
.out_login_title{float:left; width:100%; text-align:center; margin:0 0 20px 0; font-weight:600; font-size:30px; color:#ffffff;}

.out_login_input  {background-color:#000000; border:1px solid #000000; color:#ffffff; width:100%; height:60px; font-size:14px; font-weight:500; border-radius:0px; padding:0 0 0 20px;}
.out_login_input::placeholder {color:#666666; font-size:14px; letter-spacing:0pt;}
.out_login_input:focus{border:1px solid #a372ff;}

.out_login_btn1  {background:linear-gradient(#b095ff 0%, #3300da 100%); width:100%; height:60px; line-height:60px; display:inline-block; text-align:center; border-radius:0px;  font-weight:600; font-size:20px; color:#ffffff;}
.out_login_btn1:hover{filter:brightness(110%);}
.out_login_btn2  {background:linear-gradient(#777777 0%, #141414 100%); width:100%; height:60px; line-height:60px; display:inline-block; text-align:center; border-radius:0px;  font-weight:600; font-size:20px; color:#ffffff;}
.out_login_btn2:hover{filter:brightness(110%);}

.out_login_customer{float:left; width:100%; margin:40px 0 0 0;}
.out_login_customer a{display:inline-block; width:100%; height:60px; line-height:60px; overflow:hidden; text-align:center; background:rgba(0,0,0,0.4); font-size:20px; color:#ffffff;}
.out_login_customer a span{display:inline-block; font-weight:600; color:#00d2ff;}

@media screen and (min-width:1921px) {
 .out_login_box_in{margin:-100px 0 0 0;}   
}

/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* 라디오버튼 */
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; cursor: pointer; font-weight: 300; position: relative; overflow: hidden; width:100%; margin:0 0 5px 0;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span {background:linear-gradient(#b095ff 0%, #3300da 100%);  color:#ebebeb;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #d0c8ff;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius:0px; transition: 0.25s ease; background:#000000; color:#bababa;}
.radio_wrap label>span:hover {background:linear-gradient(#b095ff 0%, #3300da 100%);  color:#ebebeb;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #222222; width: 1.5em; height: 1.5em; border-radius:50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #d0c8ff;}
.radio_wrap label>span>span{padding:0 10px; border-radius: 5px; transition: 0.25s ease; background:#3300da; color:#d0c8ff;}


/* 이벤트리스트 */
.event_list{float:left; width:100%;}
.event_list li{float:left; width:19.2%; margin:0 1% 1% 0;}
.event_list li:nth-child(5n){margin:0 0% 1% 0;}
.event_list li a{display:block; position:relative; height:15vw; overflow:hidden;}
.event_list li a img{width:100%; max-width:800px; position:absolute; top:0; transition:top 10s;}
.event_title{float:left; width:100%; position:absolute; bottom:0; height:40px; line-height:40px; background:#2b2530; font-weight:500; font-size:14px; color:#856d9b; text-align:center; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_list li:hover a img{top:-100%}


/* 게임리스트 */
.game_list{float:left; width:100%;}
.game_list ul{display:grid; grid-gap: 10px; grid-template-columns: repeat(5, 1fr);}
.game_list li{float:left; width:100%; transition:all 0.5s;}
.game_list li a{display:block;}
.game_list li a img{width:100%; transition:all 0.5s;}

.game_list ul li{position:relative; overflow:hidden;}
.game_list ul li::after{top: 0px; left: -130%; width: 100%; height:100%; content: ""; overflow: hidden; position: absolute; background: linear-gradient(45deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0)); -moz-transform: skewX(-25deg); -webkit-transform: skewX(-25deg);}
.game_list ul li:hover::after{left: 150%; transition: left 1s ease 0s;}
/* .game_list ul li:hover{transform: scale(1.08);} */
.game_list ul li:hover a{color:#ffffc5;}



/* 이용규정리스트 */
.rule_result_tab{float:left; width:100%; margin:0px 0 0 0;}
.rule_result_tab ul{float:left; width:100%; display:flex; flex-wrap:wrap;}
.rule_result_tab li{float:left; width:20%;}
.rule_result_tab li a{display:block; width:100%; padding:10px 5px; text-align:center; font-size:14px; background:#2b2530; border: 1px solid #0c0c0c; color:#856d9b; border-radius: 0px; transition:all 0.2s;}
.rule_result_tab li:nth-child(6n) a{border-right:none;}
.rule_result_tab li.active a{background:; border: 1px solid #a372ff; color:#ffffff;}
.rule_result_tab li:hover a{background:; border: 1px solid #a372ff; color:#ffffff;}

.num{display:inline-block; width:26px; height:20px; border-radius:0px; background:#0c0c0c; text-align:center; line-height:24px; font-size:12px; font-weight:600; color:#a372ff; margin:0 5px 0 0;}
.rule_info_wrap{float:left; width:100%; margin:5px 0 0 0;}
.rule_title     {float:left; width:100%; padding:8px 10px; background:linear-gradient(#a587ff 0%, #220093 100%); border-bottom:1px solid #0c0c0c; font-size:13px; color:#e4e4e4;}
.rule_sub_title     {float:left; width:100%; margin:20px 0 0 0; padding:8px 0 15px; font-size:16px; font-weight:500; color:#ffffff;}
.rule_sub_title:first-child{margin:0;}
.rule_text     {float:left; width:100%; background:#222222; color:#ffffff; padding:20px 20px 12px 20px; width:100%; font-size:14px;}
@media screen and (max-width:1024px) {
	.rule_text{padding:10px 7px; font-size:12px;}
}



/* 마이페이지 */
.mypage_info_box{float:left; width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(4, 1fr);}
.mypage_info_box_box{float:left; width:100%; background: #222222; padding:10px;}
.mibb_title{float:left; width:100%; text-align:center; color:#856d9b;}
.mibb_text{float:left; width:100%; margin:10px 0 0 0; text-align:center; color:#dddddd;}
.mibb_text span{color:#a372ff;}

/* 머니이동 */
.money_move_wrap{float:left; width:100%; display:flex; flex-direction: column; align-items: center;}
.money_move{float:left; width:100%; margin:10px 0 0 0; max-width:800px; display:flex; justify-content:space-between;}
.money_move:first-child{margin:0;}
.money_move_box{float:left; width:42%; display:flex; justify-content:space-between; align-items: center; background:#222222; border-radius:0px; padding:5px 20px;}
.money_move_arrow{float:left; width:14%; display:flex; justify-content:center; align-items:center; background:#252525; border-radius:0px; padding:15px 2px;}
.money_action_box{float:left; width:10%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); border-radius:0px;}
.money_action_box a          {background:linear-gradient(#b095ff 0%, #3300da 100%); border-radius:0px; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-weight:400; font-size:12px; color:#ffffff; overflow:hidden;}
.money_action_box a:hover    {filter:brightness(120%);}
.how_money{font-weight:400; font-size:12px; color:#ffffff;}
.how_md{display:block; margin:5px 0 0 0;}
.money_font{font-weight:600; font-size:14px; color:#a372ff;}
.icon_money img{width:100%; max-width:44px;}
.money_input_box{width:89%;}
.money_input{background-color:#222222; border:1px solid #252525; padding:4px 50px 4px 20px; color:#ffffff; border-radius:0px; height:44px; width:100%;}
.money_btn_box{width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(4, 1fr);}

.menu {display: block; width: 40px; height: 36px; transform: rotate(-90deg); position: relative; cursor: pointer; right:-4px;}
.menu div {background-color:#a372ff; position: absolute; border-radius: 2px; height:4px; transition: .3s cubic-bezier(.8, .5, .2, 1.4);}
.menu input {display: none;}
.menu input + div {left:3px;top: 12px;width: 30px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(90deg);transition-delay: 150ms;}
.menu input + div + div {left:2px;top: 20px;width: 20px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(45deg);transition-delay: 50ms;}
.menu input + div + div + div { left:14px;top: 20px;width: 20px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(-45deg);transition-delay: 100ms;}
.menu input:checked + div {}
.menu input:checked + div + div {top: 0px; transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(-45deg);transition-delay: 50ms;}
.menu input:checked + div + div + div {top: 0px;  transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(45deg);transition-delay: 100ms;}



.serch_wrap{float:left; width:100%; margin:10px 0 0 0;}
.serch_select{background-color:#000000; border:1px solid #222222; padding:4px 0 4px 5px; color:#ffffff; border-radius:0px; height:30px; margin:0 5px 0 0;}
.serch_input{background-color:#000000; border:1px solid #222222; padding:4px 0 4px 5px; color:#ffffff; border-radius:0px; height:30px; margin:0 5px 0 0;}
.select_btn{display:inline-block; text-align:center; border-radius:0px; color:#856d9b; font-size:12px; letter-spacing:0pt; font-weight:400; background:#2f2538; border:1px solid #2f2538; min-width:80px; min-height:30px; padding:0 5px 0 5px; line-height:30px;}

.team_l{width:50%; line-height: 16px; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* white-space: normal; 팀명 짤리지않게할때 */ }
.team_r{width:50%; line-height: 16px; text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* white-space: normal; 팀명 짤리지않게할때 */ }
.team_l img{display:inline-block; margin:0 0 0 5px;}
.team_r img{display:inline-block; margin:0 5px 0 0;}


/* 베팅내역탭 */
.history_btn_wrap{float:left; width:100%; margin:10px 0 10px 0;}
.history_btn_wrap ul{display:flex;}
.history_btn_wrap ul li{float:left; margin:0 5px 0 0;}
.history_btn_wrap ul li button{display:inline-block; min-width:90px; height:26px; line-height:26px; padding:0 15px; background:#2b2530; border: 1px solid #0c0c0c; font-weight:400; font-size:14px; color:#856d9b; cursor:pointer; border-radius:0px; transition:all 0.3s;}
.history_btn_wrap ul li button:hover{background:#; border: 1px solid #a372ff; color:#ffffff;}


/* 베팅내역 */
.sports_bet_history_list{float:left; width:100%; padding:5px 10px; margin:0 0 10px 0; background:#222222; border-radius:0px;}
.sports_bet_history_list ul{display:flex; align-items:center;}
.sports_bet_history_list li{float:left; padding:5px 5px; margin:0 5px; font-weight:300; font-size:13px; color:#856d9b;}
.history_time span{font-weight:500; color:#ffffff;}
.history_won1 span{font-weight:700; color:#35c5ff;}
.history_odd span{font-weight:500; color:#fff000;}
.history_won2 span{font-weight:700; color:#35ff3d;}
.history_won3 span{font-weight:700; color:#b993ff;}
.history_result span{font-weight:700; color:#ffffff;}

/* 경기결과 */
.result_title_wrap{float:left; width:100%; margin:0px 0 0 0; padding:0 0 3px 0; transition:all 0.5s;}
.result_s_title{float:left; width:100%; height:40px; background:linear-gradient(#a587ff 0%, #220093 100%); border-bottom:1px solid #0c0c0c;}
.result_s_title 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;}
.result_s_title ul li{text-align:center; line-height:40px; font-weight:400; font-size:12px; color:#ffffff;}
.result_s_title01{float:left; width:10%;}
.result_s_title02{float:left; width:16%;}
.result_s_title03{float:left; width:58%;}
.result_s_title04{float:left; width:7%;}
.result_s_title05{float:left; width:7%;}

.result_title_list{float:left; width:100%; margin:0px 0px 0 0; background:rgba(0,0,0,0.5);}
.result_title_list>ul{display: inline-flex; width: 100%; margin:1px 0 1px 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items:center; align-self: stretch;}
.result_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: 5px 8px; min-height:40px; line-height: 14px; vertical-align: middle; border-radius:0px; cursor: pointer; clear: both; font-weight: 300; font-size:13px; color:#ffffff;}
.result_title_list>ul>li:last-child{margin:0;}
.result_title_list>ul>li.result_more{margin:0;}
.result_title_list>ul>li.result_ing{margin:0;}
.result_title_list>ul>li.result_league{justify-content:flex-start;}
.result_title_list>ul>li.result_state{font-weight: 500;  color:#9b9b9b;}
.result_title_list>ul>li.result_team1{background:#2b2530; border-bottom:1px solid #0c0c0c; color:#ffffff;}
.result_title_list>ul>li.result_tie{background:#2b2530; border-bottom:1px solid #0c0c0c; color:#ffffff;}
.result_title_list>ul>li.result_team2{background:#2b2530; border-bottom:1px solid #0c0c0c; color:#ffffff;}
.result_title_list>ul>li.result_team1.active{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}
.result_title_list>ul>li.result_team2.active{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}

/* 배당색상 */
.result_team1 .team_r{color:#ffffff;}
.result_team2 .team_l{color:#ffffff;}
.result_team1.active .team_r{color:#ffffff;} 
.result_team2.active .team_l{color:#ffffff;} 


.result_title_list .result_time{width:calc(10% - 1px); transition:all 0.3s;}
.result_title_list .result_league{width:calc(16% - 1px); transition:all 0.3s;}
.result_title_list .result_team1{width:calc(26% - 1px); transition:all 0.3s;}
.result_title_list .result_tie{width:calc(8% - 1px); transition:all 0.3s;}
.result_title_list .result_team2{width:calc(26% - 1px);; transition:all 0.3s;}
.result_title_list .result_state{width:calc(7% - 1px); transition:all 0.3s;}
.result_title_list .result_more{width:7%; transition:all 0.3s;}

.history_title_list .result_time{width:calc(10% - 1px); transition:all 0.3s;}
.history_title_list .result_league{width:calc(13% - 1px); transition:all 0.3s;}
.history_title_list .result_team1{width:calc(28% - 1px); transition:all 0.3s;}
.history_title_list .result_tie{width:calc(7% - 1px); transition:all 0.3s;}
.history_title_list .result_team2{width:calc(28% - 1px);; transition:all 0.3s;}
.history_title_list .result_state{width:calc(7% - 1px); transition:all 0.3s;}
.history_title_list .result_more{width:7%; transition:all 0.3s;}
.history_title_list .result_ing{width:7%; transition:all 0.3s;}

/* 승무패색상 */
.state1{color:#ff5e00 !important;}
.state2{color:#00af15 !important;}
.state3{color:#99ffff !important;}


/* 베팅한도색상 */
.bet_max{color:#fff600;}


.result_title_list .result_info_m{float:left; width:100%; display:none;}


/* 게임리스트 */
.sports_event_wrap{float:left; width:100%; margin: 5px 0px 0 0;}
.sports_event_wrap ul{display:flex; width:100%;}
.sports_event_wrap ul li{min-width: calc(100% / 8); min-height: 45px; border: 1px solid #0c0c0c; border-left:none; border-top:none; border-bottom:1px solid #0c0c0c; background:#2b2530; border-radius:0px;}
.sports_event_wrap ul li a{display:flex; flex-direction: column; align-items: center; justify-content: center; padding:10px 0; position:relative; transition:all 0.5s;}
.sports_event_wrap ul::-webkit-scrollbar {height: 5px;}
.sports_event_wrap ul::-webkit-scrollbar-thumb {height:10%; background:rgba(255,255,255,0.2); border-radius: 2px;}
.sports_event_wrap ul::-webkit-scrollbar-track {background:rgba(255,255,255,0.08);}

.sports_event_bg{width: 37px; height: 24px; text-align:center;}
.sports_event_bg img{height:24px; filter:grayscale(100%) brightness(60%);}
.sports_event_title{margin:5px 0 0 0; font-weight:400; font-size:14px; color:#856d9b;}
.sports_event_odds{top:4px; color:#a372ff; right:4px; border:1px solid #a372ff; height:18px; display:flex; position:absolute; font-size:12px; background:#0c0c0c; align-items:center; border-radius:0px; padding:2px 5px; justify-content:center; line-height:0; font-weight:600; filter:grayscale(100%) brightness(60%);}

.sports_event_wrap ul li:hover a{background:rgba(0,0,0,0.6);}
.sports_event_wrap ul li.active{border-bottom:1px solid #a372ff; color:#ffffff;}
.sports_event_wrap ul li.active .sports_event_title{color:#ffffff;}
.sports_event_wrap ul li.active .sports_event_odds{filter:grayscale(0%) brightness(100%);}
.sports_event_wrap ul li.active .sports_event_bg img{filter:grayscale(0%) brightness(100%);}

.game01_title_wrap{float:left; width:100%; margin:2px 0 0px 0; padding:0 2px 3px 2px; transition:all 0.5s;}
.sport_title{float:left; width:100%; margin:5px 0 0 0; background:linear-gradient(#222222 0%, #333333 100%); border-bottom:1px solid #0c0c0c; height: 30px; display: flex; padding: 0px 10px; align-items: center; font-weight:400; font-size:12px; color:#ffffff;}
.sport_league{float:left; width:20px; height:20px; margin:0 10px 0 0;}
.sport_league img{width:20px;}
.sport_time_m{display:none; margin:0 0 0 auto;}


.game01_title_list{float:left; width:100%;}
.game01_title_list>ul{display: inline-flex; width: 100%; margin:2px 0 0px 0; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items:center; align-self: stretch;}
.game01_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: 6px 10px; min-height:40px; line-height: 14px; vertical-align: middle; border-radius:0px; cursor: pointer; clear: both; font-weight: 500; font-size:13px; color:#ffffff;}

.game01_title_list>ul>li:last-child{margin:0;}
.game01_title_list>ul>li.game01_more{margin:0;}
.game01_title_list>ul>li.game01_team1{background:#2b2530; border-bottom:1px solid #0c0c0c; color:#ffffff;}
.game01_title_list>ul>li.game01_tie{background:#2b2530; border-bottom:1px solid #0c0c0c; color:#ffffff;}
.game01_title_list>ul>li.game01_team2{background:#2b2530; border-bottom:1px solid #0c0c0c; color:#ffffff;}
.game01_title_list>ul>li.game01_team1:hover{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}
.game01_title_list>ul>li.game01_tie:hover{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}
.game01_title_list>ul>li.game01_team2:hover{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}
.game01_title_list>ul>li.game01_team1.active{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}
.game01_title_list>ul>li.game01_team2.active{background:linear-gradient(#a587ff 0%, #220093 100%); color:#ffffff; font-weight:500;}
.game01_title_list>ul>li.game01_more{background:#1c1c1c; border: 1px solid #1c1c1c; color:#856d9b;}


/* 배당색상 */
.game01_team1 .team_r{color:#fff5dc;}
.game01_team2 .team_l{color:#fff5dc;}
.game01_team1:hover .team_r{color:#fff5dc;} 
.game01_team2:hover .team_l{color:#fff5dc;} 
.game01_team1.active .team_r{color:#fff5dc;} 
.game01_team2.active .team_l{color:#fff5dc;} 


.game01_time{width:calc(13% - 1px); transition:all 0.3s;}
.game01_team1{width:calc(32% - 1px); transition:all 0.3s;}
.game01_tie{width:calc(13% - 1px); transition:all 0.3s;}
.game01_team2{width:calc(32% - 1px);; transition:all 0.3s;}
.game01_more{width:10%; transition:all 0.3s;}
.game01_more.op0{visibility:hidden;}


.game01_team1 .team_l{width:70%;}
.game01_team1 .team_r{width:30%;}
.game01_team2 .team_l{width:30%;}
.game01_team2 .team_r{width:70%;}
.result_team1 .team_l{width:70%;}
.result_team1 .team_r{width:30%;}
.result_team2 .team_l{width:30%;}
.result_team2 .team_r{width:70%;}




.cart_wrap{float:left; width:100%; margin:10px 0 0 0; border-radius:0px; overflow:hidden;}
.cart_title{float:left; width:100%; height:40px; padding:0 20px; display:flex; align-items:center; position:relative; background:#2b2530; color:#ffffff;}
.cart_title a{position:absolute; right:20px;}
.cart_bet_info{float:left; width:100%; padding:10px 20px; background:#252525; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.cart_bet_info_list{float:left; width:100%; height:34px; display:flex; align-items:center;}
.cbill{float:left; width:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#ffffff;}
.cbilr{float:left; width:calc(100% - 80px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; font-size:12px; color:#ffffff;}
.cbilr span{color:#a372ff;}

.cart_bet_btn_box{float:left; width:100%; padding:10px 20px 20px; background:#252525;}
.cart_bet_btn1{float:left; width:100%;}
.cart_bet_btn1 ul{float:left; width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(3, 1fr);}
.cart_bet_btn1 ul li{float:left; width:100%;}
.cart_bet_btn1 ul li a{display:inline-block; width:100%;}

.cart_bet_btn2{float:left; width:100%; margin:15px 0 0 0;}
.cart_bet_btn2 ul{float:left; width:100%; display:grid; grid-gap: 2px; grid-template-columns: repeat(1, 1fr);}
.cart_bet_btn2 ul li{float:left; width:100%;}
.cart_bet_btn2 ul li a{display:inline-block; width:100%;}

.cart_btn1{display:inline-block; width:100%; height:34px; line-height:34px; text-align:center; padding:0 5px; border-radius:0px; background:#353535; border:1px solid #353535; font-size:12px; color:#d0d0d0; transition:ease 0.3s;}
.cart_btn2{display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; padding:0 5px; border-radius:0px; background:linear-gradient(#b095ff 0%, #3300da 100%); font-size:12px; color:#ffffff; transition:ease 0.3s;}
.cart_btn1:hover{filter:brightness(120%); color:#ffffff;}
.cart_btn2:hover{filter:brightness(120%); color:#ffffff;}

.cart_bet_wrap{float:left; width:100%; margin:0 0 0 0; border-top:1px solid #000000; padding:5px; background:#252525;}
.cart_bet {float:left; width:100%; padding:10px 10px 10px; margin:0 0 0px 0; border-radius:0px; background:#1a1a1a; border-bottom:1px solid #000000;}  /* 팀 선택시 */
.cart_bet:last-child {margin:0 0 0 0;}
.cart_bet_title {float:left; width:100%; padding:0 20px 0 0 ; display:flex; align-items:center; position:relative; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#c4c4c4;}
.cart_bet_close{position:absolute; right:0;}
.cart_bet_odds{float:left; width:100%; margin:5px 0 0 0; border-radius:0px; padding:10px 10px; background:rgba(0,0,0,0.6); border:1px solid #666666;  display:flex; align-items:center; justify-content:space-between;}
.cart_bet_odds1{font-weight:400; font-size:12px; color:#ffffff; padding:0 10px 0 0;}
.cart_bet_odds2{font-weight:600; font-size:14px; color:#a372ff; white-space:nowrap;}



/* 미니게임버튼 */
.mini_title_wrap {float:left; width:100%; height:50px; line-height:50px; padding:0 20px 0 20px; background:linear-gradient(#b095ff 0%, #3300da 100%);} 
.mini_in_title {float:left; font-size:16px;  font-weight:500; color:#ffffff;}
.mini_round{font-weight:700;}
.mini_round span{color:#fff000; letter-spacing:-1pt;}
.mini_time{font-weight:500;}
.mini_time span{color:#00ff8c; letter-spacing:-1pt; }

.mini_movie_wrap {float:left; width:100%; min-height:300px; background:#555555; text-align:center; padding:20px 0 20px;}


.mini_game_wrap{float:left; width:100%; margin:20px 0 0 0;}
.mini_game_box{float:left; width:33%; margin:0 0.5% 0.5% 0;}
.mini_game_box:nth-child(3n){margin:0 0 0.5% 0;}
.mini_game_title{float:left; width:100%; height:30px; line-height:30px; border-radius:0px;  text-align:center; background:linear-gradient(#222222 0%, #222222 100%); font-weight:500; font-size:14px; color:#ffffff;}


.mini_btn_box{float:left; width:100%; padding:10px; border-radius:0px; background:rgba(255,255,255,0.1);}

.row_btn{float:left; display:flex; flex-direction: column; align-items: center; justify-content: center; height:140px; border-radius:0px; padding:5px; border:1px solid #a372ff; background:#010101;}
.cul_btn{float:left; display:flex; align-items: center; justify-content: space-around; height:65px; border-radius:0px; padding:5px; border:1px solid #a372ff; background:#010101;}

.mini_btn_type{position:relative; display:flex; align-items: center; justify-content: center; border-radius:0px; padding:5px 10px;  font-weight:500; font-size:20px; color:#ffffff;}
.mini_btn_odd{margin:10px 0 0 0;  font-size:18px; color:#ffffff; transition:all 0.5s;}

.row_btn .mini_btn_type{width:70px; height:70px;}
.cul_btn .mini_btn_type{width:55px; height:55px;}
.cul_btn .mini_btn_odd{margin:0px 0 0 0;}

.mini_btn_type_att{position:absolute; top:-5px; width:20px; height:20px; text-align:center; line-height:20px; background:#000000; border:1px solid #a372ff; border-radius:20px;  font-weight:500; font-size:13px; color:#ffffff;}
.mini_btn_type_att.ab_l{left:-5px;}
.mini_btn_type_att.ab_r{right:-5px;}

.width50{width:calc(50% - 10px); margin:5px 5px;}
.width30{width:calc(33.3333% - 10px); margin:5px 5px;}

.mini_btn_type1{background:linear-gradient(#ED213A 0%, #93291E 100%);}
.mini_btn_type2{background:linear-gradient(#00a1ff 0%, #0050c7 100%);}
.mini_btn_type3{background:linear-gradient(#727a17 0%, #414d0b 100%);}

.row_btn:hover{background:linear-gradient(#b095ff 0%, #3300da 100%);}
.cul_btn:hover{background:linear-gradient(#b095ff 0%, #3300da 100%);}
.row_btn.on{background:linear-gradient(#b095ff 0%, #3300da 100%);}
.cul_btn.on{background:linear-gradient(#b095ff 0%, #3300da 100%);}
.row_btn:hover .mini_btn_odd{color:#ffffff;}
.cul_btn:hover .mini_btn_odd{color:#ffffff;}
.row_btn.on .mini_btn_odd{color:#ffffff;}
.cul_btn.on .mini_btn_odd{color:#ffffff;}



/* 쿠폰 */
.coupon_wrap{float:left; width:100%;}
.coupon{float:left; width:100%;}
.coupon ul{float:left; width:100%;}
.coupon li{float:left; width:calc(50% - 10px); margin:0 20px 20px 0; border-radius:0px; overflow:hidden;}
.coupon li:nth-child(2n){margin:0 0 20px 0;}
.coupon li a{display:block; position:relative; width:100%; height:100%; display:flex; justify-content: center; align-items:center;}
.coupon li a img{width:100%; max-width:100%; filter:grayscale(0) brightness(90%) saturate(60%); transition:all 0.5s;}
.coupon li.active a img{filter:grayscale(0);}
.coupon_text_box{position:absolute; left:70px; display:flex; flex-direction: column;}
.coupon_font01{display:inline-block; font-size:26px; filter:grayscale(1) brightness(80%); }
.coupon_font01{color:#444444;}
.coupon_font02{display:inline-block; margin:5px 0 10px; font-weight:600; font-size: 50px; background:linear-gradient(#b095ff 0%, #3300da 100%); color: transparent; -webkit-background-clip: text; filter:grayscale(0.7);}
.coupon_font03{display:inline-block; font-weight:300; font-size:16px; color:#666666;}
.active .coupon_font01{filter:grayscale(0) brightness(100%);}
.active .coupon_font02{filter:grayscale(0);}
.active .coupon_font03{color:#444444;}

@media screen and (min-width:1920px) {
.coupon li{float:left; width:calc(100% / 3 - 10px); margin:0 15px 15px 0; border-radius:0px; overflow:hidden;}
.coupon li:nth-child(2n){margin:0 15px 15px 0;}    
.coupon li:nth-child(3n){margin:0 0 15px 0;} 

.coupon_text_box{left:3vw;}   
}
