@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; background:url(../../images/bg.jpg),
 center top repeat-y; background-size:100%; position:relative; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.logo{float:left; width:100%; text-align:center; padding:10px 0;}
.logo a{display:inline-block; position:relative; width:320px; height:90px;}
.logo a img{position:absolute; top:30px; left:0;}

.header_wrap{float:left; width:100%; display:flex; align-items: center; flex-wrap:wrap;}
.header_logo_wrap{float:left; width:100%; text-align:center;}
.header_top_wrap{float:left; width:100%; height:61px; line-height:61px;}
.header_top_box{width:1400px; margin:0 auto; display:flex; align-items:center;  height:100%; padding:0 20px; background:url(../../images/bg_top.png) center top no-repeat;}
.header_bottom_wrap{float:left; width:100%; margin:1px 0 0 0;}
.header_bottom_box{width:1400px;  height:70px; margin:0 auto; display:flex; align-items:center; background:url(../../images/bg_gnb.png) center top no-repeat;}
.header_my_box{width:1400px;  height:50px; margin:1px auto; display:flex; align-items:center; background:url(../../images/bg_my.png) center top no-repeat;}

.top_game{float:left;}
.top_game li{float:left; margin:0 20px 0 0;}
.top_game li a{display:block; font-family:'Esamanru'; font-weight:700; font-size:18px; color:#ffffff;}
.top_game li:hover a{color:#6bffb2;}
.icon_game{display:inline-block; margin:0 10px 0 0;}
.top_notice{float:left; margin:0 0 0 auto;}

.gnb{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.gnb ul{display:flex; align-items:center;}
.gnb ul li{float:left; margin:0 10px 0 10px;}
.gnb ul li.line{margin:0;}
.gnb ul li a{padding:5px 15px; font-family:'Esamanru'; font-weight:300; font-size:20px; color:#6bffb2; text-shadow:2px 2px 3px rgba(0,0,0,0.6);}
.gnb ul li:hover a{color:#ffffff;}

.top_my{float:left; margin:0 auto;}
.top_my ul{display:flex; align-items:center;}
.top_my li{float:left; margin:0 10px 0 10px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff;}
.top_my li:last-child{margin:0;}
.top_my li a{display:inline-block; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; display:flex; align-items:center;}
.top_my li img{display:inline-block; margin:0 5px 0 0;}
.top_my li button{display:inline-block; margin:0 0 0 5px; color:#dcdcdc; font-size:14px;}

.my_odd{display:inline-block; margin:0 0 0 5px; font-weight:300; color:#ffff18;}
.my_font01{font-weight:300; color:#ffff18}

.top_login{float:left; margin:0 auto;}
.top_login li{float:left; margin:0 5px 0 5px;}
.utill_btn1  {background:linear-gradient(#41d56d 0%, #005f22 100%); min-width:70px; height:24px; line-height:24px; padding:0 10px; display:inline-block; text-align:center; border-radius:24px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; text-shadow:2px 0 5px rgba(0,0,0,0.5);}
.utill_btn2  {background:linear-gradient(#7e7e7e 0%, #2a2a2a 100%); min-width:70px; height:24px; line-height:24px; padding:0 10px;  display:inline-block; text-align:center; border-radius:24px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; text-shadow:2px 0 5px rgba(0,0,0,0.5);}
.utill_btn3  {background:linear-gradient(#7e7e7e 0%, #2a2a2a 100%); min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; text-align:center; border-radius:24px; font-family:'Esamanru'; font-weight:300; font-size:12px; color:#ffffff; cursor:pointer;}
.utill_btn1:hover{background:linear-gradient(-45deg, #41d56d 0%, #005f22 100%);}
.utill_btn2:hover{background:linear-gradient(-45deg, #696969 0%, #383838 100%);}
.utill_btn3:hover{color:#ffffff;}

.header_line{float:left; width:100%; text-align:center; font-size:0;}
.header_line img{width:100%; height:5px; max-width:1400px;}

.mobile_menu{float:left; width:100%; display:flex; align-items: center; padding:10px 5px; display:none; }
.mobile_menu i{color:#ffffff;}
.mobile_menu button{background:none; border:none; outline:none;}
.m_logo{margin:0 auto;}
.m_logo img{width:200px;}
.mobile_menu1{font-size: 2em; padding:0 10px; background: transparent; color:#ffffff;}
.mobile_menu2{font-size:12px; background: transparent; color:#ffffff;}

@media screen and (max-width:1520px) {
}

@media screen and (max-width:1400px) {
	.header_wrap{height:auto; padding:2px 0 0px;}
	.top_login{width:100%; padding:3px 5px;}
	.top_login li{float:left; width:50%; padding:1px; margin:0;}
	.top_login li button{width:100%;}
	.utill_btn1{width:100%; height:40px; line-height:40px;}
	.utill_btn2{width:100%; height:40px; line-height:40px;}
	.mobile_menu{display:flex;}
	.header_logo_wrap{display:none;}
	.header_top_wrap{display:none;}
	.header_bottom_box{display:none;}
	.header_my_box{width:100%; background-size:100% 100%;}
	
	.top_my{width:100%; margin:0; padding:10px 0;}
	.top_my ul{justify-content:center;}
	.top_my li{margin:0 5px;}
	.top_my li:nth-child(1){display:none;}
	.top_my li:nth-child(4){display:none;}
	.m_hide{display:none;}
	.utill_btn3 span[data-id=close] {display: none;}
	.utill_btn3{min-width:40px;}
	.top_my li a{font-size:0;}
	.my_odd{font-size:12px; margin:0 0 0 0;}
	.top_my li a span[data-id=close] {display: none;}
}
.title_box{float:left; width:100%;} 

.title{float:left; width:100%; text-align: center; font-family:'Esamanru'; font-weight:700; font-size:28px; color: #ffffff; margin: 0; padding:20px 0;}
.s_title1{float:left; width:100%; background:#072a1a; padding:8px 10px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; border-radius: 3px;}
@media screen and (max-width:1400px) {
    .title{font-size:24px;}
}
@media screen and (max-width:768px) {
    .title_box{padding:0 10px;}
    .title{font-size:20px;}
    .title span{font-size:13px;}
	
	.top_my li button{font-size:10px;}
}
/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; margin:20px 0 0 0; display:flex;}

.content_box{width:1400px; margin:0 auto; overflow:hidden; background:rgba(0,0,0,0.6); padding:20px 0;}
.content_box_in{float:left; width:100%; margin:20px 0 0; padding:0 50px;}
.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;}

@media screen and (max-width:1400px) {
	.contents_wrap{margin:10px 0 0;}
	.content_box{padding:0 10px; width:100%; margin:0px 0 0;}
	.content_box_in{margin:10px 0 0;}
}

@media screen and (max-width:768px) {
	.content_box{padding:0 5px;}
	.content_box_in{padding:10px 2px;}	
}
/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
#login{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(17,17,17,0.6); display:flex; align-items:center; justify-content:center; display:none;}
.login_wrap{width:80%; max-width:640px; margin:0 auto; max-height:560px; transition:all 0.5s;}

#join{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(17,17,17,0.6); display:flex; align-items:center; justify-content:center; display:none;}
.join_wrap{width:95%; max-width:800px; margin:0 auto; max-height:80vh; transition:all 0.5s;}
.join_box{width:100%; padding:40px 20px; max-height:88vh; overflow-y:auto; display: flex; flex-direction: column; transition:all 0.5s;}
.join_box::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.join_box::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.join_box::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.loginbox{width:100%; float:left; background:linear-gradient(#000000 0%, #1d1d1d 100%); border-radius:10px 0 10px 10px; display:flex; position:relative;}

.close_btn_cu{background:#000000; width:40px; height:40px; line-height:40px; text-align:center; border-radius:3px 3px 0 0; color:#d4d4d4; font-weight:700; position:absolute; right:0px; top:-40px; z-index:11; transition:all 0.3s;}
.close_btn_cu  img{transition:all 0.3s;}

.loginbox_l{width:350px; position:relative;}
.loginbox_l img{position:absolute; bottom:0; left:-20px;}
.loginbox_r{width:calc(100% - 350px); padding:40px 20px; height:440px; max-height:560px; overflow-y:auto; display: flex; flex-direction: column; justify-content: center; transition:all 0.5s;}
.loginbox_r::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.loginbox_r::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.loginbox_r::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.login_logo{float:left; width:100%; text-align:center; padding:0 20px;}
.login_logo img{width:100%; max-width:250px;}
.login_title{float:left; width:100%; margin:30px 0 0 0; padding:0 0 0 10px; font-weight:300; font-size:16px; color:#ffffff;}
.login {float:left; width:100%; margin:10px 0 0 0;}
.login li {float:left; width:100%; padding:1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.login1 {float:left; width:100%; margin:10px 0 0 0;}
.login1 ul{display:flex; flex-wrap:wrap;}
.login1 li {float:left; width:50%; padding:1% 1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */
.join_title{float:left; width:100%; padding:0 0 5px; font-family:'Esamanru'; font-weight:300; font-size:12px; color:#ffffff;}
.join_text{float:left; width:100%; padding:5px 0 0; font-family:'Esamanru'; font-weight:300; font-size:12px; color:#999999;}
.join_phone{float:left; width:100%; display:flex;}
.join_phone .login_btn1{width:45%;}


.login_input  {background-color:#2c2c2c; border:1px solid #000000; color:#ffffff; width:100%; height:36px; font-size:14px; font-weight:500; border-radius:5px; padding:0 0 0 15px;  font-family:'EsaManru';}
.login_input::placeholder {color:#999999; font-size:12px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #ffde00;}

.login_font01{font-family:'Esamanru'; 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:50%; padding:1%; transition:all 0.2s; font-weight:500; font-size:14px; color:#ffffff;}
.login_btn_box2 li button{width:100%;}
.login_btn1  {background:linear-gradient(#00bc44 0%, #004e19 100%); width:100%; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff;}
.login_btn2  {background:linear-gradient(#696969 0%, #383838 100%); width:100%; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff;}

.login_btn1:hover{opacity:0.8;}
.login_btn2:hover{opacity:0.8;}

@media screen and (max-width:1060px) {
    .loginbox_r{height:auto;}
}
@media screen and (max-width:768px) {
    .loginbox_l{display:none;}
    .loginbox_r{width:100%}
	.login_logo{padding:0 30px;}
	.login1 li{width:100%;} 
}
/*-------------------------------------------------------------------------------------*
 *  m_menu_fix                                                                         *
 *-------------------------------------------------------------------------------------*/
.m_menu_fix{float:left; width:100%; height:20vw; position:fixed; bottom:0; left:0; z-index:1000; background:url(../../images/bg_footer.png) center top no-repeat; background-size: cover; display:none;}
.m_menu_fix ul{float:left; width:100%; height:100%; margin:3vw 0 0 0;}
.m_menu_fix li{float:left; width:20%; height:100%;}
.m_menu_fix li a{display:block; width:100%; height:100%; padding:10px 5px 5px; text-align:center; font-weight:300; font-size:14px; color:#6bffb2; line-height:1.5; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.m_menu_fix li a img{display:inline-block; margin:0 0 5px 0;}
.m_menu_fix li:nth-child(3) a{width: 15.2vw; height: 15.2vw; position: absolute; top:20%; left:50%; transform:translate(-50%); border-radius: 50%; background:rgba(0,0,0,0.7); border:1px solid #037317; font-size:16px; color:#ffffff; box-shadow:0 0 20px rgba(0,111,6,0.99) inset;}

@media screen and (max-width:1400px) {
    .m_menu_fix{display:block;}
}
/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; margin:0 0 0 0; padding:40px 20px 40px 20px; text-align:center; background:rgba(0,19,11,0.7);}
.footer_partners1{width:100%;}
.footer_partners1 img{width:100%; max-width:1400px;}
.f_copy{width:100%;  margin:30px 0 0 0; font-family:'EsaManru'; font-weight:300; font-size:18px; color:#737373;}

.customer_wrap{float:left; width:100%; margin:40px 0 0 0; padding:20px; text-align:center; background:rgba(0,82,48,0.5);}
.customer_wrap a{padding:0 10px; margin:0 10px; font-family:'EsaManru'; font-weight:300; font-size:20px; color:#ffffff;}
.customer_font1{font-weight:700; color:#00f0ff;}
.customer_font2{font-weight:700; color:#ffe400;}
@media screen and (max-width:1400px) {
	.footer_wrap{padding:40px 20px 20vw 20px;}
	.customer_wrap{padding:10px 5px;}
	.customer_wrap a {font-size:14px; display:block; margin:5px;}
	.customer_wrap a img{display:inline-block; width:40px;}
	.customer_wrap a span[data-id=close] {display: none;}
}

 /*-------------------------------------------------------------------------------------*
 *  Main                                                                                *
 *-------------------------------------------------------------------------------------*/
.main_wrap{float:left; width:100%; margin:0 0 0 0; display:flex;}
.main_box{width:1400px; margin:0 auto; overflow:hidden; padding:0 0;}

.main_slideshow_pc{width:100%;margin:0 auto; overflow:hidden;}
.main_slideshow_pc .swiper-slide img{width:100%;}
.main_slideshow_m{width:100%; margin:0 auto; overflow:hidden; display:none;}
.main_slideshow_m .swiper-slide img{width:100%;}


.main_game_list{float:left; width:100%; margin:50px 0 0 0; display:flex;}
.main_game_list ul{float:left; width:100%; margin:0 0 0 0;}
.main_game_list li{float:left; width:47.86%; margin:0 4.28% 2% 0;}
.main_game_list li.mgl_100{width:100%; margin:0;}
.main_game_list li:nth-child(2){margin:0 0 2% 0;}
.main_game_list li:last-child{margin:0 0 0 0;}
.main_game_list li a{display:block;}
.main_game_list li a img{width:100%;}
.main_game_list img[data-id=m] {display: none;}
@media screen and (max-width:1400px) {
	.main_wrap{margin:10px 0 0;}
	.main_box{padding:0 10px; width:100%; margin:0px 0 0;}
	.main_game_list{margin:20px 0 0 0;}
}

@media screen and (max-width:768px) {
	.main_box{padding:0 5px;}
	.main_game_list li{width:100%; margin:0 0% 2% 0;}
	.main_game_list img[data-id=pc] {display: none;}
	.main_game_list img[data-id=m] {display: inline;}
} 
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 카지노 */
.game_title{float:left; width:100%;}
.game_title img{width:100%;}
.game_list{float:left; width:100%;}
.game_list li{float:left; width:calc(25% - 12px); margin:0 15px 15px 0;}
.game_list li:nth-child(4n){margin:0 0 15px 0;}
.game_list li a{display:block;}
.game_list li a img{width:100%;}
@media screen and (max-width:1520px) {
.game_list li{width:calc(25% - 12px); margin:0 15px 15px 0;}
.game_list li:nth-child(5n){margin:0 15px 15px 0;}
.game_list li:nth-child(4n){margin:0 0 15px 0;}
    
}
@media screen and (max-width:1280px) {
.game_list li{width:24.25%; margin:0 1% 1% 0;}
.game_list li:nth-child(6n){margin:0 1% 1% 0;}    
.game_list li:nth-child(5n){margin:0 1% 1% 0;}    
.game_list li:nth-child(4n){margin:0 0 1% 0;}    
}
@media screen and (max-width:768px) {
.game_list li{width:49.5%; margin:0 0.5% 1% 0;}
.game_list li:nth-child(6n){margin:0 0.5% 1% 0;}    
.game_list li:nth-child(5n){margin:0 0.5% 1% 0;}    
.game_list li:nth-child(4n){margin:0 0.5% 1% 0;}    
.game_list li:nth-child(3n){margin:0 0 1% 0;}    
}
@media screen and (max-width:1240px) {
    .game_title{padding:0 20px;}
}

/* 라디오버튼 */
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; width:100%; cursor: pointer; font-family:'Esamanru'; font-weight:300; font-size:14px; position: relative; overflow: hidden; margin:5px 0 0 0;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span {background-color: #000000; border:1px solid #037317; color:#ffffff;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #037317;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 5px; transition: 0.25s ease; background:rgba(0,0,0,0.3); color:#777777;}
.radio_wrap label>span:hover {background-color: #037317; color:#ffffff;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #000000; 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 #037317;}
.radio_wrap label>span>span{padding:0 10px; margin:0 0 0 10px; border-radius: 5px; transition: 0.25s ease; background:#ffffff; color:#186845;}

/* 출석부 */
.att_box table{table-layout:fixed;}
.att_title1     {background:linear-gradient(#00bc44 0%, #004e19 100%); border-bottom:1px solid rgba(255,255,255,0.1); border-top:1px solid #00bc44; padding:6px 4px; text-align:center; font-weight:500; font-size:12px; color:#ffffff;}
.att1           {background:rgba(0,0,0,0.7); border-bottom:1px solid rgba(0,0,0,0.9); color:#ffffff; width: calc(100% / 7); height:100px; padding:3px 8px 3px 8px; text-align:center; position:relative;}
.att1 img{width:90%; max-width:90px;}
.att2           {position:absolute; top:10px; left:10px; z-index:1; color:#a8a7ad;}
.att_month_title{float:left; width:100%; background:#161616; font-weight:500; font-size:20px; color: #6bffb2; padding: 18px; border-radius:10px; display:flex; align-items:center; justify-content:center;}
.att_month_title button{display:inline-block; padding:0px 20px; font-size:18px; opacity:0.7;}
.att_month_title button:hover{opacity:1;}

@media screen and (max-width:768px) {
	.att_month_title{text-align:center; font-size:16px; flex-wrap:wrap; justify-content:center;}
	.att_month_title span{display:block; width:100%; margin:5px 0 0 0; text-align:center;}
	.att1{height:70px;}
	.att_month_title a{padding:0 10px;}
}


.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; 팀명 짤리지않게할때 */ }

/* 베팅내역 */
.sports_bet_history_list{float:left; width:100%; padding:5px 10px; background:#161616;}
.sports_bet_history_list ul{display:flex; align-items:center;}
.sports_bet_history_list li{float:left; padding:5px 5px; margin:0 5px; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}
.history_time span{font-weight:500; color:#c8e5d7;}
.history_won1 span{font-weight:500; color:#ccff00;}
.history_odd span{font-weight:500; color:#00ffb8;}
.history_won2 span{font-weight:500; color:#f4c8ff;}
.history_won3 span{font-weight:500; color:#00ccff;}
@media screen and (max-width:1280px) {
    .sports_bet_history_list ul{flex-wrap:wrap;}
}

/* 경기결과 */
.result_title_wrap{float:left; width:100%; margin:10px 0 0 0; padding:0 0 3px 0; transition:all 0.5s;}
.result_s_title{float:left; width:100%; height:40px; background:linear-gradient(#00bc44 0%, #004e19 100%); border-bottom:1px solid rgba(255,255,255,0.1);}
.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-family: 'EsaManru'; font-weight:500; font-size:14px; 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_s_title00{float:left; width:20%;}

.result_title_list{float:left; width:100%; margin:0px 0px 0 0;}
.result_title_list>ul{display: inline-flex; width: 100%; margin:5px 0 3px 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 5px; min-height:40px; line-height: 14px; vertical-align: middle; border-radius:3px; cursor: pointer; clear: both; font-family: 'EsaManru'; font-weight: 300; font-size:13px; color:#ffffff; text-shadow:2px 2px 3px rgba(0,0,0,0.4);}
.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:#ffde00;}
.result_title_list>ul>li.result_team1{background:#2d2d2d;}
.result_title_list>ul>li.result_tie{background:#2d2d2d;}
.result_title_list>ul>li.result_team2{background:#2d2d2d;}
.result_title_list>ul>li.result_team1.active{background:linear-gradient(#00bc44 0%, #004e19 100%); color:#ffffff; font-weight:500;}
.result_title_list>ul>li.result_team2.active{background:linear-gradient(#00bc44 0%, #004e19 100%); color:#ffffff; font-weight:500;}

/* 배당색상 */
.result_team1 .team_r{color:#ffffff; font-weight:700;}
.result_team2 .team_l{color:#ffffff; font-weight:700;}
.result_team1.active .team_r{color:#ffde00;} 
.result_team2.active .team_l{color:#ffde00;} 


.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:#b1b1b1 !important;}
.state3{color:#007eff !important;}


/* 베팅한도색상 */
.bet_max{color:#fff600;}

@media screen and (max-width:1280px) {
	.result_s_title{display:none;}
	.result_title_list{border:1px solid rgba(255,255,255,0.1);}
	.result_title_list>ul{display: flex; gap: 1px;
	  grid-template-rows: repeat(2, 1fr);
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;}
	.result_title_list .result_time{width:100%; order: 1; grid-column: 1 / span 3;}
	.result_title_list .result_league{width:100%; order: 2; grid-column: 4 / span 4;}
	.result_title_list .result_more{width:100%; order: 3;}
	.result_title_list .result_state{width:100%; order: 4;}

	.result_title_list .result_team1{width:100%; order: 5; grid-column: 1 / span 4;}
	.result_title_list .result_tie{width:100%; order: 6; grid-column: 5 ;}
	.result_title_list .result_team2{width:100%; order: 7; grid-column: 6 / span 4;}
		
}

/* ---------------------- Custome Radio Button ------------------------ */

.radio-container{
    font-size: 13px;
    margin-bottom: 0px;
}

.radio-group{
	height: 50px;
	color: #FFF;
  }
  
  /* The container */
  .radio-container {
	display: inline-block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .radio-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translate(0%, -50%);
	height: 24px;
	width: 24px;
	background-color: #eee;
	border-radius: 50%;
  }
  
  /* On mouse-over, add a grey background color */
  .radio-container:hover input ~ .checkmark {
	background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .radio-container input:checked ~ .checkmark {
	background-color: #7d7d7d;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
	content: "";
	position: absolute;
	display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .radio-container input:checked ~ .checkmark:after {
	display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .radio-container .checkmark:after {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 8px;
	height: 8px;
	  border-radius: 50%;
	  background: white;
  }

  /* ---------------------- Custome Select ------------------------ */

  .login1 .selectbox select {
	width: 100%;
	background-color: #1d1d1d;
	height: 45px;
	padding: 0 20px;
	border: none;
	border-radius: 0;
	background-size: 25px;
	appearance: none;
	font-size: 12px;
	color: #fff;
  }

  .login1 .selectbox {
	display: inline-block;
	height: 40px;
	border: 1px solid var(--input-border-color) !important;
	border-radius: 5px;
	background: #3a2142;
  }

  .login1 .selectbox {
    height: 45px;
  }
  .login1 .selectbox > select {
    height: 43px;
    padding: 0 20px 0 10px;
  }

  .line-between {
	height: 1px;
	background-color: #00aa00;
  }