/* 겉에 배경 */
.cozy-game-main2 {
    /*display: flex;*/
    padding: 1% 17% 1% 15%;
    width: 106%;
}



.deposit_div  {
    float: left;
    width: 45%;

    border-radius: 30px;
    border: solid 2px #444;
    box-shadow: inset 0 3px 6px #000;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: 7px;
    margin: 9px 10px;
    margin: 9px 10px;
    PADDING: 20PX 20PX 40PX 20PX;
    min-height: 200px;
}

.withdraw_div  {
    float: left;
    width: 45%;

    border-radius: 30px;
    border: solid 2px #444;
    box-shadow: inset 0 3px 6px #000;
    background-color: rgba(0, 0, 04, 0.6);
    margin-top: 7px;
    margin: 9px 10px;
    PADDING: 20PX 20PX 40PX 20PX;
     min-height: 200px;
}




    
/*모바일 버전*/
@media (max-width: 1230px) {
    .cozy-game-main2 {
        padding: 20px 100px 10PX 12PX;
        /* padding: 2% 12% 1% 2%;*/
    }

    .deposit_div  {
        width: 100%;
        padding:0PX 20PX 25PX 20PX;
    }
    .withdraw_div  {
        width: 100%;
        padding:0PX 20PX 25PX 20PX;
    }
}


/*모바일 iphone x 버전*/
@media (max-width: 812px) {
    .cozy-game-main2 {
        padding: 10px 60px 10PX 20PX;
        /* padding: 2% 12% 1% 2%;*/
    }
}

.dep-wit {
    width: 100%;
    height: auto;
    position: relative;
    /* background-color: rgba(0, 0, 0, 0.44); */
    margin: 0 auto;
    margin-top: 10px;
    position: relative;
}

    .dep-wit .head {
    width: 50%;
    height: auto;
    float: left;
    position: relative;
    z-index: 1;
}

    .dep-wit .head button {
    width: 200%;
    height: 43px;
    margin: 0 2px;
    margin-top: 14px;
    position: relative;
    background-color: #241f13;
    border: solid 1px #454444;
    color: #fff;
    font-size: 15px;
    font-family: "Noto Sans KR", sans-serif; 
    text-shadow: 0px 0px 18px #8a8f90, 0px 0px 18px #8a8f90;
}

    .dep-wit .head button .en {
    font-size: 11px;
    font-family: "Noto Sans KR", sans-serif; 
    padding: 0 10px;
}

    .dep-wit .head button .icon {
    font-size: 14px;
    font-family: "Noto Sans KR", sans-serif; 
}

    .dep-wit .head button .deco {
    position: absolute;
    left: 0;
    right: 0;
    top: -14px;
    margin: auto;
    margin: 0 2px;
    transition: 0.5s;
    opacity: 0;
}

    .dep-wit .head button.active {
    background-color: #241f13;
    border: solid 1px #4a3a1f;
    text-shadow: 0px 0px 18px #ffda39, 0px 0px 18px #ffda39;
}

    .dep-wit .head button.active .deco {
    opacity: 1;
}

/**/
    .dep-wit .carousel {
    width: 100%;
}

    .dep-wit .withdraw-tbl {
    display: none;
}

    .carousel-inner{
    width: 100%;    
    }

    .dep-wit .carousel .carousel-inner .item .list {
    width: 50%;
    margin-top: 0px;
    animation: 1;
    animation-name: deposit_list;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    opacity: 0;
}

    .dep-wit .carousel .carousel-inner .item .list:nth-child(1) {
    animation-delay: 0.1s;
}

    .dep-wit .carousel .carousel-inner .item .list:nth-child(2) {
    animation-delay: 0.2s;
}

    .dep-wit .carousel .carousel-inner .item .list:nth-child(3) {
    animation-delay: 0.3s;
}

    .dep-wit .carousel .carousel-inner .item .list:nth-child(4) {
    animation-delay: 0.4s;
}

    .dep-wit .carousel .carousel-inner .item .list:nth-child(5) {
    animation-delay: 0.5s;
}

@keyframes deposit_list {
    0% {
        transform: translateY(-15px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}

/**/
    .dep-wit table {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 20px;
}

    .dep-wit table tr {
    width: 100%;
    height: 18px;
    font-family: NotoSansKr-Regular;
}

    .dep-wit table td {
    color: #ffffff;
    font-size: 12px;
}

    .dep-wit table td.amount {
    color: #66ff00;
    font-size: 16px;
    font-weight: bold;
}

    .dep-wit .border-deco {
    position: absolute;
}

    .dep-wit .border-deco.l_t {
    left: 2px;
    top: 2px;
}

    .dep-wit .border-deco.l_b {
    left: 2px;
    bottom: 2px;
    transform: rotate(-90deg);
}

    .dep-wit .border-deco.r_t {
    right: 2px;
    top: 2px;
    transform: rotate(90deg);
}

    .dep-wit .border-deco.r_b {
    right: 2px;
    bottom: 2px;
    transform: rotate(180deg);
}