@media screen and (max-width: 1300px){
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}
  .kv .img-box {height: 250px;}
  .kv .img-box img {height: 100%; object-fit: cover;}
  section {padding: 100px 0;}
  .form_area {padding: 68px 50px;}
  .tit-box .tit {font-size: 30px;}
  .tit-box .sub {font-size: 16px;}
  .form_area .form_box {padding: 0 20px; padding-top: 30px; margin-top: 30px;}
  .form_area .form_box .input-box input {height: 45px; font-size: 15px;}
  .form_area .form_box .submit_btn {height: 45px; font-size: 15px;}

  .sec2 .img-box {width: 280px;}
  .btn_box {gap: 5px;}
  .btn_box button {height: 45px; font-size: 16px;}
  .btn_box a {height: 45px; font-size: 16px;}

  .table-area .table_tit img {width: 45px;}
  .table-area .table_tit p {font-size: 27px;}
  .table-area .table-box {margin-top: 40px; margin-bottom: 40px;}
  .table-area .table-box table th {font-size: 15px;}
  .table-area .table-box table td {font-size: 15px;}
  .table_ct {padding: 37px 100px;}
}

@media screen and (max-width: 1067px) {
  .table_ct {padding: 27px 70px;}
  .table-area {padding: 30px 20px;}
  .table-area .table-box .tit {font-size: 16px;}
  .table-area .table-box table th {padding: 0 10px; box-sizing: border-box; word-break: keep-all; font-size: 14px; line-height: 1.3;}
  .table-area .table-box table td {padding: 0 10px; box-sizing: border-box; word-break: keep-all; font-size: 14px; line-height: 1.3;}
  .table_ct ul li .child-box .img-box:before {right: -63px; width: 63px;}
}

@media screen and (max-width: 895px) {
  /* .table_ct ul {flex-wrap: wrap; gap: 0; margin: 0 20px 0; margin: 0 -50px;} */
  .item_wrap {max-width: 500px; width: 100%; margin: 0 auto;}
  .table_ct ul {flex-wrap: wrap; gap: 50px 0; margin: 0 -10px;}
  .table_ct ul li {width: calc(100% / 2); padding: 0 50px; box-sizing: border-box;}
  .table_ct ul li .child-box .img-box:before {display: none;}
}

@media screen and (max-width: 730px) {
  body {background: var(--wt_f6);}
  .kv .img-box {height: 220px;}
  .form_area {width: 100%; padding: 30px 20px;}
  .form_area .form_box {padding: 0 0; padding-top: 15px; margin-top: 15px;}
  .tit-box {word-break: keep-all;}
  .tit-box .tit {font-size: 22px;}
  .tit-box .sub {font-size: 15px;}

  .sec2 .container {flex-flow: column-reverse; gap: 20px; align-items: center;}
  .sec2 .img-box {max-width: 280px; width: 100%;}
  .btn_box {margin-top: 30px;}
  .btn_box button {width: 100%;}
  .btn_box a {width: 100%;}
  .sec2 .txt-box {width: 100%;}

  .form_popup {width: calc(100% - 40px);}

  .table-area .table_tit {gap: 10px;}
  .table-area .table_tit p {font-size: 23.5px;}
  .table-area .table_tit img {width: 37px;}
  .table-area .table-box {margin-top: 20px; margin-bottom: 20px;}
  .table-area .table-box .tit {margin-bottom: 7px;}
  .table-area .table-box table th {height: 45px;}
  .table-area .table-box table td {height: 45px;}

  section {padding: 70px 0;}
}

@media screen and (max-width: 600px) {
  /* .table-area {overflow: auto; overflow-y: hidden;}
  .table_wrap {width: 700px;} */
  .table-area .table-box .table_item {width: 100%; overflow: auto; overflow-y: hidden;}
  .table-area .table-box .table_item table {width: 700px;}
  .table_ct ul li {padding: 0 30px;}
}

@media screen and (max-width: 500px) {
  .table-area .table-box .table_item table {width: 600px;}
  .table_ct {padding: 30px 20px;}
}

@media screen and (max-width: 425px) {
  .table-area .table-box .table_item table {width: 500px;}
  .table_ct ul {gap: 20px 0;}
  .table_ct ul li {padding: 0 10px;}
}

@media screen and (max-width: 370px) {
  .table-area .table-box .table_item table {width: 400px;}
}