@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; display:flex; position:relative; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.logo{float:left; width:100%; text-align:center; margin:20px 0 0 0;}
.logo a{display:block}
.logo img{width:80%;}

.left_game{float:left; width:100%; margin:20px 0 0 0;}
.left_game .leftTitle {color: #fff; font-size: 14px; font-weight: bold; width: 200px; margin: 20px auto 0px auto; }
.left_game .leftTitle i {font-size: 20px; margin-right: 5px; color: #ffcc00; vertical-align: middle; }
.left_game ul{width:205px; margin:0 auto; padding: 10px 25px; background: rgba(0, 0, 0, 0.25); border-top: 1px solid rgba(255, 255, 255, 0.1); border-left: 1px solid rgba(255, 255, 255, 0.1); border-radius: 5px; box-shadow: 2px 5px 10px 0px rgba(0, 0, 0, 0.5); box-sizing: border-box;}
.left_game li{float:left; width:100%; position:relative;border-bottom: solid 1px rgba(255, 255, 255, 0.1); list-style: none;}
.left_game li:last-child {border-bottom: none;}
.left_game li a{display:flex; position:relative; height: 40px; line-height: 40px; font-size:14px;}
.left_game li a i {vertical-align: middle; font-size: 22px; transition: 0.3s; color: #ffcc00; position: absolute; top: 2px;}
.left_txt{font-weight:300; color:#dcdcdc; transition:all 0.3s; padding-left: 20px;}
.left_icon{margin:0 10px 0 0;}
.left_icon img{transition:all 0.3s;}

.left_game li a:hover .left_icon i{transform: rotate(-42deg) !important; filter:}
.left_game li a:hover .left_txt{color:#ff1616;}
.msnodd{color:#f3c379; font-weight:500; display:inline-block; padding:0 5px; font-size:13px;}


.header_wrap{float:left; width:100%; padding:0 0px; height:70px; display:flex; align-items: center; flex-wrap:wrap; position:relative;background: #212121;}
.header_wrap:after{display:block; content:''; float:left; width:100%; position:absolute; bottom:0;box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1); background: linear-gradient(#000, #000); }
.notice{float:left; width:100%; max-width:25%; white-space:nowrap; overflow:hidden; text-overflow:hidden; font-family:'EsaManru'; font-weight:300; font-size:13px; color:#ffffff; transition:all 0.3s; margin:0 0 0 20px;}
.top_login{float:left; margin:0 20px 0 auto;}
.top_login li{float:left; margin:0 0 0 5px;}
.utill_btn1  {background:#000; min-width:150px; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:10px; font-weight:bold; font-size:16px; color:#ffffff; border: 1px solid #c97412; transition: all 0.3s ease-in-out;}
.join_open .utill_btn2  {background:#cc8a0e; min-width:150px; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:10px; font-weight:bold; font-size:16px; color:#ffffff; transition: all 0.3s ease-in-out;}
.utill_btn2  {background:#ff1616; min-width:80px; height:25px; line-height:25px; display:inline-block; text-align:center; border-radius:5px; font-weight:bold; font-size:12px; color:#ffffff; transition: all 0.3s ease-in-out;}
.utill_btn3  {background:linear-gradient(#77cfe9 0%, #1a378b 100%); min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:300; font-size:12px; color:#ffffff; cursor:pointer; box-shadow:0px 0px 10px rgba(255,255,255,0.2) inset;}
.utill_btn4  {background:#733f97; min-width:80px; height:25px; line-height:25px; display:inline-block; text-align:center; border-radius:5px; font-weight:bold; font-size:12px; color:#ffffff;}
.utill_btn1:hover{filter:brightness(120%);}
.utill_btn2:hover{filter:brightness(120%);}
.utill_btn3:hover{filter:brightness(120%);}
.utill_btn4:hover{filter:brightness(120%);}

.top_login{display:none;}
.header_wrap .top_login{display:block;}

.mobile_menu{float:left; width:100%; display:flex; align-items: center; padding:0; display:none; background: linear-gradient(#000000, #111);}
.mobile_menu i{color:#ff1616;}
.mobile_menu button{border:none; outline:none;height: 50px; width: 50px;}
.m_logo{margin:0 auto;height: 80px;}
.m_logo img{width:130px;margin: -25px auto 0 auto;}
.mobile_menu1{font-size: 2em; background: transparent; color:#ffffff;background: url(/theme/ver5-2/images/icon-user.png) center center no-repeat;background-size: 30px 30px;position: absolute !important;left: 15px;}
.mobile_menu2{font-size: 2em; background: transparent; color:#ffffff;background: url(/theme/ver5-2/images/icon-list.png) center center no-repeat;background-size: 30px 30px;position: absolute !important;right: 15px;}

.top_my{float:left; margin:0 20px 0 auto;}
.top_my ul{display:flex; align-items:center;}
.top_my li{float:left; margin:0 0 0 10px; font-family:'S-CoreDream-3Light'; font-weight:600; font-size:15px; color:#d2d2d2;}
.top_my li a{display:inline-block; color:#fff;}
.top_my li i{color:#ffcc00; vertical-align: middle;}
.my_odd{font-weight:bold; color:#ffcc00;}
.my_font01{font-weight:700; color:#ffea00}
.top_my li:hover a{color:#ff0000;}
.lv_img{display:inline-block; width:26px;}
.pc_hide{display:none;}


.top_my li:last-child{margin:0 0 0 10px;}
@media screen and (max-width:1520px) {
    .header_wrap{height:auto; padding:10px 0;}
    .notice{max-width:100%;}
    .top_my{margin:10px 10px 0 auto;}
}

@media screen and (max-width:1240px) {
    .header_wrap{height:auto; padding:0;border-bottom: 1px solid #444;}
    .notice{display:none;}
    .top_login{width:100%; padding:3px 5px;}
    .top_login li{float:left; width:50%; padding:5px; margin:0;}
    .utill_btn1{width:100%; height:50px; line-height:50px;}
    .utill_btn2{width:100%; height:50px; line-height:50px;}
    .mobile_menu{display:flex;}
    .top_my{width:100%; margin:0; background:#111; border-top:1px solid #ffcc00; height: 40px; line-height: 40px;}
    .top_my ul{justify-content:center;}
    .top_my li:nth-child(1){display:none;}
    .top_my li:nth-child(5){display:none;}
    .m_hide{display:none;}
    .pc_hide{display:inline-block;}
    .utill_btn3 span[data-id=close] {display: none;}
    .utill_btn3{min-width:40px;}
    .top_my li i{font-size:12px;color:#fff;margin-top: -10px;margin-right: 2px;}
    .top_my li a{font-size:0;}
    .my_odd{font-size:12px; margin:0 0 0 0;color: #ff1616;}
    .top_my li a span[data-id=close] {display: none;}

    .top_login{display:block;}
    .header_wrap .top_login{display:none;}
    .top_login .utill_btn3{width:100%; height:44px; line-height:44px;}

    /*.header_wrap:after{border-bottom: 1px solid #444;}*/
    .main_game_tab li a{height: 50px;font-size: 15px;}
    .main_game_tab li a img {width: 32px;}
    .top_my li.logout {display:none;}
    .refresh-btn i{margin-right: -12px !important; margin-top: -5px!important;}
}
.title_box{float:left; width:100%; padding:0 30px;}

.title{float:left; width:100%; text-align: left; display:flex; align-items:center; font-family:'Esamanru'; font-weight:600; font-size:25px; color: #4396f8; height: 50px; line-height: 50px; border-bottom:4px solid #444; background: linear-gradient(135deg, #ffe8e8 0%, transparent 25%, transparent 50%, #ffe8e8 55%, #ffe8e8 70%, transparent 75%, transparent), #ffcc00; background-size: 20rem 20rem; -webkit-background-clip: text; -webkit-text-fill-color: transparent;animation: main_nav_item_effect 2s linear infinite;}
.title a{background:url(../images/bg_left_game.jpg) center top no-repeat; background-size:100% 100%; min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; margin:0 0 0 10px; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:500; font-size:14px; color:#000000; cursor:pointer;}
.title small{font-weight: 100; font-size: 20px; color: #999;}

.s_title1{float:left; width:100%; background:#333; padding:15px 0 12px 15px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; border-bottom: solid 1px #444;}

@media screen and (max-width:768px) {
    .title_box{padding:0 0px;}
    .title{font-size:20px; text-align:center;}
    .title span{font-size:13px;}
    .line img{display:block; width:100%; height:2px;}
}
/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; display:flex;}
.contents_left{float:left; width:250px; min-height:100vh; max-height:100vh; background:#222 url("../images/bg_left.png") repeat-y; position:fixed; z-index:1000; display: flex; flex-direction: column; transition:all 0.3s;}
.contents_left_inner{float:left; width:100%; height:100%; overflow-y: auto; padding:0 0 20px;}
.contents_right{float:right; width:100%; padding:0 0 0 250px; transition:all 0.3s;}
.contents_left_inner::-webkit-scrollbar {
    display: none;
}

.content_box{float:left; width:100%; padding:30px 20px 0;}
.content_box_in{float:left; width:100%; margin:0 0 0; padding:10px 30px 30px;}
.content_box_in2{width:100%; max-width:1580px; margin:0 auto; padding:0px 75px 20px;}
.con_box00 {float:left; width:100%; margin:0 0 0 0; background: #222; border: solid 1px #444;}
.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:1240px) {
    .contents_left{display:none;}
    .contents_right{padding:0;}
    .content_box{padding:0 10px;}
    .content_box_in{padding:20px 10px;}
    .content_box_in2{padding:0 10px 20px;}
}

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

#join{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:9999; background:rgba(0,0,0,0.6); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.join_wrap{width:100%; max-width:400px; margin:0 auto; max-height:80vh; transition:all 0.5s;}
.join_box{width:100%; padding:40px 20px; max-height:80vh; 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(#3a3a3a 0%, #2a2a2a 100%); border-radius:10px 10px 10px 10px; display:flex; position:relative;border: solid 1px #444;}

.close_btn_cu{text-align:center; color:#d4d4d4; font-weight:700; position:absolute; right:0px; z-index:11; transition:all 0.3s;}
.close_btn_cu  img{transition:all 0.3s;}
.close_btn_cu i{position: absolute;right: 10px;top: 10px;font-size: 30px;color: #fff;transition: all 0.3s;}
.close_btn_cu>i:hover{color: #fbe18a; transform: rotate(360deg);}

.loginbox2{display: flex;margin-top: 57px;}
.loginbox_l{width:351px; position:relative;}
.loginbox_l img{position:absolute; bottom:0; left:-0px;}
.loginbox_r{width:100%; padding:0 20px 40px 20px; height:500px; max-height:700px; overflow-y:auto; display: flex; flex-direction: column; justify-content: center; transition:all 0.5s;}
.loginbox_r1{justify-content:flex-start; height:600px;}
.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:240px;}
.login_title{float:left; width:100%; margin:10px 0 0 0; text-align:center; 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:100%; 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:#ffcc00;}
.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:#222; border:1px solid #444; color:#ffffff; width:100%; height:50px; font-size:16px; font-weight:500; border-radius:5px; padding:0 0 0 15px;  font-family:'EsaManru';}
.login_input::placeholder {color:#5d5d5d; font-size:12px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #ff0000;}

.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_btn1  {background:linear-gradient(to bottom, #ffa919 0%, #cf7504 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; font-family:'Esamanru'; font-weight:300; font-size:16px; color:#ffffff; border: 1px solid #cf7504;}
.login_btn2  {background:linear-gradient(to bottom, #ffa919 0%, #cf7504 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; font-family:'Esamanru'; font-weight:300; font-size:16px; color:#ffffff; border: 1px solid #cf7504;}

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

.login1 .login_input{height:40px; line-height:40px;}
@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:15vw; position:fixed; bottom:0; left:0; z-index:1000; /*background:url(../images/bg_mfooter.png) center top no-repeat; background-size: cover;*/ display:none;font-family: Microsoft JhengHei, sans-serif;background: #000;border: 4px solid #f77f1b;border-radius: 40px 40px 0 0;}
.m_menu_fix ul{float:left; width:100%; height:100%; margin:0 0 0 0;}
.m_menu_fix li{float:left; width:20%; height:100%;}
.m_menu_fix li a{display:block; width:100%; height:100%; text-align:center; font-size:.72rem; color:#ffffff; display:flex; align-items:center; justify-content:center; flex-direction:column;font-weight: bold;}
.m_menu_fix li a img{display:inline-block; margin:0 0 5px 0;}
.m_menu_fix li:nth-child(3) a{width: 12.2vw; height: 12.2vw; position: absolute; top:8%; left:50%; transform:translate(-50%); border-radius: 50%; background:linear-gradient(#ffa843, #ff9416); font-size:.81rem; color:#fff;}
.m_menu_fix li a i:first-child {
    color: #ffcc00;
    font-size: 1.5rem;
    margin-bottom: 0px;
}
.m_menu_fix li:nth-child(3) a i:first-child {color: #fff;font-size: 28px !important;}
@media screen and (max-width:1024px) {
    .m_menu_fix{display:block;}
}
/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; padding:0px 20px 40px 20px; text-align:center; background:#232426;}
.footer_partners1{width:100%;}
.footer_partners1 img{width:100%; max-width:1580px;}
.f_copy{width:100%;  margin:30px 0 0 0; font-family:sans-serif; font-weight:300; font-size:12px; color:#fff;}

@media screen and (max-width:1024px) {
    .footer_wrap{padding:40px 20px 20vw 20px;}
    .f_copy{margin:20px 0 0 0; font-size:12px;}
}

.custumer{float:left; width:100%; margin:40px 0 0 0; padding:40px 20px 0 20px;}
.custumer ul{display:flex; justify-content:center; margin:0 auto; width:100%; max-width:1580px;}
.custumer ul li{max-width:360px; margin:0 10px; display:flex;}
.custumer ul li a{float:left; display:block; width:100%;}
.custumer ul li a img{width:100%;}


@media screen and (max-width:1900px) {
    .custumer ul li{padding:2px; margin:0;}
}
@media screen and (max-width:1480px) {
    .custumer ul{flex-wrap:wrap; justify-content:center;}
    .custumer ul li{max-width:33.3333%;}
}
@media screen and (max-width:768px) {
    .custumer ul li{max-width: 300px;}
}
/*-------------------------------------------------------------------------------------*
*  Main                                                                                *
*-------------------------------------------------------------------------------------*/
.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_box{width:100%; margin:0 auto; padding:0px 20px 20px;}

.main_game_m{float:left; width:100%; margin:20px 0 0 0;}
.main_game_tab{float:left; width:100%;}
.main_game_tab li{float:left; width:31.65%; margin:0 5px 0 0;}
.main_game_tab li:nth-child(3n){margin:0 0 0 0;}
.main_game_tab li a{display:block; width:100%;height: 50px;font-size: 18px;background: #333;color: #ccc;padding: 0 10px;border-radius: 10px;font-weight: 700;text-align: center; padding-top: 10px;}
.main_game_tab li a img{margin: 0 0 0 auto;filter: grayscale(100%) brightness(0.4);}
.main_game_tab li a [data-name="show"]{display:block;}
.main_game_tab li a [data-name="hide"]{display:none;}
.main_game_tab li.active a [data-name="show"]{display:none;}
.main_game_tab li.active a [data-name="hide"]{display:block;}
.main_game_tab li:hover a [data-name="show"]{display:none;}
.main_game_tab li:hover a [data-name="hide"]{display:block;}
.main_game_tab li.active a{color: #ffffff;background: linear-gradient(to bottom, #ffd019 0%, #ac6d03 100%)}
.main_game_tab li.active a img{filter: grayscale(0%) brightness(1);}
.main_game_tab li a span{font-size: 15px;}

.main_game_tab.m{display:none;}

.main_game_tab_con{float:left; width:100%; margin:30px 0 0 0;}

.main_board{float:left; width:100%; margin:10px 0 0 0; display:flex;}
.borad_box{float:left; width:500px; height:auto; margin:0 40px 10px 0;}
.borad_box:last-child{margin:0 0 10px 0;}
.board_title{float:left; width:100%; display:flex; align-items:center; height:50px; line-height:50px; text-align:left; font-family: 'EsaManru'; font-weight:500; font-size:20px; color:#ffffff;}

.myTable{table-layout:fixed;}
.board{float:left; width:100%; height:auto; overflow:hidden; padding:20px 20px 20px 20px; border-radius:5px; background:#000000;}
.board td{font-family:'EsaManru'; font-weight:300; color:#f8de7f; font-size:14px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.board td:first-child{font-weight:300; color:#ffffff;}

.borad_font01{font-weight:700; color:#ffea00;}


@media screen and (max-width:1240px) {
    .main_slideshow_pc{display:none;}
    .main_slideshow_m{display:block;}

    .main_board{flex-wrap:wrap;}
    .borad_box{width:100%; height:auto; max-height:210px; overflow:hidden; margin:0 0 10px 0}
    .board{height:auto; padding:10px 20px 20px 20px;}

    .main_game_tab.pc{display:none;}
    .main_game_tab.m{display:block;}
}
@media screen and (max-width:768px) {
    .main_game_box{padding:0px 10px 20px; float:left; width:100%;}
    .main_game_tab_con{margin:10px 0 0 0;}
    .main_game_m{margin:10px 0 0 0;}
    .main_game_tab li{width:33.3333%; margin:0; padding:1px;}
    .board_title{font-size:16px;}
    .board_title img{width:70px;}
    .board td{font-size:12px;}
}
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 카지노 */
.game_title{float:left; width:100%;}
.game_title img{width:100%;}
.game_list{float:left; width:100%;}
.game_list ul{display: grid; grid-template: repeat(1, 1fr) / repeat(6, 1fr); grid-gap: 15px; padding: 11px;}
.game_list li{float:left; width:100%; margin:0 14px 14px 0;}
.game_list li:nth-child(7n){margin:0 0 14px 0;}
.game_list li a{display:block; border: 1px solid #111; background: #191a1d;}
.game_list li a img{width:100%;}


@media screen and (max-width:1920px) {
    .game_list ul{grid-template: repeat(1, 1fr) / repeat(6, 1fr);}
    .game_list li{width:calc(100% - 12px);}
    /*.game_list li{width:calc(100% / 6  - 23.33333333333333px); margin:0 28px 28px 0;}
    .game_list li:nth-child(7n){margin:0 28px 28px 0;}
    .game_list li:nth-child(6n){margin:0 0 28px 0;}*/
}

@media screen and (max-width:1620px) {
    .game_list ul{grid-template: repeat(1, 1fr) / repeat(5, 1fr);}
    .game_list li{width:calc(100% - 12px);}
    /*.game_list li:nth-child(7n){margin:10px 10px 10px 0px;}
    .game_list li:nth-child(6n){margin:10px 0 10px 10px;}
    .game_list li:nth-child(5n){margin:0 0 15px 0;}*/
}
@media screen and (max-width:1280px) {
    .game_list ul{grid-template: repeat(1, 1fr) / repeat(4, 1fr);}
    /*.game_list li{width:24.25%; margin:0 1% 1% 0;}
    .game_list li:nth-child(7n){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;}*/
}
.game_list li div {position: absolute;
    bottom: 0;
    background-color: #000;
    height: 70px;
    width: 98%;
    text-align: center;
    margin: 0 0 2px 2px;
    line-height: 80px;
    font-size: 1.4em;}
@media screen and (max-width:768px) {
    .game_list ul{grid-template: repeat(1, 1fr) / repeat(3, 1fr);}
    /*.game_list li{width:33%; margin:0 0.5% 1% 0;}
    .game_list li:nth-child(7n){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;}*/

    .game_list li div {height:40px;line-height: 20px;font-size: 1.3em;}
}
@media screen and (max-width:1240px) {
    .game_title{padding:0 20px;}
}
.game_list{position:relative; z-index:1;}
.game_list li{position:relative; transition:0.5s; padding: 2px; background: linear-gradient(to bottom, rgb(255 127 0) 0%, rgb(255 201 127) 100%); box-shadow: 0 10px 15px rgb(0 0 0 / 30%);}
.game_list li.active{filter: blur(3px) grayscale(80%); transform: scale(0.97) translateY(3px) skew(3deg); opacity:0.6;}
.game_list li:hover:after {
    animation: sparkle 2s infinite linear;
    background: linear-gradient(145deg, #535258 0%,#5d5453 8%, #978a7a 14%, #73685f 17%, #786c56 24%, #b09878 33%, #fcebbe 40%, #fcebbe 43%, #eae1d1 48%, #ffffff 53%, #fefbf0 60%, #d2c1ab 63%, #988978 67%, #74685b 71%, #74685b 80%, #7d7161 86%, #9e9278 90%, #988c7b 100%);
    background-size: 100% 200%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    filter: blur(5px);
    z-index: -1;
    transform: scale(1.02) translateY(3px);
}
@keyframes sparkle {
    from {
        background-position: 100% 0%;
    }
    to {
        background-position: 100% 200%;
    }
}



/* 이벤트리스트 */
.event_wrap{float:left; width:100%; margin:10px 0 0 0;}
.event_wrap ul{margin:0px 0 0 0;}
.event_wrap li{float:left; width:32.5%; margin:0 1.25% 1.25% 0; transition:all 0.5s;}
.event_wrap li:nth-child(3n){margin:0 0 1.25% 0;}
.event_wrap li a{display:block;}
.event_wrap li a img{width:100%; transition:all 0.5s;}
.event_title{float:left; width:100%; height:46px; line-height:46px; background:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; border-radius:5px 5px 5px 5px; padding:0 60px 0 10px; white-space:nowrap; overflow:hidden; position:relative; text-overflow:ellipsis; display:flex; align-items:center; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}
.event_title a{color:#ffffff;}
.event_view{position:absolute; right:10px; background:#f8de7f; min-width:50px; height:24px; line-height:24px; padding:0 10px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:500; font-size:14px; color:#000000 !important; cursor:pointer;}
.event_title a:hover{color:#f8de7f;}
@media screen and (max-width:768px) {
    .event_wrap li{width:49.5%; margin:0 1% 1% 0;}
    .event_wrap li:nth-child(3n){margin:0 1% 1% 0;}
    .event_wrap li:nth-child(2n){margin:0 0 1% 0;}
}

/* 라디오버튼 */
.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:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; color:#ffffff;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #f8de7f;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 1.75em 0.375em 0.375em; border-radius:5px; transition: 0.25s ease; background:rgba(255,255,255,0.1); color:#777777;}
.radio_wrap label>span:hover {background:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #363636; width: 1.2em; height: 1.2em; border-radius:50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #977750;}
.radio_wrap label>span>span{padding:0 10px; margin:0 0 0 5px; border-radius: 5px; transition: 0.25s ease; background:#f8de7f;  font-weight:500; color:#2a1500;}

/* 출석부 */
.att_box table{table-layout:fixed;}
.att_title1     {background:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; border-top:1px solid #9f8a61; padding:10px 4px; text-align:center; font-weight:500; font-size:12px; color:#ffffff;}
.att1           {background:rgba(255,255,255,0.07); border-bottom:1px solid rgba(255,255,255,0.1); color:#ffffff; width: calc(100% / 7); height:100px; padding:3px 8px 3px 8px; text-align:center; position:relative; border-radius:5px;}
.att1 img{width:90%; max-width:100px;}
.att2           {position:absolute; top:10px; left:10px; z-index:1; color:#a8a7ad;}
.att_month_title{float:left; width:100%; background:rgba(255,255,255,0.07); border:1px solid #181818; font-weight:500; font-size:20px; color: #f8de7f; padding: 18px; border-radius:5px 5px 0 0; display:flex; align-items:center; justify-content:center;}
.att_month_title a{display:inline-block; padding:0px 20px; font-weight:300; font-size:18px; opacity:0.7;}
.att_month_title a: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:#25293a; border-radius:5px;}
.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(#192646 0%, #0a1125 100%); border-top:1px solid #f8de7f; border-bottom:1px solid #f8de7f;}
.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_title_list{float:left; width:100%; margin:5px 0px 0 0;}
.result_title_list>ul{display: inline-flex; width: 100%; margin:0px 0 0px 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:5px; 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); background:rgba(255,255,255,0.03);}
.result_title_list>ul>li:first-child{border-radius:10px 0 0 10px;}
.result_title_list>ul>li:last-child{border-radius:0 10px 10px 0;}
.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:#f8de7f;}
.result_title_list>ul>li.result_team1{}
.result_title_list>ul>li.result_tie{}
.result_title_list>ul>li.result_team2{}
.result_title_list>ul>li.result_team1.active{background:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; color:#ffffff; font-weight:500;}
.result_title_list>ul>li.result_team2.active{background:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; 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:#00ffff;}
.result_team2.active .team_l{color:#00ffff;}


.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{background:rgba(255,255,255,0.1);}
    .result_title_list>ul{display: grid; 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;}

}


/* 슬롯세부내역 */
.slot_list_box{float:left; width:100%; margin:0px 0 0 0;}
.slot_list{display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 1.25rem 0.75rem;}
.slot_box{background:url(../images/bg_left_menu.png) center bottom no-repeat, linear-gradient(#192646 0%, #192646 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; border-radius:5px; width:100%; padding:0 0 0 0; float:left;}
.slot_img{width:100%; border-radius:5px; overflow:hidden;}
.slot_img img{width:100%; transition:all 0.5s;}
.slot_title{position:relative; margin:0px 0 0 0; padding:10px 20px 10px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#f8de7f;}
@media (hover: hover) {
    .slot_box:hover .slot_img img{filter:grayscale(70%);}

}
@media screen and (max-width:768px) {
    .slot_list{display: grid; grid-template-columns: repeat(auto-fill,minmax(140px,1fr)); gap: 1.25rem 0.75rem;}
    .slot_title{font-size:12px;}
}

/* 미니세부내역 */
.content_box_left{float:left; width:calc(100% - 310px);}
.content_box_right{float:right; width:300px;}
.mini_iframe{margin:0 auto; width:100%; max-width:830px; display:flex; align-items:center; justify-content:center;}
@media screen and (max-width:768px) {
    /* .mini_iframe iframe{width:360px; height:390px !important;} */
}


.cart_wrap{float:left; width:100%; margin:0px 0 0 0; min-height:408px; background:linear-gradient(#192646 0%, #0a1125 100%); box-shadow:1px 1px 0 rgba(255,255,255,0.08) inset; padding:20px 10px; position:relative; border-radius:10px 10px;}

.cart_title{float:left; width:100%; height:50px; display:flex; align-items:center; justify-content:center; background:url(../images/header_line.jpg) center bottom no-repeat; background-size:100%;}
.cart_title1{display:inline-block; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#f8de7f;}
.cart_title2{display:inline-block; margin:0 10px; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#fafafa;}
.cart_title3{display:inline-block; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffcf00;}


.cart_info_wrap{float:left; width:100%; margin:10px 0 0 0; background:rgba(0,0,0,0.2); border-radius:5px; padding:10px 15px;}
.cart_style1 {line-height:30px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff;} /* 카트리스트 */
.cart_style2 {float:right; font-weight:500; color:#f3c379;}
.cart_style2 i{width:20px;}

.cart_input{background-color:#000000; border:1px solid #000000; padding:4px 0 4px 5px; text-align:right; font-family: 'EsaManru'; font-weight:500; color:#ffcf00; border-radius:5px; height:30px; margin:0 0 0 auto; width:100%;}

.cart_btn1          {background:linear-gradient(#797979 0%, #404040 100%); width:100%; height:30px; line-height:30px; display:block; text-align:center; border-radius:5px; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff; overflow:hidden;}
.cart_btn1:hover    {background:linear-gradient(-45deg, #797979 0%, #404040 100%); color:#ffffff;}
.cart_btn2          {background:linear-gradient(#f3c379 0%, #946331 100%); width:100%; height:40px; line-height:40px; display:inline-block; text-align:center; border-radius:5px; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; overflow:hidden;}
.cart_btn2:hover    {background:linear-gradient(-45deg, #f3c379 0%, #946331 100%);}

.cart_bet_wrap{float:left; width:100%; margin:10px 0 0 0; border-radius:5px; padding:0px; max-height:200px; overflow:hidden; overflow-y:auto;}
.cart_bet_wrap::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.cart_bet_wrap::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.cart_bet_wrap::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}
.cart_bet {float:left; width:100%; padding:10px; margin:0 0 3px 0; border-radius:3px; background:#263466;}  /* 팀 선택시 */
.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:#c2c8ca;}
.cart_bet_close{position:absolute; right:0; top:-2px;}
.cart_bet_close i{ color:#f8de7f;}
.cart_bet_info{float:left; width:100%; margin:5px 0 0 0; border-radius:3px; padding:10px 5px; background:rgba(0,0,0,0.3); display:flex; align-items:center; justify-content:space-between;}
.cart_bet_info1{font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff; padding:0 10px 0 0;}
.cart_bet_info2{font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffea00; white-space:nowrap;}

.cart_mini_bet_wrap{float:left; width:100%; margin:10px 0 0 0; padding:10px; background:#263466; border-radius:5px;}
.cart_mini_bet_title{float:left; width:100%; height:30px; display:flex; align-items:center; justify-content:center; background:url(../images/header_line.jpg) center bottom no-repeat; background-size:100% 100%; border-radius:5px; font-weight:500; color:#000000;}

.cart_mini_bet_btn_box{float:left; width:100%; display:flex; flex-wrap:wrap; margin:5px 0 0 0;}
.mini_btn{float:left; width:49.5%; margin:0 1% 1% 0; background:linear-gradient(#192646 0%, #0a1125 100%); border:1px solid rgba(255,255,255,0.1); border-radius:5px; padding:10px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-family: 'EsaManru'; font-weight:500; font-size:16px; text-shadow:1px 1px 3px rgba(0,0,0,0.5); cursor:pointer;}
.mini_btn:nth-child(2n){margin:0 0% 1% 0;}

.mini_btn.red{color:#ff0000;}
.mini_btn.blue{color:#00d9ff;}
.mini_btn.green{color:#00ff80;}
.mini_btn_odd{float:left; width:100%; margin:5px 0 0 0; text-align:center; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff;}

.mini_btn:hover{background:linear-gradient(#344ba1 0%, #0a1125 100%);}
.mini_btn.active{border:1px solid #f8de7f; background:linear-gradient(#344ba1 0%, #0a1125 100%);}


@media screen and (max-width:1024px) {
    .content_box_left{width:100%;}
    .content_box_right{width:100%; margin:20px 0 0 0;}
}


/*-------------------------------------------------------------------------------------*
 *  popup                                                                              *
 *-------------------------------------------------------------------------------------*/
.main_pop_wrap{float:left; width:100%; height:100vh; background:rgba(0,0,0,0.6); position:fixed; left:10px; z-index:9999; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.main_pop_box{float:left; width:400px; overflow:hidden;margin-left: 0px;margin-right: 0px;margin-bottom: 0px;}
.main_pop_title{float:left; width:100%; height:50px; line-height:50px; padding:0 10px; text-align:left; background:linear-gradient(#3a3a3a 0%, #2a2a2a 100%); position:relative; display:flex; align-items:center; justify-content:center;}
.main_pop_title img{width:100px;}
.close_btn_cu1{color:#ffffff; font-size:30px; font-weight:700; position:absolute; right: 15px; top:2px; display:inline-block; transition:all 0.3s;}
.close_btn_cu1 img{width:40px;}
.close_btn_cu:hover i{transform:rotate(-360deg);}
.main_pop_con{float:left; width:100%;background-color: #111;padding: 10px;}
.main_pop_con img{width:100%;}
.main_popup_close{float:left; width:100%; height:70px; line-height:70px; text-align:center; background:linear-gradient(#3a3a3a 0%, #2a2a2a 100%); position:relative;}
.main_popup_close a{background:linear-gradient(#525252 0%, #2f2f2f 100%); padding:0 10px; height:42px; line-height:42px; display:inline-block; text-align:center; border-radius:42px; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff;min-width: 200px;}
.main_popup_close a:hover{box-shadow:2px 3px 5px 0px rgba(255,150,0,0.6);}

@media screen and (max-width:720px) {
    .main_pop_wrap{ left:0px;}
    .main_pop_box{position:absolute; top:10px; width:99%; max-width:500px; margin:0;}
}

/* 24/07 슬롯머니전환 */
.slot_money_box{float:left; width:100%; background:#141c39; border-radius:5px; padding:20px 0 30px;}
.slot_money_info{float:left; width:100%; margin:10px 0 0 0; line-height:32px; color:#ffffff; text-align:center; padding:0 20px 0 20px; font-size:18px; font-weight:500; letter-spacing:-1pt; font-family:'EsaManru';}
.slot_money_change{float:left; width:100%; margin:20px 0 0 0; display:flex; justify-content:center; align-items:center;}
.slot_money_change1{display:flex; align-items:center; padding:20px 30px; border-radius:5px; border:2px solid #f8de7f;}
.slot_money_change1_1{float:left; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff;}
.slot_money_change1_1 span{display:block; margin:5px 0 0 0; font-size:18px;}
.slot_money_change1_1 span b{color:#fee599;}
.slot_money_change1_2{float:left; font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff;}
.slot_money_change1_2 span{display:block; margin:5px 0 0 0; font-size:18px;}
.slot_money_input{background-color:#000000; border:1px solid #000000; padding:4px 10px 4px 5px;  font-family: 'EsaManru'; font-weight:500; color:#fee599; text-align:right; font-size:16px; border-radius:3px; height:34px; transition:all 0.5s}
.sm_font01{font-weight:700 ;font-size:20px; color:#ff8d00;}

.slot_money_change2{display:flex; align-items:center;}

.slot_money_change_btn1{float:left; margin:0 20px;}
.slot_money_change_btn1 a{display:flex; justify-content:center; align-items:center; min-width:60px; height:60px; line-height:60px; border-radius:5px; padding:0 10px; text-align:center; background:linear-gradient(#f3c379 0%, #946331 100%); font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.slot_money_change_btn1 a i{display:inline-block; margin:0 0 0 5px; font-size:20px;}

.slot_money_change_btn2{float:left; margin:0 20px;}
.slot_money_change_btn2 a{display:flex; justify-content:center; align-items:center; min-width:60px; height:60px; line-height:60px; border-radius:5px; padding:0 10px; text-align:center; background:linear-gradient(#af0f0f 0%, #531111 100%); font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.slot_money_change_btn2 a i{display:inline-block; margin:0 5px 0 0; font-size:20px;}

.slot_money_btn_box{float:left; width:100%; margin:20px 0 0 0; display:flex; align-items:center; justify-content:center; padding:0 10px;}

.slot_money_game_info_box{float:left; width:100%; margin:30px 0 0 0; padding:0 20px; display:flex; justify-content:center;}
.slot_money_game_info{float:left; padding:20px 40px; background:rgba(0,0,0,0.3); border-radius:5px; border:2px solid #1f2640; line-height:32px; color:#ffffff; text-align:center; font-size:18px; font-weight:500; letter-spacing:-1pt; font-family:'EsaManru';}


@media screen and (max-width:1024px) {
    .slot_money_change{flex-wrap:wrap;}
    .slot_money_change1{width:100%; justify-content:center; flex-wrap:wrap; padding:20px 20px;}
    .slot_money_change2{width:100%; margin:10px 0 0 0; justify-content:center; padding:0 20px;}
    .slot_money_change1_1{width:70%;}
    .slot_money_change_btn1{width:30%; margin:0;}
    .slot_money_change_btn1 a{width:100%;}
    .slot_money_change_btn2{width:30%; margin:0;}
    .slot_money_change_btn2 a{width:100%;}
    .slot_money_change1_2{width:100%; margin:10px 0 0 0; justify-content:center;}
    .slot_money_change1 .slot_money_change1_1{justify-content:flex-start;}
    .slot_money_change2 .slot_money_change1_1{text-align:right;}
    .slot_money_input{width:100%;}

    .slot_money_info{font-size:14px;}
    .slot_money_game_info{font-size:16px;}
    .sm_font01{font-size:16px;}
}
.refresh-btn{width: 23px;height: 23px;border: none;background-color: transparent;vertical-align: middle;cursor: pointer;background-image: url(/theme/ver3/img/bg/icon_re.png);background-size: 100% 100%;}
.refresh-btn i{font-size: 20px;}