/* 반응형 태블릿 */

@media all and (max-width : 1200px) and (min-width : 601px){



}



/* 반응형 모바일 */
@media all and (max-width : 600px){

    #header .h_cont {
        height: 13rem;
        padding-bottom: 2%;
    }
    
      #header .gnb {
            height: 13rem;
            padding-top: 5%;
        }
    
      #header .gnb ul {
        flex-direction: column;
        align-items: start;
      }
      
      #header .gnb ul li a {
          font-size: 2rem;
        line-height: 2rem;
      }
    
      #header .gnb ul .menu_clout a {
        font-size: 2rem;
    }

    
.h1 {
  font-size: 40vw;
  font-family: 'Oswald', sans-serif;
  width: 63%;
  height: 50vh;
  position: fixed;
  color: rgb(255, 255, 255);
  bottom: 10vh;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
}

.intro_text>span {
  height: 100%;
}

.intro_text>span>span {
  display: inline-block;
  position: absolute;
  text-shadow: 5px 10px 15px rgba(0, 0, 0, 0.2);
}

.intro_text>span>span:nth-of-type(1) {
  bottom: 0vw;
  left: -10vw;
  z-index: 1;
}

.intro_text>span>span:nth-of-type(2) {
  bottom: 0vw;
  left: 5vw;
  z-index: 2;
  animation: animate 2s linear alternate infinite;
}

.intro_text>span>span:nth-of-type(3) {
  bottom: 0vw;
  left: 18vw;
  z-index: 1;
}

.intro_text>span>span:nth-of-type(4) {
  bottom: 0vw;
  left: 33vw;
  z-index: 3;
  animation: animate 2s linear alternate-reverse infinite;
}

.intro_text>span>span:nth-of-type(5) {
  bottom: 0vw;
  left: 54vw;
  z-index: 1;
}

#section_1 .sec1_cont .text_change {
  top: 32%;
}

.text_change p {
  font-size: 10vw;
}

}