.slot_area{
	   top:1020px;
	   left:110px;
	   position: absolute;
	   width:760px;
	   margin:40px auto;
  }

  .slot_area_mo{
	   top:108dvw;
	   left:10dvw;
	   position: absolute;
	   width:80dvw;
  }

  .box-inner {
	   position: relative;
  }
  .box-frame {
	   width:100%;
	   position: absolute;
	   left: 0;
	   top: 0;
	   height: auto;
	   z-index: 3;
	   pointer-events: none; /* 클릭 막지 않게 */
  }

  .slots-wrapper {
	   padding-top:2%;
	   display: flex;
	   flex-direction: row;
	   gap: 0;
  }
  .slot-container {
	   width: 33%;
	   height: 300px;
	   overflow: hidden;
	   position: relative;
	   /* border: 1px solid #fff; */
	   display: flex;
	   align-items: center;
	   justify-content: center;
  }
  .slot-container:last-child {
	margin-right: 0;
	background: transparent;
	box-shadow: none;
  }
  .slot-reel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/* will-change: unset; 대신 transform을 명시하여 GPU 가속 힌트 */
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
  }
  .slot-digit {
	height: 300px;
	line-height: 300px;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: transform;
  }

 @media (max-width: 1024px) {
	.slot-container {
		width: 33%;
		height: 31vw;
		overflow: hidden;
		position: relative;
		/* border: 1px solid #fff; */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.slot-container:last-child {
		margin-right: 0;
		background: transparent;
		box-shadow: none;
	}
	.slot-digit {
		height: 260px;
		line-height: 260px;
		display: flex;
		align-items: center;
		justify-content: center;
		will-change: transform;
	}
 }
  @media (max-width: 768px) {  /* 또는 768, 600, 500px 등 디바이스에 맞게 */
  
	.slot_area {
	  display: none !important;   /* PC 전용 숨기기 */
	}
	.slot_area_mo {
	  display: block;
	  top: 108vw;
	  left: 10vw;
	  position: absolute;
	  width: 100vw;
	  margin: 0;
	  z-index: 5;
	}
	.box-inner {
	  height: 32vw;       /* 예: 모바일에서 원하는 비율로 */
	  min-height: 0;
	}
	.slots-wrapper {
	  padding-top: 2vw;
	  flex-direction: row;
	  height: 27vw;
	}
	.slot-container {
	  width: 33.3%;
	  height: 31vw;
	  min-width: 0;
	  min-height: 0;
	}
	.slot-reel {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  /* will-change: unset; 대신 transform을 명시하여 GPU 가속 힌트 */
	  will-change: transform;
	  backface-visibility: hidden;
	  -webkit-backface-visibility: hidden;
	  transform: translateZ(0);
	}
	.slot-digit {
	  height: 200px;
	  line-height: 100px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  will-change: transform;
	}
	

  @media (max-width: 500px) {  /* 또는 768, 600, 500px 등 디바이스에 맞게 */
  
	.slot_area {
	  display: none !important;   /* PC 전용 숨기기 */
	}
	.slot_area_mo {
	  display: block;
	  top: 108vw;
	  left: 10vw;
	  position: absolute;
	  width: 100vw;
	  margin: 0;
	  z-index: 5;
	}
	.box-inner {
	  height: 32vw;       /* 예: 모바일에서 원하는 비율로 */
	  min-height: 0;
	}
	.slots-wrapper {
	  padding-top: 2vw;
	  flex-direction: row;
	  height: 27vw;
	}
	.slot-container {
	  width: 33.3%;
	  height: 31vw;
	  min-width: 0;
	  min-height: 0;
	}
	.slot-reel {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	 /* will-change: unset; 대신 transform을 명시하여 GPU 가속 힌트 */
	 will-change: transform;
	 backface-visibility: hidden;
	 -webkit-backface-visibility: hidden;
	 transform: translateZ(0);
	}
	.slot-digit {
	  height: 125px;
	  line-height: 125px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  will-change: transform;
	}
  }