/* 반응형 태블릿 */

@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_herstory a {
    font-size: 2rem;

}

#container {
    height: 1320rem;
    /* 이 길이로 사진들 보이는지 확인 */
}


  #container .c_cont .c_box .tab  {
    display: flex;
    flex-direction: column;
}

.tab figure {
    width: 100%;
}


#container .c_cont .c_box .h2class {
    font-size: 6vw;
}

.c_box h2 {
    font-size: 6vw;
}


.c_box .h2class.active {
    color: rgb(110, 110, 110);
    letter-spacing: 0vw;
    /* position: fixed; */
}

.c_box .tab {
top: 6rem;
}


}