@charset "utf-8";

/****************** 태블릿 ******************/
body {
  overflow-x: hidden;
}

/***** section 1 - brand-main-wrapper *****/
@media screen and (max-width: 1101px) {
  .logo-emoji {
    display: none;
  }

  .brand-main-logo {
    margin: 0 auto;
    display: flex;
  }
}

/***** section 2 - brand-text-wrapper1 *****/
@media screen and (max-width: 1101px) and (min-width: 900px) {
  .brand-text-wrapper1 {
    flex-wrap: wrap;
    margin-top: -200px;
    height: 1400px;
    background-color: #000;
    position: relative;
  }

  .color-changing-text {
    width: 85vw;
    margin-left: 80px;
    font-size: 50px;
    font-weight: 700;
    line-height: 5rem;
    /* color: gray; */
    display: inline-block;

    position: relative;
    z-index: 9999;
  }

  /***** 밑에 깔려있는 회색 글자 *****/
  .brand-text-wrapper1 .fade-in-bgText {
    width: 85vw;
    margin-left: 80px;
    font-size: 50px;
    font-weight: 700;
    line-height: 5rem;
    color: #3d3d3d;

    position: absolute;
    top: 100px;
    z-index: 10;
  }

  .brand-text-wrapper1 p {
    width: 75vw;
    margin-left: 80px;
    font-size: 22px;
    line-height: 2.2rem;
    color: #fff;
  }

  .brand-text-btn {
    margin-left: 80px;
  }
}
@media screen and (max-width: 1101px) and (min-width: 1000px) {
  /***** 움직이는 이미지 2개 *****/
  .brand-text-img .img1 {
    width: 320px;
    position: absolute;
    top: 500px;
    left: 760px;

    /* display: none; */
  }
  .brand-text-img .img2 {
    display: none;
  }
}

/***** section 3 - brand-text-wrapper2 *****/
@media screen and (max-width: 1101px) and (min-width: 500px) {
  .brand-text-wrapper2 {
  height: 1300px;
  text-align: center;
}

.brand-text-wrapper2 p br {
  /* display: none; */
}
}