@charset "UTF-8";
.flexalign, .bottomcontent .bottomboxDiv, #game-tabContent .game-ul {
  display: flex;
  align-items: center;
}

#game-tab {
  width: 100%;
  align-items: baseline;
  justify-content: center;
  gap: 10px;
}
#game-tab li {
  width: calc(20% - 8px);
}
#game-tab li button {
  width: 100%;
  position: relative;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s;
}
#game-tab li button span {
  position: absolute;
  width: 100%;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 36px;
  background: linear-gradient(90deg, #dddddd 23.19%, #f8f8f8 56.48%, #b8b8b8 87.31%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#game-tab .game-casino {
  background-image: url("../images/game-casino.png");
  padding-top: 65.53%;
}
#game-tab .game-casino:hover,
#game-tab .game-casino.active {
  background-image: url("../images/game-casino-hover.png");
}
#game-tab .game-slot {
  background-image: url("../images/game-slot.png");
  padding-top: 65.15%;
}
#game-tab .game-slot:hover,
#game-tab .game-slot.active {
  background-image: url("../images/game-slot-hover.png");
}
#game-tab .game-board {
  background-image: url("../images/game-board.png");
  padding-top: 67.04%;
}
#game-tab .game-board:hover,
#game-tab .game-board.active {
  background-image: url("../images/game-board-hover.png");
}
#game-tab .game-sport {
  background-image: url("../images/game-sport.png");
  padding-top: 67.04%;
}
#game-tab .game-sport:hover,
#game-tab .game-sport.active {
  background-image: url("../images/game-sport-hover.png");
}
#game-tab .game-minigame {
  background-image: url("../images/game-minigame.png");
  padding-top: 67.04%;
}
#game-tab .game-minigame:hover,
#game-tab .game-minigame.active {
  background-image: url("../images/game-minigame-hover.png");
}

#game-tabContent {
  padding: 40px;
  margin-top: 25px;
  min-height: 702px;
  background: linear-gradient(180deg, #1F1F1F -31.86%, #020202 117.37%);
  border-radius: 20px;
  border: 1px solid #4A4A4A;
}
#game-tabContent .titlename {
  margin-bottom: 30px;
  text-align: center;
  font-size: 34px;
  color: #fff;
}
#game-tabContent .game-ul {
  flex-wrap: wrap;
  gap: 10px;
}
#game-tabContent .game-ul li {
  width: calc(25% - 8px);
}
#game-tabContent .game-ul li .gamebutton {
  position: relative;
  border: 1px solid #6F6F6F;
  border-radius: 10px;
  overflow: hidden;
}
#game-tabContent .game-ul li .gamebutton img {
  border-radius: 10px;
  transition: all 0.3s;
}
#game-tabContent .game-ul li .gamebutton .playlink {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(180deg, #424242 -18.49%, #020202 121.23%);
  border: 1px solid #a88c6b;
  width: 160px;
  height: 40px;
  line-height: 38px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
  z-index: 15;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.2) 0 3px 1px -2px, rgba(0, 0, 0, 0.4392156863) 0 2px 2px 0, rgba(0, 0, 0, 0.12) 0 1px 5px 0;
}
#game-tabContent .game-ul li .gamebutton .playlink span {
  font-size: 16px;
  font-weight: 700;
  background: linear-gradient(90deg, #F2E8B8 0%, #E69F61 21.5%, #FFF9D6 58%, #D6936E 77%, #F2E8B8 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  color: transparent;
  -webkit-background-clip: text;
}
#game-tabContent .game-ul li .gamebutton .playlink:hover {
  background: #000;
  border: 1px solid #E7BF76;
}
#game-tabContent .game-ul li .gamebutton:hover img {
  transform: scale(1.1);
}
#game-tabContent .game-ul li .gamebutton:hover .playlink {
  opacity: 1;
}
#game-tabContent .game-ul li .gamebutton:hover:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.54);
}

.popularslot {
  position: relative;
  margin-top: 60px;
  margin-bottom: 60px;
}
.popularslot h4 {
  font-size: 34px;
  color: #fff;
  text-align: center;
}
.popularslot .reldiv {
  position: relative;
}
.popularslot .reldiv .popularslotSwiper {
  margin-top: 30px;
}
.popularslot .reldiv .popularslotSwiper .slotsum {
  width: 100%;
  border-radius: 10px;
}
.popularslot .reldiv .swiper-button-prev {
  width: 40px !important;
  height: 40px !important;
  left: -18px;
  top: 50%;
  transform: translateY(-4%);
  background-image: url("../images/icon/swiper-button-prev.png");
}
.popularslot .reldiv .swiper-button-next {
  width: 40px !important;
  height: 40px !important;
  right: -18px;
  top: 50%;
  transform: translateY(-4%);
  background-image: url("../images/icon/swiper-button-next.png");
}
.popularslot .reldiv .swiper-button-prev:after,
.popularslot .reldiv .swiper-button-next:after {
  content: "";
}

.bottomcontent .bottomboxDiv {
  align-items: flex-start;
  gap: 20px;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box {
  width: 33.3333333333%;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-title {
  position: relative;
  width: 100%;
  height: 60px;
  text-align: center;
  line-height: 60px;
  background: linear-gradient(180deg, #272727 -37.5%, #010003 116.67%);
  border: 1px solid #5B5323;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-title p {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content {
  overflow: hidden;
  height: 230px;
  background-color: #0B0E13;
  border: 1px solid #5B5323;
  border-top: none;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 11px;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li a, .bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li span {
  font-size: 15px;
  font-weight: 300;
  color: #D0D0D0;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li a {
  display: inline-block;
  max-width: 56%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li a:hover {
  color: #E7BF76 !important;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li .dayspan {
  font-size: 15px;
  color: #999999;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li:nth-child(even) {
  background-color: #13141A;
}
.bottomcontent .bottomboxDiv .bottomboxDiv-box .m10center {
  margin: 10px 0;
}
.bottomcontent .bottomboxDiv .bannerlink {
  display: block;
  width: 100%;
  height: auto;
  padding-top: 19.86%;
  background-image: url("../images/telegramBanner.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.bottomcontent .bottomboxDiv .telegrambanner {
  background-image: url("../images/telegramBanner.png");
}
.bottomcontent .bottomboxDiv .kakaobanner {
  background-image: url("../images/kakaobanner.png");
}
.bottomcontent .bottomboxDiv .domainbanner {
  background-image: url("../images/domainbanner.png");
}

.rollingBanner {
  margin-top: 60px;
  width: 100%;
  overflow: hidden; /* 넘치는 부분을 숨김 처리 */
  background-color: transparent;
  position: relative;
}

.rollingBanner ul {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content; /* 항목들이 가로로 나열되도록 설정 */
  animation: roll 20s linear infinite; /* 20초 동안 linear 애니메이션, 무한 반복 */
}

.rollingBanner li {
  list-style: none;
  flex: 0 0 auto;
  padding: 0 30px; /* 항목 간 약간의 간격 추가 */
}

@keyframes roll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 리스트 전체의 절반만큼 이동 */
  }
}