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

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%; padding:0 10px; background:#191919; border-bottom:1px solid #000000;}
.header_box{float:left; width:100%; height:70px; display:flex; align-items:center;}
.logo{float:left; margin:0 auto 0 0; width:300px; text-align:center;}
.gnb{float:left;}
.gnb li{float:left; margin:0 0 0 60px;}
.gnb li a{display:inline-block; padding:5px; font-size:16px; color:#ffffff; transition: ease 0.3s;}
.gnb li:hover a{color:#ffee00;}


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


.mobile_menu{display:none; float:left; width:100%; align-items:center; justify-content:center; height:70px; position:relative; background:#191919;}
.m_logo{float:left;}
.m_logo img{width:100%; max-width:180px;}
.mobile_menu1{position:absolute; left:10px; cursor:pointer;}
.mobile_menu2{position:absolute; right:10px; cursor:pointer;}
.mobile_menu1 img{display:inline-block; width:34px;}
.mobile_menu2 img{display:inline-block; width:34px;}
.mobile,.mobiledf {display: none;}
@media screen and (max-width:1440px) {
.mobile_menu{display:flex;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; height:calc(100vh - 70px); position:relative; overflow:hidden;}

.contents_box_left{float:left; width:310px; height:100%; overflow:hidden; background:#111111; transition:all 0.2s;}
.contents_box_center{float:left; width:calc(100% - 620px); height:100%; overflow:hidden; transition:all 0.5s;}
.contents_box_right{float:left; width:310px; height:100%; overflow:hidden; background:#111111; transition:all 0.2s;}

.contents_box_inner{float:left; width:100%; height:100%; overflow-x:hidden; overflow-y: auto; padding:20px 10px 80px; transition:all 0.5s;}
.contents_box_inner::-webkit-scrollbar {width: 1px; height: 4px;}
.contents_box_inner::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.contents_box_inner::-webkit-scrollbar-track {display: none;}
.contents_box_inner:hover::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.2);}

.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 (min-width:1441px) {
    .contents_box_left{position:static; left:0;}
    .contents_box_right{position:static; right:0;}
}

@media screen and (max-width:1440px) {
	.contents_box_left{position:absolute; left:-310px; z-index:100;}
	.contents_box_right{position:absolute; right:-310px; z-index:100;}	
	.contents_box_center{width:100%;}
	.contents_box_left.active{left:0;}
	.contents_box_right.active{right:0;}	
}

@media screen and (min-width:1281px) {

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

}

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


}

.title{ width:100%; height:50px; border-radius:0px; background:#000000; border-bottom:2px solid #ff0066; padding:0 0; font-weight:600; font-size:18px; color:#ffffff; display:flex; align-items:center; justify-content:space-between;}
.s_title1{float:left; width:100%; padding:8px 10px; border-radius:8px 8px 0 0; background:#ff0066; 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;}
}




/*-------------------------------------------------------------------------------------*
 *  Left °íÁ¤¿µ¿ª                                                                       *
 *-------------------------------------------------------------------------------------*/
.left_menu1{float:left; width:100%;}
.left_menu1 li{float:left; width:calc(50% - 5px); margin:0 10px 10px 0;}
.left_menu1 li:nth-child(2n){margin:0 0 10px 0;}
.left_menu1 li a{display:inline-block; width:100%; height:50px; line-height:50px; border-radius:8px; text-align:center; padding:0 5px; background:#252525; border:1px solid #252525; font-size:14px; color:#ffffff; transition:ease 0.3s;}
.left_menu1 li a img{display:inline-block; margin:0 10px 0 0; width:23px; filter: brightness(0) saturate(100%) invert(60%) sepia(68%) saturate(8%) hue-rotate(350deg) brightness(87%) contrast(79%);}
.left_menu1 li:hover a{background:#ffeb00; color:#000000;}
.left_menu1 li:hover a img{filter:none;}


.left_menu2{float:left; width:100%;}
.left_menu2 li{float:left; width:100%; margin:5px 0 0 0;}
.left_menu2 li:first-child{margin:0;}
.left_menu2 li a{display:flex; align-items:center; position:relative; width:100%; height:50px; padding:0 20px; background:#252525; border:1px solid #252525; border-radius:8px; font-size:14px; color:#ffffff; transition:ease 0.3s;}
.left_menu2 li a img:not(.left_arrow){display:inline-block; margin:0 20px 0 0; width:23px; filter: brightness(0) saturate(100%) invert(60%) sepia(68%) saturate(8%) hue-rotate(350deg) brightness(87%) contrast(79%);}
.left_arrow{position:absolute; right:20px; filter: brightness(0) saturate(100%) invert(60%) sepia(68%) saturate(8%) hue-rotate(350deg) brightness(87%) contrast(79%);}
.left_menu2 li:hover a{background:#2d2d2d; border:1px solid #ff0066; color:#ff0066;}
.left_menu2 li:hover img{filter:none !important;}

.left_menu2 li.pc_hide{display:none;}


.left_game1{float:left; width:100%; margin:20px 0 0 0;}
.left_game1 li{float:left; width:calc(50% - 5px); margin:0 10px 0 0;}
.left_game1 li:nth-child(2n){margin:0;}
.left_game1 li a{display:flex; align-items:center; justify-content:center; width:100%; height:70px; border-radius:8px; text-align:center;}
.left_game1 li:nth-child(1) a{background:linear-gradient(135deg,#252525 50%, #542ea1 100%); background-size: 100% 100%;}
.left_game1 li:nth-child(2) a{background:linear-gradient(135deg,#252525 50%, #2e77a1 100%); background-size: 100% 100%;}

.left_game1_test1{font-size:14px; color:#ffffff;}
.left_game1_test2{margin:5px 0 0 0; font-size:12px; color:#838383;}
.left_game1 li a>div:nth-child(1){margin:0 10px 0 0;}

.left_serch_box{float:left; width:100%; margin:20px 0 0 0; height:40px; line-height:40px; border-radius:8px; background:#252525; position:relative;}
.left_serch_btn{display:inline-block; border:none; outline:none; cursor:pointer; width:50px; height:40px; line-height:40px; text-align:center; position:absolute; right:0;}
.left_serch_input{background-color:#252525; border:1px solid #252525; padding:4px 50px 4px 20px; color:#ffffff; border-radius:5px; height:40px; width:100%;}


.left_game2{float:left; width:100%; margin:20px 0 0 0;}
.left_game2 li{float:left; width:100%; margin:5px 0 0 0;}
.left_game2 li:first-child{margin:0;}
.left_game2 li a{display:flex; align-items:center; position:relative; width:100%; height:50px; padding:0 20px; background:#252525; border:1px solid #252525; border-radius:8px; font-size:14px; color:#ffffff; transition:ease 0.3s;}
.left_game2 li a img:not(.left_arrow){display:inline-block; margin:0 20px 0 0; width:23px; filter: brightness(0) saturate(100%) invert(60%) sepia(68%) saturate(8%) hue-rotate(350deg) brightness(87%) contrast(79%);}
.left_game2 li:hover a{background:#2d2d2d; border:1px solid #ff0066; color:#ff0066;}
.left_game2 li:hover img{filter:none !important;}

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

/*-------------------------------------------------------------------------------------*
 *  Right °íÁ¤¿µ¿ª                                                                      *
 *-------------------------------------------------------------------------------------*/
.right_my{float:left; width:100%; border-radius:8px; overflow:hidden;}
.right_my_title{float:left; width:100%; height:50px; padding:0 20px; display:flex; align-items:center; position:relative; background:#2a2a2a; color:#ffffff;}
.right_my_title a{position:absolute; right:20px;}
.right_my_title img{display:inline-block; margin:0 0 0 5px;}

.right_my_btn1{display:inline-block; min-width:60px; padding:0 10px; height:26px; line-height:26px; text-align:center; border-radius:8px; background:#17140c; font-weight:500; font-size:11px; color:#c4c4c4;}
.right_my_btn2{display:inline-block; min-width:38px; padding:0 10px; height:24px; line-height:24px; text-align:center; border-radius:8px; background:#17140c; font-weight:400; font-size:12px; color:#ffffff;}

.right_my_info{float:left; width:100%; padding:10px 20px; background:#252525; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.right_my_info_list{float:left; width:100%; height:34px; display:flex; align-items:center;}
.right_my_info_list_l{float:left; width:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#ffffff;}
.right_my_info_list_r{float:left; width:calc(100% - 80px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; font-size:12px; color:#ffffff;}
.right_my_info_list_r a{color:#ffffff;}
.right_my_info_list_r span{color:#ff0066;}
.right_my_info_list_r span.none{cursor:no-drop;}


.right_my_quick{float:left; width:100%; padding:10px 20px 20px; background:#252525;}
.right_my_quick ul{float:left; width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(3, 1fr);}
.right_my_quick ul li{float:left; width:100%;}
.right_my_quick ul li a{display:inline-block; width:100%; height:34px; line-height:34px; text-align:center; padding:0 5px; border-radius:8px; background:#353535; border:1px solid #353535; font-size:12px; color:#d0d0d0; transition:ease 0.3s;}
.right_my_quick ul li:hover a{filter:brightness(120%); color:#ffffff;}


.cart_wrap{float:left; width:100%; margin:10px 0 0 0; border-radius:8px; overflow:hidden;}
.cart_title{float:left; width:100%; height:50px; padding:0 20px; display:flex; align-items:center; position:relative; background:#2a2a2a; color:#ffffff;}
.cart_title a{position:absolute; right:20px;}
.cart_bet_info{float:left; width:100%; padding:10px 20px; background:#252525; border-top:1px solid #000000; border-bottom:1px solid #000000;}
.cart_bet_info_list{float:left; width:100%; height:34px; display:flex; align-items:center;}
.cbill{float:left; width:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:12px; color:#ffffff;}
.cbilr{float:left; width:calc(100% - 80px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right; font-size:12px; color:#ffffff;}
.cbilr span{color:#ff0066;}

.cart_bet_btn_box{float:left; width:100%; padding:10px 20px 20px; background:#252525;}
.cart_bet_btn1{float:left; width:100%;}
.cart_bet_btn1 ul{float:left; width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(3, 1fr);}
.cart_bet_btn1 ul li{float:left; width:100%;}
.cart_bet_btn1 ul li a{display:inline-block; width:100%;}

.cart_bet_btn2{float:left; width:100%; margin:15px 0 0 0;}
.cart_bet_btn2 ul{float:left; width:100%; display:grid; grid-gap: 2px; grid-template-columns: repeat(1, 1fr);}
.cart_bet_btn2 ul li{float:left; width:100%;}
.cart_bet_btn2 ul li a{display:inline-block; width:100%;}

.cart_btn1{display:inline-block; width:100%; height:34px; line-height:34px; text-align:center; padding:0 5px; border-radius:8px; background:#353535; border:1px solid #353535; font-size:12px; color:#d0d0d0; transition:ease 0.3s;}
.cart_btn2{display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; padding:0 5px; border-radius:8px; background:#ff0066; border:1px solid #ff0066; font-size:12px; color:#ffffff; transition:ease 0.3s;}
.cart_btn1:hover{filter:brightness(120%); color:#ffffff;}
.cart_btn2:hover{background:#ffeb00; border:1px solid #ff0066; color:#000000;}

.customer_box{float:left; width:100%; height:80px; margin:10px 0 0 0; cursor:pointer; display:flex; align-items:center; border-radius:8px; background:#252525; padding:0 10px 0 30px;}
.customer_img{float:left;}
.customer_text{float:left; padding:0 0 0 25px;}
.customer_text1{float:left; font-size:14px; color:#ffffff;}
.customer_text2{float:left; margin:2px 0 0 0; font-weight:600; font-size:26px;}
.ctf1{color:#00c6ff;}
.ctf2{color:#ffee00;}

.domain_box{float:left; width:100%; margin:10px 0 0 0; cursor:pointer; padding:25px 5px; border-radius:8px; background:#252525;}

.domain_text1{float:left; width:100%; text-align:center; font-size:20px; color:#ffffff; display:flex; align-items:center; justify-content:center;}
.domain_text1 img{display:inline-block; width:70px; margin:0 10px 0 0;}

.domain_text2{float:left; width:100%; margin:6px 0 20px; text-align:center; font-weight:600; font-size:32px; color:#ffffff;}
.domain_text3{float:left; width:100%; text-align:center; font-size:12px; color:#8c8c8c;}

.cart_bet_wrap{float:left; width:100%; margin:0 0 0 0; background:#252525;}
.cart_bet {float:left; width:100%; padding:10px 10px 10px; margin:0 0 0px 0; border-radius:0px; background:#1a1a1a; border-bottom:1px solid #000000;}  /* ÆÀ ¼±Åýà */
.cart_bet:last-child {margin:0 0 0 0;}
.cart_bet_title {float:left; width:100%; padding:0 20px 0 0 ; display:flex; align-items:center; position:relative; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#c4c4c4;}
.cart_bet_close{position:absolute; right:0;}
.cart_bet_odds{float:left; width:100%; margin:5px 0 0 0; border-radius:5px; padding:10px 10px; background:rgba(0,0,0,0.6); border:1px solid #ff0066;  display:flex; align-items:center; justify-content:space-between;}
.cart_bet_odds1{font-weight:400; font-size:12px; color:#ffffff; padding:0 10px 0 0;}
.cart_bet_odds2{font-weight:600; font-size:14px; color:#ff0066; white-space:nowrap;}

.cart_open {position:fixed; float:left; text-align:center; width:50px; height:50px; background:#1a1a1a; border:1px solid #ff0066; line-height:48px; bottom:5%; right:30px; z-index:100; border-radius:5px; display:none;}
.cart_open a{font-size:24px;}
.cart_count2 {width:25px; height:25px; line-height:25px; background:#ff0066; color:#ffffff; border-radius:100px; position:absolute; right:-10px; top:-10px; font-weight:500; text-align:center; z-index:11; font-size:13px; display:none;}

@media screen and (max-width:1440px) {
.cart_open{        display: flex !important;align-items: center;justify-content: center;}
.cart_count2{display:block;}
}

.my_login_box{float:left; width:100%; background:#252525; border:1px solid #252525; border-radius:8px; padding:10px;}
.right_login{float:left; width:100%;}
.right_login li{float:left; width:100%; margin:0 0 5px 0;}
.right_login_input1  {background-color:#323232; border:1px solid #191919; color:#ffffff; width:100%; height:40px; font-size:12px; font-weight:400; border-radius:5px; padding:0 0 0 20px; font-weight:400;}
.right_login_input1::placeholder {color:#bebebe; font-size:12px; letter-spacing:0pt;}
.right_login_input1:focus{border:1px solid #ff0066;}
.login_btn1{display:block; width:100%; height:40px; line-height:40px; border-radius:8px; text-align:center; background:#ff0066; font-weight:400; font-size:12px; color:#ffffff;}
.login_btn2{display:block; width:100%; height:40px; line-height:40px; border-radius:8px; text-align:center; background:#353535; font-weight:400; font-size:12px; color:#ffffff;}

.write_box.join {display: flex;align-items: flex-start;flex-wrap: wrap;max-width: 1200px;margin: 10px auto;}
.write_box.join .write_tr{width:50%; min-height: 79px;}
.write_box.join .write_basic {display: flex;align-items: center;flex-wrap: wrap;gap: 5px;padding: 9px 20px 9px 20px;}
.write_box.join .btn_green {background:#ff0066; height:32px;border-radius:8px; display: flex;align-items: center;justify-content: center;padding: 0 10px; color:#fff;}


.btn_wr {display: flex;align-items: center;justify-content: right;height: 50px;gap: 10px;}
.btn_wc {display: flex;align-items: center;justify-content: center;gap: 10px;flex-wrap: wrap;margin: 10px auto;}

@media screen and (max-width:768px) {
	.join .write_tr{width:100% !important;}
    .write_box.join .write_basic {padding: 8px 12px 8px 12px !important;}
    .btn_wc a,.btn_wc button {flex: 1 1;}
    .btn_wr a,.btn_wr button {flex: 1 1;}
}
/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; margin:30px 0 0 0; padding:40px 0 36px 0; overflow:hidden; text-align:center;}
.f_copy{float:left; width:100%; text-align:center;}
.f_copy span{display:inline-block; background:rgba(255,255,255,0.1); border-radius:100px; padding:15px 40px; font-size:12px; color:#5e5e5e; line-height:1.5;}
@media screen and (max-width:1440px) {

}

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

}

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

}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_slideshow_pc{width:100%;margin:0 auto; overflow:hidden; position:relative;}
.main_slideshow_pc .swiper-slide img{width:100%;}
.main_slideshow_m{width:100%; margin:0 auto; overflow:hidden; position:relative; display:none;}
.main_slideshow_m .swiper-slide img{width:100%;}
.main_slideshow_pc .swiper-button-next{right:30px;}
.main_slideshow_pc .swiper-button-prev{left:30px;}
.main_slideshow_pc .swiper-pagination-bullet{background:#ffffff; opacity:0.5;}
.main_slideshow_pc .swiper-pagination-bullet-active{background:#e9af00; opacity:1;}
.main_slideshow_m .swiper-pagination-bullet{background:#ffffff; opacity:0.5;}
.main_slideshow_m .swiper-pagination-bullet-active{background:#e9af00; opacity:1;}
@media screen and (max-width:1240px) {
	.main_slideshow_pc{display:none;}
	.main_slideshow_m{display:block;}
}




.main_sports_title{float:left; width:100%; margin:20px 0 0 0; display:flex; align-items:center; height:40px; line-height:40px; padding:0px; border-radius:0px 0px; text-align:left; font-weight:400; font-size:16px; color:#ffffff;}
.main_sports_title b{background-color: #ff0066; width: 10px; height: 10px; border-radius: 10px; position: relative; margin-right: 0.625rem; display: inline-block;}

.main_sports_list_box{float:left; width:100%; overflow:hidden; position:relative;}
.main_sports_list_box .swiper-button-next{right:10px; top:50%; transform:translateY(-50%);}
.main_sports_list_box .swiper-button-prev{left:10px; top:50%; transform:translateY(-50%);}

.today_sports_list{float:left; border-radius:8px; padding:20px; background:#242424 /* url(../images/bg_today_sports_list.jpg) center top no-repeat */; background-size:cover;}
.today_sports_list_title{float:left; width:100%; font-size:12px; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.today_sports_list_title img{display:inline-block; width:24px; margin:0 10px 0 0;}
.today_sport_list_ts{float:left; width:100%; margin:10px 0 0 0; display:flex; align-items:center; justify-content:space-between;}
.tslts_box1{width:32%;}
.tslts_box2{width:32%; padding:0 10px; display:flex; justify-content:center;}
.tslts_odd{float:left; margin:0 10px; min-width:40px; padding:10px 5px; background:#2e3137; border:1px solid #67707b; border-radius:5px; text-align:center; font-weight:700; font-size:18px; color:#ffffff;}
.today_sport_list_od{float:left; width:100%; margin:0px 0 0 0; display:flex; align-items:center; justify-content:space-between;}
.tslo_odd{float:left; width:32%; height:20px; line-height:20px; padding:0 5px; text-align:center; font-size:12px; color:#ffee00;}
.tslts_team_logo{float:left; width:100%; padding:5px; text-align:center;}
.tslts_team_logo img{/* width:100%; */ max-width:35px;}
.tslts_team_text{float:left; width:100%; text-align:center; padding:5px; font-size:12px; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.tslts_box2 img{width:100%; max-width:30px;}
@media screen and (max-width:768px) {
    .today_sports_list{padding:10px;}
    .main_sports_title{font-size:14px;}
    .today_sports_list_title{font-size:10px;}
    .today_sports_list_title img{width:14px; margin:0 5px 0 0;}
}

/* °ÔÀÓ¸®½ºÆ® */
.main_game_list{float:left; width:100%; margin:30px 0 0 0;}
.main_game_list ul{display:grid; grid-gap: 15px; grid-template-columns: repeat(4, 1fr);}
.main_game_list li{float:left; width:100%; transition:all 0.5s;}
.main_game_list li a{display:block;}
.main_game_list li a img{width:100%; transition:all 0.5s;}

@media screen and (max-width:1280px) {
 .main_game_list ul{grid-gap: 10px; grid-template-columns: repeat(4, 1fr);}      
}
@media screen and (max-width:1024px) {
.main_game_list ul{grid-gap: 10px; grid-template-columns: repeat(2, 1fr);}        
}
@media screen and (max-width:520px) {
.main_game_list ul{grid-gap: 5px; grid-template-columns: repeat(2, 1fr);}            
}

.main_board{float:left; width:100%; margin:20px 0 0 0; display:flex;}
.borad_box{float:left; width:49.5%; height:auto; margin:0 1% 0 0; border-radius:0;}
.borad_box:last-child{margin:0;}
.board_title{float:left; width:100%; display:flex; align-items:center; height:40px; line-height:40px; padding:0px; border-radius:0px 0px; text-align:left; font-weight:400; font-size:16px; color:#ffffff;}
.board_title b{background-color: #ff0066; width: 10px; height: 10px; border-radius: 10px; position: relative; margin-right: 0.625rem; display: inline-block;}

.myTable{table-layout:fixed;}
.board{float:left; width:100%; height:auto; overflow:hidden; background:#252525; padding:20px; border-radius:8px;}
.board td{font-weight:400; color:#6e6e6e; font-size:12px; line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.board td:nth-child(2){font-weight:400; color:#ffffff; padding-left:0px;}
.board td:nth-child(3){padding-right:10px;}
.board td img{width:100%; max-width:62px;}

@media screen and (max-width:1280px) {
    .board_title{height:40px; line-height:40px; font-size:14px;}
    .main_board{flex-wrap:wrap;}
    .borad_box{width:100%; margin:0 0 10px 0;}
	.board td{font-size:12px; line-height:30px;}
}


/*-------------------------------------------------------------------------------------*
 *  Ưº°ÇÑ                                                                              *
 *-------------------------------------------------------------------------------------*/
/* ¶óµð¿À¹öÆ° */
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;max-width: 158px;}
.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:#252525; border:1px solid #ff0066; color:#ebebeb;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #ff0066;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 5px; transition: 0.25s ease; background:rgba(255,255,255,0.1); border:1px solid #252525; color:#bababa;}
.radio_wrap label>span:hover {background:#252525; border:1px solid #ff0066; 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 #ff0066;}
.radio_wrap label>span>span{padding:0 10px; border-radius: 5px; transition: 0.25s ease; background:#000000; color:#ff0066;}

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


/* Ãâ¼®ºÎ */
.att_title1     {background:linear-gradient(#ff0066 0%, #ff0066 100%); padding:6px 4px; text-align:center; font-weight:400; font-size:12px; color:#e4e4e4;}
.att1           {background:#252525; border-bottom:1px solid #000000; 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{width:100%; background: #2a2a2a; font-weight:400; font-size:16px; color: #ffffff; padding: 18px;  border-radius:8px; display:flex; align-items:center; justify-content:center;margin: 5px 0;position: relative;}
.att_month_title a{display:inline-block; padding:0px 10px; font-size:14px; 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;}

.att_box{ width:100%; border-radius:8px; overflow:hidden;}
.att_box ul {display: flex;align-items: center;justify-content: center;width: 100%;}
.att_box ul li {width: calc(100% / 7 - 0px);    border-right: 1px solid #000;border-bottom: 1px solid #000;}
.att_box ul li:last-child {border-right: 0;}

ul.cal_box {list-style:none;padding:0px;margin:0px;}
ul.cal_box li {float:left;width:calc(100% / 7 - 0px);border-right:1px solid #000;text-transform: uppercase;background-color: #252525; font-size:12px;border-bottom:1px solid #000;height:110px;text-align:left;}
ul.cal_box li > .num {display:inline-block;margin-left:7px;margin-top:7px;color:#999;}
ul.cal_box li:last-child {border-right:0px;}
ul.cal_box li .red {color:#ed3939;}
.stamp {background:url('/images/att1.png') no-repeat center;}
.stamp_g {background:url('/images/att2.png') no-repeat center;}


@media screen and (max-width:768px) {
	.att_month_title{text-align:center; font-size:16px; flex-wrap:wrap; justify-content:space-between;padding: 18px 5px;}
	.att_month_title span{ text-align:center;}
	.att1{height:70px;}
	.flex_wrap{display:grid; grid-gap: 2px; grid-template-columns: repeat(2, 1fr);}
    ul.cal_box li {height: 80px;        background-size: contain;}
}


/*-------------------------------------------------------------------------------------*
 *  º£ÆÃÁ¸                                                                              *
 *-------------------------------------------------------------------------------------*/
 /* ½ºÆ÷Ã÷ÅÇÁ¸ */
.sports_tab_zone{width: 100%; overflow-x: auto;overflow-y: hidden; display: flex; justify-content: space-between; align-items: center;}
.sports_tab_zone.selon {display: none;}
.sports_tab{width:100%; overflow-x: auto;}
.sports_tab ul{display: flex; align-items: center; height: 40px;}
.sports_tab ul li{min-width:120px; height: 40px; padding: 0 11px; display: flex; align-items: center; justify-content: center; background:#252525; cursor: pointer; border-radius:0px; transition:all 0.5s}
.sports_tab ul li:first-child{border-radius:8px 0 0 8px;}
.sports_tab ul li:last-child{border-radius:0 8px 8px 0;}

.betnotice.selon {display: none;}
.tab_img{display:inline-block; margin:0 5px 0 0; width:20px; filter:brightness(0.6);}
.txt{white-space:nowrap; color:#bababa; font-size:12px;}
.txt span{margin-left:4px; font-weight:400; color:#ff0066;}

.sports_tab ul li:hover{background:#ffee00; color:#000000;}
.sports_tab ul li:hover .txt{color:#000000;}
.sports_tab ul li:hover .tab_img{filter:brightness(0);}
.sports_tab ul li.active{background:#ffee00; color:#000000;}
.sports_tab ul li.active .txt{color:#000000;}
.sports_tab ul li.active .txt span{color:#ff0066;}
.sports_tab ul li.active .tab_img{filter:brightness(0);}

.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_bet_zone{width:100%; float:left; margin:10px 0 0 0;}

.betting_title{float:left; width: 100%; height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0px; background:; border-top:1px solid rgba(0,0,0,0.2); border-bottom:1px solid rgba(0,0,0,0.2); cursor: pointer; border-radius:8px; transition: .2s all ease-out;}
.betting_title{margin:40px 0 0 0;}
.betting_title:first-child{margin:0px 0 0 0;}
@media screen and (max-width:768px) {
    .betting_title{margin:20px 0 0 0;}
}
.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:#252525; border-bottom:1px solid #252525; border-radius:8px; 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{float:left; width:100%; padding:5px 0;}
.betting_info{float:left; display: flex; width: 100%; background:rgba(255,255,255,0.1); 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; border-radius:8px; overflow:hidden;}
.result_wrap .betting_info:nth-child(2n-1){background:rgba(255,255,255,0.05);}
.betting_info_l{width: 20%; display: flex; align-items: center;}
.betting_info_l>*{font-size:12px;}
.betting_info_r{width: 80%; display: flex; justify-content: space-between;}

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

.betting_choose_btn_box{display: flex; width: 89.9%; justify-content: space-between;}
.betting_choose_btn{height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 0 1%; background:#303030; border-radius: 0px; color: #ffffff; cursor: pointer;}
.betting_choose_btn.betting_b{width: 44.8%;}
.betting_choose_btn.betting_s{width: 10%; justify-content: center;}

.betting_team{display: flex; align-items: center;}
	.team_img{width:22px;}
	.team_name{margin:0 5px; color:#ffffff;}
.betting_odd{display: flex; align-items: center; color:#ededed;}

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


.betting_more_btn{width: 10%;}
.betting_more_btn a{display: flex; align-items: center; justify-content: center; height: 100%; border-radius:0 8px 8px 0; border:1px solid #ff0066; color:#ffffff; cursor: pointer;}
.betting_more_btn.active a{background:#ff0066;}


.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{float:left; 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:#ff0066;}
.settings .button{padding:0;}


/* Ưº°ÇÑ */
.betting_info_hide_box .time{opacity:0;}

.live_odd_box{display:flex; align-items:center; width:100%;}
.live_odd_box1{width:40%; border-radius:8px; padding:10px 5px; background:#000000; border:1px solid #ff0066; text-align:center; font-weight:600; font-size:18px; color:#ffffff;}
.live_odd_box2{width:20%; text-align:center; padding:0 5px;}
.betting_choose_btn.betting_b_live{width: 30%;}
.betting_choose_btn.betting_s_live{width: 39.8%; justify-content: center;}
.betting_b_live{height:auto; justify-content: center}
.betting_s_live{height:auto; padding:5px 10px; justify-content: center; flex-wrap:wrap;}
.live_time_info{float:left; width:100%; text-align:center; margin:5px 0 0 0; color: #ffffff;}

@media screen and (max-width:768px) {
    .live_odd_box1{padding:5px 5px; font-weight:500; font-size:14px;}
}

@media (hover: hover) {
.betting_choose_btn:not(.active,.nothover):hover{background:#ff0066;}
.quick_select_btn:hover{box-shadow: 0 0 0 1px #ff0066;}
.quick_select_btn:hover .select_icon{color:#ff0066;}

.betting_more_btn:not(.active) a:hover{background:#2c2c2c;}
}
@media screen and (max-width:2540px) {
   
}
@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_more_btn{width:auto; margin:0 0 0 5px; margin:0 0 0 auto; white-space:nowrap;}	
	.betting_more_btn a{padding:0 10px; height:34px; border-radius:8px; background:none;}	
}
@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;}
}


.rule_result_tab{ width:100%; margin:5px 0 0 0;}
.rule_result_tab ul{ width:100%; display:flex; flex-wrap:wrap; border-radius:8px; overflow:hidden;}
.rule_result_tab li{ width:calc(100% / 6); overflow:hidden;}
.rule_result_tab li a{display:block; width:100%; padding:15px 5px; text-align:center; font-size:12px; color:#; background:#222627; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c; transition:all 0.2s;}
.rule_result_tab li:nth-child(6n) a{border-right:none;}
.rule_result_tab li.active a{background:#ffee00; color:#000000;}
.rule_result_tab li:hover a{background:#ffee00; color:#000000;}

@media screen and (max-width:1024px) {
    .rule_result_tab li{width:33.3333%;}
	.rule_result_tab li a{padding:10px 5px; font-size:12px;}

}

.bet_history_total{ width:100%; border-radius:8px 8px; margin:2px 0 3px 0; padding:5px 5px; background:rgba(255,255,255,0.1); display:flex; flex-wrap: wrap;    align-items: center;}
.m_bet_info{width:49%; margin:0 0.5% 1% 0.5%; display:flex; align-items:center; flex-direction: row; color:#ffffff;}
.m_bet_info:nth-child(3){color:#ff0066;}
.m_bet_info:nth-child(4){color:#fff;}
.m_bet_info:nth-child(5){color:#00f6ff;}
.icon_info{margin:0 auto 0 0; color:#ffffff; font-size:10px;}
.bonus{font-size:10px; color:#ff9726;}
.icon_info_font01{color:#00f6ff;}
.icon_info_font02{color:#ff0000;}
@media screen and (min-width:1280px) {
    .bet_history_total{padding:12px 10px;}
    .m_bet_info{width:calc(100%/ 6); flex-direction: column; margin:0; border-right:1px solid rgba(255,255,255,0.1);}
    .m_bet_info:last-child{border-right:none;}
    .icon_info{margin:0 auto 10px; font-size:10px;}
}


/* ¹Ì´Ï°ÔÀÓ */
.mini_game_video{float:left; width:100%; margin:0px 0 0 0; min-height:400px; background:#222222; display:flex; align-items:center; justify-content:center; font-size:50px; color:#3c3c3c;}
.mini_choose_btn_box{display: flex; width: 100%; justify-content: space-between;}
.mini_betting_info_l{width: 10%; display: flex; align-items: center;}
.mini_betting_info_l>*{font-size:12px;}
.mini_betting_info_r{width: 90%; display: flex; align-items: center; justify-content: space-between;}
@media screen and (max-width:1024px) {
    .mini_betting_info_l{display:none;}	
    .mini_betting_info_r{width:100%;}	
}


/* °ÔÀÓ¸®½ºÆ® */

/* ¸Ó´ÏÀ̵¿ */
.money_move_wrap{float:none; width:100%; display:flex; flex-direction: column; align-items: center;}
.money_move{float:left; width:100%; margin:10px 0 0 0; max-width:800px; display:flex; justify-content:space-between;}
.money_move:first-child{margin:0;}
.money_move_box{float:left; width:42%; display:flex; justify-content:space-between; align-items: center; background:#252525; border-radius:8px; padding:5px 20px;}
.money_move_arrow{float:left; width:14%; display:flex; justify-content:center; align-items:center; background:#252525; border-radius:8px; padding:15px 2px;}
.money_action_box{float:left; width:12%; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); border-radius:8px;}
.money_action_box a          {background:#ff0066; border-radius:8px; width:100%; height:100%; display:none; justify-content:center; align-items:center; font-weight:400; font-size:12px; color:#ffffff; overflow:hidden;}
.money_action_box a.active {display: flex;}
.money_action_box a:hover    {filter:brightness(120%);}
.how_money{font-weight:400; font-size:12px; color:#ffffff;}
.how_md{display:flex;align-items: center; margin:5px 0 0 0;gap:5px;}
.money_font{font-weight:600; font-size:14px; color:#ff0066;}
.icon_money img{width:100%; max-width:44px;}
.money_input_box{width:87%;}
.money_input {background-color:#252525; border:1px solid #252525; padding:4px 50px 4px 20px; color:#ffffff; border-radius:5px; height:44px; width:100%;display: none;}
.money_input.active {display: block;}
.money_btn_box{width:100%; display:grid; grid-gap: 5px; grid-template-columns: repeat(4, 1fr);}

.menu {display: block; width: 40px; height: 36px; transform: rotate(-90deg); position: relative; cursor: pointer; right:-4px;}
.menu div {background-color:#ff0066; position: absolute; border-radius: 2px; height:4px; transition: .3s cubic-bezier(.8, .5, .2, 1.4);}
.menu input {display: none;}
.menu > div {left:3px;top: 12px;width: 30px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(90deg);transition-delay: 150ms;}
.menu  div + div {left:2px;top: 20px;width: 20px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(45deg);transition-delay: 50ms;}
.menu  div + div + div { left:14px;top: 20px;width: 20px;transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(-45deg);transition-delay: 100ms;}
.menu.active div {}
.menu.active div + div {top: 0px; transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(-45deg);transition-delay: 50ms;}
.menu.active div + div + div {top: 0px;  transition: .3s cubic-bezier(.8, .5, .2, 1.4);transform: rotate(45deg);transition-delay: 100ms;}

@media screen and (max-width:768px) {
/* .money_move{flex-wrap:wrap;}     */
/* .money_move_box{width:100%;}     */
/* .money_move_arrow{width:100%; margin:5px 0;}   */
/* .menu{transform: rotate(0deg);}  */
.icon_money img{width:100%; max-width:24px;} 


.money_action_box{width:40%;}
.money_input_box{width:59%;}
}


/* Ưº°ÇÑ 7/4 ¼öÁ¤ */
.special_order_wrap{float:left; width:100%; display:flex;gap: 10px;}
.special_order_box{float:left; width:49.5%;     background: #252525;margin-top: 10px; border-radius:8px; overflow:hidden;}

.special_order_wrap .con_box10{height:100%;margin-top: 0;}
.special_order_wrap .info_wrap{height:100%;}
.special_order_wrap .write_basic_btn{margin:5px 0 0 0;}


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

.special_order_wrap{flex-wrap:wrap;}
.special_order_box{width:100%; margin:0;}
}


.write_m{display:none;}
.wb_flex{float:left;}
@media screen and (max-width:768px) {
.write_pc{display:none;}    
.write_m{display:block;}    
.write_m .write_title{display:none;}    
.write_m .write_basic{float:left; width;100%;}

.wb_flex{width:100%; display:flex; align-items:center;} 
}


/* À̺¥Æ®¸®½ºÆ® */
.event_list ul{width:100%;display: flex;align-items:flex-start;gap: 6px;flex-wrap: wrap;justify-content: left;}
.event_list li{width:24.4%; background:#252525; border-radius:8px; padding:10px 10px 10px; overflow:hidden;}
.event_list li:nth-child(4n){margin:0 0 10px 0;}
.event_list li a{display:block; position:relative;}
.event_list li a img{width:100%;}
.event_list_title{width:100%; padding:5px 10px; font-size:12px; font-weight:400; color:#bababa; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;margin-top: 8px;text-align: center;}

@media screen and (max-width:1024px) {
.event_list li{width:calc(100% / 3 - 6px); }
}

@media screen and (max-width:768px) {
.event_list li{width:calc(100% / 2 - 3px); }
.event_list_title{font-size:12px;}  
}

.popupsort {position: fixed;left: 0;top: 20%;z-index: 999999;width: 100%;gap: 1px;height: 0;}
.main_popup {min-width:360px;border:0;box-sizing:border-box;padding:0px;/* flex:1 1;  */   margin-top: 15%;}
.main_popup h1 {height:40px;line-height:40px;margin-top:0px;background:rgba(0,0,0,0.99);border-radius:3px;text-align:center;font-size:16px;}
.main_popup .pop_content {background:rgba(0,0,0,0.99);border-radius:3px;padding:0px;}
.main_popup .pop_content img {width: 100% !important;max-width: 380px;}
.main_popup .pop_close {position:absolute;left:0;bottom:-34px;height:34px;line-height:34px;width:100%;padding:0 30px;background:#080808;color:#fff;text-align:center}
.main_popup .pop_close input {-webkit-appearance: auto;-moz-appearance: auto;appearance: auto;width:15px;height:15px;vertical-align:middle;}
.main_popup .pop_close button {width:60px;height:25px;line-height:25px;vertical-align:middle;background:#ff0066;color:#fff;margin-left:20px;border-radius:3px;}

@media screen and (max-width:768px) {
    .popupsort {top: 10%;gap: 0px;}
    .main_popup {flex: 0 100%;position: absolute !important;left: 0 !important;top: 0 !important;margin-top: 1%;}
}

.dflexL {display: flex;align-items: center;justify-content: left;width: 100%;}
.dflexR {display: flex;align-items: center;justify-content: right;}
.dflexC {display: flex;align-items: center;justify-content: center;}
.dflexS {display: flex;align-items: center;justify-content: space-between;}
.wd100 {width: 100%;}
.wd10 {width: 10%;}
.wd20 {width: 20%;}
.gap2 {gap: 2px;}
.gap5 {gap: 5px;}
.gap10 {gap: 10px;}
.gap15 {gap: 15px;}
.gap20 {gap: 20px;}
.fww {flex-wrap: wrap;}
.ais {align-items: flex-start;}
.mb2 {margin-bottom: 2px;}
.mb5 {margin-bottom: 5px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mb10 {margin-bottom: 10px;}
.bm_input {max-width: 100px;background:rgba(0,0,0,0.4);color:#ff0066;border: 0;text-align: right;height: 30px;border-radius: 4px;padding-right: 5px;}
.betting_list_cart {padding: 5px;background: #252525;border-top: 1px solid #000;}
.betting_list_cart ul {padding: 5px;background: #1a1a1a;}
.bet_bonus { margin:0 5px 5px 5px;border: 1px solid #ff0066;display: flex;align-items: center;justify-content: center;height: 29px;background: #111;border-radius: 4px;color:#fff;font-size: 13px;}

.betting_wrap {width: 100%;}





.main input[type=radio] {
	display: none;
}
#tab-1:checked ~ .tab label:nth-child(1),
#tab-2:checked ~ .tab label:nth-child(2),
#tab-3:checked ~ .tab label:nth-child(3),
#tab-4:checked ~ .tab label:nth-child(4),
#tab-5:checked ~ .tab label:nth-child(5){
	background: #ff0066;color: #fff;
  box-shadow: none;
}
.content > div {
	display: none;
}
#tab-1:checked ~ .content div:nth-child(1),
#tab-2:checked ~ .content div:nth-child(2),
#tab-3:checked ~ .content div:nth-child(3),
#tab-4:checked ~ .content div:nth-child(4),
#tab-5:checked ~ .content div:nth-child(5){
	display: block;
}
.main {
  margin: 0 auto;
  main-width:1380px;
  max-width: 100%;
}
.tab {
  overflow: hidden;
  display: flex;align-items: center;
  margin-bottom: 10px;
}
.tab label {
    font-size: 12px;cursor: pointer;background: #111;
    flex:1 1;
    display: flex;align-items: center;justify-content: center;height: 34px;
}

#tabmenu ul li:hover {background: linear-gradient(180deg,#8e8d8d,#2f2f2f)}

.pagination {margin: 20px auto;display: flex;align-items: center;justify-content: center;gap: 3px;}
.pagination a,.pagination strong {    background: #191919;color: #bababa;display: inline-block;padding: 12px 17px 12px 17px;border-radius: 8px;}
.pagination strong {background: #ff0066;}

.view_title {display: flex;align-items: center;justify-content: space-between;height: 38px;    height: 38px;background: #111;margin: 5px 0;padding: 0 5px;}
.view_content {text-align: left;}
.view_content p {text-align: center;}
.view_content form > div {padding: 10px;}

.view_reply {margin:5px 0;    background: #222;border-radius: 6px;padding: 10px;display: flex;align-items: center;gap: 5px;flex-wrap: wrap;}
.view_reply .replyform {width: 90%;display: flex;align-items: center;gap: 8px;}
.view_reply .replyform textarea {background: #333;outline: 0;width: 100%;padding: 8px;border-radius: 6px;}
.view_reply ul {display: flex;align-items: center;width: 100%;gap: 10px;height: 30px;background: #111;border-radius: 5px;}
.view_reply ul li.userimg {min-width: 100px;max-width: 100px;}

.write_table {margin-top: 5px;width: 100%;}
.write_table th {min-height: 40px;padding: 5px; background: #141414;}
.write_table td {min-height: 40px;padding: 5px; background: #222;}
.write_table td input {background: #333;border-radius: 5px;border: 1px solid #444;height: 34px;width: 100%;color:#eee;padding: 5px 10px;}
.write_table td textarea {background: #333;border-radius: 5px;border: 1px solid #444;width: 100%;min-height: 300px;color:#eee;padding: 10px;}

.chselect {height: 40px;border-radius: 8px;background: #111;border: 1px solid #ff0066;}
.d-none {display: none;}

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.mr5 {margin-right: 5px;}
.mt20 {margin-top: 20px;}



.contents_box_inner {padding-top: 10px;}
.list_tr2.memolist .tt {min-width:61%;justify-content: left;    text-align: left;}
.ballimg img {    filter: brightness(0.6);}

@media screen and (max-width:768px) {
    .mobile {display: block;}
    .mobiledf {display: flex;}
    img {max-width: 100%;}
    .pagination a,.pagination strong {padding: 5px 8px;border-radius: 4px;}
    .list_tr2.memolist>* {width: calc(100% / 3);}
    .list2 {padding: 10px 3px;letter-spacing: -0.5px;}
    .list_tr2.memolist .date {white-space: nowrap;}
    .list_tr2.memolist .tt {min-width:54%}
    .division2 {padding: 6px 4px;}
}