@charset "utf-8";
#wrap {width:100%; overflow:hidden; position:relative; background: url(../jy_images/bg.jpg) center top no-repeat fixed; background-size: cover;}

/*-------------------------------------------------------------------------------------*
 *  header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}
.header_top{width: 100%; height: 80px; max-width: 1920px; display:flex; align-items: center;margin: 0 auto; padding: 0px; font-size: 14px; font-weight: 400; flex-shrink: 0; }
.header_top::-webkit-scrollbar {width: 4px; height: 3px;}
.header_top::-webkit-scrollbar-thumb {background-color:rgba(14, 14, 14, 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; font-family: 'baluen'; font-size: 20px; color: #d3b57f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:center top repeat-x; font-size:20px; color:#d3b57f;  transition:all 0.2s;}
.m_notice{float:left; width:100%; height:34px; line-height:34px; border-radius:0px; padding:0 10px; font-family: 'baluen'; font-size: 20px; color: #d3b57f; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:center top repeat-x; 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 1.5vw; transition:all 0.2s;}
.lnb li a{display:block; font-weight:700; font-size:16px; color:#e3dcd2; position:relative; background: -webkit-linear-gradient(#fff6e0, #f4c367); -webkit-background-clip: text; -webkit-text-fill-color: transparent; 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;}
.lnb li.active a{color:#ffe696;}
.lnb li.active 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; margin-left: 10px}
.m_left_menu i{font-size:26px; color:#ffe696;}
.m_right_menu{display:none; margin-right: 10px;}
.m_right_menu i{font-size:26px; color:#ffe696;}

.bg_line{width:100%; max-width: 1920px; margin: 0 auto; height:4px; background:url(../jy_images/bg_line.jpg) center top no-repeat; background-size:100% 100%;}
.header_bottom{width: 100%; max-width: 1920px; margin: 0 auto; height:50px; display:flex; align-items: center; padding: 0 10px; font-size: 14px; font-weight: 400; flex-shrink: 0; background: linear-gradient(#cd9834 0%, #2b1a00 100%); 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 -10px; line-height: 50px; transition:all 0.3s;}
.gnb ul li a{display:block; font-weight:500; font-size:18px; color:#ffffff; position:relative; padding: 0 45px; filter: drop-shadow(20px 0px 10px rgba(0, 0, 0, 0.1)); transition:all 0.3s; white-space: nowrap;}
.gnb ul li a::after{position: absolute; left: 0; top: 0; display: block; content: ''; width: 100%; height: 100%; background: linear-gradient(#cd9834 0%, #2b1a00 50%, #cd9834 50%, #2b1a00 100%); clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%); z-index: -1; background-size: 100% 200%; background-position-y: 100%; 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{background-position-y: 200%;}
/* .gnb ul li.active a{color:#ffe696;}
.gnb ul li.active 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:1400px) {
	.gnb ul li a{font-size:14px; padding:0 25px;}
	.gnb ul li{margin:0 0px;}
} */
@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 0px;}
	.gnb ul li a{font-size:14px; padding:0 25px;}
}
/* @media screen and (max-width:820px) {
	.header_bottom{display:none;}
} */
@media screen and (max-width:980px) {
	.header_bottom{display:none;}
}
@media screen and (max-width:768px) {
    .logo img{width:180px;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.contents_wrap{float:left; width:100%; border-top:1px solid rgba(255,255,255,0.03); position:relative; display:flex; justify-content:center;}
.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); max-width:1300px; 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; padding:0 0 30px;}
/* 이중 스크롤 방지: overflow-y 제거, body의 기본 스크롤만 사용 */
.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) {
	/* 이중 스크롤 문제 해결: 고정 높이 제거, iOS Safari 호환성을 위해 100dvh 사용 */
	.contents_wrap{
		min-height: 100vh; /* fallback for older browsers */
		min-height: 100dvh; /* iOS Safari 15.4+ - 주소창 포함한 실제 뷰포트 높이 */
		padding-top: 84px; /* header_top(80px) + bg_line(4px) - 헤더 고정으로 인한 여백 */
	}
	.contents_left{display:none;}
	.contents_center{
		width:100%;
		min-height: 100vh; /* fallback */
		min-height: 100dvh; /* iOS Safari 15.4+ */
	}
	.contents_center_info_full{width:100%; padding: 0 0 20vw;}

	/* 헤더 고정: 모바일에서만 상단 고정 (float 제거, fixed 사용) */
	.header_wrap{
		position: fixed !important;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1001; /* 하단 고정 메뉴(1000)보다 높게 */
		float: none;
		background: #0c0c0c;
	}
}

/* .title{float:left; width:100%; height:50px; line-height:50px; background:#2d2d2d; padding:0 15px; font-size:16px;} */
.title{float: left; width: 100%; height: 50px; line-height: 50px; background: #2d2d2d; padding: 0 15px; font-weight: 5000; font-size: 22px; color: #d3b57f; transition: all 0.2s; background: -webkit-linear-gradient(#fbd988, #c68000); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.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: 44px; line-height: 44px; background: linear-gradient(to right, #7a4c1f 0%, #9f6d15 20%, #ffde8e 50%, #9f6d15 80%, #7a4c1f 100%); font-weight: 700; 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 a img { display: inline-block; height: 24px;}
.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; cursor: pointer;}
.left_menu li a{display: block; width: 100%; padding: 8px 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:hover a{box-shadow: 0 0 10px #c68000 inset;}
/* .left_menu li:hover a{background:rgba(255,255,255,0.1); color:#ffe696;} */
.left_menu li:nth-child(3n) a{border-right:none;}
.left_menu li:nth-child(-n+3) a{border-top:none;}
.left_menu ul li.active a{background:#1c1c1c; 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_box{float:left; width:100%; margin:5px 0 0 0; padding:10px; background:rgba(0,0,0,0.5); border:1px solid #c68000; border-radius:0px;}
.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{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; border-radius:10px 10px 0 0; transition:all 0.2s;} */
.category-menu-item{float:left; width: 100%; padding:6px 4px; text-align:center; align-items:center; justify-content:center; background:#2d2d2d; border-right:1px solid #0c0c0c; border-bottom:1px solid #0c0c0c; border-radius:10px 10px 0 0; transition:all 0.2s;}
/* .left_game_tab ul li.active{background:#222222;} */
/* .left_game_tab ul li.active{background:#222222; background:linear-gradient(#cd9834 0%, #2b1a00 100%);} */
.category-menu-item.active{background:#222222; background:linear-gradient(#cd9834 0%, #2b1a00 100%);}

/* .left_game_tab ul li:hover{background:#222222;} */
/* .left_game_tab ul li:hover{background:#222222; background:linear-gradient(#cd9834 0%, #2b1a00 100%);} */
.category-menu-item:hover{background:#222222; background:linear-gradient(#cd9834 0%, #2b1a00 100%);}
/* .left_game_tab ul li:nth-child(3n){border-right:none;} */
.category-menu-item: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;} */
.category-title{display:block; width:100%; font-size:14px; color:#e4e4e4;}
/* .left_game_tab ul li a span{display:block; margin:2px 0 0 0; font-size:12px; color:#e8aa38;} */
.category-count{display:block; width:100%; font-size:12px; color:#e8aa38;}

/* 카테고리 - 공용*/
.w-size-only-30px {min-width: 30px; max-width: 30px;}
.w-size-only-40px {min-width: 40px; max-width: 40px;}
.w-size-only-65px {min-width: 65px; max-width: 65px;}
.ellipsis {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 종목 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);} */


.category-sports-row{border-bottom: 1px solid #0c0c0c; position: relative;	background:linear-gradient(to right, #0c0c0c 0%, #222222 100%);}
.category-sports-row.active{color: #ffffff; background: #1c1c1c;}
.category-sports-row.active .country-count{opacity: 0; transition: opacity 0.5s;}
.category-sports-row.active .country-arrow{opacity: 1; transition: opacity 0.5s;}
.category-sports-row.active .country-arrow .fa-angle-down{transform: rotate(180deg); transition: all 0.5s;}

.category-sports-row:hover{color: #ffffff; background: #1c1c1c;}
.category-sports-row:hover .country-count {opacity: 0; transition: opacity 0.5s;}
.category-sports-row:hover .country-arrow {opacity: 1; transition: opacity 0.5s;}

.category-sports-count{position: relative;}
.country-count{font-weight:500; font-size:12px; color:#000000; margin:0 10px 0 auto; background:#343434; background:linear-gradient(to right, #7a4c1f 0%, #9f6d15 20%, #ffde8e 50%, #9f6d15 80%, #7a4c1f 100%); padding:0 5px; text-align:center; min-width:50px; height:24px; line-height:24px; border-radius:5px; display:inline-block; transition:all 0.5s;}
.country-arrow{font-size:14px; font-weight:500; color:#ffffff; position:absolute; right:10px; top:12px; opacity:0; transition:all 0.5s;}
.fa-angle-down{transform:rotate(0deg); transition:all 0.5s;}
.category-sports-item {cursor: pointer; width: 100%; height: 40px;}
.category-sports-image img {width: 20px; height: 20px;}

/* 나라별 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;} */

.category-contries-row{border-bottom: 1px solid #0c0c0c; background: #202020;}
.category-contries-row.active{background: #2c2c2c;}
.category-contries-row.active .category-contries-item{color: #fff;}
.category-contries-row.active .country-arrow .fa-angle-down{transform: rotate(180deg); transition: all 0.5s;}

.category-contries-row:hover{background: #2c2c2c;}
.category-contries-row .category-contries-item{color: #fff;}
.category-contries-row .country-arrow{opacity: 1; transition: opacity 0.5s;}

.category-contries-item{cursor: pointer; width: 100%; height: 40px; color: #bababa;}
.category-contries-image img{width: 20px; height: 20px;}

.category-contries-count{position: relative;}
.category-contries-count .country-arrow{font-size: 1.25rem; font-weight: 500; color: #ffffff; position: absolute; right: 12px; top: 12px;}
.category-contries-count .country-arrow .fa-angle-down{transform: rotate(0deg); transition: all 0.5s;}

/* 리그별 3depth */
.category-leagues-row{border-bottom: 1px solid #0c0c0c; background: #202020;}
.category-leagues-row.active{background: #2c2c2c;}
.category-leagues-row.active .category-leagues-item { color: #fff;}
.category-leagues-row:hover{background: #2c2c2c;}
.category-leagues-row:hover .category-leagues-item { color: #fff;}
.category-leagues-item {cursor: pointer; width: 100%; height: 40px; color: #bababa;}
.category-leagues-image img {width: 20px; height: 20px;}
.category-leagues-league { max-width: 230px;}



/* 미니게임 투뎁스 */
.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_title{float: left; width: 100%; height: 40px; line-height: 40px; background: #2d2d2d; border-bottom: 1px solid #0c0c0c; background: linear-gradient(#cd9834 0%, #2b1a00 100%); border-radius: 10px 10px 0 0; 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; font-size:16px;} */
.my_info_title{float:left; width:100%; background:#604311; border:1px solid #604311; position:relative; display:flex; align-items:center; padding:10px; border-radius:10px 7px 0 0; 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; color:#e4e4e4; transition:all 0.2s;} */
.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; font-size:13px; 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{float:left; width:100%; margin:0 0 0 0; padding:5px;}
.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{float:left; width: calc(100% / 4 - 4px); display:flex; margin:0 4px 0 0;}
/* .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 a{display:block; width:100%; padding:8px 2px; font-size:12px; text-align:center; background:#222222; background:linear-gradient(to right, #0c0c0c 0%, #0c0c0c 100%); border-radius:5px; text-align:center; 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:#000000; border:1px solid #4b4b4b; padding:10px;} */
.my_login_box{float:left; width:100%; background:none; border:1px solid #604311; 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 #4b4b4b; 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  {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:700; 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:700; 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% / 4); padding:1px 1px;}
.cart_btn_box ul li a{display:block; width:100%;}
.cart_btn_box ul li.w100{width:100%;}
.cart_btn_box ul li.w50{width:50%;}

.cart_input{background-color:#ffffff; max-width: 200px; 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 {float:left; width:100%; padding:10px 10px 20px; margin:0 0 3px 0; border-radius:0px; background:#222222; background:linear-gradient(#cd9834 0%, #2b1a00 100%); 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_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:#ffffff;}
.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_info{float:left; width:100%; margin:5px 0 0 0; border-radius:5px; padding:10px 10px; background:rgba(0,0,0,0.6); border:1px solid #e8aa38;  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_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_box{float:left; width:100%; margin:5px 0 0 0; padding:10px; background:#2d2d2d; border-radius:5px;}
.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{float:left; width:100%; margin:0 0 0 0; padding:40px 20px; text-align:center; background:#222222; position:absolute; bottom:-100%;}
.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{width:120px; height:40px; line-height:40px; 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; clip-path: polygon(20% 0%, 80% 0%, 100% 100%, 0% 100%);}
/* .f_toggle.active{position:absolute; top:-20px;} */
.f_toggle.active{position:absolute; top:-40px;}
.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_left_visual img{width:100%; height: 360px;} */
/* .main_right_visual img{width:100%;} */

.main_game_title_box{float:left; width:100%; margin:30px 0 0 0; display:flex; align-items: center; justify-content: space-between;}
.main_game_title{float:left; display: flex; align-items: center; justify-content: start; margin-right: 1vw; font-family: 'EsaManru'; font-weight:500; font-size:20px; color:#ffffff; white-space: nowrap;}
.main_game_title span{display:inline-block; margin:0 0 0 10px; white-space:nowrap; font-weight:700; color:#ffa800;}
.main_game_title_line{height: 2px; width: 100vw; background-color:#7c591a; position: relative;}

/* .main_game{float:left; width:100%; margin:10px 0 0 0;} */
.main_game{float:left; width:100%; margin:20px 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_game li:hover a{filter:brightness(1.2)} */
.main_game li:hover a{-webkit-animation: slit-in-vertical 0.45s ease-out both; animation: slit-in-vertical 0.45s ease-out both;}
@keyframes slit-in-vertical{
	from {
	  -webkit-transform: translateZ(-800px) rotateY(360deg);
	  transform: translateZ(-800px) rotateY(360deg);
	  -webkit-transform-origin: center center;
	  transform-origin: center center;
	  -webkit-animation-timing-function: ease-out;
	  animation-timing-function: ease-out;
	  filter: brightness(1);
	}
	54% {
	  -webkit-transform: translateZ(-160px) rotateY(87deg);
	  transform: translateZ(-160px) rotateY(87deg);
	  opacity: 1;
	}
	100% {
	  -webkit-transform: translateZ(0) rotateY(0);
	  transform: translateZ(0) rotateY(0);
	  filter: brightness(1.3);
	}
  }

.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{float:left; width:49.5%; height:auto; margin:0 1% 0 0; border-radius:5px 5px 0 0;}
.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{float:left; width:100%; display:flex; align-items:center; height:50px; line-height:50px; padding:0 15px 0 20px; border-radius:5px 5px; text-align:left; font-family: 'EsaManru'; font-weight:500; font-size:18px; color:#ffffff; background:linear-gradient(#cd9834 0%, #2b1a00 100%);}
.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;} */
.board_title p a{display:inline-block; padding:5px; text-align:center; font-weight:300; font-size:24px; color:rgba(255,255,255,0.5);}

.myTable{table-layout:fixed;}
/* .board{float:left; width:100%; height:auto; overflow:hidden; padding:15px 15px 10px;} */
.board{float:left; width:100%; height:auto; overflow:hidden; padding:5px 15px 5px;}
/* .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{font-family:'EsaManru'; font-weight:300; color:#6f6f6f; font-size:14px; line-height:50px; border-bottom:1px solid #222222; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
/* .board td:first-child{font-weight:300; color:#e4e4e4;} */
.board td:nth-child(2){font-weight:300; color:#e4e4e4; padding-left:10px;}
.board td:nth-child(3){padding-right:10px;}
.board td img{width:100%;}


.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_game_list{float:left; width:100%; margin:20px 0 0 0; display:none;}
/* .m_main_quick_game li{float:left; width:calc(100% / 3 - 2px); margin:0 3px 3px 0;} */
.m_main_game_list li{float:left; width:49.5%; margin:0 1% 1% 0;}
/* .m_main_quick_game li:nth-child(3n){margin:0 0 3px 0;} */
.m_main_game_list li:nth-child(2n){margin:0 0% 1% 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_game_list li a{display:block;}
/* .m_main_quick_game li a img{display:inline-block; margin:0 0 5px 0;} */
.m_main_game_list li a img{width:100%;}

/* @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;}
} */
@media screen and (max-width:1280px) {
    .main_board{flex-wrap:wrap;}
    .borad_box{width:100%; margin:0 0 1% 0;}
	.main_visual_box{flex-wrap:wrap;}
	.main_left_visual{display:none;}
	.main_right_visual{width: 100%;}
	.main_slideshow{width:100%; margin:0px 0 0 0;}
	.main_slideshow.pc{display:none;}
	.main_slideshow.m{display:block;}
}
@media screen and (max-width:600px) {
	.main_game_title_box{display:none;}
	.main_game{display:none;}

    /* .m_main_quick_menu{display:block;} */
    /* .m_main_quick_game{display:block;} */
    .m_main_game_list{display:block;}

	.board td{font-size:12px; line-height:30px;}
}
/*-------------------------------------------------------------------------------------*
 *  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: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 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;}
}

/*-------------------------------------------------------------------------------------*
 *  m_menu_fix                                                                         *
 *-------------------------------------------------------------------------------------*/
 .m_menu_fix{float:left; width:100%; height:20vw; position:fixed; bottom:0; left:0; z-index:1000; background:url(../jy_images/bg_footer.png) center top no-repeat; background-size: cover; display:none;}
 .m_menu_fix ul{float:left; width:100%; height:100%; margin:3vw 0 0 0;}
 .m_menu_fix li{float:left; width:20%; height:100%;}
 .m_menu_fix li a{display:block; width:100%; height:100%; padding:10px 5px 5px; text-align:center; font-weight:500; font-size:10px; color:#ffffff; line-height:1.5; display:flex; align-items:center; justify-content:center; flex-direction:column;}
 /* .m_menu_fix li a img{display:inline-block; margin:0 0 5px 0; width:;} */
 .m_menu_fix li a img{display:inline-block; margin:0 0 5px 0;}
 .m_menu_fix li:nth-child(3) a{width: 16.2vw; height: 16.2vw; position: absolute; top:16%; left:50%; transform:translate(-50%); border-radius: 50%; background:url(../jy_images/bg_header.jpg) center top no-repeat; background-size:300% 100%; font-size:16px; color:#f8eba1;}
 .m_menu_fix li:nth-child(3) a img{width:40px; margin:0 0 -5px 0;}

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