html,body,div,img,a,form,input,button,ul,li,p{margin:0;padding:0;font-family:'맑은고딕', malgun gothic,'돋움',Dotum,'Apple SD Gothic Neo',Helvetica,sans-serif;}
body{ height: 100%; }
html{ font-size:16px; }
img { width: 100%; margin: 0; padding: 0; display:block; }
.roulette_wrap { display: flex; flex-direction: column; background-color: rgb(255, 249, 20); }
.roulette_box { position: relative; }
.roulette_bg { position: relative; width: 100%; }
.roulette_wheel { position: absolute; top: 0; left: 0; width: 100%; z-index: 3; }
.roulette_pin { position: absolute; top: 5%; left: 0; z-index: 4; }
.roulette_button { position: absolute; top: 40%; left: 0; z-index: 4; cursor: pointer; -webkit-tap-highlight-color: transparent;}

@keyframes scale {
  from { transform: scale(1.0); }
  50% { transform: scale(1.1); }
  to { transform: scale(1.0); }
}

@keyframes rotation1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(2490deg); }
}

@keyframes rotation2 {
  from { transform: rotate(0deg); }
  to { transform: rotate(2430deg); }
}

@keyframes rotation3 {
  from { transform: rotate(0deg); }
  to { transform: rotate(2370deg); }
}

@keyframes rotation4 {
  from { transform: rotate(0deg); }
  to { transform: rotate(2310deg); }
}

@keyframes rotation5 {
  from { transform: rotate(0deg); }
  to { transform: rotate(2250deg); }
}

@keyframes rotation6 {
  from { transform: rotate(0deg); }
  to { transform: rotate(2190deg); }
}

.roulette_button.start {
  animation: scale .5s ease-in-out forwards;
}

.roulette_wheel.loop-1 {
  animation: rotation1 3s cubic-bezier(0.35, 0.1, 0, 1.2) forwards;
}

.roulette_wheel.loop-2 {
  animation: rotation2 3s cubic-bezier(0.2, 0.65, 0, 1) forwards;
}

.roulette_wheel.loop-3 {
  animation: rotation3 3s cubic-bezier(0.2, 0.65, 0, 1) forwards;
}

.roulette_wheel.loop-4 {
  animation: rotation4 3s cubic-bezier(0.35, 0.1, 0, 1.2) forwards;
}

.roulette_wheel.loop-5 {
  animation: rotation5 3s cubic-bezier(0.2, 0.65, 0, 1) forwards;
}

.roulette_wheel.loop-6 {
  animation: rotation6 3s cubic-bezier(0.2, 0.65, 0, 1) forwards;
}