@charset "UTF-8";
/*룰렛*/
.roulette-wrapper {
  position: relative;
  left: 0;
  right: 0;
  top: 38%;
  margin: 0 auto;
  width: 100%;
  max-width: 669px;
}

.resultLayer {
  position: absolute;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 10;
  box-sizing: border-box;
  max-width: 456px;
  left: 0;
  right: 0;
  top: 10rem;
  margin: 0 auto;
}

.resultLayer #closeLayer {
  position: absolute;
  top: -2rem;
  right: -2rem;
  margin: 0 auto;
  width: 18.5%;
  box-sizing: border-box;
}

.roulette-wrapper #roulette-bg {
  position: relative;
  z-index: 2;
}

.roulette-wrapper #roulette-gift {
  position: absolute;
  z-index: 2;
  top: 40px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 600px;
  width: 100%;
}

.roulette-wrapper #roulette-niddle {
  position: absolute;
  z-index: 3;
  width: 6.2%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.roulette-wrapper #roulette-startBtn {
  position: absolute;
  z-index: 3;
  width: 40%;
  top: 205px;
  left: 0;
  right: 0;
  margin: 0 auto;
  left: 0;
}