@charset "utf-8";
#wrap {width:100%; overflow:hidden; position:relative;}

/*-------------------------------------------------------------------------------------*
 *  header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}
.header_top{width: 100%; height: 80px; display:flex; align-items: center; padding: 0 10px; font-size: 14px; font-weight: 400; flex-shrink: 0; background:#0a1224; transition:all 0.3s;}
.header_top::-webkit-scrollbar {width: 4px; height: 3px;}
.header_top::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.25); border-radius: 12px;}
.header_top::-webkit-scrollbar-track {display: none;}

.logo{float: left; margin: 0 20px 0 0; transition: all 0.2s; width: 160px;height: 100px;top: 10px;display: block;position: relative;}
.logo img{transition:all 0.2s; width: 100%; height: 100%;}
.notice{float:left; width:370px; height:34px; line-height:34px; border-radius:34px; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:linear-gradient(90deg, #0e1a30 0%, #122850 50%, #0e1a30 100%); border:1px solid #1a2a44; box-shadow:1px 0 6px 0 rgba(0,0,0,0.9) inset; font-size:14px; color:#b3d4ff;  transition:all 0.2s;}
.m_notice{float:left; width:100%; height:34px; line-height:34px; border-radius:0px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:linear-gradient(90deg, #0e1a30 0%, #122850 50%, #0e1a30 100%); border:1px solid #1a2a44; box-shadow:1px 0 6px 0 rgba(0,0,0,0.9) inset; font-size:12px; color:#b3d4ff;  transition:all 0.2s; display:none;}

.lnb{float:left; margin:0 50px 0 auto; text-align:right; transition:all 0.2s;}
.lnb li{float:left; line-height:24px; margin:0 0 0 2vw; transition:all 0.2s;}
.lnb li a{display:block; font-weight:500; font-size:13px; color:#dce6f5; position:relative; transition:all 0.2s;}
.lnb li a::after{position: absolute; display: block; height: 2px; background: #8bb8ff; content: ""; bottom: -10px; transition: all 60ms ease-out; -webkit-transition: all 60ms ease-out; left: 51%; right: 50%;}
.lnb li:hover a{color:#8bb8ff;}
.lnb li:hover a::after{left:0; right: 0;}

.util{float:left; margin:0 0 0 20px;}
.util_btn1{display:inline-block; min-width:90px; height:28px; line-height:28px; border-radius:28px; padding:0 10px; text-align:center; background:linear-gradient(#2b6fff 0%, #1a4fd4 100%); font-weight:500; font-size:12px; color:#ffffff; transition:all 0.2s; border:none;}
.util_btn1:hover{background:linear-gradient(#4d8fff 0%, #2b6fff 100%); filter:brightness(1.05);}
.m_left_menu{display:none;}
.m_left_menu i{font-size:26px; color:#8bb8ff;}
.m_right_menu{display:none;}
.m_right_menu i{font-size:26px; color:#8bb8ff;}

.bg_line{float:left; width:100%; height:4px; background:linear-gradient(90deg, #0a1224 0%, #1a4fd4 25%, #8bb8ff 50%, #1a4fd4 75%, #0a1224 100%);}
.header_bottom{width: 100%; height:50px; display:flex; align-items: center; padding: 0 10px; font-size: 14px; font-weight: 400; flex-shrink: 0; background:#0e1a30; transition:all 0.3s;}
.gnb{float:left; width:100%;}
.gnb ul{display:flex; align-items:center; justify-content:center;}
.gnb ul li{float:left; margin:0 25px; transition:all 0.3s;}
.gnb ul li a{display:block; font-weight:500; font-size:17px; color:#ffffff; position:relative; transition:all 0.3s;}
.gnb ul li a::after{position: absolute; display: block; height: 2px; background: #8bb8ff; content: ""; bottom: -10px; transition: all 60ms ease-out; -webkit-transition: all 60ms ease-out; left: 51%; right: 50%;}
.gnb li:hover a{color:#8bb8ff;}
.gnb li:hover a::after{left:0; right: 0;}

@media screen and (max-width:1800px) {
	.notice{display:none;}
	.m_notice{display:block;}
	.logo{margin:0;}

}
@media screen and (max-width:1280px) {
	.lnb{display:none;}
	.util{display:none;}
	.m_left_menu{display:block;}
	.m_right_menu{display:block;}
	.logo{margin:0 auto;}
	.gnb ul li{margin:0 15px;}
	.gnb ul li a{font-size:15px;}

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

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

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; height:calc(100vh - 134px); border-top:1px solid rgba(255,255,255,0.03); position:relative;}
.contents_left{float:left; width:310px; height:100%; padding:10px 10px 30px; overflow-x:hidden; overflow-y: auto; transition:all 0.2s;}

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

.contents_center{float:left; width:calc(100% - 620px); padding:10px 0 0; height:100%; transition:all 0.5s;}
.contents_center_info{float:left; width:50%; height:100%; overflow-x:hidden; overflow-y: auto; padding:0 0 30px;}
.contents_center_info:first-child{border-right:1px solid rgba(0,0,0,0.2);}
.contents_center_info:last-child{border-left:1px solid rgba(255,255,255,0.03);}
.contents_center_info::-webkit-scrollbar {width: 4px; height: 4px;}
.contents_center_info::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.contents_center_info::-webkit-scrollbar-track {display: none;}

.contents_center_info_full{float:left; width:100%; height:100%; overflow-x:hidden; overflow-y: auto; padding:0 0 30px;}
.contents_center_info_full::-webkit-scrollbar {width: 4px; height: 4px;}
.contents_center_info_full::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1); border-radius: 12px;}
.contents_center_info_full::-webkit-scrollbar-track {display: none;}

.contents_right{float:right; width:310px; height:100%; overflow-x:hidden; overflow-y: auto; padding:10px 10px 30px; transition:all 0.5s;}
.contents_right::-webkit-scrollbar {width: 4px; height: 4px;}
.contents_right::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.0); border-radius: 12px;}
.contents_right::-webkit-scrollbar-track {display: none;}
.contents_right:hover::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.1);}

.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_center_info{display:block !important;}
    .contents_center_info{display:block!important;}
}
@media screen and (max-width:1440px) {
	.contents_center_info{width:100%;}
	.contents_center_info:last-child{display:none;}
	.contents_center_info:first-child{border-right:none;}
	.contents_center_info:last-child{border-left:none; display:none;}	
}
@media screen and (min-width:1281px) {
    .contents_left{display:block !important;}
    .contents_right{display:block!important;}
}
@media screen and (max-width:1280px) {
	.contents_left{display:none; position:absolute; left:0; z-index:100; background:#0a1224;}
	.contents_center{width:100%; padding:10px 5px 0;}
	.contents_right{display:none; position:absolute; right:0; z-index:100; background:#0a1224;}   
}

@media screen and (max-width:1024px) {
	.contents_wrap{height:calc(100vh - 100px);} 
	.contents_left{display:none;} 
	.contents_center{width:100%;}
	.contents_center_info_full{width:100%;}

}

.title{float:left; width:100%; height:50px; line-height:50px; background:linear-gradient(90deg, #122850 0%, #152542 100%); border-bottom:1px solid #2a5080; padding:0 15px; font-size:16px;}
.s_title1{float:left; width:100%; padding:8px 10px; background:#203658; font-size:13px; color:#e4e4e4;}
.s_title1 span{font-size:12px; color:#8bb8ff; display:inline-block; margin:0 0 0 10px;}
/*-------------------------------------------------------------------------------------*
 *  left-고정영역                                                                       *
 *-------------------------------------------------------------------------------------*/
.left_quick_menu{float:left; width:100%;}
.left_quick_menu li{float:left; width:calc(50% - 1px); margin:0 2px 2px 0;}
.left_quick_menu li:nth-child(2n){margin:0 0 2px 0;}
.left_quick_menu li a{display:block; width:100%; text-align:center; height:34px; line-height:34px; background:linear-gradient(to right, #0e2a6a 0%, #1a4fd4 20%, #8bb8ff 50%, #1a4fd4 80%, #0e2a6a 100%); font-weight:500; font-size:14px; color:#000000; box-shadow:1px 1px 0 rgba(255,255,255,0.3) inset; transition:all 0.2s;}
.left_quick_menu li:hover a{filter:brightness(1.2)}

.left_menu{float:left; width:100%; margin:3px 0 0 0; border:1px solid transparent; border-image:linear-gradient(to right, #2b6fff 0%, #163fad 20%, #8bb8ff 50%, #163fad 80%, #2b6fff 100%); border-image-slice: 1;}
.left_menu ul{display:flex; flex-wrap:wrap;}
.left_menu li{float:left; width: calc(100% / 3); display:flex;}
.left_menu li a{display:block; width:100%; padding:10px 2px; text-align:center; background:#122038; border-top:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); transition:all 0.2s;}
.left_menu li:nth-child(3n) a{border-right:none;}
.left_menu li:nth-child(-n+3) a{border-top:none;}
.left_menu li:hover a{background:rgba(255,255,255,0.1); color:#8bb8ff;}

.left_quick_game{float:left; width:100%; margin:5px 0 0 0;}
.left_quick_game li{float:left; width:calc(50% - 1px); margin:0 2px 2px 0;}
.left_quick_game li:nth-child(2n){margin:0 0 2px 0;}
.left_quick_game li a{display:block; transition:all 0.2s;}
.left_quick_game li a img{width:100%;}
.left_quick_game li:hover a{filter:brightness(1.2)}

.left_serch_box{float:left; width:100%; margin:5px 0 0 0; padding:10px; background:#122038;}
.left_serch{float:left; width:100%; position:relative; margin:5px 0 0 0;}
.left_serch:first-child{margin:0;}
.left_serch_input{float:left; width:100%; background:#1a2e4a; padding:5px 40px 5px 10px; height:34px; color:#ffffff;}
.left_serch_btn{position:absolute; right:0; top:0; width:34px; height:34px; background:#1a4fd4; transition:all 0.2s;}
.left_serch_btn:hover{background:#163fad;}

.left_game_tab_box{float:left; width:100%; margin:5px 0 0 0;}
.left_game_tab{float:left; width:100%;}
.left_game_tab ul{display:flex;}
.left_game_tab ul li{float:left; width: calc(100% / 2); display:flex; align-items:center; justify-content:center; background:#152542; border-right:1px solid #0a1224; border-bottom:1px solid #0a1224; transition:all 0.2s;}
.left_game_tab ul li.active{background:#122038;}
.left_game_tab ul li:hover{background:#122038;}
.left_game_tab ul li:nth-child(3n){border-right:none;}
.left_game_tab ul li a{display:block; width:100%; text-align:center; padding:10px 5px; font-size:14px; color:#e4e4e4;}
.left_game_tab ul li a span{display:block; margin:2px 0 0 0; font-size:12px; color:#2b6fff;}

/* 종목 1depth */
.sports_events{float:left; width:100%;}
.sports_events_menu{float:left; width:100%; height:40px; line-height:40px; background:#122038; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4;}

.sports_event_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.sports_event_odd{font-weight:300; font-size:12px; color:#2b6fff; margin:0 0 0 auto; background:#203658; padding:0 5px; text-align:center; min-width:50px; height:24px; line-height:24px; border-radius:24px; display:inline-block; transition:all 0.5s;}
.sports_event_arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:4px; opacity:0; transition:all 0.5s;}
.sports_event_arrow i{transform:rotate(0deg); transition:all 0.5s;}
.sports_events_menu.active{background:#0c1628; color:#ffffff;}

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


/* 나라별 2depth */
.country_frame{float:left; width:100%; height:40px; line-height:40px; background:#0e1a30; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#bababa;}

.sports_country_img{height:14px; border-radius: 7px; margin:0 10px 0 0; display:inline-block;}
.sports_country_odd{margin:0 0 0 5px; display:inline-block; transition:all 0.5s;}
.sports_country_arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:4px; transition:all 0.5s;}
.sports_country_arrow i{transform:rotate(0deg); transition:all 0.5s;}

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

.country{float:left; width:100%; height:40px; line-height:40px; background:#0e1a30; border-bottom:1px solid rgba(255,255,255,0.05); position:relative; display:flex; align-items:center; padding:0 16px 0 16px; cursor:pointer;}
.country .name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color:#bababa;}

.country_frame.active{background:#142440; color:#ffffff;}
.country:hover{background:#142440; color:#ffffff;}
.country:hover .name{color:#ffffff;}

.country_frame{display:none;}
.country_frame.frame_show{display:block;}

.country_frame01{display:none;}
.country_frame01.frame_show01{display:block;}
.country_frame01 .name{font-size:12px;}


/* 미니게임 투뎁스 */
.mini_events_menu{float:left; width:100%; height:40px; line-height:40px; background:#122038; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4;}

.mini_event_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.mini_event_arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:4px; transition:all 0.5s;}
.mini_event_arrow i{transform:rotate(0deg); transition:all 0.5s;}
.mini_events_menu.active{background:#0c1628; color:#ffffff;}

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

.mini_country_img{height:14px; border-radius: 7px; margin:0 10px 0 0; display:inline-block;}

@media (hover: hover) {
.sports_events_menu:hover{background:#0c1628; color:#ffffff;}
.sports_events_menu:hover .sports_event_odd{opacity:0;}
.sports_events_menu:hover .sports_event_arrow{opacity:1;}	
.country_frame:hover{background:#142440; color:#ffffff;}
.country:hover{background:#142440; color:#ffffff;}
.country:hover .name{color:#ffffff;}
.mini_events_menu:hover{background:#0c1628; color:#ffffff;}
}

/* 실시간 */
.left_live_title{float:left; width:100%; height:40px; line-height:40px; background:#152542; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4;}
.left_live_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.left_live_game_box{float:left; width:100%; padding:10px 10px; display:flex; background:#122038; border-bottom: 1px solid #0a1224; cursor:pointer;}
.left_live_game{flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.left_live_game:last-child{text-align:right;}
.left_live_vs{flex:0 0 24px; text-align:center; display:flex; align-items:center; color:#4d8fff;}

.llg_hometeam{color:#bababa;}
.llg_awayteam{color:#bababa;}
.llg_hometeam_odd{margin:4px 0 0 0; color:#8bb8ff;}
.llg_awayteam_odd{margin:4px 0 0 0; font-weight:500; font-size:15px; color:#d7d7d7;}

.left_live_game_box:hover{background:#0c1628;}

/* 인기리그리그리그 */
.left_best_league_box{float:left; width:100%; margin:5px 0 0 0;}
.left_best_league_title{float:left; width:100%; height:40px; line-height:40px; background:#152542; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; font-weight:700; color:#4d8fff;}
.left_best_league{float:left; width:100%; height:40px; line-height:40px; background:#122038; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4; transition:all 0.2s;}
.left_best_league a{color:#e4e4e4; transition:all 0.2s;}
.lb_img{width:20px; margin:0 10px 0 0; display:inline-block;}
.left_best_league:hover{background:#0c1628;}
.left_best_league:hover a{color:#ffffff;}

/*-------------------------------------------------------------------------------------*
 *  right-고정영역                                                                      *
 *-------------------------------------------------------------------------------------*/
.my_info_box{float:left; width:100%; background:#122038;} 
.my_info_title{float:left; width:100%; background:#152542; border-bottom: 1px solid #0a1224; position:relative; display:flex; align-items:center; padding:10px; cursor:pointer; font-size:16px;}
.name{font-size:14px; font-weight:300; color:#ffffff; display:inline-block; margin:0 10px;}
.logout_btn{display:inline-block; margin:0 0 0  auto;}
.logout_btn i{font-size:16px; padding:2px 0 0 0; color:#bababa; transition:all 0.2s;}
.logout_btn:hover i{color:#4d8fff;}
.my_info_money{float:left; width:100%; height:32px; line-height:32px; background:#122038; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4; transition:all 0.2s;}
.my_info_money span{display:inline-block; margin:0 5px 0 auto; font-weight:500; color:#2b6fff;}
.my_info_money i{display:inline-block; margin:0 5px 0 0; color:#2b6fff;}

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

.my_login_box{float:left; width:100%; background:#122038; padding:10px;}
.login{float:left; width:100%;}
.login li{float:left; width:100%; margin:0 0 5px 0;}
.login li:last-child{margin:0;}
.login_input1  {background-color:#1a2e4a; border:1px solid #0a1224; color:#ffffff; width:100%; height:40px; font-size:13px; font-weight:300; border-radius:0px; padding:0 0 0 30px; font-family: 'EsaManru'; font-weight:300;}
.login_input1::placeholder {color:#bebebe; font-size:13px; letter-spacing:0pt;}
.login_input1:focus{border:1px solid #4d8fff;}
.login li:nth-child(1) .login_input1{background:#1a2e4a url(../images/icon_login1.png) left center no-repeat; background-position:10px;}
.login li:nth-child(2) .login_input1{background:#1a2e4a url(../images/icon_login2.png) left center no-repeat; background-position:10px;}
.login_btn1{display:block; width:100%; height:40px; line-height:40px; border-radius:8px; text-align:center; background:linear-gradient(#2b6fff 0%, #1a4fd4 100%); font-weight:500; font-size:14px; color:#ffffff; transition:all 0.2s; border:none;}
.login_btn1:hover{background:linear-gradient(#4d8fff 0%, #2b6fff 100%); filter:brightness(1.05);}
.login_btn2{display:block; width:100%; height:40px; line-height:40px; border-radius:8px; text-align:center; background:linear-gradient(#2b6fff 0%, #1a4fd4 100%); font-weight:500; font-size:14px; color:#ffffff; transition:all 0.2s; border:none;}
.login_btn2:hover{background:linear-gradient(#4d8fff 0%, #2b6fff 100%); filter:brightness(1.05);}

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

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

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

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

.cart_btn1          {background:linear-gradient(#2b6fff 0%, #1a4fd4 100%); border:none; width:100%; height:32px; line-height:32px; display:inline-block; text-align:center; border-radius:6px; font-family: 'EsaManru'; font-weight:500; font-size:13px; color:#ffffff; transition:all 0.2s;}
.cart_btn1:hover    {background:linear-gradient(#4d8fff 0%, #2b6fff 100%); filter:brightness(1.05);}
.cart_btn2          {background:linear-gradient(#2b6fff 0%, #1a4fd4 100%); border:none; width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:8px; font-family: 'EsaManru'; font-weight:500; font-size:15px; color:#ffffff; transition:all 0.2s;}
.cart_btn2:hover    {background:linear-gradient(#4d8fff 0%, #2b6fff 100%); filter:brightness(1.05);}

.cart_bet_wrap{float:left; width:100%; margin:0 0 0 0;}
.cart_bet {float:left; width:100%; padding:10px 10px 20px; margin:0 0 3px 0; border-radius:0px; background:#122038; border-bottom: 1px solid #0a1224;}  /* 팀 선택시 */
.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:#bababa;}
.cart_bet_close{position:absolute; right:0;}
.cart_bet_close i{font-size:16px;}
.cart_bet_close:hover i{color:#4d8fff;}
.cart_bet_info{float:left; width:100%; margin:5px 0 0 0; border-radius:5px; padding:10px 10px; background:#0c1628; border:1px solid rgba(255,255,255,0.27);  display:flex; align-items:center; justify-content:space-between;}
.cart_bet_info1{font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; padding:0 10px 0 0;}
.cart_bet_info1 .selected{color: #6a9fff}
.cart_bet_info2{font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#7eb8ff; white-space:nowrap;}


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

/* right Gif */
.right_img{float:left; width:100%; margin:5px 0 0 0;}
.right_img a{display:block; transition:all 0.2s;}
.right_img a:hover{filter:brightness(1.1);}
.right_img img{max-width:290px; width:100%;}

.m_main_right_img{float:left; width:100%; margin:10px 0 0 0; display:none;}
@media screen and (max-width:1280px) {
    .m_main_right_img{display:block;}
    .m_main_right_img .right_img img{max-width:100%;}
}


/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; margin:0 0 0 0; padding:40px 20px; text-align:center; background:#122038; position:absolute; bottom:-100%; transition:all 0.2s;}
.footer_wrap.active{bottom:0;}
.footer_img{width:100%;}
.footer_img img{width:100%; max-width:1194px;}
.f_text{width:100%;  margin:30px 0 0 0; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#c7c7c7;}
.f_copy{width:100%;  margin:30px 0 0 0; font-family:'EsaManru'; font-weight:500; font-size:16px; color:#737373;}

.f_toggle{width:60px; height:20px; line-height:20px; text-align:center; background:#122038; border-radius:5px 5px 0 0; position:fixed; bottom:0px; left:50%; z-index:1; transform:translate(-50%); transition:all 0.2s;}
.f_toggle.active{position:absolute; top:-20px;}
.f_toggle img{transition:all 0.2s;}
.f_toggle.active img{transform:rotate(180deg);}


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

 /*-------------------------------------------------------------------------------------*
 *  Main                                                                                *
 *-------------------------------------------------------------------------------------*/
.main_visual{float:left; width:100%; max-width:100%; text-align:center; overflow:hidden;}
.main_visual_slider{position:relative; width:100%; max-width:100%; overflow:hidden; aspect-ratio:1280/491;}
.main_visual_slide{position:absolute; inset:0; width:100%; height:100%; opacity:0; transition:opacity 0.7s ease-in-out; z-index:0;}
.main_visual_slide.active{opacity:1; z-index:1;}
.main_visual_slide img{width:100%; height:100%; max-width:100%; display:block; object-fit:cover; object-position:center center;}
.main_visual_dots{position:absolute; bottom:12px; left:0; right:0; z-index:2; text-align:center; line-height:1; pointer-events:none;}
.main_visual_dots span{display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 5px; background:rgba(255,255,255,0.45); cursor:pointer; pointer-events:auto; transition:all 0.3s;}
.main_visual_dots span.active{background:#2b6fff; transform:scale(1.15); box-shadow:0 0 6px rgba(43,111,255,0.8);}
.main_visual_dots span:hover{background:rgba(43,111,255,0.75);}

@media screen and (max-width:1280px) {
    .contents_center_info_full > .main_visual{
        width:calc(100% + 10px);
        margin-left:-5px;
        margin-right:-5px;
    }
}
@media screen and (max-width:768px) {
    .main_visual_dots{bottom:8px;}
    .main_visual_dots span{width:8px; height:8px; margin:0 4px;}
}

.main_game{float:left; width:100%; margin:10px 0 0 0;}
.main_game li{float:left; width:19.2%; margin:0 1% 0% 0;}
.main_game li:nth-child(5n){margin:0 0% 0% 0;}   
.main_game li a{display:block;}
.main_game li a img{width:100%;}

.main_board{float:left; width:100%; margin:10px 0 0 0; display:flex;}
.borad_box{float:left; width:49.5%; height:auto; margin:0 1% 0 0; background:#122038;}
.borad_box:last-child{margin:0;}
.board_title{float:left; width:100%; display:flex; align-items:center; height:44px; line-height:44px; padding:0 15px 0 20px; border-radius:0; text-align:left; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; border-bottom:1px solid #0a1224;}
.board_title p{margin:0 0 0 auto;}
.board_title p a{display:inline-block; background:#203658; min-width:70px; border-radius:100px; height:24px; line-height:24px; text-align:center; font-weight:300; font-size:12px; color:#acacac;}

.myTable{table-layout:fixed;}
.board{float:left; width:100%; height:216px; overflow:hidden; padding:15px 15px 10px;}
.board td{font-family:'EsaManru'; font-weight:300; color:#6f6f6f; font-size:14px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.board td:first-child{font-weight:300; color:#e4e4e4;}
.realtime_board .board_time{width:34%;}
.realtime_board .board_user{width:33%;}
.realtime_board .board_money{width:33%; color:#8bb8ff !important; font-weight:500;}
.realtime_board .board_font1{color:#bababa; font-size:13px;}
.realtime_board .board_font2{color:#e4e4e4; font-size:13px;}


.m_main_quick_menu{float:left; width:100%; margin:10px 0 0 0; display:none;}
.m_main_quick_menu li{float:left; width:calc(100% / 3 - 2px); margin:0 3px 3px 0;}
.m_main_quick_menu li:nth-child(3n){margin:0 0 3px 0;}
.m_main_quick_menu li a{display:flex; align-items:center; width:100%; background:#122038; border:2px solid #122038; border-radius:0px; transition: 0.3s all ease-out;}
.main_quick_text{padding:10px 10px 10px 10px; font-family: 'EsaManru'; font-weight:300; font-size:12px; color:#ffffff; transition: 0.3s all ease-out;}
.main_quick_img{margin:0 5px 0 auto;}

.m_main_quick_game{float:left; width:100%; margin:10px 0 0 0; display:none;}
.m_main_quick_game li{float:left; width:calc(100% / 3 - 2px); margin:0 3px 3px 0;}
.m_main_quick_game li:nth-child(3n){margin:0 0 3px 0;}
.m_main_quick_game li a{display:flex; flex-direction: column; align-items:center; width:100%; padding:8px 5px; font-size:12px; background:#152542; border-radius:0px; transition: 0.3s all ease-out;}
.m_main_quick_game li a img{display:inline-block; margin:0 0 5px 0;}

@media screen and (max-width:1280px) {
    .main_board{flex-wrap:wrap;}
    .borad_box{width:100%; margin:0 0 1% 0;}
	}
@media screen and (max-width:600px) {
	.main_game{display:none;}

    .m_main_quick_menu{display:block;}
    .m_main_quick_game{display:block;}
}
/*-------------------------------------------------------------------------------------*
 *  page                                                                               *
 *-------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
.login_popup_overlay {
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.65);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}
.login_popup {
    width: 100%;
    max-width: 400px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);
}
.login_popup_header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    background: linear-gradient(#2b6fff 0%, #1a4fd4 100%);
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}
.login_popup_close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 32px;
    height: 32px;
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 6px;
    color: #ffffff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
}
.login_popup_close:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #ffffff;
}
.login_popup_body {
    background: #1a0808;
    padding: 20px 18px 24px;
}
.login_popup_field {
    position: relative;
    margin: 0 0 10px 0;
}
.login_popup_field i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #888888;
    z-index: 1;
}
.login_popup_field input {
    width: 100%;
    height: 44px;
    padding: 0 14px 0 40px;
    background: #140606;
    border: 1px solid #2b6fff;
    border-radius: 8px;
    color: #ffffff;
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color 0.2s;
}
.login_popup_field input::placeholder {
    color: #777777;
}
.login_popup_field input:focus {
    border-color: #4d8fff;
    outline: none;
}
.login_popup_captcha {
    display: flex;
    align-items: stretch;
    margin: 0 0 10px 0;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #2b6fff;
}
.login_popup_captcha_img {
    flex: 1;
    background: #140606;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}
.login_popup_captcha_img .captchaImg {
    width: 100%;
    height: 50px;
    object-fit: cover;
    filter: invert(1);
}
.login_popup_captcha_refresh {
    width: 50px;
    background: #2b6fff;
    color: #ffffff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    flex-shrink: 0;
}
.login_popup_captcha_refresh:hover {
    background: #1a4fd4;
}
.login_popup_error {
    color: #ff6b6b;
    font-size: 12px;
    margin: -4px 0 8px 4px;
}
.login_popup_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 46px;
    margin: 0 0 8px 0;
    border-radius: 8px;
    background: linear-gradient(#2b6fff 0%, #1a4fd4 100%);
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    transition: all 0.2s;
    border: none;
    cursor: pointer;
    text-decoration: none;
}
.login_popup_btn:last-child {
    margin: 0;
}
.login_popup_btn:hover {
    background: linear-gradient(#4d8fff 0%, #2b6fff 100%);
    color: #ffffff;
    filter: brightness(1.05);
}
.login_popup_btn i {
    font-size: 16px;
}

@media screen and (max-width:480px) {
    .login_popup_overlay {
        padding: 15px;
    }
    .login_popup {
        max-width: 100%;
    }
    .login_popup_header {
        font-size: 14px;
        height: 46px;
    }
    .login_popup_body {
        padding: 16px 14px 20px;
    }
    .login_popup_field input {
        height: 40px;
        font-size: 12px;
    }
    .login_popup_btn {
        height: 42px;
        font-size: 14px;
    }
}

/*-------------------------------------------------------------------------------------*
 *  이벤트페이지                                                                         *
 *-------------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 라디오버튼 */
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; cursor: pointer; font-weight: 300; position: relative; overflow: hidden; width:100%; margin:0 0 5px 0;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span {background-color: #122850; color:#ebebeb;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #2b6fff;}
.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:#1a2e4a; color:#bababa;}
.radio_wrap label>span:hover {background-color: #122850; color:#ebebeb;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #122038; 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 #2b6fff;}
.radio_wrap label>span>span{padding:0 10px; border-radius: 5px; transition: 0.25s ease; background:#1a4fd4; color:#8bb8ff;}

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

/* 이벤트리스트 */
.event_list{float:left; width:100%;}
.event_list li{float:left; width:19.2%; margin:0 1% 1% 0;}
.event_list li:nth-child(5n){margin:0 0% 1% 0;}
.event_list li a{display:block; position:relative; height:15vw; overflow:hidden;}
.event_list li a img{width:100%; max-width:800px; position:absolute; top:0; transition:top 10s;}
.event_title{float:left; width:100%; position:absolute; bottom:0; height:40px; line-height:40px; background:#0c1628; font-weight:500; font-size:14px; color:#2b6fff; text-align:center; padding:0 15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.event_list li a:hover img{top:-150%;}

/* 뷰페이지 */
.top_event{float:left; width:100%; background: #101c32; color: #ffcccc; padding: 18px; border-radius: 8px 8px 0 0; display:flex; align-items:center;}
.top_event_title{float:left; width:100%; max-width:calc(100% - 100px); padding:0 15px; font-weight:500; font-size:16px; color:#2b6fff;}

.event_content{float:left; width:100%; background:#0a1224; padding:20px; text-align:center; font-size:13px; line-height:1.6; color:#ffffff;}
.event_content img{display:block; width:100%; max-width:800px; margin:0 auto 20px;}

.bottom_event{float:left; width:100%; background: #101c32; padding: 18px; border-radius:0 0 8px 8px; display:flex; align-items:center; justify-content:flex-end;}
.bottom_event a{display:block; min-width:100px;}
@media screen and (max-width:1920px) {
	.event_list li{width:24.25%; margin:0 1% 1% 0;}
	.event_list li:nth-child(5n){margin:0 1% 1% 0;}   
	.event_list li:nth-child(4n){margin:0 0% 1% 0;}   
}
@media screen and (max-width:1280px) {
	.event_list li{width:32%; margin:0 2% 2% 0;}
	.event_list li:nth-child(5n){margin:0 2% 2% 0;}   
	.event_list li:nth-child(4n){margin:0 2% 2% 0;}   
	.event_list li:nth-child(3n){margin:0 0% 2% 0;}      
	.event_list li a{height:20vw;}
}
@media screen and (max-width:768px) {
	.event_list li{width:49%; margin:0 2% 2% 0;}
	.event_list li:nth-child(5n){margin:0 2% 2% 0;}   
	.event_list li:nth-child(4n){margin:0 2% 2% 0;}   
	.event_list li:nth-child(3n){margin:0 2% 2% 0;}   
	.event_list li:nth-child(2n){margin:0 0% 2% 0;}      
	.event_list li a{height:220px;}   
	
	.top_event_title{font-size:14px;}
}

/* 마이테이블 */
.my_table{float:left; width:100%; padding:10px; overflow-x:auto;}
.my_table table{min-width:650px;}
.my_table1{background:#0c1628; line-height:40px; text-align:center; font-weight:500;}
.mtt1{background:rgba(255,255,255,0.1); border-bottom:1px solid rgba(0,0,0,0.1); color:#ffffff; padding:10px 5px; text-align:center;}
.my_table::-webkit-scrollbar {width: 4px; height: 4px;}
.my_table::-webkit-scrollbar-thumb {background-color:rgba(255,255,255,0.2); border-radius: 12px;}
.my_table::-webkit-scrollbar-track {display: none;}

/* 출석부 */
.att_box table{table-layout:fixed;}
.att_title1     {background:#122038; padding:6px 4px; text-align:center; font-weight:500; font-size:12px; color:#dd8888;}
.att1           {background:#101c32; border-bottom:1px solid rgba(43,111,255,0.1); color:#ffffff; width: calc(100% / 7); height:100px; padding:3px 8px 3px 8px; text-align:center; position:relative;}
.att1 img{width:90%; max-width:100px;}
.att2           {position:absolute; top:10px; left:10px; z-index:1; color:#a8a7ad;}
.att_month_title{float:left; width:100%; background: #101c32; font-weight:500; font-size:18px; color: #ffffff; padding: 18px; border-radius: 8px 8px 0 0; display:flex; align-items:center;}
.att_month_title a{display:inline-block; padding:0px 10px; font-size:24px; opacity:0.6;}
.att_month_title span{display:inline-block; margin:0 0 0 10px; font-size:13px; color: #ffcccc;}
.att_month_title a:hover{opacity:1;}

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

/* 게임리스트 */
.casino_visual{float:left; width:100%;}
.casino_visual img{width:100%;}

.game_list{float:left; width:100%;}
.game_list li{float:left; width:19.2%; margin:0 1% 1% 0;}
.game_list li:nth-child(5n){margin:0 0% 1% 0;}   
.game_list li a{display:block;}
.game_list li a img{width:100%;}

@media screen and (max-width:1440px) {
	.game_list li{width:24.25%; margin:0 1% 1% 0;}
	.game_list li:nth-child(5n){margin:0 1% 1% 0;}   
	.game_list li:nth-child(4n){margin:0 0% 1% 0;}   
}
@media screen and (max-width:768px) {
	.game_list li{width:32%; margin:0 2% 2% 0;}
	.game_list li:nth-child(5n){margin:0 2% 2% 0;}   
	.game_list li:nth-child(4n){margin:0 2% 2% 0;}   
	.game_list li:nth-child(3n){margin:0 0% 2% 0;}      
}
@media screen and (max-width:478px) {
	.game_list li{width:49%; margin:0 2% 2% 0;}
	.game_list li:nth-child(5n){margin:0 2% 2% 0;}   
	.game_list li:nth-child(4n){margin:0 2% 2% 0;}   
	.game_list li:nth-child(3n){margin:0 2% 2% 0;}   
	.game_list li:nth-child(2n){margin:0 0% 2% 0;}      
}

.captcha_contain{
	justify-content: center;
    width: 100%;
    border: 1px solid #140c0c;
    border-radius: 10px;
}

.captchaImg {
    /* width: 220px; */
    width: 100%;
    height: 50px;
    border-radius: 10px 0 0 10px;
    filter: invert(1);
}

.captcha_refresh{
    width: 55px;
    height: 50px;
    background-color: #2b6fff;
    color: #fff;
    font-size: 13px;
    border-radius: 0 10px 10px 0;
    /* box-shadow: #8d8c8c 0 0 5px; */
    cursor: pointer;
    text-align: center;
    line-height: 50px;
}

.dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9999;
    background: rgb(0 0 0 / 54%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
}
.dialog.show {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.dialog>.container {
    position: relative;
    margin: auto;
    width: 95%;
    max-height: 100%;
    max-width: 500px;
    z-index: 999;
    background-color: #140c0c;
    border-radius: 15px;
}
.betting_modal_text {
    color: #ffff;
}
.popup-btn1 {
	display: block;
    float: left;
    width: 100px;
    margin: 0 0 0.4% 0;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    text-align: center;
    padding: 0 5px;
	background: linear-gradient(#1a3a70 30%, #122038 80%);
    font-family: 'EsaManru';
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    /* text-shadow: 1px 1px 1px rgb(255 255 255 / 70%); */
    cursor: pointer;
	margin-left: 15px;
}
.popup-btn2{
	display: block;
    float: left;
    width: 100px;
    margin: 0 0 0.4% 0;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
    text-align: center;
    padding: 0 5px;
	background: linear-gradient(#2b6fff 30%, #1a4fd4 80%);
    font-family: 'EsaManru';
    font-weight: 500;
    font-size: 13px;
    color: #ffffff;
    /* text-shadow: 1px 1px 1px rgb(255 255 255 / 70%); */
	margin-right: 15px;
	cursor: pointer;
}

.betting_modal_text_yes_no{
	padding:30px;
	width: 100%;
}
.img_question{
	padding: 20px;
}

@media screen and (max-width:480px) {
	.dialog>.container {
		width: 85%;
		height: 200px;
	}
	.betting_modal_text_yes_no{
		padding:15px;
		width: 100%;
	}
	.img_question{
		padding: 10px;
	}
}

.date_title{
	text-align: center;
	font-size: 28px;
	margin: 30px 0 0;
}