@charset "UTF-8";
@media (min-width: 990px) {
  .pcnone {
    display: none !important;
  }
}
@media (max-width: 990px) {
  .mobileblock {
    display: block !important;
  }
}
@media (max-width: 990px) {
  .mobilenone {
    display: none !important;
  }
}
@media (max-width: 990px) {
  body {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #footarea .pc-footer {
    width: 100%;
    padding: 40px 0;
    padding-bottom: 110px;
  }
  #footarea .pc-footer .gamelistDiv {
    display: none;
  }
  .mobile-header {
    width: 100%;
    background: #0B0E13 0% 0% no-repeat padding-box;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 5;
    padding-bottom: 14px;
  }
  .mobile-header .mobile-header01 {
    position: relative;
    padding: 0 24px;
    display: flex;
    align-items: center;
    height: 60px;
  }
  .mobile-header .mobile-header01 .menuicon {
    color: #fff;
    font-size: 24px;
  }
  .mobile-header .mobile-header01 .logo {
    position: absolute;
    height: 65px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mobile-header .mobile-header02 {
    padding: 0 24px;
  }
  .mobile-header .mobile-header02 .login-before {
    display: flex;
    align-items: center;
    margin-top: 15px;
  }
  .mobile-header .mobile-header02 .login-before .logbut {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 11.49%;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("/onepice/images/mobile/m_btn_login.png");
    font-size: 14px;
    color: #999999;
    font-weight: 300;
  }
  .mobile-header .mobile-header02 .login-before .logbut span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mobile-header .mobile-header02 .login-before .logbut:nth-child(1) {
    margin-right: 10px;
  }
  .mobile-header .mobile-header02 .login-after {
    margin-top: 15px;
  }
  .mobile-header .mobile-header02 .login-after > div {
    display: flex;
  }
  .mobile-header .mobile-header02 .login-after button {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    margin-right: 12px;
  }
  .mobile-header .mobile-header02 .login-after button P {
    margin-left: 6px;
  }
  .mobile-header .mobile-header02 .login-after .mobile-logout {
    position: relative;
    margin-right: 0 !important;
    width: 100%;
    height: auto;
    padding-top: 11.31%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/onepice/images/mobile/mobile-logout.png");
  }
  .mobile-header .mobile-header02 .login-after .mobile-logout p {
    position: absolute;
    font-size: 14px;
    color: #999999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .mobile-header .mobile-header02 .login-after .login-after01 .levelbutton .levelicon {
    height: 22px;
  }
  .mobile-header .mobile-header02 .login-after .login-after01 .messagebutton .ico_11 {
    width: 22px;
  }
  .mobile-header .mobile-header02 .login-after .login-after01 .rulletbutton .ico_3 {
    width: 22px;
  }
  .mobile-header .mobile-header02 .login-after .login-after02 {
    margin: 14px 0;
  }
  .mobile-header .mobile-header02 .login-after .login-after02 .gamemoneybut,
  .mobile-header .mobile-header02 .login-after .login-after02 .pointbut {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0, 0, 0, 0.4) 0% 0% no-repeat padding-box;
    border: 1px solid #404040;
    height: 36px;
    padding: 0 10px;
    margin: 0;
  }
  .mobile-header .mobile-header02 .login-after .login-after02 .gamemoneybut {
    margin-right: 10px !important;
  }
  .mobile-header .mobile-header02 .login-after .login-after02 .yellowP {
    color: #FFD87E;
  }
  .mobilefooter {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    padding-top: 26.66%;
    background-image: url("/onepice/images/mobile/mobilefooter.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .mobilefooter .mobilefooterDiv button {
    position: absolute;
    bottom: 20%;
  }
  .mobilefooter .mobilefooterDiv button span {
    display: block;
    font-size: 14px;
    color: #fff;
    margin-top: 8px;
  }
  .mobilefooter .mobilefooterDiv button img {
    height: 20px;
  }
  .mobilefooter .mobilefooterDiv .mobilefooterDiv-home {
    width: 19%;
    height: 70%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .mobilefooter .mobilefooterDiv .mobilefooterDiv-home img {
    height: 26px;
  }
  .mobilefooter .mobilefooterDiv .mobilefooterDiv-button01 {
    left: 7%;
  }
  .mobilefooter .mobilefooterDiv .mobilefooterDiv-button02 {
    left: 24%;
  }
  .mobilefooter .mobilefooterDiv .mobilefooterDiv-button03 {
    right: 24%;
  }
  .mobilefooter .mobilefooterDiv .mobilefooterDiv-button04 {
    right: 5%;
  }
  #mobileside {
    width: 100px;
    background: transparent linear-gradient(180deg, #1D212B 0%, #0B0E13 100%) 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.6);
  }
  #mobileside .offcanvas-body {
    padding: 0;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  #mobileside .offcanvas-body ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-bottom: 1px solid #404040;
  }
  #mobileside .offcanvas-body ul li button .ico_box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }
  #mobileside .offcanvas-body ul li button .ico_box img {
    width: 28px;
  }
  #mobileside .offcanvas-body ul li button span {
    display: block;
    font-size: 12px;
    font-weight: 300;
    color: #999999;
    margin-top: 6px;
  }
  .contentWrap {
    width: 100%;
    margin-left: 0;
  }
}
@media (max-width: 990px) {
  .contentWrap .mainContent {
    padding-bottom: 40px !important;
  }
  .contentWrap .mainBannerSwiper img {
    width: 100%;
  }
  .contentWrap .mainContent::after,
  .contentWrap .mainContent::before {
    display: none !important;
  }
  .contentWrap .popularSlot {
    padding-bottom: 30px;
  }
  .contentWrap .popularSlot .bartitle .titlebar-left,
  .contentWrap .popularSlot .bartitle .titlebar-right {
    width: 20% !important;
  }
  .contentWrap .popularSlot .m_popularSlotul {
    display: flex;
    flex-wrap: wrap;
    gap: 9px !important;
    padding: 0px 24px;
	justify-content: center;
  }
  .contentWrap .popularSlot .m_popularSlotul li {
    position: relative;
  }
  .contentWrap .popularSlot .m_popularSlotul li .allslotbut-imgbox {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 7%;
    z-index: 1;
    width: 97%;
    opacity: 0.2;
    max-height: 56%;
    overflow: hidden;
  }
  .contentWrap .popularSlot .m_popularSlotul li .allslotbut-imgbox img {
    width: 100%;
  }
  .contentWrap .popularSlot .m_popularSlotul li button {
    position: relative;
    width: 100% !important;
    height: auto !important;
    padding-top: 10px;
    background-size: contain !important;
    background-image: url("/onepice/images/frame_game.png");
    z-index: 3;
  }
  .contentWrap .popularSlot .m_popularSlotul li .gamenamebox {
    width: 100%;
    position: absolute;
    z-index: 15;
    left: 50%;
    transform: translateX(-50%);
    bottom: 11% !important;
    min-height: 38px;
  }
  .contentWrap .popularSlot .m_popularSlotul li .gamenamebox h4 {
    font-size: 6px !important;
    text-align: center;
  }
  .contentWrap .popularSlot .m_popularSlotul li .gamenamebox h3 {
    font-size: 10px !important;
    margin-top: 2px !important;
    text-align: center;
    max-width: 76%;
    margin: 0 auto;
    word-break: keep-all;
  }
  .contentWrap .popularSlot .m_popularSlotul li .gamelogo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 22%;
    z-index: 18;
  }
  .contentWrap .popularSlot .m_popularSlotul li .gamelogo img {
    width: 100%;
  }
  .contentWrap .allSlot {
    padding: 0 24px;
  }
  .contentWrap .allSlot .blankdiv {
    display: none !important;
  }
  .contentWrap .allSlot .allSlottitle {
    height: 60px !important;
  }
  .contentWrap .allSlot .allSlottitle > div {
  }
  .contentWrap .allSlot .allSlottitle h3 {
    font-size: 16px !important;
  }
  .contentWrap .allSlot .allSlottitle .searchinputFlex {
    padding-right: 20px !important;
  }
  .contentWrap .allSlot .allSlotContent {
    padding: 15px !important;
  }
  .contentWrap .allSlot .allSlotContent ul {
    gap: 8px !important;
  }
  .contentWrap .allSlot .allSlotContent ul li {
    width: calc(33.3333333333% - 6px);
  }
  .contentWrap .allSlot .allSlotContent ul li .allslotbut-imgbox {
    width: 96%;
    max-height: 56%;
    overflow: hidden;
  }
  .contentWrap .allSlot .allSlotContent ul li .allslotbut-imgbox img {
    width: 100%;
  }
  .contentWrap .allSlot .allSlotContent ul li button {
    width: 100% !important;
    height: auto !important;
    /* padding-top: 128.94%; */
    background-size: contain !important;
  }
  .contentWrap .allSlot .allSlotContent ul li .gamenamebox {
    bottom: 7% !important;
    min-height: 38px;
  }
  .contentWrap .allSlot .allSlotContent ul li .gamenamebox h4 {
    font-size: 6px !important;
  }
  .contentWrap .allSlot .allSlotContent ul li .gamenamebox h3 {
    font-size: 10px !important;
    margin-top: 2px !important;
    max-width: 76%;
    margin: 0 auto;
    word-break: keep-all;
  }
  .contentWrap .allSlot .allSlotContent .allslot-morebut {
    margin-top: 15px !important;
  }
  .contentWrap .mainContent-jacpot {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-top: 40%;
    height: auto;
  }
  .contentWrap .mainContent-jacpot > .mainContent-jacpot-div {
    position: absolute;
    width: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -12%);
    padding-top: 0 !important;
  }
  .contentWrap .mainContent-jacpot > .mainContent-jacpot-div > div:nth-child(1) {
    margin-right: 16px;
    margin-bottom: 2px;
  }
  .contentWrap .mainContent-jacpot .krw {
    height: 40px;
  }
  .contentWrap .countDivbox {
    position: absolute;
    display: inline-block;
  }
  .contentWrap .countDivbox .dot {
    width: 8px;
    position: absolute;
    left: 17px !important;
    bottom: 0px !important;
    z-index: 10;
  }
  .contentWrap .countDivbox .dot02 {
    width: 8px;
    position: absolute;
    left: 90px !important;
    bottom: 0px !important;
    z-index: 10;
  }
  .contentWrap .countDivbox .dot03 {
    width: 8px;
    position: absolute;
    right: 62px !important;
    bottom: 0px !important;
    z-index: 10;
  }
  .contentWrap .countDivbox .countDiv {
    position: relative;
    height: 42px;
    overflow: hidden;
  }
  .contentWrap .countDivbox .countDiv .num {
    width: 18px;
    position: relative;
    transition: top 0.3s ease; /* 부드러운 이동 효과 */
  }
  .contentWrap .countDivbox .countDiv .num1 {
    top: -2px !important;
    margin-right: 6px;
  }
  .contentWrap .countDivbox .countDiv .num2 {
    top: -196px;
  }
  .contentWrap .countDivbox .countDiv .num3 {
    top: -441px;
  }
  .contentWrap .countDivbox .countDiv .num4 {
    top: -343px;
    margin-right: 6px;
  }
  .contentWrap .countDivbox .countDiv .num5 {
    top: -196px;
  }
  .contentWrap .countDivbox .countDiv .num6 {
    top: -392px;
  }
  .contentWrap .countDivbox .countDiv .num7 {
    top: -196px;
    margin-right: 6px;
  }
  .contentWrap .countDivbox .countDiv .num8 {
    top: 0px;
  }
  .contentWrap .countDivbox .countDiv .num9 {
    top: 0px;
  }
  .contentWrap .countDivbox .countDiv .num10 {
    top: -49px;
  }
  .contentWrap .bottomboxDiv {
    display: block;
    padding: 30px 24px;
    padding-bottom: 0;
  }
  .contentWrap .bottomboxDiv .bottomboxDiv-box {
    width: 100%;
    margin-top: 24px;
  }
  .contentWrap .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-title {
    position: relative;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    line-height: normal;
    padding-top: 14.52%;
  }
  .contentWrap .bottomboxDiv .bottomboxDiv-box .bottomboxDiv-box-title p {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
  }
  .contentWrap .bottomboxDiv .bottomboxDiv-box:nth-child(1) {
    margin-top: 0;
  }
}
@media (max-width: 990px) {
  .casinocontentWrap .casinoBanner {
    height: 249px;
    overflow: hidden;
  }
  .casinocontentWrap .casinoBanner img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 110%;
  }
  .casinocontentWrap .popularSlot .popularSlotul {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
  }
  .casinocontentWrap .popularSlot .popularSlotul li {
    width: calc(50% - 7px);
    margin-top: 10px;
  }
  .casinocontentWrap .popularSlot .popularSlotul li button {
    width: 100%;
  }
  .casinocontentWrap .popularSlot .popularSlotul li button img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 990px) {
  .slotcontentWrap .slotBanner {
    height: 249px;
    overflow: hidden;
  }
  .slotcontentWrap .slotBanner img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 97%;
  }
  .slotcontentWrap .popularSlot .popularSlotul {
    padding-left: 24px;
    padding-right: 24px;
    margin-top: 40px;
  }
  .slotcontentWrap .popularSlot .popularSlotul li {
    width: calc(50% - 7px);
    margin-top: 10px;
  }
  .slotcontentWrap .popularSlot .popularSlotul li button {
    width: 100%;
  }
  .slotcontentWrap .popularSlot .popularSlotul li button img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 990px) {
  .noticeContentWrap {
    padding-left: 24px;
    padding-right: 24px;
  }
  .noticeContentWrap:after {
    content: "";
    display: block !important;
    position: absolute;
    top: 78px;
    left: 0;
    width: 100%;
    height: 912px;
    background-image: url("/onepice/images/mobile/mobilebg-ship.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 0;
  }
  .noticeContent {
    background-color: transparent !important;
  }
  .noticeContent .logo {
    display: none;
  }
  .noticeContent .bartitle {
    margin-top: 0 !important;
  }
  .noticeContent .bartitle .titlebar-left,
  .noticeContent .bartitle .titlebar-right {
    width: 26% !important;
  }
  .noticeContent .tableContent-four .tableContent-div-header .tableContent-div-header-04 {
    display: none !important;
  }
  .noticeContent .tableContent-four .accordion-button-04 {
    display: none !important;
  }
  .noticeContent .tableContent-four .tableContent-div-header-01,
  .noticeContent .tableContent-four .accordion-button-01 {
    width: 15% !important;
  }
  .noticeContent .tableContent-four .tableContent-div-header-02,
  .noticeContent .tableContent-four .accordion-button-02 {
    width: 55% !important;
  }
  .noticeContent .tableContent-four .tableContent-div-header-03,
  .noticeContent .tableContent-four .accordion-button-03 {
    width: 30% !important;
  }
}/*# sourceMappingURL=mobile.css.map */