.other-page{
  padding-top: 6rem;
}
.other-page h1{
  font-size: 4rem;
  margin-bottom: 2.4rem;
}
.other-page p{
  margin-bottom: 1.2rem;
}
.what-image{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2.4rem 0;
}
.what-image .list{
  width: 47.6676384839%;
}
.what-image .list:nth-child(-n + 2){
  margin-bottom: 2.4rem;
}
.list .communication i{
  background: url(../images/icon_communication.svg) no-repeat center;
  background-size: 60%;
}
.list .game i{
  background: url(../images/icon_game.svg) no-repeat center;
  background-size: 60%;
}
.list .Urban-d i{
  background: url(../images/icon_u-development.svg) no-repeat center;
  background-size: 68%;
}
.list .economic-activities i{
  background: url(../images/icon_economic-activities.svg) no-repeat center;
  background-size: 60%;
}

.create-metaverse-space,
.future-metaverse{
  margin-top: 4rem;
}
.img-meta-space{
  width: 88%;
  margin: 2.4rem auto 0 auto;
}
.m-space-main h2{
  font-size: 2rem;
  margin-bottom: 1.6rem;
}
.contents-list{
  display: block;
  margin: 0 auto 1rem auto;
  width: 126px;
  height: 126px;
  border-radius: 50%;
  background: linear-gradient(145deg, #20F6FC 0%, #15A2A6 75%, #107B7E 100%);
}
.contents-list i{
  display: block;
  width: 100%;
  height: 100%;
}
.what-image h3{
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.create-list h3:not(:last-of-type){
  margin-bottom: 0.2rem;
}
.create-list h3{
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 1.4rem;
  position: relative;
}
.create-list h3:before{
  content: "";
  background-color:#20F6FC;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  position: absolute;
  left: 0.2rem;
  top: 0.7rem;
}
.ph-box{
  margin-bottom: 1.6rem;
}
.future-list:not(:last-of-type){
  margin-bottom: 3.2rem;
}
.future-metaverse .text-box h2{
  color:#20F6FC;
  margin-bottom: 0.6rem;
}
.future-metaverse .text-box h3{
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
}
.future-metaverse .text-box p:last-of-type{
  margin-bottom: 0;
}



@media only screen and (min-width: 574px){
  .what-image .list {
    width: 22.8%;
  }
  .create-metaverse-space{
    display: flex;
    flex-wrap: wrap;
  }
  .m-space-main{
    width: 50%;
    padding-right: 1.6rem;
  }
  .img-meta-space{
    width: 50%;
    margin: auto;
  }
  .future-list:not(:last-of-type){
    margin-bottom: 4rem;
  }
  .future-list{
    display: flex;
    flex-wrap: wrap;
  }
  .future-list .ph-box{
    width: 46%;
  }
  .future-list .text-box{
    width: 54%;
    padding-left: 2.4rem;
  }
  .future-list:nth-of-type(2){
    flex-direction: row-reverse;
  }
  .future-list:nth-of-type(2) .text-box{
    padding: 0 2.4rem 0 0;
  }


}


@media only screen and (min-width: 768px){
  .other-page h1{
    font-size: 4.8rem;
  }
  .m-space-main h2{
    font-size: 2.8rem;
    margin-bottom: 2.4rem;
  }
  .create-metaverse-space, .future-metaverse {
    margin-top: 6rem;
  }
  .m-space-main{
    width: calc(100% - 360px);
    padding-right: 2.4rem;
  }
  .img-meta-space{
    max-width: 360px;
    margin-right: 0;
  }

}


@media only screen and (min-width: 992px){
 .first-section{
  margin-top: 8rem;
 }
 .other-page h1{
  font-size: 6rem;
  margin-bottom: 4rem;
 }
 .other-page p{
  margin-bottom: 1.6rem;
 }
 .contents-list{
  width: 186px;
  height: 186px;
 }
 .what-image{
  margin: 4rem 0;
 }
 .what-image h3{
  font-size: 2rem;
 }
 .what-image .list:nth-child(-n + 2){
  margin-bottom: 0;
 }
 .m-space-main h2{
  font-size: 3rem;
 }
 .create-metaverse-space, .future-metaverse{
  margin-top: 0;
 }
 .create-metaverse-space{
  padding: 6rem 0;
  position: relative;
 }
 .future-list .ph-box{
  margin-bottom: 0;
 }
 .m-space-main {
  width: calc(100% - 44.6%);
  padding-right: 4rem;
 }
 .img-meta-space {
  max-width: 484px;
  margin-right: 0;
  position: absolute;
  right: 0;
  top: 50%;
  bottom: 50%;
  width: 44.6%;
  max-height: 484px;
  height: 484px;
  display: flex;
  align-items: center;
 }
 .create-list h3{
  font-size: 1.8rem;
  margin-bottom: 0.4rem;
 }
 .create-list h3:before{
  top: 0.94rem;
 }
 .create-list h3:not(:last-of-type){
  margin-bottom:0.2rem;
 }
 .future-list .ph-box{
  width: 36.4%;
 }
 .future-list .text-box{
  width:63.6%;
  padding-left: 4rem;
 }
 .future-list:nth-of-type(2) .text-box{
  padding-right: 4rem;
 }
 .future-list:not(:last-of-type){
  margin-bottom: 6rem;
 }
 .create-list p:last-of-type{
  margin-bottom: 0;
 }

}



@media only screen and (min-width: 1279px){
  .other-page h1{
    font-size: 8rem;
  }
  .contents-list{
    width: 240px;
    height: 240px;
  }
  .create-metaverse-space{
    padding: 10rem 0;
  }
  .m-space-main h2{
    font-size: 4rem;
  }
  .future-metaverse .text-box h2{
    font-size: 3rem;
    margin-bottom: 1.2rem;
  }
  .future-metaverse .text-box h3{
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
  .future-list:not(:last-of-type){
    margin-bottom: 8rem;
   }


}



@media only screen and (min-width: 1479px){




}