@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:url(../images/bg_header.jpg) center top repeat-x; 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;}
.logo img{transition:all 0.2s;}
.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:url(../images/bg_notice.jpg) center top repeat-x; border:1px solid #2a2a2a; box-shadow:1px 0 6px 0 rgba(0,0,0,0.9) inset; font-size:14px; color:#d3b57f;  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:url(../images/bg_notice.jpg) center top repeat-x; border:1px solid #2a2a2a; box-shadow:1px 0 6px 0 rgba(0,0,0,0.9) inset; font-size:12px; color:#d3b57f;  transition:all 0.2s; display:none;}

.lnb{float:left; margin:0 0 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:#e3dcd2; position:relative; transition:all 0.2s;}
.lnb li a::after{position: absolute; display: block; height: 2px; background: #ffe696; content: ""; bottom: -10px; transition: all 60ms ease-out; -webkit-transition: all 60ms ease-out; left: 51%; right: 50%;}
.lnb li:hover a{color:#ffe696;}
.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(#575757 0%, #2f2f2f 100%); font-weight:300; font-size:12px; color:#ffffff; transition:all 0.2s;}
.m_left_menu{display:none;}
.m_left_menu i{font-size:26px; color:#ffe696;}
.m_right_menu{display:none;}
.m_right_menu i{font-size:26px; color:#ffe696;}

.bg_line{float:left; width:100%; height:4px; background:url(../images/bg_line.jpg) center top no-repeat; background-size:100% 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:#232220; 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: #ffe696; content: ""; bottom: -10px; transition: all 60ms ease-out; -webkit-transition: all 60ms ease-out; left: 51%; right: 50%;}
.gnb li:hover a{color:#ffe696;}
.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:#0c0c0c;}
	.contents_center{width:100%; padding:10px 5px 0;}
	.contents_right{display:none; position:absolute; right:0; z-index:100; background:#0c0c0c;}   
}

@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:#2d2d2d; padding:0 15px; font-size:16px;}
.s_title1{float:left; width:100%; padding:8px 10px; background:#343434; font-size:13px; color:#e4e4e4;}
.s_title1 span{font-size:12px; color:#ffe696; 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, #7a4c1f 0%, #9f6d15 20%, #ffde8e 50%, #9f6d15 80%, #7a4c1f 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, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 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:#222222; border-top:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(255,255,255,0.1); transition:all 0.2s;}
.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:#ffe696;}

.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:#222222;}
.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:#313131; padding:5px 40px 5px 10px; height:34px; color:#ffffff;}
.left_serch_btn{position:absolute; right:0; top:0; width:34px; height:34px; background:#63421a; transition:all 0.2s;}
.left_serch_btn:hover{background:#7e5524;}

.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% / 3); display:flex; align-items:center; justify-content:center; background:#2d2d2d; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c; transition:all 0.2s;}
.left_game_tab ul li.active{background:#222222;}
.left_game_tab ul li:hover{background:#222222;}
.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:#e8aa38;}

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

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

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


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

.sports_country_img{height:14px; border-radius: 7px; margin:0 10px 0 0; display:inline-block;}
.sports_country_odd{margin:0 0 0 5px; display:inline-block; transition:all 0.5s;}
.sports_country_arrow{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:#202020; border-bottom:1px solid rgba(255,255,255,0.05); position:relative; display:flex; align-items:center; padding:0 16px 0 16px; cursor:pointer;}
.country .name{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; color:#bababa;}

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

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

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


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

.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:#1c1c1c; 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:#1c1c1c; color:#ffffff;}
.sports_events_menu:hover .sports_event_odd{opacity:0;}
.sports_events_menu:hover .sports_event_arrow{opacity:1;}	
.country_frame:hover{background:#2c2c2c; color:#ffffff;}
.country:hover{background:#2c2c2c; color:#ffffff;}
.country:hover .name{color:#ffffff;}
.mini_events_menu:hover{background:#1c1c1c; color:#ffffff;}
}

/* 실시간 */
.left_live_title{float:left; width:100%; height:40px; line-height:40px; background:#2d2d2d; border-bottom: 1px solid #0c0c0c; 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:#222222; border-bottom: 1px solid #0c0c0c; 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:#fe6100;}

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

.left_live_game_box:hover{background:#1c1c1c;}

/* 인기리그리그리그 */
.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:#2d2d2d; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; font-weight:700; color:#ffd800;}
.left_best_league{float:left; width:100%; height:40px; line-height:40px; background:#222222; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4; 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:#1c1c1c;}
.left_best_league:hover a{color:#ffffff;}

/*-------------------------------------------------------------------------------------*
 *  right-고정영역                                                                      *
 *-------------------------------------------------------------------------------------*/
.my_info_box{float:left; width:100%; background:#222222;} 
.my_info_title{float:left; width:100%; background:#2d2d2d; border-bottom: 1px solid #0c0c0c; position:relative; display:flex; align-items:center; padding:10px; cursor:pointer; font-size:16px;}
.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:#fe6100;}
.my_info_money{float:left; width:100%; height:32px; line-height:32px; background:#222222; position:relative; display:flex; align-items:center; padding:0 10px 0 10px; cursor:pointer; color:#e4e4e4; transition:all 0.2s;}
.my_info_money span{display:inline-block; margin:0 5px 0 auto; font-weight:500; color:#e8aa38;}
.my_info_money i{display:inline-block; margin:0 5px 0 0; color:#e8aa38;}

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

.my_login_box{float:left; width:100%; background:#222222; 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:#313131; border:1px solid #121212; 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 #ffd800;}
.login li:nth-child(1) .login_input1{background:#313131 url(../images/icon_login1.png) left center no-repeat; background-position:10px;}
.login li:nth-child(2) .login_input1{background:#313131 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:3px; text-align:center; background:linear-gradient(#cda947 0%, #8d540f 100%); font-weight:500; font-size:14px; color:#ffffff;}
.login_btn2{display:block; width:100%; height:40px; line-height:40px; border-radius:3px; text-align:center; background:linear-gradient(#575757 0%, #2f2f2f 100%); font-weight:500; font-size:14px; color:#ffffff;}

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

.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:#ffc967;}
.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 #e8aa38; 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:#383838; border:1px solid #383838; width:100%; height:32px; line-height:32px; display:inline-block; text-align:center; border-radius:0px; font-family: 'EsaManru'; font-weight:300; font-size:13px; color:#ffffff; transition:all 0.2s;}
.cart_btn1:hover    {background:#4a4a4a; transform: scale(0.95);}
.cart_btn2          {background:none; border:1px solid #e8aa38; width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:5px; font-family: 'EsaManru'; font-weight:500; font-size:15px; color:#e8aa38; transition:all 0.2s;}
.cart_btn2:hover    {background:#e8aa38; color:#ffffff; transform: scale(0.95);}

.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:#222222; border-bottom: 1px solid #0c0c0c;}  /* 팀 선택시 */
.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:#fe6100;}
.cart_bet_info{float:left; width:100%; margin:5px 0 0 0; border-radius:5px; padding:10px 10px; background:#1c1c1c; 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: #ff5d5d}
.cart_bet_info2{font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffc967; white-space:nowrap;}


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

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


/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; margin:0 0 0 0; padding:40px 20px; text-align:center; background:#222222; 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:#222222; 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%; text-align:center;}
.main_visual img{width:100%}

.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:#222222;}
.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 #0c0c0c;}
.board_title p{margin:0 0 0 auto;}
.board_title p a{display:inline-block; background:#343434; 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:auto; 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;}


.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:#222222; border:2px solid #222222; 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:#2d2d2d; 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                                                                              *
 *-------------------------------------------------------------------------------------*/


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


/*-------------------------------------------------------------------------------------*
 *  특별한                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 라디오버튼 */
.radio_wrap{float:left; height:auto; display: flex;  flex-wrap: wrap; align-content: center; align-items: center;}
.radio_wrap label {display: flex; cursor: pointer; font-weight: 300; position: relative; overflow: hidden; width:100%; margin:0 0 5px 0;}
.radio_wrap label input {position: absolute; left: -9999px;}
.radio_wrap label input:checked + span {background-color: #444444; color:#ebebeb;}
.radio_wrap label input:checked + span:before {box-shadow: inset 0 0 0 0.4375em #e8aa38;}
.radio_wrap label>span {display: flex; align-items: center; padding: 0.375em 0.75em 0.375em 0.375em; border-radius: 5px; transition: 0.25s ease; background:#333333; color:#bababa;}
.radio_wrap label>span:hover {background-color: #444444; color:#ebebeb;}
.radio_wrap label>span:before {display: flex; flex-shrink: 0; content: ""; background-color: #222222; width: 1.5em; height: 1.5em; border-radius:50%; margin-right: 0.375em; transition: 0.25s ease; box-shadow: inset 0 0 0 0.125em #e8aa38;}
.radio_wrap label>span>span{padding:0 10px; border-radius: 5px; transition: 0.25s ease; background:#63421a; color:#ffe696;}

@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:#1c1c1c; font-weight:500; font-size:14px; color:#e8aa38; 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: #242424; color: #f8eba1; 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:#e8aa38;}

.event_content{float:left; width:100%; background:#0c0c0c; 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: #242424; 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:#1c1c1c; 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:#1a1a1a; padding:6px 4px; text-align:center; font-weight:500; font-size:12px; color:#9b9b9b;}
.att1           {background:#242424; border-bottom:1px solid rgba(0,0,0,0.1); color:#ffffff; width: calc(100% / 7); height:100px; padding:3px 8px 3px 8px; text-align:center; position:relative;}
.att1 img{width:90%; max-width:100px;}
.att2           {position:absolute; top:10px; left:10px; z-index:1; color:#a8a7ad;}
.att_month_title{float:left; width:100%; background: #242424; font-weight:500; font-size:18px; color: #ffffff; padding: 18px; border-radius: 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: #f8eba1;}
.att_month_title a:hover{opacity:1;}

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

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

.game_list{float:left; width:100%;}
.game_list li{float:left; width:23%; margin:0 1% 0% 1%;}
.game_list li:nth-child(4n){margin:0 0% 1% 0;}   
.game_list li a{display:block;}
.game_list li a img{width:100%;}
.game_list li span{display: inline-block; width: 100%; text-align: center; font-size: 20px; margin-top: 10px; padding-bottom: 20px;}

@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 #0e0e0e;
    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: #ee280c;
    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: #0e0e0e;
    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(#5b5b5b 30%, #282828 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(#ee280c 30%, #c11510 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;
}