:root {
    --font-family: "Noto Sans KR"
}

.miniGamePage {
    animation: none !important
}

.miniGameZone {
    background-size: cover;
    width: 100%;
    padding-bottom: 48%;
    transition: .4s ease-out;
    position: relative
}

.webp .miniGameZone {
    background-image: url(../../Images/lobbyBG.b114ce1a.webp)
}

.no-webp .miniGameZone {
    background-image: url(../../Images/lobbyBG.26f35354.jpg)
}

.miniGameZone .objBG {
    background-image: url(../../Images/miniGameBG.56cc11ef.jpg);
    background-repeat: no-repeat;
    width: 79%;
    height: 0px;
    padding-bottom: 47%;
    background-size: cover;
    position: absolute;
    top: -6%;
    display: none
}

.webp .miniGameZone .objBG {
    background-image: url(../../Images/miniGameBG.ca1ad0ea.webp)
}

.no-webp .miniGameZone .objBG {
    background-image: url(../../Images/miniGameBG.56cc11ef.jpg)
}

.miniGameZone .miniGameWrapper {
    width: 85%;
    height: 90%;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.miniGameZone .miniGameWrapper .title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none
}

.miniGameZone .miniGameWrapper .title .leftZone {
    color: var(--txtColor71);
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 7.5vw;
    transform: translateZ(0);
    margin-right: 1vw
}

.miniGameZone .miniGameWrapper .title .leftZone span.icon-iiconLogoB {
    font-size: 2.3vw;
    margin-right: 4px
}

.miniGameZone .miniGameWrapper .title .leftZone h4 {
    font-size: 1.4vw;
    margin-right: .5vw
}

.miniGameZone .miniGameWrapper .title .leftZone span {
    color: var(--txtColor105);
    font-size: 1.4vw
}

.miniGameZone .miniGameWrapper .title .line {
    height: 2px;
    width: 74vw;
    background-color: var(--bgColor130);
    position: relative
}

.miniGameZone .miniGameWrapper .title .line:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--bgColor130);
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translate(-50%, -50%)
}

.miniGameZone .miniGameWrapper .content {
    display: flex;
    align-items: start;
    justify-content: space-around;
    margin-top: 4vh
}

.miniGameZone .miniGameWrapper .content .leftFrame {
    width: 55%;
    position: relative;
    animation: rightIn .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    min-height: 695px
}

.miniGameZone .miniGameWrapper .content .leftZone {
    background-size: cover;
    width: 100%;
    padding-bottom: 100%;
    position: relative
}

.miniGameZone .miniGameWrapper .content .leftZone .obj {
    background-image: url(../../Images/mini_obj.ee5d2d71.png);
    background-repeat: no-repeat;
    width: 96%;
    height: 0px;
    padding-bottom: 84%;
    background-size: cover;
    position: absolute;
    top: 0%;
    left: 0%
}

.miniGameZone .miniGameWrapper .content .rightZone {
    width: 45%;
    padding-top: 3%
}

.miniGameZone .miniGameWrapper .content .rightZone .txt {
    margin-bottom: 27px;
    animation: topIn .4s;
    animation-fill-mode: forwards;
    opacity: 0
}

.miniGameZone .miniGameWrapper .content .rightZone .txt h2 {
    color: var(--txtColor_01);
    font-size: 1.45vw;
    margin-bottom: 10px;
    font-family: var(--font-family) !important;
    font-weight: 700 !important
}

.miniGameZone .miniGameWrapper .content .rightZone .txt p {
    color: var(--txtColor66);
    line-height: 1.6;
    font-size: .6vw
}

.miniGameZone .miniGameWrapper .content .rightZone .btns {
    animation: leftIn .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    min-height: 560px
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li {
    width: 48.5%;
    height: 175px;
    padding-bottom: 23px;
    margin-bottom: 21px;
    background: var(--bgColor131);
    cursor: pointer;
    overflow: hidden;
    margin-right: 1%;
    background-color: var(--bgColor_09);
    border-radius: 15px;
    position: relative;
    transition: .3s all ease-out
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li a {
    width: 100%;
    height: 165px;
    background: rgb(229, 235, 255);
    background: -webkit-linear-gradient(300deg, rgb(229, 235, 255) 0%, rgb(208, 221, 245) 34%, rgb(196, 213, 245) 35%, rgb(246, 247, 251) 60%, rgb(233, 240, 254) 62%, rgb(229, 235, 255) 100%);
    background: -moz-linear-gradient(300deg, rgb(229, 235, 255) 0%, rgb(208, 221, 245) 34%, rgb(196, 213, 245) 35%, rgb(246, 247, 251) 60%, rgb(233, 240, 254) 62%, rgb(229, 235, 255) 100%);
    background: -o-linear-gradient(300deg, rgb(229, 235, 255) 0%, rgb(208, 221, 245) 34%, rgb(196, 213, 245) 35%, rgb(246, 247, 251) 60%, rgb(233, 240, 254) 62%, rgb(229, 235, 255) 100%);
    background: linear-gradient(150deg, rgb(229, 235, 255) 0%, rgb(208, 221, 245) 34%, rgb(196, 213, 245) 35%, rgb(246, 247, 251) 60%, rgb(233, 240, 254) 62%, rgb(229, 235, 255) 100%);
    border-radius: 15px;
    position: absolute;
    top: 0px;
    transition: .3s all ease-out
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li:hover {
    background: var(--bgColor_08) !important;
    color: var(--txtColor_08)
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li:hover a {
    background: var(--bgColor_07) !important;
    color: var(--txtColor_08)
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .logo {
    background-repeat: no-repeat;
    background-size: cover;
    width: 53%;
    height: 0px;
    transition: .3s ease-out;
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -68%)
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li.casino01 .logoA {
    background-image: url(../../Images/mini01.f9a82c32.png);
    padding-bottom: 30%;
    width: 36%
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li.casino02 .logoA {
    background-image: url(../../Images/mini02.07356f1f.png);
    padding-bottom: 32%;
    width: 32%
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li.casino03 .logoA {
    background-image: url(../../Images/mini03.442e3a3a.png);
    padding-bottom: 28%;
    width: 39%
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li.casino04 .logoA {
    background-image: url(data:image/png;base64,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);
    padding-bottom: 20%;
    width: 34%
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li:hover .logo {
    background-position-y: 5px
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .txt01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 1;
    position: absolute;
    bottom: 13px
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .txt01 h2 {
    font-size: 1vw;
    color: var(--txtColor_03);
    margin-bottom: 0;
    font-family: var(--font-family) !important;
    font-weight: 400 !important;
    transition: .3s all ease-out
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .txt01 span {
    font-size: .4vw;
    color: var(--txtColor73)
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li:hover .txt01 h2 {
    color: var(--txtColor_08) !important
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .mask {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    transition: .4s ease-out;
    background-color: #16161acc
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .mask .inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .mask .inner span {
    color: var(--btnColor037);
    font-size: 2.8vw;
    margin-bottom: 1vw
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .mask .inner .btnP {
    padding: 10px 38px;
    border-radius: 50px;
    font-size: 12px
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li:hover .mask, .miniGameZone .miniGameWrapper .content .rightZone .btns ul li:hover .inner, .miniGameZone .miniGameWrapper .content .rightZone .btns ul li.maintainGo .maintain {
    display: flex
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .maintain {
    display: none;
    background-color: var(--bgColor_051);
    border: 1px solid #d8d9ee;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: default;
    border-radius: 15px
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .maintain span {
    font-size: 5vw;
    color: var(--txtColor_09) !important
}

.miniGameZone .miniGameWrapper .content .rightZone .btns ul li .maintain h4 {
    color: var(--txtColor_09) !important;
    font-size: 1vw;
    font-weight: 700;
    margin-top: 3%
}

.aniLogoMini {
    -webkit-animation: aniLogoMini 1s infinite;
    animation: aniLogoMini 1s infinite
}

.aniLogo01 {
    -webkit-animation: aniLogo01 2.3s infinite;
    animation: aniLogo01 2.3s infinite
}

@keyframes aniLogoMini {
    0% {
        background-position-y: 0px
    }
    50% {
        background-position-y: 1.5px
    }
    to {
        background-position-y: 0px
    }
}

@keyframes aniLogo01 {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(.98)
    }
    to {
        transform: scale(1)
    }
}

@media (max-width: 1350px) {
    .miniGameZone .miniGameWrapper .content .rightZone .btns ul li .txt01 h2 {
        font-size: 20px
    }

    .miniGameZone .miniGameWrapper .content .rightZone .btns ul li .txt01 span {
        font-size: 12px
    }

    .miniGameZone .miniGameWrapper .content .rightZone .txt h2 {
        font-size: 24px
    }
}

@media (max-width: 1080px) {
    .miniGameZone .miniGameWrapper .title .line {
        width: 73vw
    }
}

@media (max-width: 1053px) {
    .miniGameZone .miniGameWrapper .content .rightZone .btns ul li {
        height: 135px
    }
}

@keyframes leftIn {
    0% {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translate(50%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes rightIn {
    0% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%);
        opacity: 0
    }
    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes topIn {
    0% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}