/* media-screen-530px */

@media screen and (max-width: 400px) {
  .modal_container .modal_cont .imgs_area .tit_depth {
    gap: 4px;
  }
  
  .modal_container .modal_cont .imgs_area .imgs_box .img_name {
    font-size: 14px;
  }
  
  .modal_container .modal_cont .imgs_area .imgs_box .imgs {
    height: 189px;
  }
  
  .modal_container .modal_cont .imgs_area .tit_depth > p {
    font-size: 12px;
  }
  
  .modal_container .modal_cont .imgs_area .tit_depth .slash {
    font-size: 12px;
  }
  
  .resource_title_area .resource_title {
    font-size: 16px;
  }
  
  .resource_menu_title {
    font-size: 16px;
  }
  
  .qr_book_cate {
    gap: 5px;
  }
  
  .qr_book_cate .grade {
    font-size: 16px;
    padding: 4px 10px;
  }
  
  .qr_book_cate .subject {
    font-size: 16px;
  }
  
  .qr_list_btn {
    padding: 4px 10px;
  }
  
  .qr_right {
    gap: 5px;
  }
  
  .qr_hd_inner_sub .subject {
    font-size: 16px;
  }
}