area:focus {
    outline: none
}

.evt_img {
    overflow: hidden;
    position: relative;
}

    .evt_img img {
        width: 100%;
        margin-top: -1px;
    }

    .evt_img .afd23roulette {
        position: relative;
        width: 100%
    }

.roulette_wrap {
    position: absolute;
    top: 0;
    left: 0;
}

.roulette {
    position: relative;
    width: 100vw;
}

.roulette_bg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(0%, 0%);
}

.roulette_wacu {
    overflow: hidden;
    background: url("https://cf.lottecinema.co.kr/Images/event/101170014223003/mo/mo_evt_roulette_off.png") no-repeat;
    background-size: 100%;
    transform-origin: center center;
    transition-timing-function: ease-in-out;
    transition: 2s;
}

.roulette_btn {
    position: absolute;
    top: 91%;
    background-color: transparent;
    border: 0;
    z-index: 9;
}

    .roulette_btn.link {
        display: block;
        position: absolute;
        top: 88%;
        width: 100%;
        height: 70px;
        font: 0 auto;
    }

.hidden-input {
    display: none;
}

.position_absolute {
    position: absolute;
    top: 0;
}

    .position_absolute.arrowtype.active {
        animation: arrow-effect 0.1s ease-in-out 45 alternate;
    }

    .position_absolute.logotype {
        top: 28%;
    }

.heightbg {
    background-color: #fee334;
}

.blink_action {
    animation: blink-effect 1.0s ease-in-out infinite alternate;
}

@keyframes blink-effect {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    90% {
        opacity: 0.7;
    }
}

@keyframes arrow-effect {
    0% {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(-15deg)
    }
}