@charset "utf-8";
#wrap {float:left; width:100%; min-height:100vh; overflow-x:hidden; background:#1a1a1a; transition:all 0.5s;}

/*-------------------------------------------------------------------------------------*
 *  header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap{float:left; width:100%;}

.gnb_wrap{width:100%; padding:30px 30px; transition:all 0.5s;}
.gnb_box{width:100%; height:50px; display:flex; align-items:center;}
.m_menu_open{display:none; margin:0 0 0 auto;}

.logo{margin:0 50px 0 0 ;}
.game{}
.game li{float:left; margin:0 40px 0 0; transition:all 0.5s;}
.game li:last-child{margin:0;}
.game li a{display:block; height:100%; font-family:'EsaManru'; font-weight:700; font-size:18px; color:#ffffff; transition:all 0.5s;}
.gnb{margin:0 0 0 auto; height:100%;}
.gnb ul{height:100%;}
.gnb li{float:left; height:100%; margin:0 0 0 50px; transition:all 0.5s;}
.gnb li:first-child{margin:0;}
.gnb li a{display:block; height:100%; line-height:50px; border-bottom:1px solid #1a1a1a; font-family:'EsaManru'; font-weight:300; font-size:16px; color:#ffffff; transition:all 0.5s;}
.utill{margin: 0 0 0 20px; transition:all 0.5s;}
.utill li{float:left; margin:0 0 0 5px;}
.utill li a{display:flex; align-items:center; justify-content: center; min-width:100px; height:43px; padding:0 10px; text-align:center; border-radius:43px; font-family:'EsaManru'; font-weight:300; font-size:14px; transition:all 0.5s;}
.utill_btn01{background:#ffffff; color:#282828;}
.utill_btn02{background:#585858; color:#ffffff;}

.my_font{font-weight:500; color:#5efffd; float:right;}

.my_box{height:100%; margin:0 10px 0 30px; display:flex; align-items:center; position:relative;}
.my_text{background:#ffffff; padding:8px 15px; border-radius:3px; font-family:'EsaManru'; font-weight:300; font-size:14px; color:#282828;}
.icon_arrow{margin:0 0 0 15px; transition:all 0.5s;}
.my_hide_open.active .icon_arrow{transform:rotate(180deg);}

.my_hide{background:#282828; border:1px solid #303030; border-radius:3px; padding:30px; width:270px; position:absolute; top:50px; right:0; z-index:100; display:none;}
.my_hide_top{width:100%; display:flex; align-items:center; justify-content: space-between; padding:0 0 5px; border-bottom:1px solid #303030;}
.my_name{font-family:'EsaManru'; font-weight:300; font-size:12px; color:#868686;}
.my_name span{color:#ffffff;}
.my_btn1{display:block; min-width:65px; height:30px; line-height:30px; padding:0 10px; text-align:center; border-radius:30px; background:#ffffff; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#282828; transition:all 0.5s;}
.my_btn2{display:block; min-width:65px; height:30px; line-height:30px; padding:0 10px; text-align:center; border-radius:30px; background:#ffffff; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#282828; transition:all 0.5s;}
.my_btn3{display:block; min-width:65px; height:30px; line-height:30px; padding:0 10px; text-align:center; border-radius:30px; background:#585858; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff; transition:all 0.5s;}

.my_info{float:left; width:100%; margin:10px 0 0 0; padding:0 0 10px; border-bottom:1px solid #303030;}
.my_info li{display:flex; align-items:center; padding:2px 0; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff;}
.my_info li .my_right{margin:0 0 0 auto; font-family:'EsaManru'; font-weight:300; font-size:12px; color:#ffffff;}
.my_info li .my_right a{color:#ffffff;}
.my_info li .my_right span{font-weight:500; color:#5efffd;}

.my_btn_box{float:left; width:100%; margin:10px 0 0 0;}
.my_btn_box li{float:left; width:50%; padding:3px;}

@media (hover: hover) {
	.game li a:hover{color:#5efffd;}
	.gnb li a:hover{border-bottom:1px solid #5efffd;}
	.utill_btn01:hover{opacity:0.7;}
	.utill_btn02:hover{opacity:0.7;}
}

@media screen and (max-width:1920px) {
	.gnb_wrap{padding:30px 10px;}
}
@media screen and (max-width:1660px) {
	
}

@media screen and (max-width:1460px) {
	.gnb_box{height:auto;}
	.logo{margin:0 40px 0 0 ;}	
	.game li{margin:0 30px 0 0;}
	.gnb li{margin:0 0 0 30px;}
}
@media screen and (max-width:1300px) {
  	.m_menu_open{display:inline-block;}
	.gnb{display:none;}

}
@media screen and (max-width:1024px) {
	.gnb_wrap{padding:10px 10px;}

}
@media screen and (max-width:768px) {
	.logo{margin:0 0 0 0 ;}
	.game{display:none;}
	.my_box{display:none;}
	.utill{margin: 0 0 0 10px;}
	.utill li a{min-width:80px; height:43px; padding:0 10px; text-align:center; border-radius:43px; font-family:'EsaManru'; font-weight:300; font-size:13px; transition:all 0.5s;}
}
@media screen and (max-width:374px) {
    .logo_img img{width:70px;}
}
/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap{float:left; width:100%; background:#353535; padding:50px 0; margin:0 0 0 0;}
.footer_box{width:1400px; height:auto; margin:0 auto; overflow:hidden;}
.f_copy{width:100%; text-align:center; font-size:14px; color:#737373;}
.f_partners{width:100%; text-align:center; margin:30px 0 0 0;}
.f_partners img{width:100%; transition:all 0.5s;}
.f_logo{width:100%; text-align:center; margin:40px 0 0 0;}

.f_partners1{width:100%; padding:30px 0 20px 0;}
.f_partners1 img{width:100%;}
.f_partners2{width:100%; padding:20px 0 20px 0;}
.f_partners2 img{width:100%;}

@media (hover: hover) {
	.f_customer li a:hover{background:rgba(255,255,255,0.03);}
}
@media screen and (max-width:1440px) {
    .footer_wrap{padding:40px 10px;}
    .footer_box{width:100%;}
}
@media screen and (max-width:1024px) {
    .notice_box{font-size:14px;}
}
@media screen and (max-width:768px) {
	.f_copy{font-size:12px;}
	.f_logo img{width:50px;}
}

/*-------------------------------------------------------------------------------------*
 *  contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_wrap{width:100%; display:flex; margin:10px 0 20px 0;}
.title{width:100%; padding:0 0 20px 0; font-family:'EsaManru'; font-weight:700; font-size:28px; color:#ffffff; transition:all 0.5s;}
.title{border-bottom: 1px solid transparent; border-image: linear-gradient(to right, #00e1de 0%, #98ff00 100%); border-image-slice: 1;}
.s_title1{width:100%; padding:0 0 10px 0; font-family:'EsaManru'; font-weight:700; font-size:16px; color:#ffffff; transition:all 0.5s;} 
.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;}
 
.contents_wrap{float:left; width:100%; margin:30px 0 0 0; padding:0 0 40px 0;}
.contents_box{width:1400px; margin:0 auto; min-height:400px; transition:all 0.5s;}

@media screen and (max-width:1410px) {
    .contents_wrap{margin:10px 0 0 0;}
    .contents_box{width:100%; padding:0 10px;}
}

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

/*-------------------------------------------------------------------------------------*
 *  main                                                                               *
 *-------------------------------------------------------------------------------------*/
/* 비주얼 */
.visual_wrap {padding:50px 50px; display:flex; position:relative;}
.visual_wrap .visual_inner {flex:1}
.visual_wrap .visual_inner.tr{text-align:right;}
.visual_wrap .img {animation: rotate_image 50s linear infinite; transform-origin: 50% 50%; position:relative; right:0px; width:100%; max-width:776px}
.visual_wrap .img2 {animation: rotate_image2 50s linear infinite;transform-origin: 50% 50%;position:relative; left:-30px; width:100%; margin-top:200px; max-width:793px}
.visual_wrap .visual_img {position:absolute; left:50%;top:50%;transform: translate(-50%, -50%); width:1400px}
.visual_wrap .visual_img img {animation:  scale1 1s linear ; transform-origin: 50% 50%; width:100%}
.visual_wrap .visual_center {position:absolute; left:50%;top:50%;transform: translate(-50%, -50%); width:1400px; }
.visual_wrap .visual_center img {animation:  fadeInUpNew 4.5s; transform-origin: 50% 50%;width:100%}
.marquee_wrap {width:100%; overflow:hidden; position:absolute; left:50%;top:50%;transform: translate(-50%, -50%);}
.marquee {padding:0.5em 0; overflow:hidden; margin-bottom:10px;position:relative; font-family:'EsaManru'; font-weight:700; font-size:150px; color:#ffffff; transition:all 0.5s;}
.marquee p:after { content:""; white-space:nowrap; padding-right:50px;}
.visual_notice{position:absolute; left:100px; z-index:1; font-family:'EsaManru'; font-weight:300; font-size:20px; color:#ffffff;}
.visual_event{position:absolute; right:100px; z-index:1;}
.visual_event a{display:block; position:relative; top:30px; width:338px; height:93px; background:linear-gradient(#98ff00 0%, #00e1de 50%,#4a4a4a 50%, #343434 100%); background-size:100% 200%; background-position-y:100%; box-shadow:2px 4px 6px black; border-radius:15px;}
.visual_event img{position:absolute; bottom:0;}
.visual_event a:hover img{filter:drop-shadow(2px 2px 3px rgba(0,0,0,0.5));}

@media screen and (max-width:1440px) {
    .visual_wrap{overflow:hidden;}
    .visual_wrap .visual_img{width:100%;}
    .visual_wrap .visual_center{width:100%;}
	.visual_notice{display:none;}
	.visual_event{display:none;}
}
@media screen and (max-width:1060px) {
	.visual_wrap{padding:30px 10px;}
	.marquee {font-size:100px;}
}

@media screen and (max-width:768px) {
	.marquee {font-size:70px;}
}
 
.main_game_wrap{float:left; width:100%;}
.main_game_box{width:1920px; margin:0 auto;}
.main_game_box li{float:left; width:50%;}
.main_game_box li:nth-child(1){background:url(../images/bg_main_game01.jpg) center top no-repeat; background-size:100%; transition:all 0.5s;}
.main_game_box li:nth-child(2){background:#d9d9d9; transition:all 0.5s;}
.main_game_box li a{display:block;}
.main_game_box li a img{width:100%; transition:all 0.5s;}

.main_game_box li:nth-child(1):hover img{background:rgba(0,0,0,0.5);}
.main_game_box li:nth-child(2):hover{background:#efefef;}

.main_best_wrap{float:left; width:100%; background:#ededed; overflow:hidden;}
.main_best_box{width:1920px; margin:0 auto; padding:100px 0 0 0; transition:all 0.5s;}
.main_best_title{width:100%; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:40px; color:#1f1f1f; transition:all 0.5s;}
.main_best_list{width:100%; margin:40px 0 0 0; transition:all 0.5s;} 
.main_best_list ul{display:flex; justify-content: space-evenly; align-items: center;}
.main_best_list li{float:left; max-width:19%;} 
.main_best_list li a{display:block; width:250px; text-align:center; padding:10px 15px; border-radius:50px; background:#3f3f3f; transition:all 0.5s;} 
.main_best_list li a img{width:100%; max-width:140px; transition:all 0.5s;} 
 
.main_best_btn{width:100%; margin:30px 0 0 0; text-align:center; transition:all 0.5s;}
.main_best_btn a{display:inline-block; width:120px; padding:15px 10px; border-bottom:1px solid #1f1f1f; font-family:'EsaManru'; font-weight:700; font-size:20px; color:#1f1f1f; transition:all 0.5s;}
.main_best_btn a:hover{border-bottom:1px solid #666666; color:#666666;}

.main_best_item{width:100%; margin:40px 0 0 0; text-align:center;}
.main_best_item img{max-width:2116px; position:relative; left:50%; transform: translate(-50%); transition:all 0.5s;}

.main_board_wrap{float:left; width:100%; background:#1f1f1f url(../images/bg_board.png) center top;}
.main_board_box{width:1400px; margin:0 auto; padding:70px 0 100px; display:flex; justify-content:space-between;}

.main_board{float:left; width:calc(50% - 20px);}
.main_board_title{width:100%; text-align:center; font-family:'EsaManru'; font-weight:300; font-size:36px; color:#ffffff; transition:all 0.5s;}
.board_box{width:100%; margin:30px 0 0 0; padding:30px 30px; height:250px; border-radius:10px; overflow:hidden; background:#ffffff; transition:all 0.5s;}
.myTable{table-layout:fixed;}
.board_box td{font-family:'EsaManru'; font-weight:700; color:#292929; font-size:16px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.board_box td:last-child{font-weight:300;}
.board_font1{font-weight:700; color:#292929;}

@media screen and (max-width:1920px) {
    .main_game_box{width:100%;}
    .main_best_box{width:100%;}
}
@media screen and (max-width:1440px) {
	.visual_wrap .img2{margin-top:100px;}
	.main_game_box li{width:100%;}
	
	.main_best_box{padding:70px 0 0 0;}
	.main_best_title{font-size:32px; padding:0 20px;}
	.main_best_list{margin:30px 0 0 0;} 
	.main_best_list li{width:100%;}
	.main_best_list li a{width:100%;}
	
	.main_best_btn{margin:20px 0 0 0;}
	.main_best_item{margin:30px 0 0 0;}
	.main_best_item img{width:115%;}
	
	.main_board_box{width:100%; padding:30px 10px 30px; flex-wrap:wrap;}
	.main_board{width:100%; margin:10px 0;}
	.main_board_title{font-size:28px;}
	.board_box{margin:10px 0 0 0;}
}

@media screen and (max-width:1060px) {
	.main_game_box li{width:100%;}
	.main_best_box{padding:50px 0 0 0;}
	.main_best_title{font-size:28px;}
	.main_best_list{margin:20px 0 0 0;} 
	.main_best_btn a{font-size:18px;}
	
	.main_best_btn{margin:20px 0 0 0;}
	.main_best_item{margin:20px 0 0 0;}
	.main_best_item img{width:140%;}
}

@media screen and (max-width:768px) {
	.main_board_title{font-size:24px;}
	.board_box td{font-size:14px;}
	.main_best_title{font-size:24px;}
	.main_best_list li a{padding:10px 8px;}
	.main_best_item img{width:180%;}
}
@media screen and (max-width:380px) {
    .main_best_title{font-size:20px;}
}
/*-------------------------------------------------------------------------------------*
 *  login                                                                              *
 *-------------------------------------------------------------------------------------*/
/* 로그인배경 그라데이션 */
#login_background{background-color:none !important; background:linear-gradient(rgba(254,0,245,0.6) 30% , rgba(0,0,0,95) 80% );}

.popup_none              {display:none; width:100%;}
.login_wrap{width:95%; max-width:1000px; margin:0 auto; max-height:560px; transition:all 0.5s;}
.loginbox{width:100%; float:left; background:url(../images/bg_login.jpg) center top no-repeat;  background-size:cover; border-radius:10px 0 10px 10px; display:flex; position:relative;}

.close_btn_cu{background:#282828; width:40px; height:40px; line-height:40px; text-align:center; border-radius:3px 3px 0 0; color:#d4d4d4; font-weight:700; position:absolute; right:0px; top:-40px; z-index:11; transition:all 0.3s;}
.close_btn_cu  img{transition:all 0.3s;}

.loginbox_l{width:50%; position:relative;}
.loginbox_l img{position:absolute; bottom:0; left:10px; width:100%; max-width:476px;}
.loginbox_r{width:50%; padding:70px 15px; height:560px; max-height:560px; overflow-y:auto; display: flex; flex-direction: column; justify-content: center; transition:all 0.5s;}
.loginbox_r::-webkit-scrollbar {width: 3px;  /* 스크롤바의 너비 */}
.loginbox_r::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.loginbox_r::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.login_logo{float:left; width:100%; padding:0 0 0 15px;}
.login_title{float:left; width:100%; margin:30px 0 0 0; padding:0 0 0 15px; font-weight:700; font-size:16px; color:#ffffff;}
.login {float:left; width:100%; margin:10px 0 0 0;}
.login li {float:left; width:100%; padding:1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.login1 {float:left; width:100%; margin:10px 0 0 0;}
.login1 li {float:left; width:100%; padding:2% 1%; position:relative; display:flex; flex-wrap:wrap; align-items: center; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.login_input  {background-color:#585858; border:1px solid #222222; color:#ffffff; width:100%; height:50px; font-size:14px; font-weight:300; border-radius:5px; padding:0 0 0 10px;}
.login_input::placeholder {color:#bababa; font-size:12px; letter-spacing:0pt;}
.login_input:focus{border:1px solid #5efffd;}

.login_font01{font-family:'Esamanru'; font-weight:300; font-size:12px; color:#bababa;}
.login_font02{color:#ffffff;}

.login_btn_box2{float:left; width:100%; margin:10px 0 0 0; text-align:center;}
.login_btn_box2 li{float:left; width:50%; padding:1%; transition:all 0.2s; font-weight:500; font-size:14px; color:#ffffff;}
.login_btn1  {background:linear-gradient(#98ff00 0%, #00e1de 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:500; font-size:16px; color:#282828;}
.login_btn2  {background:linear-gradient(#686868 0%, #303030 100%); width:100%; height:50px; line-height:50px; display:inline-block; text-align:center; border-radius:5px; font-family:'Esamanru'; font-weight:500; font-size:16px; color:#ffffff;}

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

@media screen and (max-width:1060px) {
    .loginbox_r{height:auto;}
}
@media screen and (max-width:768px) {
    .loginbox_l{display:none;}
    .loginbox_r{width:100%}
	.login_logo{text-align:center;}
}
/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
.your-class_slide_pc{overflow:hidden; width:100%; max-width:1920px; margin:0 auto;}
.class_slide_pc img{width:100% !important;}
@media screen and (max-width:1024px) {
    .your-class_slide_pc{display:none !important;}
}

/* 이벤트페이지 */
.event_wrap{float:left; width:100%;}
.event_wrap li{float:left; width:33%; margin:0 0.5% 1.5% 0;}
.event_wrap li:nth-child(3n){margin:0 0 1.5% 0;}
.event_wrap li>a{display:block;}
.event_wrap li>a:hover .event_img img{transform:scale(1.05);}


.event{float:left; width:100%; border-radius:5px; overflow:hidden; border:1px solid #222222;}
.event_img{background:#222222; overflow:hidden;}
.event_img img{width:100%; transition:all 0.5s;}
.event_info{float:left; width:100%; background:#282828; height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 20px;}
.event_title{max-width:75%; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.event_btn{display:block; background:#ffffff; border:none; min-width:70px; height:32px; line-height:32px; border-radius:32px; padding:0 10px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#282828; transition:all 0.5s;}
.event_btn:hover{opacity:0.8;}

@media screen and (max-width:768px) {
    .event_title{font-size:14px;}
	.event_wrap li{width:49.5%; margin:0 1% 1% 0;}
	.event_wrap li:nth-child(3n){margin:0 1% 1% 0;}
	.event_wrap li:nth-child(2n){margin:0 0 1% 0;}
}
@media screen and (max-width:480px) {
    .event_title{font-size:14px;}
	.event_wrap li{width:100%; margin:0 0 1% 0;}
	.event_wrap li:nth-child(3n){margin:0 0% 1% 0;}
	.event_wrap li:nth-child(2n){margin:0 0% 1% 0;}
}

/* 카지노페이지 */
.casino_wrap{float:left; width:100%;}
.casino_wrap li{float:left; width:24.25%; margin:0 1% 1% 0;}
.casino_wrap li:nth-child(4n){margin:0 0 1% 0;}
.casino_wrap li>a{display:block;}
.casino_wrap li>a:hover .casino_img img{transform:scale(1.05);}


.casino{float:left; width:100%; border-radius:5px; overflow:hidden; border:1px solid #222222;}
.casino_img{background:#222222; overflow:hidden;}
.casino_img img{width:100%; transition:all 0.5s;}
.casino_info{float:left; width:100%; background:#282828; height:50px; display:flex; align-items:center; justify-content:space-between; padding:0 20px;}
.casino_title{max-width:75%; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

@media screen and (max-width:1024px) {
    .casino_title{font-size:14px;}
	.casino_wrap li{width:33%; margin:0 0.5% 1% 0;}
	.casino_wrap li:nth-child(4n){margin:0 0.5% 1% 0;}
	.casino_wrap li:nth-child(3n){margin:0 0 1% 0;}
}
@media screen and (max-width:768px) {
    .event_title{font-size:14px;}
	.casino_wrap li{width:49.5%; margin:0 1% 1% 0;}
	.casino_wrap li:nth-child(4n){margin:0 1% 1% 0;}
	.casino_wrap li:nth-child(3n){margin:0 1% 1% 0;}
	.casino_wrap li:nth-child(2n){margin:0 0 1% 0;}
}


/* 슬롯페이지 */
.slot_best{float:left; width:100%; margin:20px 0 0 0;}
.slot_best ul{display:flex; padding:0 0 10px;}
.slot_best ul::-webkit-scrollbar {height: 3px;  /* 스크롤바의 너비 */}
.slot_best ul::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: rgba(255,255,255, 0.1); /* 스크롤바의 색상 */border-radius: 5px;}
.slot_best ul::-webkit-scrollbar-track {background: rgba(255,255,255, 0.1);  /*스크롤바 뒷 배경 색상*/}

.slot_best li{float:left; width:calc(100% / 8 - 10px); margin:0 5px; text-align:center;}
.slot_best li a{display:block;}
.slot_best li a img{width:100%; max-width:140px; filter:grayscale(100%) brightness(0.5); transition:all 0.5s;}
.slot_best li a:hover img{filter:grayscale(0%) brightness(1);}

.slot_best_txt{margin:5px 0 0 0; padding:0 5px; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#eeeeee; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:all 0.5s;}
.slot_best li a:hover .slot_best_txt{font-weight:500; color:#98ff00;}

.slot_best_more{float:left; width: 100%; height: 47px; margin-top: 18px; position: relative; display: flex; align-items: center; justify-content: center;}
.slot_best_more::before{content: ""; width: 100%; height: 2px; background-color: #98ff00; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.more_arrow{height: 47px; display: flex; align-items: center; justify-content: center; background-color: #1a1a1a; z-index: 1; padding: 12px; cursor: pointer;}
.slot_arrow{width:20px; font-size:20px; color:#ffffff; text-align:center;}
.slot_arrow img{transform:rotate(0deg);  transition:all 0.5s;}
.arrow_rot .slot_arrow img{transform:rotate(-180deg);  transition:all 0.5s;}
.slot_more_txt{padding:0 9px; font-family: 'EsaManru'; font-weight:300; font-size:18px; color:#ffffff;}

.slot_all_game{float:left; width:100%; display:none;}
.slot_all_game.active{display:block;}
.slot_all_game ul{display:flex; flex-wrap:wrap;}
.slot_all_game li{float:left; width:calc(100% / 8 - 10px); margin:10px 5px; text-align:center;}
.slot_all_game li a{display:block;}
.slot_all_game li a img{width:100%; max-width:140px; filter:grayscale(100%) brightness(0.5); transition:all 0.5s;}
.slot_all_game li a:hover img{filter:grayscale(0%) brightness(1);}
.slot_all_game li a:hover .slot_best_txt{font-weight:500; color:#98ff00;}

@media screen and (max-width:1024px) {
    .slot_best ul{overflow-x:auto;}
    .slot_best li{min-width:calc(100% / 5.5 - 10px);}
	.slot_all_game li{width:calc(100% / 5 - 10px);}
}

@media screen and (max-width:768px) {
    .slot_best li{min-width:calc(100% / 4.5 - 10px);}
	.slot_all_game li{width:calc(100% / 4 - 10px);}
	.slot_best_txt{font-size:11px;}
}

.slot_list_box{float:left; width:100%; margin:50px 0 0 0;}
.slot_list{display: grid; grid-template-columns: repeat(auto-fill,minmax(160px,1fr)); gap: 1.25rem 0.75rem;}
.slot_box{width:100%; padding:0 0 0 0; float:left;}
.slot_img{width:100%; border-radius:5px; overflow:hidden;}
.slot_img img{width:100%; transition:all 0.5s;}
.slot_title{background:#282828; position:relative; margin:0px 0 0 0; padding:10px 20px 10px 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#eeeeee;}

.pentagram {position: absolute; right:5px; top:5px; display: inline-block;width: 0px;height: 0px;margin: 10px 0;color: #ffd67a; border-right: 10px solid transparent;border-left: 10px solid transparent;border-bottom: 6px  solid #ffd67a;transform: rotate(35deg);  transition:all 0.5s;}
.pentagram::before,.pentagram::after{content: "";position: absolute;width: 0px;top: 0;height: 0px;color: #ffd67a;left: -10px;border-right: 10px solid transparent;border-left: 10px solid transparent;border-bottom: 6px solid #ffd67a; transition:all 0.5s;}
.pentagram::before {transform: rotate(71deg);}
.pentagram::after {transform: rotate(-71deg);}

.pentagram{color: #eeeeee; border-bottom-color:#eeeeee;}
.pentagram::before,.pentagram::after{color: #eeeeee; border-bottom-color:#eeeeee;}
.pentagram.active{color: #fff000; border-bottom-color:#fff000;}
.pentagram.active::before,.pentagram.active::after{color: #fff000; border-bottom-color:#fff000;}

@media (hover: hover) {
	.pentagram:hover,.pentagram:hover::before,.pentagram:hover::after {color: #fff000; border-bottom-color:#fff000;}
	.slot_box:hover .slot_img img{filter:grayscale(70%);}

}

@media screen and (max-width:768px) {
	.slot_list{display: grid; grid-template-columns: repeat(auto-fill,minmax(100px,1fr)); gap: 1rem 0.5rem;}
}