@font-face {
  font-family: 'Gmarketsans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff');
  }
body {
  font-family: 'Gmarketsans';
  color: rgb(41, 41, 41);
  overflow-x: hidden;

}

.btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}

article {
  display: flex;
  flex-direction:column;
}

.question {
  display: none;
}

.result {
  display: none;
}

#img {
  width:300px;
  height:300px;
  margin: 0 auto;
}

.share {
  margin: 0 auto;
}

.banner-ad-01 {
  display:flex;
  justify-content: center;
  width: 300px;
  margin: 0 auto;

}

.banner-img-01 {
  width: 600px;
  height: 575px;
  margin: 0 auto;
}
.banner-img-02 {
  display: flex;
  justify-content: center;
  width: 500px;
  height: 225px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  h2 {
    font-size: 1.5em;
  }
  
  h3 {
    font-size: 1.1em;
  }

  .btn {
    font-size: 1.25rem;
    width: 100%;
  }

  .btn--main {
    line-height: 3em;
  }

  .banner-img-01 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }

  .banner-img-02 {
    width: 100%;
    height: 100%;
    margin: 0 auto;
  }
  
}