.sub-menu-container {
  display: none;
}
.toggle-link-item-open + .sub-menu-container {
  display: block;
}

#mymenu-container {
  display: none;
}
#mymenu-button.active + #mymenu-container {
  display: block;
}


.carousels > div{
	position: absolute !important;
	min-height: 100%;
}
.carousels > div.active{
	position: static !important;
}

.gift-card {
  width: 33.33%;
}
.banner-swiper-container {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}
.mySwiper {
  width: 100%;
  height: auto;
  overflow: hidden;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 1024px) {
  .gift-card {
    width: 100%;
  }
  .sidebar {
    position: fixed;
    z-index: 100;
    width: 200px;
    left: 0;
    top: 60px;
  }
  .side-fold .sidebar {
    display: none;
  }
  .side-unfold .sidebar {
    display: block;
  }
  #sidebar-container {
    position: static !important;
  }
  .sticky.page-menu {
    display: none;
  }
}

.slide-item img{
  object-fit: cover;
  object-position: center;
}

.play_live img{
  object-fit: cover;
  object-position: center;
}

/* 횔성화시 최근 게임 출력 오류 발생 */
/* .tabarea {
  display: none;
}
.tabarea.active {
  display: block;
} */
.mode-bar {
  left: 50%;
}
.dark .mode-bar {
  left: 0;
}

#theme-container {
  display: none;
}
.w-60 #theme-container {
  display: flex;
}
.side-nav-item.selected {
  background: linear-gradient(90deg, rgba(var(--brand) / 0.2), #23ee8800),
    var(--Sidebar-Cell_Expandbg);
}
.footer-logo-container {
  flex-wrap: wrap;
  width: 100%;
  gap: 1vw;
  justify-content: flex-start;
  align-items: flex-start;
}
.footer-logo-container a {
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}
#header-container img[alt="logo"] {
  max-width: 120px !important;
  height: auto !important;
}
@media (max-width: 1024px) {
	/* #bg_banner img.h-full{
		height: auto;
		top: 58%;
    right:0;
		transform: translateY(-50%);
	} */

  #bg_banner img.h-full{
   position: static;
   height: auto;
  }

  .footer-logo-container {
    flex-wrap: wrap;
    width: 100%;
    gap: 0;
  }
  .footer-logo-container a {
    width: calc(100% / 3);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
  }
  .footer-logo-container a img {
    max-width: 90%;
    max-height: 100%;
    object-fit: contain;
  }

  .login-container {
    flex-direction: column;
  }
  .left-container {
    width: 100%;
    display: none;
  }
  .right-container {
    width: 100%;
  }
  #header-container {
    max-width: 180px;
  }
  #header-container img[alt="logo"] {
    max-width: 80px !important;
    margin-top: 5px;
    left: 3.6rem;
  }
  .info-item-card02 {
    display: none;
  }
  .info-item-card03 {
    display: none;
  }
  #myinfo-container {
    width: auto;
    transform: translateX(30px);
  }
  #myinfo-container .whitespace-nowrap {
    margin-left: 0 !important;
	font-size: 11px;
  }
  .mobile-scrolls-container {
    width: 100%;
    height: auto;
    overflow: hidden;
    overflow-x: auto;
  }
  .mobile-scrolls-container .table {
    min-width: 600px;
  }
}
.pop-overlayer .carousels {
  height: auto !important;
}

.bg-layer2 {
  position: relative !important;
}


.paging-wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 30px auto 30px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.paging-wrap a {
    font-size: 14px;
    color: #7c7c7c;
    width: 10px;
    height: 30px;
    margin: 0 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.paging-wrap a i {
    font-size: 12px;
    color: #7c7c7c;
    font-weight: bold;
}

.paging-wrap a.first {}

.paging-wrap a.prev {
    margin-right: 5px;
}

.paging-wrap a.next {
    margin-left: 5px;
}

.paging-wrap a.last {}

.paging-wrap a {
    text-decoration: none !important;
}

.paging-wrap a.on {
    font-weight: bold;
    color: #d5a300;
}

.paging-wrap a.on i {
    color: #98bee4;
}

@media screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

@media screen and (max-width: 320px) {
  /* .hide-se-mobile {
    display: none !important;
  } */
   /*
  #header-container img[alt="logo"] {
     max-width: 80px !important;
    margin-top: 5px;
    left: 3.5rem;
  } */
}

.navtoggle .toggle-link-item .bg-arrow .icon{
        transform: rotate(0deg) !important;
}
.navtoggle .toggle-link-item.toggle-link-item-open .bg-arrow .icon{
        transform: rotate(180deg) !important;
}

/* banner */

.banner {
    /* margin-top: 70px; */
}

.banner img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.banner .slick-slide {
    height: unset;
    cursor: pointer;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
            justify-content: center;
    overflow: hidden;
}
.banner .slick-slide[tabindex="-1"] {
    transition: 0s all !important;
    -webkit-transform: scale(0.8) !important;
            transform: scale(0.8) !important;
}
.banner .slick-slide.slick-active {
    transition: 1s all !important;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important;
}
.banner .slick-slide:not(.slick-active):not([tabindex="-1"]) {
    transition: 1s all !important;
    -webkit-transform: scale(1.5) !important;
            transform: scale(1.5) !important;
}
.banner:hover .slick-arrow {
    display: inline-block !important;
    cursor: pointer;
}
.banner .slick-list {
    max-height: 100%;
}
.banner .slick-arrow {
    display: none !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 39px;
    height: 80px;
    opacity: 0.5;
    background-color: #596077;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    text-indent: -9999px;
}
.banner .slick-arrow.slick-prev {
    left: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAADIBAMAAAD/xRkGAAAAMFBMVEWJiYkAAAD8/Pz19fWtra2Pj4+GhoaPj4+fn5/5+fno6Oj+/v79/f3x8fHm5ub////HgfL/AAAAD3RSTlMaAMWTIgsTEAizWfPYg11YKk3WAAAA00lEQVRo3u3aPRIBURBF4auMnxJ5gbKMEQtlMhKxRM4OLMEOBHZIiGmmrKBPYoL75a+OMkkHV+Vrp4RD+6J9dlTK6PfsrKRx+2ymtG1RG8vnVAQUzQWcNBXQ00bAQHsBQ5mZmZmZmVmn3JYC1hEXpVV1xFtpq4h4oVg8USzuKBYNisUCxR6OOeZYKpZ0RbEJi/VBDDzDP5L/JfwDVLVzzjn3n1wDjyd4qsHDEJ6h8OiFJ7aZmZmZmZl1Apu4wUEdnO/RsWARAIeQcHbJRp54UgoHrB/sGBG2XXNafQAAAABJRU5ErkJggg==);
}
.banner .slick-arrow.slick-next {
    right: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGwAAADICAMAAAA6NfQHAAAAM1BMVEWJiYkAAAD19fWtra37+/uPj4+fn5/5+fno6OiGhoaPj4/+/v79/f39/f3x8fHm5ub///9PQzy4AAAAEHRSTlMaAJMixAsIs1kTEPPYzINdOr41PgAAAVlJREFUeNrt3F1qAkEQReHOmPkzMen9rzZB0TtNgS9SFyzO2cCHQ6vT9VDt49G8t6T2+SY8sHNL7XzAlpbecsfmZmi+YUuztFyx5ir3bESs2bKcDmF7s/XsKYKBgYGBxcDAwMDAYmBgYGBgMTAwMDCwGBgYGBhYDCwJ26Zpc2Fr/289WbCffu3z5MC+u7R07KtLS8cuXVo69tuDloe16QVNmEETZtCEGTRhBk2YQRNm0IQZNGEGTZhBE2bQhBk0YQZNmEETZtCEGTRhDk3Y69qaiEVty8OiNtXCjo+x0gEZjn6hL/VgFfohHqxCf56DVeiFZ7AKvaQOVqGLxWAVugwOVqEL/GBVGrpcDlatQZlGgNWGm/exbcGBdOG5PhjYITAwMDCwGBgYGBhYDAwMDAwsBgYGBgYWAwMDe8uFaHN72hsvsXOu5zN+NOtKReeySOcaTPOCT+vq0j8IXCOHqhsmFAAAAABJRU5ErkJggg==);
}
.banner .slick-arrow img {
    max-height: 100%;
}
.banner .slick-dots {
    position: absolute;
    display: -webkit-flex;
    display: flex;
    bottom: 15px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    gap: 30px;
}
.banner .slick-dots .slick-active [role=tab],
.banner .slick-dots [role=tab]:hover {
    background-image: url(../substation/banner/button.png);
}
.banner .slick-dots [role=presentation] {
    position: relative;
}
.banner .slick-dots [role=tab] {
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAA+VBMVEUAAAD8///9/v7+///9//78/f/9///8/v/7/vz+///8///9///+///////9///////8/v719/n+///+//75/fv9///3+//9/v/+///////5/v////+pq7qorL2orLqprLb9///////8/f+nqLqmqrumqbnl5u6mqbyoq7anqbaqrbyrrrn5/f/3+v/q6/Tq7PGsrr62uL6usLqmq7mqrLOoqrP8///4+/6jpbalp7OjpbP09/jc3+fFyNGoqb6lqrjy9vzt8Pjm6O3g5Ojf4uXT1t7O0duztsOoq8D5/Pjr7fXZ29/Lz9TAw87AxMi7vci5usKwtLmgo6u8rSxCAAAAHHRSTlMAQib65NC2hEDqqw/3jo5mZj8gCwv39+erICAPSj5xLAAAAV1JREFUOMvl09dygkAUgGEVFbsmmr7ALrDSpQgIWGI3vb3/w2QZM7kQMeXW//qb3TmzZzNHXK5YzP2Iqg0KQqpRPayaZWSsRvzgonUAlQoImrYbvnURLJykoNOKr0/HjqPJmvM8Q3rleg9q02fIf9I8LcIB5qJobRjndCcxX57Xl67LcYAkYIyDzQjy+d2Zs3Bov28VYaQAWK9TPbvLkOnIRH0xSRIkwJmDBBvMtZCIbzYRhHCRZHyXAwzDsgxJFEVJkrDS41MYs2Wxw7dKD6WyuH5fFHEaA5O7vzFAziWTyD2Ycum/mJlk/nzL+iyrqjGTZc+EpV12P3z5UC1GIKeoFgCWoob2EJUSTw/hwgEBESRLVbTNyED5xLp36BrU12rEkWRF0VYGrNHtfWt5CfWHccw8bzzzjcpV6pJD3rQ91+4iRJY8vVaZR8tHHpabmYPd1CmEqHr1d9/5ePsElaZAughqfI4AAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 100% 100%;
    transition: 0.2s;
    color: transparent;
    opacity: 1;
    cursor: pointer;
    text-indent: -9999px;
}
.banner .slick-dots [role=tab] + img {
    position: absolute;
    z-index: 11;
    max-width: unset;
    height: 100px;
    bottom: 25px;
    left: 15px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 6px;
    box-shadow: var(--shadow-primary);
}

@media screen and (max-width: 767px) {
   #bg_banner{
      width: calc( 100% - 2rem );
      margin-top: 2rem;
   }
}