@media (max-width:1200px){
  /* 공통 */
  body{font-size: 12px;}
  #hd, #wrapper, #ft {width: 100%; min-width: unset;}
  #ft_copy{width:unset;}
  #hd_wrapper{height: 100px;}
  .hd_login a{font-size: 12px;}
  .gnb_wrap{width: 100%;}
  #ft_wr .ft_cnt{width: 100%;}
  
  /* 메인 */
  .latest_wr .main-view-board{width: 60%}
  .hd-notice-mo{display: block;}

}

@media (max-width:700px){
  #wrapper {min-height: 500px;}
  .latest_wr{flex-direction: column; align-items: center;}
  .todo-list-page-td-button a{padding: 5px 5px;}
  .latest_wr .main-view-board{width: 80%}
  #hdNotice{flex-direction: column; align-items: unset; font-size: 11px;}
  #hdNotice .notice-close-area{display: flex; justify-content: end; gap: 5px; font-weight: 400; margin-top: 10px;}


}