/* font */
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 400;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 500;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 600;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 700;
}
@font-face {
  font-family: 'Pretendard';
  src: url('https://cdn.banggooso.com/assets/fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 800;
}

@font-face {
  font-family: 'GapyeongHanseokbong-Bold';
  src: url('https://cdn.banggooso.com/assets/fonts/GapyeongHanseokbongB.ttf') format('truetype'),
    url('https://cdn.banggooso.com/assets/fonts/GapyeongHanseokbongB.otf') format('opentype');
  font-style: normal;
}

@font-face {
  font-family: 'GapyeongHanseokbong-Medium';
  src: url('https://cdn.banggooso.com/assets/fonts/GapyeongHanseokbongR.ttf') format('truetype'),
    url('https://cdn.banggooso.com/assets/fonts/GapyeongHanseokbongR.otf') format('opentype');
  font-style: normal;
}

@font-face {
  font-family: 'GapyeongHanseokbong-Light';
  src: url('https://cdn.banggooso.com/assets/fonts/GapyeongHanseokbongL.ttf') format('truetype'),
    url('https://cdn.banggooso.com/assets/fonts/GapyeongHanseokbongL.otf') format('opentype');
  font-style: normal;
}

html,
body {
  font-size: 16px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
  font-family: 'Pretendard';
  touch-action: manipulation;
}

@media (max-width: 500px) {
  html,
  body {
    font-size: 3.2vw;
  }
}

button,
li,
ul,
dt,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
div,
a,
p,
span,
b {
  transform: skew(0);
}

.game-wrapper {
  height: 100vh;
}

.game-wrapper .game-intro {
  padding: 0;
}

.game-wrapper .app-header {
  z-index: 999;
  position: absolute;
  width: 100%;
  height: 5.375rem !important;
  border: none;
  background-color: #4b4b4b !important;
  border-bottom: 0 !important;
}

.game-wrapper.basic .app-header.result {
  height: 4rem !important;
  border: none;
  background: rgba(0, 0, 0, 0.2);
  z-index: 999;
  position: absolute;
  width: 100%;
}

.game-wrapper .app-header.result .app-logo {
  background-size: contain;
  background-image: url('https://cdn.banggooso.com/assets/images/game255/logo_white.png');
}

.game-wrapper .app-main {
  flex-grow: 1;
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  scroll-behavior: smooth;
}

.content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  background-color: #333333;
  position: relative;
}

.content-container #chatting-area,
.content-container #chatting-area-main {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content-container #chatting-area .message-contents,
.content-container #chatting-area-main .message-contents-main {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0 1.25rem 3.125rem 1.25rem;
}

.content-container #chatting-area .text-message,
.content-container #chatting-area-main .text-message {
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin: 1rem 0 0.75rem;
}

.content-container #chatting-area .from-joseon,
.content-container #chatting-area-main .from-joseon {
  display: flex;
  align-self: flex-start;
}

.content-container #chatting-area .from-korea,
.content-container #chatting-area-main .from-korea {
  display: flex;
  align-self: flex-end;
}

.content-container #chatting-area-main .fail-to-send-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.38rem;
}

.content-container #chatting-area .from-joseon p,
.content-container #chatting-area-main .from-joseon p {
  font-size: 1.25rem;
  line-height: 1.625rem;
  border-radius: 0.75rem;
  background-color: #0c0c0c;
  color: #fff;
  animation: show-up 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  font-family: 'Pretendard';
  font-weight: 400;
  letter-spacing: normal;
}

.content-container #chatting-area .from-korea p,
.content-container #chatting-area-main .from-korea p {
  border-radius: 0.75rem;
  background-color: #848484;
  color: #fff;
  animation: show-up 0.35s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  font-family: 'Pretendard';
  font-weight: 400;
  letter-spacing: normal;
  font-size: 1.25rem;
  line-height: 1.625rem;
}

.content-container #chatting-area-main .from-joseon.no-animation p,
.content-container #chatting-area-main .from-korea.no-animation p {
  animation: none;
}

@keyframes show-up {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.select-answer-container {
  height: 0;
  opacity: 0;
  background-color: red;
}

.select-answer-container.animate {
  height: fit-content;
  opacity: 1;
  animation: show-answer 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

@keyframes show-answer {
  0% {
    height: 0;
    opacity: 0;
  }

  100% {
    height: 10rem;
    opacity: 1;
  }
}

.user-interact-area,
.user-interact-area-main {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.user-interact-area.background-gradient::after,
.user-interact-area-main.background-gradient::after {
  content: '';
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0.88%, #303030 8.29%, #000 66.94%);
  width: 100%;
  height: 15.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.user-interact-area-main.background-gradient.username::after {
  height: 10.25rem;
}

.user-interact-area-main.background-gradient.guide-text::after {
  height: 6.25rem;
}

.user-bottom-select {
  display: flex;
  width: 26.25rem;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 0.75rem;
  background-color: #848484;
  margin-bottom: 1.25rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
}

.user-bottom-select::before,
.user-bottom-select-main #single-button::before,
.user-bottom-select-main #first-button::before,
.user-bottom-select-main #second-button::before {
  content: '';
  display: block;
  width: 0.8125rem;
  height: 0.9375rem;
  position: absolute;
  right: -0.75rem;
  top: 0.62rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_chat_right_poly_2x.png') no-repeat center center;
  background-size: contain;
}

.user-bottom-select #single-button {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: normal;
  cursor: pointer;
}

.user-bottom-select-main {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.88rem;
}

.user-bottom-select-main #single-button {
  margin-bottom: 1.25rem;
}

.user-bottom-select-main #single-button,
.user-bottom-select-main #first-button,
.user-bottom-select-main #second-button {
  display: flex;
  width: 26.25rem;
  height: 5.875rem;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #fff;
  border-radius: 0.75rem;
  background-color: #848484;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 140% */
  cursor: pointer;
}

.user-bottom-select-main #second-button {
  margin-bottom: 1.25rem;
}

.hidden {
  display: none !important;
}

.game-wrapper .game-intro {
  padding: 0;
  height: 100%;
  position: relative;
}

.input-wrap.fake {
  width: 27.5rem;
  height: 3.75rem;
  border-radius: 100px;
  padding: 1rem 1.12rem 1rem 1.5rem;
  line-height: normal;
  display: flex;
  align-items: center;
  border-radius: 62.4375rem;
  border: 1px solid #5a5a5a;
  background: #454545;
  margin-bottom: 2.5rem;
}

.input-wrap.fake input {
  font-size: 1.375rem;
  background: transparent;
}

.input-wrap.fake .default-input-btn {
  display: block;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_input_default_arrow.png') no-repeat center center;
  background-size: cover;
  width: 1.75rem;
  height: 1.75rem;
}

.input-wrap a {
  position: absolute;
  top: 50%;
  right: 1.12rem;
  transform: translateY(-50%);
  width: 28px;
  height: auto;
  aspect-ratio: 1;
}

.message p {
  display: flex;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
}

.message.from-joseon p {
  margin-left: 0.8125rem;
}

.message.from-korea p {
  margin-right: 0.8125rem;
}

.message.from-joseon.first p::before {
  content: '';
  display: block;
  width: 0.8125rem;
  height: 0.9375rem;
  position: absolute;
  left: -0.75rem;
  top: 0.62rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_chat_left_poly_2x.png') no-repeat center center;
  background-size: contain;
}

.message.from-joseon .loading {
  width: 5.5rem;
  height: 3.625rem;
  margin-left: 0.8125rem;
  padding: 1rem 1.5rem;
  background-color: #0c0c0c;
  border-radius: 0.75rem;
  display: flex;
  align-items: center;
}

.message.from-joseon .loading .loading-dots {
  width: 2.5rem;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.message.from-joseon .loading .loading-dots span {
  display: inline-block;
}

.message.from-joseon .loading .loading-dots span:nth-child(1) {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.5;
  animation: blink-1 2s infinite;
}

@keyframes blink-1 {
  0%,
  100% {
    opacity: 0.5;
    transform: scale(1);
  }
  25%,
  75% {
    opacity: 0.7;
    transform: scale(1.05);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
}

.message.from-joseon .loading .loading-dots span:nth-child(2) {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.7;
  animation: blink-2 2s infinite;
}

@keyframes blink-2 {
  0%,
  100% {
    opacity: 0.7;
    transform: scale(1.05);
  }
  25%,
  75% {
    opacity: 1;
    transform: scale(1.1);
  }
  50% {
    opacity: 0.5;
    transform: scale(1);
  }
}

.message.from-joseon .loading .loading-dots span:nth-child(3) {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  animation: blink-3 2s infinite;
}

@keyframes blink-3 {
  0%,
  100% {
    opacity: 1;
    transform: scale(1.1);
  }
  25%,
  75% {
    opacity: 0.7;
    transform: scale(1.05);
  }
  50% {
    opacity: 0.5;
    transform: scale(1);
  }
}

.message.from-joseon .loading.person-image {
  width: 18.75rem;
  height: 12.5rem;
  background-image: url('https://cdn.banggooso.com/assets/images/game255/person-image.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 0.8125rem;
  border-radius: 0.75rem;
}

.message.from-joseon .loading.person-image .loading-dots {
  display: none;
}

.message.from-korea.first p::before {
  content: '';
  display: block;
  width: 0.8125rem;
  height: 0.9375rem;
  position: absolute;
  right: -0.75rem;
  top: 0.62rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_chat_right_poly_2x.png') no-repeat center center;
  background-size: contain;
}

.user-interact-area .notice-info-usage {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: normal;
  position: relative;
  z-index: 2;
  margin-bottom: 2.5rem;
}

.user-interact-area .guide-text,
.user-interact-area-main .guide-text-main {
  display: inline-block;
  text-align: center;
  color: #fff;
  text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.7);
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem; /* 116.667% */
  margin: 0.25rem 0 0.75rem;
  letter-spacing: normal;
  position: relative;
  z-index: 2;
  width: 100%;
}

.guide-text-main.extend-margin {
  margin-bottom: 2.5rem;
}

.user-interact-area .phone-number-input-area,
.user-interact-area-main .username-input-area {
  display: flex;
  width: 27.5rem;
  height: 3.75rem;
  padding: 1.06rem 0.75rem 1.06rem 1.5rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 62.4375rem;
  border: 1px solid #0c0c0c;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  z-index: 2;
}

.user-interact-area-main .username-input-area {
  margin-bottom: 2.5rem;
  /* gap: 0.81rem; */
}

.user-interact-area .phone-number-input-area #userPhoneNumber,
.user-interact-area-main .username-input-area #username {
  flex: 1;
  color: #0c0c0c;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: transparent;
  outline: none;
}

.user-interact-area-main .username-input-area #username {
  width: 10rem !important;
}

.user-interact-area .phone-number-input-area #send-phone-number-btn,
.user-interact-area-main .username-input-area .send-username-btn {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_input_active_arrow.png') no-repeat center center;
  background-size: 2rem;
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
}

.user-interact-area-main .username-input-area #question-mark-btn {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_search_black.png') no-repeat center center;
  background-size: 2rem;
  width: 3.125rem;
  height: 3.125rem;
  cursor: pointer;
}

.user-interact-area #personal-info-usage {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.62rem 0 2.5rem;
  position: relative;
  z-index: 2;
  flex-flow: column wrap;
  gap: 0.41rem;
}

.user-interact-area #personal-info-usage #chk-personal-info-usage {
  cursor: pointer;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

.user-interact-area #personal-info-usage #chk-personal-info-usage + label:after {
  content: '';
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.5rem 0.4375rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  border-radius: 0.375rem;
  border: 1px solid #818181;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default_grey.png') no-repeat center
    center/0.66681rem 0.50106rem;
}
.user-interact-area #personal-info-usage #chk-personal-info-usage:checked + label:after {
  border: 0;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.66681rem 0.50106rem #1687ff;
}

.user-interact-area #personal-info-usage #chk-personal-info-usage + label {
  cursor: pointer;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem; /* 140% */
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.38rem;
}

.user-interact-area #personal-info-usage > div {
  display: flex;
}

.user-interact-area #personal-info-usage span {
  display: inline-flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal; /* 140% */
  letter-spacing: normal;
}

.user-interact-area #personal-info-usage .info-link {
  width: 1.5rem;
  height: 1.5rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_double_arrow.png') no-repeat center center /
    contain;
  opacity: 0.6;
}

.user-interact-area,
.user-interact-area-main {
  justify-content: flex-end;
}

.user-interact-area .user-bottom-select {
  height: 5.875rem;
  font-size: 1.25rem;
}

/* .user-interact-area.button-pop-animation .user-bottom-select {
  animation: height 0.5s ease forwards 0.2s;
} */

#text-message-time {
  display: none;
}

@keyframes button-pop {
  0% {
  }
  100% {
  }
}

@keyframes height {
  0% {
    opacity: 0;
    overflow: hidden;
    font-size: 0;
    transform: translateY(20px) scale(0);
    height: 0;
  }
  100% {
    opacity: 1;
    overflow: visible;
    font-size: 1.25rem;
    height: 5.875rem;
    transform: translateY(0px) scale(1);
  }
}
header ul {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.375rem 1.25rem 1.375rem;
}

header ul > li:not(.profile) {
  width: 2.125rem;
  height: auto;
  aspect-ratio: 1;
  font-size: 0;
}

header ul .back_site span {
  display: block;
  width: 100%;
  height: 100%;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_header_arrow_2x.png') no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
header ul .more_menu span {
  display: block;
  width: 100%;
  height: 100%;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_more_dot_2x.png') no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
header ul .profile {
  display: flex;
  height: 100%;
  align-items: center;
  color: #fff;
}
header ul .profile p {
  font-weight: 500;
  font-size: 1.25rem;
  position: relative;
  line-height: normal;
  margin-left: 0.62rem;
  margin-right: 0.37rem;
}
header ul .profile::before {
  content: '';
  display: block;
  width: 42px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_profile_hm.png') no-repeat center center;
  background-size: cover;
}
header ul .profile.active::after {
  content: '';
  display: block;
  width: 7px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #00ff0d;
}
header ul .profile::after {
  content: '';
  display: block;
  width: 7px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #aaaaaa;
}
header ul .profile.off:after {
  background: #aaa;
}
#app-main {
  width: 100%;
  height: 100%;
}
#app-main .game-intro {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

#app-main .game-intro .chat-area {
  width: 100%;
  height: auto;
  overflow: auto;
  background-color: #333333;
  padding: 3.6rem 2rem 0px;
  overflow: auto;
  position: relative;
}

#app-main .game-intro .chat-area:before {
  content: '문자 메시지';
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 1rem);
  width: 100%;
  text-align: center;
  color: #fff;
  background: #333;
  font-size: 0.9375rem;
  color: rgba(255, 255, 255, 0.5);
  line-height: normal;
}

#app-main .game-intro .chat-area .chat {
  display: inline-flex;
  width: 100%;
  animation: floating 1s ease;
}
#app-main .game-intro .chat-area .chat ~ .chat {
  margin-top: 0.75rem;
}
#app-main .game-intro .chat-area .ct_left + .ct_right,
#app-main .game-intro .chat-area .ct_right + .ct_left {
  margin-top: 1.25rem;
}
#app-main .game-intro .chat-area .chat > p {
  padding: 0.94rem 1.5rem;
  word-break: keep-all;
  border-radius: 12px;
  position: relative;
  max-width: 23.25rem;
  line-height: 1.875rem;
  font-size: 1.25rem;
  font-weight: 400;
}
#app-main .game-intro .chat-area .chat.ct_left {
  justify-content: flex-start;
}
#app-main .game-intro .chat-area .chat.ct_right {
  justify-content: flex-end;
}
#app-main .game-intro .chat-area .chat.ct_left > p {
  background-color: #000000;
  color: #fff;
}
#app-main .game-intro .chat-area .chat.ct_right > p {
  background-color: #848484;
  color: #fff;
}

#app-main .game-intro .chat.ct_left_poly:before {
  content: '';
  display: block;
  width: 13px;
  height: 15px;
  position: absolute;
  right: calc(100% - 1px);
  top: 10px;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_chat_left_poly_2x.png') no-repeat center center;
  background-size: cover;
}
#app-main .game-intro .chat.ct_right_poly:before {
  content: '';
  display: block;
  width: 13px;
  height: 15px;
  position: absolute;
  left: calc(100% - 1px);
  top: 10px;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_chat_right_poly_2x.png') no-repeat center center;
  background-size: cover;
}

#app-main.default .input-wrap .choise_item p {
  position: relative;
}
#app-main.default .input-wrap.ct_right_poly .choise_item p:before {
  content: '';
  display: block;
  width: 13px;
  height: 15px;
  position: absolute;
  left: calc(100% - 1px);
  top: 10px;
  background: url(../src/images/img_chat_right_poly_2x.png) no-repeat center center;
  background-size: cover;
}

#app-main .input-wrap .default-input-btn {
  display: block;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_input_default_arrow.png') no-repeat center center;
  background-size: cover;
  width: 1.75rem;
  height: 1.75rem;
}

#app-main.active .default-input-btn {
  display: block;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_input_active_arrow.png') no-repeat center center;
  background-size: cover;
}

#app-main .input-wrap.fake input {
  width: 100%;
  border-radius: 100px;
  font-size: 1.375rem;
  padding: 1.12rem 1.12rem 1.13rem 1.5rem;
  background: #c1c1c1;
  line-height: normal;
}

#app-main .input-wrap input::placeholder {
  font-size: 0.9rem;
}

#app-main .input-wrap .input-box > a {
  color: #fff;
  display: none;
}

/* 뒤로가기 모달 */
.game-wrapper .backsite-modal-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.game-wrapper .backsite-modal {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 6.25rem);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 20px;
  padding: 2.5rem 2rem 1.75rem 1.88rem;
  z-index: 1000;
  text-align: center;
}

.game-wrapper .backsite-modal h4 {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0175rem;
  color: #0c0c0c;
  margin-bottom: 0.88rem;
}

.game-wrapper .backsite-modal p {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.0125rem;
  color: #6a6a6a;
  margin-bottom: 1.87rem;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn {
  display: flex;
  gap: 1rem;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn li {
  flex: 1;
  border-radius: 12px;
  height: 3.75rem;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn li:first-child {
  background: #ededed;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn li:last-child {
  background: #000;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn li span {
  height: 100%;
  font-size: 1.125rem;
  line-height: normal;
  font-weight: 700;
  padding: 0.62rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn li:first-child span {
  width: 100%;
  height: 100%;
  color: #6a6a6a;
}

.game-wrapper .backsite-modal .backsite-modal-content-btn li:last-child span {
  width: 100%;
  height: 100%;
  color: #fff;
}

/* 연락처 모달 */
.game-wrapper .alert-numb-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.game-wrapper .alert-numb-container .alert-numb {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 6.25rem);
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 20px;
  padding: 2rem 2rem 1.5rem 1.88rem;
  z-index: 1000;
}

.game-wrapper .alert-numb-container .alert-numb p {
  font-size: 1.625rem;
  line-height: 2.125rem;
  letter-spacing: -0.01625rem;
  font-weight: 700;
  color: #0c0c0c;
  margin-bottom: 2.13rem;
}

.game-wrapper .alert-numb-container .alert-numb button {
  align-self: flex-end;
  width: 2.5rem;
  text-align: center;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.125rem; /* 154.545% */
  letter-spacing: -0.01375rem;
  background: none;
  cursor: pointer;
  color: #6a6a6a;
  font-family: 'Pretendard';
}

/* 티징 공유 모달 */
.teasing-share-modal-container,
.main-share-modal-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.teasing-modal {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 6.26rem);
  padding: 3.125rem 1.88rem 1.88rem;
  z-index: 1000;
  background: url('https://cdn.banggooso.com/assets/images/game255/img_teasing_modal.jpg') no-repeat center center, #000;
  border-radius: 1rem;
  border: 1px solid #fff;
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.3);
  background-size: 115%;
}

.main-modal {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 6.26rem);
  padding: 3.125rem 1.875rem 2.75rem 1.875rem;
  z-index: 1000;
  background: url('https://cdn.banggooso.com/assets/images/game255/main_share_modal_background.png') no-repeat center
      center,
    #000;
  border-radius: 1rem;
  border: 1px solid #fff;
  box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.3);
  background-size: 115%;
}

.teasing-modal .modal-close {
  position: absolute;
  top: 1.31rem;
  right: 1.25rem;
  width: 18px;
  height: 18px;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_white_close_btn.png') no-repeat center center;
  background-size: cover;
}

.main-modal #close-icon {
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 1.5rem;
  right: 1.5rem;
  cursor: pointer;
}

.teasing-modal-content *,
.main-modal-content * {
  line-height: normal;
}

.teasing-modal-content .list-title {
  display: none;
}

.teasing-modal-content,
.main-modal-content {
  width: 100%;

  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  height: auto;
}

.teasing-modal-content .top-content,
.main-modal-content .top-content {
  display: flex;
  width: 100%;
  flex-flow: wrap;
  justify-content: center;
}

.teasing-modal-content .top-content > p,
.main-modal-content .top-content > p {
  font-size: 1.25rem;
  font-weight: 400;
  text-shadow: 0 0 6px #000;
  color: #fff;
}

.teasing-modal-content .top-content > p b,
.main-modal-content .top-content > p b {
  font-weight: 700;
}

.teasing-modal-content .top-content > h4,
.main-modal-content .top-content > h4 {
  font-size: 2.8125rem;
  font-weight: 700;
  text-shadow: 0 0 6px #000;
  margin-top: 2px;
  color: #fff;
  margin-bottom: 1rem;
  line-height: normal;
  font-family: 'Pretendard';
}

.teasing-modal-content .top-content .share-sns-list .list-title,
.main-modal-content .top-content .share-sns-list .list-title {
  display: none;
}

.teasing-modal-content .top-content .share-sns-list .list,
.main-modal-content .top-content .share-sns-list .list {
  padding: 0 0.94rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.31rem;
  margin-bottom: 3.88rem;
}

.main-modal-content .top-content .share-sns-list .list {
  margin: 0;
}

.teasing-modal-content .top-content .share-sns-list .list > li,
.main-modal-content .top-content .share-sns-list .list > li {
  width: 3.625rem;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teasing-modal-content .top-content .share-sns-list .list li + li,
.main-modal-content .top-content .share-sns-list .list li + li {
  margin-left: 0;
}

.teasing-modal-content .top-content .share-sns-list .list > li a,
.main-modal-content .top-content .share-sns-list .list > li a {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.teasing-modal-content .share-sns-list .btn-share.kakao,
.main-modal-content .share-sns-list .btn-share.kakao {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_kakao.png') no-repeat center center;
  background-size: cover;
}

.teasing-modal-content .share-sns-list .btn-share.twitter,
.main-modal-content .share-sns-list .btn-share.twitter {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_x.png') no-repeat center center;
  background-size: cover;
}

.teasing-modal-content .share-sns-list .btn-share.instagram,
.main-modal-content .share-sns-list .btn-share.instagram {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_insta.png') no-repeat center center;
  background-size: cover;
}

.teasing-modal-content .share-sns-list .btn-share.facebook,
.main-modal-content .share-sns-list .btn-share.facebook {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_facebook.png') no-repeat center center;
  background-size: cover;
}

.teasing-modal-content .share-sns-list .btn-share.link-copy,
.main-modal-content .share-sns-list .btn-share.link-copy {
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_link.png') no-repeat center center;
  background-size: cover;
}

.teasing-modal-content .bottom-content {
  display: flex;
  width: 100%;
  flex-flow: wrap;
  justify-content: center;
}

.teasing-modal-content .bottom-content > span {
  font-size: 1.125rem;
  letter-spacing: -0.01rem;
  color: #fff;
  font-family: 'Pretendard';
  font-weight: 600;
  margin-bottom: 0.75rem;
  display: block;
  width: 100%;
  text-align: center;
}

.teasing-modal-content .bottom-content .timer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.88rem;
  margin-bottom: 1.5rem;
  width: 100%;
}

.teasing-modal-content .bottom-content .timer li {
  width: 3rem;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  justify-content: center;
  gap: 0.13rem;
}

.teasing-modal-content .bottom-content .timer li b {
  font-size: 2.25rem;
  line-height: 2.125rem;
  letter-spacing: -0.0225rem;
  font-weight: 700;
  color: #fff;
  font-family: 'Pretendard';
}

.teasing-modal-content .bottom-content .timer li span {
  font-family: 'Pretendard Variable';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: -0.00875rem;
  color: #fff;
}

.teasing-modal-content .bottom-content .timer li:not(:last-child) {
  position: relative;
}

.teasing-modal-content .bottom-content .timer li:not(:last-child)::after {
  content: ':';
  position: absolute;
  top: 0%;
  left: 100%;
  transform: translateX(0.62rem);
  color: #fff;
  font-family: 'Pretendard';
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 100% */
  letter-spacing: -0.02rem;
}

.teasing-modal-content .bottom-content > .reset {
  width: 100%;
  height: 3.75rem;
  padding: 0.62rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.125rem;
  font-weight: 700;
  color: #000;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Pretendard';
}

/* 개인정보 모달 */
.game-wrapper .prs-info-modal * {
  font-family: 'Pretendard';
}
.game-wrapper .prs-info-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

.game-wrapper .prs-info-modal-content {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 6.25rem);
  height: auto;
  max-height: 21.25rem;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 20px;
  padding: 0rem 1.88rem 2rem;
  z-index: 1000;
  overflow: hidden;
}

.game-wrapper .prs-info-modal-content .prs-info-modal-close {
  position: absolute;
  z-index: 999;
  top: 1.19rem;
  right: 1.25rem;
  width: 32px;
  height: 32px;
  display: block;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_close_btn.png') no-repeat center center/cover;
  font-size: 0;
  cursor: pointer;
}

.game-wrapper .prs-info-modal-content:after {
  /* content: ''; */
  display: block;
  width: 100%;
  height: 4.375rem;
  background: linear-gradient(0deg, #fff 18.57%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

.game-wrapper .prs-info-modal-content .prs-info-modal-content-title {
  width: 100%;
}

.game-wrapper .prs-info-modal-content .prs-info-modal-content-title h4 {
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.25rem;
  letter-spacing: -0.01625rem;
  margin-top: 2rem;
  margin-bottom: 1.25rem;
  width: 100%;
}

.game-wrapper .prs-info-modal-content .info-modal-inner {
  display: block;
  overflow-y: auto;
  /* height: calc(420px - 7.125rem); */
  /* padding-bottom: 4rem; */
}

.game-wrapper .prs-info-modal-content .info-modal-inner .prs-info-modal-content-body > div + div {
  margin-top: 0.63rem;
}

.game-wrapper .prs-info-modal-content .info-modal-inner .prs-info-modal-content-body span {
  color: rgba(51, 51, 51, 0.7);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.01125rem;
  display: inline-block;
  margin-bottom: 0.63rem;
}

.game-wrapper .prs-info-modal-content .info-modal-inner .prs-info-modal-content-body p {
  color: rgba(51, 51, 51, 0.5);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  letter-spacing: -0.01rem;
  display: inline-block;
}

.game-wrapper .backsite-modal.hidden,
.game-wrapper .alert-numb-container.hidden,
.game-wrapper .prs-info-modal-content.hidden {
  animation: none;
}

.game-wrapper .backsite-modal,
.game-wrapper .alert-numb-container .alert-numb,
.game-wrapper .prs-info-modal-content,
.game-wrapper .teasing-share-modal-container {
  animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* 알람 테스트용 */
article {
  position: relative;
}

.result-container {
  padding-top: 4rem;
}

.game-wrapper .toast-message-container {
  position: absolute;
  z-index: 999;
  width: 100%;
  height: 6.25rem;
}

.game-wrapper .prs-info-alarm {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
  display: flex;
  width: 25rem;
  height: 3.625rem;
  padding: 0.9375rem 1.25rem 1.25rem 1.25rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.75rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/alarm_info_background.png') no-repeat center
    center/cover;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01125rem;
  z-index: 888;
  opacity: 0;
  transition: opacity 0.75s ease, top 0.75s ease;
}

.game-wrapper .toast-message-container.active::after {
  content: '';
  background: linear-gradient(180deg, #000 10%, rgba(102, 102, 102, 0) 100%);
  width: 100%;
  height: 6.25rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  opacity: 0.7;
}

.game-wrapper .prs-info-alarm.active {
  opacity: 1;
  top: 1.01rem;
}

/* 본컨텐츠 팝업 스타일 */

/* 백산상회 검색 모달 */
.game-wrapper .search_info_modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-wrapper .search_info_modal.active {
  display: block;
}

.game-wrapper .search_info_modal-container {
  position: relative;
  width: 25rem;
  height: 28.9375rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
}

.game-wrapper .search_info_modal-wrapper {
  background: #fff;
}

.game-wrapper .search_info_modal .closeSearchInfo {
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(2px);
  display: flex;
  padding: 0.38rem;
  align-self: flex-end;
}

.game-wrapper .search_info_modal .closeSearchInfo img {
  width: 2rem;
  height: 2rem;
}

/* 결과 페이지 스타일 */
.game-wrapper.result {
  width: 500px;
  -webkit-display: flex;
  display: -ms-flex;
  display: flex;
}

.game-wrapper .search_info_modal-wrapper {
  border-radius: 1.25rem;
  overflow: hidden;
  /* height: 8rem; */
  height: 24.9375rem;
}

.game-wrapper .search_info_modal-wrapper.height-on {
  /* animation: getLarge 1.5s ease; */
  height: 24.9375rem;
}

@keyframes getLarge {
  0% {
    height: 8rem;
  }

  70% {
    height: 8rem;
  }

  100% {
    height: 24.9375rem;
  }
}

.game-wrapper .search_info_modal-wrapper.height-on .inner p {
  /* animation: opacity 1.5s ease; */
}

@keyframes opacity {
  0% {
    opacity: 0;
  }

  70% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.game-wrapper .search_info_modal-wrapper .inner {
  display: flex;
  flex-flow: wrap;
  gap: 1.12rem;
  width: 25rem;
  padding: 2rem 2rem 2rem 1.875rem;
  overflow: hidden;
  height: fit-content;
}

.game-wrapper .search_info_modal-wrapper .fake-input {
  width: 100%;
  height: 4.0625rem;
  padding: 1.13rem 1.5rem;
  border-radius: 0.75rem;
  background: #f2f2f2;
}
.game-wrapper .search_info_modal-wrapper .fake-input span {
  color: #333;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.015rem;
  position: relative;
}

.game-wrapper .search_info_modal-wrapper .fake-input .cursor {
  display: inline-block;
  margin-left: -0.3rem;
  animation: blink 0.7s steps(1) infinite;
  font-weight: normal;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.game-wrapper .search_info_modal-wrapper .fake-input button {
  font-size: 0;
  width: 1.75rem;
  height: auto;
  aspect-ratio: 1;
  position: absolute;
  right: 1.5rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_search_grey.png') no-repeat center center/cover;
}

.game-wrapper .search_info_modal-wrapper p {
  color: rgba(51, 51, 51, 0.6);
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem; /* 180% */
  letter-spacing: -0.0125rem;
  height: auto;
  visibility: visible;
}

/* .game-wrapper .search_info_modal-wrapper.height-on p {
  height: auto;
  visibility: visible;
} */

.game-wrapper .search_info_modal-wrapper p span {
  color: rgba(51, 51, 51, 0.85);
  font-weight: 600;
}

.prs-info-input-modal {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  letter-spacing: -1px;
  font-size: 1.05rem;
  line-height: 1.2rem;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
}

.game-wrapper.result header {
  height: 3.75rem !important;
  background: #0c0c0c !important;
}

.game-wrapper.result .app-main {
  padding-top: 3.75rem;
}

.game-wrapper .news-category {
  display: flex;
  padding: 0.88rem 1.88rem 0 1.88rem;
  background: #0c0c0c;
  gap: 1.41rem;
}

.game-wrapper .news-category li {
  flex: 1;
  color: rgba(255, 255, 255, 0.3);
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.375rem;
  text-align: center;
}

.game-wrapper .result-content-top {
  margin-bottom: 3.75rem;
}

.game-wrapper .result-content-top .img-container {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.game-wrapper .result-content-top .img-container p {
  width: 100%;
  padding: 1rem 1.88rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #656565;
  background: #f6f6f6;
  text-align: center;
  margin-bottom: 2rem;
  letter-spacing: 0;
}

/* .game-wrapper .result-content-top .img-container img {
  width: 25rem;
  height: 38.5rem;
  border-radius: 1rem;
  background: #d9d9d9;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.18);
  margin-bottom: 0.81rem;
} */

.game-wrapper .result-content-top .img-container span {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
  color: rgba(51, 51, 51, 0.8);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.375rem;
  gap: 0.12rem;
  margin-top: 0.75rem;
}

.game-wrapper .result-content-top .img-container span:after {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background: url('https://cdn.banggooso.com/assets/images/game255/keyboard_arrow_up.png') no-repeat center
    center/contain;
}

.prs-info-input-modal.active {
  display: block;
}

.prs-info-input-modal .prs-info-input-modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 20px;
  padding: 0rem 1.88rem 2rem;
  z-index: 1000;
  overflow: hidden;
}

.prs-info-input-modal .wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 1.25rem;
  overflow: hidden;
  width: 25rem;
  height: 36.25rem;
  background-color: #fff;
}

.prs-info-input-modal .wrap .inner {
  padding: 0 1.88rem 1.25rem;
  height: 100%;
  width: 100%;
  padding-top: 2rem;
  background: #fff;
  display: flex;
  flex-flow: column wrap;
}

.prs-info-input-modal .wrap .inner h4 {
  color: #0c0c0c;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.0625rem; /* 137.5% */
  letter-spacing: -0.015rem;
  margin-bottom: 0.37rem;
}

.prs-info-input-modal .wrap .inner span {
  color: rgba(12, 12, 12, 0.7);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4375rem;
  letter-spacing: -0.01rem;
  margin-bottom: 1rem;
  display: block;
}

.prs-info-input-modal .wrap .inner span b {
  font-weight: 700;
}

.prs-info-input-modal .wrap .inner input:not([type='checkbox']) {
  width: 100%;
  height: 3.375rem;
  padding: 0 1rem;
  color: #333;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.0125rem;
  border-radius: 0.75rem;
  background: #f6f6f6;
}

.prs-info-input-modal .wrap .inner input:not([type='checkbox']) + input {
  margin-top: 0.5rem;
}

.prs-info-input-modal .wrap .inner > p {
  display: flex;
  align-items: center;
  padding: 1.25rem 0rem 0.625rem 0.5rem;
}

.prs-info-input-modal .wrap .inner #popupAllChk {
  cursor: pointer;
  border: 1px solid var(--outline-color);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

.prs-info-input-modal .wrap .inner #popupAllChk + label {
  color: #333;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 133.333% */
  letter-spacing: -0.01125rem;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.prs-info-input-modal .wrap .inner #popupAllChk + label:before {
  content: '';
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.375rem;
  background: #dedede;
  margin: 0 0.5rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.66681rem 0.50106rem #dedede;
}

.prs-info-input-modal .wrap .inner #popupAllChk:checked + label:before {
  background: #1687ff;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.66681rem 0.50106rem #1687ff;
}

.prs-info-input-modal .wrap .inner #popupAllChk ~ #toggle-btn {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0;
  margin-left: auto;
  background: none;
  background: url('https://cdn.banggooso.com/assets/images/game255/arrow_right.png') no-repeat center center/contain;
  cursor: pointer;
  transition: transform 0.3s ease;
  transform-origin: center;
  transform: rotate(-90deg);
}

.prs-info-input-modal .wrap .inner #popupAllChk ~ #toggle-btn.active {
  transform: rotate(90deg);
}

.prs-info-input-modal .wrap .inner .popup-scroll-area {
  flex: 1;
  display: flex;
  flex-flow: column wrap;
  transition: max-height 0.3s ease, opacity 0.3s ease;
  width: 100%;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area > div {
  max-height: 0;
  opacity: 0;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area.active {
  overflow-y: scroll;
  flex-flow: row wrap;
  padding-bottom: 0;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area.active > div {
  max-height: none;
  opacity: 1;
  padding: 0 0.75rem;
  padding-top: 0.75rem;
  padding-bottom: 0.88rem;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area.active > div ul {
  color: rgba(51, 51, 51, 0.5);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  letter-spacing: -0.01rem;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area.active > div span {
  color: rgba(51, 51, 51, 0.7);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem; /* 162.5% */
  letter-spacing: -0.01rem;
  margin: 0;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area.active > div p {
  color: rgba(51, 51, 51, 0.7);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem; /* 162.5% */
  letter-spacing: -0.01rem;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area .checkbox-wrap {
  position: relative;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area input {
  cursor: pointer;
  border: 1px solid var(--outline-color);
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

.prs-info-input-modal .wrap .inner .popup-scroll-area input + label {
  color: #333;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem;
  letter-spacing: -0.01125rem;
  position: relative;
  display: flex;
  align-items: center;
  flex-flow: wrap;
  padding: 0.62rem 0;
  cursor: pointer;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area input + label:before {
  content: '';
  display: block;
  margin: 0 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default_grey.png') no-repeat center
    center/0.8125rem 0.61056rem;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area input:checked + label:before {
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_active_blue.png') no-repeat center
    center/0.8125rem 0.61056rem;
}

.prs-info-input-modal .wrap .inner .popup-scroll-area #popupMkt + label:after {
  content: '* 거부 시 이벤트 참여가 제한됩니다';
  color: rgba(51, 51, 51, 0.8);
  font-family: Pretendard;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 171.429% */
  letter-spacing: -0.00875rem;
  margin-left: 2.25rem;
}

.prs-info-input-modal .wrap .inner input::placeholder {
  color: #a2a2a2;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.0125rem;
}

.prs-info-input-modal .wrap .close {
  position: absolute;
  z-index: 999;
  top: 1.19rem;
  right: 1.25rem;
  width: 2rem;
  height: 2rem;
  display: block;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_close_btn.png') no-repeat center center/cover;
  font-size: 0;
  cursor: pointer;
}

.prs-info-input-modal .wrap .btn-wrap {
  display: flex;
  gap: 1rem;
  margin-top: auto;
  width: 100%;
}

.prs-info-input-modal .wrap .popup-scroll-area.active + .btn-wrap {
  padding-top: 0.75rem;
}

.prs-info-input-modal .wrap .skip-btn {
  width: 7.6875rem;
  height: 3.75rem;
  padding: 0.625rem;
  border-radius: 0.75rem;
  background: #eaf1f8;
  color: #1687ff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: normal;
  font-family: Pretendard;
}

.prs-info-input-modal .wrap .complete-btn {
  width: 13.5625rem;
  height: 3.75rem;
  padding: 0.625rem;
  border-radius: 0.75rem;
  background: rgba(22, 135, 255, 0.5);
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: normal;
  font-family: Pretendard;
}

.prs-info-input-modal .wrap .complete-btn.active {
  background: #1687ff;
}

/* 결과 페이지 스타일 */
.game-wrapper.result .app-header .app-logo {
  background: url('https://cdn.banggooso.com/assets/images/game255/logo_white.png') no-repeat center center/contain;
}
.game-wrapper .app-header .app-header-btn.back {
  background-image: url('https://cdn.banggooso.com/assets/images/game255/chevron_white.png');
  background-size: 80%;
  width: 3.5rem;
}

.game-wrapper.result {
  width: 500px;
  -webkit-display: flex;
  display: -ms-flex;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  margin: 0 auto;
  overflow: hidden;
  letter-spacing: -1px;
  font-size: 1.05rem;
  line-height: 1.2rem;
  height: 100%;
}

.game-wrapper.result header {
  height: 3.75rem !important;
  background: #0c0c0c !important;
}

.game-wrapper.result .app-main {
  padding-top: 3.75rem;
}

.game-wrapper .news-category li:nth-child(1) {
  border-bottom: 0.25rem solid rgba(255, 255, 255, 0.3);
  padding-bottom: 0.75rem;
}

.game-wrapper .result-content-top {
  margin-bottom: 3.75rem;
}

.game-wrapper .result-content-top .img-container {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.game-wrapper .result-content-top .img-container p {
  width: 100%;
  padding: 1rem 1.88rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #656565;
  background: #f6f6f6;
  text-align: center;
  margin-bottom: 2rem;
}

.game-wrapper .result-content-top .reaction-container {
  margin-top: 3.19rem;
  margin-bottom: 3.12rem;
  padding: 0 1.87rem;
}

.game-wrapper .result-content-top .reaction-container.disabled {
  pointer-events: none;
}

.game-wrapper .result-content-top .reaction-container ul {
  display: flex;
  gap: 1.38rem;
}

.game-wrapper .result-content-top .reaction-container ul li {
  text-align: center;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 0;
}

.game-wrapper .result-content-top .reaction-container ul li.active {
  border-radius: 1.25rem;
  background: #f6f6f6;
}

.game-wrapper .result-content-top .reaction-container ul li p {
  width: 2.5rem;
  height: 2.5rem;
}
.game-wrapper .result-content-top .reaction-container ul li:nth-child(1) p {
  background: url('https://cdn.banggooso.com/assets/images/game255/reaction_1.png') no-repeat center center/contain;
}
.game-wrapper .result-content-top .reaction-container ul li:nth-child(2) p {
  background: url('https://cdn.banggooso.com/assets/images/game255/reaction_2.png') no-repeat center center/contain;
}
.game-wrapper .result-content-top .reaction-container ul li:nth-child(3) p {
  background: url('https://cdn.banggooso.com/assets/images/game255/reaction_3.png') no-repeat center center/contain;
}
.game-wrapper .result-content-top .reaction-container ul li:nth-child(4) p {
  background: url('https://cdn.banggooso.com/assets/images/game255/reaction_4.png') no-repeat center center/contain;
}

.game-wrapper .result-content-top .reaction-container ul li b {
  display: block;
  margin-top: 0.88rem;
  margin-bottom: 0.38rem;
  color: #333;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.game-wrapper .result-content-top .reaction-container ul li span {
  color: rgba(51, 51, 51, 0.7);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: rgba(51, 51, 51, 0.7);
}

.game-wrapper .result-content-top .comment-container {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  margin-bottom: 3.13rem;
}

.game-wrapper .result-content-top .comment-container img {
  width: 31.25rem;
  height: auto;
}

.game-wrapper .result-content-top .comment-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0.9375rem;
  background: #f6f6f6;
}

.game-wrapper .result-content-top .comment-inner {
  padding: 1.25rem 1.88rem 0;
}

.game-wrapper .result-content-top .comment-inner > span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: rgba(51, 51, 51, 0.8);
}

.game-wrapper .result-content-top .comment-inner > ul li:nth-child(1) {
  padding: 1.88rem 0;
}

.game-wrapper .result-content-top .comment-inner > ul li:nth-child(2) {
  padding: 0.62rem 0 1.88rem 0;
}

.game-wrapper .result-content-top .comment-inner > ul li:nth-child(3) {
  padding: 0.75rem 0 0 1.88rem;
}

.game-wrapper .result-content-top .comment-inner > ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.81rem;
}

.game-wrapper .result-content-top .comment-inner .profile {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}
.game-wrapper .result-content-top .comment-inner > ul li:nth-child(1) .profile {
  background: url('https://cdn.banggooso.com/assets/images/game255/comment_profile_1.png') no-repeat center
    center/1.625rem #e09eff;
}
.game-wrapper .result-content-top .comment-inner > ul li:nth-child(2) .profile {
  background: url('https://cdn.banggooso.com/assets/images/game255/comment_profile_2.png') no-repeat center
    center/1.625rem #84dfce;
}
.game-wrapper .result-content-top .comment-inner > ul li:nth-child(3) .profile {
  background: url('https://cdn.banggooso.com/assets/images/game255/comment_profile_3.png') no-repeat center
    center/1.625rem #ff6161;
}

.game-wrapper .result-content-top .comment-inner .text-wrap b {
  color: #6e6e6e;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
  order: 2;
}

.game-wrapper .result-content-top .comment-inner .text-wrap b:after {
  content: '';
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #6e6e6e;
  border-radius: 50%;
  margin: 0 0.5rem;
  order: 0;
}

.game-wrapper .result-content-top .comment-inner .text-wrap b > span {
  color: rgba(51, 51, 51, 0.5);
  font-weight: 400;
  position: relative;
  order: 1;
}

.game-wrapper .result-content-top .comment-inner .text-wrap p {
  color: #333;
  font-family: 'Pretendard';
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.75rem;
}

.game-wrapper .result-content-top .comment-inner .text-wrap span {
  color: #bcbcbc;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.9375rem;
  display: flex;
  align-items: center;
  gap: 0.62rem;
}

.game-wrapper .result-content-top .comment-inner .text-wrap span.default:before {
  content: '';
  width: 1.375rem;
  height: 1.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/like_default.png') no-repeat center center/cover;
}

.game-wrapper .result-content-top .comment-inner .text-wrap span.active:before {
  content: '';
  width: 1.375rem;
  height: 1.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/like_active.png') no-repeat center center/cover;
}

.game-wrapper .result-content-top .share-container {
  display: flex;
  flex-flow: column wrap;
}

.game-wrapper .result-content-top .share-container > p span {
  color: #333;
  text-align: center;
  align-items: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.0125rem;
  margin-left: 0.5rem;
  position: relative;
  display: inline-flex;
}

.game-wrapper .result-content-top .share-container > p span:before {
  content: '';
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_share.png') no-repeat center center/cover;
  margin-right: 0.25rem;
}

.game-wrapper .result-content-top .share-container .share-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.87rem;
}

.game-wrapper .result-content-top .share-container .share-wrapper .list {
  width: 3.375rem;
  height: 3.375rem;
}

.game-wrapper .result-content-bottom {
  border-radius: 2.5rem 2.5rem 0rem 0rem;
  background: #333;
  padding: 2.5rem 1.875rem 0rem 1.875rem;
}

.game-wrapper .result-content-bottom > h4 {
  color: #fff;
  font-family: Pretendard;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.375rem; /* 135.714% */
  letter-spacing: -0.0175rem;
}

.game-wrapper .result-content-bottom > h4 .participant-count {
  display: flex;
  font-size: 4.0625rem;
}

.game-wrapper .result-content-bottom > h4 .count {
  line-height: normal;
  letter-spacing: -0.04063rem;
  display: flex;
  align-items: center;
}
.game-wrapper .result-content-bottom > h4 span {
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 1.875rem;
  letter-spacing: -0.01375rem;
  display: inline-flex;
}

.game-wrapper .result-content-bottom .my-swiper {
  margin-top: 1.75rem;
  overflow: visible;
  margin-bottom: 6.25rem;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-pagination {
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.game-wrapper .result-content-bottom .my-swiper .swiper-pagination span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
}

.game-wrapper .result-content-bottom .my-swiper .swiper-pagination span ~ span {
  margin-left: 0.5rem;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background: #fff !important;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.4);
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide {
  width: 25rem !important;
  height: 28.75rem !important;
  border-radius: 1.75rem;
  padding: 2rem 1.5rem 1.75rem 1.88rem;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide.bg-0 {
  background: url('https://cdn.banggooso.com/assets/images/game255/slide_background_0.png') no-repeat center center /
    cover;
}
.game-wrapper .result-content-bottom .my-swiper .swiper-slide.bg-1 {
  background: url('https://cdn.banggooso.com/assets/images/game255/slide_background_1.png') no-repeat center center /
    cover #e9e9e9;
}
.game-wrapper .result-content-bottom .my-swiper .swiper-slide.bg-2 {
  background: url('https://cdn.banggooso.com/assets/images/game255/slide_background_2.png') no-repeat center center /
    cover #e9e9e9;
}
.game-wrapper .result-content-bottom .my-swiper .swiper-slide.bg-3 {
  background: url('https://cdn.banggooso.com/assets/images/game255/slide_background_3.png') no-repeat center center /
    cover #e9e9e9;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide ul {
  margin-bottom: 1.88rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  gap: 0.5rem;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide ul li {
  border-radius: 0.75rem;
  background: #0c0c0c;
  display: inline-flex;
  height: 5rem;
  padding: 1rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
  width: auto;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide ul li:nth-child(1) {
  width: 18.4375rem;
}
.game-wrapper .result-content-bottom .my-swiper .swiper-slide ul li:nth-child(2) {
  width: 19.6875rem;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide h4 {
  margin-bottom: 0.75rem;
  color: #0c0c0c;
  font-family: 'Pretendard';
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem;
}

.game-wrapper .result-content-bottom .my-swiper .swiper-slide p {
  color: #0c0c0c;
  font-family: 'Pretendard';
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.9375rem;
}

.game-wrapper .result-content-bottom .progress-bar-container {
  margin-top: 1.75rem;
  margin-bottom: 7.5rem;
  padding-top: 5.25rem;
  /* padding-bottom: 3.75rem; */
}

.game-wrapper .result-content-bottom .progress-container {
  width: 80%;
  height: 20px;
  background-color: #e0e0e0;
  border-radius: 10px;
  overflow: hidden;
  margin: 50px auto;
  position: relative;
}

.game-wrapper .result-content-bottom .progress-bar-background {
  width: 100%;
  height: 2.5625rem;
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.2);
}

.game-wrapper .result-content-bottom .progress-bar-background > ul {
  width: calc(100% - 5rem);
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.game-wrapper .result-content-bottom .progress-bar-background > ul li {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 50%;
  background: #ff8c8c;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li:nth-child(1) {
  left: 8.12rem;
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li:nth-child(2) {
  left: 15rem;
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li:nth-child(3) {
  left: 21.88rem;
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li:nth-child(1)::before {
  background: url('https://cdn.banggooso.com/assets/images/game255/progress_img_1.png') no-repeat center center/contain;
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li:nth-child(2)::before {
  background: url('https://cdn.banggooso.com/assets/images/game255/progress_img_2.png') no-repeat center center/contain;
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li:nth-child(3)::before {
  background: url('https://cdn.banggooso.com/assets/images/game255/progress_img_3.png') no-repeat center center/contain;
}

.game-wrapper .result-content-bottom .progress-bar-background > ul li:before {
  content: '';
  display: block;
  position: absolute;
  left: -1.25rem;
  transform-origin: center;
}
.game-wrapper .result-content-bottom .progress-bar-background > ul li.active::before {
  animation: pop 0.4s ease forwards;
}

.game-wrapper .result-content-bottom .progress-bar {
  border-radius: 62.4375rem;
  height: 2.5625rem;
  width: 23%;
  /* width: 6.25rem; */
  background-color: #ff8c8c;
  transition: width 0.25s ease;
}

.game-wrapper .result-content-bottom .progress-bar-label {
  display: flex;
  justify-content: space-between;
  margin-top: 0.75rem;
}

.game-wrapper .result-content-bottom .progress-bar-label span {
  color: #fff;
  font-family: 'Pretendard Variable';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.game-wrapper .result-content-bottom .donate-container {
  width: 100%;
  height: 13.0625rem;
  border-radius: 1.25rem;
  background: #eaeaea;
  margin-bottom: 6.25rem;
}

.game-wrapper .result-content-bottom .event-container > .label {
  color: #333;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0125rem;
  display: inline-flex;
  padding: 0.625rem 2rem;
  justify-content: center;
  align-items: center;
  border-radius: 62.4375rem;
  background: #00d4ea;
  margin-bottom: 2rem;
}
.game-wrapper .result-content-bottom .event-container > h4 {
  color: #fff;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.625rem; /* 131.25% */
  letter-spacing: -0.02rem;
  margin-bottom: 0.38rem;
}
.game-wrapper .result-content-bottom .event-container > .date {
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Pretendard Variable';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.0125rem;
  margin-bottom: 1.38rem;
}

.game-wrapper .result-content-bottom .event-container .thumb-img {
  width: 100%;
  height: 14.75rem;
}
.game-wrapper .result-content-bottom .event-container .thumb-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.game-wrapper .result-content-bottom .event-container .prize-list {
  width: 100%;
}
.game-wrapper .result-content-bottom .event-container .prize-list img {
  width: 100%;
}

.game-wrapper .result-content-bottom .event-container .input-container > p {
  padding: 0.75rem 1.125rem;
  border-radius: 0.625rem;
  background: #555;
  color: #fff;
  margin-bottom: 1.63rem;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
  letter-spacing: -0.01125rem;
  display: inline-flex;
  align-items: center;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.game-wrapper .result-content-bottom .event-container .input-container > span {
  display: flex;
  width: 31.25rem;
  height: 5rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  background: #a3a3a3;
  color: #0c0c0c;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem; /* 100% */
  margin-left: -1.875rem;
}

.game-wrapper .result-content-top .comment-container {
  position: relative;
  display: flex;
  flex-flow: column wrap;
  margin-bottom: 3.13rem;
}

.game-wrapper .result-content-top .comment-container:before {
  content: '';
  display: block;
  width: 100%;
  height: 0.9375rem;
  background: #f6f6f6;
}

.game-wrapper .result-content-top .comment-inner {
  padding: 1.25rem 1.88rem 0;
}

.game-wrapper .result-content-top .comment-inner > span {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: rgba(51, 51, 51, 0.8);
}

.game-wrapper .result-content-top .comment-inner > ul li:nth-child(1) {
  padding: 1.88rem 0;
}

.game-wrapper .result-content-top .comment-inner > ul li:nth-child(2) {
  padding: 0.62rem 0 1.88rem 0;
}

.game-wrapper .result-content-top .comment-inner > ul li:nth-child(3) {
  padding: 0.75rem 0 0 1.88rem;
}

.game-wrapper .result-content-top .comment-inner > ul li {
  display: flex;
  align-items: flex-start;
  gap: 0.81rem;
}

.game-wrapper .result-content-top .comment-inner .profile {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
}

.game-wrapper .result-content-top .comment-inner .text-wrap b {
  color: #6e6e6e;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
  order: 2;
}

.game-wrapper .result-content-top .comment-inner .text-wrap b:after {
  content: '';
  display: block;
  width: 0.1875rem;
  height: 0.1875rem;
  background: #6e6e6e;
  border-radius: 50%;
  margin: 0 0.5rem;
  order: 0;
}

.game-wrapper .result-content-top .comment-inner .text-wrap b > span {
  color: rgba(51, 51, 51, 0.5);
  font-weight: 400;
  position: relative;
  order: 1;
}

.game-wrapper .result-content-top .comment-inner .text-wrap p {
  color: #333;
  font-family: 'Pretendard';
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  margin-bottom: 0.75rem;
}

.game-wrapper .result-content-top .comment-inner .text-wrap span {
  color: #bcbcbc;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.9375rem;
  display: flex;
  align-items: center;
  gap: 0.62rem;
}

.game-wrapper .result-content-top .comment-inner .text-wrap span.default:before {
  content: '';
  width: 1.375rem;
  height: 1.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/like_default.png') no-repeat center center/cover;
}

.game-wrapper .result-content-top .comment-inner .text-wrap span.active:before {
  content: '';
  width: 1.375rem;
  height: 1.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/like_active.png') no-repeat center center/cover;
}

.game-wrapper .result-content-bottom .event-container .input-container > p > b {
  color: #00e7ff;
  font-weight: 600;
  margin: 0 0.12rem;
  width: 3.4375rem;
  height: 1.0625rem;
  display: inline-block;
  background: url('https://cdn.banggooso.com/assets/images/game255/gs25_text_logo.png') no-repeat center center/contain;
}

.game-wrapper .result-content-bottom .event-container .input-container > p:after {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  background: #555;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  transform-origin: center;
}

.game-wrapper .result-content-bottom .event-container .input-container > input:not([type='checkbox']) {
  width: 100%;
  height: 4.0625rem;
  padding: 1.22rem 1.5rem;
  border-radius: 0.75rem;
  border: 1px solid #a6a6a6;
  background: #f6f6f6;
  color: #333333;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.01375rem;
  font-family: 'Pretendard';
}

.game-wrapper .result-content-bottom .event-container .input-container > input::placeholder {
  color: #a2a2a2;
  font-family: 'Pretendard';
  font-size: 1.375rem;
}

.game-wrapper .result-content-top .share-container > p span {
  color: #333;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.01375rem;
}

.game-wrapper .result-content-bottom .event-container .input-container input + input {
  margin-top: 0.75rem;
}

.game-wrapper .result-content-bottom .event-container .input-container #phone {
  margin-bottom: 1.75rem;
}

.game-wrapper .result-content-bottom .event-container .input-container label {
  color: #fff;
  font-family: 'Pretendard Variable';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5rem; /* 109.091% */
  letter-spacing: -0.01375rem;
  position: relative;
  display: flex;
  cursor: pointer;
}

.game-wrapper .result-content-bottom .event-container .input-container label:before {
  content: '';
  display: flex;
  width: 1.625rem;
  height: 1.625rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  margin-right: 0.69rem;
  border-radius: 0.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.875rem 0.67294rem #bfbfbf;
}

.game-wrapper .result-content-bottom .event-container .input-container input:checked + label:before {
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.875rem 0.67294rem #1687ff;
}

.game-wrapper .result-content-bottom .event-container .input-container input[type='checkbox'] {
  cursor: pointer;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper input[type='checkbox'] {
  display: none;
}
.game-wrapper .result-content-bottom .event-container .privacy-wrapper li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(1) {
  padding-top: 1rem;
  padding-bottom: 0.5rem;
}
.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(1) label {
  color: #fff;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.625rem; /* 130% */
  letter-spacing: -0.0125rem;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(1) label:before {
  content: '';
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-right: 0.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.875rem 0.67294rem;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(1) input:checked + label:before {
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_active.png') no-repeat center
    center/0.875rem 0.67294rem;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(2) {
  padding-top: 0.75rem;
  padding-bottom: 2rem;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(2) label {
  color: #fff;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.625rem; /* 130% */
  letter-spacing: -0.0125rem;
  display: flex;
  align-items: center;
}

.game-wrapper .result-content-top .share-container .share-wrapper {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(2) label:before {
  content: '';
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  margin-right: 0.25rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_default.png') no-repeat center
    center/0.875rem 0.67294rem;
  cursor: pointer;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper li:nth-child(2) input:checked + label:before {
  background: url('https://cdn.banggooso.com/assets/images/game255/label_check_active.png') no-repeat center
    center/0.875rem 0.67294rem;
}

.game-wrapper .result-content-bottom .event-container .privacy-wrapper button {
  cursor: pointer;
  display: flex;
  height: 1.625rem;
  padding: 0rem 0.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: -0.01rem;
  border-radius: 0.375rem;
  background: #4d4d4d;
}

.game-wrapper .result-content-bottom .event-container .gs-info {
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6875rem; /* 150% */
  letter-spacing: -0.01125rem;
  display: flex;
  width: 31.25rem;
  padding: 1rem 0rem;
  justify-content: center;
  align-items: center;
  background: #3f3f3f;
  position: absolute;
  top: 0;
  padding-top: 1.75rem;
}

.game-wrapper .result-content-bottom .btn-wrap {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding-bottom: 3.75rem;
  background: #3f3f3f;
  width: 31.25rem;
  margin-left: -1.875rem;
}

.game-wrapper .result-content-bottom .btn-wrap .apply-btn {
  display: flex;
  height: 5rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem; /* 100% */
  border-radius: 0.9375rem;
  width: 100%;
  color: #fff;
}

.game-wrapper .result-content-bottom .btn-wrap .apply-btn.applied {
  background: #a3a3a3 !important;
  pointer-events: none;
}

.game-wrapper .result-content-bottom .btn-wrap .apply-btn.active {
  background: #1687ff;
}

.game-wrapper .result-content-bottom .btn-wrap button.reset {
  width: 12.5rem;
  height: 5rem;
  border-radius: 1rem;
  background: #00d4ea;
  margin-top: 8.81rem;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
  font-family: Pretendard;
}

.game-wrapper .result-content-bottom .btn-wrap button.reset:after {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_replay.png') no-repeat center center/cover;
}

.game-wrapper .result-content-bottom .go-other-content {
  display: flex;
  flex-direction: column;
  padding-bottom: 6.25rem;
}

.game-wrapper .result-content-bottom .go-other-content img {
  margin-top: 3.75rem;
}

.game-wrapper .result-content-bottom .go-other-content button {
  display: flex;
  height: 5rem;
  padding: 0.625rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 0.9375rem;
  background: #1687ff;
  color: #fff;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.625rem;
  margin-top: 1.5rem;
}

.game-wrapper .privacy-popup,
.game-wrapper .marketing-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.game-wrapper .privacy-popup .pop-wrapper,
.game-wrapper .marketing-popup .pop-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25rem;
  height: 26.25rem;
  border-radius: 1.25rem;
  overflow: hidden;
}

.game-wrapper .privacy-popup .pop-wrapper:after,
.game-wrapper .marketing-popup .pop-wrapper:after {
  content: '';
  display: block;
  width: 25rem;
  height: 4.375rem;
  background: linear-gradient(0deg, #fff 18.57%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.game-wrapper .privacy-popup .inner,
.game-wrapper .marketing-popup .inner {
  padding: 0 1.88rem;
  display: flex;
  height: 100%;
  width: 100%;
  padding-top: 2rem;
  /* padding-bottom: 2.85rem; */
  flex-direction: column;
  align-items: flex-start;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.game-wrapper .privacy-popup .inner button,
.game-wrapper .marketing-popup .inner button {
  position: absolute;
  top: 1.19rem;
  right: 1.25rem;
  cursor: pointer;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/ico_close_btn.png') no-repeat center center/cover;
}

.game-wrapper .privacy-popup .inner h4,
.game-wrapper .marketing-popup .inner h4 {
  color: #0c0c0c;
  font-family: Pretendard;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.25rem; /* 138.462% */
  letter-spacing: -0.01625rem;
  margin-bottom: 1.25rem;
}

.game-wrapper .privacy-popup .inner div {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
  overflow: auto;
}

.game-wrapper .privacy-popup .inner div > span {
  color: rgba(51, 51, 51, 0.7);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6875rem; /* 150% */
  letter-spacing: -0.01125rem;
}

.game-wrapper .privacy-popup .inner div div {
  color: rgba(51, 51, 51, 0.5);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  letter-spacing: -0.01rem;
  padding-bottom: 3rem;
}

.game-wrapper .marketing-popup .inner > div {
  overflow: auto;
}

.game-wrapper .marketing-popup .inner > div > div {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
  padding-bottom: 3rem;
}

.game-wrapper .marketing-popup .inner div div ul {
  color: rgba(51, 51, 51, 0.5);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  letter-spacing: -0.01rem;
}

.game-wrapper .marketing-popup .inner div p {
  color: rgba(51, 51, 51, 0.7);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem; /* 144.444% */
  letter-spacing: -0.01125rem;
}

.game-wrapper .result-content-top .share-container .share-wrapper .list {
  width: 3.375rem;
  height: 3.375rem;
}

.fail-to-send {
  width: auto;
  height: auto;
  color: #ff706e;
  font-family: 'Pretendard';
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem; /* 141.176% */
  align-self: flex-end;
  position: relative;
  display: inline-flex;
  gap: 0.25rem;
  margin-right: 0.75rem;
}
.fail-to-send:after {
  content: '';
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/error.png') no-repeat center/contain;
}

.share-sns-list .list-title {
  display: flex;
  align-items: center;
  justify-content: center;
}

.game-wrapper .result-content-top .share-container .list a {
  border-radius: 50%;
}

.game-wrapper .result-content-top .share-container .list a.kakao {
  width: 3.375rem;
  height: 3.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/share_kakao_white.png') no-repeat center/contain;
}
.game-wrapper .result-content-top .share-container .list a.twitter {
  width: 3.375rem;
  height: 3.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/share_x_white.png') no-repeat center/contain;
}
.game-wrapper .result-content-top .share-container .list a.instagram {
  width: 3.375rem;
  height: 3.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/share_instagram_white.png') no-repeat center/contain;
}
.game-wrapper .result-content-top .share-container .list a.facebook {
  width: 3.375rem;
  height: 3.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/share_facebook_white.png') no-repeat center/contain;
}
.game-wrapper .result-content-top .share-container .list .link-copy {
  width: 3.375rem;
  height: 3.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/share_link_white.png') no-repeat center/contain;
}

.game-wrapper .result-content-top .share-container .share-sns-list {
  margin: 0;
}

.game-wrapper .result-content-bottom {
  border-radius: 2.5rem 2.5rem 0rem 0rem;
  background: #333;
  padding: 2.5rem 1.875rem 0rem 1.875rem;
}

.game-wrapper.result .privacy-popup .inner > h4,
.game-wrapper.result .marketing-popup .inner > h4 {
  color: #0c0c0c;
  font-family: Pretendard;
  font-size: 1.625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.25rem; /* 138.462% */
  letter-spacing: -0.01625rem;
  margin-bottom: 1.25rem;
}

.game-wrapper.result .privacy-popup .inner span,
.game-wrapper.result .marketing-popup .inner span {
  color: rgba(51, 51, 51, 0.7);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6875rem; /* 150% */
  letter-spacing: -0.01125rem;
  margin-bottom: 0.62rem;
}

.game-wrapper.result .privacy-popup .inner li,
.game-wrapper.result .marketing-popup .inner li {
  color: rgba(51, 51, 51, 0.5);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.625rem; /* 162.5% */
  letter-spacing: -0.01rem;
}

.game-wrapper.result .privacy-popup .inner p,
.game-wrapper.result .marketing-popup .inner p {
  color: rgba(51, 51, 51, 0.7);
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.625rem; /* 144.444% */
  letter-spacing: -0.01125rem;
  margin: 0.62rem 0;
}

.game-wrapper.result .privacy-popup .inner > div,
.game-wrapper.result .marketing-popup .inner > div {
  overflow: scroll;
  padding-bottom: 2.85rem;
}

.game-wrapper.result .marketing-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 1000;
  display: none;
}

@keyframes pop {
  0% {
    width: 0;
    height: 0;
    transform: translateY(0) scale(0);
    opacity: 0;
  }
  50% {
    width: 3.375rem;
    height: 2.25rem;
    transform: translateY(-5rem) scale(1.1);
    opacity: 1;
  }
  100% {
    width: 3.375rem;
    height: 2.25rem;
    transform: translateY(-5rem) scale(1);
    opacity: 1;
  }
}

.game-wrapper.basic .game-result {
  padding: 0;
}

.message.from-joseon img {
  width: 19.39845rem;
  height: 12.5rem;
  margin-left: 0.8125rem;
}

.game-result .contents-more {
  background: #333;
  border-radius: 0;
  flex-flow: wrap;
  margin: 0;
  padding-bottom: 2.25rem;
}

.game-result .contents-more .contents-main {
  flex: 1 100%;
  margin: 0;
  align-items: flex-start;
  padding: 0 1.8rem 1rem;
}

.game-result .contents-more .contents-main .contents-logo {
  width: 8.75rem;
  height: 1.875rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/logo_white.png') no-repeat center center/cover;
}

.game-result .contents-more .contents-main .contents-logo img {
  display: none;
}

.game-result .contents-more .contents-main .sub-text {
  color: #fff;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.125rem; /* 141.667% */
}

.game-result .contents-more .contents-list {
  flex: 1 100%;
  padding: 0;
  border-left: 0;
}

.game-result .contents-more .contents-list .game-btn {
  margin: 0;
  border: 0;
  background: transparent;
  padding: 1.75rem 1.94rem;
  display: flex;
  justify-content: space-between;
  order: 1;
  border-radius: 0;
  border-top: 1.333px solid #fff;
  margin-top: 0.38rem;
}

.game-result .contents-more .contents-list .game-btn a {
  color: #fff;
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  font-family: Pretendard;
  order: -1;
}

.game-result .contents-more .contents-list .game-btn:before {
  display: block;
  position: static;
  width: 2rem;
  height: 2rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/chevron_white.png') no-repeat center center/cover;
  transform-origin: center;
  transform: rotate(180deg);
}

.game-result .recommend-list {
  margin: 0;
  background-color: #333;
}

.game-result .recommend-list .inner .title {
  color: #fff;
  font-family: Pretendard;
  font-size: 1.50013rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.033rem;
  padding: 0;
  margin: 0;
  padding-left: 1.46rem;
  margin-bottom: 0.48rem;
}

.game-result .recommend-list .swiper-container {
  padding: 0;
  padding-left: 2.17rem;
  margin-bottom: 3.25rem;
}

.game-result .recommend-list .btn-wrap {
  padding-bottom: 4rem;
  position: relative;
  z-index: 999;
}

.game-result .recommend-list .btn-wrap .btn-white-round {
  width: 15.25rem;
  height: 4.00025rem;
  color: #000;
  text-align: center;
  font-family: 'RixGulim EB';
  font-size: 1.25006rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.025rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.game-result .recommend-list:before {
  background-color: #0c0c0c;
  height: 16rem;
}

.share-sns-list .list li {
  width: 3.375rem;
  height: 3.375rem;
}

.game-result .share-sns-list span {
  color: #333;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.01375rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.share-sns-list .list li + li {
  margin-left: 0.88rem;
}

.capture-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.capture-container {
  display: flex;
  width: 25rem;
  padding: 1.5rem 1.5rem 1.5625rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 1.25rem;
  background-color: #fff;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.18);
}

.capture-container .capture-title {
  color: #333;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2rem; /* 133.333% */
}

.capture-container .publish-date {
  width: 100%;
  color: #9a9a9a;
  font-family: Pretendard;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  padding: 0.38rem 0 0.5rem;
  letter-spacing: normal;
  border-bottom: 0.5px solid #9a9a9a;
}

.capture-container .paper {
  position: relative;
  margin: 1rem 0 0.5rem;
  width: 21.875rem;
  height: 19.375rem;
  background: url('https://cdn.banggooso.com/assets/images/game255/news_background_blank.png') no-repeat center
    center/contain;
}

.capture-container .paper img {
  width: 100%;
  height: 100%;
}

.capture-container .paper .username {
  font-family: 'GapyeongHanseokbong-Light';
  writing-mode: vertical-rl;
  text-orientation: upright;
  position: absolute;
  color: #503724;
  top: 11.5rem;
  left: 2.63rem;
  font-weight: 700;
  font-size: 1rem;
}

.capture-container .date {
  width: 100%;
  color: #9a9a9a;
  text-align: center;
  font-family: Pretendard;
  font-size: 0.8125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

.capture-container .description {
  width: 100%;
  color: #333;
  font-family: Pretendard;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.75rem; /* 155.556% */
  margin: 1rem 0 0.5rem;
}

.capture-container .from {
  color: #9a9a9a;
  font-family: Pretendard;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: normal;
}

.img-object {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
}

.blinking-cursor {
  position: relative;
  outline: none;
}

.blinking-cursor::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 1.25rem;
  background-color: black;
  animation: blink 0.8s infinite step-start;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.game-result .recommend-list .slide-box .img-box {
  height: 10.83406rem;
}

.game-result .recommend-list .swiper-slide {
  width: 10.83406rem;
  height: 13.33425rem;
}

.game-result .recommend-list .slide-box {
  width: 10.83406rem;
  height: 13.33425rem;
  border: 0.3rem solid #c7c7c7;
}

.game-result .recommend-list .slide-box .slide-text {
  background-color: #c7c7c7;
  color: #0c0c0c;
  font-size: 1.00006rem;
  font-family: Pretendard;
  font-weight: 700;
  letter-spacing: -0.02rem;
}

.share-sns-list .list-title .countBox .countImg {
  background-image: url('https://cdn.banggooso.com/assets/images/game255/share.png');
  opacity: 0.7;
  width: 1.25rem;
  height: 1.25rem;
  transform: translateY(-0.1rem);
}

.share-sns-list .list-title .countBox .countNumber {
  color: rgba(51, 51, 51, 0.7);
  text-align: center;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.25rem; /* 100% */
  letter-spacing: -0.0125rem;
}