/* 반응형 태블릿 */

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



}



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

     #header .gnb {
        height: 15rem;
        margin-top: 5%;
    }

  #header .gnb ul {
    flex-direction: column;
    align-items: start;
  }
  
  #header .gnb ul li a {
    line-height: 3rem;
  }

  #header .gnb ul .menu_works a {
    font-size: 2rem;

}

#container {
    padding-top: 22rem;
}

  #container .c_cont {
      flex-direction: column;
      height: 122rem;
  }

  .c_cont .c_box1 {
text-align: center;
height: 16rem;
  }

 .c_box1 .about_this_work {
     width: 60vw;
    left: 50% !important;
    transform: translateX(-50%);
  }

  .c_cont .c_box2 {
      height: 77rem;
      padding: 5rem;
  }

  .c_cont .c_box2 p {
      font-size: 2rem;
      font-weight: 400;
  }

}