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

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

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

.share-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(59, 56, 73, 0.5);
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.5rem;
}

.share-container .share-wrapper {
  display: flex;
  flex-flow: column;
  width: 100%;
  border-radius: 1rem;
  border: 1px solid #efd129;
  overflow: hidden;
}

.share-container .share-wrapper .top {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.5rem 0 1.25rem;
  background: linear-gradient(180deg, #fff7b2 0%, #ffef6b 100%);
}

.share-container .share-wrapper .top .close-btn {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
}

.share-container .share-wrapper .top .close-btn svg {
  width: 100%;
  height: 100%;
}

.share-container .share-wrapper .top p {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.share-container .share-wrapper .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 2.5rem;
  background: #fff;
}

.share-container .share-wrapper .bottom .share-sns-list {
  margin: 0;
}

.share-container .share-wrapper .bottom .list-title {
  display: none;
  margin: 0;
}

.share-container .share-wrapper .bottom .share-sns-list .list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

.share-container .share-wrapper .bottom .share-sns-list .list li + li {
  margin: 0;
}

.share-container .share-wrapper .bottom .share-sns-list .btn-share {
  width: 3.75rem;
  height: 3.75rem;
}

.share-container .share-wrapper .bottom .share-sns-list .btn-share.kakao {
  background: url(https://cdn.banggooso.com/assets/images/game263/common/share_kakao.png) no-repeat center / cover;
}

.share-container .share-wrapper .bottom .share-sns-list .btn-share.instagram {
  background: url(https://cdn.banggooso.com/assets/images/game263/common/share_insta.png) no-repeat center / cover;
}

.share-container .share-wrapper .bottom .share-sns-list .btn-share.facebook {
  background: url(https://cdn.banggooso.com/assets/images/game263/common/share_facebook.png) no-repeat center / cover;
}

.share-container .share-wrapper .bottom .share-sns-list .btn-share.twitter {
  background: url(https://cdn.banggooso.com/assets/images/game263/common/share_x.png) no-repeat center / cover;
}

.share-container .share-wrapper .bottom .share-sns-list .btn-share.link-copy {
  background: url(https://cdn.banggooso.com/assets/images/game263/common/share_link.png) no-repeat center / cover;
}

.hidden {
  display: none !important;
}

.game-wrapper {
  height: 100dvh !important;
  letter-spacing: normal;
}

.game-wrapper .game-intro {
  padding-bottom: 0;
  overflow: hidden;
}

.game-wrapper.basic .app-header {
  display: block !important;
  z-index: 999;
  height: 4.0625rem;
  background: rgba(59, 56, 73, 0.3);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: none;
  position: absolute;
  width: 100%;
}

.game-wrapper .app-header .app-header-btn.back {
  background: url(https://cdn.banggooso.com/assets/images/game260/common/back_white.png) no-repeat center / 0.66669rem
    1.3265rem;
  flex-shrink: 0;
  width: 3.5rem;
}

.game-wrapper .app-header .app-logo {
  background: url(https://cdn.banggooso.com/assets/images/game260/common/logo_white.png) no-repeat center / contain;
  background-size: contain;
}

.game-wrapper .app-header .share-btn {
  width: 3.5rem;
  height: 100%;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/header_share_ico.png) no-repeat 0.62rem/1.75rem
    1.875rem;
}

.game-wrapper .app-header.page .share-btn,
.game-wrapper .app-header.result .share-btn {
  display: none;
}

.game-wrapper .game-wrap {
  display: block;
  width: 100%;
  height: auto;
}

.game-wrapper .content-wrapper {
  position: relative;
  padding-top: 6.0625rem;
  padding-bottom: 8.81rem;
}

.game-wrapper .content-wrapper .top-btn-box {
  display: flex;
  width: 28.25rem;
  height: 6.75rem;
  margin: 0 auto;
  padding-left: 7.19rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/new_top_bg.png) no-repeat center / cover;
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.8);
  position: relative;
  z-index: 1;
  margin-bottom: 0.75rem;
  gap: 0.5rem;
}

.game-wrapper .content-wrapper .top-btn-box:before {
  content: '';
  display: flex;
  width: 5.6875rem;
  height: 100%;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  left: 1.03rem;
  top: 0;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_bg_chac.png) no-repeat center / cover;
}

.game-wrapper .content-wrapper .top-btn-box svg {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}

.game-wrapper .content-wrapper .top-btn-box .attend-box {
  display: flex;
  padding: 0.25rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 3.5rem;
  background: #fff;
  color: rgba(59, 56, 73, 0.7);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
  letter-spacing: -0.02rem;
}

.game-wrapper .content-wrapper .top-btn-box span {
  color: #3b3849;
  text-align: center;
  text-shadow: 0px 0px 4px #fff;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: -0.03rem;
}

.game-wrapper .content-wrapper .content-background-img {
  position: absolute;
  width: 100%;
  top: -14.0625rem;
}

.game-wrapper
  .profile-element-wrapper.bg_idx_1
  .inner-element:after
  .game-wrapper
  .profile-element-wrapper.bg_idx_2
  .inner-element:after
  .game-wrapper
  .profile-element-wrapper.bg_idx_3
  .inner-element:after
  .game-wrapper
  .profile-element-wrapper.bg_idx_4
  .inner-element:after
  .game-wrapper
  .only-padding-bar {
  width: 100%;
}

.game-wrapper .profile-element-wrapper {
  width: 31.25rem;
  height: 49.375rem;
  position: relative;
  margin-bottom: 2.5rem;
}

.game-wrapper .profile-element-wrapper .img-object {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}

.game-wrapper .profile-element-wrapper .inner-element {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.game-wrapper .profile-element-wrapper .inner-element .main_element {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/* .game-wrapper .content-wrapper.bg_idx_1 .profile-element-wrapper .inner-element {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/profile_ele_idx_1.png) no-repeat
    center/cover;
}
.game-wrapper .content-wrapper.bg_idx_2 .profile-element-wrapper .inner-element {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/profile_ele_idx_2.png) no-repeat
    center/cover;
}
.game-wrapper .content-wrapper.bg_idx_3 .profile-element-wrapper .inner-element {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/profile_ele_idx_3.png) no-repeat
    center/cover;
}
.game-wrapper .content-wrapper.bg_idx_4 .profile-element-wrapper .inner-element {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/profile_ele_idx_4.png) no-repeat
    center/cover;
} */

.game-wrapper .profile-element-wrapper .sub-element-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 97%;
  /* background: url(https://cdn.banggooso.com/assets/images/game263/player/main_content_bg_2.png) no-repeat center/cover; */
  z-index: 1;
}

/* .game-wrapper .content-wrapper.bg_idx_1 .profile-element-wrapper .inner-element:after {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/select_theme_1_bg_sub.png) no-repeat
    center/cover;
}
.game-wrapper .content-wrapper.bg_idx_2 .profile-element-wrapper .inner-element:after {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/select_theme_2_bg_sub.png) no-repeat
    center/cover;
}
.game-wrapper .content-wrapper.bg_idx_3 .profile-element-wrapper .inner-element:after {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/select_theme_3_bg_sub.png) no-repeat
    center/cover;
}
.game-wrapper .content-wrapper.bg_idx_4 .profile-element-wrapper .inner-element:after {
  background: url(https://cdn.banggooso.com/assets/imgobject/game263/theme/profile/select_theme_4_bg_sub.png) no-repeat
    center/cover;
} */

.game-wrapper .profile-element-wrapper .inner-element > div,
.game-wrapper .profile-element-wrapper .inner-element > ul {
  position: absolute;
  transform-origin: center;
}

.game-wrapper .profile-element-wrapper .inner-element .smar-user {
  width: 10.8125rem;
  height: 9.125rem;
  left: 2.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/speech_bubble.png) no-repeat center / cover;
  padding-top: 1.31rem;
  color: #3b3849;
  text-align: center;
  font-size: 1.29281rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  /* 1.616rem */
  z-index: 1;
}

.game-wrapper .profile-element-wrapper .inner-element .attend-box {
  border-radius: 3.5rem;
  border: 1px solid #fff;
  background: linear-gradient(180deg, #f0ffe2 0%, #b3f6cc 15.54%, #5bdc9d 100%),
    radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.51) 0%, rgba(255, 255, 255, 0.85) 100%);
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.8);
  display: flex;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: rgba(59, 56, 73, 0.6);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  letter-spacing: -0.025rem;
  right: 1.23rem;
}

.game-wrapper .profile-element-wrapper .inner-element .user-image-wrap {
  top: 7rem;
  left: 2.95rem;
  width: 11.625rem;
  transform: rotate(-5deg);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.game-wrapper .profile-element-wrapper .inner-element .user-image-wrap .profile {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/profile_dft.png) no-repeat center/cover;

  width: 11.625rem;
  height: 11.625rem;
  aspect-ratio: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.game-wrapper .profile-element-wrapper .inner-element .user-image-wrap .profile > img {
  width: 100%;
  height: 100%;
}

.game-wrapper .profile-element-wrapper .inner-element .user-image-wrap p {
  width: 10.375rem;
  display: flex;
  flex-flow: column;
  color: #3b3849;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
}

.game-wrapper .profile-element-wrapper .inner-element .user-image-wrap p span {
  opacity: 0.5;
}

.game-wrapper .profile-element-wrapper .inner-element .user-image-wrap p b {
  color: #3b3849;
  font-size: 2rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
  opacity: 1;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars {
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
  width: 10.625rem;
  top: 16.5rem;
  right: 3.3rem;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li {
  width: 100%;
  height: 2.0625rem;
  display: flex;
  flex-flow: column;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li .txt {
  display: flex;
  height: 21px;
  justify-content: space-between;
  align-items: center;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li .txt > span {
  color: #3b3849;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
  opacity: 0.7;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li .txt b {
  color: #48b1ff;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
  /* 1.3rem */
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li .txt b span {
  color: #48b1ff;
  font-family: Pretendard;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 130%;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li .bar {
  height: 0.75rem;
  border-radius: 2.35656rem;
  border: 0.943px solid rgba(110, 181, 233, 0.15);
  background: #fff;
  overflow: hidden;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars li .bar .inner {
  border-radius: 11.875rem;
  background: #48b1ff;
  height: 100%;
  width: 4%;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_1 li .bar .inner {
  background: #48b1ff;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_2 li .bar .inner {
  background: #ff70ba;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_3 li .bar .inner {
  background: #ffa41b;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_4 li .bar .inner {
  background: #3b3849;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_1 li b {
  color: #48b1ff;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_2 li b {
  color: #ff70ba;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_3 li b {
  color: #ffa41b;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_4 li b {
  color: #3b3849;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_1 li b span {
  color: #48b1ff;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_2 li b span {
  color: #ff70ba;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_3 li b span {
  color: #ffa41b;
}

.game-wrapper .profile-element-wrapper .inner-element .keyword-bars.idx_4 li b span {
  color: #3b3849;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp {
  display: flex;
  flex-flow: column;
  gap: 0.56rem;
  width: 11.1875rem;
  left: 2.63rem;
  top: calc(30.19rem - 2.44rem);
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp li {
  width: 100%;
  height: 1.4375rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: relative;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp li ~ li:before {
  content: none;
  display: block;
  position: absolute;
  left: 50%;
  top: -0.28rem;
  transform: translateX(-50%);
  width: 11.1875rem;
  height: 0.03125rem;
  border-bottom: 1px dashed #add5f7;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp li span {
  color: #56a6eb;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.4625rem */
  flex: 0 1.7rem;
  text-align: center;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp.idx_1 li span {
  color: #56a6eb;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp.idx_2 li span {
  color: #ff70ba;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp.idx_3 li span {
  color: #ffa41b;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp.idx_4 li span {
  color: #3b3849;
}

.game-wrapper .profile-element-wrapper .inner-element .first-imp li p {
  color: #3b3849;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.4625rem */
}

.game-wrapper .profile-element-wrapper .inner-element .season-box {
  width: 6.5rem;
  transform: rotate(-5deg);
  bottom: 4rem;
  left: 2.1rem;
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
}

.game-wrapper .profile-element-wrapper .inner-element .season-box .img-box {
  width: 6.5rem;
  height: 8.0625rem;
  margin-bottom: 0;
}

.game-wrapper .profile-element-wrapper .inner-element .season-box .txt {
  width: 5.0625rem;
  height: 1.125rem;
  color: #3b3849;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 0.975rem */
  opacity: 0.7;
}

.game-wrapper .profile-element-wrapper .inner-element .color-box {
  display: flex;
  width: 6.25rem;
  height: calc(8.875rem + 1.58rem);
  flex-direction: column;
  align-items: center;
  left: 9.14rem;
  bottom: 5.3rem;
  transform: rotate(5deg);
}
.game-wrapper .profile-element-wrapper .inner-element .color-box img {
  width: 100%;
  height: 100%;
}

.game-wrapper .profile-element-wrapper .inner-element .mbti-box {
  width: calc(12.47906rem);
  height: calc(5.25438rem);
  bottom: 12.15rem;
  right: 2.89rem;
}

.game-wrapper .profile-element-wrapper .inner-element .mbti-box .mbti {
  width: 12.47906rem;
  height: 7.25438rem;
  aspect-ratio: 199.67/84.07;
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box {
  width: 11.75rem;
  height: 3.75rem;
  bottom: 2.15rem;
  right: 2.5rem;
  transform: rotate(-5deg);
  display: flex;
  flex-flow: column;
  gap: 0.12rem;
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box .txt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0.89rem;
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box .txt span {
  color: rgba(59, 56, 73, 0.7);
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box .txt b {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.625rem */
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box .tmpt {
  width: 11.75rem;
  height: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/tmpt_bg.png) no-repeat center/contain;
  position: relative;
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box .tmpt .inner {
  position: absolute;
  width: 93%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.game-wrapper .profile-element-wrapper .inner-element .tmpt-box .tmpt .circle {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/tmpt_circle.png) no-repeat center / cover;
}

.game-wrapper .rolling-wrapper {
  padding: 0 2rem;
  position: relative;
  margin-bottom: 1.25rem;
}

.game-wrapper .rolling-wrapper .ttl {
  display: flex;
  width: 13rem;
  height: 3.75rem;
  padding-left: 0.625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.625rem;
  position: absolute;
  top: -1.88rem;
  left: 2rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/rp_ttl.png) no-repeat center/cover;
  z-index: 1;
}

.game-wrapper .rolling-wrapper.no-comment .all-view {
  border-radius: 0.625rem;
  border: 1px solid #fff;
  background: linear-gradient(90deg, #fbfbfb 0%, #e3e3e3 100%), linear-gradient(90deg, #ffc3eb 0%, #ff9ee6 100%),
    #ffb8e7;
}

.game-wrapper .rolling-wrapper .all-view {
  width: 6.125rem;
  height: 2.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  position: absolute;
  right: 3.25rem;
  top: -0.52rem;
  border-radius: 0.625rem;
  border: 1px solid #fff;
  background: linear-gradient(90deg, #ffc3eb 0%, #ff9ee6 100%);
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.8);
  z-index: 1;
  color: rgba(59, 56, 73, 1);
  text-align: center;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 130%;
  /* 1.3rem */
  letter-spacing: -0.02rem;
  cursor: pointer;
}

.game-wrapper .rolling-wrapper.no-comment .all-view {
  border-radius: 0.625rem;
  border: 1px solid #fff;
  background: linear-gradient(90deg, #fbfbfb 0%, #e3e3e3 100%), linear-gradient(90deg, #ffc3eb 0%, #ff9ee6 100%),
    #ffb8e7;
  color: rgba(59, 56, 73, 0.5);
}

.game-wrapper .rolling-wrapper.no-comment .all-view:after {
  opacity: 0.5;
}

.game-wrapper .rolling-wrapper .all-view:after {
  content: '';
  display: block;
  width: 0.35rem;
  height: 0.6rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/btn_rectangle.png) no-repeat center / contain;
}

.game-wrapper .rolling-wrapper .other-comment {
  display: flex;
  padding: 2.5rem 1.125rem 1.5rem 1.125rem;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  align-self: stretch;
  border-radius: 0.5rem;
  border: 1px solid #fff;
  background: linear-gradient(180deg, #f0ffe2 0%, #b5f6b3 15.54%, #5bdc9d 100%);
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.8);
}

.game-wrapper .rolling-wrapper .other-comment .inner {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  gap: 0.25rem;
}

.game-wrapper .rolling-wrapper .other-comment .inner > span {
  display: flex;
  height: 8.375rem;
  padding: 0rem 5.3125rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  border: 1px solid #efefef;
  background: #fff;
  overflow: hidden;
  color: rgba(59, 56, 73, 0.4);
  text-align: center;
  text-overflow: ellipsis;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
}

.game-wrapper .rolling-wrapper .other-comment .inner li {
  flex: 1;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem;
  gap: 0.5rem;
  border-radius: 1.25rem;
  border: 1px solid #efefef;
  background: #fff;
}

.game-wrapper .rolling-wrapper .other-comment .inner li.notyet p {
  opacity: 0.3;
}

.game-wrapper .rolling-wrapper .other-comment .inner li span {
  display: flex;
  padding: 0.25rem 0.5rem;
  align-items: center;
  gap: 0.25rem;
  border-radius: 3.75rem;
  background: #efefef;
  color: rgba(59, 56, 73, 0.5);
  font-family: 'Pretendard';
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.1375rem */
}

.game-wrapper .rolling-wrapper .other-comment .inner li p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1 0 0;
  overflow: hidden;
  color: #3b3849;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.3rem */
}

.game-wrapper .rolling-wrapper.no-comment .other-comment .inner {
  display: flex;
  width: 100%;
  height: 8.375rem;
  justify-content: center;
  align-items: center;
  border-radius: 1.25rem;
  border: 1px solid #efefef;
  background: #fff;
}

.game-wrapper .rolling-wrapper.no-comment .other-comment .inner span {
  flex: 1 0 0;
  overflow: hidden;
  color: #3b3849;
  text-align: center;
  text-overflow: ellipsis;
  font-family: Pretendard;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
  opacity: 0.4;
}

.game-wrapper .btn-wrapper {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  padding: 0 1.5rem 0rem;
}

.game-wrapper .btn-wrapper button {
  cursor: pointer;
  display: flex;
  flex: 1;
  height: 4.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  flex: 1 0 0;
  border-radius: 1.25rem;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  letter-spacing: -0.0275rem;
}

.game-wrapper .btn-wrapper span {
  position: absolute;
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 3.5rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.6) 0%, #fff 100%);
  color: rgba(59, 56, 73, 0.7);
  text-align: center;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.3rem */
  letter-spacing: -0.02rem;
  bottom: 0;
  left: 1.5rem;
}

.game-wrapper .btn-wrapper span:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left: 6.25rem;
  width: 1rem;
  height: 0.625rem;
  background: #fff;
  transform-origin: center;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/info_top_rect.png) no-repeat center/contain;
}

.game-wrapper .btn-wrapper.yellow button,
.game-wrapper .btn-wrapper.yellow .capture-btn {
  background: linear-gradient(90deg, #fff499 0%, #ffef6b 100%);
  border: 1px solid #efd129;
}

.game-wrapper .btn-wrapper.green button,
.game-wrapper .btn-wrapper.green .capture-btn {
  border: 1px solid #fff;
  background: linear-gradient(180deg, #b5f6b3 0%, #5bdc9d 100%), linear-gradient(90deg, #ffc3eb 0%, #ff9ee6 100%);
}

.game-wrapper .capture-btn {
  display: flex;
  flex: 1;
  padding: 0;
  height: 4.5rem;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  border-radius: 1.25rem;
  background: rgba(59, 56, 73, 0.9);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  letter-spacing: -0.0275rem;
  margin: 0 auto;
  cursor: pointer;
  position: relative;
}

.game-wrapper .capture-btn:after {
  content: '';
  display: block;
  position: static;
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/page_capture_ico_black.png) no-repeat
    center/cover;
}

/* 프로필 채워주기 파트 */
.inner-bg {
  position: relative;
  min-height: 100dvh;
}

.inner-bg:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/result_deco_bg.png) no-repeat 50% 15.5rem /
    cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.inner-bg:after {
  content: '';
  display: block;
  width: 100%;
  height: 20rem;
  background: linear-gradient(180deg, #f0ffe2 0%, #b3f6cc 15.54%, #5bdc9d 100%), #fff;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.content-ttl {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  padding: 6.56rem 0 0.75rem;
}

.content-ttl ul {
  display: flex;
  gap: 0.33rem;
}

.content-ttl ul li {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0.1875rem 0.2045rem 0.22919rem 0.17356rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  filter: drop-shadow(0px 1.111px 2.222px rgba(0, 0, 0, 0.25));
  opacity: 0.5;
}

.content-ttl ul li.active {
  opacity: 1;
}

.content-ttl ul li:nth-child(1) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_1.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(2) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_2.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(3) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_3.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(4) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_4.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(5) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_5.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(6) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_6.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(7) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_7.png) no-repeat center / contain;
}

.content-ttl ul li:nth-child(8) {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/top_order_8.png) no-repeat center / contain;
}

.content-ttl > p {
  text-align: center;
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
}

.keyword-container {
  padding-top: 5rem;
  display: flex;
  flex-flow: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.keyword-wrap {
  padding: 0 0.88rem;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 1rem 0.5rem;
}

.second-keyword-container .keyword-wrap button {
  border: 1px solid #6596ff;
  color: #6596ff;
}

.second-keyword-container .keyword-wrap.second-keyword button {
  border: 1px solid #fd648a;
  color: #fd648a;
}

.second-keyword-container .keyword-wrap button.active {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/keyword_active_blue.png) no-repeat center /
    cover;
}

.second-keyword-container .keyword-wrap.second-keyword button.active {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/keyword_active_red.png) no-repeat center /
    cover;
}

.keyword-wrap.second-keyword button {
  border: 1px solid #36d286;
  color: #36d286;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.keyword-wrap.second-keyword button.active {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/keyword_active_green.png) no-repeat center /
    cover;
  color: #fff;
}

.keyword-wrap button {
  cursor: pointer;
  padding: 1.12rem;
  display: flex;
  padding: 0.625rem 1.125rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: transparent;

  border-radius: 2.5625rem;
  border: 1px solid #f86dd4;
  color: #f86dd4;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.keyword-wrap button.active {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/keyword_active_pink.png) no-repeat center /
    cover;
  color: #fff;
}

.profile-content-container {
  padding-top: 5rem !important;
}

.temp-container {
  padding: 10.375rem 1.5rem 0 !important;
}

.thermo-inner {
  height: 3.5rem;
  width: 100%;
  align-self: stretch;
  aspect-ratio: 113/14;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/thermo_bg.png) no-repeat center / contain;
}

.thermo-inner .circle-wrap {
  position: absolute;
  width: 88%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.thermo-inner .circle-wrap p {
  display: flex;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  position: absolute;
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  border-radius: 4.375rem;
  background: linear-gradient(180deg, #fff7b2 0%, #ffef6b 100%);
  /* 2.275rem */
  bottom: calc(100% + 1.38rem);
  left: 50%;
  transform: translate(-50%, 0);
}

.thermo-inner .circle-wrap p:before {
  content: '';
  width: 1rem;
  height: 0.625rem;
  flex-shrink: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
}

.thermo-inner .circle-wrap .circle {
  position: absolute;
  display: flex;
  width: 3.75rem;
  height: 3.75rem;
  padding: 1.5rem 0.75rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.56875rem;
  border-radius: 6.25rem;
  background: #f9f7f6;
  box-shadow: 0px 1.82px 1.82px 0px rgba(0, 0, 0, 0.25);
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: grab;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.thermo-inner .circle-wrap .circle:after,
.thermo-inner .circle-wrap .circle:before {
  content: '';
  display: block;
  width: 0.3825rem;
  height: 1.53563rem;
  aspect-ratio: 10.92/24.57;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/temp_circle_arrow.png) no-repeat center /
    contain;
}

.thermo-inner .circle-wrap .circle:after {
  transform-origin: center;
  transform: rotate(180deg);
}

.txt-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem;
  gap: 1.16rem;
}

.txt-box span {
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.95rem */
}

.txt-box span:nth-child(1) {
  color: #505bd8;
}
.txt-box span:nth-child(3) {
  color: #ff4144;
}

.txt-box span:nth-child(2) {
  color: #3b3849;
  text-align: center;
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  margin-top: 0.3rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  opacity: 0.5;
}

.txt-box span:nth-child(2):before,
.txt-box span:nth-child(2):after {
  content: '';
  display: block;
  width: 2.5rem;
  height: 0.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/temp_arrow.png) no-repeat center / contain;
  position: static;
  top: 0;
}

.txt-box span:nth-child(2):before {
  transform: rotate(180deg);
  transform-origin: center;
}

.season-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.season-wrap ul {
  display: flex;
  flex-flow: wrap;
  gap: 0.75rem 1.25rem;
  padding: 0 2.75rem;
}

.season-wrap ul li {
  position: relative;
  flex: 1 40%;
  height: 12.8125rem;
  display: flex;
  flex-flow: column;
  gap: 0.44rem;
}

.season-wrap ul li > div {
  position: relative;
  display: flex;
  width: 10.75rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  cursor: pointer;
}

.season-wrap ul li.blur > div,
.season-wrap ul li.blur > span {
  opacity: 0.7;
}

.season-wrap ul li.spring > div:after {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_spring_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.summer > div:after {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_summer_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.autumn > div:after {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_autumn_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.winter > div:after {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_winter_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.spring > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_spring_default.png) no-repeat center /
    cover;
}

.season-wrap ul li.spring.active > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_spring_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.summer > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_summer_default.png) no-repeat center /
    cover;
}

.season-wrap ul li.summer.active > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_summer_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.autumn > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_autumn_default.png) no-repeat center /
    cover;
}

.season-wrap ul li.autumn.active > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_autumn_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.winter > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_winter_default.png) no-repeat center /
    cover;
}

.season-wrap ul li.winter.active > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_winter_active.png) no-repeat center /
    cover;
}

.season-wrap ul li.active > div:before {
  content: '';
  display: block;
  position: absolute;
  width: 2.75rem;
  height: 2.875rem;
  flex-shrink: 0;
  aspect-ratio: 22/23;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_active_star.png) no-repeat center /
    cover;
  top: 0;
  right: 0;
}

.season-wrap ul li span {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.625rem */
  text-align: center;
}

.animal-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.animal-wrap ul {
  display: flex;
  flex-flow: wrap;
  gap: 1rem 0.62rem;
  justify-content: center;
}

.animal-wrap ul li {
  flex: 1 30%;
  max-width: calc(100% / 3 - 0.62rem);
  cursor: pointer;
  display: flex;
  padding: 0.625rem 1.125rem;
  justify-content: center;
  align-items: center;
  border-radius: 2.5625rem;
  border: 1px solid rgba(59, 56, 73, 0.5);
  background: rgba(248, 109, 212, 0);
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.animal-wrap ul li.active {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/text_active_bg.png) no-repeat center / cover;
  border: 1px solid rgba(59, 56, 73, 0.5);
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
}

.animal-wrap ul li.active:after {
  content: '';
  display: block;
  width: 2.72438rem;
  height: 2.875rem;
  aspect-ratio: 43.59/46;
  position: absolute;
  right: -0.66188rem;
  top: -0.75rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_active_star.png) no-repeat center /
    cover;
}

.mbti-container {
  padding-left: 4rem;
  padding-right: 4rem;
}

.mbti-wrap {
  display: flex;
  gap: 0.25rem;
  width: 100%;
}

.mbti-item {
  flex: 1;
}

.mbti-item form {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}

.mbti-item form input {
  cursor: pointer;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(0 0 0 0);
}

.mbti-item form input + label {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 7.875rem;
}

#mbti1-1 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_e_active.png) no-repeat center / cover;
}

#mbti1-2 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_i_active.png) no-repeat center / cover;
}

#mbti2-1 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_s_active.png) no-repeat center / cover;
}

#mbti2-2 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_n_active.png) no-repeat center / cover;
}

#mbti3-1 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_t_active.png) no-repeat center / cover;
}

#mbti3-2 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_f_active.png) no-repeat center / cover;
}

#mbti4-1 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_j_active.png) no-repeat center / cover;
}

#mbti4-2 + label:before {
  content: '';
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_p_active.png) no-repeat center / cover;
}

#mbti1-1 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_e.png) no-repeat center / cover;
}

#mbti1-2 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_i.png) no-repeat center / cover;
}

#mbti2-1 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_s.png) no-repeat center / cover;
}

#mbti2-2 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_n.png) no-repeat center / cover;
}

#mbti3-1 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_t.png) no-repeat center / cover;
}

#mbti3-2 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_f.png) no-repeat center / cover;
}

#mbti4-1 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_j.png) no-repeat center / cover;
}

#mbti4-2 + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_p.png) no-repeat center / cover;
}

#mbti1-1:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_e_active.png) no-repeat center / cover;
}

#mbti1-2:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_i_active.png) no-repeat center / cover;
}

#mbti2-1:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_s_active.png) no-repeat center / cover;
}

#mbti2-2:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_n_active.png) no-repeat center / cover;
}

#mbti3-1:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_t_active.png) no-repeat center / cover;
}

#mbti3-2:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_f_active.png) no-repeat center / cover;
}

#mbti4-1:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_j_active.png) no-repeat center / cover;
}

#mbti4-2:checked + label {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mbti_p_active.png) no-repeat center / cover;
}

.color-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.color-wrap ul {
  display: flex;
  flex-flow: wrap;
  gap: 1rem 0.62rem;
}

.color-wrap ul li {
  display: flex;
  flex: 1 30%;
  display: flex;
  padding: 0.8125rem 0.75rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  border-radius: 3.375rem;
  border: 1px solid rgba(59, 56, 73, 0.5);
  background: #fff;
  max-width: calc(100% / 3 - 0.62rem);
  cursor: pointer;
}

.color-wrap ul li span {
  width: 1.5rem;
  height: 1.5rem;
  aspect-ratio: 1/1;
  display: block;
}

.color-wrap .red {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/red.png) no-repeat center / cover;
}

.color-wrap .orange {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/orange.png) no-repeat center / cover;
}

.color-wrap .yellow {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/yellow.png) no-repeat center / cover;
}

.color-wrap .green-light {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/green_light.png) no-repeat center / cover;
}

.color-wrap .green {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/green.png) no-repeat center / cover;
}

.color-wrap .mint {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/mint.png) no-repeat center / cover;
}

.color-wrap .sky {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/sky.png) no-repeat center / cover;
}

.color-wrap .blue {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/blue.png) no-repeat center / cover;
}

.color-wrap .navy {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/navy.png) no-repeat center / cover;
}

.color-wrap .purple {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/purple.png) no-repeat center / cover;
}

.color-wrap .pink {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/pink.png) no-repeat center / cover;
}

.color-wrap .white {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/white.png) no-repeat center / cover;
}

.color-wrap .black {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/black.png) no-repeat center / cover;
}

.color-wrap .gray {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/gray.png) no-repeat center / cover;
}

.color-wrap .brown {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/brown.png) no-repeat center / cover;
}

.color-wrap .beige {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/beige.png) no-repeat center / cover;
}

.color-wrap ul li.blur {
  opacity: 0.6;
}

.color-wrap ul li.active:after {
  content: '';
  display: block;
  width: 2.75rem;
  height: 2.875rem;
  aspect-ratio: 22/23;
  position: absolute;
  right: -0.75rem;
  top: -0.75rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/season_active_star.png) no-repeat center /
    contain;
}

.mbti-item .txt-box span:nth-child(3) {
  color: #ff4144;
}

.comment-container {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.comment-wrap {
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.comment-wrap .comment-box {
  display: flex;
  border-radius: 1.25rem;
  border: 1px solid rgba(59, 56, 73, 0.2);
  background: #fff;
  flex-direction: column;
}

.comment-wrap > input {
  display: flex;
  padding: 1rem 2.5rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 3.125rem;
  border: 1px solid rgba(59, 56, 73, 0.2);
  background: #fff;
  color: #3b3849;
  font-family: 'Pretendard Variable';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.625rem */
  margin: 0 auto;
}

.comment-wrap > input::placeholder {
  opacity: 0.5;
}

.comment-wrap .comment-box textarea {
  display: flex;
  padding: 1.25rem 1.5rem 0rem 1.5rem;
  flex-direction: column;
  align-items: flex-start;
  flex: 1 100%;
  width: 100%;
  min-height: 8.5rem;
  background: transparent;
  resize: none;
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.7875rem */
}

.comment-wrap .comment-box textarea::placeholder {
  opacity: 0.5;
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.7875rem */
}

.comment-wrap .comment-box textarea:focus {
  /* outline: none; */
}

.comment-wrap .comment-box p {
  display: flex;
  padding: 0rem 1.25rem 1.25rem 1.25rem;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  opacity: 0.5;
}

.comment-container .info-box {
  padding-top: 0;
  margin-top: 2.5rem;
}

.info-box {
  padding: 0.75rem 0 2.5rem;
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}

.info-box.no-txt {
  padding-top: 0;
  margin-top: 2.5rem;
}

.info-box span {
  opacity: 0.7;
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.info-box button {
  display: flex;
  height: 4.9375rem;
  padding: 1.5rem 7.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 2.875rem;
  border: 1px solid #efd129;
  background: linear-gradient(180deg, #fff7b2 0%, #ffef6b 100%);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: -0.03rem;
  cursor: pointer;
}

.info-box button.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* 로딩 페이지 */
.loading-container {
  height: 100%;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: linear-gradient(180deg, #f0ffe2 0%, #b3f6cc 15.54%, #5bdc9d 100%), #3b3849;
}

.loading-container .loading-wrapper {
}

.loading-container .gif-content {
  padding-top: 10.31rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
}

.loading-container .gif-content span {
  color: rgba(59, 56, 73, 1);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

.loading-container .gif-content img {
  width: 12.5rem;
  height: 8.9375rem;
  flex-shrink: 0;
  aspect-ratio: 200/143;
}

.loading-container .gif-content p {
  color: rgba(59, 56, 73, 0.7);
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.025rem;
  display: flex;
  padding: 0.5rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 3.5rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.6) 0%, #fff 100%);
  margin-top: 0.63rem;
  position: relative;
}

.loading-container .gif-content p:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 1rem;
  height: 0.625rem;
  transform-origin: center;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/info_top_rect.png) no-repeat center / contain;
}

.loading-container .card-promotion {
  margin-top: 2.5rem;
  display: flex;
  width: 28.25rem;
  height: 12.125rem;
  gap: 0.25rem;
  padding: 2rem 4.375rem;
  flex-direction: column;
  border-radius: 0.25rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/loading_card_promotion_bg.png) no-repeat center /
    cover;
  align-items: center;
}

.loading-container .card-promotion span {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}

.loading-container .card-promotion img {
  height: 3.5625rem;
  width: 100%;
}

.loading-container .card-promotion b {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

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

.complete-profile-container {
  min-height: 100dvh;
  height: 100%;
  padding-top: 6.56rem;
  display: flex;
  flex-flow: column;
  align-items: center;
  background: linear-gradient(180deg, #f0ffe2 0%, #b3f6cc 15.54%, #5bdc9d 100%), #fff;
  position: relative;
}

.complete-profile-container:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 31.25rem;
  height: 51.6875rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/result_deco.png) no-repeat top / cover;
  z-index: -1;
}

.complete-profile-container .complete-profile-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  position: relative;
  padding-bottom: 2rem;
}

.complete-profile-container .complete-profile-content:before {
  /* content: ''; */
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5rem;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 10%,
    rgba(255, 255, 255, 0.5) 90%,
    rgba(255, 255, 255, 0) 100%
  );
}

.complete-profile-container .complete-profile-content > h4 {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 2.275rem */
  display: flex;
  padding: 0.5rem 2rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  border-radius: 2.5625rem;
  border: 1px solid #fff;
  background: linear-gradient(180deg, #fff7b2 0%, #ffef6b 100%),
    linear-gradient(180deg, #f0ffe2 0%, #b3f6cc 15.54%, #5bdc9d 100%);
  box-shadow: 0px 4px 4px 0px rgba(59, 56, 73, 0.25);
  margin-bottom: 1.5rem;
}

.complete-profile-container .toggle-profile .inner {
  width: 100%;
}

.complete-profile-container .toggle-profile {
  display: flex;
  width: 28.25rem;
  max-height: none;
  padding: 2.5rem 1.4375rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0.25rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/toggle_profile.png) no-repeat top / cover;
  position: relative;
}

.complete-profile-container .toggle-profile.open {
  display: flex;
  flex-flow: column;
  gap: 1rem;
  padding-bottom: 0;
}

.complete-profile-container .toggle-profile.open .open-btn {
  order: 2;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 1.4rem */
  gap: 0.25rem;
  padding-bottom: 0.75rem;
}

.complete-profile-container .toggle-profile.open .open-btn svg {
  order: -1;
  transform: rotate(180deg);
}

.complete-profile-container .toggle-profile.default {
  height: 14.5625rem;
  overflow: hidden;
}

.complete-profile-container .toggle-profile.default .open-btn {
  display: flex;
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 19;
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 140%;
  /* 1.4rem */
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  cursor: pointer;
}

.complete-profile-container .toggle-profile.default .open-btn svg {
  width: 0.75rem;
  height: 0.375rem;
}

.complete-profile-container .toggle-profile.default:after {
  content: '';
  display: flex;
  width: 28.25rem;
  height: 9.25rem;
  padding: 0rem 7.625rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 0.625rem;
  position: absolute;
  bottom: 0rem;
  left: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

.complete-profile-container .toggle-profile h5 {
  width: 100%;
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(214, 213, 217, 1);
}

.complete-profile-container .toggle-profile .meet-wrap {
  padding: 1.25rem 0 1.25rem;
}

.complete-profile-container .toggle-profile .meet-inner {
  display: flex;
  flex-flow: column;
  gap: 0.5rem;
}

.complete-profile-container .toggle-profile .meet-inner .el {
  display: flex;
  gap: 0.75rem;
}

.complete-profile-container .toggle-profile .meet-inner .el > .title-wrap {
  color: #3b3849;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.3rem */
  display: flex;
  align-items: flex-start;
  gap: 0.2rem;
  flex: 0 4.4rem;
}

.complete-profile-container .toggle-profile .meet-inner .el .title-wrap > .meet-img {
  content: '';
  width: 1.52775rem;
  height: 1.5rem;
  flex-shrink: 0;
  aspect-ratio: 24.44/24;
}

.complete-profile-container .toggle-profile .meet-inner .el .title-wrap > .meet-title {
  opacity: 0.5;
}

.complete-profile-container .toggle-profile .meet-inner .el:nth-child(1) .title-wrap > .meet-img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_1.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile .meet-inner .el:nth-child(2) .title-wrap > .meet-img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_2.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile .meet-inner .el > div {
  display: flex;
  flex: 1;
  gap: 0.25rem;
  flex-wrap: wrap;
  align-items: flex-start;
}

.complete-profile-container .toggle-profile .meet-inner .el > div > b {
  display: flex;
  padding: 0.125rem 0.25rem;
  justify-content: center;
  align-items: center;
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.4625rem */
  background: rgba(59, 56, 73, 0.1);
}

.complete-profile-container .toggle-profile ul {
  border-top: 1px solid rgba(59, 56, 73, 0.2);
  border-bottom: 1px solid rgba(59, 56, 73, 0.2);
  display: flex;
  padding: 1.25rem 0rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 0.87rem;
}

.complete-profile-container .toggle-profile ul li {
  flex: 1;
  height: 5.0625rem;
  display: flex;
  align-items: center;
  flex-flow: column;
}

.complete-profile-container .toggle-profile ul li .img {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin-bottom: 0.13rem;
}

.complete-profile-container .toggle-profile ul li:nth-child(1) .img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_3.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile ul li:nth-child(2) .img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_4.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile ul li:nth-child(3) .img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_5.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile ul li:nth-child(4) .img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_6.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile ul li:nth-child(5) .img {
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_7.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile ul li p {
  color: #3b3849;
  text-align: center;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.3rem */
  opacity: 0.5;
  margin-bottom: 0.25rem;
}

.complete-profile-container .toggle-profile ul li b {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.625rem */
}

.complete-profile-container .toggle-profile .comment {
  padding-top: 1.25rem;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.complete-profile-container .toggle-profile .comment .title-wrap {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.3rem */
  width: 4.5rem;
  gap: 0.13rem;
  display: flex;
  align-items: center;
}

.complete-profile-container .toggle-profile .comment .comment-title {
  opacity: 0.5;
}

.complete-profile-container .toggle-profile .comment .comment-img {
  content: '';
  display: block;
  width: 1.48638rem;
  height: 1.45831rem;
  flex-shrink: 0;
  aspect-ratio: 23.78/23.33;
  background: url('https://cdn.banggooso.com/assets/images/game263/common/top_order_8.png') no-repeat center / contain;
}

.complete-profile-container .toggle-profile .comment p {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
  /* 1.4625rem */
  width: 19.5rem;
  word-wrap: break-word;
}

.complete-profile-container .btn-wrap {
  margin-top: 1.5rem;
  display: flex;
  flex-flow: column;
  gap: 0.75rem;
}

.complete-profile-container .btn-wrap button {
  display: flex;
  width: 28.25rem;
  height: 4.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 1.25rem;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  color: #3b3849;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: -0.03rem;
}

.complete-profile-container .btn-wrap button:first-child {
  border: 1px solid #ff9de6;
  background: linear-gradient(90deg, #ffc3eb 0%, #ff9ee6 100%);
}

.complete-profile-container .btn-wrap button:last-child {
  border: 1px solid #efd129;
  background: linear-gradient(90deg, #fff499 0%, #ffef6b 100%);
}

.complete-profile-container .grad-bg-wrap {
  width: 100%;
  position: relative;
}

.complete-profile-container .grad-bg-wrap:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 10%,
    rgba(255, 255, 255, 0.5) 90%,
    rgba(255, 255, 255, 0) 100%
  );
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.complete-profile-container .card-slide-container {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  margin-top: 5rem;
}

.complete-profile-container .card-slide-container .sub-ttl {
  color: #3b3849;
  text-align: center;
  font-family: Pretendard;
  font-size: 1.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.7875rem */
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}

.complete-profile-container .card-slide-container .sub-ttl:before {
  content: '';
  display: flex;
  width: 12.37506rem;
  height: 3rem;
  transform: rotate(-0.021deg);
  aspect-ratio: 198/48;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/result_ttl_before.png) no-repeat center / cover;
  position: static;
  top: 0;
  left: 0;
}

.complete-profile-container .card-slide-container .swiper-wrapper {
  align-items: center;
}

.complete-profile-container .card-slide-container .swiper-slide {
  width: 7.875rem;
  /* height: 15.6875rem; */
}

.complete-profile-container .card-slide-container .swiper-slide div {
  width: 7.875rem;
  height: 12.5625rem;
  aspect-ratio: 42/67;
}

.complete-profile-container .card-slide-container .swiper-slide.swiper-slide--from-left {
  transform: translateX(1rem);
}

.complete-profile-container .card-slide-container .swiper-slide.swiper-slide--from-right {
  transform: translateX(-1rem);
}

.complete-profile-container .card-slide-container .swiper-slide.card_1 > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/swiper_card_1.png) no-repeat center / contain;
}

.complete-profile-container .card-slide-container .swiper-slide.card_2 > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/swiper_card_2.png) no-repeat center / contain;
}

.complete-profile-container .card-slide-container .swiper-slide.card_3 > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/swiper_card_3.png) no-repeat center / contain;
}

.complete-profile-container .card-slide-container .swiper-slide.card_4 > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/swiper_card_4.png) no-repeat center / contain;
}

.complete-profile-container .card-slide-container .swiper-slide.card_5 > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/swiper_card_5.png) no-repeat center / contain;
}

.complete-profile-container .card-slide-container .swiper-slide.card_6 > div {
  background: url(https://cdn.banggooso.com/assets/images/game263/player/swiper_card_6.png) no-repeat center / contain;
}

.complete-profile-container .card-slide-container .swiper-slide span {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 1.4625rem */
  width: 100%;
  display: block;
  margin-top: 0.5rem;
}

.complete-profile-container .card-slide-container .swiper-slide.swiper-slide-active {
  width: 10rem;
  height: 20.5625rem;
}

.complete-profile-container .card-slide-container .swiper-slide.swiper-slide-active div {
  width: 10rem;
  height: 16.5rem;
  /* aspect-ratio: 32/51; */
}

.complete-profile-container .card-slide-container .swiper-slide.swiper-slide-active span {
  margin-top: 0.75rem;
}

.complete-profile-container .kakaobank-mini {
  display: flex;
  flex-direction: column;
  margin-top: 2.5rem;
  align-items: center;
  width: 100%;
}

.complete-profile-container .kakaobank-mini span {
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  display: flex;
  padding: 0.375rem 1.5rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  border-radius: 3.125rem;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.6) 0%, #fff 100%);
}

.complete-profile-container .kakaobank-mini .ttl-wrap {
  display: flex;
  gap: 0.63rem;
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
}

.complete-profile-container .kakaobank-mini .ttl-wrap div {
  width: 12.375rem;
  height: 3.1875rem;
  flex-shrink: 0;
  aspect-ratio: 66/17;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/kakao_mini_1.png) no-repeat center / cover;
  filter: drop-shadow(1.179px 1.179px 2.359px 0px rgba(0, 0, 0, 0.2));
  display: flex;
  gap: 0.63rem;
}

.complete-profile-container .kakaobank-mini .ttl-wrap span {
  content: '';
  display: block;
  width: 8.125rem;
  height: 3.25rem;
  flex-shrink: 0;
  aspect-ratio: 5/2;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/kakao_mini_2.png) no-repeat center / cover;
  filter: drop-shadow(1.179px 1.179px 2.359px 0px rgba(0, 0, 0, 0.2));
  border-radius: 0;
}

.complete-profile-container .kakaobank-mini button {
  display: flex;
  height: 4.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  align-self: stretch;
  border-radius: 1.25rem;
  border: 1px solid #efd129;
  background: linear-gradient(90deg, #fff499 0%, #ffef6b 100%);
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
  color: #3b3849;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
  /* 1.95rem */
  letter-spacing: -0.03rem;
  margin: 0 1.5rem auto;
}

.complete-profile-container .kakaobank-mini > p {
  color: #fff;
  text-align: center;
  font-family: 'Pretendard Variable';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
  /* 1.625rem */
  display: flex;
  padding: 0.5rem 1.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  border-radius: 4.375rem;
  background: rgba(59, 56, 73, 0.7);
  margin-top: 1.13rem;
  position: relative;
}

.complete-profile-container .kakaobank-mini > p svg {
  width: 1rem;
  height: 0.625rem;
  flex-shrink: 0;
  position: absolute;
  left: 50%;
  bottom: calc(100% - 0px);
  transform: translateX(-50%);
}

.warn-info {
  display: flex;
  flex-flow: column;
  background: rgba(255, 255, 255, 0.6);
  margin-top: 2rem;
  width: 28.25rem;
  border-radius: 0.8rem;
}

.warn-info .heading {
  padding: 0.94rem 1.25rem;
  display: flex;
  flex-flow: column;
  gap: 0.25rem;
  position: relative;
}

.warn-info .heading:after {
  content: '';
  width: 4.5rem;
  height: 4.5rem;
  background: url(https://cdn.banggooso.com/assets/images/game263/player/toggle_ico.png) no-repeat center / cover;
  position: absolute;
  right: 0;
  top: 0;
}

.warn-info .heading p {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.warn-info .heading span {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  opacity: 0.5;
}

.warn-info .txt {
  border-top: 1px solid rgba(59, 56, 73, 0.2);
  display: flex;
  padding: 1.75rem 1.0625rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
  align-self: stretch;

  display: none;
}

.warn-info .txt > ul {
  display: flex;
  flex-flow: column;
  gap: 1.5rem;
}

.warn-info .hd {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.warn-info .hd ul {
  margin-top: 0.75rem;
  display: flex;
  flex-flow: column;
  gap: 1rem;
}

.warn-info .hd li {
  color: #3b3849;
  font-family: 'Pretendard';
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
  opacity: 0.8;
  padding-left: 1.3rem;
  position: relative;
  /* 1.2rem */
}

.warn-info .hd li:before {
  content: '';
  display: block;
  position: absolute;
  left: 0.4rem;
  top: 0.45rem;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(59, 56, 73, 0.8);
}

.warn-info.open .txt {
  display: flex;
}

.warn-info.open .heading:after {
  transform: rotate(180deg);
}

.game-result .contents-more {
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.6) 100%);
  border-radius: 0;
  flex-flow: wrap;
  margin: 0;
  padding-bottom: 2.25rem;
  padding-top: 2.5rem;
}

.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 .sub-text {
  color: #000;
  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 #000;
}

.game-result .contents-more .contents-list .game-btn a {
  color: #000;
  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/common/right-arrow.png) no-repeat center center/30%;
  transform-origin: center;
}

.game-result .recommend-list {
  margin: 0;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.6) 100%);
  border-top: 0;
  width: 100%;
}

.game-result .recommend-list .inner .title {
  color: #000;
  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 .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 #000;
}

.game-result .recommend-list .slide-box .slide-text {
  background-color: #fff;
  color: #000;
  font-size: 1.00006rem;
  font-family: 'Pretendard';
  font-weight: 500;
  letter-spacing: -0.022rem;
}

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

.game-result .recommend-list .btn-wrap .btn-white-round {
  width: 15.25106rem;
  height: 4.00025rem;
  flex-shrink: 0;
  border-radius: 2.00013rem;
  border: 1.25px solid #000;
  background: #3b3849;
  color: #fff;
  text-align: center;
  font-family: 'Pretendard';
  font-size: 1.25006rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: -0.0275rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.game-result .recommend-list:before {
  height: 16rem;
}

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