@charset "utf-8";

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

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
.header_wrap {float:left; width:100%; background:url(../images/bg_header.jpg) center top no-repeat; background-size:cover; position:relative; display:flex; align-items:center; flex-wrap:wrap; justify-content:center;}

.logo {float:left; text-align:center; position:absolute;}

.h_top{float:left; width:100%; height:50px; display:flex; align-items:center; padding:0 30px; background:rgba(0,0,0,0.7);}
.my {float:left;height: 38px;line-height: 38px;}
.my ul li{float:left; font-family: 'EsaManru'; font-weight:300; font-size:14px; color:#ffffff; margin:0 20px 0 0;}
.my ul li a{color:#ffffff;}
.my_font01{color:#ffde00; font-weight:700;}
.my_font02{color:#6b6b6b; font-weight:700;}

.lnb{float:left; margin:0 0 0 auto;}
.lnb ul li{float:left; margin:0 0 0 5px;}
.lnb ul li a{display:block; transition:all 0.5s;}

.h_bottom{float:left; width:100%; height:120px; display:flex; align-items:center; justify-content:space-between; padding:0 30px;}

.gnb{float:left;}
.gnb li{float:left;}
.gnb:nth-child(1) li{margin:0 8px 0 0;}
.gnb:nth-child(2) li{margin:0 0 0 8px;}
.gnb li a{display:block; transition:all 0.5s;}

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

.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:20px; 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;}

.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;}

.title_wrap {float:left; width:100%; border-bottom:1px solid rgba(255,255,255,0.1); margin:0 0 10px 0; padding:1px 0 10px 0;position: relative;}
.title {float:left; font-family:'nanumsquare', sans-serif; font-weight:900; font-size:22px; color:#ffe3ca; letter-spacing:-1px;}
.s_title1 {float:left; width:100%; background:rgba(0,0,0,0.3); border:1px solid rgba(0,0,0,0.6); line-height:46px; font-weight:700; font-size:22px; color:#ffffff; font-family:'Noto Sans KR', sans-serif; letter-spacing:-3px; text-shadow:1px 0px 1px #000000; padding:0 0 0 20px;}

.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:40px;right:5px;padding:10px;font-size:12px;border-radius:4px;border:2px solid #948677;background-color:rgba(0,0,0,.9);color:#bbb}
.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                                                                           *
 *-------------------------------------------------------------------------------------*/
#contents_wrap {float:left; width:100%; margin:0 0 0 0; display:flex; min-height:calc(100vh - 210px); max-height:calc(100vh - 210px); overflow_:hidden;}
#contents_wrap::-webkit-scrollbar {
  display: none;
}

.contents_box_left      {float:left; width:300px; border-right:1px solid rgba(255,255,255,0.1); overflow_:hidden;height: 100%;}
.contents_box_center      {float:left; width:calc(100% - 640px); margin:20px 20px 0 20px; overflow-y_:auto;}
.contents_box_right     {float:right; width:300px; border-left:1px solid rgba(255,255,255,0.1);  padding:0 0 30px 0; overflow-y_:auto;}
.contents_box_center::-webkit-scrollbar {display: none;}
.contents_box_right::-webkit-scrollbar {display: none;}


.contents_start {float:left; width:100%;}

.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;}

.left_title{float:left; width:100%; height:50px; padding:15px 0px 15px 15px; background:linear-gradient(#583915 0%, #38290b 100%); line-height:50px; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#ffffff;}

.left_menu_box{float:left; width:100%; height:calc(100% - 50px); padding:0 15px 30px; overflow-y:auto;}
.left_menu_box::-webkit-scrollbar {
  display: none;
}
.left_menu_title{float:left; width:100%; margin:20px 0 0 0; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#ffffff;}
.left_menu{float:left; width:100%; margin:15px 0 0 0;}
.left_menu ul{float:left; width:100%;}
.left_menu li{float:left; width:calc(100% / 2 - 2px); margin:0 4px 4px 0;}
.left_menu li:nth-child(2n){margin:0 0 4px 0;}
.left_menu li a{display:block; width:100%; border-radius:3px; text-align:center; height:36px; line-height:36px; border:1px solid rgba(255,255,255,0.2); font-family: 'EsaManru'; font-weight:500; font-size:14px; color:#ffffff; transition:all 0.5s;}
.left_menu li a{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;}
.left_menu li a:hover{transform:scale(0.95);}

/*-------------------------------------------------------------------------------------*
 *  Footer                                                                             *
 *-------------------------------------------------------------------------------------*/
.footer_wrap {float:left; width:100%; margin:40px 0 0 0; padding:40px 0 40px 0;}

.footer_partners{float:left; width:100%; text-align:center;}
.footer_copy{float:left; width:100%; margin:20px 0 0 0; text-align:center; font-family: 'EsaManru'; font-weight:700; font-size:16px; color:#77644d;}

.f_partners .swiper-slide{text-align:center;}
.f_partners{float:left; width:100%; overflow:hidden;}
/*-------------------------------------------------------------------------------------*
 *  Main                                                                               *
 *-------------------------------------------------------------------------------------*/
.main_zone{width:100%; margin:0 auto; max-width:1280px; overflow:hidden;}
.visuall_wrap{float:left; width:100%; margin:10px 0 0 0;}
.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:32.6666%; margin: 0 1% 0 0; overflow:hidden;}
.main_board li:last-child{margin:0;}

.board{margin:10px 0 0 0; height:200px; 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; margin:0 13px 13px 0;}
.main_game li:nth-child(4n){margin:0 0 13px 0;}
.main_game li a{display:block;}
.main_game li a img{width:100%;}
@media screen and (max-width:1921px) {
    .main_game li{width:24.25%; margin:0 1% 1% 0;}
	.main_game li:nth-child(4n){margin:0 0 1% 0;}
}
/*-------------------------------------------------------------------------------------*
 *  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:46px; font-size:14px; 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: absolute; 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;}
.out_login_customer ul{display:flex; justify-content: center}
.out_login_customer ul li{margin:0 5px;}
.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:18px; color:#ffffff; }
@media screen and (min-width:1921px) {
    .out_login_wrap_wrap {justify-content: center;}
	.out_login_logo {margin:0 0 40px 0;}

}
@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:80%;}
	.out_login_logo {margin:50px 0 30px 0;}
	.out_login_logo img {width:80%;}	
	.out_login li {width:100%;}
	
	.out_code_box {width:80%;}
}



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





/*-------------------------------------------------------------------------------------*
 *  특별한                                                                             *
 *-------------------------------------------------------------------------------------*/
/* 베팅 */
.bet_title1      {display:table; width:100%;}
.bet_title1_tr   {display: table-row; height:34px; background:linear-gradient(#583915 0%, #38290b 100%);}
.bet_title1_cell {display:table-cell; height:34px; vertical-align:middle; color:#ffffff; font-weight:700;}
.bet_title1_1     {width: 8%; text-align: center;}
.bet_title1_2     {width: 20%; text-align: center;}
.bet_title1_3     {width: 5%; text-align: center;}
.bet_title1_4     {width: 20%; text-align: center;}
.bet_title1_5     {width: 5%; text-align: center;}
.bet_title1_6     {width: 10%; text-align: center;}
.bet_title1_7     {width: 5%; text-align: center;}
.bet_title2       {float:left; width:100%; height:30px; color:#ffffff; background:#362e1f;}
.bet_title2_font  {font-weight:700; line-height:30px; margin:0 0 0 15px; color:#ffffff; font-size:14px;}

.bet_list1     {display:table; width: 100%; padding:2px 0 0 0; border-collapse:collapse;}
.bet_list_tr   {display:table-row; height:33px; }
.bet_cell      {display:table-cell; height:33px; padding:0 10px 0 10px; vertical-align:middle; cursor:pointer; background:#171717; border:1px solid rgba(255,255,255,0.1);}
.nobet_cellon .bet_cell      {display:table-cell; height:33px; padding:0 10px 0 10px; vertical-align:middle; cursor:pointer; background:#171717; border:1px solid rgba(255,255,255,0.1);}

.bet1         {width:8%; text-align:center; color:#acacac;}
.bet2         {width_:20%; font-weight:700;}
.bet3         {width:5%; text-align:center; font-weight:700;}
.bet4         {width_:20%;  font-weight:700;}
.bet5         {width:4%; text-align:center;}
.bet6         {width:10%; }
.bet7         {width:5%; text-align:center;}
.bet_cellon   {vertical-align:middle; cursor:pointer; font-weight:700; color:#000000; background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%);}
.bet_fontstyle {color:#34cd0e; font-weight:700;}
.bet_cellon .bet_cell  {vertical-align:middle; cursor:pointer; font-weight:700; color:#000000; background:linear-gradient(to right, #f6be3f 0%, #8c540f 20%, #ffef5e 50%, #8c540f 80%, #f6be3f 100%);}

.bet_my       {float:left; width:100%; background:#e1e1e1; line-height:18px;}
.bet_my_left  {float:left; padding:5px;}
.bet_my_right {float:right; padding:5px; color:#4789b8; text-align:right;}

.bet_hstory            {padding:0 15px 0 15px; color:#ffffff; height:50px; line-height:48px; background:#362e1f; margin:0 0 10px 0;}
.bet_hstory_left ul li {float:left;margin:2px 20px 0 0; color:#ffffff;}
.bet_hstory_right      {float:right }
.bet_hstory_font1      {color:#ff8a00; font-weight:700;}
.bet_hstory_font2      {color:#34cd0e; font-weight:700;}

.bet_cellon tr td {color:#000000;}

.cart_wrap {float:left; width:100%; padding:0 5px 10px 5px;  background:#1d170d;}
.cart_title {float:left; width:100%; height:50px; padding:15px 0px 15px 15px; background:linear-gradient(#583915 0%, #38290b 100%); line-height:50px; 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:22px; margin:3px 0 0 0; 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:14px; 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 rgba(255,255,255,0.2); width:100%; text-align:center; display:inline-block; font-family: 'EsaManru'; font-weight:500; font-size:12px; color:#ffffff; border-radius:3px; line-height:34px;}
.cart_btn1:hover    {background:linear-gradient(#472e11, #211806); color:#ffef5e;}

.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:18px; border-radius:3px; line-height:46px; 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;}

/* 출석부 */
.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:130px; text-align:center; position:relative;}
.att2           {position:absolute; top:10px; left:10px; z-index:1;}
.att_style td	{font-size:16px; font-weight:500;}

/* 스포츠탭 */
.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 30px; height:40px; line-height:40px; text-align:center; font-family:'Esamanru'; font-weight:300; font-size:16px; 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%;}
.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:14px; color:#eee;}
.sports_many{display:inline-block; margin:5px 0 0 0; font-family:'Esamanru'; font-weight:500; font-size:16px; color:#ffde00;}


/* 포인트 */
.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:18px; color:#ffffff;}
.point_title2{width:100%; float:left; margin:20px 0 0 0; text-align:center; font-family: 'Esamanru'; font-weight:500; font-size:20px; 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:22px; 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 10 0;}
.coupon_box li{float:left; width:32%; margin:0 2% 0 0;}
.coupon_box li:last-child{margin:0;}
.coupon_box li a{display:block;}
.coupon_box li a img{width:100%;}



/*-------------------------------------------------------------------------------------*
 *  미니게임2                                                                           *
 *-------------------------------------------------------------------------------------*/
.mini_logo{max-width:50px;} 
.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;}
.mini_power_big_title2{float:left; width:300px; border-right:1px solid #80580f; display:flex; align-items:center; flex-direction: column; justify-content: center;}
.big_title2_t1{width:80%; font-family: 'Esamanru'; color:#ffffff; font-size:26px; font-weight:500; margin:0 0 10px 0; padding:0 0 10px 0; text-align:center; border-bottom:1px solid #80580f;}
.big_title2_t2{width:100%; font-family: 'Esamanru'; color:#ffffff; font-size:16px; font-weight:300; padding:5px 0; text-align:center;}
.big_title2_t3{width:100%; font-family: 'Esamanru'; color:#fde892; font-size:22px; font-weight:300; padding:5px 0; text-align:center;}
.big_title2_t4{width:100%; font-family: 'Esamanru'; color:#ffffff; font-size:16px; font-weight:300; padding: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:16px; 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:16px; 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:calc(100% - 300px); padding:20px 10px; display:flex; justify-content: space-between; flex-wrap: wrap;}
@media screen and (min-width:1921px) {
    .mini_power_big_btn_box1{padding-left:calc((100% - 300px - 780px)/2); padding-right:calc((100% - 300px - 780px)/2); justify-content: center}
}
.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:400px; display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding:10px 0;}
	.big_btn_box2_1{}
.big_btn_box3{display:flex; flex-wrap: wrap; width:200px;}
.big_btn_box4{max-width:380px; display:flex; flex-wrap: wrap; margin:5px 0 0 0;}
.big_btn_box5{max-width:390px; 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.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:185px; 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:26px; 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.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:22px; font-weight:600; text-align:center; transition:all 0.3s;}
.mbbtn8{font-family: 'Esamanru'; color:#ffffff; font-size:18px; font-weight:500; padding:5px 0; text-align:center; transition:all 0.3s;}
.mbbtn9{font-family: 'Esamanru'; color:#ffffff; font-size:18px; 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.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;}








/* 탑버튼 */
.go-top {position:fixed; display:block; width:50px; height:50px; line-height:50px; text-align:center; font-size:30px; bottom:-50px; right:360px; 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:50px;}
.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:20px 0 0 0;}
.game_list li{float:left; width:calc(100% / 5 - 16px); margin:0 20px 20px 0; transition:all 0.5s;}
.game_list li:nth-child(5n){margin:0 0 20px 0;}
.game_list li a{display:block;}
.game_list li a img{width:100%;}