/* 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: 'DungGeunMo';
  src: url('https://cdn.banggooso.com/assets/images/game245/font/DungGeunMo.ttf');
}

html,
body {
  font-size: 16px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  overscroll-behavior: none;
  font-family: 'Pretendard';
  text-align: center;
}

@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.basic {
  letter-spacing: 0px;
}

/* 헤더 */
.game-wrapper.basic .app-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(0, 0, 0, 0.35);
  background-blend-mode: multiply;
  backdrop-filter: blur(8px);
  width: 100%;
  height: 3.75rem;
  padding: 0 1.25rem;
  position: absolute;
  z-index: 1;
  border-bottom: none;
}

.game-wrapper.basic .app-header .app-header-btn.back {
  display: block;
  background-image: url('https://cdn.banggooso.com/assets/images/game245/common/back.png');
  position: relative;
  width: 2.625rem;
  height: 2.635rem;
  background-size: 100%;
  transform: none;
  top: 0;
}

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

.game-wrapper .app-header .sound {
  visibility: hidden;
  width: 2.625rem;
  height: 2.635rem;
}
/* 모달 */

/* 인트로 페이지 */
.game-wrapper.basic .game-intro {
  overflow: auto;
  padding: 0;
  height: 100%;
  padding-top: 3.75rem;
  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-intro .intro-wrap {
}

.game-intro .intro-wrap .intro-input-container {
  padding: 0 2.5rem;
}

.game-intro .intro-wrap .intro-image {
  width: 29.25rem;
  height: 25.9375rem;
  margin-top: 1.44rem;
}

.game-intro .intro-wrap .intro-tooltip {
  width: 17.5625rem;
  height: 3.0625rem;
  margin: 1rem auto 0.69rem;
}

.game-intro .intro-wrap .intro-input-container .intro-input-box {
  border-radius: 1.25rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
  width: 100%;
  display: flex;
  width: 26.25rem;
  padding: 1.375rem 1.25rem 1.5rem 1.5rem;
  align-items: center;
}

.game-intro .intro-wrap .intro-input-container .intro-input-box.focused {
  border: 1px solid #8379ec !important;
}

.game-intro .intro-wrap .intro-input-container .intro-input-box .name-input {
  color: #46467a;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%; /* 2.25rem */
  width: 100%;
  text-align: center;
  overflow: hidden;
  background-color: transparent;
  outline: none;
  border-radius: 0.1px;
}

.game-intro .intro-wrap .intro-input-container .intro-input-box .name-input::placeholder {
  color: #b0b0b0;
}

.game-intro .intro-wrap .intro-start-box {
  padding: 0 1.88rem;
  margin-bottom: 3rem;
}

.game-intro .intro-wrap .intro-start {
  margin-top: 2.25rem;
  width: 100%;
  border-radius: 6.25rem;
  opacity: 0.3;
  font-family: 'Pretendard';
  background: #46467a;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
}
.game-intro .intro-wrap .intro-start.active {
  cursor: pointer;
  opacity: 1;
}

.game-intro .intro-wrap .intro-start p {
  color: #fff;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%; /* 2.625rem */
}

/* 튜토리얼 페이지 */
.game-wrap .tutorial-wrap {
  height: 100%;
  overflow: auto;
  padding: 0 1.5rem;
  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-wrap .tutorial-wrap .receipt {
  width: 26.125rem;
  height: 41.75rem;
  padding: 4.94rem 0 0.375rem;
  border-radius: 0rem 0rem 0.625rem 0.625rem;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.05);
  background-image: url('https://cdn.banggooso.com/assets/images/game245/tutorial/receipt_bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 auto;
}

.game-wrap .tutorial-wrap .receipt .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.75rem;
}

.game-wrap .tutorial-wrap .receipt .header p:nth-child(1) {
  color: #000;
  font-family: 'DungGeunMo';
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.045rem;
}

.game-wrap .tutorial-wrap .receipt .header p:nth-child(1) span {
  color: #000;
  font-family: 'DungGeunMo';
  font-size: 0.9375rem;
  font-weight: 400;
}

.game-wrap .tutorial-wrap .receipt .header p:nth-child(2) {
  color: #000;
  font-family: 'DungGeunMo';
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: -0.04rem;
}

.game-wrap .tutorial-wrap .receipt .recap {
  color: #000;
  text-align: center;
  font-family: 'DungGeunMo';
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: -0.045rem;
}

.game-wrap .tutorial-wrap .receipt .recap span {
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-family: 'DungGeunMo';
  font-size: 0.91069rem;
  font-weight: 400;
  letter-spacing: 0.00913rem;
}

.game-wrap .tutorial-wrap .receipt .text-1 {
  margin: 1.63rem 1.75rem 0;
  display: none;
}

.game-wrap .tutorial-wrap .receipt .text-1,
.game-wrap .tutorial-wrap .receipt .text-2,
.game-wrap .tutorial-wrap .receipt .text-3 {
  color: #000;
  font-size: 1.63rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
  text-align: left;
}

.game-wrap .tutorial-wrap .receipt .text-2,
.game-wrap .tutorial-wrap .receipt .text-3 {
  margin: 1.62rem 1.75rem 0;
  display: none;
}

.game-wrap .tutorial-wrap .game-start {
  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;
  background: #46467a;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
  margin: 2.5rem 0 7rem;
  cursor: pointer;
  display: none;
}

.game-wrap .tutorial-wrap .game-start p {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'Pretendard';
  line-height: 150%; /* 2.25rem */
}

/* 문제 페이지 */
.game-wrap .question-wrap {
  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;
  padding: 5.63rem 1.88rem 0;
  height: 100%;
  overflow: auto;
}

.game-wrap .question-wrap .emotion-symbol {
  margin: 0 auto;
  object-fit: contain;
  width: 4rem;
  height: 4rem;
}

.game-wrap .question-wrap .question-title-box {
  margin-bottom: 2.5rem;
}

.game-wrap .question-wrap .input-wrap {
  margin-bottom: 17.375rem;
}

.game-wrap .question-wrap .select-text-1,
.game-wrap .question-wrap .select-text-2 {
  color: #8379ec;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
}
.game-wrap .question-wrap .select-text-1 {
  margin-bottom: 1rem;
}
.game-wrap .question-wrap .select-text-2 {
  margin: 2.5rem 0 1rem;
}

.game-wrap .question-wrap .question-title-box .question-title-1,
.game-wrap .question-wrap .question-title-box .question-title-2 {
  color: #000;
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 150%; /* 2.625rem */
  margin-top: 0.885rem;
}

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

.game-wrap .question-wrap .answer-input-box-1.focused,
.game-wrap .question-wrap .answer-input-box-2.focused {
  border: 1px solid #8379ec !important;
  background: #fff !important;
}

.game-wrap .question-wrap .answer-input-box-1 .input-1,
.game-wrap .question-wrap .answer-input-box-2 .input-2 {
  width: 21rem;
  height: 2.25rem;
  outline: none;
  background-color: transparent;
  color: #46467a;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 150%;
  border-radius: 0.1px;
  resize: none;
  overflow: hidden;
}

.game-wrap .question-wrap .answer-input-box-1 .input-1::placeholder,
.game-wrap .question-wrap .answer-input-box-2 .input-2::placeholder {
  color: #b0b0b0;
}

.game-wrap .question-wrap .input-valid {
  margin-top: 1rem;
  color: #8e8e8e;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%; /* 1.6875rem */
  display: block;
  opacity: 0.8;
}

.game-wrap .question-wrap .answer-input-box-1 .input-counting-1,
.game-wrap .question-wrap .answer-input-box-2 .input-counting-2 {
  color: #b0b0b0;
  text-align: right;
  height: 2.25rem;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 2.25rem;
}

.game-wrap .question-wrap .answer-input-box-1 .input-counting-1 .has-text,
.game-wrap .question-wrap .answer-input-box-2 .input-counting-2 .has-text {
  color: #8379ec;
}

.game-wrap .question-wrap .answer-list {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
  margin-bottom: 17.375rem;
}

.game-wrap .question-wrap .select-text {
  color: #8379ec;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 150%;
}

.game-wrap .question-wrap .answer-list.grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 1rem;
}
.game-wrap .question-wrap .answer-list.grid.small {
  row-gap: 1rem; /* 상하 간격 */
  column-gap: 1.5rem;
}

.game-wrap .question-wrap .answer-list .answer-btn-box {
  width: 26.25rem;
  margin: 0 auto;
}
.game-wrap .question-wrap .answer-list.grid .answer-btn-box {
  width: 7.375rem;
  height: 7.375rem;
}
.game-wrap .question-wrap .answer-list.grid.small .answer-btn-box {
  height: 4.25rem;
}

.game-wrap .question-wrap .answer-list .answer-btn-box .answer-btn {
  padding: 1.375rem 1.25rem 1.5rem 1.25rem;
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
  cursor: pointer;
}
.game-wrap .question-wrap .answer-list.grid.small .answer-btn-box .answer-btn {
  padding: 0;
}

.game-wrap .question-wrap .answer-list .answer-btn-box .answer-btn .answer-value {
  color: #46467a;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'Pretendard';
  line-height: 150%;
}

.game-wrap .question-wrap .answer-list.grid .answer-btn-box .answer-btn .answer-value {
  font-weight: 500;
  color: #000;
}
.game-wrap .question-wrap .answer-list.grid .answer-btn-box .answer-btn .answer-image {
  width: 1.75rem;
  height: 1.75rem;
  margin-bottom: 0.25rem;
}

.game-wrap .question-wrap .answer-list .answer-btn-box .answer-btn.selected {
  background: #cfcff5;
  border: 1px solid transparent;
}

.game-wrap .question-bottom-box {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  width: 31.25rem;
  padding: 3.75rem 1.5rem 2.5rem 1.5rem;
  align-items: center;
  gap: 1rem;
  background: linear-gradient(180deg, rgba(246, 246, 246, 0) 0%, #f6f6f6 30%);
}

.game-wrap .question-bottom-box .question-change {
  cursor: pointer;
  display: flex;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 6.25rem;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
}

.game-wrap .question-bottom-box .question-change .question-change-text {
  color: #46467a;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'Pretendard';
  line-height: 150%;
}
.game-wrap .question-bottom-box .question-change .change-icon {
  width: 1.625rem;
  height: 1.625rem;
}

.game-wrap .question-bottom-box .next {
  display: flex;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.75rem;
  flex: 1 0 0;
  border-radius: 6.25rem;
  opacity: 0.3;
  background: #46467a;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.03);
}
.game-wrap .question-bottom-box .next.active {
  cursor: pointer;
  opacity: 1;
}

.game-wrap .question-bottom-box .next .next-text {
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 600;
  font-family: 'Pretendard';
  line-height: 150%; /* 2.25rem */
}

.game-wrap .question-bottom-box .next .complete-count {
  color: #fff;
  text-align: right;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 150%;
  opacity: 0.6;
}

/* 결과 페이지 */
.game-wrapper.basic .game-result {
  padding: 3.75rem 0 0 0;
}

.result-content-wrap .result-content {
  border-radius: 3.125rem 3.125rem 0rem 0rem;
}

.result-content-wrap .result-content .result-content-space {
  padding: 2.5rem 1.88rem 0;
}

/* 영수증 UI */
.result-capture-box-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 3.5rem;
}

.result-capture-box-wrap .result-title {
  color: #000;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 2.8125rem;
  margin-top: 2.56rem;
}

.result-capture-box-wrap .printing {
  color: #000;
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 150%; /* 2.0625rem */
  margin: 0.38rem 0 1.5rem;
  opacity: 0.6;
}

.result-capture-box-wrap .receipt-output-slot-wrap {
  position: relative;
  overflow: auto;
  width: 25rem;
  height: 36.4375rem;
  display: flex;
  justify-content: center;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot {
  width: 22.125rem;
  height: 1.1875rem;
  background-image: url('https://cdn.banggooso.com/assets/images/game245/result/receipt-output-slot.png');
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
}

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

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .border-capture-wrap.active {
  transform: translateY(0.7%);
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt {
  width: 19.6875rem;
  height: 35rem;
  margin: 0 auto;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .gradient {
  border-radius: 0.625rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 2.41%);
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  height: 1.313rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .capture-bg {
  width: 20rem;
  height: 100%;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .img-object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 16.79231rem;
  margin: 0 auto;
  padding-top: 2.8rem;
}

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

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .date-box {
  display: flex;
  align-items: center;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .date-box
  .date-text-1 {
  color: #000;
  text-align: center;
  font-family: 'DungGeunMo';
  font-size: 0.81494rem;
  font-weight: 400;
  display: inline-block;
  letter-spacing: -0.03263rem;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .date-box
  .date-text-2 {
  font-family: 'DungGeunMo';
  font-size: 0.68625rem;
  margin-left: 0.09rem;
  margin-right: 0.17rem;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .date-box
  .date-text-3 {
  margin-right: 0.34rem;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .date-box
  .date-text-3,
.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .date-box
  .date-text-4 {
  color: #000;
  text-align: center;
  font-family: 'DungGeunMo';
  font-size: 0.81494rem;
  font-weight: 400;
  line-height: normal;
  letter-spacing: -0.03263rem;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .content-header
  .nick-name {
  color: #000;
  font-family: 'DungGeunMo';
  font-size: 0.72919rem;
  font-weight: 400;
  letter-spacing: -0.02919rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .recap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.6rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .recap span {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'DungGeunMo';
  font-size: 0.68625rem;
  font-weight: 400;
  letter-spacing: 0.00688rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .recap p {
  color: #000;
  font-family: 'DungGeunMo';
  font-size: 0.8rem;
  font-weight: 400;
  white-space: pre;
  letter-spacing: -0.03263rem;
  margin: 0 0.26rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.47rem;
  border-bottom: 1px dashed #000;
  padding-bottom: 0.43rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box .t-head-1,
.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box .t-head-2,
.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box .t-head-3 {
  color: #000;
  text-align: center;
  font-size: 0.72919rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 1.09375rem */
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box .t-head-1,
.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box .t-head-3 {
  width: 1.50125rem;
}

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .t-head-box .t-head-2 {
  width: 12.00981rem;
}

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

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .selected-emotion-list
  .selected-emotion
  .selected-emotion-title {
  color: #000;
  font-size: 0.72919rem;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.03644rem;
  width: 1.84438rem;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .selected-emotion-list
  .selected-emotion
  .selected-emotion-content {
  color: #000;
  font-size: 0.72919rem;
  font-weight: 500;
  line-height: 1.07231rem; /* 147.059% */
  width: 12.07415rem;
  height: 2.14461rem;
  text-align: left;
  display: flex;
  align-items: center;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .selected-emotion-list
  .selected-emotion
  .selected-emotion-score {
  display: flex;
  width: 2rem;
  align-items: center;
  color: rgba(0, 0, 0, 0.9);
  text-align: center;
  font-size: 0.72919rem;
  font-weight: 500;
  justify-content: space-between;
  line-height: 150%; /* 1.09375rem */
}

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

.result-capture-box-wrap .receipt-output-slot-wrap .receipt-output-slot .result-receipt .content .total-score-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 0.4rem;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .total-score-box
  .total-score {
  position: relative;
  bottom: 1px;
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .total-score-box
  .total-text {
  color: #000;
  font-size: 0.72919rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 1.09375rem */
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .total-score-box
  .total-score {
  color: #000;
  font-size: 0.72919rem;
  font-weight: 800;
  line-height: 150%; /* 1.09375rem */
}

.result-capture-box-wrap
  .receipt-output-slot-wrap
  .receipt-output-slot
  .result-receipt
  .content
  .total-score-box
  .total-score
  span {
  font-size: 0.68627rem;
}

/* 나의 감정 분포도 */
.result-content-wrap .my-emotion-spectrum-wrap {
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-title {
  color: #fff;
  font-size: 2.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  text-align: left;
  margin-bottom: 2rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container {
  position: relative;
  height: 20.875rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6 {
  position: absolute;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6 {
  z-index: -1;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1 svg {
  width: 100%;
  height: 100%;
  position: absolute;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1 {
  left: 50%;
  transform: translateX(-50%);
}

/* 심볼 모양 및 위치 값 {s} */
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-1 {
  width: 15.3125rem;
  height: 14.8125rem;
  top: 3.69rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-2 {
  width: 14.25rem;
  height: 14.0625rem;
  top: 4.56rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-3 {
  width: 14.25rem;
  height: 16.8125rem;
  top: 2.25rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-4 {
  width: 16.1875rem;
  height: 14rem;
  top: 4.69rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-5 {
  width: 15.875rem;
  height: 14rem;
  top: 5.25rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-6 {
  width: 14.9375rem;
  height: 14.9375rem;
  top: 4.31rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-7 {
  width: 15.56244rem;
  height: 15.56244rem;
  top: 3.69rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-8 {
  width: 14.625rem;
  height: 13.9375rem;
  top: 4.62rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-9 {
  width: 14.1875rem;
  height: 14.1875rem;
  top: 4.5rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-10 {
  width: 14.48638rem;
  height: 13.81288rem;
  top: 4.63rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-11 {
  width: 14.6875rem;
  height: 14.6875rem;
  top: 4.19rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-12 {
  width: 11.81538rem;
  height: 11.81538rem;
  top: 3.06rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-13 {
  width: 17.0625rem;
  height: 17.0625rem;
  top: 3.06rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-14 {
  width: 16.3125rem;
  height: 16.3125rem;
  top: 3.5rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-15 {
  width: 13.8125rem;
  height: 13.25rem;
  top: 4.94rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-1.shape-16 {
  width: 17.375rem;
  height: 16.1875rem;
  top: 2.75rem;
}
/* 심볼 모양 및 위치 값 {e} */

/* 심볼 배치 값 {s} */
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2 {
  width: 9.375rem;
  height: 9.375rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2.layout-1 {
  left: 0.19rem;
  top: 0.94rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2.layout-2 {
  right: 0;
  bottom: 0;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2.layout-3 {
  top: 2.31rem;
  right: 0;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-2.layout-4 {
  left: 0.06rem;
  bottom: 0.06rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3 {
  width: 7.8125rem;
  height: 7.8125rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3.layout-1 {
  right: 1.44rem;
  top: 0.44rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3.layout-2 {
  left: 1.25rem;
  top: 2.12rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3.layout-3 {
  left: 0.13rem;
  bottom: 0.44rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-3.layout-4 {
  right: 0.88rem;
  top: 1.44rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4 {
  width: 6.25rem;
  height: 6.25rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4.layout-1 {
  right: 2.5rem;
  bottom: 0;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4.layout-2 {
  right: 3.56rem;
  top: 0.19rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4.layout-3 {
  left: 4.37rem;
  top: 0.88rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-4.layout-4 {
  right: 0.5rem;
  bottom: 1.94rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5 {
  width: 5rem;
  height: 5rem;
  background: rgba(255, 255, 255, 0.08);
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5.layout-1 {
  right: 0.56rem;
  bottom: 6.94rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5.layout-2 {
  left: 2rem;
  bottom: 1.13rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5.layout-3 {
  right: 1.56rem;
  bottom: 1.25rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-5.layout-4 {
  left: 0.69rem;
  top: 4.81rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6 {
  width: 3.75rem;
  height: 3.75rem;
  background: rgba(255, 255, 255, 0.08);
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6.layout-1 {
  left: 2.31rem;
  bottom: 2.81rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6.layout-2 {
  right: 1.19rem;
  top: 6.81rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6.layout-3 {
  left: 0.56rem;
  top: 6.56rem;
}
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-figure-rank-6.layout-4 {
  left: 5.69rem;
  top: 0.94rem;
}
/* 심볼 배치 값 {e} */

/* 심볼 텍스트 값 {s} */
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-1 {
  color: #fff;
  font-size: 3.75rem;
  font-weight: 700;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-2,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-3,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-4,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-5,
.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-6 {
  font-weight: 600;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-2 {
  color: rgba(255, 255, 255, 0.9);
  font-size: 2.5rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-3 {
  color: rgba(255, 255, 255, 0.8);
  font-size: 2.25rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-4 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.875rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-5 {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.625rem;
}

.result-content-wrap .my-emotion-spectrum-wrap .my-emotion-spectrum-container .emotion-text-rank-6 {
  color: rgba(255, 255, 255, 0.4);
  font-size: 1.1875rem;
}
/* 심볼 텍스트 값 {e} */

.result-content-wrap .realize-emotion-container {
  padding-top: 5.5rem;
}

.result-content-wrap .realize-emotion-container .realize-title {
  color: #fff;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 150%; /* 3.1875rem */
  padding-bottom: 1.25rem;
  text-align: left;
}

.result-content-wrap .realize-emotion-container .realize-emotion-box {
  display: flex;
  align-items: center;
  border-radius: 1.5rem;
  background: rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
  padding: 1rem 1.25rem 1.125rem 1.25rem;
  gap: 1rem;
  margin-bottom: 1rem;
  min-height: 5.875rem;
  width: 100%;
}

.result-content-wrap .realize-emotion-container .realize-emotion-box .realize-image-box {
  display: flex;
  width: 3.25rem;
  height: 3.125rem;
  padding-bottom: 0.125rem;
  justify-content: space-between;
  align-items: flex-end;
}

.result-content-wrap .realize-emotion-container .realize-emotion-box .realize-image-box .realize-image {
  width: 3.25rem;
  height: 3rem;
}

.result-content-wrap .realize-emotion-container .realize-emotion-box .realize-text {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 150%; /* 1.875rem */
  opacity: 0.7;
  text-align: left;
  width: 100%;
}

.result-content-wrap .realize-emotion-container .realize-emotion-toggle-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.result-content-wrap .realize-emotion-container .realize-emotion-toggle-box .realize-emotion-toggle {
  border: none;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.result-content-wrap .realize-emotion-container .realize-emotion-toggle-box .realize-emotion-toggle p {
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 150%; /* 2.0625rem */
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  font-family: 'Pretendard';
}
.result-content-wrap .realize-emotion-container .realize-emotion-toggle-box .realize-emotion-toggle svg {
  width: 1.5rem;
  height: 1.5rem;
}

.result-content-wrap .welcome-emotion-store-container {
  margin-top: 5.5rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-title {
  color: #fff;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 150%; /* 3.1875rem */
  text-align: left;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-sub-title {
  color: #fff;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 150%; /* 1.96875rem */
  opacity: 0.7;
  text-align: left;
  padding: 1.25rem 0 1.5rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content {
  padding: 1.75rem 1.125rem 1.875rem 1.125rem;
  border-radius: 1.5rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-1 {
  display: flex;
  justify-content: space-between;
  padding-left: 0.5rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-1 .event-text-1 {
  width: 13.15555rem;
  height: 3.5625rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-1 .event-logo {
  width: 8.52394rem;
  height: 1.125rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-2 {
  display: flex;
  margin-top: 1rem;
  padding-left: 0.5rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-2 .event-text-2 {
  width: 17.0555rem;
  height: 3.5625rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-3 {
  margin-top: 1.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 0.5rem;
}

.result-content-wrap .welcome-emotion-store-container .welcome-emotion-store-content .content-section-3 .event-slide {
  height: 20.1875rem;
}

.result-content-wrap .what-emotion-store-container {
  margin-top: 5.5rem;
}

.result-content-wrap .what-emotion-store-container .what-emotion-store-title {
  color: #fff;
  font-size: 2.125rem;
  font-weight: 700;
  line-height: 150%;
  text-align: left;
}

.result-content-wrap .what-emotion-store-container .what-emotion-store-sub-title {
  color: #fff;
  font-size: 1.3125rem;
  font-weight: 400;
  line-height: 150%;
  opacity: 0.7;
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  text-align: left;
}

.result-content-wrap .what-emotion-store-container .mockup {
  width: 100%;
  height: 52.75rem;
  flex-shrink: 0;
  cursor: pointer;
}

.result-content-wrap .what-emotion-store-container .event-btn {
  display: flex;
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  cursor: pointer;
  width: 100%;
}

.result-content-wrap .what-emotion-store-container .event-btn p {
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 150%; /* 2.625rem */
  font-family: 'Pretendard';
}

.result-content-wrap .what-emotion-store-container .event-text-3 {
  height: 1.8125rem;
  margin-top: 1.25rem;
  width: 100%;
  object-fit: contain;
  margin-bottom: 3rem;
}

/* 공유하기 */
.game-intro .share-sns-list {
  margin: 0 auto 5.81rem;
}

.game-result .share-sns-list {
  margin: 0;
  padding-top: 1.25rem;
}

.game-result .share-sns-list .list-title,
.game-intro .share-sns-list .list-title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
}
.game-result .share-sns-list .list-title {
  margin-bottom: 1rem;
}

.game-result .share-sns-list .list-title span {
  color: #fff;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
  opacity: 0.7;
}

.game-result .receipt-share .share-sns-list .list-title span {
  color: #000;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-weight: 700;
  opacity: 0.7;
}

.game-intro .share-sns-list .list-title span {
  color: #000;
  text-align: center;
  font-size: 1.125rem;
  font-weight: 700;
}

.game-result .share-sns-list .list-title .countBox,
.game-intro .share-sns-list .list-title .countBox {
  margin-left: 0.25rem;
  display: flex;
  align-items: center;
}

.game-result .share-sns-list .list-title .countBox .countImg {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/share.png');
  background-position: center;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  opacity: 0.7;
}

.game-intro .share-sns-list .list-title .countBox .countImg {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/intro_share.png');
  background-position: center;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
}

.game-result .receipt-share .share-sns-list .list-title .countBox .countImg {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/receipt_share.png');
  opacity: 0.7;
}

.game-result .receipt-share .share-sns-list .list-title .countBox .countNumber {
  color: #000;
  opacity: 0.7;
}

.game-result .share-sns-list .list-title .countBox .countNumber {
  margin-left: 0.62rem;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 400;
  opacity: 0.7;
}

.game-intro .share-sns-list .list-title .countBox .countNumber {
  margin-left: 0.62rem;
  color: #000;
  font-size: 1.125rem;
  font-weight: 400;
  opacity: 0.7;
}

.game-result .receipt-share .share-sns-list .list {
  padding: 0;
}
.game-result .share-sns-list .list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-bottom: 2.5rem;
}

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

.game-result .share-sns-list .list .btn-share,
.game-intro .share-sns-list .list .btn-share {
  width: 3.75rem;
  height: 3.75rem;
}

.game-result .receipt-share .share-sns-list .btn-share.kakao {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/kakao_2.png');
  background-size: contain;
}
.game-result .share-sns-list .btn-share.kakao {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/kakao.png');
  background-size: contain;
}

.game-intro .share-sns-list .btn-share.kakao {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/intro_kakao.png');
  background-size: contain;
}

.game-result .share-sns-list .btn-share.instagram {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/instargram.png');
  background-size: contain;
}

.game-intro .share-sns-list .btn-share.instagram {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/intro_instagram.png');
  background-size: contain;
}

.game-result .receipt-share .share-sns-list .btn-share.twitter {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/twitter_2.png');
  background-size: contain;
}
.game-result .share-sns-list .btn-share.twitter {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/twitter.png');
  background-size: contain;
}

.game-intro .share-sns-list .btn-share.twitter {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/intro_twitter.png');
  background-size: contain;
}

.game-result .share-sns-list .btn-share.facebook {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/facebook.png');
  background-size: contain;
}

.game-intro .share-sns-list .btn-share.facebook {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/intro_facebook.png');
  background-size: contain;
}

.game-result .receipt-share .share-sns-list .btn-share.link-copy {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/link_2.png');
  background-size: contain;
}
.game-result .share-sns-list .btn-share.link-copy {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/link.png');
  background-size: contain;
}

.game-intro .share-sns-list .btn-share.link-copy {
  background-image: url('https://cdn.banggooso.com/assets/images/game245/share/intro_link.png');
  background-size: contain;
}

.result-content-wrap .restart {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6.25rem;
  width: 100%;
  cursor: pointer;
}

.result-content-wrap .restart a {
  padding: 1.375rem 1.5rem 1.5rem 1.5rem;
  color: #000;
  font-size: 1.75rem;
  font-weight: 700;
  width: 100%;
  height: 100%;
  font-family: 'Pretendard';
  line-height: 150%; /* 2.625rem */
}

/* 콘텐츠 더보기 */
.contents-more {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 1.875rem 1.875rem 0rem 0rem;
  border: none;
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 2.5rem 0;
  margin-top: 5.5rem;
}

.contents-more .contents-main .contents-logo img {
  width: 8.334rem;
}

.contents-more .contents-list {
  padding: 0 1.06rem !important;
}

.contents-more .contents-list .game-btn {
  width: 100%;
  border-radius: 0;
  margin: 0;
  text-align: left;
  padding: 1.66681rem 2.00013rem;
  position: relative;
  letter-spacing: 0.1px;
  background-color: transparent !important;
  border: none !important;
  border-top: 1.333px solid rgba(255, 255, 255, 0.2) !important;
  cursor: pointer;
  font-family: 'Pretendard';
  font-size: 1.3125rem !important;
  line-height: normal;
}

.contents-more .contents-list .game-btn a {
  color: #fff;
  font-size: 1.3125rem;
  font-weight: 600;
  font-family: 'Pretendard';
}

.contents-more .contents-list .game-btn:before {
  left: 90%;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-position: center;
  background-image: url('https://cdn.banggooso.com/assets/images/game245/result/right_arrow_white.png');
}

.contents-more .contents-main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin: 0 1.7rem 1rem 1.7rem;
}

.contents-more .contents-list {
  margin: 0 0 0.7rem 0;
  border-left: 1px solid #2c2b2f;
  border-left: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.contents-more .contents-list > div {
  border-top: 1.333px solid rgba(255, 255, 255, 0.2);
}

.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; /* 144.444% */
}

/* 추천 콘텐츠 */
.game-result .recommend-list .inner .title {
  color: #fff;
  font-family: 'Pretendard';
  font-size: 1.49969rem;
  font-weight: 600;
  letter-spacing: -0.033rem;
  margin-bottom: 0.5rem;
  padding-left: 3.2rem;
}

.game-result .recommend-list {
  background: rgba(0, 0, 0, 0.5);
}

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

.btn-white-round {
  width: 15.26381rem;
  height: 4.00363rem;
  font-size: 1.25113rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.game-result .recommend-list .inner {
  padding: 0 1.5rem;
}

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

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

.game-result .recommend-list .slide-box {
  width: 10.831rem;
  height: 13.33044rem;
  border: 0.3rem solid #373c3f;
}

.game-result .recommend-list .slide-box .img-box {
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 0;
  width: 100.5%;
  height: 100%;
}

.game-result .recommend-list .slide-box .slide-text {
  width: 10.164rem;
  padding: 0;
  position: absolute;
  bottom: 0.2rem;
  left: 51%;
  transform: translateX(-50%);
  color: #000;
  font-family: 'Pretendard-700';
  font-weight: 700;
  font-size: 0.99981rem;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

.game-result .recommend-list .slide-box .link {
  padding: 0;
}

.game-result .recommend-list .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 4rem 0;
  margin-top: 3.25rem;
}

.game-result .container .background-pattern {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}