@charset "utf-8";
#wrap {float:left; width:100%; background:#f6f8fc; position:relative;z-index:1; transition:all 0.5s;}
#wrap:after{position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; background:url(../images/bg.jpg) left top no-repeat; background-size:75%; z-index:-1; transition:ease-in 0.5s;}
@media screen and (max-width:1800px) {
    #wrap:after{left:50%; transform:translateX(-55%);}
}
@media screen and (max-width:1440px) {
    #wrap:after{transform:translateX(-60%);}
}
@media screen and (max-width:1280px) {
    #wrap{background:#f6f8fc;}
	#wrap:after{display:none;}
}

.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}
/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{width:100%; padding:0 10px;}
.header_box{width:100%; max-width:1400px; height:100%; margin:0 auto; display:flex; align-items:center; padding:20px 0; position:relative;}

.logo{float:left; width:320px;}
.logo img{filter:brightness(500%);}
.logo_date{width:100%; margin:10px 0 0 0; text-indent:20px; font-weight:500; font-size:14px; color:#ffffff;}
.header_right{float:left; width:calc(100% - 320px);}
.header_top{width:100%; display:flex; align-items:center; justify-content: flex-end;}

.top_serch_box{display:flex; align-items:center; font-size:14px; color:#606060;}
.tsb_text{font-size:14px; color:#606060; margin:0 5px 0 0;}
.tsb_input_box{position:relative; width:100%; width:320px;}
.top_serch_input{background-color:#ffffff; border:1px solid #f0f0f0; padding:4px 30px 4px 20px; color:#444444; font-size:14px; border-radius:42px; height:42px; width:100%; transition:all 0.5s;}
.tsb_input_box button{position:absolute; right:10px; height:42px; padding:0 5px;}
.tsb_input_box button:hover img{filter:invert(63%) sepia(99%) saturate(5069%) hue-rotate(249deg) brightness(90%) contrast(103%);}

.top_live_score{min-width:130px; padding:0 10px; margin:0 0 0 10px; height:42px; line-height:42px; border-radius:42px; background:#e8e3fe; border:1px solid #e8e3fe; font-weight:600; font-size:14px; color:#5837ff; overflow:hidden; transition:all 0.5s;}
.top_live_score:hover{background:#ffffff; border:1px solid #5837ff;}

.top_live_score img{display:inline-block; margin:0 5px 0 0;}
.top_util_btn{width:42px; height:42px; border-radius:42px; margin:0 0 0 10px; display:flex; align-items:center; justify-content:center;}
.top_util_btn1{background:#ffffff; border:1px solid #5837ff;}
.top_util_btn2{background:#5837ff; border:1px solid #5837ff;}
.top_util_btn:hover{opacity:0.7;}

.gnb{width:100%; margin:10px 0 0 0; display:flex; align-items:center; justify-content: flex-end;}
.gnb>ul>li{float:left; position:relative; margin:0 0 0 40px; transition:ease-in 0.5s;}
.gnb>ul>li>a{display:inline-block; line-height:40px; font-weight:500; font-size:18px; color:#111111; transition:all 0.5s;}
.gnb>ul>li:hover>a{color:#5837ff;}

.hide_menu{position:absolute; left:50%; transform:translateX(-50%); z-index:100; width:150px; background:#5837ff; border-radius:0 0 12px 12px; border-top:6px solid #464646; padding:0px 0px; display:none; overflow:hidden; box-shadow:2px 3px 3px rgba(0,0,0,0.3);}
.hide_menu li{width:100%;}
.hide_menu li a{display:inline-block; width:100%; text-align:center; font-weight:600; font-size:15px; color:#ffffff; line-height:44px;}
.hide_menu li:hover a{background:#4936a9; color:#ffff00;}

.m_top_login{font-size:20px; color:#ffffff; display:none; position:absolute; left:0;}
.m_top_login a{background:#5837ff; border:1px solid #5837ff; display:inline-block; width:42px; height:42px; border-radius:42px; text-align:center;  color:#ffffff; display:flex; align-items:center; justify-content:center;}
.m_top_login a i{font-size:20px;}
.mobile_menu1{font-size:42px; height:34px; line-height:34px; color:#5837ff; padding:0px; display:none; position:absolute; right:0;}

@media screen and (max-width:1440px) {
    .gnb>ul>li{margin:0 0 0 30px;}
}
@media screen and (max-width:1280px) {
    .m_top_login{display:block;}
    .mobile_menu1{display:block;}
	.header_top{display:none;}
	.gnb{display:none;}
	.logo_date{display:none;}
	.logo img{filter:brightness(100%); width:170px;}
	.header_box{padding:10px 0;}
	.logo{width:100%; text-align:center;}
	.header_right{width:auto; display:flex; align-items:center;}

}

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

}
@media screen and (max-width:350px) {
	.logo img{width:150px;}    
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{width:100%; margin:20px 0 0 0;}
.contents_box{width:100%; max-width:1400px; margin:0 auto; overflow:hidden;  padding-bottom:30px;}

.contents_box_left      {float:left; width:320px;}
.contents_box_right     {float:right; width:calc(100% - 350px); margin:0 0 0 30px;}

.content_box_in{width:100%; margin:30px 0 0 0; border-radius:5px; padding:20px; background:rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.05); box-shadow:2px 3px 3px rgba(0,0,0,0.3);}

.con_box00 {float:left; width:100%; margin:0 0 0 0;}
.con_box05 {float:left; width:100%; margin:5px 0 0 0;}
.con_box10 {float:left; width:100%; margin:10px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box50 {float:left; width:100%; margin:50px 0 0 0;}
.con_box60 {float:left; width:100%; margin:60px 0 0 0;}


.title{width:100%; margin:0 0 20px 0; font-size:20px; color:#c37cff; padding-left:0px; display:flex; align-items:center; white-space:nowrap;}
.title:after{content: ''; display:inline-block; width: 100%; height: 5px; margin:0 0 0 20px; background-color: #c37cff;}

@media screen and (max-width:1280px) {
	.contents_wrap{padding:0 10px; margin:10px 0 0 0;}
	.contents_box_left{display:none;}
	.contents_box_right{width:100%; margin:0;}
	.content_box_in{margin:10px 0 0 0; padding:10px;}
}

@media screen and (max-width:768px) {
	.contents_wrap{padding:0 5px;}
}

/*-------------------------------------------------------------------------------------*
 *  고정왼쪽구역                                                                         *
 *-------------------------------------------------------------------------------------*/
.left_login_box{width:100%; height:260px; border-radius:12px; padding:35px 25px; background:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.05); box-shadow:1px 1px 4px rgba(0,0,0,0.11); position:relative; overflow:hidden;}
 
.left_login{width:100%; margin:0px 0 0 0;}
.left_login li{width:100%; margin:5px 0 0 0;}
 
.left_login_input{background:#f6f8fc; border:1px solid #e3e7ee; width:100%; display:inline-block; height:46px; border-radius:8px; padding:0 0 0 15px; font-size:14px; color:#444444;}
.left_login_input::placeholder{color:#aaaaaa;}
.login_btn1{background:#5837ff; display:inline-block; width:100%; height:50px; line-height:50px; text-align:center; border-radius:8px; font-weight:600; font-size:16px; color:#ffffff;}
 
.left_login_bottom{width:100%; margin:15px 0 0 0; display:flex; align-items:center; justify-content:space-between;}
.left_join{}
.left_join a{display:inline-block; font-weight:500; font-size:14px; color:#010001;}
.left_join a span{color:#5837ff;}
.left_join a:hover{text-decoration:underline;}

.left_check_box{display:flex; align-items:center; font-size:14px; color:#4b4b4b;}
#left_login_check{appearance: none; /* 기본(네이티브) 모양을 제거 */background:#f6f8fc; border:1px solid #e3e7ee;  box-sizing: border-box; background-clip: content-box; width:21px; height:21px;  border-radius:8px; cursor: pointer; margin:0 5px 0 0; transition:ease-in 0.3s;}
#left_login_check:checked {border-color: #5837ff; background-color: #5837ff; padding:3px;}
.left_login_logo{width:100%; text-align:center; margin:0 0 20px 0;}
.left_login_logo img{width:180px;}
.left_login_close{position:absolute; right:10px; top:10px; color:#999999; font-size:30px;}

.left_my_box{display:flex; width:100%; align-items:center; padding:0 0 10px; border-bottom:1px solid #dadfe8;}
.left_my_lv{width:100px; text-align:center;}
.left_my_name{width:100%; margin:10px 0 0 0; padding:0 5px; white-space:nowrap; font-size:14px; color:#666666;}
.left_my_name span{font-size:12px; color:#999999;}
.lv_img{width:100%; max-width:60px;}
.left_my_point{width:calc(100% - 100px); padding-left:20px;}

.left_my_point_box{width:100%; text-align:right; padding:0 0 10px; border-bottom:1px solid #dadfe8; font-size:14px; color:#666666;}
.left_my_point_box>span{display:block; margin:5px 0 0 0; font-size:16px; color:#444444;}
.left_my_point_box>span span{font-weight:700; color:#5837ff;}
.left_my_quick_btn{width:100%; margin:10px 0 0 0; text-align:right;}
.left_my_quick_btn button{background:#5837ff; display:inline-block; width:80%; height:34px; line-height:34px; text-align:center; border-radius:8px; font-weight:500; font-size:14px; color:#ffffff;}

.left_my_important_btn{width:100%; margin:10px 0 0 0; display:flex; align-items:center; justify-content:space-between;}
.left_my_important_btn button{display:inline-block; width:49%; height:34px; line-height:34px; text-align:center; border-radius:8px; font-weight:500; font-size:14px; }
.lmib1{background:#dadfe8; color:#5837ff;}
.lmib2{background:#737373; color:#ededed;}

.left_my_wellcome_text{width:100%;  padding:0 0 10px; margin:0 0 10px; border-bottom:1px solid #dadfe8; display:flex; align-items:center;}
.lmwt1{display:inline-block; width:70%; margin:0 auto 0 0; font-weight:500; font-size:14px; color:#444444; white-space:nowrap; overflow:hidden;}
.lmwt2{display:inline-block; text-align:right; width:30%; font-weight:500; font-size:14px; color:#999999; white-space:nowrap; overflow:hidden;}
.lmwt2 span{font-weight:700; font-size:14px; color:#5837ff;}


.left_customer_box{width:100%; margin:30px 0 0 0; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.left_customer_box a{display:block; width:100%; }
.left_customer_box a img{display:inline-block; width:100%; max-width:320px;}
.left_domain_box{width:100%; margin:10px 0 0 0; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.left_domain_box a{display:block; width:100%;}
.left_domain_box a img{display:inline-block; width:100%; max-width:320px;}

.left_board_box{width:100%; margin:30px 0 0 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); overflow:hidden; padding:30px 20px;}
.all_board_title{width:100%; font-weight:600; font-size:16px; color:#010001;}
.icon_board{display:inline-block; margin:0 10px 0 0; width:20px;}
.all_board_list{width:100%; margin:14px 0 0 0;}
.all_board_list li{float:left; width:100%;}
.all_board_list li a{width:100%; display:flex; justify-content:space-between; align-items:center; height:28px;}

.all_board_date{width:45px; text-align:center;  font-size:13px; color:#a9a9a9; transition:ease-in 0.3s;}
.all_board_text{max-width:calc(100% - 50px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 40px 0 0;  font-size:14px; color:#505050; position:relative; transition:ease-in 0.3s;}
.ab_odd{position:absolute; right:0; top:0; font-weight:500; font-size:12px; color:#5837ff;}

.all_board_img{width:100%; margin:14px 0 0 0;}
.all_board_img ul li{float:left; width:calc(100% / 3 - 6px); margin:0 9px 0 0;}
.all_board_img ul li:nth-child(3n){margin:0;}
.all_board_img ul li a{display:flex; flex-wrap:wrap; width:100%; overflow:hidden;}
.all_board_img_img{width:100%; height: 150px; text-align:center; position: relative;}
.all_board_img_img img{width: 100%; height: 100%; object-fit: cover;}
.all_board_img_title{width:100%; margin:10px 0 0 0; text-align:center; padding:0 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size:14px; color:#505050; transition:ease-in 0.3s;}
.all_board_img_odd{width:50%; margin:5px 0 0 0; text-align:right; padding:0 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size:12px; color:#5837ff; transition:ease-in 0.3s;}
.all_board_img_date{width:50%; margin:5px 0 0 0; text-align:left; padding:0 2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size:12px; color:#a9a9a9; transition:ease-in 0.3s;}

.all_board_list li a:hover{background:rgba(0,0,0,0.01);}
.all_board_list li a:hover .all_board_date{color:#000000;}
.all_board_list li a:hover .all_board_text{color:#5837ff;}

@media screen and (max-width:1280px) {
    .left_login_box{height:auto;}
}
/*-------------------------------------------------------------------------------------*
 *  고정오른쪽구역                                                                       *
 *-------------------------------------------------------------------------------------*/
.visual_box{width:100%; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); overflow:hidden; position:relative;}
.visual_box img{width:100%; display:block;}
.visual_box .swiper-container{width:100%; height:auto;}
.visual_box .swiper-slide{overflow:hidden;}
.visual_box .swiper-slide img{width:100%; height:auto; display:block;}
.visual_box .main-banner-pagination{bottom:10px !important; text-align:center;}
.visual_box .main-banner-pagination .swiper-pagination-bullet{width:10px; height:10px; background:rgba(255,255,255,0.5); opacity:1; margin:0 4px;}
.visual_box .main-banner-pagination .swiper-pagination-bullet-active{background:#ffffff;}
@media screen and (max-width:700px) {
    .visual_box .main-banner-pagination .swiper-pagination-bullet{width:8px; height:8px; margin:0 3px;}
    .visual_box .main-banner-pagination{bottom:6px !important;}
}
.main_event_banner{width:100%; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.main_event_banner img{width:100%;}
.main_event_banner img.m{display:none;}
@media screen and (max-width:700px) {
    .main_event_banner img.pc{display:none;}
    .main_event_banner img.m{display:inline;}
}
/*-------------------------------------------------------------------------------------*
 *  광고 팝업                                                                            *
 *-------------------------------------------------------------------------------------*/
.ad-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:rgba(0,0,0,0.45);display:flex;align-items:center;justify-content:center;padding:20px;}
.ad-popup-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;max-width:1200px;max-height:90vh;overflow-y:auto;padding:10px;}
.ad-popup-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.25);display:flex;flex-direction:column;}
.ad-popup-img{overflow:hidden;}
.ad-popup-img img{width:100%;height:auto;display:block;}
.ad-popup-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f5f5f5;border-top:1px solid #e0e0e0;gap:8px;}
.ad-popup-hide-label{font-size:12px;color:#555;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;}
.ad-popup-hide-label input{margin:0;cursor:pointer;}
.ad-popup-close-btn{background:#555;color:#fff;border:none;padding:5px 14px;border-radius:4px;font-size:12px;cursor:pointer;white-space:nowrap;}
.ad-popup-close-btn:hover{background:#333;}
/* PC: 팝업 수에 따라 그리드 조정 */
.ad-popup-grid.cols-1{grid-template-columns:1fr;max-width:400px;}
.ad-popup-grid.cols-2{grid-template-columns:repeat(2, 1fr);max-width:700px;}
.ad-popup-grid.cols-3{grid-template-columns:repeat(3, 1fr);max-width:900px;}
.ad-popup-grid.cols-4{grid-template-columns:repeat(4, 1fr);max-width:1200px;}
/* 모바일: 중앙 스택 */
@media screen and (max-width:700px) {
    .ad-popup-overlay{padding:0;align-items:center;justify-content:center;}
    .ad-popup-grid{display:block;width:85%;max-width:none;max-height:none;overflow:visible;padding:0;position:relative;}
    .ad-popup-item{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:320px;box-shadow:0 6px 30px rgba(0,0,0,0.35);}
}
.notice_wrap{width:100%; margin:30px 0 0 0; height:60px; line-height:60px; padding:0 25px; background:#ffffff; border:1px solid #5837ff; border-radius:12px; display:flex; align-items: center; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.notice_img {display:inline-block; margin:0 20px 0 0;}

.flow_banner {overflow: hidden; display:flex; align-items: center;}
.flow_banner .list {display: flex; padding:0;}
.flow_banner .list > li {white-space: nowrap; padding:0 20px; font-weight:600; font-size:18px; color:#3b3b3b;}
.flow_banner_font01{color:#5837ff;}
@keyframes flowRolling {
    0% {transform: translateX(0);}
    100% {transform: translateX(-100%);}
}
@media screen and (max-width:1280px) {
    .notice_wrap{margin:10px 0 0 0; height:40px; line-height:40px; padding:0 10px;}
	.flow_banner .list > li{font-size:14px;}
	.notice_img{margin:0 10px 0 0; height:30px;}
	/* .flow_banner{width:90%;} */
}

.main_board_zone{width:100%; margin:30px 0 0 0; overflow:hidden;}
.main_board_zone_box{float:left; width:calc(50% - 15px); margin:0 30px 30px 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);  padding:30px 20px;}
.main_board_zone_box:nth-child(2n){margin:0 0 30px 0;}

@media screen and (max-width:1024px) {
    .main_board_zone{margin:20px 0 0 0;}
    .main_board_zone_box{width:100%; margin:0 0 20px 0;}
    .main_board_zone_box:nth-child(2n){margin:0 0 20px 0;}
}

.contents_title{width:100%; height:40px; line-height:40px; margin:20px 0 0 0; display:flex; align-items:center;}
.st_title{margin:0 auto 0 0; font-weight:600; font-size:20px; color:#444444;}
.ct_tab_pc{float:left;}
.ct_tab_pc li{float:left; margin:0 0 0 10px;}
.ct_tab_pc li a{display:inline-block; padding:5px; font-weight:600; font-size:14px; color:#444444;}
.ct_tab_pc li.active a{color:#5837ff;}
.ct_tab_m{float:left; display:none;}
.ct_tab_select{display:inline-block; width:100%; max-width:150px; margin:0 3px; padding:7px 15px 6px 15px; height:40px; background-color:#ffffff; border:1px solid #e3e7ee; border-radius:12px; text-align:left; font-weight:500; font-size:14px; color:#666666;}

@media screen and (max-width:1280px) {
	.st_title{font-size:18px;}
    .ct_tab_pc{display:none;}
    .ct_tab_m{display:block;}
}
/*-------------------------------------------------------------------------------------*
 *  footer_wrap                                                                        *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{width:100%; margin:30px 0 0 0; background:#ffffff; overflow:hidden; padding:50px 10px;}
.footer_box{width:100%; max-width:1400px; margin:0 auto;}
.f_logo{float:left; width:350px;}
.f_logo img{filter:grayscale(100%) brightness(170%);}
.f_copy{float:left; width:calc(100% - 350px); text-align:center; font-size:14px; line-height:20px; color:#848484;}
@media screen and (max-width:1280px) {
    .footer_wrap{padding-bottom:80px;}
    .f_logo{width:100%; text-align:center;}
    .f_logo img{width:100px;}
    .f_copy{width:100%; margin:20px 0 0 0; font-size:12px; line-height:16px;}
}

.f_fix_menu{display:none; width:100%; position:fixed; z-index:100; bottom:0; background:#5837ff;}
.f_fix_menu li{float:left; width:25%;}
.f_fix_menu li a{display:inline-block; width:100%; text-align:center; height:40px; line-height:40px; white-space:nowrap; font-size:13px; color:#ffffff; letter-spacing:-1px;}
@media screen and (max-width:1280px) {
    .f_fix_menu{display:block;}
}
@media screen and (max-width:350px) {
    .f_fix_menu li a{font-size:11px;}
}

/* 모바일 채팅창 */
#chat_mobile{display:none; position:fixed; bottom:40px; left:0; width:100%; height:250px; z-index:999; background:#1a1a2e; overflow:hidden; padding:0; margin:0;}
#chat_mobile.active{display:block;}
@media screen and (min-width:1281px) {
    #chat_mobile, #chat_mobile.active{display:none !important;}
}

/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
#login{float:left; width:100%; min-height:100vh; position:fixed; left:0; top:0; z-index:99999; background:rgba(255,255,255,0.6); display:flex; align-items:center; justify-content:center; display:none; backdrop-filter: blur(10px);}
.login_wrap{width:80%; max-width:320px; margin:0 auto; max-height:700px; transition:all 0.5s;}

.loginbox{width:100%; float:left; background:#ffffff; border:2px solid #f6f8fc; border-radius:10px 10px 10px 10px; display:flex; position:relative;}
.close_btn_cu{position:absolute; right:5px; top:5px; font-size:40px; color:#ffffff;}
 
@media screen and (min-width:1281px) {
   #login{display:none !important;} 
}


.join_box{width:100%; max-width:500px; margin:0 auto; overflow:hidden; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px;}
.login1 {float:left; width:100%;}
.login1 ul{display:flex; flex-wrap:wrap;}
.login1 li {float:left; width:100%; padding:1% 1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */
.join_title{float:left; width:100%; padding:0 0 5px; font-weight:500; font-size:12px; color:#222222;}
.join_text{float:left; width:100%; padding:5px 0 0; font-weight:500; font-size:12px; color:#999999;}
.join_text_error{color:#ff3b3b !important;}
.join_text_ok{color:#28a745 !important;}
.join_phone{float:left; width:100%; display:flex;}
.join_phone .login_btn1{width:45%;}


.login_input  {background-color:#f6f8fc; border:1px solid #e3e7ee; color:#444444; width:100%; height:44px; font-size:14px; font-weight:500; border-radius:12px; padding:0 0 0 20px;}
.login_input::placeholder {color:#949494;  font-size:14px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #5837ff;}


.login_btn_box2{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.login_btn_box2 li{float:left; width:50%; padding:1%; transition:all 0.2s; font-weight:500; font-size:14px; color:#ffffff;}
.login_btn1  {background:#5837ff; border:1px solid #5837ff; width:100%; height:44px; line-height:44px; display:inline-block; text-align:center; border-radius:8px; font-weight:500; font-size:14px; color:#ffffff; box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.login_btn2  {background:#999999; border:1px solid #999999; width:100%; height:44px; line-height:44px; display:inline-block; text-align:center; border-radius:8px; font-weight:500; font-size:14px; color:#ffffff; box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}

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


/*-------------------------------------------------------------------------------------*
 *  Sub02                                                                              *
 *-------------------------------------------------------------------------------------*/
.gallery_board_list{float:left; width:100%; padding:0 0 20px 0;}
.gallery_board_box{float:left; width:23.5%; margin:0 2% 2% 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px; cursor: pointer;}
.gallery_board_box a{display:block; text-decoration:none; color:inherit;}
.gallery_board_box:nth-child(4n){margin:0 0% 2% 0;}
.gbb_img{width:100%; height: 200px; text-align:center; position: relative; border-radius:12px; overflow:hidden;}
.gbb_img img{width: 100%; height: 100%; object-fit: cover;}
.gbb_title{float:left; width:100%; margin:10px 0 0 0; min-height:40px; font-weight:500; font-size:13px; color:#444444; line-height:20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gbb_info{float:left; width:100%; border-top:1px solid #f6f8fc; margin:10px 0 0 0; padding-top:10px; padding-bottom:10px; display:flex; align-items:center;}
.gbb_info1{float:left; width:calc(100% - 100px); font-size:13px; color:#444444; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.gbb_info1 span{display:block; margin:5px 0 0 0; font-size:11px; color:#999999;}
.gbb_info2{float:left; width:50px; font-weight:600; font-size:13px; color:#5837ff; text-align:center; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.gbb_info2 span{display:block; margin:5px 0 0 0; font-size:11px; color:#999999;}
.gbb_info3{float:left; width:50px; font-weight:600; font-size:13px; color:#5837ff; text-align:center; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; border-left:1px solid #f6f8fc;}
.gbb_info3 span{display:block; margin:5px 0 0 0; font-size:11px; color:#999999;}

@media screen and (max-width:1024px) {
.gallery_board_box{width:32%; margin:0 2% 2% 0;}
.gallery_board_box:nth-child(4n){margin:0 2% 2% 0;}    
.gallery_board_box:nth-child(3n){margin:0 0% 2% 0;}    
.gbb_img{height:30vw;}   
}
@media screen and (max-width:768px) {
.gallery_board_box{width:49.5%; margin:0 1% 1% 0;}
.gallery_board_box:nth-child(4n){margin:0 1% 1% 0;}    
.gallery_board_box:nth-child(3n){margin:0 1% 1% 0;}    
.gallery_board_box:nth-child(2n){margin:0 0% 1% 0;}    
 
.gbb_info1{font-size:11px;} 
.gbb_info1 span{font-size:10px;} 
.gbb_info2{font-size:11px;} 
.gbb_info2 span{font-size:10px;} 
.gbb_info3{font-size:11px;} 
.gbb_info3 span{font-size:10px;} 
}

/*-------------------------------------------------------------------------------------*
 *  Sub03                                                                              *
 *-------------------------------------------------------------------------------------*/
.event_board_list{float:left; width:100%; padding:0 0 20px 0;}
.event_board_box{float:left; width:23.5%; margin:0 2% 2% 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px; cursor: pointer;}
.event_board_box:nth-child(4n){margin:0 0% 2% 0;}
.ebb_img{width:100%; text-align:center; position: relative; border-radius:12px; overflow:hidden;}
.ebb_img img{width: 100%; object-fit: cover;}
.ebb_title{float:left; width:100%; margin:10px 0 0 0; min-height:40px; font-weight:500; font-size:13px; color:#444444; line-height:20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ebb_info{float:left; width:100%; border-top:1px solid #f6f8fc; margin:10px 0 0 0; padding-top:10px; padding-bottom:10px; display:flex; align-items:center;}
.ebb_info span{display:inline-block; width:100%; height:40px; border-radius:12px; line-height:40px; text-align:center; background:#5837ff;  font-size:16px; color:#ffffff;}

.event_end{filter:grayscale(100%); cursor:no-drop;}
@media screen and (max-width:1024px) {
.event_board_box{width:32%; margin:0 2% 2% 0;}
.event_board_box:nth-child(4n){margin:0 2% 2% 0;}    
.event_board_box:nth-child(3n){margin:0 0% 2% 0;}    
}
@media screen and (max-width:768px) {
.event_board_box{width:49.5%; margin:0 1% 1% 0;}
.event_board_box:nth-child(4n){margin:0 1% 1% 0;}    
.event_board_box:nth-child(3n){margin:0 1% 1% 0;}    
.event_board_box:nth-child(2n){margin:0 0% 1% 0;}     
.ebb_info span{font-size:13px;} 
}

/*-------------------------------------------------------------------------------------*
 *  Sub04                                                                              *
 *-------------------------------------------------------------------------------------*/
.fixter_bard_list{float:left; width:100%; padding:0 0 20px 0;}
.fixter_bard_box{float:left; width:49%; margin:0 2% 2% 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px; cursor: pointer;}
.fixter_bard_box:nth-child(2n){margin:0 0% 2% 0;}
.fbb_img{float:left; width:100px; height:100px; text-align:center; position: relative; border-radius:12px; overflow:hidden;}
.fbb_img img{width: 100%; height: 100%; object-fit: cover;}
.fbb_info{float:left; width:calc(100% - 100px); padding:0 20px;}

.fbb_title{float:left; width:100%; border-radius:8px; padding:0 10px; background:#f6f8fc; font-weight:500; font-size:16px; color:#5837ff; line-height:40px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.fbb_text{float:left; width:100%; height:100%; margin:10px 0 0 0; border-radius:8px; padding:0 10px; min-height:40px; font-weight:500; font-size:13px; color:#444444; line-height:20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.fixter_bard_box.active{box-shadow:1px 1px 4px #5837ff;}

@media screen and (max-width:1024px) {
.fbb_text{display:none;}
.fixter_bard_box{display: flex; flex-direction: column; align-items: center;}
.fbb_info{margin:10px 0 0 0; width:100%; padding:0;}
.fbb_img{width:100%;}
.fbb_title{font-size:13px;}
.fixter_bard_box{width:19.6%; margin:0 0.5% 0.5% 0;}
.fixter_bard_box:nth-child(2n){margin:0 0.5% 0.5% 0;}
.fixter_bard_box:nth-child(5n){margin:0 0% 0.5% 0;}
}

@media screen and (max-width:768px) {
.fixter_bard_box{width:33%; margin:0 0.5% 0.5% 0;}
.fixter_bard_box:nth-child(2n){margin:0 0.5% 0.5% 0;}
.fixter_bard_box:nth-child(5n){margin:0 0.5% 0.5% 0;}
.fixter_bard_box:nth-child(3n){margin:0 0% 0.5% 0;} 
.fbb_img{height:20vw;}   
.fbb_title{font-size:12px;} 
}

.fixter_bard_list{float:left; width:100%; padding:0 0 20px 0;}
.fixter_pick_list{float:left; width:100%; margin:4px 0 0 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px; cursor: pointer; display:flex; align-items:center; position:relative;}
.fixter_pick_list > a{display:flex; align-items:center; width:100%; color:inherit; text-decoration:none;}
.fpl_img{float:left; width:100px;}
.fpl_img_img{float:left; width:100%; height:100px; text-align:center; position: relative; border-radius:12px; overflow:hidden;}
.fpl_img_img img{width: 100%; height: 100%; object-fit: cover;}
.fpl_img_name{float:left; width:100%; margin:10px 0 0 0; text-align:center; color:#444444; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.fpl_info{float:left; width:200px;}

.fpl_info1{float:left; width:calc(100% - 100px); font-size:13px; color:#444444; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.fpl_info1 span{display:block; margin:5px 0 0 0; font-size:11px; color:#999999;}
.fpl_info2{float:left; width:50px; font-weight:600; font-size:13px; color:#5837ff; text-align:center; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.fpl_info2 span{display:block; margin:5px 0 0 0; font-size:11px; color:#999999;}
.fpl_info2:last-child{border-left:1px solid #f6f8fc;}

.fpl_title{float:left;  width:calc(100% - 300px); padding:0 20px; font-weight:500; font-size:16px; color:#222222;  line-height:24px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

@media screen and (max-width:768px) {
    .fixter_pick_list{flex-wrap:wrap;}
    .fixter_pick_list > a{flex-wrap:wrap;}
	.fpl_title{width:100%; padding:0; margin:30px 0 0 0; font-size:13px;}
	.fpl_info{width:100%; margin:10px 0 0 0;}
	.fpl_img_img{display:none;}
	.fpl_img_name{position:absolute; left:5px; top:5px; width:auto; padding:0 15px; line-height:20px; border-radius:12px; background:#5837ff; color:#ffffff;}
	
	.fpl_info1{font-size:11px;} 
	.fpl_info1 span{font-size:10px;} 
	.fpl_info2{font-size:11px;} 
	.fpl_info2 span{font-size:10px;} 
}

/*-------------------------------------------------------------------------------------*
 *  Sub05                                                                              *
 *-------------------------------------------------------------------------------------*/
.live_movie{width:100%; height:600px; background:#eeeeee;}
.channel_tab{float:left; width:100%;}
.channel_tab li{float:left; margin:0 10px 0 0;}
.channel_tab li a{display:inline-block; min-width:100px; height:40px; line-height:40px; padding:0 15px; text-align:center; border-radius:12px; background:#ffffff; font-weight:500; font-size:13px; color:#444444; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.channel_tab li a img{display:inline-block; width:20px; margin:0 10px 0 0;}

@media screen and (max-width:768px) {
    .channel_tab li{width:49.5%; margin:0 1% 1% 0;}
    .channel_tab li:nth-child(2n){margin:0 0 1% 0;}
	.channel_tab li a{width:100%;}
}

.sports_live_tab{float:left; width:100%; margin:20px 0 0 0;}
.sports_live_tab ul{float:left; width:100%; display:flex;}
.sports_live_tab ul li{float:left; width:calc(100% / 11 - 4px); margin:0 2px;}
.sports_live_tab ul li a{display:block; width:100%; position:relative; background:#ffffff; border-radius:12px; padding:10px 5px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); transition:ease-in 0.3s;}
.slt_img{width:100%; text-align:center;}
.slt_img img{width:100%; max-width:40px; display:inline-block;}
.slt_text{width:100%; margin:10px 0 0 0; text-align:center; font-weight:600; color:#444444;}
.slt_odd{position:absolute; right:5px; top:5px; padding:2px 5px; background:#5837ff; color:#ffffff; border-radius:12px; font-size:10px;}

.sports_live_tab ul li.active a{box-shadow:1px 1px 4px #5837ff;}
.sports_live_tab ul li:hover a{box-shadow:1px 1px 4px #5837ff;}

@media screen and (max-width:1280px) {
.sports_live_tab ul{flex-wrap:wrap;}
.sports_live_tab ul li{width:calc(100% / 6 - 4px); margin:2px;}  
.slt_text{display:none;}  
}

.sports_game_list_box{float:left; width:100%; margin:20px 0 0 0; background:#ffffff; border-radius:12px; padding:10px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.sports_game_list{float:left; width:100%; height:50px; display:flex; align-items:center; padding:0 20px; border-radius:12px; background:#ffffff; transition:all 0.5s;}
.sports_game_list:nth-child(odd){background:#f6f8fc;}
.sports_game_list:hover{box-shadow:1px 1px 20px #5837ff inset;}
.sgl_event{width:24px;}
.sgl_event img{width:100%; max-width:24px;}
.sgl_date{width:140px; padding:0 20px;  font-size:12px; color:#666666;}
.sgl_league{width:100px; padding:0 5px; font-weight:600; font-size:14px; color:#5837ff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sgl_game{width:calc(100% - 384px); text-align:Center; padding:0 20px; font-weight:600; font-size:14px; color:#222222; display:flex; align-items:center; justify-content:center;}
.sgl_multi{width:120px; height:34px; line-height:34px; border-radius:12px; background:rgba(0,0,0,0.05); display:flex; align-items:center; overflow:hidden; position:relative; z-index:10;}
.sgl_multi a{display:inline-block; width:25%; height:100%; text-align:center; font-weight:600; font-size:14px; color:#999999; transition:all 0.5s;}
.sgl_multi a:hover{background:#5837ff; color:#ffffff;}
.sgl_game .vs{display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.03); color:#5837ff; font-weight:600; font-size:11px; border-radius:12px;}
.sgl_game_icon{display:inline-block; width:20px;}

.team1{display:inline-block; min-width:40%; max-width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:right;}
.team2{display:inline-block; min-width:40%; max-width:40%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}

@media screen and (max-width:768px) {
.sports_game_list{display:block; height:auto; padding:10px; position:relative;}
   

.sports_game_list{display:grid; grid-gap:5px; grid-template-columns: 24px 104px 1fr 120px;
  grid-template-areas:
	"sgl1 sgl12 sgl13 sgl13"
	"sgl_game sgl_game sgl_game sgl_multi ";
}  
	.sgl_event { grid-area: sgl1; }
	.sgl_league  { grid-area: sgl12;}
	.sgl_game  { grid-area: sgl_game;} 
	.sgl_multi  { grid-area: sgl_multi;} 
	.sgl_event {width:100%;}
	.sgl_league   {width:100%;}
	.sgl_date   {width:100%;}
	.sgl_game   {width:100%; padding:10px 10px 0px 0; display:block;}
	
	.sgl_date{position:absolute; top:15px; width:100%; text-align:center; font-size:10px; font-weight:500;}
	.team1{display:block; text-align:left; width:100%; max-width:100%; height:24px; position:relative; padding-right:40px;}
	.team2{display:block; text-align:left; width:100%; max-width:100%; height:24px; margin:10px 0 0 0; position:relative;}
	.sgl_game .vs{position:absolute; right:10px; top:12px;}
	.sgl_game_icon{position:absolute; right:0px;}
	
	.sgl_league{font-size:12px;}
	.sgl_game{font-size:12px;}
	
	.sports_live_tab{margin:10px 0 0 0;}
	.sports_game_list_box{margin:10px 0 0 0;}
	
}

/*-------------------------------------------------------------------------------------*
 *  Sub06                                                                              *
 *-------------------------------------------------------------------------------------*/
.sports_highlight_wrap{float:left; width:100%; padding:0 0 20px 0;}
.sports_highlight_box{float:left; width:23.5%; margin:0 2% 2% 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px 10px 20px; cursor: pointer; transition:all 0.5s;}
.sports_highlight_box:nth-child(4n){margin:0 0% 2% 0;}
.sports_highlight_box>a{display:block; width:100%; height:100%;}
.sports_highlight_thumb{width: 100%; position: relative; height: 0; padding-bottom: 56.25%; border-radius:12px; overflow: hidden; transition: all 0.5s;}
.sports_highlight_thumb img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #5b5b5b; transition: all 0.5s;}
.sports_highlight_date{float:left; width:100%; margin:15px 0 0 0; font-size:12px; font-weight:500; color:#12006b;}
.sports_highlight_team{float:left; width:100%; margin:20px 0 0 0; display:flex; align-items:center;}
.sports_highlight_team:last-child{margin:5px 0 0 0;}
.sht_img{float:left; width:20px;}
.sht_img img{display:inline-block; width:100%;}
.sht_name{float:left; width:calc(100% - 60px); padding:0 5px; white-space:nowrap; overflow:hidden; font-weight:500; color:#222222;}
.sht_odd{float:left; width:40px; text-align:right; font-weight:500; color:#444444;}
.sht_odd.win{color:#5837ff;}

.sports_highlight_box:hover{box-shadow:1px 1px 10px #5837ff;}

@media screen and (max-width:1024px) {
.sports_highlight_box{width:32%; margin:0 2% 2% 0;}
.sports_highlight_box:nth-child(4n){margin:0 2% 2% 0;}    
.sports_highlight_box:nth-child(3n){margin:0 0% 2% 0;}    
}
@media screen and (max-width:768px) {
.sports_highlight_box{width:49.5%; margin:0 1% 1% 0;}
.sports_highlight_box:nth-child(4n){margin:0 1% 1% 0;}    
.sports_highlight_box:nth-child(3n){margin:0 1% 1% 0;}    
.sports_highlight_box:nth-child(2n){margin:0 0% 1% 0;}     
}


/*-------------------------------------------------------------------------------------*
 *  Sub07                                                                              *
 *-------------------------------------------------------------------------------------*/
.sports_injury_tab{float:left; width:100%; margin:10px 0 0 0; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); background:#ffffff; padding:10px;}
.sports_injury_tab ul{float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.sports_injury_tab ul li{min-width:60px; text-align:center; margin:0 2px;}
.sports_injury_tab ul li a{display: block; padding: 0 10px; height: 38px; line-height: 38px; text-align: center;border-radius:12px; background:#f6f8fc; border: 1px solid #f6f8fc; font-weight: 500; font-size: 14px; color: #999999; transition:all 0.5s;}
.sports_injury_tab ul li.active a{background:#ffffff; border: 1px solid #5837ff; color: #5837ff;}
.sports_injury_tab ul li:hover a{background:#ffffff; border: 1px solid #5837ff; color: #5837ff;}

.sports_injury_tab.league_tab ul li a{font-size:12px;}


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

    .sports_injury_tab ul{padding:0 20px; flex-wrap:wrap;}
    .sports_injury_tab ul li{margin:4px 2px 0; min-width:50px;}
    .sports_injury_tab ul li a{font-size: 12px;}
}
@media screen and (max-width:768px) {
    .sports_injury_tab ul{padding:0 5px;}
}
.sports_injury_list_box{float:left; width:100%; margin:0px 0 0 0; overflow:hidden;  border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); background:#ffffff; padding:10px;}
.sports_injury_list{float:left; width:100%; display:flex; align-items:center; border-radius:12px; background:#ffffff; padding:0 5px; transition:all 0.5s;}
.sports_injury_list:nth-child(odd){background:#f6f8fc;}
.sports_injury_list:hover{box-shadow:1px 1px 20px #5837ff inset;}

.sports_injury_title{float:left; width:100%; display:flex; align-items:center; padding:0 5px; border-radius:12px; background:#f6f8fc; overflow::hidden;}
.sit_1{float:left; width:150px; text-align:center; padding:10px 5px; font-weight: 500; font-size: 14px; color: #444444}
.sit_6{float:left; width:100px; text-align:center; padding:10px 5px; text-align:right; font-weight: 500; font-size: 14px; color: #444444}

.sit_pc{float:left; width:calc(100% - 250px); display:flex; align-items:center;}

.sit_2{float:left; flex:1; text-align:center; font-weight: 500; font-size: 14px; color: #444444;}
.sit_3{float:left; width:150px; text-align:center; font-weight: 500; font-size: 14px; color: #444444;}
.sit_4{float:left; width:150px; text-align:center; font-weight: 500; font-size: 14px; color: #444444;}
.sit_5{float:left; width:150px; text-align:center; font-weight: 500; font-size: 14px; color: #444444;}



.sil_1{float:left; width:150px; padding:10px 5px; font-weight: 500; font-size: 14px; color: #5837ff}
.sil_1 img{display:inline-block; width:20px; margin:0 5px 0 0;}
.sil_6{float:left; width:100px; padding:10px 5px; text-align:right; font-size: 14px; color: #999999}

.sil_pc{float:left; width:calc(100% - 250px); display:flex; align-items:center;}
.sil_m{float:left; width:calc(100% - 100px); display:flex; align-items:center; flex-wrap:wrap; padding:10px 0; display:none;}
.sil_m>div{float:left; width:100%; margin:5px 0 0 0; padding:0px 5px; font-weight: 500; font-size: 12px; color: #222222;}
.sil_m>div span{margin:0 0 0 10px; color: #717e8f;}
.sil_m>div:first-child{margin:0px 0 0 0;}
.sil_m>div:last-child{color: #12006b;}
.sil_m>div:last-child span{color: #222222;}

.sil_2{float:left; flex:1; font-weight: 500; font-size: 14px; color: #222222;}
.sil_3{float:left; width:150px; text-align:center; font-weight: 500; font-size: 14px; color: #12006b;}
.sil_4{float:left; width:150px; text-align:center; font-weight: 500; font-size: 14px; color: #222222;}
.sil_5{float:left; width:150px; text-align:center; font-weight: 500; font-size: 14px; color: #12006b;}

@media screen and (max-width:1024px) {
    .sports_injury_title{display:none;}
    .sil_pc{display:none;}
	
	.sil_1{width:40px; font-size: 0px;}
	.sil_6{width:60px;}
    .sil_m{display:flex;}
}
@media screen and (max-width:768px) {
 .sil_6{font-size:12px;}   
}
/*-------------------------------------------------------------------------------------*
 *  Sub08                                                                              *
 *-------------------------------------------------------------------------------------*/
.guarantee_site_wrap{float:left; width:100%; padding:0 0 20px 0;}
.guarantee_site_box{float:left; width:23.5%; margin:0 2% 2% 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px 10px 20px; cursor: pointer; transition:all 0.5s; position:relative;}
.guarantee_site_box:nth-child(4n){margin:0 0% 2% 0;}
.guarantee_site_box>a{display:block; width:100%; height:100%;}
.guarantee_site_banner{float:left; width:100%; text-align:center; border-radius:12px; overflow:hidden;}
.guarantee_site_banner img{display:inline-block; width:100%;}
.guarantee_site_box:hover{box-shadow:1px 1px 10px #5837ff;}
.guarantee_site_name{float:left; width:100%; text-align:center; margin:20px 0 0 0; font-weight:500; font-size:18px; color:#5837ff; white-space:nowrap; overflow:hidden;}
.guarantee_site_text{float:left; width:100%; margin:10px 0 0 0; padding:0 10px; min-height:40px; font-weight:500; font-size:14px; color:#222222; line-height:20px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.guarantee_site_won{position:absolute; right:10px; top:5px; padding:5px 5px; background:#5837ff; border-radius:12px; font-weight:500; color:#ffffff;}
.guarantee_site_btn{float:left; width:100%; margin:20px 0 0 0; display:flex; align-items:center; justify-content:space-between;}
.guarantee_site_btn button{float:left; width:49.5%; border-radius:8px; height:40px; line-height:40px; text-align:center; font-weight:500; display:flex; align-items:center; justify-content:center;}
.guarantee_site_btn button i{margin:-4px 5px 0 0;}
.guarantee_site_btn button.w100{width:100%;}
.guarantee_site_btn button:nth-child(1){background:#f6f8fc; color:#5837ff;}
.guarantee_site_btn button:nth-child(2){background:#5837ff; color:#ffffff;}
.guarantee_site_btn button:hover{opacity:0.7;}
.guarantee_site_btn>a{display:block; width:49.5%; text-decoration:none;}
.guarantee_site_btn>a button{width:100%;}
.guarantee_site_btn>a:nth-child(1) button{background:#f6f8fc; color:#5837ff;}
.guarantee_site_btn>a:nth-child(2) button{background:#5837ff; color:#ffffff;}

@media screen and (max-width:1024px) {
.guarantee_site_box{width:32%; margin:0 2% 2% 0;}
.guarantee_site_box:nth-child(4n){margin:0 2% 2% 0;}    
.guarantee_site_box:nth-child(3n){margin:0 0% 2% 0;}    
}
@media screen and (max-width:768px) {
.guarantee_site_box{width:49.5%; margin:0 1% 1% 0;}
.guarantee_site_box:nth-child(4n){margin:0 1% 1% 0;}    
.guarantee_site_box:nth-child(3n){margin:0 1% 1% 0;}    
.guarantee_site_box:nth-child(2n){margin:0 0% 1% 0;}  
.guarantee_site_name{font-size:16px;}   
}

/*-------------------------------------------------------------------------------------*
 *  Sub09                                                                              *
 *-------------------------------------------------------------------------------------*/
.bg_money_select_box{float:left; width:100%; padding:0 0 20px 0; display:flex;}
.bg_money_select_box_left{float:left; width:320px; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px; cursor: pointer;}
.bmsbl_img{float:left; width:100%; text-align:center; border-radius:12px; overflow:hidden;}
.bmsbl_img img{display:inline-block; width:100%;}
.bmsbl_site_name{float:left; width:100%; text-align:center; margin:20px 0 0 0; padding:0 10px; font-weight:500; font-size:18px; color:#5837ff; white-space:nowrap; overflow:hidden;}
.bmsbl_site_info{float:left; width:100%; border-top:1px solid #f6f8fc; margin:10px 0 0 0; padding-top:10px; padding-bottom:10px; display:flex; align-items:center;}
.bmsbl_info1{float:left; width:calc(100% - 100px); font-weight:600; font-size:13px; color:#444444; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.bmsbl_info1 span{display:block; margin:5px 0 0 0;  font-size:11px; color:#999999;}
.bmsbl_info2{float:left; width:50px; font-weight:600; font-size:13px; color:#5837ff; text-align:center; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.bmsbl_info2 span{display:block; margin:5px 0 0 0;  font-size:11px; color:#999999;}
.bmsbl_info2:last-child{border-left:1px solid #f6f8fc;}

.bg_money_select_box_right{float:left; width:calc(100% - 350px); margin:0 0 0 30px; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:20px; cursor: pointer;}

.bg_money_info{float:left; width:100%; background:#f6f8fc; border-radius:12px; padding:15px 10px 10px; position:relative;}
.bg_money_info_title{float:left; padding:5px 10px; border-radius:12px; font-weight:600; font-size:15px; background:#5837ff; color:#ffffff; position:absolute; top:-10px; left:5px;}
.bg_money_info_text{float:left; width:100%; margin:10px 0 0 0; padding:0 10px; min-height:40px; font-weight:500; font-size:14px; color:#222222; line-height:24px;}
.bmsbr_list{float:left; width:100%; margin:20px 0 0 0;}
.bmsbr_list_title{float:left; width:100%; text-indent:10px; font-weight:500; font-size:12px; color:#444444; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.bmsbr_list_input_box{float:left; width:100%; margin:5px 0 0 0;}
.bmsbr_list_input{display:inline-block; float:left; width:100%; padding:7px 15px 6px 15px; height:50px; background-color:#f6f8fc; border:1px solid #e3e7ee; border-radius:12px; text-align:left; font-weight:500; font-size:14px; color:#444444;}


.bmsbl_img_none{width:100%; height:100%; display:flex; justify-content:center; align-items:center; text-align:center; font-size:20px; line-height:1.8; opacity:0.6;  grid-column: span 2; grid-row: span 3;}

@media screen and (max-width:768px) {
    .bg_money_select_box{flex-wrap:wrap;}
    .bg_money_select_box_left{width:100%;}
    .bg_money_select_box_right{width:100%; margin:20px 0 0 0;}
	
	
.bg_money_select_box_left{display:grid; grid-gap:10px; grid-template-columns: 1fr 1fr;
  grid-template-areas:
	"bmsbl_img bmsbl_site_name"
	"bmsbl_img guarantee_site_text"
	"bmsbl_img bmsbl_site_info";
}  
	.bmsbl_img { grid-area: bmsbl_img; }
	.bmsbl_site_name  { grid-area: bmsbl_site_name;}
	.bg_money_select_box_left .guarantee_site_text  { grid-area: guarantee_site_text;} 
	.bmsbl_site_info  { grid-area: bmsbl_site_info;} 
	.bmsbl_img {width:100%;}
	.bmsbl_site_name   {width:100%; text-align:left;}
	.bg_money_select_box_left .guarantee_site_text   {width:100%; text-align:left;}
	.bmsbl_site_info   {width:100%; padding:0 10px;}	
}
@media screen and (max-width:425px) {
    .bg_money_select_box_left{display:block;}
	.bmsbl_site_name   {text-align:center;}
	.bg_money_select_box_left .guarantee_site_text{text-align:center;}
	.bmsbl_site_info   {width:100%; padding:10px 0 0 0;}
}
/*-------------------------------------------------------------------------------------*
 *  기본CSS                                                                            *
 *-------------------------------------------------------------------------------------*/
/* 일반게시판 */
.list_page_odd_wrap{float:left; width:100%; margin:20px 0 0 0; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px; overflow:hidden;}

.right_list_serch_box{float:left; width:100%; height:40px; line-height:40px; overflow:hidden; position:relative; transition:all 0.3s; display:flex; justify-content:center;}
.right_list_serch_btn{float:left; background-color:#5837ff; border:1px solid #5837ff; border-radius:5px; padding:0 10px; display:inline-block; min-width:60px; text-align:center; height:40px; line-height:40px; color:#ffffff; transition: all 0.5s;}
.list_serch{display:inline-block; width:100%; max-width:1000px; margin:0 3px; padding:7px 15px 6px 15px; height:40px; background-color:#f6f8fc; border:1px solid #e3e7ee; border-radius:5px; text-align:left; font-weight:500; font-size:14px; color:#666666;}
select.list_serch{max-width:150px; margin:0;}

.list_box_wrap{float:left; width:100%;  margin:10px 0 0 0; overflow:hidden;}
.list_box{float:left; width:100%; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px;}
.list_tr{float:left; width:100%; font-size:0; display:flex; position:relative;}
.list_tr>*{width:100px;}
.list_tr>*:nth-child(2){max-width:100%; width:calc(100% - 400px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:500;}
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:20px; color:#444444; justify-content:flex-start;}
.list_title     {background:#f6f8fc; color:#444444; font-size:14px; font-weight:500; display: flex; align-items: center; justify-content:center; line-height:40px;}
.list_notice    {background:#ffffff; border-bottom:1px solid #dadfe8; color:#666666; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}
.badge_notice   {display:inline-block; background:#5837ff; color:#ffffff; font-size:11px; font-weight:600; padding:1px 6px; border-radius:3px; margin-right:4px; vertical-align:middle; line-height:18px;}
.list           {background:none; border-bottom:1px solid #dadfe8; color:#999999; font-size:14px; text-align:center; display: flex; align-items: center; justify-content:center; padding:15px 5px 15px 5px; cursor:pointer;}
.list_tr.trfirst{border-radius:12px; overflow:hidden;}

.list_date{color:#8b8b8b;}
.list_view{color:#8b8b8b;}
.list_tr i{display:none; margin:0 5px;}

.viewfont{font-weight:700; color:#5837ff;}
.viewfont i{display:inline-block;}
.viewfont span{display:none; margin:5px 0 0 0;  color:#666666; font-size:10px;}
.list_n_bold{font-weight:700;}


.tip_board_title1{display:inline-block; margin:0 5px 0 0; font-weight: 500; font-size:12px; background:#5837ff; border-radius:5px; padding:0px 4px; height: 20px; line-height: 20px; white-space:nowrap; color:#ffffff;}
.tip_board_title2{display:inline-block; margin:0 5px 0 0; font-weight: 500; font-size:12px; background:#ffb238; border-radius:5px; padding:0px 4px; height: 20px; line-height: 20px; white-space:nowrap; color:#ffffff;}
.tip_board_title3{display:inline-block; margin:0 5px 0 0; font-weight: 500; font-size:12px; background:#c200ff; border-radius:5px; padding:0px 4px; height: 20px; line-height: 20px; white-space:nowrap; color:#ffffff;}
.tip_board_title4{display:inline-block; margin:0 5px 0 0; font-weight: 500; font-size:12px; background:#003fff; border-radius:5px; padding:0px 4px; height: 20px; line-height: 20px; white-space:nowrap; color:#ffffff;}
.tip_board_title5{display:inline-block; margin:0 5px 0 0; font-weight: 500; font-size:12px; background:#ff7d3d; border-radius:5px; padding:0px 4px; height: 20px; line-height: 20px; white-space:nowrap; color:#ffffff;}


/* 페이지 */
.page_wrap       {float:left; width:100%; text-align:center;}
.page_wrap ul {display:inline-block; padding:10px; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.page_wrap ul li {display:inline;}
.page            {background:rgba(0,0,0,0.02); color:#9f9f9f; font-weight:500; display:inline-block; padding:12px 17px 12px 17px; border-radius:5px;}
.pageon          {background:#5837ff; color:#ffffff; display:inline-block; padding:12px 17px 12px 17px; font-weight:500; border-radius:5px;}

@media screen and (max-width:1024px) {
.list_tr.trfirst{display:none;}
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:20px;}  

.list_tr{width:100%; display:block; border-radius:12px; overflow:hidden; margin:5px 0 0 0; padding-right:50px;}  
.list_tr:first-child{margin:0;} 
.list_tr:not(.trfirst)>*:nth-child(1){display:none;} 
.list_tr:not(.trfirst)>*:nth-child(2){width:100%;}
.list_tr:not(.trfirst)>*:nth-child(3){width:auto;  float:left; padding:5px 5px 15px 20px;}
.list_tr:not(.trfirst)>*:nth-child(4){width:auto; float:left; margin:0 10px 0 10px; padding:5px 5px 15px;}
.list_tr:not(.trfirst)>*:nth-child(5){width:auto; float:left;  padding:5px 5px 15px;}

.list_title{display:none;}
.list_notice{border:none; background:none; font-size:12px; padding:10px 5px 10px 5px;}
.list{border:none; font-size:12px;}

.list_tr i{display:inline-block;}
.list_tr{border:1px solid #dadfe8;}

.viewfont{position:absolute; width:40px; height:100%; background:#f6f8fc; right:0px; top:50%; transform:translateY(-50%); font-size:12px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.viewfont span{display:inline-block;}
.viewfont i{display:none;}


select.list_serch{max-width:80px; margin:0;}
}
@media screen and (max-width:768px) {
.list_tr:not(.trfirst)>*:nth-child(2){padding-left:10px;}  
.list_tr:not(.trfirst)>*:nth-child(3){padding:5px 5px 15px 10px;}

}


/* 게시판 보기페이지 */
.view_box{float:left; width:100%; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px;}
.view_title{float:left; width:100%; padding:10px 0; line-height:1.4; background:#ffffff; font-size:16px; color:#222222;}
.view_info1{float:left; width:100%; padding:10px 5px; border-bottom:1px solid #dadfe8;}
.view_writer{float:left; font-size:14px; }
.view_date{float:right; font-size:14px; }
.view_info2{float:left; width:100%; padding:5px 5px; display:flex; align-items:center; justify-content:space-between;}
.view_odd{float:left; padding-right:1rem; font-size:13px; font-weight:500; color:#989898;}
.view_odd i{margin:0 5px 0 0;}
.view_content{float:left; width:100%; margin:20px 0 0 0; min-height:300px; padding:20px; border-radius:10px; overflow:hidden; background:#f6f8fc; line-height:24px;  font-size:16px; color:#444444;}
.view_btn_box a{margin:0 0 0 5px;}
.view_thumbs_box{float:left; width:100%; margin:10px 0 0 0; display:flex; justify-content:center;}
.thumbs_btn{min-width:160px; height:50px; line-height:50px; position:relative; display:flex; align-items:center;}
.thumbs_btn.up{border-radius:10px 0 0 10px; background:#5837ff; border:1px solid #5837ff; padding:0 10px 0 10px; font-size:14px; color:#ffffff;}
.thumbs_btn.down{border-radius:0 10px 10px 0; background:#dadfe8; border:1px solid #dadfe8; border-left:none; padding:0 10px 0 10px; font-size:14px; color:#666666;}
.up i{width:30px; text-align:center;}
.down i{width:30px; text-align:center;}
.down .thumbs_img{left: 0;}
.thumbs_odd{display:inline-block; width:44px; font-weight:600; text-align:center;}
.thumbs_btn:hover{opacity:0.8;}
.thumb_line{display:inline-block; font-weight:300; font-size:20px;}
.up .thumb_line{margin:0 auto 0 0; color:rgba(255,255,255,0.2);}
.down .thumb_line{margin:0 0 0 auto; color:rgba(0,0,0,0.2);}

.comment_box{float:left; width:100%;}
.comment_view{float:left; width:100%; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px;}
.comment_view_title{float:left; width:100%; margin:30px 0 0 0; font-size:14px; color:#5837ff;}
.comment_view_list{float:left; width:100%; border-top:1px solid #dadfe8; padding:0 0 5px 0;}
.comment_view_list a{margin:0 0 0 5px;}

.comment_view_top{float:left; width:100%; padding:10px 5px;}
.comment_writer{float:left; font-weight:500; font-size:14px; color:#444444;}
.comment_point{float:left; margin:0 10px; font-size:14px;}
.comment_day{float:left; font-size:14px; }
.comment_day span{color:#5837ff;}
.comment_date{float:right; font-size:14px;  color:#8b8b8b;}
.comment_content{float:left; width:100%; margin:0px 0 0 0; padding:20px 5px; border-radius:10px; overflow:hidden; line-height:22px;  font-size:14px; color:#333333;}
.comment_btn_box{float:right;}
.comment_enter{float:left; width:100%; margin:10px 0 0 0; padding:20px; border-radius:12px; overflow:hidden; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11);}
.comment_input{display:inline-block; float:left; width:calc(100% - 100px); padding:7px 15px 6px 15px; height:50px; background-color:#f6f8fc; border:1px solid #e3e7ee; border-radius:12px 0 0 12px; text-align:left; font-weight:500; font-size:14px; color:#444444;}
.comment_btn{float:left; background-color:#5837ff; border:1px solid #5837ff; border-radius:0 12px 12px 0; padding:0 10px; display:inline-block; width:100px; text-align:center; height:50px; line-height:50px; color:#ffffff; transition: all 0.5s;}

@media screen and (max-width:768px) {
    .view_info2{flex-wrap:wrap;}
    .view_btn_box{float:left; width:100%; margin:5px 0 0 0; text-align:right;}
    .view_title{font-size:16px;}
}

/* 게시판 쓰기페이지 */
.write_box{width:100%; background:#ffffff; border-radius:12px; box-shadow:1px 1px 4px rgba(0,0,0,0.11); padding:10px;}
.write_tr{width:100%; display:flex;}
.write_title_top {}
.write_title     {background:; border-bottom:1px solid #dadfe8; color:#444444; width:150px; font-weight:500; font-size:16px; display:flex; align-items: center; justify-content: center;} 
.write_basic     {background:; border-bottom:1px solid #dadfe8; color:#999999; padding:12px 20px 12px 20px; width:calc(100% - 150px); }
.write_basic input::placeholder, .write_basic textarea::placeholder {color:#a3a3a3; transition:all 0.5s;}
.write_basic input:focus, .write_basic textarea:focus {border:1px solid #5837ff;}
.input1{display:inline-block; float:left; width:calc(100% - 100px); padding:7px 15px 6px 15px; height:40px; background-color:#f6f8fc; border:1px solid #e3e7ee; border-radius:12px; text-align:left; font-weight:500; font-size:14px; color:#444444;}
.input2{display:inline-block; float:left; width:calc(100% - 100px); padding:7px 15px 6px 15px; background-color:#f6f8fc; border:1px solid #e3e7ee; border-radius:12px; text-align:left; font-weight:500; font-size:14px; color:#ffffff;}

.write_tr:last-child>*{border:none;}
@media screen and (max-width:1440px) {

}

@media screen and (max-width:768px) {
.write_tr{flex-wrap:wrap;}
.write_title{width:100%; font-size:14px; padding:12px 20px 12px 20px; justify-content: flex-start;}
.write_basic{width:100%; font-size:12px;}

.input1{height:40px;}
}

@media screen and (max-width:768px) {
    .list_box{padding:6px;}
    .view_box{padding:6px;}
    .comment_view{padding:6px;}
    .comment_enter{padding:6px;}
    .write_box{padding:6px;}
	
	
    .gallery_board_box{padding:6px;}
    .event_board_box{padding:6px;}
    .fixter_bard_box{padding:6px;}
    .fixter_pick_list{padding:6px;}
    .sports_game_list_box{padding:6px;}
    .sports_highlight_box{padding:6px;}
    .sports_injury_tab{padding:6px;}
    .sports_injury_list_box{padding:6px;}
    .guarantee_site_box{padding:6px;}
    .bg_money_select_box_left{padding:6px;}
    .bg_money_select_box_right{padding:6px;}
}

/*-------------------------------------------------------------------------------------*
 *  버튼                                                                               *
 *-------------------------------------------------------------------------------------*/
.btn1_1         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:12px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn1_2         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:12px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn1_3         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:12px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn2_1         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:14px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn2_2         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:14px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn2_3         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:14px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn3_1         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:14px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}
.btn3_2         {display:inline-block; text-align:center; border-radius:8px; color:#ffffff; font-size:14px; letter-spacing:0pt;  text-shadow:2px 0 3px rgba(0,0,0,0.0); box-shadow:rgba(201,208,221,0.7) 0px 4px 0px 0px;}

.btn_wrap_right        {width:100%; text-align:right;}
.btn_wrap_right ul li  {display:inline;}
.btn_wrap_center       {width:100%; text-align:center;}
.btn_wrap_center ul li {display:inline;}

.btn1_1         {background:#5837ff; min-width:60px; min-height:30px; padding:0 10px 0 10px; line-height:28px;}
.btn1_1:hover   {opacity:0.8;}

.btn1_2         {background:#737373; min-width:60px; min-height:30px; padding:0 10px 0 10px; line-height:28px;}
.btn1_2:hover   {opacity:0.8;}

.btn1_3         {background:#f28d16; min-width:60px; min-height:30px; padding:0 10px 0 10px; line-height:28px;}
.btn1_3:hover   {opacity:0.8;}

.btn2_1         {background:#5837ff; min-width:110px; height:36px; line-height:36px;}
.btn2_1:hover   {opacity:0.8;}

.btn2_2         {background:#737373; min-width:110px; height:36px; line-height:36px;}
.btn2_2:hover   {opacity:0.8;}

.btn2_3         {background:#f28d16; min-width:110px; height:36px; line-height:36px;}
.btn2_3:hover   {opacity:0.8;}

.btn3_1         {background:#5837ff; min-width:220px; height:44px; line-height:44px;}
.btn3_1:hover   {opacity:0.8;}

.btn3_2         {background:#737373; min-width:220px; height:44px; line-height:44px;}
.btn3_2:hover   {opacity:0.8;}

.division1      {background:#444444; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#999999; font-size:12px;  border-radius:8px;}
.division2      {background:#5837ff; display:inline-block; text-align:center; min-width:100px; padding:6px 8px 6px 8px; line-height:12px;  color:#ffffff; font-size:12px;  border-radius:8px;}
.division3      {background:#000000; display:inline-block; text-align:center; min-width:80px; padding:9px 8px 9px 8px; line-height:12px;  color:#14d70a; font-size:14px;  border-radius:8px;}

.write_basic_btn{display:inline-block; margin:0 0 0 10px;}
[class*="btn1_"] {margin: 0 0 2px;}


.btn1_1 .btn_i_img{color:#ffffff;}
.btn1_2 .btn_i_img{color:#ffffff;}
.btn1_3 .btn_i_img{color:#ffffff;}
.btn2_1 .btn_i_img{color:#ffffff;}
.btn2_2 .btn_i_img{color:#ffffff;}
.btn2_3 .btn_i_img{color:#ffffff;}
.btn_i_img.red{color:#ff0073; font-size:14px;}
.btn_i_img.blue{color:#999999; font-size:14px;}
.btn_i_img{position:relative; top:70%;}
.btn_icon_img{display:inline-block; width:20px;}
@media screen and (max-width:1250px) {
	.write_basic_btn{margin:5px 0 0 0;}

}
@media screen and (max-width:768px) {
	.display_flex{display:flex; flex-wrap: nowrap; align-items: center; justify-content: center;}
	.display_flex li{width:100%; margin:0 2px 0 2px;}
								   
	[class*="btn2_"] {min-width:100%; font-size:12px}
	[class*="btn3_"] {min-width:100%; font-size:14px}
	.division1{min-width:60px; font-size:11px}
	.division2{min-width:60px; font-size:11px}
	.division3{min-width:60px; font-size:11px}
}

/*-------------------------------------------------------------------------------------*
 *  핫중계전용                                                                          *
 *-------------------------------------------------------------------------------------*/

:root {
    --glow-hue: 246deg; /* 색상변경 */
    --shadow-hue: 180deg;
    --spring-easing: linear(
    0, 0.002, 0.01 0.9%, 0.038 1.8%, 0.156, 0.312 5.8%, 0.789 11.1%, 1.015 14.2%,
    1.096, 1.157, 1.199, 1.224 20.3%, 1.231, 1.231, 1.226, 1.214 24.6%,
    1.176 26.9%, 1.057 32.6%, 1.007 35.5%, 0.984, 0.968, 0.956, 0.949 42%,
    0.946 44.1%, 0.95 46.5%, 0.998 57.2%, 1.007, 1.011 63.3%, 1.012 68.3%,
    0.998 84%, 1
  );
    --spring-duration: 1.33s;
}
@property --shimmer {
    syntax: "<angle>";
    inherits: false;
    initial-value: 33deg;
}

@keyframes shimmer {
    0% {
        --shimmer: 0deg;
    }
    100% {
        --shimmer: 360deg;
    }
}

@keyframes shine {
    0% {
        opacity: 0;
    }
    15% {
        opacity: 1;
    }
    55% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.shimmer_button {position: relative; isolation: isolate;scale: 1; z-index:9; overflow:hidden;}

.shimmer {
    position: absolute;
    inset: -40px;
    border-radius: inherit;
    mask-image: conic-gradient(
        from var(--shimmer, 0deg),
        transparent 0%,
        transparent 10%,
        black 36%,
        black 45%,
        transparent 50%,
        transparent 60%,
        black 85%,
        black 95%,
        transparent 100%
    );
    mask-size: cover;
    mix-blend-mode: plus-lighter;
    animation: shimmer 1s linear infinite both;
}
.shimmer_button{overflow:visible;}
.shimmer_button .shimmer::before,
.shimmer_button .shimmer::after{
    opacity: 1;
    animation: shine 2.2s ease-in 1 ;
}
.shimmer::before,
.shimmer::after {
    transition: all 0.5s ease;
    opacity: 0;
    content: "";
    border-radius: inherit;
    position: absolute;
    mix-blend-mode: color;
    inset: 40px;
    pointer-events: none;
}
.shimmer::before {
    box-shadow: 0 0 3px 2px hsl(var(--glow-hue) 20% 95%),
        0 0 7px 4px hsl(var(--glow-hue) 20% 80%),
        0 0 13px 4px hsl(var(--glow-hue) 50% 70%),
        0 0 25px 5px hsl(var(--glow-hue) 100% 70%);
    z-index: -1;
}

.shimmer::after {
    box-shadow: inset 0 0 0 1px hsl(var(--glow-hue) 70% 95%),
        inset 0 0 2px 1px hsl(var(--glow-hue) 100% 80%),
        inset 0 0 5px 2px hsl(var(--glow-hue) 100% 70%);
    z-index: 2;
}