@charset "UTF-8";
@media all and (max-width: 1472px) {
  .head {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .contentWrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  .contentWrap .heightbox .dice01 {
    display: none;
  }
  #game-tabContent {
    padding: 30px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-height: auto;
  }
  #game-tabContent .titlename {
    margin-bottom: 24px;
  }
  #game-tabContent .game-ul li .gamebutton img {
    width: 100%;
  }
  .signin,
  .signup,
  .gameboxmodal {
    background-color: transparent !important;
  }
}
/*노트북 & 태블릿 가로 : 1024px-1279px*/
@media all and (min-width: 1024px) and (max-width: 1472px) {
  #game-tab {
    gap: 8px;
  }
  #game-tab li {
    width: calc(20% - 7px);
  }
  #game-tab li button span {
    bottom: 14px;
    font-size: 30px;
  }
  .gameboxmodal .modal-dialog {
    max-height: none;
    height: 100%;
    margin: 0 !important;
  }
  .gameboxmodal .modal-dialog .modal-content {
    height: 100%;
    max-height: none;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg {
    overflow: unset;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg .modal-body {
    margin-top: 15px;
    padding-top: 0 !important;
  }
  .gameboxmodal .game-ul {
    height: auto;
    max-height: none;
    overflow-y: unset;
    padding-bottom: 32px;
  }
  .gameboxmodal .game-ul li .gamebutton img {
    width: 100%;
  }
  .bottomcontent {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bottomcontent .bottomboxDiv {
    gap: 10px;
  }
}
/*태블릿 가로 : 769px-1023px*/
@media all and (min-width: 768px) and (max-width: 1023px) {
  #root {
    background-size: 900px 1302px;
  }
  .head .linkul {
    display: none;
  }
  .head .logodiv {
    display: none;
  }
  .contentWrap .maintitle {
    font-size: 32px;
    line-height: 46px;
  }
  .contentWrap .heightbox {
    min-height: 446px;
  }
  #game-tabContent .titlename {
    font-size: 26px;
  }
  #game-tabContent .game-ul li {
    width: calc(33.3333333333% - 8px);
  }
  #game-tab li button span {
    font-size: 24px;
    bottom: 12px;
  }
  .popularslot .reldiv .swiper-button-next,
  .popularslot .reldiv .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
  .popularslot .reldiv .swiper-button-next {
    right: -13px;
  }
  .popularslot .reldiv .swiper-button-prev {
    left: -13px;
  }
  .bottomcontent .bottomboxDiv {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
  }
  .bottomcontent .bottomboxDiv .bottomboxDiv-box {
    width: 100%;
  }
  .bottomcontent .bottomboxDiv .bot-link-ul {
    display: flex;
    margin: 15px 0;
    gap: 8px;
  }
  .bottomcontent .bottomboxDiv .bot-link-ul li {
    width: 100%;
  }
  .bottomcontent .bottomboxDiv .bot-link-ul .m10center {
    margin: 0 !important;
  }
  .gameboxmodal .modal-dialog {
    max-height: none;
    height: 100%;
    margin: 0 !important;
  }
  .gameboxmodal .modal-dialog .modal-content {
    height: 100%;
    max-height: none;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg {
    overflow: unset;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg .modal-body {
    margin-top: 15px;
    padding-top: 0 !important;
    padding-left: 20px;
    padding-right: 20px;
  }
  .gameboxmodal .game-ul {
    height: auto;
    max-height: none;
    overflow-y: unset;
    padding-bottom: 32px;
  }
  .gameboxmodal .game-ul li {
    width: calc(33.3333333333% - 8px);
  }
  .gameboxmodal .game-ul li .gamebutton img {
    width: 100%;
  }
}
@media all and (max-width: 768px) {
  #root {
    background-size: 683px 949px;
    background-position-y: 80px;
  }
  .sidemenubar {
    width: 100% !important;
  }
  .head .linkul {
    display: none;
  }
  .head .logodiv {
    display: none;
  }
  .head .headerdiv .right .pribtn {
    width: 110px;
    background-size: contain !important;
  }
  .head .headerdiv .right .pribtn span {
    font-size: 14px;
  }
  .contentWrap,
  .head {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .contentWrap .maintitle {
    width: 90%;
    font-size: 23px;
    line-height: 34px;
    top: 52px;
    animation: none;
    background: radial-gradient(62.44% 198.92% at 50% 50%, #FFFFFF 30%, #8E8E8E 90%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
  }
  .popularslot .reldiv .swiper-button-next,
  .popularslot .reldiv .swiper-button-prev {
    display: none;
  }
  .contentWrap .heightbox {
    min-height: 392px;
  }
  #game-tab li {
    width: calc(50% - 5px);
  }
  #game-tab li button span {
    bottom: 10px;
    font-size: 24px;
  }
  #game-tabContent {
    padding: 30px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    min-height: auto;
    border-radius: 10px;
  }
  #game-tabContent .titlename {
    font-size: 24px;
  }
  #game-tabContent .game-ul li {
    width: calc(50% - 5px);
  }
  #game-tabContent .game-ul li .gamebutton {
    border-radius: 6px;
  }
  .popularslot {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .popularslot h4 {
    font-size: 24px;
  }
  .bottomcontent {
    padding-left: 15px;
    padding-right: 15px;
  }
  .bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-title {
    height: 50px;
    line-height: 50px;
  }
  .bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-title p {
    font-size: 16px;
  }
  .bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li a, .bottomcontent .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-content ul li span {
    font-size: 13px !important;
  }
  .bottomboxDiv {
    display: block !important;
  }
  .bottomboxDiv .bottomboxDiv-box {
    width: 100% !important;
  }
  .bottomboxDiv-box {
    margin: 20px 0;
  }
  .rollingBanner {
    margin-top: 30px;
  }
  .rollingBanner li {
    padding: 0 10px;
  }
  .rollingBanner li img {
    height: 24px;
  }
  .menu-message-top .datepickericon {
    display: none;
  }
  .signin .modal-body .signBody {
    padding-right: 0;
  }
  .playlink {
    display: none !important;
  }
  #game-tabContent .game-ul li .gamebutton:hover:after {
    display: none !important;
  }
  #game-tabContent .game-ul li .gamebutton:hover img {
    transform: scale(1) !important;
  }
  .modal-kindname p:nth-child(2) {
    font-size: 24px;
    margin-top: 6px;
  }
  .signup .modal-body .modalBody-flex .modallogoimg {
    height: 34px !important;
  }
  .gameboxmodal .modal-dialog {
    max-height: none;
    height: 100%;
    margin: 0 !important;
  }
  .gameboxmodal .modal-dialog .modal-content {
    height: 100%;
    max-height: none;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg {
    overflow: unset;
    overflow-y: auto;
    scrollbar-width: none;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg .modal-body {
    margin-top: 15px;
    padding-top: 0 !important;
    padding-left: 15px;
    padding-right: 15px;
  }
  .gameboxmodal .game-ul {
    height: auto;
    max-height: none;
    overflow-y: unset;
    padding-bottom: 32px;
  }
  .gameboxmodal .game-ul li {
    width: calc(50% - 8px);
  }
  .gameboxmodal .game-ul li .gamebutton img {
    width: 100%;
  }
  .gameboxmodal .game-ul li .gamebutton:hover:after {
    display: none !important;
  }
  .gameboxmodal .game-ul li .gamebutton:hover img {
    transform: scale(1);
  }
  .signup .modal-dialog,
  .signin .modal-dialog {
    max-width: 94% !important;
    margin: 0 auto;
  }
  .signin .modal-body .modalBody-flex {
    justify-content: center;
  }
  .signin .modal-content {
    border: 1px solid #DABA39;
  }
  .signin .modal-body {
    border-radius: 10px;
  }
  .signin .modal-body .signBody {
    background-image: url("../images/mobilelogin.png");
    background-size: cover;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg .modal-header button {
    top: 16px;
    right: 20px;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg .modal-header button img {
    width: 24px;
  }
  .signup .modal-body .signBody {
    background-position: center;
  }
  .gameboxmodal .modal-dialog .modal-content .gamebg .modal-header h2 {
    font-size: 34px;
  }
  .signup .modal-body .modalBody-flex > div {
    padding-top: 900px;
  }
  .signin .modal-body .modal-kindname .namep {
    font-size: 24px !important;
  }
}