@charset "utf-8";
#wrap {float:left; width:100%; background:#1b1b1b; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_top_wrap{float:left; width:100%; padding:0 50px; background:#232323; transition:ease 0.3s;}
.header_top_box{float:left; width:100%; height:50px; display:flex; align-items:center;}
 
.top_agent{float:left;}
.top_time{float:left; margin:0 30px; font-size:14px; color:#a8a8a8; max-width:14vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top_time img{display:inline-block; width:19px; margin:0 10px 0 0;}
.top_notice{float:left; font-size:14px; color:#b4b4b4; max-width:14vw; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.top_notice img{display:inline-block; width:21px; margin:0 10px 0 0;}

.top_coin{float:left; margin: 0 0 0 auto;}
.top_my{float:left; margin: 0 5px 0 10px;}
.top_my li{float:left; margin: 0 5px; line-height:27px; font-size:16px; color:#c4c4c4; transition:ease 0.3s;}
.my_font01{font-weight:500; color:#ffffff;}
.my_font02{font-weight:500; color:#e7c990;}

.top_util{float:left;}
.top_util li{float:left; margin:0 0 0 5px}

.util_btn1{display:inline-block; min-width:90px; padding:0 20px; height:26px; line-height:26px; border-radius:26px; text-align:center;  background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); font-weight:500; font-size:14px; color:#ffffff; transition:ease 0.3s; white-space:nowrap;}
.util_btn2{display:inline-block; min-width:90px; padding:0 20px; height:26px; line-height:26px; border-radius:26px; text-align:center;  background:linear-gradient(to right, #b7b7b7 0%, #575757 62%, #b7b7b7 100%); font-weight:500; font-size:14px; color:#ffffff; transition:ease 0.3s; white-space:nowrap;}
.util_btn2 img{display:inline-block; width:13px; margin:0 5px 0 0;}
.util_btn1:hover{filter:brightness(120%);}
.util_btn2:hover{filter:brightness(120%);}

.header_middle_wrap{float:left; width:100%; padding:0 50px; background:#1b1b1b; transition:ease 0.3s;}
.header_middle_box{float:left; width:100%; height:80px; display:flex; align-items:center;}
.logo{float:left;}
.gnb{float:left; margin:0 0 0 auto;}
.gnb li{float:left; margin:0 0 0 50px; transition:ease 0.1s;}
.gnb li:first-child{margin:0;}
.gnb li a{display:inline-block; padding:5px; font-size:16px; color:#e7c990; transition:ease 0.3s;}
.gnb li a img{display:inline-block; width:19px; margin:0 10px 0 0; transition:ease 0.3s;}
.gnb li:hover a{color:#ffffff;}
.gnb li:hover img{filter:brightness(190%);}

.header_bottom_wrap{float:left; width:100%; padding:0 0px; background:#000000; border-bottom:1px solid #f1ca81; transition:ease 0.3s;}
.header_bottom_box{float:left; width:100%; height:50px; display:flex; align-items:center;}

.lnb{float:left; width:100%;}
.lnb ul{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.lnb ul li{float:left; margin:0 2.6vw; transition:ease 0.3s;}
.lnb ul li a{display:inline-block; font-weight:500; font-size:18px; color:#ffffff; transition:ease 0.3s;}
.lnb ul li:hover a{color:#f1ca81;}

@media screen and (max-width:1921px) {
	.header_top_wrap{padding:0 10px;}
	.header_middle_wrap{padding:0 10px;}
	.gnb li{margin:0 0 0 2.37vw;}
	.lnb ul li{margin:0 2.1vw}
	.top_time{margin:0 10px;}
	.top_my li{font-size:13px;}
}

@media screen and (max-width:1440px) {
    .header_wrap{display:none;}
}



.mobile_menu{float:left; width:100%; height:70px; display:flex; align-items:center; justify-content:space-between; position:relative; padding:0 10px; display:none; background:#232323;}
.m_logo img{display:inline-block; width:100px;}
@media screen and (max-width:1440px) {
    .mobile_menu{display:flex;}
}
@media screen and (max-width:1024px) {
    .mobile_menu1 img{display:inline-block; width:28px;}
    .mobile_menu2 img{display:inline-block; width:28px;}
    .aside_close img{display:inline-block; width:28px;}
}

.m_my{float:left; width:100%; display:none;}
.m_my li{float:left; width:33.333333%; padding:10px 5px; text-align:center; font-size:10px; color:#c4c4c4;}
.m_my li img{display:inline-block; width:17px;}
.m_my li div{margin:5px 0 0 0; font-size:12px;}
@media screen and (max-width:1440px) {
    .m_my{display:block;}
}

.title{float:left; width:100%; height:50px; line-height:50px; background:#2d2d2d; padding:0 15px; font-size:16px; color:#ffffff;}
.s_title1{float:left; width:100%; padding:8px 10px; background:#343434; font-size:13px; color:#e4e4e4;}
.s_title1 span{font-size:12px; color:#e9af00; display:inline-block; margin:0 0 0 10px;}
@media screen and (max-width:1024px) {
    .title{font-size:14px !important;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; margin:10px 0 0 0;}
.contents_right{float:left; width:260px; padding:0 0 30px; transition:all 0.2s;}
.contents_left{float:left; width:260px; padding:0 0 30px; transition:all 0.2s;}
.contents_center{float:left; width:calc(100% - 520px); padding:0 10px; transition:all 0.5s;}

.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:1440px) {
	.contents_wrap{margin:0;}
    .contents_left{display:none;}
    .contents_right{display:none;}
    .contents_center{width:100%; padding:0 5px;}
}

/*-------------------------------------------------------------------------------------*
 *  Footer_wrap                                                                        *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; padding:50px 10px;}
.footer_box{float:left; width:100%; text-align:center; font-size:14px; color:#947e55;}

@media screen and (max-width:768px) {
  .footer_box{font-size:10px;}  
}

/*-------------------------------------------------------------------------------------*
 *  left-고정영역                                                                       *
 *-------------------------------------------------------------------------------------*/
.left_quick_menu{float:left; width:100%;}
.left_quick_menu li{float:left; width:33%; margin:0 0.5% 0 0;}
.left_quick_menu li:nth-child(3){margin:0 0 0 0;}
.left_quick_menu li a{display:block; width:100%; text-align:center; height:34px; line-height:34px; background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); font-weight:500; font-size:14px; color:#fefefe; transition:all 0.2s;}
.left_quick_menu li:hover a{filter:brightness(1.2)}

.left_menu{float:left; width:100%; margin:3px 0 0 0; background:url(../images/bg_left_menu.jpg) center top no-repeat; background-size:100% 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.1); border-right:1px solid rgba(255,255,255,0.1); 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:#f1ca81;}

/* 종목 1depth */
.sports_events{float:left; width:100%;}
.sports_events_menu{float:left; width:100%; height:40px; line-height:40px; background:#222222; 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:300; font-size:12px; color:#d5c390; margin:0 0 0 auto; background:#343434; 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_event_arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:4px; opacity:0; transition:all 0.5s;}
.sports_event_arrow i{transform:rotate(0deg); transition:all 0.5s;}
.sports_events_menu.active{background:#1c1c1c; color:#ffffff;}

.sports_events_menu.active .sports_event_arrow{top:2px;}
.sports_events_menu.active .sports_event_arrow i{transform:rotate(-180deg);}


/* 나라별 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: 7px; 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{position:absolute; right:10px;}
.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;}

@media (hover: hover) {
.sports_events_menu:hover{background:#1c1c1c; color:#ffffff;}
.country_frame:hover{background:#2c2c2c; color:#ffffff;}
.country:hover{background:#2c2c2c; color:#ffffff;}
.country:hover .name{color:#ffffff;}
}

/*-------------------------------------------------------------------------------------*
 *  right-고정영역                                                                      *
 *-------------------------------------------------------------------------------------*/
.my_info_box{float:left; width:100%; background:#222222;} 
.my_info_title{float:left; width:100%; background:#2d2d2d; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:10px; cursor:pointer; font-size:16px;}
/* .lv{display:inline-block; min-width:30px; padding:0 6px; height:22px; line-height:22px; border-radius:22px; text-align:center;  background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); font-weight:500; font-size:12px; color:#ffffff; transition:ease 0.3s; white-space:nowrap;} */
.lv{display:inline-block; margin:0 5px 0 0;}
.lv img{display:inline-block; max-width:45px;}
.name{font-size:14px; font-weight:300; color:#ffffff; display:inline-block;}
.logout_btn{display:inline-block; margin:0 0 0 auto; min-width:50px; padding:0 6px; height:22px; line-height:22px; border-radius:22px; text-align:center;  background:linear-gradient(to right, #b7b7b7 0%, #575757 62%, #b7b7b7 100%); font-weight:500; font-size:12px; color:#ffffff; transition:ease 0.3s; white-space:nowrap;}
.logout_btn img{display:inline-block; width:13px; 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 10px 0 10px; cursor:pointer; color:#e4e4e4; transition:all 0.2s;}
.my_info_money span{display:inline-block; margin:0 5px 0 auto; font-weight:500; color:#e7c990;}
.my_info_money img{display:inline-block; width:17px; margin:0 5px 0 0; color:#e7c990;}

.my_info_btn{float:left; width:100%; margin:0 0 0 0; border:1px solid rgba(255,255,255,0.27);}
.my_info_btn ul{display:flex; flex-wrap:wrap;}
.my_info_btn li{float:left; width: calc(100% / 4); display:flex;}
.my_info_btn li a{display:block; width:100%; padding:10px 2px; text-align:center; background:#222222; border-top:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); transition:all 0.2s;}
.my_info_btn li:nth-child(4n) a{border-right:none;}
.my_info_btn li:nth-child(-n+4) a{border-top:none;}
.my_info_btn li:hover a{background:rgba(255,255,255,0.1); color:#f1ca81;}

/* 카트 */
.cart_wrap{float:left; width:100%; margin:5px 0 0 0; padding:0 0 10px 0; background:#2d2d2d;}
.cart_box{float:left; width:100%;}
.cart_title{float:left; width:100%; height:40px; line-height:40px; background:#2d2d2d; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; justify-content: space-between; padding:2px 10px; cursor:pointer; font-weight:500; font-size:14px;}
.cart_time{font-size:16px; color:#e7c990;}
.cart_del{transition:all 0.2s;}
.cart_del:hover{color:#ff0000;}

.cart_style1 {line-height:20px; padding:2px 5px 2px 5px; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#ffffff;} /* 카트리스트 */
.cart_style2 {float:right; color:#f1ca81;}
.cart_style3 {line-height:20px; padding:2px 5px 2px 5px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff;}

.cart_btn_box{float:left; width:100%; margin:5px 0 0 0; padding:0 10px;}
.cart_btn_box ul{display:flex; flex-wrap:wrap;}
.cart_btn_box ul li{float:left; width:calc(100% / 3); padding:1px 1px;}
.cart_btn_box ul li a{display:block; width:100%;}
.cart_btn_box ul li.w100{width:100%;}

.cart_input{background-color:#313131; border:1px solid #121212; padding:2px 5px 2px 5px; font-weight:700; color:#ffffff; font-size:14px; border-radius:5px; height:30px; text-align:right; transition:all 0.5s; width:150px;}

.cart_btn1          {background:#000000; border:1px solid #b7b7b7; width:100%; height:32px; line-height:32px; display:inline-block; text-align:center; border-radius:5px; font-family: 'EsaManru'; font-weight:500; font-size:13px; color:#ffffff; transition:all 0.2s;}
.cart_btn1:hover    {background:linear-gradient(#b7b7b7 0%, #575757 100%); transform: scale(0.95);}
.cart_btn2          {background:linear-gradient(#e7c990 0%, #886d3b 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:5px; font-family: 'EsaManru'; font-weight:700; font-size:15px; color:#ffffff;  text-shadow:1px 1px 3px rgba(0,0,0,0.6); transition:all 0.2s;}
.cart_btn2:hover    {background:#000000; border:1px solid #e7c990; color:#e7c990; transform: scale(0.95);}

.cart_bet_wrap{float:left; width:100%; margin:0 0 10px 0; max-height:300px; overflow:hidden; overflow-y:auto;}
.cart_bet_wrap::-webkit-scrollbar {width: 4px; height: 4px;}
.cart_bet_wrap::-webkit-scrollbar-thumb {background:#e7c990; border-radius: 12px;}
.cart_bet_wrap::-webkit-scrollbar-track {background-color:rgba(255,255,255,0.1);}

.cart_bet {float:left; width:100%; padding:10px 10px 20px; margin:0 0 3px 0; border-radius:0px; background:#222222; border-bottom: 1px solid #0c0c0c;}  /* 팀 선택시 */
.cart_bet:last-child {margin:0 0 0 0;}
.cart_bet_title {float:left; width:100%; padding:0 50px 0 0 ; position:relative; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#bababa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cart_bet_close{position:absolute; right:0; top:0}
.cart_bet_close i{font-size:16px;}
.cart_bet_close:hover i{color:#ff0000;}
.cart_bet_info{float:left; width:100%; margin:5px 0 0 0; border-radius:5px; background:#1c1c1c; 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; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cart_bet_info2{font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffc967; white-space:nowrap;}


.cart_info_box{float:left; width:100%; margin:5px 0 0 0; padding:10px; background:#2d2d2d;}
.cart_info{float:left; width:100%; padding:5px 0; position:relative; display:flex; align-items:center; cursor:pointer; color:#bababa; transition:all 0.2s;}
.cart_info span{display:inline-block; margin:0 5px 0 auto;}

/* right Gif */
.right_img{float:left; width:100%; margin:5px 0 0 0;}
.right_img img{max-width:290px; width:100%;}


/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_contents_wrap{float:left; width:100%;}
.main_visual_wrap{float:left; width:100%;}
.main_visual_box{width:1400px; height:820px; margin:0 auto; display:flex; align-content: center; flex-wrap:wrap; transition:ease 0.3s;}

.main_visual_title{float:left; width:100%; font-size:50px; color:#f1ca81; text-transform: uppercase; text-shadow:1px 3px 3px rgba(0,0,0,3); transition:ease 0.3s;}
.main_visual_text1{float:left; width:100%; margin:10px 0 0 0; font-weight:700; font-size:52px; color:#ffffff; text-shadow:1px 3px 3px rgba(0,0,0,3); transition:ease 0.3s;}
.main_visual_text2{float:left; width:100%; margin:20px 0 0 0; font-size:18px; color:#ffffff; text-shadow:1px 3px 3px rgba(0,0,0,3); transition:ease 0.3s;}
.main_visual_btn{float:left; width:100%; margin:50px 0 0 0; transition:ease 0.3s;}
.main_visual_btn a{display:inline-block; width:13.54vw; min-width:260px; height:60px; line-height:60px; text-align:center; background:linear-gradient(#f1ca81 0%, #ad8f57 100%); font-size:22px; color:#ffffff; transition:ease 0.3s;}
 
.main_visual_wrap:nth-child(1){background:url(../images/main_visual01.jpg) center top no-repeat; background-size:cover;}
.main_visual_wrap:nth-child(2){background:url(../images/main_visual02.jpg) center top no-repeat; background-size:cover;}
.main_visual_wrap:nth-child(3){background:url(../images/main_visual03.jpg) center top no-repeat; background-size:cover;}
.main_visual_wrap:nth-child(4){background:url(../images/main_visual04.jpg) center top no-repeat; background-size:cover;}
.main_visual_wrap:nth-child(5){background:url(../images/main_visual05.jpg) center top no-repeat; background-size:cover;}
.main_visual_wrap:nth-child(6){background:url(../images/main_visual06.jpg) center top no-repeat; background-size:cover;}
.main_visual_wrap:nth-child(even) .main_visual_title{text-align:right;}
.main_visual_wrap:nth-child(even) .main_visual_text1{text-align:right;}
.main_visual_wrap:nth-child(even) .main_visual_text2{text-align:right;}
.main_visual_wrap:nth-child(even) .main_visual_btn{text-align:right;}

@media screen and (max-width:1440px) {
    .main_visual_box{width:100%; height:58.57vw; padding:20px 10px 20px 30px;}
	
	.main_visual_title{font-size:3.57vw;}
	.main_visual_text1{font-size:3.71vw;}
	.main_visual_text2{font-size:1.29vw;}
	
	.main_visual_btn{margin:3.57vw 0 0 0;}
}


@media screen and (max-width:1024px) {
	.main_visual_title{font-size:20px;}
	.main_visual_text1{font-size:22px;}
	.main_visual_text2{font-size:13px; margin:10px 0 0 0;}
	.main_visual_btn a{min-width:150px; height:40px; line-height:40px; font-size:14px;}
}


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 라디오버튼 */
.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-color: #444444; color:#ebebeb;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #e7c990;}
.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:#333333; color:#bababa;}
.radio_wrap label>span:hover {background-color: #444444; 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 #e7c990;}
.radio_wrap label>span>span{padding:0 10px; border-radius: 5px; transition: 0.25s ease; background:#6e5e40; color:#ffffff;}

@media screen and (max-width:1024px) {
    .radio_wrap{height:auto;}
	.radio_wrap label{margin:0 5px 2px 0;}
}
@media screen and (max-width:768px) {
}


/* 은행점검시간 */
.bank_info_box{float:left; width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(auto-fill,minmax(170px,1fr));}
.bank_box{float:left; width:100%; border-radius:10px; overflow:hidden; background:#2d2d2d;}
.bank_box_title{float:left; width:100%; padding:0 10px; height:36px; line-height:36px; font-size:14px; color:#ffffff; white-space:nowrap; overflow:hidden;}
.bank_box_title img{display:inline-block; margin:0 10px 0 0; width:24px;}

.bank_box_text{float:left; width:100%; height:100%; padding:10px 15px; background:rgba(255,255,255,0.05); font-weight:500; font-size:13px; color:#f1ca81;}
.bank_box_text span{display:block; margin:5px 0 0 0; font-weight:300; font-size:11px; color:#efefef; word-break:keep-all;}
@media screen and (max-width:768px) {
    .bank_info_box{grid-template-columns: repeat(auto-fill,minmax(150px,1fr));}
}

/* 베팅내역 */
.betting_history_wrap{float:left; width:100%;}
.betting_history_box{float:left; width:100%; margin:5px 0 0 0; background:#222222; border:2px solid #0c0c0c; padding:10px; border-radius:0px;}
.betting_history_box.group{border:2px solid #e7c990;}

.betting_history_info{float:left; width:100%; display:flex; align-items:center; height:40px;}
.betting_history_info_l{float:left; margin:0 auto 0 0; color:#bababa;}
.betting_history_info_r{float:left; color:#bababa; font-weight:500;}

.betting_history_derivation{float:left; width:100%; display:flex; align-items:center; height:50px;}
.betting_history_derivation_l{float:left; margin:0 auto 0 0;}
.betting_history_derivation_r{float:left; color:#bababa;}


.bhiimg{display:inline-block; margin:0 10px; width:20px;}
.bhd_btn{display:inline-block; min-width:60px; text-align:center; padding:0 10px; height:30px; line-height:30px; background:linear-gradient(#b7b7b7 0%, #575757 100%); border-radius:100px; color:#ffffff;}


.betting_history_select{display: flex; width:100%; justify-content: space-between; margin:5px 0 0 0;}
.betting_history_select:first-child{margin:0 0 0 0;}
.bhs_btn{height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 1.5%; background:#333333; border-radius: 0px; color: #ffffff; cursor: pointer;}
.bhs_btn{width: 44.5%;}
.bhs_btn.w20{width: 10%; justify-content: center;}
.bhs_team{display: flex; align-items: center;}
.bhs_odd{display: flex; align-items: center; color:#ffffff;}

.betting_history_customer{float:left; width:100%; margin:5px 0 0 0; display:flex; align-items:center; justify-content:center;}
.betting_history_customer a{display:inline-block; min-width:90px; padding:0 20px; height:26px; line-height:26px; border-radius:26px; text-align:center;  background:linear-gradient(#e7c990 0%, #886d3b 100%); font-weight:500; font-size:14px; color:#ffffff; text-shadow:1px 1px 1px rgba(0,0,0,0.3); transition:ease 0.3s; white-space:nowrap;}
.betting_history_customer a:hover{background:linear-gradient(-45deg, #e7c990 0%, #886d3b 100%); transform: scale(0.95);}

.bhs_btn.active{background:#6e5e40; color:#ffffff;}
.active .bhs_team{color:#ffffff;}
.active .bhs_odd{color:#e7c990; font-weight:700;}

.bhd_font01{color:#eeeeee; font-weight:500;}
.bhd_font02{color:#c1e790; font-weight:500;}
.bhd_font03{color:#ae90e7; font-weight:500;}
.bhd_font04{color:#90bee7; font-weight:500;}
.bhd_font05{color:#e7c990; font-weight:500;}
@media screen and (max-width:1024px) {
    .betting_history_derivation{flex-direction: column; height:auto; margin:5px 0 0 0}
    .betting_history_derivation_l{width:100%; text-align:right;}
    .betting_history_derivation_r{width:100%; margin:5px 0 0 0}
    .betting_history_info{flex-direction: column; height:auto;}
    .betting_history_info_l{width:100%;}
    .betting_history_info_r{width:100%; text-align:right;}
}


/* 출석부 */
.att_box table{table-layout:fixed;}
.att_title1     {background:#1a1a1a; padding:6px 4px; text-align:center; font-weight:500; font-size:12px; color:#9b9b9b;}
.att1           {background:#242424; border-bottom:1px solid rgba(0,0,0,0.1); color:#ffffff; width: calc(100% / 7); height:100px; padding:3px 8px 3px 8px; text-align:center; position:relative;}
.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: #242424; font-weight:500; font-size:18px; color: #ffffff; padding: 18px; border-radius: 0 0; display:flex; align-items:center;}
.att_month_title a{display:inline-block; padding:0px 10px; font-size:24px; opacity:0.6;}
.att_month_title span{display:inline-block; margin:0 0 0 10px; font-size:13px; color: #f8eba1;}
.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;}
}

/*-------------------------------------------------------------------------------------*
 *  게임리스트                                                                           *
 *-------------------------------------------------------------------------------------*/
.game_list_box{float:left; width:100%; margin:5px 0 0 0; display:grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill,minmax(240px,1fr));}

.game_list_card {float:left; width:100%; height: var(--card-height); position: relative; display: flex; flex-wrap:wrap;  align-content: flex-end; justify-content: center; align-items: flex-end; perspective: 2500px;}

.game_list_cover{width: 100%; height: 100%; object-fit: cover;}

.game_list_wrapper {transition: all 0.5s; width: 100%; z-index: -1;}

.game_list_card:hover .game_list_wrapper {transform: perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0); box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75); -moz-box-shadow: 2px 35px 32px -8px rgba(0, 0, 0, 0.75);}

.game_list_wrapper::before,.game_list_wrapper::after {content: ""; opacity: 0; width: 100%; height: 80px; transition: all 0.5s; position: absolute; left: 0;}
.game_list_wrapper::before {top: 0; height: 100%; background-image: linear-gradient(to top,transparent 46%,rgba(12, 13, 19, 0.5) 68%, rgba(12, 13, 19) 97%);}
.game_list_wrapper::after {bottom: 0; opacity: 1; background-image: linear-gradient(to bottom,transparent 46%,rgba(12, 13, 19, 0.5) 68%,rgba(12, 13, 19) 97%);}

.game_list_card:hover .game_list_wrapper::before,.game_list_wrapper::after {opacity: 1;}

.game_list_card:hover .game_list_wrapper::after {height: 120px;}
.game_list_title {width:70%; position:absolute; bottom:50px; max-width:240px; transition: transform 0.5s;}
.game_list_card:hover .game_list_title {transform: translate3d(0%, -20px, 100px);}
.game_list_character {width: 100%; opacity: 0; transition: all 0.5s; position: absolute; z-index: -1;}

.game_list_card:hover .game_list_character {opacity: 1; transform: translate3d(0%, -20%, 100px);}
.game_list_name{float:left; width:100%; display:block; background:#222222; text-align:center; height:40px; line-height:40px; white-space:nowrap; overflow:hidden;}
@media screen and (max-width:768px) {
   .game_list_box{grid-gap:5px; grid-template-columns: repeat(auto-fill,minmax(150px,1fr));} 
}
.casino_money_box{float:left; width:100%; margin:5px 0 0 0; display:flex; align-items:center; justify-content:center; border-radius:0; background:#111111; padding:40px 10px;}
.casino_money_title{font-size:16px; color:#ffffff;}
.casino_money_won{font-weight:500; margin:0 10px; font-size:20px; color:#e7c990;}
.casino_money_btn a{display:inline-block; min-width:90px; padding:0 20px; height:26px; line-height:26px; border-radius:26px; text-align:center;  background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); font-weight:500; font-size:14px; color:#ffffff; transition:ease 0.3s; white-space:nowrap;}
@media screen and (max-width:768px) {
    .casino_money_box{flex-direction: column; padding:10px 10px;}
	.casino_money_won{margin:5px 0;}
}
/*-------------------------------------------------------------------------------------*
 *  스포츠페이지                                                                         *
 *-------------------------------------------------------------------------------------*/
 /* 스포츠탭존 */
.sports_tab_zone{float:left; width: 100%; overflow-x: auto;overflow-y: hidden; display: flex; justify-content: space-between; align-items: center;}

.sports_tab{float:left; width:100%;}
.sports_tab ul{display:grid; grid-gap: 1px; grid-template-columns: repeat(auto-fill,minmax(120px,1fr));}
.sports_tab ul li{float:left; width:100%; height: 40px; padding: 0 5px; display: flex; align-items: center; justify-content: center; background:rgba(255,255,255,0.1); cursor: pointer; border-radius:0px; transition:all 0.5s}

.tab_img{display:inline-block; margin:0 5px 0 0; width:20px; filter:brightness(0.6);}
.txt{white-space:nowrap; color:#bababa;}
.txt span{margin-left:4px; font-weight:500; color:#f1ca81;}

.sports_tab ul li:hover{background:linear-gradient(#e7c990 0%, #886d3b 100%); color:#ffffff;}
.sports_tab ul li:hover .txt{color:#ffffff;}
.sports_tab ul li:hover .tab_img{filter:brightness(1);}
.sports_tab ul li.active{background:linear-gradient(#e7c990 0%, #886d3b 100%); color:#ffffff;}
.sports_tab ul li.active .txt{color:#ffffff;}
.sports_tab ul li.active .tab_img{filter:brightness(1);}

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

.sports_auto_odd_list{float:left; width:100%; margin:5px 0 0 0;}
.sports_auto_odd_list ul{float:left; width:100%; display:flex; align-items:center; justify-content:space-between;}
.sports_auto_odd_list li{width:33%; padding:8px 5px; text-align:center; display:flex; align-items:center; justify-content:center; background:#242424; border:1px solid #242424; cursor:pointer; word-break:keep-all; font-size:12px;}
.sports_auto_odd_list li.active{border:1px solid #e7c990; color:#e7c990;}
@media screen and (max-width:768px) {
    .sports_auto_odd_list li{font-size:10px;}
}

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

.betting_title{width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 21px 0 12px; background:#333333; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); cursor: pointer; transition: .2s all ease-out;}


.betting_title_l{display: flex; align-items: center;}
.betting_img{width:20px;}
.betting_flag{display:inline-block; margin:0 5px; border-radius:12px;}
.betting_right_arrow{margin:0 10px;}
.betting_country{color:#ffffff;}
.betting_game_title{color:#ffffff;}

.betting_title_r{font-weight:500; color:#ffffff;}
.betting_title_r i{transform:rotate(-180deg); transition:all 0.5s;}
.betting_title.active .betting_title_r i{transform:rotate(0deg);}

.betting_zone_title{display: flex; width: 100%; height:40px; background:#202020; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); align-items: center; justify-content: space-between;}
.betting_zone_title_l{width: 20%; display: flex; align-items: center;}
.betting_zone_title_r{width: 80%; display: flex; align-items: center; justify-content: space-between;}
.bztl_1{padding:0 10px; min-width:95px; text-align:center;}
.bztl_2{padding:0 10px; min-width:95px; text-align:center;}
.bztr_1_box{display: flex; width: 84%; justify-content: space-between;}
.bztr_1{width: 44.5%; text-align:center;}
.bztr_2{width: 10%; text-align:center;}
.bztr_3{width: 8%; text-align:center;}
.bztr_4{width: 7%; text-align:center;}


/* 베팅상세내역 */
.betting_info_wrap{padding:10px 0;}
.betting_info{display: flex; width: 100%; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); align-items: center; justify-content: space-between;}
.result_wrap .betting_info:nth-child(2n-1){background:rgba(255,255,255,0.02);}
.betting_info_l{width: 20%; display: flex; align-items: center;}
.betting_info_r{width: 80%; display: flex; align-items: center; justify-content: space-between;}

.time{padding:0 10px; min-width:95px; color:#bababa; white-space:nowrap;}
.betting_name{padding:0 10px; color:#ffffff;}

.betting_choose_btn_box{display: flex; width: 99%; justify-content: space-between;}
.betting_choose_btn{height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 1.5%; background:#242424; border-radius: 0px; color: #d0d0d0; cursor: pointer;}
.betting_choose_btn.betting_b{width: 44.5%;}
.betting_choose_btn.betting_s{width: 10%; justify-content: center;}

.betting_team{display: flex; align-items: center;}
	.team_img{width:22px;}
	.arr_img{display:inline-block; margin:0 3px;}
	.team_name{margin:0 5px; color:#d0d0d0;}
.betting_odd{display: flex; align-items: center; color:#d0d0d0;}

.betting_choose_btn.active{background:#6e5e40; color:#ffffff;}
.active .team_name{color:#ffffff;}
.active .betting_odd{color:#e7c990; font-weight:700;}


.betting_more_btn{width: 10%;}
.betting_more_btn a{display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 0px; background:#242424; border:1px solid #242424; color:#d0d0d0; cursor: pointer;}
.betting_more_btn.active a{background:#111111; border:1px solid #e7c990; color:#e7c990;}


.betting_scrore{width:8%; height: 40px; position: relative; border-radius: 0px; display: flex; justify-content: center; align-items: center; cursor: pointer; color:#bababa; font-weight:700;}
.betting_result{width:7%; height: 40px; position: relative; border-radius: 0px; display: flex; justify-content: center; align-items: center; cursor: pointer; color:#bababa;}


.result_font01{color:#eaff00;}
.result_font02{color:#00f0ff;}
.result_font03{color:#30ff00;}
.result_font04{color:#f1f1f1;}
.result_font05{color:#ff4800;}


.betting_info_l_m{display:flex; align-items:center; width:100%; display:none; padding:0 5px;}

.sports_serch{background:#242424;}
.settings{height: 40px; flex-direction: row; align-items: center;}
.settings .active{color:#e7c990;}
.settings .button{padding:0;}


@media (hover: hover) {
.betting_title:hover{background:#2e2e2e;}	
.betting_choose_btn:not(.active):hover{background:#333333;}
.quick_select_btn:hover{box-shadow: 0 0 0 1px #e7c990;}
.quick_select_btn:hover .select_icon{color:#e7c990;}

.betting_more_btn a:hover{background:#2c2c2c;}
}

@media screen and (max-width:2940px) {
    .sports_contents_center_info .betting_info_l_m{display:flex;}
    .sports_contents_center_info .betting_info_l{display:none;}
    .sports_contents_center_info .betting_info{flex-wrap:wrap;}
	.sports_contents_center_info .time{min-width:0; padding:0;}
    .sports_contents_center_info .betting_info_r .betting_scrore{display:none;}
    .sports_contents_center_info .betting_info_r .betting_result{display:none;}	
    .sports_contents_center_info .betting_info_r{width:100%;}
    .sports_contents_center_info .betting_choose_btn_box{width:100%;}
    .sports_contents_center_info .betting_scrore{width:auto; margin:0 0 0 auto; white-space:nowrap;}
    .sports_contents_center_info .betting_result{width:auto; padding:0 0 0 5px; white-space:nowrap;}

    .sports_contents_center_info .betting_info_r .betting_fav_btn{display:none;}
    .sports_contents_center_info .betting_info_r .betting_more_btn{display:none;}
    .sports_contents_center_info .betting_fav_btn{width:auto; padding:0 10px; margin:0 0 0 auto; white-space:nowrap; font-size:14px;}
    .sports_contents_center_info .betting_more_btn{width:auto; margin:0 0 0 auto; white-space:nowrap;}	
	.sports_contents_center_info .betting_more_btn a{padding:0 10px;}	    
}
@media screen and (max-width:1024px) {
    .betting_info_l_m{display:flex;}
    .betting_info_l{display:none;}
    .betting_info{flex-wrap:wrap;}
	.time{min-width:0; padding:0;}
    .betting_info_r .betting_scrore{display:none;}
    .betting_info_r .betting_result{display:none;}	
    .betting_info_r{width:100%;}
    .betting_choose_btn_box{width:100%;}
    .betting_scrore{width:auto; margin:0 0 0 auto; white-space:nowrap;}
    .betting_result{width:auto; padding:0 0 0 5px; white-space:nowrap;}

    .betting_info_r .betting_fav_btn{display:none;}
    .betting_info_r .betting_more_btn{display:none;}
    .betting_fav_btn{width:auto; padding:0 10px; margin:0 0 0 auto; white-space:nowrap; font-size:14px;}
    .betting_more_btn{width:auto; margin:0 0 0 5px; margin:0 0 0 auto; white-space:nowrap;}	
	.betting_more_btn a{padding:0 10px;}	
}
@media screen and (max-width:786px) {
 .betting_zone_title_l{display:none;}
 .betting_zone_title_r{width:100%;}
 .bztr_1_box{width:100%;}
 .bztr_3{display:none;}
 .bztr_4{display:none;}
}


.new_betting_title{width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 21px 0 12px; background:#333333; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); cursor: pointer; transition: .2s all ease-out;}
.new_betting_title:hover{background:#2e2e2e;}


.new_betting_title_l{display: flex; align-items: center;}
.new_betting_img{width:20px;}
.new_betting_flag{display:inline-block; margin:0 5px; border-radius:12px;}
.new_betting_right_arrow{margin:0 10px;}
.new_betting_country{color:#ffffff;}
.new_betting_game_title{color:#ffffff;}

.new_betting_title_r{}
.new_betting_title_r a{display:inline-block;}
.new_betting_title_r a i{font-size:16px;}
.new_betting_title .new_betting_title_r a i{transform:rotate(0deg);}
.new_betting_title.active .new_betting_title_r a i{transform:rotate(180deg);}

.new_betting_info_box{float:left; width:100%; margin:15px 0 5px 0; padding:15px 5px 5px 5px; position:relative; background: #1a1a1a; border:1px solid #3c3c3c;}
.new_betting_info_time{float:left; padding:3px 10px; background: #1a1a1a; border: 1px solid #3c3c3c; position:absolute; left:10px; top:-10px;}
.new_betting_info_more{float:left; padding:3px 10px; background: #1a1a1a; border: 1px solid #3c3c3c; position:absolute; right:10px; top:-10px;}
.new_betting_info_more.active a{color:#e7c990;}

.mov_img{float:left; width:100%;}
.mov_img img{width:100%;}
.pnmn{margin:0; padding:0;}

.new_betting_choose_btn_box{display: flex; width:100%; justify-content: space-between; margin:2px 0 0 0;}
.new_betting_choose_btn{height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 1.5%; background:#242424; border-radius: 0px; color: #d0d0d0; cursor: pointer;}
.new_betting_choose_btn.new_betting_b{width: 39.5%;}
.new_betting_choose_btn.new_betting_s{width: 10%; justify-content: center;}
/* 라이브베팅사이즈 */
.new_betting_choose_btn.new_live_betting_b{width: 44.5%;}
.new_betting_choose_btn.new_live_betting_s{width: 10%; justify-content: center;}

.new_betting_team{display: flex; align-items: center;}
	.new_team_name{color:#d0d0d0;}
.new_betting_odd{display: flex; align-items: center; color:#d0d0d0;}
.new_betting_odd.nbo_gray{color:#999999;}
.new_betting_odd_title{display: flex; align-items: center; color:#e7c990;}

.new_betting_choose_btn.active{background:#6e5e40; color:#ffffff;}
.active .new_team_name{color:#ffffff;}
.active .new_betting_odd{color:#e7c990; font-weight:700;}

.arr_img{display:inline-block; margin:0 5px; font-size:10px; font-weight:900;}
.arr_img.arr_red{color:#ff0000;}
.arr_img.arr_blue{color:#39e3ff;}
.arr_img.arr_h{color:#ff7600;}

@media (hover: hover) {
.new_betting_choose_btn:not(.active,.n_hover):hover{background:#333333;}
.new_betting_info_more:hover a{color:#e7c990;}
}

@media screen and (max-width:1024px) {
	.new_betting_choose_btn.n_hover{display:none;}
	.new_betting_choose_btn.new_betting_b{width: 44.5%;}
	.new_betting_choose_btn.new_betting_s{width: 10%;}
}


/* 새로운 베팅판 */
.market_select_slider{padding: 0 10px; height: 40px; flex-shrink: 0; align-items: center; margin:5px 0 0 0; background-color: #242424; position: relative;}
.market_select_tab{width:100%; overflow-x: auto;}
.market_select_tab ul{display: flex; align-items: center; height: 40px; width:100%;}
.market_select_tab ul li{min-width:50px; height: 40px; padding: 0 10px; margin:0 5px 0 0; display: flex; align-items: center; justify-content: center; background:#242424; cursor: pointer; border-radius:0px; color:#ffffff; transition:all 0.5s}
.market_select_tab ul li .txt{color:#ffffff;}
.market_select_tab ul li.active .txt{color:#e7c990;}

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


.new_betting_zone{float:left; width:100%; margin:0 0 0 0;}
.new_betting_box_title{float:left; width:100%; height:30px; line-height:30px; background:#333333; color:#e7c990; font-weight:400; letter-spacing:-1pt; cursor:pointer; padding:0 10px 0 10px; border-bottom: 1px solid rgba(0,0,0,.2); text-align:center;}
.new_betting_box{float:left; width:100%; padding:5px; background:#2e2e2e; border: 1px solid #1a1a1a;}

.new_betting_box_in{float:left; width:100%; display:flex; justify-content:space-between; padding:2px 0 0 0;}
.nbb_btn{float:left;}
.nbb_text{float:left; width:100%; background:#222222; height:24px; display: flex; justify-content: center; align-items: center; padding: 0 1.5%; white-space:nowrap; overflow:hidden;}
.nbb_text2{float:left; width:100%; margin:2px 0 0 0; background:#222222; height:30px; display: flex; justify-content: center; align-items: center; padding: 0 1.5%;}
.nbb_odd{float:left; width:100%; margin:2px 0 0 0; height:30px; display: flex; justify-content: center; align-items: center; padding: 0 1.5%; background:#242424; border-radius: 0px; color: #d0d0d0; cursor: pointer;}
.nbb_odd.active{background:#6e5e40; color:#ffffff;}



.nbb_btn.w33{width:33%;}
.nbb_btn.w50{width:49.75%;}
.nbb_btn.w44{width:37.25%;}
.nbb_btn.w12{width:12%;}
.nbb_btn.w20{width:20%;}
.nbb_btn.w40{width:39.5%;}

@media (hover: hover) {
.nbb_odd:not(.active):hover{background:#333333; color:#e7c990;}
}

/* 라이브페이지 */
.live_info_left{float:left; width:100%; padding:10px 20px; display:flex; justify-content:center;}
.lil_box1{width:40%; padding:5px; display:flex; align-items: center; justify-content: center;}
.lil_box3{width:20%; padding:0 10px;  display:flex; flex-direction: column; align-items: center; justify-content: center;}

.lil_odd{min-width:70px; margin:0 5px; text-align:center;  font-family:sans-sefif; font-weight:500; font-size:28px;}
.lil_box_img{text-align:center; margin:10px 0 0 0;}
.lil_box_img img{display:inline-block; width:100%; max-width:60px;}
.lil_box3_img{float:left; width:100%; text-align:center; font-weight:700; font-size:28px; color: #e7c990;}
.lil_box3_img img{display:inline-block; width:100%; max-width:80px;}


@media screen and (max-width:1024px) {
    .lil_odd{font-size:18px;}
    .lil_box3_img{font-size:16px;}
}

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

@media screen and (max-width:1890px) {
    .mini_game_zone{justify-content:center;}
    .mini_game_left{padding:0;}
    .mini_game_right{width:100%; margin:5px 0 0 0; height:auto;}
}
.right_game_title{float:left; width:100%; font-size: 14px; color: #fff; font-weight: 300; background: #1f1f22; padding: 8px; display: flex; align-items: center; justify-content: space-between}
.right_game_title span{display:flex; align-items:center;}
.closingTime{display:flex;}
.closingTime span:first-child{background: #6e5e40; padding: 5px 8px; font-weight: 300; font-size:12px}
.closingTime span:last-child{padding: 4px 8px; background: #886d3b; font-size: 14px}

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

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

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

.mini_btn1:hover{background:#1d1d20; background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%);}
.mini_btn2:hover{background:#1d1d20; background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%);}
.mini_btn1.on{background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}
.mini_btn2.on{background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); border-color:#e2c871 #e1bc42 #5e5126 #e2bd43; color: #000;}

/*-------------------------------------------------------------------------------------*
 *  page                                                                               *
 *-------------------------------------------------------------------------------------*/
.sports_contents_center_info{float:left; width:calc(50% - 5px); padding:0 0 40px 0;}
@media screen and (max-width:1440px) {
.sports_contents_center_info{width:100%;}
}

.mobile_center_tab{float:left; width:100%; display:none;}
.mobile_center_tab li{float:left; width:50%; text-align:center; cursor:pointer; height:40px; line-height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background:#2d2d2d; border-bottom:1px solid #1c1c1c; color:#bababa; transition:all 0.3s;}
.mobile_center_tab li.active{background:linear-gradient(to right, #e7c990 0%, #886d3b 62%, #e7c990 100%); color:#ffffff; cursor:default;}
.mobile_center_tab li:hover{color:#e7c990;}

@media screen and (max-width:1440px) {
	.mobile_center_tab{display:block;}
}

/*-------------------------------------------------------------------------------------*
 *  popup                                                                              *
 *-------------------------------------------------------------------------------------*/
.main_pop_wrap{float:left; width:100%; height:100vh; background:rgba(0,0,0,0.6); position:fixed; z-index:9999; display:flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.main_pop_box{float:left; width:500px; margin:5px; border-radius: 10px; overflow:hidden;}
.close_btn_cu1{color:#ffffff; font-size:30px; font-weight:700; /* position:absolute; right:10px; top:0px; */ display:inline-block; transition:all 0.3s;}
.close_btn_cu1  img{width:30px;}
.close_btn_cu:hover i{transform:rotate(-360deg);}
.main_pop_con{float:left; width:100%;}
.main_pop_con img{width:100%;}
.main_popup_close{float:left; width:100%; height:40px; line-height:40px; text-align:center; background:#1b1b1b; position:relative; display:flex; align-items:center; justify-content:space-between;}
.main_popup_close a{/* background:linear-gradient(#5348e2 0%, #210442 100%); */ padding:0 20px; height:32px; line-height:32px; display:inline-block; text-align:center; border-radius:5px; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#dddddd;}
.main_popup_close a:hover{opacity:0.8;}

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

/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}  

#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:98%; max-width:600px;}
/* out_login */
.out_login_wrap{float:left; width:100%; height:100vh; display:flex; align-items:center; justify-content:center; background: url(../images/bg_out_login.jpg) center top no-repeat; background-size:cover; overflow:hidden; transition:all 0.3s;}
.out_login_box{float:left; width:95%; max-width:500px;  position:relative; z-index:1;}
.out_login_box_in{float:left; width:100%; max-width:500px; background:linear-gradient(124deg, rgba(148,115,55,0.5) 0%, rgba(0,0,0,0.7) 56%); box-shadow:6px 6px 0 rgba(148,115,55,0.4); border-radius:10px; padding:90px 50px; transition:all 0.3s;}
.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_list.w50 li{width:calc(50% - 5px); margin:10px 10px 0 0;}
.out_login_list.w50 li:nth-child(2n){margin:10px 0 0 0;}

.out_login_logo{float:left; width:100%; text-align:center; margin:0 0 0px 0; transition:all 0.3s;}
.out_login_logo img{width:100%; max-width:400px; display:inline-block; transition:all 0.3s;}


.out_login_input  {background-color:#000000; border:1px solid #45230f; color:#ffffff; width:100%; height:54px; font-size:14px; font-weight:500; border-radius:10px; padding:0 10px 0 20px; transition:all 0.3s;}
.out_login_input::placeholder {color:#a38555; font-size:17px; letter-spacing:0pt; transition:all 0.3s;}
.out_login_input:focus{border:1px solid #a38555;}

.out_login_btn1  {background:linear-gradient(#f1ca81 0%, #ad8f57 100%); width:100%; height:60px; line-height:60px; display:inline-block; text-align:center; border-radius:10px;  font-weight:500; font-size:20px; color:#ffffff; transition:all 0.3s;}
.out_login_btn1:hover{opacity:0.8;}
.out_login_btn2  {background:linear-gradient(#6c6c6c 0%, #434343 100%); width:100%; height:60px; line-height:60px; display:inline-block; text-align:center; border-radius:10px;  font-weight:500; font-size:20px; color:#ffffff; transition:all 0.3s;}
.out_login_btn2:hover{opacity:0.8;}


@media screen and (max-width:1024px) {
    .out_login_box{margin:-100px 0 0 0;}
    .out_login_box_in{padding:60px 30px;}
    .out_login_title{font-size:20px; margin:10px 0;}
	.out_login_logo img{max-width:280px;}
}
@media screen and (max-width:768px) {
	#join{align-items: flex-start; padding:40px 0;}
	
    .out_login_input{height:50px;}
    .out_logincode_input{height:50px;}
	.out_login_input::placeholder {font-size:14px;}
	.out_logincode_input::placeholder {font-size:14px;}
    .out_login_btn1{height:50px; line-height:50px; font-size:15px;}
    .out_login_btn2{height:50px; line-height:50px; font-size:15px;}
	
	.out_login_logo{padding:0 30px;}
}

.login_box_close{position:absolute; right:10px; top:10px; z-index:1;}
.login_box_close img{display:inline-block; width:30px;}
.login_title{float:left; width:100%; text-align:center; font-weight:500; font-size:24px; color:#ffffff;}
.join_box{width:100%; float:left; background:linear-gradient(124deg, rgba(148,115,55,0.5) 0%, rgba(0,0,0,0.7) 56%); box-shadow:6px 6px 0 rgba(148,115,55,0.4); padding:40px 0; border-radius:10px 10px 10px 10px; position:relative; max-height:90svh; overflow:hidden;}
.join_box_in{float:left; width:100%; max-height:calc(90svh - 80px); padding:0 30px; overflow:hidden; overflow-y:auto;}
.join_box_in::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.join_box_in::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.join_box_in::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.join_input_list{float:left; width:100%; margin:20px 0 0 0;}
.join_input_list li{float:left; width:100%; margin:15px 0 0 0; display:flex; align-items:center;}
.jil_left{float:left; width:100px; font-weight:300; font-size:14px; color:#a38555;}
.jil_right{float:left; width:calc( 100% - 100px ); position:relative;}
.join_input_btn1{display:inline-block; min-width:60px; height:34px; line-height:34px; border-radius:5px; text-align:center; padding:0 10px; background:linear-gradient(#777777 0%, #212121 100%); font-weight:500; font-size:14px; color:#b5b4b4; transition: ease 0.5s; position:absolute; right:5px; top:50%; transform:translate(0 , -50%); cursor:pointer;}

.join_input  {display:inline-block; background-color:#000000; border:1px solid #45230f; color:#ffffff; width:100%; height:50px; font-size:14px; font-weight:500; border-radius:5px; padding:0 0 0 10px;}
.join_input::placeholder {color:#dddddd; font-size:12px; letter-spacing:0pt;}
.join_input:focus{border:1px solid #a38555;}


.join_input.w50{float:left; width:49.5%; margin:0 1% 1% 0;}
.join_input.w50:nth-child(2n){margin:0 0% 1% 0;}
.join_input.w30{float:left; width:32%; margin:0 0% 1% 0;}
.join_input.w30.mlr2{margin:0 2% 1%;}

.join_btn_box{float:left; width:100%; margin:20px 0 0 0;}
.join_btn_box li{float:left; width:49.5%; line-height:40px; margin:0 1% 1% 0; text-align:Center;}
.join_btn_box li:nth-child(2n){margin:0 0 1% 0;}
.join_btn1{display:inline-block; width:100%; height:40px; line-height:40px; border-radius:5px; text-align:center; padding:0 10px; background:linear-gradient(#f1ca81 0%, #ad8f57 100%); font-weight:500; font-size:16px; color:#ffffff; transition: ease 0.5s;}
.join_btn2{display:inline-block; width:100%; height:40px; line-height:40px; border-radius:5px; text-align:center; padding:0 10px; background:linear-gradient(#6c6c6c 0%, #434343 100%); font-weight:500; font-size:16px; color:#ffffff; transition: ease 0.5s;}


.join_info_text{float:left; width:100%; margin:20px 0 0 0;}
.join_info_text li{float:left; width:100%; line-height:1.5; text-align:center; font-weight:300; font-size:12px; color:#bababa;}
.join_info_text li.important{font-weight:700; font-size:16px; color:#ff0000;}


@media screen and (max-width:1024px) {
    .login_box_left{display:none;}
    .login_box_right{width:100%;}
	
	
	.join_input_list li{flex-wrap:wrap;}
	.jil_left{width:100%;}
	.jil_right{width:100%; margin:10px 0 0 0;}
	
	.login_title{font-size:18px;}
	.join_btn1{font-size:14px;}
	.join_btn2{font-size:14px;}
	.join_input{font-size:12px;}
	.join_input_btn1{font-size:12px;}
	.jil_left{font-size:12px;}
}