.popup__area__wrap {
  position: relative;
  display: none; }
  .popup__area__wrap.popupOpen {
    display: block; }
  .popup__area__wrap .overlay__wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.8); }

.load__iframe {
  width: 95%;
  height: 80%;
  padding: 2% 0 0 0; }

.record__body, .look__gift__body {
  max-width: 768px;
  height: 500px;
  width: 100%;
  border: 1px solid #fa6062;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 10px;
  display: none; }
  .record__body.showInfoMsg, .look__gift__body.showInfoMsg {
    display: block; }
  .record__body .close__area, .look__gift__body .close__area {
    width: 100%;
    position: relative; }
    .record__body .close__area .close__icon, .look__gift__body .close__area .close__icon {
      width: 35px;
      height: 35px;
      position: absolute;
      cursor: pointer;
      top: 50%;
      right: 4%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .record__body .close__area .close__icon span, .look__gift__body .close__area .close__icon span {
        position: absolute;
        background-color: #fff;
        width: 100%;
        height: 4px;
        border-radius: 50px;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
        .record__body .close__area .close__icon span:nth-child(1), .look__gift__body .close__area .close__icon span:nth-child(1) {
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg); }
        .record__body .close__area .close__icon span:nth-child(2), .look__gift__body .close__area .close__icon span:nth-child(2) {
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          transform: rotate(-45deg); }
      .record__body .close__area .close__icon:hover, .look__gift__body .close__area .close__icon:hover {
        -webkit-animation: shakeCashEffect .1s infinite linear;
        animation: shakeCashEffect .1s infinite linear; }
  .record__body .record__title, .look__gift__body .record__title {
    width: 100%;
    background-color: #fa6062;
    padding: 2% 0;
    color: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px; }
  @media screen and (max-width: 768px) {
    .record__body, .look__gift__body {
      width: 95%; }
      .record__body::after, .look__gift__body::after {
        height: 102px; } }
  @media screen and (max-width: 540px) {
    .record__body .record__title, .look__gift__body .record__title {
      padding: 4% 0; } }

.look__gift__body {
  max-width: 768px;
  height: auto; }
  .look__gift__body .look__img {
    max-width: 678px;
    margin: 0 auto; }

.slogan {
  width: 33vw;
  margin: 0 0 0 20vw; }
  @media screen and (max-width: 820px) {
    .slogan {
      width: 43vw;
      margin: 1vw 0 0 8vw; } }
  @media screen and (max-width: 680px) {
    .slogan {
      width: 53vw;
      margin: 7vw 0 0 12vw; } }

.slogan_wrap {
  height: 40vw;
  padding: 5vw 0 0; }
  @media screen and (max-width: 820px) {
    .slogan_wrap {
      height: 56vw;
      padding: 11vw 0 0 0; } }
  @media screen and (max-width: 768px) {
    .slogan_wrap {
      height: 57vw;
      padding: 12vw 0 0 0; } }
  @media screen and (max-width: 680px) {
    .slogan_wrap {
      height: 70vw; } }

.acc_wrap_maryGame .people_01 {
  width: 30vw;
  top: 55%; }

.acc_wrap_turnGame .people_01 {
  max-width: 525px;
  width: 25vw;
  bottom: 0;
  right: 1vw; }

.acc_wrap_miracleGame .people_01 {
  width: 25vw;
  right: 0;
  top: 38%; }

.acc_wrap .flower_pink {
  top: -6vw;
  right: -4vw; }

.acc_wrap .monster {
  z-index: 2; }
  .acc_wrap .monster_skeggiold {
    top: 13vw;
    left: 5vw; }
  .acc_wrap .monster_giftbox {
    left: 11vw;
    bottom: 10vw;
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    z-index: 3; }
  .acc_wrap .monster_chicken {
    width: 7%;
    top: 7vw;
    right: 4vw; }
  .acc_wrap .monster_rabbit {
    max-width: 145px;
    width: 9vw;
    -webkit-filter: drop-shadow(-1px 3px 0px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(-1px 3px 0px rgba(0, 0, 0, 0.1)); }
  .acc_wrap .monster_rabbitCard {
    top: -108px; }

.acc_wrap .star {
  opacity: 0.2; }
  .acc_wrap .star_04 {
    top: 47.5vw; }

@media screen and (max-width: 1366px) {
  .acc_wrap_turnGame .people_01 {
    width: 30vw;
    right: -3vw;
    bottom: 3vw;
    top: initial; } }

@media screen and (max-width: 1280px) {
  .acc_wrap_miracleGame .people_01 {
    display: none; } }

@media screen and (max-width: 1170px) {
  .acc_wrap_turnGame .people_01 {
    right: -7vw; } }

@media screen and (max-width: 1024px) {
  .acc_wrap .people_01 {
    width: 33vw;
    bottom: -7vw;
    right: -8vw; }
  .acc_wrap .monster_polly {
    display: none; }
  .acc_wrap_maryGame .people_01 {
    display: none; } }

@media screen and (max-width: 820px) {
  .acc_wrap .monster_giftbox {
    left: 2vw; }
  .acc_wrap .monster_skeggiold {
    display: none; }
  .acc_wrap .monster_rabbit {
    width: 10vw; }
  .acc_wrap .circle_gameYellow {
    width: 16vw;
    padding: 0 0 39vw 0;
    top: 70%; }
  .acc_wrap_notice .star {
    display: none; }
  .acc_wrap .flower_gamePink {
    width: 10vw;
    padding: 0 0 10.5vw 0;
    top: 43vw;
    right: -4vw; }
  .acc_wrap .flower_gamePinkS {
    top: 0;
    left: -2vw; }
  .acc_wrap .people_01 {
    width: 39vw;
    bottom: -4vw; } }

@media screen and (max-width: 540px) {
  .acc_wrap .monster_rabbit {
    width: 17vw;
    top: 5vw;
    left: -2vw; }
  .acc_wrap .people_01 {
    display: none; } }

.adorn .crazyRabbit_right {
  top: 26%; }

.letter_note02 {
  top: 13vw; }

.vi_wrap .vi_right {
  max-width: initial;
  width: 51vw;
  height: 100%;
  position: absolute;
  top: 5vw;
  right: 0vw;
  z-index: 2; }
  .vi_wrap .vi_right_front {
    width: 60%;
    position: absolute;
    z-index: 3;
    margin: 0.7% 0 0 21%; }
  .vi_wrap .vi_right_behind {
    width: 49%;
    position: absolute;
    top: 0;
    left: -8%; }

.vi_wrap_limitedGame .vi_right {
  right: -1vw; }
  .vi_wrap_limitedGame .vi_right_front {
    width: 62%;
    position: absolute;
    z-index: 2;
    margin: 1.7% 0 0 19%; }
  .vi_wrap_limitedGame .vi_right_behind {
    left: -5%;
    z-index: 3; }

.vi_wrap_maryGame .vi_right {
  right: 3vw; }
  .vi_wrap_maryGame .vi_right_front {
    width: 52%;
    position: absolute;
    z-index: 3;
    margin: 5.8% 0 0 25%; }
  .vi_wrap_maryGame .vi_right_behind {
    width: 57%;
    left: -13%; }

.vi_wrap_miracleGame .vi_right {
  right: 0vw; }
  .vi_wrap_miracleGame .vi_right_front {
    width: 56%;
    position: absolute;
    z-index: 3;
    margin: -1.2% 0 0 20%; }
  .vi_wrap_miracleGame .vi_right_behind {
    width: 60%;
    left: -16%;
    top: 4vw; }

@media screen and (max-width: 1280px) {
  .vi_wrap_maryGame .vi_right {
    right: 0vw; }
  .vi_wrap_limitedGame .vi_right {
    right: -5vw;
    width: 54vw; } }

@media screen and (max-width: 1170px) {
  .vi_wrap .vi_right {
    width: 54vw;
    right: -2vw; }
  .vi_wrap_miracleGame .vi_right {
    right: -4vw;
    width: 56vw;
    top: 2vw; } }

@media screen and (max-width: 1024px) {
  .vi_wrap .vi_right {
    width: 58vw;
    right: -5vw;
    top: 4vw; }
  .vi_wrap_limitedGame .vi_right {
    right: -8vw; } }

@media screen and (max-width: 820px) {
  .vi_wrap .vi_right {
    display: block;
    width: 70vw;
    right: -17vw;
    top: 7vw; }
    .vi_wrap .vi_right_front {
      margin: -0.3% 0 0 21%; }
  .vi_wrap_maryGame .vi_right_front {
    margin: 5.8% 0 0 25%; } }

@media screen and (max-width: 680px) {
  .vi_wrap .vi_right_front {
    display: none; }
  .vi_wrap .vi_right_behind {
    width: 49vw;
    left: 6vw; }
  .vi_wrap_maryGame .vi_right_behind {
    width: 54vw;
    left: 1vw; }
  .vi_wrap_miracleGame .vi_right_behind {
    width: 60vw;
    left: -3vw; } }

.bg_wave_org {
  height: 17vw; }

.note_wrap {
  position: relative;
  top: 6vw; }

.letter_behind {
  left: -1vw;
  top: -7vw;
  -webkit-transform: scaleX(-1) rotate(-2deg);
  -ms-transform: scaleX(-1) rotate(-2deg);
  transform: scaleX(-1) rotate(-2deg); }

.letter_front {
  top: -6vw; }
  @media screen and (max-width: 1024px) {
    .letter_front {
      width: 52vw;
      right: -25vw; } }

.content .step {
  text-align: left; }
  .content .step p {
    border-radius: 50px;
    background-color: #fa6062;
    padding: 0% 4%;
    margin: 0 1% 0 0;
    color: #fff;
    display: inline-block;
    font-size: 0.920rem;
    text-align: center; }

@media screen and (max-width: 540px) {
  .content .step p {
    width: 30%; } }

.noteText {
  border-top: 1px dashed #ffdbac;
  margin: 2% 0 0 0; }

.msgbox_body .ex_wrap {
  width: 90%;
  margin: 0 4%;
  text-align: left; }
  .msgbox_body .ex_wrap p {
    font-size: 1rem; }

@media screen and (max-width: 540px) {
  .form_limited {
    width: 90%;
    margin: 5% auto 0; } }

.form_box {
  max-width: 500px;
  margin: 0 auto; }
  .form_box label {
    display: block; }
  .form_box_submitWrap {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 3% auto; }
    .form_box_submitWrap div {
      width: calc(100% / 2); }
    .form_box_submitWrap .btn {
      padding: 3% 5%;
      border: 1px solid #fa6062;
      border-radius: 10px;
      cursor: pointer; }
  .form_box .submit {
    background-color: #fa6062;
    color: #fff; }
    .form_box .submit:hover {
      animation: cancelEffect .2s alternate-reverse linear infinite; }
  .form_box .cancel {
    background-color: #fff;
    color: #fa6062;
    margin: 0 0 0 3%; }
    .form_box .cancel:hover {
      animation: cancelEffect .2s alternate-reverse linear infinite; }
  @media screen and (max-width: 540px) {
    .form_box_submitWrap {
      margin: 8% auto 5%; } }

.userData_body {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  border: 1px solid #e2be7e;
  background-color: #fff1c7;
  border-radius: 50px;
  color: #5f4131;
  letter-spacing: 0.8px;
  outline: none; }
  .userData_body input {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2.4%;
    text-align: center; }
  @media screen and (max-width: 540px) {
    .userData_body input {
      padding: 4% 2.4%; } }

.result_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 786px;
  width: 90%;
  height: 528px;
  background-image: url("../img/limitedGame/bg_result.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat; }
  .result_wrap .result_text {
    width: 50%;
    position: absolute;
    top: 48%;
    left: 67%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 22px; }
  .result_wrap .stateText {
    margin: 3% 0;
    font-size: 1.6rem;
    font-weight: 600;
    color: #002d56; }
  .result_wrap .subStateText {
    margin: 3% 0; }
  .result_wrap .close {
    width: 40%;
    display: inline-block;
    padding: 3% 4%;
    background-color: #fa6062;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear; }
    .result_wrap .close:hover {
      background-color: #fff;
      border: 1px solid #fa6062;
      color: #fa6062; }
  @media screen and (max-width: 540px) {
    .result_wrap {
      background-size: 125%;
      background-position: 37%;
      width: 100%; }
      .result_wrap .result_text {
        width: 50%;
        left: 71%; }
      .result_wrap .stateText {
        font-size: 1.3rem; }
      .result_wrap .close {
        width: 50%; } }
  @media screen and (max-width: 280px) {
    .result_wrap {
      background-size: 335%;
      background-position: 70%;
      width: 100%; }
      .result_wrap .result_text {
        width: 90%;
        left: 50%; } }

.turn_wrap {
  position: relative;
  z-index: 1; }
  @media screen and (max-width: 820px) {
    .turn_wrap {
      padding: 0 0 8vw 0; } }

#luckWheel__control {
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9); }

.marySlot_wrap {
  position: relative; }

.marry_look {
  position: absolute;
  top: 3px;
  left: 3px; }

.limited {
  width: 80%;
  margin: 2% auto; }
  @media screen and (max-width: 680px) {
    .limited {
      width: 100%; } }

.game_note_wrap_limitedGame {
  padding: 2% 0 9%; }

@media screen and (max-width: 540px) {
  .form_head span {
    display: block; } }