*{font-family: 'NanumSquareNeo', sans-serif;}
.serif {font-family:"Nanum Myeongjo";}

.banner .swiper-slide[value="banner-01"] .add {
  bottom: .22rem;
  left: .32rem;
  width: 2.74rem;
  height: 3.04rem;
  background-image: url(../img/banner-01-add.png);
}

.banner .swiper-slide[value="banner-03"] .add {
  bottom: .25rem;
  right: .15rem;
  width: 1.71rem;
  height: 1.78rem;
  background-image: url(../img/banner-03-add.png);
}
.preorder-frm .rewards>ul li.achieve:after{  
  background-image: url(../img/preorder-reward-achievemark.png)
}

.mobile #navigation>li>a,
.mobile #navigation>li>a:before{
  width: 1.44rem;
}

.mobile #navigation>li>a:before{
  margin-left: -.72rem;
}
.mobile #navigation>li>a:after{
  width: 1.12rem;
  margin-left: -.56rem;
}
.mobile #navigation>li>a span{
  width: 1.7rem;
}
.mobile #navigation>li>a .svg{
  left: -8%;
  width: 116%;
}
.mobile #navigation>li .sub>button[value="Feature"] {
  margin-left: .36rem
}


.pc #header>h1{
  width:2.3rem
}
.pc #header .bi{
  width:2.05rem
}
.pc .page .logo{width:4.7rem}
.mobile .page .logo{width:4.7rem}

.mobile .scene[data-name="Main"] .logo {
  width:7.04rem;
}
.mobile #header .bi{
  width:2.5rem
}
.mobile #gnb>.bi{
  width:5.24rem
}



/* v2 Added */
#app .layer[data-name="webshop"] .doc-content .desc {
  font-weight: 900;
}
#app .layer[data-name="webshop"] .doc-content .desc small{
  font-weight: 600;
}
.pc .layer[data-name="webshop"] .doc-content .desc small{
  font-size:.235rem
}
.mobile .layer[data-name="webshop"] .doc-content .desc small{
  font-size:.18rem
}

.mobile .scene[data-name="Main"] .market-buttons{
  width:5.4rem;
  align-items: stretch;
}
.mobile .scene[data-name="Main"] .market-buttons>button{
  flex:1;display:block
}
.mobile .scene[data-name="Main"] .market-buttons>button>img{
  width:100%;height:auto;
}