.sc-inner {
    margin: 0 auto;
    visibility: hidden;
}
.sc-inner>* {
    visibility: visible;
}

.slot-btn {
    width: auto;
    height: auto;
    display: inline-block;
    position: relative;
    margin-bottom: 3.5em;
    z-index: 0;
    transition: .3s;
    perspective: 900px;
    border-radius: 8px
}

.slot-btn:hover {
    z-index: 1
}

.slot-btn .inner {
    width: 100%;
    height: 100%;
    transition: .3s;
    cursor: pointer
}

.slot-btn .name {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.8em;
    font-size: 1.2em;
    color: #fff;
    text-align: center
}

.sc-inner:hover .slot-btn:not(:hover) .inner,
.slot-btn.before-hover .inner {
    transform: rotateY(30deg) scale(.9);
    opacity: .5
}

.sc-inner:hover .slot-btn:hover ~ .slot-btn .inner,
.slot-btn.after-hover .inner {
    transform: rotateY(-30deg) scale(.9);
    opacity: .5
}

@keyframes slotBgAnim {
    0% {
        opacity: 0;
        top: -20px
    }

    100% {
        opacity: 1;
        top: 0
    }
}

.slot-btn .slot-cont {
    width: 100%;
    background: url(../images/common/game_bg.png) no-repeat;
    background-size: contain;
    padding-bottom: 94%;
    border-bottom: 3px solid #65e2f6;
    border-radius: 0 0 5px 5px;
}
.slot-btn .slot-cont .logo-wrap{text-align: center;position: absolute;width: 74%;left: 50%;transform: translate(-50%, 9%);}
.slot-btn .slot-cont .logo-wrap img{width: 54%;}
.slot-btn .slot-cont .logo-wrap .txt {display:flex;justify-content: center;}
.slot-btn .slot-cont .logo-wrap .txt span{background-image: linear-gradient(90deg, #c88f2e, #ffef00, #c88f2e);background-clip: text;color: transparent;font-size: calc(0.8vw + 8.7px);font-weight: 900;font-family: 'KoreanAH3R';}
.slot-btn .slot-cont .slot-img {
    position: absolute;
    display: block;
    bottom: 5%;
    width: 90%;
    height: 60%;
    left: 50%;
    transform: translate(-50%, 0);
    border: 1px solid #85703b;
}
.slot-btn .slot-cont.mini {
	padding-bottom:unset
}
.slot-btn .slot-cont.mini .slot-img {
	width:100%;
	position:relative;
}
.slot-btn .icon-cont {
    width: auto;
    height: auto;
    position: absolute;
    left: 0;
    top: 0
}

.slot-btn .icon-cont .bg {
    width: 100%
}

.slot-btn .icon-cont .icon {
    position: absolute;
    left: 3px;
    top: 3px
}

.slot-btn .name-btn {
    width: 96px;
    height: 30px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 13%;
    margin: auto;
    border-radius: 3px;
    background-color: #b70f0f;
    border: solid 1px #c33838;
    color: #edc9c5;
    font-size: 14px;
    font-family: SCDream6;
    text-shadow: 0 1px 1px #711108;
    box-shadow: 0 5px 5px rgba(0, 0, 0, .79);
    transition: .3s
}

.slot-btn:hover .name-btn {
    background-color: #003733;
    background: linear-gradient(to top, #003a33, #007933);
    border: solid 1px #058a3b;
    color: #fff;
    text-shadow: 0 1px 1px #038c3b
}

.slot-btn:hover .name-btn {
    width: 100%;
    bottom: 0
}

.slot-btn.inspection {
	pointer-events: none;
}
.slot-btn.inspection .slot-cont>img {
	filter: grayscale(1);
}
.slot-btn.inspection .slot-cont:after {
	content: attr(data-content);
	color: #f6e81a;
	background: rgb(0 0 0 / 60%);
	font-weight: 900;
	font-size: .9em;
	/* padding: 0 5px; */
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	text-align: center;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}