/* 반응형 태블릿 */

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



}



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

    #header {
        height: 13rem;
    }

    #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_works a {
        font-size: 2rem;
    
    }

    #container {
        margin-top: 13rem;
    }

    #container .c_cont {
        margin-top: 13rem;

    }

    .c_cont .c_box2 {
        margin-top: 5rem;
    }

    .c_box2 .work_list {
        flex-direction: column;
    }

    .c_box2 .work_list li {
        width: 100%;
    }
}