.main-page{
  position: relative;
  max-width: 100%;
  margin-top:15px;
}

.main-page .main-container.games{
  padding: 10px 10px 0;
  font-size: 0;
}

.main-page .content .game-buttons{
  width: 25%;
  height: 242px;
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  transition: all .5s;
  padding-top: 205px;
  padding-left: 17px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #282828;
}


.main-page .content .game-buttons2{
  width: 100%;
  height: 242px;
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  transition: all .5s;
  padding-top: 205px;
  padding-left: 17px;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #282828;
}
.main-page .content .game-buttons span:nth-of-type(2){
  font-size: 13px;
  color: #999999;
}
/*
.main-page .content .game-buttons:nth-child(n+4){
  width: calc(1230px / 2);
}*/

.main-page .content .game-buttons.powerball{
  margin-right: 10px;
}

.main-page .content .game-buttons.live{
  background: url("../images/game-button-1.jpg") no-repeat;
}

.main-page .content .game-buttons.sports{
  background: url("../images/game-button-2.jpg") no-repeat;
}

.main-page .content .game-buttons.slot{
  background: url("../images/slot-button.jpg") no-repeat;
}

.main-page .content .game-buttons.powerball{
  background: url("../images/game-button-4.jpg") no-repeat;
}

.main-page .content .game-buttons.powerladder{
  background: url("../images/game-button-41.png?v1") no-repeat;
}


.main-page .content .game-buttons.poker{
  background: url("../images/game-button-5.jpg") no-repeat;
}

.main-page .content .game-buttons.live{
  background: url("../images/game-button-1.jpg") no-repeat;
}

.main-page .content .game-buttons.sports:hover{
  background: url("../images/game-button-2-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.slot:hover{
  background: url("../images/slot-button-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.powerball:hover{
  background: url("../images/game-button-4-hover.jpg") no-repeat;
}

.main-page .content .game-buttons.poker:hover{
  background: url("../images/game-button-5-hover.jpg") no-repeat;
}

.main-page .content .coupon-container:hover{
  background: url("../images/coupon-banner.jpg") no-repeat;
  width: 100%;
  height: 60px;
  margin-bottom: 10px;
}

.odometer-container{
  position: absolute;
  right: 18px;
  bottom: 15px;
  overflow: hidden;
  height: 97px;
  width: 695px;
}

.jackpot-odometer{
  position: absolute;
  height: 92px;
  width: 520px;
  bottom: 0;
  right: 0;
}

.main-page .odometer-container img{
  margin-top: -5px;
}


.menu-sub { 
	display: none; 
	position: absolute; 
	left: 50%; 
	top: 44px; 
	width: 104px; 
	margin-left: -54px; 
	font-size: 13px; 
	background: #1d1d1d; 
	border: 2px solid #c1ad8b; 
	z-index: 3; 
	opacity: 0; 
	filter: alpha(opacity: 100); 
	transition: .2s; 
	cursor: pointer; 
} 
.menu-sub { margin-left: -48px } 
.menu-sub>dd { 
	width: 104px; 
	padding: 8px 0; 
	text-align: center; 
	font-weight: 500; 
	color: #b2b2b2; 
	cursor: pointer; 
	transition: .3s 
} 




.game-buttons-container{
  font-size: 0;
  margin-bottom: 10px;
}
.game-buttons-container .game-button{
  width: calc(1230px / 4);
  margin-right: 10px;
  height: 230px;
  display: inline-block;
  transition: all .5s;
  cursor: pointer;
  padding: 6px 20px;
  position: relative;
  font-weight: 700;
  margin-bottom: 10px;
  overflow: hidden;
  border:4px solid;
  border-radius:5px;
  border-image: linear-gradient(to left,#055057,#13aad9,#055057);
    border-image-slice: 1;
	background: rgba(0,0,0,0.6);
}

.game-buttons-container .game-button:nth-child(4n){
  margin-right: 0;
}

.game-button .title-container{
  position: absolute;
  top: 6px;
  right:10px;
  text-align: right;
  z-index: 9;
}

.game-button .title-container span{
  font-size: 16px;
  color: #ffffff;
  display: block;
}

.game-button .title-container img{
	
}

.game-button .div_hover {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	text-align:center;
	opacity:0;
	transition: all 0.4s ease-in-out 0s;
	z-index: 9;
		   
}
.game-buttons-container .game-button:hover .div_hover {opacity:1;bottom:80px;}

.game-buttons-container .game-button img.compimg  {position:absolute;bottom:0;/*left: 0;*/height: 190px;}


.game-button .div_hover button{
  font-size: 14px;
  color: #121212;
  width: 125px;
  height: 40px;
  border-radius: 0;
  font-weight: 600;
}

.btn-yellow{
  background: #0f324a;
  border: 1px solid #65afdc;
  color: #a0d9e8  !important;
  padding: 0;
  border-radius: 0;
  font-weight: bold;
}

.btn-yellow:hover{
  background: #a0d9e8 ;
  color: #111111 !important;
}



.slots-jackpot-container{
  background: url("../images/bg-jackpot.png?v1") no-repeat;
  height: 160px;
  padding: 53px 30px 0;
  cursor: pointer;
  transition: all .5s;
}
.slots-jackpot-container:hover{ 
}


.slots-jackpot-container .jackpot-odometer{
  width: 582px;
  height: 92px;
  position: relative;
  overflow: hidden;
  float: right;
}

.slots-jackpot-container .currency-sign{
  width: 105px;
  height: 92px;
  float: right;
}


.game-button img:hover {
    -ms-transform: rotate(60deg); // explorer
    -webkit-transform: rotate(60deg); // chrome, safari, opera
    transform: rotate(60deg);
}




p.title{animation: floating-text .5s ease alternate infinite;text-align: center;}
.casino-game-title .panel-head .title span {font-family: 'Noto Sans KR', sans-serif;font-weight: 600;font-size: 45px;background:-webkit-linear-gradient(-86deg, #27d5ff 5%, #00677d 53%, #65e3fe 90%);-webkit-background-clip: text;-webkit-text-stroke: 6px transparent;color: #01c8f4;letter-spacing: 1px;}
.casino-game-title .panel-head .title strong {font-family: 'Noto Sans KR', sans-serif;font-weight: 400;font-size: 45px;background: -webkit-linear-gradient(-86deg, #e7bd49 5%, #820200 53%, #e8b01b 90%);-webkit-background-clip: text;-webkit-text-stroke: 6px transparent;color: #ffe000;letter-spacing: 3px;padding-left: 10px;}
.main .containerInner {border-radius: 5px;position: relative;padding-bottom: 40px;border-top: none;top: 0 !important;background: none !important;}
@keyframes floating-text {0% {transform: translateY(.4em);text-shadow:0 0 .5em rgba(255,255,255,.4),0 0 .2em rgb(255 144 255 / 30%),0 .3em .2em rgb(255 94 249 / 30%);}
100% {text-shadow:5px 0 10px rgb(241 76 255 / 70%),0 0 10px rgb(255 104 227 / 30%),0 0 10px rgb(193 90 255 / 30%);}}
.m-banner {position: relative;height: 415px;max-width: 1430px;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-top: 90px;padding: 0 20px;}
.m-banner img {border-radius: 10px;border: 1px solid #ffecba;}
@keyframes fadeInLeft {from {opacity:0;-webkit-transform: translatex(-100px);-moz-transform: translatex(-100px);-o-transform: translatex(-100px);transform: translatex(-100px);}
to {opacity:1;-webkit-transform: translatex(0);-moz-transform: translatex(0);-o-transform: translatex(0);transform: translatex(0);}}
.in-left {left: 0;width: 40%;-webkit-animation-name: fadeInLeft;-moz-animation-name: fadeInLeft;-o-animation-name: fadeInLeft;animation-name: fadeInLeft;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-duration:1s;animation-delay: 0.2s;}
.in-right {right: 0;animation: fadeinRight 20s ease 1;width: 40%;height: auto;}
@keyframes fadeinRight {
0% {opacity: 0;transform: translateX(50%);}
6% {opacity: 1;transform: translateX(0);}
95% {opacity: 1;transform: translateX(0);}
100% {opacity: 1;transform: translateX(0);}}
.fadeup {animation: fadeup 20s ease 1;}
@keyframes fadeup {
0% {opacity: 0;transform: translateY(50%);}
3% {opacity: 0;transform: translateY(50%);}
8% {opacity: 1;transform: translateY(0);}
95% {opacity: 1;transform: translateY(0);}
100% {opacity: 1;transform: translateY(0);}}
.m-banner p {font-size: 42px;font-family: 'Noto Sans KR', sans-serif;text-align: center;line-height: 50px;padding-top: 60px;text-shadow: 2px 2px 5px rgb(106 28 18 / 75%);font-weight: 600;}
.m-banner strong {color: #fef11f;font-family: 'Noto Sans KR', sans-serif;font-weight: 600;}
.casino-game-title:before {content: '';width: 100%;background: url(../images/contents/title_overlay.png?1) no-repeat;position: absolute;left: 0;z-index: -1;height: 76px;opacity: 0.3;}