@charset "utf-8";

#wrap {float:left; width:100%; overflow-x:hidden;  background:#000000 url(../images/bg.jpg) center top no-repeat;}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
#header_wrap {float:left; width:100%;}

.top {float:left; width:100%; height:100px; background:#000000 url(../images/bg.jpg) center top no-repeat; background-size:cover;}
.m_logo {float:left; width:100%; line-height:100px; text-align:center;}

.m_menu1 { position:absolute; top:0px; right:0px; padding:0 5px 0 5px; z-index:1; cursor:pointer; height:100px; display: flex; flex-direction: column; justify-content: center;}
.m_menu1 a{display:block; padding:2px 0;}
.m_menu2 { position:absolute; top:0px; left:0px; line-height:100px; padding:0 5px 0 5px; z-index:1; cursor:pointer;}

.my{float:left; width:100%; padding:2px 0px; background:url(../images/bg_header.jpg) center top no-repeat; background-size:cover;}
.my ul{display:flex; flex-wrap: wrap; justify-content: space-around;}
.my ul li{text-align:center; margin:0; width:49%; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); margin:0.5%; font-family: 'EsaManru'; font-weight:300; font-size:19px; color:#ffffff; line-height:50px; white-space:nowrap; overflow:hidden; border-radius:3px; transition:all 0.5s;}
.my ul li{border: 1px solid transparent;border-image-slice: 1; background-image: linear-gradient(#472e11, #211806), linear-gradient(to right, #e4c169 0%, #976c34 15%,#554426 30%, #fde892 50%, #ffe1ae 70%, #976c34 85%, #e4c169 100%); background-origin: border-box; background-clip: content-box, border-box;}
.my ul li a {color:#ffffff; font-size:18px;}

.input_login{background-color:#000000; border:1px solid #000000; border-radius:3px; padding:4px 0 4px 10px; width:100%; height:28px; color:#ffffff; font-size:12px; font-family:'Esamanru'; font-weight:300;}
.input_login::-webkit-input-placeholder{color:#7d78a3;}
.top_my_btn1  {background:linear-gradient(#696969 0%, #414141 100%); border:1px solid #1f1f1f; width:100%; height:28px; line-height:28px; display:inline-block; text-align:center; border-radius:3px; color:#ffffff;}
.top_my_btn2  {background:linear-gradient(#b68b4d 0%, #85622a 100%); width:100%; height:28px; line-height:28px; display:inline-block; text-align:center; border-radius:3px; color:#ffffff;}



.info_title{float:left; width:100%; margin:10px 0 0 0; background:linear-gradient(#472e11 0%, #211806 100%); padding:0 10px; line-height:40px; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#ffffff;}

.notice_box{float:left; width:100%; padding:0 10px; background:linear-gradient(#5b4a17 0%, #8e6e43 100%);}
.notice{float:left; width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff;}
.notice img{height:16px;}

.btn_info {position:absolute;top:5px;right:5px;width:32px;height:32px;background:url(../images/ico_info.png) no-repeat;z-index: 1;}
.wrap_info {display:none;position:absolute;top:45px;right:305;padding:10px;font-size:12px;border-radius:4px;border:2px solid #948677;background-color:rgba(0,0,0,.9);color:#bbb;width:100%;}
.wrap_info .tit_info {display:block;font-size:14px;text-align:center;color:#fbdbb1}
.wrap_info .txt_info {display:block;margin-top:4px}
.wrap_info .txt_info em {color:#ff970e}
.btn_info:hover + .wrap_info {display:block}
.ir {display:block;overflow:hidden;font-size:1px;line-height:0;color:transparent;}

/*-------------------------------------------------------------------------------------*
 *  Contents                                                                           *
 *-------------------------------------------------------------------------------------*/
.title_box{float:left; width:100%; margin:10px 0 0 0;}
.title{float:left; width:100%; height:50px; line-height:50px; border-radius:3px; text-align:center; background:linear-gradient(#535353 0%, #000000 100%); font-family: 'EsaManru'; font-weight:700; font-size:22px; color:#ffffff;}
.title{border: 2px solid transparent; border-image-slice: 1; background-image: linear-gradient(#583915, #38290b), linear-gradient(to right, #e4c169 0%, #976c34 15%,#554426 30%, #fde892 50%, #ffe1ae 70%, #976c34 85%, #e4c169 100%); background-origin: border-box; background-clip: content-box, border-box;}
.s_title1{float:left; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff;}

.contents_wrap {float:left; width:100%; min-height:300px; margin:10px 0 0 0;}
.contents_box{float:left; width:100%; padding:0 5px 20px 5px;}

.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_box15 {float:left; width:100%; margin:15px 0 0 0;}
.con_box20 {float:left; width:100%; margin:20px 0 0 0;}
.con_box25 {float:left; width:100%; margin:25px 0 0 0;}
.con_box30 {float:left; width:100%; margin:30px 0 0 0;}
.con_box35 {float:left; width:100%; margin:35px 0 0 0;}
.con_box40 {float:left; width:100%; margin:40px 0 0 0;}
.con_box45 {float:left; width:100%; margin:45px 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;}


/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; margin:30px 0 0 0; padding:40px 10px 40px 10px;}
.f_copy{float:left; width:100%; text-align:center; margin:20px 0 0 0; font-family: 'EsaManru'; font-weight:700; font-size:14px; color:#77644d;}
.f_logo{float:left; width:100%; text-align:center;}
.f_logo img{width:100%;}

.f_partners .swiper-slide{text-align:center;}
.f_partners{float:left; width:100%; overflow:hidden;}
.f_partners img{max-width:60px;}

/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_zone{width:100%; margin:0 auto; max-width:1280px; overflow:hidden;}
.visuall_wrap{float:left; width:100%;}
.visuall_wrap .swiper-slide img{width:100%; max-width:1280px; transition:all 0.5s;}
.main_board{float:left; width:100%; margin:20px 0 0 0;}
.main_board ul{width:100%; float:left;}
.main_board li{float:left; width:100%; margin: 0 0 1% 0; overflow:hidden;}
.main_board li:last-child{margin:0;}

.board{margin:10px 0 0 0; height:150px; overflow:hidden; padding:0 10px}
.board_title{width:100%; height:40px; line-height:40px; padding:0 15px 0 15px; background:linear-gradient(#583915 0%, #38290b 100%); font-family:'Esamanru'; font-weight:700; font-size:15px; color:#ffffff;}
.board table{table-layout:fixed;}
.board td{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; line-height:36px;}
.board_font01{color:#ffc000; font-weight:700;}
.board_font02{color:#6b6a6a;}
.board_more{float:right; font-weight:500; font-size:15px; color:#ffc000;}


/* 게임리스트 */
.main_game{float:left; width:100%; margin:5px 0 0 0;}
.main_game ul{display: block;}
.main_game li{float:left; width:49.5%; margin:0 1% 1% 0;}
.main_game li:nth-child(2n){margin:0 0 1% 0;}
.main_game li a{display:block;}
.main_game li a img{width:100%;}

/* 모바일뿌리기 게임리스트 */
.m_game_list{float:left; width:100%; margin:0px 0 0 0;}
.m_game_list ul{display: block;}
.m_game_list li{float:left; width:20%;}
.m_game_list li a{display:block;}
.m_game_list li a img{width:100%;}

.m_domain{float:left; width:100%; margin:10px 0 0 0;}
.m_domain a{display:block;}
.m_domain a img{width:100%;}
/*-------------------------------------------------------------------------------------*
 *  out_login                                                                          *
 *-------------------------------------------------------------------------------------*/
 
/* 로그인 */
.out_login_wrap_wrap {float:left; width:100%; min-height:100vh; padding:0 0 50px 0; display:flex; flex-direction: column; justify-content: center; position:relative; z-index:1;}
.out_login_wrap_box  {float:left; width:100%; transition:all 0.5s;}

.out_login_logo {float:left; width:100%; text-align:center; margin:100px 0 40px 0; transition:all 0.5s;}

.out_login_box_wrap {margin:0px auto; width:460px; height:330px; overflow:hidden; background:url(../images/bg_login_box.png) center top no-repeat; background-size:100% 100%; border-radius:0px; padding:2%;}
.out_login {float:left; width:100%; height:100%;}
.out_login ul {width:100%; height:100%; display:flex; flex-direction: column; justify-content: center;}
.out_login li {float:left; width:100%; padding:1%; transition:all 0.2s;} /* ysk 가로 100%로 변경시 세로형 */

.out_login_text{float:left; width:100%; text-align:center; padding:0 0 20px 0; font-weight:400; font-size:16px; color:#ffffff;}

.out_login_input  {background-color:#2d2312; border:1px solid #2d2312; color:#ffffff; width:100%; height:65px; font-size:20px; font-family:'Esamanru'; font-weight:300; border-radius:5px; padding:0 0 0 10px;}
.out_login_input::placeholder {color:#ffffff; font-size:14px; letter-spacing:0pt;}
.out_login_input:focus{border:1px solid #ffe1ae;}

.out_login_btn1        {background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); width:100%; height:52px; line-height:52px; text-align:center; display:inline-block; color:#000000; font-size:18px; font-family:'Esamanru'; font-weight:700; border-radius:5px; letter-spacing:-1pt; text-shadow:1px 0 0 rgba(255,255,255,0.5);}
.out_login_btn1:hover  {background:linear-gradient(-45deg, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%);}

.out_login_btn2        {background:linear-gradient(to right, #bababa 0%, #868686 20%, #c8c8c8 50%, #868686 80%, #bababa 100%); width:100%; height:52px; line-height:52px; text-align:center; display:inline-block; color:#000000; font-size:18px; font-family:'Esamanru'; font-weight:700; border-radius:5px; letter-spacing:-1pt; text-shadow:1px 0 0 rgba(255,255,255,0.5);}
.out_login_btn2:hover  {background:linear-gradient(-45deg, #bababa 0%, #868686 20%, #c8c8c8 50%, #868686 80%, #bababa 100%);}

/* 추천인 */
.out_close {float:left; width:100%; text-align:center; padding:0 0 20px 0;}

.out_code_wrap {float:left; width:100%; height:100vh; display:flex; align-items:center;}
.out_code_box {margin:0px auto; width:500px; transition:all 0.5s;}

.out_code_box_wrap {float:left; width:100%; background:url(../images/bg_login_box.png) center top no-repeat; background-size:100% 100%; border-radius:3px; padding:7%;}
.out_code {float:left; width:100%;}
.out_code li {float:left; width:100%; padding:1%;} /* ysk 가로 100%로 변경시 세로형 */

.out_code_text {float:left; width:100%; text-align:center; padding:0 0 20px 0; font-family: 'EsaManru'; font-weight:500; font-size:16px; color:#ffffff;}

/* 회원가입 */
.out_join_wrap {float:left; width:100%; margin:30px 0 0 0;}
.out_join_box {margin:0px auto; width:1000px; transition:all 0.5s;}

.out_join_logo {float:left; width:100%; margin:10px 0 10px 0;}
.out_join_logo img {width:300px;}

.out_join_box_wrap {float:left; width:100%; background:#000000 url(../images/bg_header.jpg) center top no-repeat; background-size:cover; border-radius:3px; padding:3%;}
.out_join {float:left; width:100%; border-top:1px solid rgba(255,255,255,0.1); border-bottom:1px solid rgba(255,255,255,0.1); padding:10px 0 10px 0;}
.out_join ul {float:left; width:50%;} /* ysk 가로 100%로 변경시 세로형 */
.out_join ul li {float:left; width:100%; padding:2%; line-height:30px; color:#ffffff;} 
.phone {display:flex; align-items:center;}

.out_join_text {float:left; width:100%; padding:0 0 10px 10px; font-family: 'EsaManru'; font-weight:700; font-size:20px; color:#ffffff;}

.out_join_btn {margin:0px auto; width:500px;}
.out_join_btn li {float:left; width:48%; margin:2% 1% 0 1%;}

.out_join_input1  {background-color:#2d2312; border:1px solid #2d2312; color:#ffffff; width:100%; height:46px; font-size:14px; font-family:'Esamanru'; font-weight:300; border-radius:5px; padding:0 0 0 10px;}
.out_join_input1::placeholder {color:#7a7a7a; font-size:14px; letter-spacing:0pt;}
.out_join_input1:focus{border:1px solid #f08235; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}


#etc_pop1{display:none;}
#video {position: fixed; top: 0px; left: 0px; min-width: 100vw; min-height: 100vh; width: auto; height: auto; z-index:0; overflow: hidden;}
.out_login_customer{float:left; width:100%; margin:40px 0 0 0;text-align: center;}
.out_login_customer ul{display_:flex; justify-content: center}
.out_login_customer ul li{margin:10px 0px;}
.out_login_customer ul li a{display:block;}

.out_login_chome{float:left; width:100%; margin:30px 0 0 0; text-align:center; font-family:'Esamanru'; font-weight:300; font-size:14px; color:#ffffff; }

@media screen and (max-width:1300px) {
	.out_join_box {width:90%;}
	.out_join_box_wrap {padding:6%;}	
	.out_join ul {width:100%;}	
	.out_join_btn {width:320px;}
}

@media screen and (max-width:768px) {
	.out_login_wrap_box  {width:100%;}
	.out_login_logo {margin:50px 0 30px 0; padding:0 100px;}
	.out_login_logo img {width:100%;}	
	.out_login li {width:100%;}
	
	.out_code_box {width:80%;}
	.out_login_chome{padding:0 30px;}
}



/*-------------------------------------------------------------------------------------*
 *  out_login animations                                                               *
 *-------------------------------------------------------------------------------------*/
.out_motion111{
	animation:out_motion111 2.5s;
}

@keyframes out_motion111 {
	0% {
		transform: scale(1.5);
		opacity: 0.1;		
	}
	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}

.out_motion222{
	animation:out_motion111 2.5s;
}

@keyframes out_motion111 {
	0% {
		transform: scale(0.5);
		opacity: 0.1;		
	}
	
	100% {
		transform: scale(1);
		opacity: 1;	
	}			
}



/*-------------------------------------------------------------------------------------*
 *  out_login animations popup                                                         *
 *-------------------------------------------------------------------------------------*/
/* 한개의 스타일 */
.out_popup111	{animation-name: out_popup111; animation-duration: 0.5s; animation-timing-function: ease; visibility: visible !important;}

				@keyframes out_popup111 {
					0%   {transform: translateY(-300%);}			
					100% {transform: translateY(0%);}		
				}

/* 한개의 스타일 */
.out_popup222	{animation-name: out_popup222; animation-duration: 0.5s; animation-timing-function: ease; visibility: visible !important;}

				@keyframes out_popup222 {
					0%   {transform: translateY(-300%) scaleX(4.0);}			
					100% {transform: translateY(0%) scaleX(1);}		
				}

/* 한개의 스타일 */
.out_popup333	{animation-name: out_popup333; animation-duration: 1.1s; animation-timing-function: ease; visibility: visible !important;}

				@keyframes out_poout_popup333pup03 {
					0%   {transform: translateY(-300%) scaleX(4.0);}	
					50%  {transform: translateY(2%) scaleX(1.3);}				
					100% {transform: translateY(0%) scaleX(1);}		
				}



/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* 스포츠탭 */
.sports_tab{float:left; width:100%; margin:10px 0 0 0; position:relative; z-index:1; top:1px;}
.sports_tab li{float:left; width:20%;}
.sports_tab li a{display:block; width:100%; padding:0 10px; height:40px; line-height:40px; text-align:center; font-family:'Esamanru'; font-weight:300; font-size:18px; color:#938c7b; border-top:1px solid #211806; border-left:1px solid #211806; border-bottom:1px solid #211806; background:#464238;}
.sports_tab li:last-child a{border-right:1px solid #211806;}
.sports_tab li.active a{background:linear-gradient(#472e11 0%, #211806 100%); color:#ffde00; border-bottom:1px solid #ffde00;}
.sports_tab li:hover a{color:#ffffff;}

.sports_tab_list{float:left; width:100%; background:rgba(255,255,255,0.1); border:1px solid #4e4e4e;  box-shadow:1px 3px 3px rgba(0,0,0,0.2); padding:20px 0;}
.sports_tab_list{float:left; width:100%; overflow:hidden;}
.sports_tab_list ul{/* display:flex; overflow:hidden; overflow-x:auto; */}
.sports_tab_list li{float:left; width:12.5%;}
.sports_tab_list li:last-child a{border-right:none;}
.sports_tab_list li a{display:flex; flex-direction: column; align-items: center; padding:5px 10px; border-right:1px solid #4e4e4e; transition:all 0.5s;}
.sports_tab_list li a:hover{background:rgba(0,0,0,0.8);}
.sports_tab_list li a img{width:40%;}
.sports_name{display:inline-block; margin:10px 0 0 0; font-family:'Esamanru'; font-weight:300; font-size:13px; color:#eee;}
.sports_many{display:inline-block; margin:5px 0 0 0; font-family:'Esamanru'; font-weight:500; font-size:16px; color:#ffde00;}



.cart_cart_wrap {float:left; width:100%; padding:20px; background:rgba(0,0,0,0.6);}
.cart_close {float:left; width:100%; text-align:center;}

.cart_wrap {float:left; width:100%; padding:0 5px 10px 5px;  background:#1d170d;position: fixed;bottom: 0px;z-index: 100;}
.cart_title {float:left; width:100%; height:50px; padding:0 15px; background:linear-gradient(#583915 0%, #38290b 100%); line-height:40px; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#ffffff;}
.cart_bet {background:linear-gradient(#583915 0%, #38290b 100%); border-bottom:1px solid #ffde00; padding_:5px 12px 3px 12px; line-height_:40px; margin_:3px 0 0 0; font-size:16px; color:#ffffff;}  /* 팀 선택시 */
.cart_bet td {color:#ffffff;}

.cart_bet_box{float:left; width:100%; margin:10px 0 0 0; padding:0 5px 10px 5px; background:#362e1f; border:1px solid rgba(255,255,255,0.1);}

.cart_style1 {line-height:32px; padding:3px 7px 0 7px; font-family: 'EsaManru'; font-weight:300; font-size:18px; color:#acacac; border-bottom:1px solid rgba(255,255,255,0.1);} /* 카트리스트 */
.cart_style2 {float:right; color:#ffde00; font-weight:700;}


/*.cart_btn1          {border:1px solid #fdf400; width:100%; text-align:center; display:inline-block; font-family: 'EsaManru'; font-weight:500; font-size:18px; color:#ffffff; border-radius:3px; line-height:45px;}*/
/*.cart_btn1:hover    {background:linear-gradient(#472e11, #211806); color:#ffef5e;}*/

.cart_btn1   {background:linear-gradient(#553c22 0%,  #000000 100%); width:100%; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:18px; font-weight:700; border-radius:0px; line-height:45px; border: 2px solid #e4c068;}

.cart_btn2          {background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); width:100%; text-align:center; display:inline-block; font-family: 'EsaManru'; font-weight:700; color:#000000; font-size:20px; border-radius:3px; line-height:70px; text-shadow:1px 0 0 rgba(255,255,255,0.5); box-shadow:2px 0 3px rgba(0,0,0,0.75);}
.cart_btn2:hover    {background:linear-gradient(-45deg, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%);}

.cart_input1 {background-color:#141414; border:1px solid #282828; padding:4px 5px 4px 5px; font-family: 'EsaManru'; font-weight:700; color:#ffde00; font-size:14px; border-radius:3px; height:34px; text-align:right; max-width: 200px;}

.cart_x{width:30px;}
.bet_del{width:24px;}
.fix_on{width:24px;}
.fix_off{width:24px;}

.jello-horizontal a{display:block;}
.cart_open {position:fixed; float:left; text-align:center; background:linear-gradient(#583915 0%, #38290b 100%); border:1px solid rgba(255,255,255,0.2); border-radius:5px; width:100px; height:100px; line-height:100px; bottom:70px; left:30px; z-index:998;}
.cart_count2 {width:40px; height:40px; line-height:40px; background:#ffde00; color:#000000; border-radius:100px; position:fixed; left:100px; bottom:140px; font-weight:500; text-align:center;z-index:999; font-size:13px;}

/* 베팅 */
.m_bet_title2 {float:left; width:100%;  background:linear-gradient(#524539 0%, #524539 100%); line-height:27px; margin:0 0 0 0;}
.m_bet_title2_left {float:left; padding:5px; color:#ffffff; font-weight:700;}
.m_bet_title2_right {float:right; padding:5px; color:#ffe3ca; text-align:right;}

.m_bet_list {display: table; width: 100%; }
.m_bet_list_tr {display: table-row;}
.m_bet_cell   {border-top_:1px solid rgba(255,255,255,0.1); background:#24211b; display:table-cell; height:24px; padding:5px; vertical-align:middle; color:#ffffff;}
.m_bet_cellon {font-weight:700; color:#000000; background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); vertical-align:middle;}
.m_bet1 {width: 30%;}
.m_bet2 {width: 5%; text-align:right;}
.m_bet3 {width: 5%; text-align:center; border-right_:1px solid rgba(255,255,255,0.1); border-left_:1px solid rgba(255,255,255,0.1); }
.m_bet4 {width: 5%;}
.m_bet5 {width: 30%; text-align:right;}
.m_bet6 {width: 5%; text-align:center; border-left:1px solid rgba(255,255,255,0.1); color:#34cd0e;}
.m_bet7 {width: 20%; text-align:center; border-left:1px solid rgba(255,255,255,0.1); color:#ffffff;}

.m_bet_my1{float:left; width:100%; background:#362e1f; margin:0 0 0 0; border-top:1px solid #4d4d4d; line-height:18px;}
.m_bet_my2{float:left; width:100%; margin:0 0 5px 0; border-top:1px solid #222222; line-height:18px; color:#000000;}
.m_bet_my_left {float:left; padding:5px; color:#ffffff;}
.m_bet_my_right {float:right; padding:5px; color:#ffffff; text-align:right;}

.m_btn_cart   {width:100%; text-align:center; display:inline-block; font-family:nanumgothic; color:#ffffff; font-size:12px; font-weight:700; background:linear-gradient(#116c70 10%,  #116c70 50%); line-height:30px}

.bet_hstory_font1      {color:#ff8a00; font-weight:700;}
.bet_hstory_font2      {color:#34cd0e; font-weight:700;}



/* 출석부 */
.att_title1     {background:linear-gradient(#583915 0%, #38290b 100%);  color:#ffffff; line-height:44px; text-align:center; font-weight:700;}
.att1           {background:#24211b; border-bottom:1px solid 255,rgba(255,255,255,0.1); color:#eeeeee; height:60px; text-align:center; position:relative;}
.att2           {position:absolute; top:10px; left:10px; z-index:1;}
.att_style td	{font-size:16px; font-weight:500;}

.over_list{float:left; width:100%; overflow-x:auto;}
.over_list table{min-width:800px;}
.over_list::-webkit-scrollbar {
    height: 10px;  /* 스크롤바의 너비 */
}

.over_list::-webkit-scrollbar-thumb {
    height: 20%; /* 스크롤바의 길이 */
    background: #7e76b7; /* 스크롤바의 색상 */
    
    border-radius: 3px;
}

.over_list::-webkit-scrollbar-track {
    background:rgba(242,242,242,0.6);  /*스크롤바 뒷 배경 색상*/
}


/* 포인트 */
.pointbox{background:#362e1f; border:1px solid rgba(255,255,255,0.05); float:left; width:100%; margin:10px 0 0 0; padding:15px 0 20px 0; border-radius:3px;}

.point_title1{width:100%; float:left; margin:20px 0 0 0; text-align:center; font-family: 'Esamanru'; font-weight:700; font-size:16px; color:#ffffff;}
.point_title2{width:100%; float:left; margin:20px 0 0 0; text-align:center; font-family: 'Esamanru'; font-weight:500; font-size:18px; color:#ffffff;}
.point_title2 span{display:inline-block; padding:0 10px; font-weight:700; color:#e3c583;}

.point_input{width:100%; float:left; display:flex; align-items: center; justify-content:center; margin:20px 0 0 0; text-align:center; font-family: 'Esamanru'; font-weight:500; font-size:16px; color:#dedede;}
.input_point{width:200px; height:48px; padding:10px; margin:0 10px; background-color:#1d170d; border:1px solid #422b0f; text-align:right; font-family: 'Esamanru'; font-weight:700; font-size:18px; color:#ffffff;}

/* 쿠폰 */
.coupon_font01{font-family: 'Esamanru'; font-weight:500; font-size:16px; color:#ffffff;}
.coupon_font02{font-family: 'Esamanru'; font-weight:700; font-size:22px; color:#ffde00;}

.coupon_box{float:left; width:100%; margin:10px 0 0 0; padding:0 20px;}
.coupon_box li{float:left; width:100%; margin:0 0 2% 0;}
.coupon_box li:last-child{margin:0;}
.coupon_box li a{display:block; text-align:center;}
.coupon_box li a img{width:100%; max-width:420px;}


/*-------------------------------------------------------------------------------------*
 *  미니게임2                                                                           *
 *-------------------------------------------------------------------------------------*/
.mini_logo{max-width:40px;} 
.mini_power_big_wrap2{float:left; width:100%; border: 2px solid transparent; border-image-slice: 1; background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), linear-gradient(to right, #e4c169 0%, #976c34 15%,#554426 30%, #fde892 50%, #ffe1ae 70%, #976c34 85%, #e4c169 100%); background-origin: border-box; background-clip: content-box, border-box; margin:5px 0 0 0; display:flex; border-radius:3px; flex-wrap:wrap;}
.mini_power_big_title2{float:left; width:100%; border-bottom:1px solid #80580f; display:flex; align-items:center; justify-content: center; padding:20px 0;}
.big_title2_t1{width:auto; font-family: 'Esamanru'; color:#ffffff; font-size:22px; font-weight:500; padding:0 10px 0; text-align:center; }
.big_title2_t2{width:auto; font-family: 'Esamanru'; color:#ffffff; font-size:14px; font-weight:300; padding:0 5px 0; text-align:center;}
.big_title2_t3{width:auto; font-family: 'Esamanru'; color:#fde892; font-size:18px; font-weight:300; padding:0 5px 0; text-align:center;}
.big_title2_t4{width:auto; font-family: 'Esamanru'; color:#ffffff; font-size:14px; font-weight:300; padding:0 5px 0; text-align:center;}

.mini_power_big_wrap3{float:left; width:100%; border: 2px solid transparent; border-image-slice: 1; background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), linear-gradient(to right, #e4c169 0%, #976c34 15%,#554426 30%, #fde892 50%, #ffe1ae 70%, #976c34 85%, #e4c169 100%); background-origin: border-box; background-clip: content-box, border-box; margin:5px 0 0 0; border-radius:3px;}
.mini_power_big_title3{float:left; width:100%; padding:10px 10px 10px 10px; border-bottom:1px solid #80580f; display:flex; align-items: center;}
.big_title3_t1{font-family: 'Esamanru'; color:#ffffff; font-size:26px; font-weight:300; margin:0 0 0 0; padding:0 10px 0 0;}
.big_title3_t2{font-family: 'Esamanru'; color:#ffffff; font-size:18px; font-weight:300; margin:0 0 0 0; padding:0 10px 0 0;}
.big_title3_t3{font-family: 'Esamanru'; color:#fde892; font-size:22px; font-weight:300; margin:0 0 0 0; padding:0 10px 0 0;}
.big_title3_t4{font-family: 'Esamanru'; color:#ffffff; font-size:18px; font-weight:300; margin:0 0 0 0; padding:0 10px 0 0;}

.mini_power_big_wrap4{float:left; width:100%; border: 2px solid transparent; border-image-slice: 1; background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), linear-gradient(to right, #e4c169 0%, #976c34 15%,#554426 30%, #fde892 50%, #ffe1ae 70%, #976c34 85%, #e4c169 100%); background-origin: border-box; background-clip: content-box, border-box; margin:5px 0 0 0; display:flex; border-radius:3px;}

.mini_power_big_btn_box1{float:right; width:100%; padding:20px 10px; display:flex; justify-content: space-between; flex-wrap: wrap;}

.mini_power_big_btn_box2{float:left; width:100%; padding:10px 10px; display:flex; justify-content: space-between;}
	.mini_power_big_btn_box2_1{width: 50%; display: flex;}
	.mini_power_big_btn_box2_1:first-child{margin:0 10px 0 0;}
	.mini_power_big_btn_box2_1:last-child{margin:0 0 0 10px;}
.mini_power_big_btn_box3{float:left; width:100%; padding:5px 5px; display:flex; justify-content: space-between;}
.big_btn_box1{max-width:50%; display:flex; margin:5px 0 0 0;}
.big_btn_box2{width:100%; display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:10px 0;}
	.big_btn_box2_1{width: 49.5%;}
	.big_btn_box2_2{width: 49.5%;}
.big_btn_box3{display:flex; flex-wrap: wrap; width:200px;}
.big_btn_box4{max-width:380px; width:50%; display:flex; flex-wrap: wrap; margin:5px 0 0 0;}
.big_btn_box5{max-width:100%; width:100%; display:flex; margin:5px 0 0 0;}

/* 공통 큰 버튼 */
.mini_big_btn1{display:flex; width:180px; height:200px; margin:0 5px; padding:10px 5px 10px; background:linear-gradient(to right, #70533d 0%, #392a1f 20%, #815f46 50%, #392a1f 80%, #70533d 100%);  border:1px solid #754f34; border-radius:3px; transition:all 0.3s;}
.mini_big_btn1 a{display:flex; width:100%; flex-direction: column; align-items: center; justify-content: center;}
.mbbtn1{width:100%; font-family: 'Esamanru'; color:#ffffff; font-size:20px; font-weight:500; padding:5px 0; text-align:center; transition:all 0.3s;}
.mbbtn2{display:flex; align-items:center; justify-content:center; width:90px; height:90px; background:linear-gradient(#472e11 0%, #211806 100%); border:1px solid #754f34; border-radius:5px; text-shadow:3px 0 7px rgba(0,0,0,0.4); font-family: 'Esamanru'; color:#fde892; font-size:32px; letter-spacing:-1pt; font-weight:500; margin:10px 0; text-align:center; transition:all 0.3s;}
.mbbtn3{width:100%; font-family: 'Esamanru'; color:#f0dd74; font-size:22px; font-weight:600; padding:5px 0; text-align:center;  transition:all 0.3s;}

/*.mini_big_btn1:hover{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}*/
/*.mini_big_btn1:hover .mbbtn1{color:#000000;}*/
/*.mini_big_btn1:hover .mbbtn2{border:1px solid #dbc06e;}*/
/*.mini_big_btn1:hover .mbbtn3{color:#000000;}*/

.mini_big_btn1_on{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn1_on .mbbtn1{color:#000000;}
.mini_big_btn1_on .mbbtn2{border:1px solid #dbc06e;}
.mini_big_btn1_on .mbbtn3{color:#000000;}

.mini_big_btn1.select{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn1.select .mbbtn1{color:#000000;}
.mini_big_btn1.select .mbbtn2{border:1px solid #dbc06e;}
.mini_big_btn1.select .mbbtn3{color:#000000;}

/* 공용 작은버튼 */
.mini_big_btn2{display:flex; width:100%; height:50px; margin:2px 5px; padding:5px 10px; background:linear-gradient(to right, #70533d 0%, #392a1f 20%, #815f46 50%, #392a1f 80%, #70533d 100%);  border:1px solid #754f34; border-radius:3px; transition:all 0.3s;}
.mini_big_btn2 a{display:flex; width:100%; align-items: center; justify-content: space-between;}
.mbbtn4{font-family: 'Esamanru'; color:#ffffff; font-size:22px; font-weight:600; padding:5px 0; text-align:center;  transition:all 0.3s;}
.mbbtn5{font-family: 'Esamanru'; color:#ffffff; font-size:22px; font-weight:600; padding:5px 0; text-align:center;  transition:all 0.3s;}
.mini_big_btn2:hover{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn2:hover .mbbtn4{color:#000000;}
.mini_big_btn2:hover .mbbtn5{color:#000000;}
.mini_big_btn2.select {background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn2.select .mbbtn4{color:#000000;}
.mini_big_btn2.select .mbbtn5{color:#000000;}

/* 공통 큰 버튼 파워볼 */
.mini_big_btn3{display:flex; width:100%; height:135px; margin:0 5px; padding:10px 5px 10px; background:linear-gradient(to right, #70533d 0%, #392a1f 20%, #815f46 50%, #392a1f 80%, #70533d 100%); border:1px solid #754f34; border-radius:3px; transition:all 0.3s;}
.mini_big_btn3 a{display:flex; width:100%; flex-direction: column; align-items: center; justify-content: center;}
.mbbtn6{display:flex; align-items:center; justify-content:center; width:90%; height:90px; background:linear-gradient(#472e11 0%, #211806 100%); border:1px solid #754f34; border-radius:5px; text-shadow:3px 0 7px rgba(0,0,0,0.4); font-family: 'Esamanru'; color:#fde892; font-size:20px; font-weight:500; text-align:center; transition:all 0.3s;}

/*.mini_big_btn3:hover{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}*/
/*.mini_big_btn3:hover .mbbtn1{color:#000000;}*/
/*.mini_big_btn3:hover .mbbtn6{border:1px solid #dbc06e;}*/
/*.mini_big_btn3:hover .mbbtn3{color:#000000;}*/

.mini_big_btn3_on{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn3_on .mbbtn1{color:#000000;}
.mini_big_btn3_on .mbbtn6{border:1px solid #dbc06e;}
.mini_big_btn3_on .mbbtn3{color:#000000;}

.mini_big_btn3.select{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn3.select .mbbtn1{color:#000000;}
.mini_big_btn3.select .mbbtn6{border:1px solid #dbc06e;}
.mini_big_btn3.select .mbbtn3{color:#000000;}

/* 공통 작은 버튼 파워볼 */
.mini_big_btn4{display:flex; width:100%; height:60px; margin:0 5px; padding:10px 5px 10px; background:linear-gradient(to right, #70533d 0%, #392a1f 20%, #815f46 50%, #392a1f 80%, #70533d 100%);  border:1px solid #754f34; border-radius:3px; transition:all 0.3s;}
.mini_big_btn4 a{display:flex; width:100%; align-items: center; justify-content: space-between;}
.mbbtn7{font-family: 'Esamanru'; color:#fde892; font-size:20px; font-weight:500; text-align:center; transition:all 0.3s;}
.mbbtn8{font-family: 'Esamanru'; color:#ffffff; font-size:16px; font-weight:700; padding:5px 0; text-align:center; transition:all 0.3s;}
.mbbtn9{font-family: 'Esamanru'; color:#ffffff; font-size:16px; font-weight:500; padding:5px 0; text-align:center; transition:all 0.3s;}

.mini_big_btn4:hover{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn4:hover .mbbtn7{color:#39200e;}
.mini_big_btn4:hover .mbbtn8{color:#000000;}
.mini_big_btn4:hover .mbbtn9{color:#000000;}

.mini_big_btn4.select{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn4.select .mbbtn7{color:#39200e;}
.mini_big_btn4.select .mbbtn8{color:#000000;}
.mini_big_btn4.select .mbbtn9{color:#000000;}

/* 사다리큰버튼 */
.mini_big_btn5{display:flex;  width:180px; height:100px; margin:1px 5px; padding:10px 5px 10px; background:linear-gradient(to right, #70533d 0%, #392a1f 20%, #815f46 50%, #392a1f 80%, #70533d 100%);  border:1px solid #754f34; border-radius:3px; transition:all 0.3s;}
.mini_big_btn5 a{display:flex; width:100%; flex-direction: column; align-items: center; justify-content: center;}

/*.mini_big_btn5:hover{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}*/
/*.mini_big_btn5:hover .mbbtn1{color:#000000;}*/
/*.mini_big_btn5:hover .mbbtn2{border:1px solid #dbc06e;}*/
/*.mini_big_btn5:hover .mbbtn3{color:#000000;}*/

.mini_big_btn5_on{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn5_on .mbbtn1{color:#000000;}
.mini_big_btn5_on .mbbtn2{border:1px solid #dbc06e;}
.mini_big_btn5_on .mbbtn3{color:#000000;}

.mini_big_btn5.select{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e;}
.mini_big_btn5.select .mbbtn1{color:#000000;}
.mini_big_btn5.select .mbbtn2{border:1px solid #dbc06e;}
.mini_big_btn5.select .mbbtn3{color:#000000;}


.width50{width:calc(50% - 10px);}


/* 탑버튼 */
.go-top {position:fixed; display:block; width:80px; height:80px; line-height:80px; text-align:center; font-size:40px; bottom:-50px; right:40px; background:linear-gradient(to right, #70533d 0%, #392a1f 20%, #815f46 50%, #392a1f 80%, #70533d 100%); border:1px solid #754f34; color:#fde892; border-radius:3px; z-index:999; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.go-top.show{bottom:40px;}
.go-top:hover{background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%); border:1px solid #dbc06e; color:#39200e;}


/* 24년 06월 신규 카지노 슬롯페이지 추가 */
.casino_tab{float:left; width:100%;}
.casino_tab ul{float:left; width:100%;}
.casino_tab ul li{float:left; width:calc(50% - 2px); margin:0 4px 0 0;}
.casino_tab ul li:nth-child(2n){margin:0;}
.casino_tab ul li a{display:block; width:100%;}
.casino_tab ul li a img{display:inline-block; width:100%;}
.casino_tab ul li a img[data-tabim=show]{display:none;}
.casino_tab ul li.active a img[data-tabim=show]{display:inline-block;}
.casino_tab ul li.active a img[data-tabim=hide]{display:none;}

.casino_tab ul li:hover a img[data-tabim=show]{display:inline-block;}
.casino_tab ul li:hover a img[data-tabim=hide]{display:none;}



.game_list{float:left; width:100%; margin:10px 0 0 0;}
.game_list li{float:left; width:calc(100% / 3 - 2px); margin:0 3px 3px 0; transition:all 0.5s;}
.game_list li:nth-child(3n){margin:0 0 3px 0;}
.game_list li a{display:block;}
.game_list li a img{width:100%;}