* {
  font-family: 'Noto Sans SC', sans-serif;
}

.serif {
  font-family: "Nanum Myeongjo";
}


.bt-go .arrow {
  left: 75%
}

.dgoods02 .bt-go .arrow {
  left: 82.5%
}

.layer .bt-go>span {
  margin-top: 0
}

.preorder-frm .rewards>ul li.achieve:after {
  background-image: url(../img/preorder-reward-achievemark.png)
}

.character-detail-content .profile-card .summary {
  font-weight: 500
}

.character-detail-content .profile-card .profile {
  padding-top: .2rem
}

.profile-card .description {
  padding-left: .4rem;
  padding-right: .2rem
}

.scene[data-name="Digital-Goods"] .viewer {
  margin-top: .7rem
}

.page .dialog .words {
  font-family: 'Noto Sans SC';
}

.page .dialog p {
  letter-spacing: -.06em
}

.pc .preorder-frm .frm-box .period {
  margin-top: 1.2rem
}

.pc .profile-card .description {
  font-size: .17rem
}

.pc .preorder-frm .input-field input {
  padding: 0 1em
}

.pc .preorder-frm .doc-btn {
  margin-top: -.02rem
}

.mobile .preorder-frm .frm-box .period {
  margin-top: 1.5rem
}

.mobile .voice .inner-circle {
  width: 2.7rem
}

.mobile .voice .cv-name p {
  width: 1.4rem;
  font-size: .2rem
}

.mobile .page .dialog {
  width: 4.8rem;
}

.mobile .preorder-frm .input-field input {
  font-size: .2rem
}


/* v2 Added */
.pc .scene[data-name="Main"] .title {
  margin-top: .4rem
}

.pc .scene[data-name="Main"] .title img {
  height: .63rem
}

.pc .scene[data-name="Main"] .official-launch {
  padding-bottom: 1rem;
  margin-top: .1rem
}

.pc .scene[data-name="Main"] .official-launch img {
  width: 9.22rem;
  height: auto;
}

.pc .scene[data-name="Main"] .logo {
  width: 7rem;
  margin-top: 1.5rem;
  margin-bottom: -.05rem
}

.pc .scene[data-name="Main"] .bt-play+.btn-group {
  margin-top: 1.2rem
}

.pc .scene[data-name="Main"] .btn-group {
  height: .9rem
}

.pc .scene[data-name="Main"] .btn-group>.bt-go {
  width: 4.72rem;
  height: .9rem;
  border-radius: 0
}

.pc .scene[data-name="Main"] .btn-group>.bt-go:before,
.pc .scene[data-name="Main"] .btn-group>.bt-go:after {
  border-radius: .45rem
}

.pc .scene[data-name="Main"] .btn-group>.bt-go>span {
  font-size: .29rem;
  line-height: .4rem
}

.pc .scene[data-name="Main"] .btn-group>.bt-go .arrow {
  width: .1rem;
  left: 86.5%
}

.pc .scene[data-name="Main"] .btn-group>.bt-go .line {
  width: 4.56rem
}

.pc .scene[data-name="Main"] .market-buttons {
  margin-top: .22rem
}

.pc .scene[data-name="Main"] .market-buttons>button {
  height: .85rem
}

.pc #floatingUi {
  top: auto;
  transform: none;
  bottom: 3.32rem
}

.pc .banner {
  bottom: 0
}

.pc .preorder-frm:after {
  content: "";
  display: block;
  height: .5rem
}

.pc .preorder-frm .frm-box .notice {
  margin-top: 0;
  margin-bottom: .06rem
}

.pc .preorder-frm .frm-box .char {
  top: 1.6rem
}

.pc .preorder-frm .frm-box .btn-group {
  margin: 0 auto;
  width: 9.8rem;
  padding-top: .35rem;
  display: flex;
  gap: .1rem;
  align-items: stretch;
  justify-content: center;
  height: .98rem
}

.pc .preorder-frm .frm-box .btn-group>button {
  flex: none
}

.pc .preorder-frm .frm-box .btn-group>button>img {
  width: auto;
  max-width: auto;
  height: 100%;
  object-fit: contain
}

.mobile #gnb>.bi {
  width: 5.8rem
}

.mobile .page .logo {
  width: 4.4rem;
  margin-top: .25rem
}

.mobile .scene[data-name="Main"] .scene-content:before {
  flex: 1.4
}

.mobile .scene[data-name="Main"] .title {
  margin-bottom: .36rem;
  margin-top: .64rem;
}

.mobile .scene[data-name="Main"] .title img {
  height: .56rem
}

.mobile .scene[data-name="Main"] .official-launch {
  margin-top: .25rem;
  padding-bottom: .65rem
}

.mobile .scene[data-name="Main"] .official-launch img {
  width: 6.94rem;
  height: auto;
}

.mobile .scene[data-name="Main"] .logo {
  width: 5.28rem;
  margin-bottom: 0
}

.mobile .scene[data-name="Main"] .bt-play {
  margin-top: 2.08rem
}

.mobile .scene[data-name="Main"] .bt-play+.btn-group {
  margin-top: 1.55rem
}

.mobile .scene[data-name="Main"] .btn-group {
  height: .82rem
}

.mobile .scene[data-name="Main"] .btn-group>.bt-go {
  width: 4.28rem;
  height: .82rem;
  border-radius: 0
}

.mobile .scene[data-name="Main"] .btn-group>.bt-go:before,
.mobile .scene[data-name="Main"] .btn-group>.bt-go:after {
  border-radius: .42rem
}

.mobile .scene[data-name="Main"] .btn-group>.bt-go>span {
  font-size: .27rem;
  letter-spacing: -.06em;
  line-height: .38rem
}

.mobile .scene[data-name="Main"] .btn-group>.bt-go .arrow {
  width: .11rem;
  left: 86.5%
}

.mobile .scene[data-name="Main"] .btn-group>.bt-go .line {
  width: 4.14rem
}

.mobile .scene[data-name="Main"] .market-buttons {
  width: 100%;
  display: flex;
  height: .56rem;
  gap: .05rem;
  align-items: stretch;
  justify-content: center;
  margin: .14rem 0 -.18rem
}

.mobile .scene[data-name="Main"] .market-buttons>button {
  display: block;
  flex: none;
}

.mobile .scene[data-name="Main"] .market-buttons>button>img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: contain;
}

.mobile .banner {
  width: 6rem;
  height: auto;
  margin: 0 auto
}

.mobile .banner button {
  width: 100%;
  height: 100%;
  display: block;
  position: relative
}

.mobile .banner .swiper-pagination.swiper-pagination-fraction {
  right: .44rem;
  bottom: .44rem
}

.mobile .preorder-frm .frm-box .period {
  font-size: .2rem;
  line-height: .25rem;
  letter-spacing: -.06em
}

.mobile .preorder-frm .frm-box .notice {
  font-size: .14rem;
  line-height: .16rem;
  letter-spacing: -.06em;
  margin-top: .04rem;
  margin-bottom: .13rem
}

.mobile .preorder-frm .frm-box .btn-group {
  margin: 0 auto;
  width: 100%;
  padding-top: .26rem;
  display: flex;
  gap: .08rem;
  align-items: stretch;
  justify-content: center;
  height: .88rem
}

.mobile .preorder-frm .frm-box .btn-group>button {
  flex: none
}

.mobile .preorder-frm .frm-box .btn-group>button>img {
  width: auto;
  max-width: auto;
  height: 100%;
  object-fit: contain
}

.mobile .preorder-frm .frm-box .char {
  top: 9rem;
  left: 50%;
  transform: translateZ(0) translateX(-58.4%);
}


.detail-view .voice {
  display: none
}