/* 공통 */

.game-intro .result-box .result-box-title:before,
.game-intro .game-count .count-label:before,
.game-result .result-box .result-box-title:before,
.game-result .result-box h3.result-box-title p:before,
.game-wrapper.basic .test-lists-wrap .title:before,
.game-result .result-box.type .result-box-title:before,
.game-result .result-box.most .result-box-title:before {
  background: #c0f5ff;
}

.game-result .recommend-list:before {
  background-color: #229ec7;
}

.game-result .img-halt-box .list > li a:nth-child(4) {
  color: #000000;
}

.game-result .img-halt-box .list > li a:nth-child(4):hover {
  color: #ffffff;
}

.game-wrapper {
  background-color: #4eefe0;
}



.game-wrapper .game-title,
.game-wrapper .game-body .question-options .question-option:active,
.game-wrapper .game-body .question-options .question-option:focus,
.game-wrapper .game-progress,
.game-intro .btn-game-start {
  background-color: #229ec7;
  color: #ffffff;
}

.game-wrapper .game-title.page {
  color: #229ec7;
}

.game-intro .btn-game-start {
  border-color: #ffffff;
  box-shadow: 0.3rem 0.4rem 0 #ffffff;
}

/* intro */

.game-result #result-title h1,
.game-wrapper .game-body .question-title,
.game-result .thumb-img-text,
.game-intro .game-intro-title,
.game-wrapper .game-body .question-options .question-option,
.game-intro .game-intro-text,
.game-intro .game-count .count-num,
.result-box .img-halt-box ul.list > li span.label-top.first,
.result-box .img-halt-box ul.list > li span.label-top.second,
.result-box .img-halt-box ul.list > li span.label-bottom,
.game-result .result-box .result-box-title,
.game-intro .result-box .result-box-title {
  color: #12405a;
}

.result-box .img-halt-box ul.list > li span.label-bottom {
  font-weight: 900 !important;
}

.game-intro .game-intro-text u {
  font-weight: 900;
  text-decoration: underline;
}

.result-box .img-halt-box ul.list > li span.label-top.first,
.result-box .img-halt-box ul.list > li span.label-top.second {
  text-shadow: 0.1rem 0.1rem #c0f5ff;
}

/* 문제페이지 - 공통 */

.game-body .question-title,
.game-body .question-options button.question-option {
  font-weight: 900 !important;
}

.test-lists-wrap .test-lists .test-list-item.rank_list .percen,
.game-wrapper .game-progress .game-progress-inner {
  background-color: #ffffff;
}

.game-wrapper .game-header .game-previous {
  background-color: transparent;
  color: #ffffff;
}

.test-lists-wrap .test-lists .test-list-item .item-wrap .item-info .item-title p,
.game-result #result-title > h2,
.game-result .num-statement,
.game-result .num-statement > span,
.game-wrapper .game-header .game-stage {
  color: #ffffff;
}

.game-result #result-title {
  padding-top: 0;
}

.game-result #result-title h2,
.game-result #result-title h1 {
  font-family: Jalnan, sans-serif;
}

.game-result #result-title h2 {
  font-size: 1.2rem;
  margin-bottom: 0;
}

.game-result #result-title h1 {
  font-size: 1.8125rem;
  line-height: 1.2em;
  margin-bottom: 0.5rem;
}



.game-result #result-title {
  margin-bottom: 0.5rem;
}

/* 결과페이지 */

.game-result {
  background-image: url('https://cdn.banggooso.com/assets/images/game46/bottom.png'),
    url('https://cdn.banggooso.com/assets/images/game46/BACKGROUND.jpg');
  background-color: #51efe1;
  height: auto;
}

.game-result .num-statement > span {
  vertical-align: bottom;
  font-family: 'Jalnan', sans-serif;
}

.game-result .recommend-list .inner .title {
  font-weight: 900;
}

.game-result .result-box .result-box-title p {
  font-size: 1.25rem;
}

.game-result .result-bot-text .subtitle {
  color: #392669;
  font-weight: 900 !important;
}

.game-result .result-bot-text .mark {
  background-color: #392669;
}

.app-main .result-bot-text .mark + p {
  font-weight: 700;
}

.game-result .share-sns-list span {
  font-weight: 900;
}

.game-wrapper.basic .game-result .btn_retest > a,
.game-wrapper.basic .game-result .btn_myranking > a {
  font-size: 1.3rem;
}

.game-result .btn_retest a {
  background-color: #229ec7;
  border-color: #ffffff !important;
  color: #ffffff;
  box-shadow: 0.25rem 0.25rem #ffffff !important;
}

.game-result .result-box.most .btn_myranking a {
  background-size: 1rem;
  background-color: #c0f5ff;
  border-color: #ffffff;
  color: #12405a;
  box-shadow: 0.3rem 0.4rem 0 #ffffff;
}

.game-result .good,
.game-result .bad {
  text-shadow: 0.1rem 0.1rem #c0f5ff;
  color: #12405a;
}

.share-sns-list .list-title {
  font-weight: 900;
}

.instaSnsWrap img {
  width: 100%;
}

.instaSnsWrap {
  background-color: #ffffff;
  border-color: #c0f5ff;
  border-width: 4px;
  border-radius: 0.3125rem;
  border-style: solid;
  padding: 1.5rem 0;
  margin-top: 1rem;
  text-align: center;
}

.instaSnsWrap a {
  display: inline-block;
  width: 90%;
  border: 0.2rem solid #c0f5ff;
  font-size: 1.3rem;
  line-height: 3.5rem;
  font-weight: 700;
  font-family: 'jalnan';
  border-radius: 3rem;
}

.result-box > .result-bot-text > a:last-child,
.instaSnsWrap a {
  background-color: #229ec7;
  border-color: #c0f5ff;
  color: #ffffff;
  box-shadow: 0.3rem 0.4rem 0 #c0f5ff;
}

.result-box > .result-bot-text > a:last-child {
  border-color: #ffffff;
  box-shadow: 0.3rem 0.4rem 0 #ffffff;
}

/* list-type*/

.test-lists-wrap .title,
.test-lists-wrap .test-lists .test-list-item .item-wrap .item-info .item-title span,
.test-lists-wrap .test-lists .test-list-item.rank_list .num,
.test-lists-wrap .test-lists .test-list-item .item-wrap .item-info .item-tags li {
  color: #12405a;
}

.test-lists-wrap .test-lists .test-list-item .item-wrap .item-info .item-tags li:before,
.test-lists-wrap .test-lists .test-list-item .item-wrap .item-info .item-tags li:after {
  content: '"';
}

.test-lists-wrap .test-lists .test-list-item.rank_list .num {
  text-shadow: 3px 4px 0px #c0f5ff;
}

.test-lists-wrap .title:before {
  background-color: #c0f5ff;
}

/* .test-lists-wrap .test-lists .test-list-item.rank_list .percen, .test-lists-wrap .test-lists .test-list-item .item-info .item-tags li {
  font-weight: 700 !important;
} */

.game-wrapper.basic .test-lists-wrap .test-lists .test-list-item.rank_list .percen span {
  font-weight: 900;
}

/**************************************************/

.game-wrapper.basic .app-header {
  background-color: #4eefe0;
  border-bottom: 0;
}

.game-result .result-box .result-box-title:before {
  width: 0;
}

body.ja-JP .btn-gray-round {
  font-size: 0.549rem;
}

body.ja-JP .game-wrap .game-body .question-title {
  font-size: 1.1rem;
}

body.en-US .game-wrapper .game-title {
  font-size: 1.17rem;
}

body.en-US .game-result .result-box .result-box-title.ESFP p {
  font-size: 1.014rem;
}

body.ca-ES .game-wrapper .game-title {
  font-size: 1.18rem;
}

body.ja-JP .result-box .img-halt-box ul.list > li span.label-top.first,
body.ja-JP .result-box .img-halt-box ul.list > li span.label-top.second,
body.ja-JP .instaSnsWrap a,
body.ja-JP .game-result #result-title h2,
body.ja-JP .game-result #result-title h1,
body.ja-JP .game-result .num-statement > span {
  font-family: 'Corporate-Logo-Rounded';
}

body.zh-CN .result-box .img-halt-box ul.list > li span.label-top.first,
body.zh-CN .result-box .img-halt-box ul.list > li span.label-top.second,
body.zh-CN .instaSnsWrap a,
body.zh-CN .game-result #result-title h2,
body.zh-CN .game-result #result-title h1,
body.zh-CN .game-result .num-statement > span {
  font-family: 'StationCoolHappyBody2016';
}

body.ca-ES .result-box .img-halt-box ul.list > li span.label-top.first,
body.ca-ES .result-box .img-halt-box ul.list > li span.label-top.second,
body.ca-ES .instaSnsWrap a,
body.ca-ES .game-result #result-title h2,
body.ca-ES .game-result #result-title h1,
body.ca-ES .game-result .num-statement > span {
  font-family: 'Ptolemy-GreatPrimer18';
}

body.ja-JP .game-wrapper.basic .result-box > .result-bot-text > a:last-child {
  font-size: 1.02rem;
}

body.en-US .game-wrapper.basic .game-result .btn_myranking > a {
  font-size: 1.05rem;
}

body.ca-ES .game-wrapper.basic .game-result .btn_retest > a,
body.ca-ES .game-wrapper.basic .game-result .btn_myranking > a {
  font-size: 1.2rem;
}

body.ko-KR .game-wrapper.basic .app-header .app-logo.intro-logo {
  background-image: url('https://cdn.banggooso.com/assets/images/game46/LOGO.png');
  width: 16.5rem;
  background-size: 90%;
}