/*---------------------------------------------------------
    PAGE TITLE
---------------------------------------------------------*/
#page_title {
    display: block;
    text-align: center;
    padding: 20px;
    padding-top: 40px;
    padding-bottom: 20px;
    min-width: 100%;
}

#page_title > .label {
    font-family: 'Gmarket Sans';
    color: #ffffff;
    text-shadow:
        0px 0px 5px #009eff,
        0px 0px 10px #009eff,
        0px 0px 20px #009eff;
    text-align: center;
    flex-grow: 1;
    font-weight: 900;
    line-height: 60px;
    height: 60px;
    font-size: 50px;
}

#page_title > .sublavel {
    font-family: 'Gmarket Sans';
    color: #ffffff;
    text-shadow:
        0px 0px 3px #009eff,
        0px 0px 5px #009eff,
        0px 0px 10px #009eff;
    text-align: center;
    flex-grow: 1;
    font-weight: 100;
    line-height: 40px;
    height: 40px;
    font-size: 20px;
}

/*---------------------------------------------------------
    CASINO WRAP
---------------------------------------------------------*/
#casino_wrap {
    display: flex;
    justify-content: center;
    min-width: 100%;
}

.money_swap_wrap{
	background:url("/images/1bet1/money_swap_bg.jpg") no-repeat;
	background-size:100%;
}

#casino_wrap > .flexbox {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

#casino_wrap > .flexbox > .casinolistbox {
    display: block;
    width: 100%;
}

/*---------------------------------------------------------
    MAIN VISUAL
---------------------------------------------------------*/

#casino_visual {
    display: block;
    margin: 0;
    border-top: 1px solid #454462;
    border-bottom: 1px solid #454462;
}

#casino_visual > .visual_list {
    display: block;
    margin: 0;
    min-width: 100%;
    height: 364px;
    position: relative;
    overflow: hidden;
}

#casino_visual > .visual_list > .visual_item {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: all 600ms;
}

#casino_visual > .visual_list > .visual_item.active {
    opacity: 1;
    transition: all 600ms;
}

#casino_visual > .visual_list > .visual_item > .visual_bg {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1600px;
    height: 364px;
    object-fit: none;
    object-position: center;
}

#casino_visual > .visual_list > .visual_item > .visual_entity {
    display: block;
    position: absolute;
    left: 50%;
    bottom: -364px;
    width: 800px;
    height: 364px;
    margin-left: 260px;
    object-fit: none;
    object-position: bottom right;
    transform: translate(-50%) scale(0.5);
    opacity: 0;
}

#casino_visual > .visual_list > .visual_item.active > .visual_entity {
    transition-delay: 200ms;
    transition-property: all;
    transition-duration: 400ms;
    transform: translate(-50%) scale(1);
    bottom: 0px;
    opacity: 1;
}

#casino_visual > .visual_list > .visual_item > .visual_label {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 800px;
    height: 364px;
    margin-left: -600px;
    object-fit: none;
    object-position: left;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
}

#casino_visual > .visual_list > .visual_item.active > .visual_label {
    transition-delay: 400ms;
    transition-property: all;
    transition-duration: 400ms;
    margin-left: -260px;
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}

#casino_visual > .visual_list > .visual_item > .visual_mask_left {
    display: block;
    position: absolute;
    right: 50%;
    top: 0px;
    bottom: 0px;
    width: 800px;
}

#casino_visual > .visual_list > .visual_item > .visual_mask_right {
    display: block;
    position: absolute;
    left: 50%;
    top: 0px;
    bottom: 0px;
    width: 800px;
}

#casino_visual .visual_btns {
    position: absolute;
    display: flex;
    left: 50%;
    height: 0px;
    bottom: 50px;
    transform: translate(-50%, -50%);
}

#casino_visual .visual_btns > .btn_circle {
    display: block;
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin: 10px;
    border-radius: 10px;
    background: #42425f;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 300ms;
}

#casino_visual .visual_btns > .btn_circle.active {
    background: #ffc967;
    box-shadow: 0px 0px 20px 5px #ffc967;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    transition: all 300ms;
}


/*---------------------------------------------------------
    CASINO NAV
---------------------------------------------------------*/
#casino_nav {
    display: flex;
    justify-content: center;
    min-width: 100%;
    background: #29324b;
    border-bottom: 1px solid #29324b;
}

#casino_nav > .flexbox {
    display: flex;
    min-width: 100%;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

#casino_nav > .flexbox > .navitem {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-left: 1px;
    background: #07172d;
    font-size: 16px;
    font-weight: 600;
    color: #888888;
    cursor: pointer;
}

#casino_nav > .flexbox > .navitem.active,
#casino_nav > .flexbox > .navitem:hover {
    border-top: 2px solid #e60012;
    line-height: 46px;
    background: #29324b;
    color: #ffffff;
}



/*---------------------------------------------------------
    CASINO_LIST
---------------------------------------------------------*/
#casino_list {
    display: block;
    margin: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

#casino_list .casino_popup_box {
	padding-bottom:40px;
	text-align:center;
}

#casino_list .casino_popup_close {
	margin-left:30px;
	cursor:pointer;
}

@keyframes main_casino_titlebox_h3_img {
    0% {
        filter: grayscale(0.6) brightness(0.8);
        transform: scale(1);
    }

    50% {
        filter: grayscale(0) brightness(1);
        transform: scale(1.1);
    }

    100% {
        filter: grayscale(0.6) brightness(0.8);
        transform: scale(1);
    }
}

#casino_list > .listbox {
    display: grid;
    grid-template: repeat(1, 1fr) / repeat(5, 1fr);
    gap: 20px;
}

@media screen and (max-width: 1600px) {
    #casino_list > .listbox {
        display: grid;
        grid-template: repeat(1, 1fr) / repeat(4, 1fr);
        gap: 20px;
    }
}


#casino_list > .listbox > .casinoitem {
    display: block;
    overflow: hidden;
    transition: all 1000ms;
    opacity: 1;
    position: relative;
    aspect-ratio: 400/170;
    width: 100%;
    border: 1px solid #ffc79d;
    cursor: pointer;
    overflow: hidden;
}


#casino_list > .listbox > .casinoitem:hover {
    border: 1px solid #e60012;
}

#casino_list > .listbox > .casinoitem > img.stop {
    position: absolute;
    display: block;
    right: 0px;
    top: 0;
    transition: all 300ms;
	z-index:1;
}

#casino_list > .listbox > .casinoitem > img.bg {
    position: absolute;
    left: auto;
    top: 0px;
    bottom: 0px;
    right: 0px;
    display: block;
    /* width: 100%; */
    transition: all 300ms;
}
#casino_list > .listbox > .casinoitem > img.label {
    position: absolute;
    display: block;
    left: 30px;
    top: 50%;
    width: 40%;
    transform: translate(0, -60%);
    filter: grayscale(1) brightness(0.8);
    transition: all 300ms;
}

#casino_list > .listbox > .casinoitem:hover > img.bg {
    filter: grayscale(0) brightness(1);
    transition: all 300ms;
    transform: scale(1.2);   /* 이미지 확대 */
    transition: transform .5s;
}

#casino_list > .listbox > .casinoitem:hover > img.label {
    filter: grayscale(0) brightness(1);
    transition: all 300ms;
}


.gamerulebox {
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    width: 60%;
    margin-right: 20px;
}

.gamerulebox > img {
    width: 100%;
    margin-bottom: 20px;
    display: block;
}

.casinolistbox2 {
    width: 40%;
    flex-shrink: 1;
}

.casinolistbox2 > #casino_list {
    min-width: auto;
    padding-top: 20px;
}

.casinolistbox2 > #casino_list > .listbox {
    grid-template: repeat(1, 1fr) / repeat(2, 1fr);
    padding-top: 0px;
}

@media screen and (max-width: 1900px) {

    .gamerulebox {
        width: 70%;
    }

    .casinolistbox2 {
        width: 30%;

    }

    .casinolistbox2 > #casino_list {
        min-width: auto;
        padding-top: 20px;
    }

    .casinolistbox2 > #casino_list > .listbox {
        grid-template: repeat(1, 1fr) / repeat(1, 1fr);
        padding-top: 0px;
    }

}


@media screen and (max-width: 1600px) {
    .gamerulebox {
        width: 100%;
        margin-right: 0px;
    }

    .casinolistbox2 {
        display: none;
    }
}

/*---------------------------------------------------------
    CASINO MONEY SWAP
---------------------------------------------------------*/
#casino_moneyswap {
    display: block;
    width: 100%;
    margin-top: 20px;
}

#casino_moneyswap > .flexbox {
    display: flex;
}

#casino_moneyswap > .flexbox > .selectbox {
    display: flex;
    width: 100%;
    height: 305px;
}

#casino_moneyswap > .flexbox > .selectbox.selectbox_from {
    margin-right: 1px;
}

#casino_moneyswap > .flexbox > .selectbox > .title {
    display: block;
    width: 170px;
    flex-shrink: 0;
    background: #07172d;
    margin-right: 1px;
    height: 305px;
    overflow: hidden;
    position: relative;
}

#casino_moneyswap > .flexbox > .selectbox.selectbox_from .title {
    background: #275fc022;
}

#casino_moneyswap > .flexbox > .selectbox.selectbox_to .title {
    background: #f9255222;
}

#casino_moneyswap > .flexbox > .selectbox > .title > .label {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
}

#casino_moneyswap > .flexbox > .selectbox > .list {
    display: block;
    width: 100%;
    height: 305px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#casino_moneyswap > .flexbox > .selectbox > .list::-webkit-scrollbar {
    width: 8px;
}

#casino_moneyswap > .flexbox > .selectbox > .list::-webkit-scrollbar-track {
    background: #141921;
}

#casino_moneyswap > .flexbox > .selectbox > .list::-webkit-scrollbar-thumb {
    background: #262b32;
}


#casino_moneyswap > .flexbox > .selectbox > .list > .item {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item:hover,
#casino_moneyswap > .flexbox > .selectbox > .list > .item.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_moneyswap > .flexbox > .selectbox_from > .list > .item > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox_from > .list > .item.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox_to > .list > .item > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox_to > .list > .item.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 14px;
    color: #888888;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item:hover > .label,
#casino_moneyswap > .flexbox > .selectbox > .list > .item.active > .label {
    color: #efefef;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_moneyswap > .flexbox > .selectbox > .list > .item:hover > .current_money,
#casino_moneyswap > .flexbox > .selectbox > .list > .item.active > .current_money {
    color: #e60012;
}

#casino_moneyswap > .formbox {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 1px;
}

#casino_moneyswap > .formbox > .flexbox {
    display: flex;
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox {
    display: flex;
    width: 100%;
    height: 50px;
    margin-right: 1px;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox {
    display: flex;
    width: 100%;
    height: 50px;
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    background:
        linear-gradient(45deg,
            rgba(255, 255, 255, .02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .02) 50%,
            rgba(255, 255, 255, .02) 75%,
            transparent 75%,
            transparent),
        #275fc022;
    background-size: 0.5rem 0.5rem;
    margin-right: 1px;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    margin-right: 1px;
    background:
        linear-gradient(45deg,
            rgba(255, 255, 255, .02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .02) 50%,
            rgba(255, 255, 255, .02) 75%,
            transparent 75%,
            transparent),
        #f9255222;
    background-size: 0.5rem 0.5rem;
}


#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game:hover,
#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game.active {
    background:
        linear-gradient(45deg,
            rgba(255, 255, 255, .02) 25%,
            transparent 25%,
            transparent 50%,
            rgba(255, 255, 255, .02) 50%,
            rgba(255, 255, 255, .02) 75%,
            transparent 75%,
            transparent),
        #29324b;
    background-size: 0.5rem 0.5rem;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox > .selected_game > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .fromgamebox > .selected_game.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox > .selected_game > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .togamebox > .selected_game.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color: #888888;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game:hover > .label,
#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game.active > .label {
    color: #efefef;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game:hover > .current_money,
#casino_moneyswap > .formbox > .flexbox > .gamebox > .selected_game.active > .current_money {
    color: #ffc967;
}

#casino_moneyswap > .formbox > .moneybox {
    display: flex;
    margin-left: -1px;
    margin-top: 1px;
}

#casino_moneyswap > .formbox > .moneybox > .btn_setmoney {
    height: 50px;
    color: #ffc967;
    background: #0d1d32;
    text-align: center;
    width: 100%;
    line-height: 50px;
    margin-left: 1px;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .moneybox > .btn_setmoney:hover,
#casino_moneyswap > .formbox > .moneybox > .btn_setmoney.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_moneyswap > .formbox > .btn_submit {
    display: block;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    border: 0px;
    height: 80px;
    background: #0d1d32;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 300ms;
    cursor: pointer;
}

#casino_moneyswap > .formbox > .btn_submit:hover {
    background: #29324b;
    transition: all 300ms;
}

#casino_moneyswap .amountbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_moneyswap .amountbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_moneyswap .amountbox > input {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: right;
    margin-right: 1px;
    color: #ffc967;
}

#casino_moneyswap .amountbox > .btn_clear_box {
    display: block;
    width: 40px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
}

#casino_moneyswap .amountbox > .btn_clear_box > .btn_clear {
    background: url('/images/1bet1/betting_cart/ico_recycle_bin.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    height: 50px;
    width: 40px;
    flex-shrink: 0;
    cursor: pointer;
    filter: invert(1) brightness(0.5);
    transition: all 300ms;
}

#casino_moneyswap .amountbox > .btn_clear_box > .btn_clear:hover {
    filter: invert(1) brightness(0.8);
    transition: all 300ms;
}

/*---------------------------------------------------------
    CASINO MONEY DEPOSIT
---------------------------------------------------------*/
#casino_deposit {
    display: block;
    width: 100%;
    margin-top: 20px;
}

#casino_deposit > .flexbox {
    display: flex;
}

#casino_deposit > .flexbox > .selectbox {
    display: flex;
    width: 100%;
    height: 426px;
    margin-right: 1px;
}

#casino_deposit > .flexbox > .selectbox > .title {
    display: block;
    width: 170px;
    flex-shrink: 0;
    background: #07172d;
    margin-right: 1px;
    height: 426px;
    overflow: hidden;
    position: relative;
}

#casino_deposit > .flexbox > .selectbox.selectbox_from .title {
    background: #275fc022;
}

#casino_deposit > .flexbox > .selectbox.selectbox_to .title {
    background: #f9255222;
}

#casino_deposit > .flexbox > .selectbox > .title > .label {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .selectbox > .list {
    display: block;
    width: 100%;
    height: 426px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#casino_deposit > .flexbox > .selectbox > .list::-webkit-scrollbar {
    width: 8px;
}

#casino_deposit > .flexbox > .selectbox > .list::-webkit-scrollbar-track {
    background: #141921;
}

#casino_deposit > .flexbox > .selectbox > .list::-webkit-scrollbar-thumb {
    background: #262b32;
}


#casino_deposit > .flexbox > .selectbox > .list > .item {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item:hover,
#casino_deposit > .flexbox > .selectbox > .list > .item.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color: #888888;
}

#casino_deposit > .flexbox > .selectbox > .list > .item:hover > .label,
#casino_deposit > .flexbox > .selectbox > .list > .item.active > .label {
    color: #efefef;
}

#casino_deposit > .flexbox > .selectbox > .list > .item > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_deposit > .flexbox > .selectbox > .list > .item:hover > .current_money,
#casino_deposit > .flexbox > .selectbox > .list > .item.active > .current_money {
    color: #ffc967;
}

#casino_deposit > .flexbox > .formbox {
    display: block;
    width: 100%;
}

#casino_deposit > .flexbox > .formbox {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#casino_deposit > .flexbox > .formbox > .flexbox {
    display: flex;
}

#casino_deposit > .flexbox > .formbox > .gamebox {
    display: flex;
    width: 100%;
    height: 50px;
    margin-right: 1px;
}

#casino_deposit > .flexbox > .formbox > .gamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
    background-size: 0.5rem 0.5rem;
    margin-right: 1px;
    font-size: 16px;
    color:#aaaaaa;
    font-weight: 600;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game:hover,
#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active {
    background: #29324b;
    background-size: 0.5rem 0.5rem;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    background: #275fc0;
    opacity: 0;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active > .icon {
    background: #275fc0;
    opacity: 1;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game:hover > .label,
#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active > .label {
    color: #efefef;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game:hover > .current_money,
#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game.active > .current_money {
    color: #ffc967;
}

#casino_deposit > .flexbox > .formbox > .couponbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_deposit > .flexbox > .formbox > .couponbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .formbox > .couponbox > select {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: left;
}


#casino_deposit > .flexbox > .formbox > .amountbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_deposit > .flexbox > .formbox > .amountbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_deposit > .flexbox > .formbox > .amountbox > input {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: right;
    margin-right: 1px;
    color: #ffc967;
}

#casino_deposit > .flexbox > .formbox > .amountbox > .btn_clear_box {
    display: block;
    width: 40px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
}

#casino_deposit > .flexbox > .formbox > .amountbox > .btn_clear_box > .btn_clear {
    background: url('/images/1bet1/betting_cart/ico_recycle_bin.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 12px;
    height: 50px;
    width: 40px;
    flex-shrink: 0;
    cursor: pointer;
    filter: invert(1) brightness(0.5);
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .amountbox > .btn_clear_box > .btn_clear:hover {
    filter: invert(1) brightness(0.8);
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .moneybox {
    display: grid;
    gap: 1px;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    margin-top: 1px;
}

#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney {
    height: 50px;
    color: #ffc967;
    background: #0d1d32;
    text-align: center;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney:hover,
#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_deposit > .flexbox > .formbox > .btn_submit {
    display: block;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    border: 0px;
    height: 101px;
    background: #0d1d32;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 300ms;
    cursor: pointer;
}

#casino_deposit > .flexbox > .formbox > .btn_submit:hover {
    background: #29324b;
    transition: all 300ms;
}


/*---------------------------------------------------------
    CASINO MONEY WITHDRAW
---------------------------------------------------------*/
#casino_withdraw {
    display: block;
    width: 100%;
    margin-top: 20px;
}

#casino_withdraw > .flexbox {
    display: flex;
}

#casino_withdraw > .flexbox > .selectbox {
    display: flex;
    width: 100%;
    height: 376px;
    margin-right: 1px;
}

#casino_withdraw > .flexbox > .selectbox > .title {
    display: block;
    width: 170px;
    flex-shrink: 0;
    background: #07172d;
    margin-right: 1px;
    height: 376px;
    overflow: hidden;
    position: relative;
}

#casino_withdraw > .flexbox > .selectbox.selectbox_from .title {
    background: #275fc022;
}

#casino_withdraw > .flexbox > .selectbox.selectbox_to .title {
    background: #f9255222;
}

#casino_withdraw > .flexbox > .selectbox > .title > .label {
    display: block;
    position: absolute;
    left: 50%;
    top: 30px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_withdraw > .flexbox > .selectbox > .list {
    display: block;
    width: 100%;
    height: 376px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#casino_withdraw > .flexbox > .selectbox > .list::-webkit-scrollbar {
    width: 8px;
}

#casino_withdraw > .flexbox > .selectbox > .list::-webkit-scrollbar-track {
    background: #141921;
}

#casino_withdraw > .flexbox > .selectbox > .list::-webkit-scrollbar-thumb {
    background: #262b32;
}


#casino_withdraw > .flexbox > .selectbox > .list > .item {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item:hover,
#casino_withdraw > .flexbox > .selectbox > .list > .item.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color: #888888;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item:hover > .label,
#casino_withdraw > .flexbox > .selectbox > .list > .item.active > .label {
    color: #efefef;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_withdraw > .flexbox > .selectbox > .list > .item:hover > .current_money,
#casino_withdraw > .flexbox > .selectbox > .list > .item.active > .current_money {
    color: #ffc967;
}

#casino_withdraw > .flexbox > .formbox {
    display: block;
    width: 100%;
}

#casino_withdraw > .flexbox > .formbox {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
}

#casino_withdraw > .flexbox > .formbox > .flexbox {
    display: flex;
}

#casino_withdraw > .flexbox > .formbox > .gamebox {
    display: flex;
    width: 100%;
    height: 50px;
    margin-right: 1px;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > label {
    display: block;
    width: 170px;
    text-align: center;
    line-height: 50px;
    height: 50px;
    flex-shrink: 0;
    background: #07172d;
    background-size: 0.5rem 0.5rem;
    margin-right: 1px;
    font-size: 16px;
    color:#aaaaaa;
    font-weight: 600;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game {
    display: flex;
    background: #0d1d32;
    margin-bottom: 1px;
    height: 50px;
    cursor: pointer;
    width: 100%;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game:hover,
#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active {
    background: #29324b;
    background-size: 0.5rem 0.5rem;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    display: block;
    width: 30px;
    height: 30px;
    margin: 10px;
    border-radius: 15px;
    position: relative;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .icon > span {
    position: absolute;
    left: 8.5px;
    top: -3px;
    font-size: 28px;
    display: block;
    font-weight: 600;
    margin: 0;
    padding: 0;
    border: 0;
    transform: scaleY(0.6) rotate(90deg);
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .icon {
    background: #f92552;
    opacity: 0;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active > .icon {
    background: #f92552;
    opacity: 1;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .label {
    display: block;
    flex-grow: 1;
    line-height: 50px;
    font-size: 15px;
    color:#aaaaaa;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game:hover > .label,
#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active > .label {
    color: #efefef;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .current_money {
    display: block;
    flex-shrink: 0;
    margin-right: 10px;
    line-height: 50px;
    font-size: 15px;
    color: #ffc96788;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game:hover > .current_money,
#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game.active > .current_money {
    color: #ffc967;
}

#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .empty_message {
    line-height:50px;
    padding-left:15px;
    font-size:15px;
}

#casino_withdraw > .flexbox > .formbox > .couponbox {
    display: flex;
    height: 50px;
    margin-top: 1px;
}

#casino_withdraw > .flexbox > .formbox > .couponbox > label {
    display: block;
    width: 170px;
    flex-shrink: 0;
    text-align: center;
    background: #07172d;
    margin-right: 1px;
    line-height: 50px;
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
}

#casino_withdraw > .flexbox > .formbox > .couponbox > select {
    display: block;
    background: #0d1d32;
    border: 0px;
    outline: 0px;
    width: 100%;
    padding: 10px;
    font-size: 15px;
    text-align: left;
}

#casino_withdraw > .flexbox > .formbox > .moneybox {
    display: grid;
    gap: 1px;
    grid-template: repeat(2, 1fr) / repeat(3, 1fr);
    margin-top: 1px;
}

#casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney {
    height: 50px;
    color: #ffc967;
    background: #0d1d32;
    text-align: center;
    width: 100%;
    line-height: 50px;
    font-size: 14px;
    cursor: pointer;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney:hover,
#casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney.active {
    background: #29324b;
    transition: all 300ms;
}

#casino_withdraw > .flexbox > .formbox > .btn_submit {
    display: block;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    border: 0px;
    height: 101px;
    background: #0d1d32;
    width: 100%;
    font-size: 16px;
    margin-bottom: 20px;
    transition: all 300ms;
    cursor: pointer;
}

#casino_withdraw > .flexbox > .formbox > .btn_submit:hover {
    background: #29324b;
    transition: all 300ms;
}

/* amountbox */


.cm_amountbox {
    display: flex;
    background:#e60012;
    background: url(./images/title_effect_overlay.png), #e60012;
    background-position: left;
	background-repeat:no-repeat;
	height:120px;
    margin-top:1px;
}

.cm_amountbox .leftbox {
    display: flex;
    margin-left:20px;
    margin-bottom:20px;
    margin-top:20px;
    border:1px solid #29324b;
    background:#07172d88;
    backdrop-filter: blur(10px);
    border-right:0px;
    height:80px;
    justify-content: center;
    flex-direction: column;
    flex-shrink: 0;
}

.cm_amountbox .leftbox .label {
    font-size:26px;
    font-weight: 600;
    font-family: 'Gmarket Sans';
    color:#aaaaaa;
    margin-left:30px;
	line-height:80px;
    white-space: nowrap;
} 

.cm_amountbox .leftbox .sublabel {
    font-size:16px;
    font-weight: 600;
    font-family: 'Gmarket Sans';
    color:#aaaaaa;
    margin-left:30px;
    margin-top:-5px;
} 


.cm_amountbox .rightbox {
    display: flex;
    margin-right:20px;
    margin-bottom:20px;
    width:100%;
    margin-top:20px;
    border:1px solid #29324b;
    background:#07172d88;
    backdrop-filter: blur(10px);
    border-left:0px;
    height:80px;
    justify-content: right;
}

.cm_amountbox .rightbox .amount input {
    font-family: 'Rajdhani';
    font-size:50px;
    line-height:80px;
    margin-right:10px;
    color:#ef7c00;
	background:none;
	border:0;
	text-align:right;
}

.cm_amountbox .rightbox .unit {
    font-size:40px;
    line-height:70px;
    color:#aaaaaa;
    margin-right:30px;
}

.flexbox > .selectbox > .title > .label2 {
    display: block;
    position: absolute;
    left: 50%;
    top: 60px;
    transform: translate(-50%);
    font-size: 16px;
    font-weight: 600;
    color:#aaaaaa;
	width:150px;
	text-align:center;
	border:2px solid #29324b;
	padding:5px 0;
}

.gamerulebox_m {display:none}




@media all and (min-width:768px) and (max-width:1399px) {

	#casino_visual > .visual_list {
		min-width:768px;
		max-width:1399px;
		height:364px;
	}
	
	#casino_visual > .visual_list > .visual_item {
		display: block;
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		opacity: 0;
		transition: all 600ms;
	}
	
	#casino_visual > .visual_list > .visual_item.active {
		opacity: 1;
		transition: all 600ms;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_bg {
		display: block;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		height:364px;
		object-fit: none;
		object-position: center;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_entity {
		display: block;
		position:absolute;
		right:-150px;
		bottom:-100px;
		width:90%;
		max-width: 768px;
		object-fit:scale-down;
		object-position: bottom right;
		filter: brightness(0.6 );
		opacity: 0;
	} 
	
	#casino_visual > .visual_list > .visual_item.active > .visual_entity {
		transition-delay: 200ms;
		transition-property: all;
		transition-duration: 400ms;
		bottom:-50px;
		right:-100px;
		opacity: 1;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_label {
		top:50%;
		left:0px;
		right:0px;
		width:100%;
		max-width:768px;
		object-position: 10px center;
		margin-left:-50px;
		transform: translate(0,-50%);
		opacity: 0;
	} 
	
	#casino_visual > .visual_list > .visual_item.active > .visual_label {
		margin-left:0;
		transform: translate(0,-50%);
	}
	#casino_deposit > .flexbox {display:block}
}

@media all and (min-width:768px) and (max-width:1023px) {	
	#casino_wrap > .flexbox, #casino_nav > .flexbox {padding-left:0; padding-right:0}
	#casino_list > .listbox {
		grid-template: repeat(1, 1fr) / repeat(3, 1fr);
		gap: 10px
	}
}



@media (max-width:767px) {
	#casino_visual {
		display: block;
		margin:0;
		border-bottom:1px solid #454462;
	}
	
	#casino_visual > .visual_list {
		display: block;
		margin:0;
		min-width:320px;
		max-width:767px;
		height:200px;
		position: relative;
		overflow: hidden;
	}
	
	#casino_visual > .visual_list > .visual_item {
		display: block;
		position: absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		opacity: 0;
		transition: all 600ms;
	}
	
	#casino_visual > .visual_list > .visual_item.active {
		opacity: 1;
		transition: all 600ms;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_bg {
		display: block;
		position: absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		height:200px;
		object-fit: none;
		object-position: center;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_entity {
		display: block;
		position:absolute;
		right:-150px;
		bottom:-100px;
		width:90%;
		max-width: 430px;
		object-fit:scale-down;
		object-position: bottom right;
		filter: brightness(0.6 );
		opacity: 0;
		left:30%;
	} 
	
	#casino_visual > .visual_list > .visual_item.active > .visual_entity {
		transition-delay: 200ms;
		transition-property: all;
		transition-duration: 400ms;
		bottom:-50px;
		right:-100px;
		opacity: 1;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_label {
		display: block;
		position: absolute;
		top:50%;
		left:0px;
		right:0px;
		width:100%;
		max-width:430px;
		object-fit: scale-down;
		object-position: 10px center;
		margin-left:-50px;
		transform: translate(0,-50%);
		opacity: 0;
	} 
	
	#casino_visual > .visual_list > .visual_item.active > .visual_label {
		transition-delay: 400ms;
		transition-property: all;
		transition-duration: 400ms;
		margin-left:0px;
		transform: translate(0,-50%);
		opacity: 1;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_mask_left {
		display: block;
		position: absolute;
		/*right:50%;*/
		top:0px;
		bottom:0px;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_mask_right {
		display: block;
		position: absolute;
		left:100%;
		top:0px;
		bottom:0px;
		width:100%;
	}
	
	#casino_visual .visual_btns {
		position:absolute;
		display: flex;
		left:50%;
		height:0px;
		bottom:50px;
		transform: translate(-50%, -50%);
		display:none;
	}
	
	#casino_visual .visual_btns > .btn_circle {
		display: block;
		flex-shrink: 0;
		width:10px;
		height:10px;
		margin:10px;
		border-radius: 10px;
		background:#42425f;
		transform: translateY(-50%);
		cursor:pointer;
		transition: all 300ms;
	}
	
	#casino_visual .visual_btns > .btn_circle.active {
		background:#ffc967;
		box-shadow: 0px 0px 20px 5px #ffc967;
		width:16px;
		height:16px;
		border-radius:10px;
		transition: all 300ms;
	}
	#casino_wrap > .flexbox, #casino_nav > .flexbox {padding-left:1px; padding-right:1px}
	#casino_list > .listbox {
		grid-template: repeat(1, 1fr) / repeat(2, 1fr);
		gap: 10px
	}
	#casino_list .casino_popup_box {display:none}
	
	#casino_nav > .flexbox {
		display: grid;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		grid-template: repeat(1, 1fr) / repeat(3, 1fr);
	}
	#casino_nav > .flexbox > .navitem {font-size:12px; height:40px; line-height:40px}
	#casino_nav > .flexbox > .navitem.active, #casino_nav > .flexbox > .navitem:hover {line-height:36px}
	#casino_list > .listbox > .casinoitem > img.bg {filter: grayscale(0) brightness(0.6)} 
	#casino_deposit > .flexbox, #casino_withdraw > .flexbox {display:block}
	
	#casino_deposit > .flexbox > .selectbox > .list > .item > .label, #casino_deposit > .flexbox > .selectbox > .list > .item > .current_money,  
	#casino_withdraw > .flexbox > .selectbox > .list > .item > .label, #casino_withdraw > .flexbox > .selectbox > .list > .item > .current_money {font-size:12px; line-height:40px}
	#casino_deposit > .flexbox > .selectbox > .list > .item, #casino_withdraw > .flexbox > .selectbox > .list > .item {height:40px}
	#casino_deposit > .flexbox > .selectbox > .title > .label, .flexbox > .selectbox > .title > .label2, #casino_withdraw > .flexbox > .selectbox > .title > .label {font-size:14px; border:0}
	#casino_deposit > .flexbox > .selectbox > .title, #casino_withdraw > .flexbox > .selectbox > .title {width:150px}
	#casino_deposit > .flexbox > .formbox > .gamebox > label, #casino_deposit > .flexbox > .formbox > .couponbox > label, #casino_withdraw > .flexbox > .formbox > .gamebox > label {width:150px; line-height:40px; height:40px; font-size:14px}
	#casino_deposit > .flexbox > .formbox > .gamebox > .selected_game, #casino_deposit > .flexbox > .formbox > .gamebox, #casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game {height:40px}
	#casino_withdraw > .flexbox > .formbox > .gamebox > .selected_game > .empty_message {line-height:40px; font-size:12px}
	#casino_deposit > .flexbox > .formbox > .couponbox > select {font-size:14px}
	#casino_deposit > .flexbox > .formbox > .couponbox {height:40px}
	#casino_deposit > .flexbox > .selectbox > .list > .item > .icon, #casino_withdraw > .flexbox > .selectbox > .list > .item > .icon {width:15px; height:15px; margin:5px}
	#casino_deposit > .flexbox > .formbox > .moneybox > .btn_addmoney, #casino_withdraw > .flexbox > .formbox > .moneybox > .btn_addmoney {line-height:40px; height:40px}
	#casino_deposit > .flexbox > .formbox > .btn_submit, #casino_withdraw > .flexbox > .formbox > .btn_submit {height:60px; font-size:14px}
	.cm_amountbox {height:100px}
	.cm_amountbox .leftbox {margin-left:10px; margin-bottom:10px; margin-top:10px;width: calc(40% - 10px);}
	.cm_amountbox .rightbox {margin-right:10px; margin-bottom:10px; margin-top:10px;width: calc(60% - 10px);}
	.cm_amountbox .leftbox .label {font-size:16px}
	.cm_amountbox .rightbox .unit {font-size:16px}
	.cm_amountbox .rightbox .amount input {font-size:40px}
	
	#board_list > .filterbox {
		display:none
	}
	/*#board_list > .filterbox > .inputgrp > input[type='date'] {
		width: 100%; display:none;
	}
	#board_list > .filterbox > .inputgrp > select {
		width: 100%; display:none;
	}
	#board_list > .filterbox > .btn_submit {
		width: 100%;
		padding:10px 0;
		display:none;
	}
	*/
	#board_list > .listbox > .listhead .row .col {font-size:12px; line-height:40px}
	#board_list > .listbox > .listhead > .row, #board_list > .listbox > .listtoolbar {height:40px}
	#board_list > .listbox > .listtoolbar > .btn_write, #board_list > .listbox > .listtoolbar > .btn_edit, #board_list > .listbox > .listtoolbar > .btn_delete {font-size:12px; line-height:40px; width:100px}
	#board_list > .listbox .row > .col_wr_datetime, #board_list > .listbox .row > .col_wr_datetime {width:auto; padding:0 5px}
	
}
@media (max-width:479px) {
	#casino_list > .listbox {
		grid-template: repeat(1, 1fr) / repeat(1, 1fr);
		gap: 10px
	}

}
@media (max-width:280px) {
	
	#casino_visual > .visual_list {
		min-width:250px;
		max-width:280px;
		height:200px;
	}
	
	#casino_visual > .visual_list > .visual_item > .visual_entity {
		left:0;
	} 
	
	#casino_deposit > .flexbox > .selectbox > .title, #casino_deposit > .flexbox > .selectbox > .title, #casino_withdraw > .flexbox > .selectbox > .title {width:100px}
	#casino_deposit > .flexbox > .selectbox > .title > .label, #casino_withdraw > .flexbox > .selectbox > .title > .label {text-align:center; width:100%}
	.flexbox > .selectbox > .title > .label2 {width:100px; padding:0 10px}
	#casino_deposit > .flexbox > .formbox > .gamebox > label, #casino_deposit > .flexbox > .formbox > .couponbox > label, #casino_withdraw > .flexbox > .formbox > .gamebox > label {width:100px;}
	
}