/* font */
@font-face {
  font-family: 'GalmuriMono11';
  src: url('https://cdn.jsdelivr.net/gh/fonts-archive/GalmuriMono11/GalmuriMono11.woff2') format('woff2');
  font-weight: normal;
  font-display: swap;
}

@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: 'nelnayesam';
  src: url('https://cdn.banggooso.com/assets/fonts/nelnayesam.ttf') format('truetype');
}

@font-face {
  font-family: 'DungGeunMo';
  src: url('https://cdn.banggooso.com/assets/images/game245/font/DungGeunMo.ttf');
}

@property --angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}

@property --hue {
  syntax: '<number>';
  inherits: false;
  initial-value: 0;
}

* {
  box-sizing: border-box;
  transform: skew(0deg);
  letter-spacing: normal;
}

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

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

.hidden {
  display: none !important;
}

a,
button,
.cursor-pointer {
  outline: none;
  cursor: pointer;
}

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

input[type='checkbox'],
input[type='radio'] {
  cursor: pointer;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

input[type='checkbox'] + label,
input[type='radio'] + label {
  cursor: pointer;
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
}

:root {
  --modal-z-index: 100;
  --modal-bg-z-index: 99;
}

img {
  user-select: none;
  -webkit-user-drag: none; /* Safari, Chrome */
  -khtml-user-drag: none; /* 옛날 Konqueror 브라우저 */
  -moz-user-drag: none; /* Firefox */
  -o-user-drag: none; /* 구형 Opera */
  -webkit-user-drag: none;
  user-select: none; /* 텍스트처럼 선택 방지 */
  -webkit-touch-callout: none;
}

.d-none {
  display: none;
}

.opacity-0 {
  opacity: 0 !important;
}

/* common */
.btn-clickable {
  cursor: pointer !important;
}

.btn-clickable:active {
  opacity: 0.7 !important;
}

button.disabled {
  opacity: 0.5;
  cursor: unset;
}

.app-main {
  background: linear-gradient(0deg, rgba(246, 246, 246, 0.9) 0%, rgba(246, 246, 246, 0.9) 100%),
    linear-gradient(145deg, rgba(131, 121, 236, 0.5) 13.56%, rgba(32, 22, 143, 0.5) 57.71%), #f6f6f6;
}

.game-wrapper.basic .game-wrap {
  padding: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.game-wrapper.basic .game-wrap .step {
  position: relative;
  padding-top: 3.75rem;
  height: 100%;
  overflow: hidden;
}

.share-sns-list {
  display: flex;
  padding-top: 1.25rem;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.share-sns-list .list-title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
}

.share-sns-list .list-title span {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.share-sns-list .list-title .countBox {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin: 0;
}

.share-sns-list .list-title .countBox .countImg {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/share.png);
}

.share-sns-list .list-title .countBox .countNumber {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  opacity: 0.7;
}

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

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

.share-sns-list .btn-share {
  width: 3.75rem;
  height: 3.75rem;
  border-radius: 3.125rem;
  background-color: rgba(0, 0, 0, 0.1);
}

.share-sns-list .btn-share.kakao {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/kakao.png);
  background-size: 1.5rem;
}

.share-sns-list .btn-share.instagram {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/instagram.png);
  background-size: 1.4915rem;
}

.share-sns-list .btn-share.twitter {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/twitter.png);
  background-size: 1.4375rem;
}

.share-sns-list .btn-share.facebook {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/facebook.png);
  background-size: 0.6875rem;
}

.share-sns-list .btn-share.link-copy {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/link-copy.png);
  background-size: 1.375rem;
}

/* header */
.game-wrapper.basic .app-header,
.game-wrapper.basic .app-header.page {
  position: absolute;
  top: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  padding: 0 1.25rem;
  border-bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.35);
  background-blend-mode: multiply;
  backdrop-filter: blur(12.5px);
}

.game-wrapper.basic .app-header .app-logo {
  width: 9.3025rem;
  height: 2.00006rem;
  background: url(https://cdn.banggooso.com/assets/images/common/logo_2024_white.png) no-repeat center / contain;
}

.game-wrapper.basic .app-header .app-header-btn.back {
  width: 2.625rem;
  height: 2.625rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/common/back-white.png) no-repeat center / contain;
}

/* 인트로 */
.game-intro .share-sns-list {
  margin: 0;
}

.game-wrapper.basic .game-intro {
  height: 100%;
  padding-bottom: 0;
  overflow-x: hidden;
}

.game-wrapper.basic .game-intro #intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
  height: auto;
  padding: 5.5rem 1rem 3.75rem;
}

.game-wrapper.basic .game-intro #intro .intro-img {
  width: auto;
  height: 25.9375rem;
}

.game-wrapper.basic .game-intro #intro .input-wrap {
  position: relative;
  display: flex;
  padding: 3rem 0.875rem 0 0.875rem;
  flex-direction: column;
  align-items: center;
  gap: 1.75rem;
  width: 100%;
}

.game-wrapper.basic .game-intro #intro .input-wrap img {
  position: absolute;
  left: 5.8125rem;
  top: -0.75rem;
  width: 17.5625rem;
  height: 3.0625rem;
}

.game-wrapper.basic .game-intro #intro .input-wrap input {
  display: flex;
  width: 26.25rem;
  padding: 1.375rem 1.25rem 1.5rem 1.5rem;
  align-items: center;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.03);
  color: #46467a;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
}

.game-wrapper.basic .game-intro #intro .input-wrap input:focus {
  outline: none;
  border: 1px solid #8379ec;
}

.game-wrapper.basic .game-intro #intro .input-wrap input::placeholder {
  color: #b0b0b0;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
}

.game-wrapper.basic .game-intro #intro .input-wrap button {
  display: flex;
  width: 27.5rem;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  opacity: 1;
  background: #46467a;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.625rem;
  cursor: pointer;
}

.game-wrapper.basic .game-intro #intro .input-wrap button.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.game-wrapper.basic .game-intro #intro .input-wrap button.active:active {
  opacity: 0.7;
}

/* 스토리 */
.game-wrap #step1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding-top: 0;
}

.game-wrap #step1 .receipt-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 26.125rem;
  height: 42.5rem;
  border-radius: 0 0 0.625rem 0.625rem;
  background: #fff;
  background: url(https://cdn.banggooso.com/assets/images/game291/story/receipt-bg.png) no-repeat center / contain;
  padding-top: 5.63rem;
}

.game-wrap #step1 .receipt-wrap .receipt-top {
  display: flex;
  flex-direction: column;
  gap: 0.62606rem;
}

.game-wrap #step1 .receipt-wrap .receipt-top .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1.81rem 0 1.75rem;
}

.game-wrap #step1 .receipt-wrap .receipt-top .title-wrap p:first-child {
  display: flex;
  align-items: center;
  gap: 0.11381rem;
  color: #000;
  text-align: center;
  font-family: 'DungGeunMo';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.045rem;
}

.game-wrap #step1 .receipt-wrap .receipt-top .title-wrap p:first-child span:last-child {
  font-size: 0.9375rem;
  font-style: normal;
  letter-spacing: normal;
}

.game-wrap #step1 .receipt-wrap .receipt-top .title-wrap p:last-child {
  color: #000;
  font-family: 'DungGeunMo';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.04rem;
}

.game-wrap #step1 .receipt-wrap .receipt-top .divider-wrap {
  display: flex;
  padding: 0.73994rem 0.05694rem 0 0.05694rem;
  justify-content: center;
  gap: 0.3415rem;
  color: #000;
  text-align: center;
  font-family: 'DungGeunMo';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.045rem;
}

.game-wrap #step1 .receipt-wrap .receipt-top .divider-wrap span {
  color: rgba(0, 0, 0, 0.9);
  font-size: 0.91069rem;
  letter-spacing: 0.00913rem;
}

.game-wrap #step1 .receipt-wrap .receipt-bottom {
  display: flex;
  padding: 1.375rem 0 0 1.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.875rem;
  opacity: 0;
  transition: opacity 2s ease-in;
}

.game-wrap #step1 .receipt-wrap .receipt-bottom.fade-in {
  opacity: 1;
}

.game-wrap #step1 .receipt-wrap .receipt-bottom p {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.6875rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.53125rem;
}

.game-wrap #step1 > button {
  display: flex;
  width: 28.25rem;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 6.25rem;
  background: #46467a;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.03);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem;
}

/* 본문 */
.game-wrap .step:not(#step1) {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3.75rem 1.875rem 0 1.875rem;
}

.game-wrap .step .scroll-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2rem;
  overflow-y: auto;
  height: 100%;
  padding: 1.875rem 0 17.375rem;
}

.game-wrap #step2 .scroll-wrap {
  gap: 1.75rem;
}

.game-wrap .step .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
}

.game-wrap .step .top img {
  width: 3.75rem;
  height: auto;
}

.game-wrap #step8 .top img {
  width: 6.5625rem;
}

.game-wrap #step9 .top img {
  width: 6.3125rem;
}

.game-wrap .step .top .title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}

.game-wrap .step .top .title-wrap .sub-title {
  display: flex;
  padding: 0.25rem 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 3.75rem;
  background: rgba(131, 121, 236, 0.16);
  color: #46467a;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.875rem;
  opacity: 0.74;
}

.game-wrap .step .top .title-wrap .main-title {
  color: #46467a;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.625rem;
  letter-spacing: -0.035rem;
}

.game-wrap .step .middle {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  gap: 2rem;
}

.game-wrap .step .middle .middle-title {
  color: #8379ec;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
}

.game-wrap #step2 .middle {
  gap: 1.75rem;
}

.game-wrap .step .middle .input-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.game-wrap .step .middle .input-wrap .tip {
  color: #8e8e8e;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.575rem;
  padding: 0 0.75rem;
  opacity: 0.8;
}

.game-wrap .step .middle .input-wrap .input-box {
  display: flex;
  width: 26.25rem;
  padding: 1.375rem 1.25rem 1.5rem 1.5rem;
  justify-content: space-between;
  align-items: flex-end;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.03);
}

.game-wrap .step .middle .input-wrap .input-box.focused {
  border: 1px solid #8379ec;
  background: #fff;
}

.game-wrap .step .middle .input-wrap .input-box .input-text {
  width: 20.3125rem;
  height: auto;
  color: #46467a;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
  background-color: transparent;
  border-radius: 0.1px;
  outline: none;
  resize: none;
  overflow: hidden;
}

.game-wrap .step .middle .input-wrap .input-box .input-text::placeholder {
  color: #b0b0b0;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2.25rem;
}

.game-wrap .step .middle .input-wrap .input-box .input-counting {
  color: #b0b0b0;
  text-align: right;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6875rem;
}

.game-wrap .step .middle .input-wrap .input-box .input-counting span.has-text {
  color: #8379ec;
}

.game-wrap .step .middle .answer-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 0 0.5625rem;
  width: 100%;
  column-gap: 1.5rem;
  row-gap: 1rem;
}

.game-wrap .step .middle .answer-list .answer-box {
  display: flex;
  height: 7.375rem;
  padding: 1.25rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  text-align: center;
  color: #46467a;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.95rem;
  cursor: pointer;
}

.game-wrap .step .middle .answer-list .answer-box.selected {
  background: #cfcff5;
  border: 1px solid #cfcff5;
}

.game-wrap .step .bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 100%;
  padding: 2.5em 1.5rem 1.75rem;
  align-items: center;
  background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 24%);
}

.game-wrap .step .bottom .next-btn {
  display: flex;
  width: 100%;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  border-radius: 6.25rem;
  opacity: 0.3;
  background: #46467a;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.03);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.25rem;
  cursor: not-allowed;
}

.game-wrap .step .bottom .next-btn.active {
  opacity: 1;
  cursor: pointer;
}

.game-wrap .step .bottom .next-btn.active:active {
  opacity: 0.7;
}

.game-wrap .step .bottom .next-btn span {
  color: #fff;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6875rem;
  opacity: 0.6;
}

.game-wrap .step .bottom .next-btn.active span {
  color: #9d9dff;
}

.game-wrap #step3 .middle .answer-list,
.game-wrap #step8 .middle .answer-list {
  grid-template-columns: 1fr;
  row-gap: 0.75rem;
  padding: 0;
}

.game-wrap #step3 .middle .answer-list .answer-box,
.game-wrap #step8 .middle .answer-list .answer-box {
  padding: 1.375rem 1.25rem 1.5rem 1.25rem;
  height: auto;
}

.game-wrap #step6 .middle .answer-list .answer-box,
.game-wrap #step9 .middle .answer-list .answer-box {
  height: 4.25rem;
}

/* 결과 */
.game-wrapper.basic .game-result {
  padding: 0;
}

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

.game-result .result-content .content-top {
  display: flex;
  padding: 6rem 1.875rem 4.25rem 1.875rem;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}

.game-result .result-content .title-wrap {
  display: flex;
  padding-bottom: 1.5rem;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
}

.game-result .result-content .title-wrap .main-title {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.8125rem;
}

.game-result .result-content .title-wrap .sub-title {
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.0625rem;
  opacity: 0.6;
}

.game-result .result-content .result-receipt-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  width: 25rem;
  height: 35.4375rem;
  overflow: auto;
}

.game-result .result-content .result-receipt-wrap .receipt-box {
  position: relative;
  width: 22.125rem;
  height: 1.1875rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/receipt-hole.png) no-repeat top / contain;
}

.game-result .result-content .result-receipt-wrap .receipt-box .receipt-shadow-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 1;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap {
  width: 19.6875rem;
  height: 35rem;
  border-radius: 0.625rem;
  overflow: hidden;
  margin: 0.19rem auto 0;
  transform: translateY(-100%);
  transition: transform 1.5s ease-out;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap.show {
  transform: translateY(0.7%);
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .capture-box {
  width: 19.6875rem;
  height: 35rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .capture-bg-img {
  width: 100%;
  height: 100%;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 3.81rem 1.3125rem 3.7rem 1.375rem;
  width: 100%;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .top .name {
  color: #000;
  text-align: center;
  font-family: 'GalmuriMono11';
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .top .date-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  color: #000;
  text-align: center;
  font-family: 'GalmuriMono11';
  font-size: 0.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .top .date-wrap .date-box {
  display: flex;
  align-items: center;
  gap: 0.125rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle {
  display: flex;
  flex-direction: column;
  margin-top: 0.375rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .t-head {
  display: flex;
  padding: 0.25rem 0;
  justify-content: space-between;
  align-items: center;
  border-top: 0.5px solid #000;
  border-bottom: 0.5px solid #000;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.72919rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.09375rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .t-head .t-head-1 {
  width: 1.75rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .t-head .t-head-3 {
  width: 2.1875rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .selected-emotion {
  display: flex;
  padding: 0.43rem 0;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px dashed #000;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .selected-emotion .month {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.03125rem;
  letter-spacing: -0.03438rem;
  width: 1.75rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .selected-emotion .desc {
  display: flex;
  align-items: center;
  color: #000;
  font-family: 'Pretendard';
  font-size: 0.6875rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.9625rem;
  padding: 0 0.375rem;
  width: 13.0625rem;
  height: 2.14463rem;
}

.game-result .result-content .result-receipt-wrap .receipt-box .capture-wrap .content .middle .selected-emotion .score {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.125rem;
  width: 2.1875rem;
}

.game-result .result-receipt-wrap .receipt-box .capture-wrap .content .middle .selected-emotion .score span {
  font-size: 0.68625rem;
}

.game-result .result-receipt-wrap .receipt-box .capture-wrap .content .bottom {
  display: flex;
  padding: 0.51469rem 0;
  align-items: center;
  justify-content: space-between;
}

.game-result .result-receipt-wrap .receipt-box .capture-wrap .content .bottom .total-text {
  color: #000;
  font-family: 'Pretendard';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.125rem;
}

.game-result .result-receipt-wrap .receipt-box .capture-wrap .content .bottom .total-score {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 800;
  line-height: 1.125rem;
  padding-right: 0.36rem;
}

.game-result .result-content .capture-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: center;
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6875rem;
  opacity: 0.5;
}

.game-result .result-content .capture-text::before {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/arrow-top-gray.png) no-repeat center / contain;
}

.game-result .result-content .capture-text::after {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/arrow-top-gray.png) no-repeat center / contain;
}

.game-result .share-sns-list {
  margin: 0;
  gap: 1rem;
}

.game-result .result-content .content-bottom {
  display: flex;
  width: 100%;
  padding: 2.5rem 1.875rem 0;
  flex-direction: column;
  align-items: center;
  gap: 4.5rem;
  border-radius: 3.125rem 3.125rem 0 0;
}

.game-result .result-content .content-bottom .content-box {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}

.game-result .result-content .content-bottom .content-box .content-title {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.1875rem;
}

.game-result .result-content .content-bottom .content-box .content-title::before {
  content: '';
  display: block;
  width: 1.375rem;
  height: 3.1875rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/hashtag.png) no-repeat center / contain;
}

.game-result .result-content .content-bottom .content-box .content-desc-wrap {
  display: flex;
  padding-bottom: 0.25rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.25rem;
}

.game-result .result-content .content-bottom .content-box:first-child .content-desc-wrap {
  gap: 1rem;
}

.game-result .result-content .content-bottom .content-box .content-desc-wrap .my-this-year-text {
  display: flex;
  padding: 1rem 1.25rem 1.125rem 1.25rem;
  justify-content: flex-start;
  align-items: center;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.0625rem;
  width: 100%;
}

.game-result .result-content .content-bottom .content-box .content-desc-wrap .my-next-year-text {
  display: flex;
  gap: 0.5rem;
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.0625rem;
  opacity: 0.8;
}

.game-result .result-content .content-bottom .content-box .content-desc-wrap .my-next-year-text .highlight {
  font-weight: 700;
}

.game-result .result-content .content-bottom .content-box .content-desc-wrap .my-next-year-text::before {
  content: '•';
  display: inline-block;
  font-size: 1.375rem;
}

.game-result .result-content .content-bottom .content-box .content-desc-wrap .emotion-intro-wrap {
  display: flex;
  width: 100%;
  padding: 1.25rem 1.875rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-radius: 1.875rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-content-wrap {
  display: none;
  padding-top: 2.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.75rem;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap.active .detail-content-wrap {
  display: flex;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-content-wrap .img-wrap {
  position: relative;
  width: 20rem;
  height: 36.25rem;
  border-radius: 3.375rem;
  border: 7px solid #fff;
  overflow: hidden;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-content-wrap .img-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-content-wrap p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.875rem;
  opacity: 0.8;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-content-wrap p span {
  font-weight: 700;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .intro-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .intro-top .intro-text-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .intro-top .intro-text-wrap .sub-title {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.75rem;
  opacity: 0.8;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .intro-top .intro-text-wrap .main-title {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3rem;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .intro-top .emotion-card-img {
  width: 7.125rem;
  height: auto;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-btn {
  display: flex;
  padding: 0.375rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 3.125rem;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6875rem;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap .detail-btn::before {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/arrow-bottom-gray.png) no-repeat center /
    contain;
}

.game-result .result-content .content-bottom .content-box .emotion-intro-wrap.active .detail-btn::before {
  transform: rotate(180deg);
}

.game-result .result-content .content-bottom .emotion-cta-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}

.game-result .result-content .content-bottom .emotion-cta-wrap .cta-title {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.1rem;
  opacity: 0.8;
}

.game-result .result-content .content-bottom .emotion-cta-wrap .cta-title span {
  font-weight: 700;
}

.game-result .result-content .content-bottom .emotion-cta-wrap .cta-btn-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

.game-result .result-content .content-bottom .cta-btn {
  display: flex;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.625rem;
  width: 100%;
}

.game-result .result-content .content-bottom .emotion-cta-wrap .cta-btn-wrap p {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6875rem;
  opacity: 0.5;
}

.game-result .result-content .content-bottom .emotion-cta-wrap .cta-btn-wrap p::before {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/arrow-bottom-gray.png) no-repeat center /
    contain;
  transform: rotate(180deg);
}

.game-result .result-content .content-bottom .emotion-cta-wrap .cta-btn-wrap p::after {
  content: '';
  display: block;
  width: 0.75rem;
  height: 0.5625rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/result/arrow-bottom-gray.png) no-repeat center /
    contain;
  transform: rotate(180deg);
}

.game-result .result-content .content-bottom .restart-wrap {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list {
  padding-top: 0;
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .list-title span {
  color: #fff;
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .list-title .countBox .countImg {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/result/share.png);
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .list-title .countBox .countNumber {
  color: #fff;
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .btn-share {
  background-color: rgba(255, 255, 255, 0.15);
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .btn-share.kakao {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/result/kakao.png);
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .btn-share.twitter {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/result/twitter.png);
}

.game-result .result-content .content-bottom .restart-wrap .share-sns-list .btn-share.link-copy {
  background-image: url(https://cdn.banggooso.com/assets/images/game291/share/result/link-copy.png);
}

.game-result .result-content .content-bottom .restart-wrap .restart-btn {
  display: flex;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  color: #000;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.625rem;
  width: 100%;
}

.game-result .result-content .content-bottom .more-content-wrap {
  display: flex;
  padding-top: 2.5rem;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  border-radius: 1.875rem 1.875rem 0 0;
  background: rgba(0, 0, 0, 0.5);
  width: calc(100% + 1.875rem * 2);
}

.game-result .result-content .content-bottom .more-content-wrap .contents-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: unset;
  border-radius: unset;
  margin-bottom: 0;
  width: 100%;
}

.game-result .result-content .content-bottom .more-content-wrap .contents-more .contents-main {
  display: flex;
  padding: 0 2rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 0.33338rem;
  margin: 0;
  width: 100%;
}

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

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

.game-result .result-content .content-bottom .more-content-wrap .contents-more .contents-main .sub-text {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.50013rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.16681rem;
  margin: 0;
}

.game-result .result-content .content-bottom .more-content-wrap .contents-more .contents-list {
  display: flex;
  padding: 0 1.06rem;
  flex-direction: column;
  align-items: center;
  margin: 0;
  border-left: unset;
  width: 100%;
}

.game-result .result-content .content-bottom .more-content-wrap .contents-more .contents-list .game-btn {
  display: flex;
  width: 29.125rem;
  padding: 1.66681rem 2.00013rem;
  justify-content: space-between;
  align-items: center;
  border: unset;
  border-radius: unset;
  background-color: unset;
  border-top: 1.333px solid rgba(255, 255, 255, 0.2);
  margin: 0;
}

.game-result .result-content .content-bottom .more-content-wrap .contents-more .contents-list .game-btn::before {
  width: 2rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game291/common/arrow-right-white.png) no-repeat center / cover;
  left: unset;
  right: 2rem;
}

.game-result .result-content .content-bottom .more-content-wrap .contents-more .contents-list .game-btn a {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.3125rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.game-result .result-content .content-bottom .more-content-wrap .page-full {
  margin: 0;
  width: 100%;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list:before {
  height: 16.10869rem;
  background: #000;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .inner .title {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.49969rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.033rem;
  margin: 0;
  padding: 0 1.42rem 0.48rem;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .swiper-container {
  padding: 0 2.15rem 3.22rem;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .swiper-slide {
  width: 10.831rem;
  height: 13.33044rem;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .swiper-slide + .swiper-slide {
  margin-left: 1.65931rem;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .swiper-slide:last-child {
  margin-right: 0;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .slide-box {
  border: 5.332px solid #373c3f;
  background: #fff;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .slide-box .img-box {
  width: auto;
  height: 10.1645rem;
  margin: 0;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .slide-box .slide-text {
  color: #373c3f;
  font-family: 'Pretendard';
  font-size: 0.99981rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.022rem;
  margin: 0;
  padding: 0.69rem 0.83rem;
  width: 100%;
  height: unset;
  background-color: unset;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .btn-wrap {
  padding-bottom: 4rem;
}

.game-result .result-content .content-bottom .more-content-wrap .recommend-list .btn-wrap .btn-white-round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 15.24669rem;
  height: 3.99913rem;
  border-radius: 1.99956rem;
  background: #fff;
  color: #373c3f;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.24975rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.0275rem;
}