@media screen and (max-width: 1500px){
  header {height: 65px;}
  header .logo {width: 187px;}
  
  .visual .txt-box .tit {margin-bottom: 30px; font-size: 37px;}
  .visual .txt-box .sub {margin-bottom: 10px; font-size: 20px;}
  .visual .txt-box .link_btn {gap: 10px;}
  .visual .txt-box .link_btn a {width: 155px; height: 47px; gap: 3px; font-size: 17px;}
  .visual .txt-box .link_btn a img {width: 17px;}
  .visual .img-box {max-width: 565px;}

  .tit-box .tit {font-size: 27px;}
  section {padding: 100px 0;}
  .sec1_ct ul li .child-box {padding: 20px;}
  .sec1_ct ul li .child-box .icon {width: 57px;}
  .sec1_ct ul li .child-box .txt-box .tit {margin-bottom: 7px; font-size: 20px;}
  .sec1_ct ul li .child-box .txt-box .sub {font-size: 16px;}

  .tit-box2 {margin-bottom: 37px;}
  .tit-box2 .tit {margin-bottom: 7px; font-size: 27px;}
  .tit-box2 .sub {font-size: 17px;}

  .sec2_ct ul {gap: 10px;}
  .sec2_ct ul li .child-box {gap: 25px; width: 100%; height: 80px; padding: 0 20px;}
  .sec2_ct ul li .child-box .left {gap: 3px;}
  .sec2_ct ul li .child-box .left img {width: 25px;}
  .sec2_ct ul li .child-box .left .tit {font-size: 17px;}
  .sec2_ct ul li .txt {font-size: 17px;}

  .sec4_ct ul {gap: 10px 0; margin: 0 -5px; margin-top: 37px;}
  .sec4_ct ul li {padding: 0 5px;}
  .sec4_ct ul li .child-box {height: 90px; padding: 0 20px;}
  .sec4_ct ul li .child-box .left .tit {font-size: 17px;}
  .sec4_ct ul li .child-box .right {font-size: 19px;}
  .sec4_ct ul li .child-box .right span {font-size: 16px;}

  .sec5_ct ul {gap: 15px 0; margin: 0 -5px;}
  .sec5_ct ul li {padding: 0 5px;}
  .sec5_ct ul li .child-box {height: 350px; padding: 20px;}
  .sec5_ct ul li .child-box .top .ct_tit .name {margin-bottom: 10px;}
  .sec5_ct ul li .child-box .top {margin-bottom: 15px;}
  .sec5_ct ul li .child-box .top .user_img {width: 37px;}
  .sec5_ct ul li .child-box .txt-box .txt {font-size: 16px;}

  .slide_arrow {gap: 7px;}
  .slide_arrow button {width: 37px;}

  .sec6_slide ul {margin: 0 -5px;}
  .sec6_slide ul li {margin: 0 5px;}
  .sec6_slide ul li .child-box {height: 137px; padding: 20px;}
  .sec6_slide ul li .child-box .tit {font-size: 18px;}
  .sec6_slide ul li .child-box .txt {font-size: 16px;}

  footer {padding: 37px 0;}
  footer .f_logo {width: 177px;}

  .tit-box {width: 600px;}
}

@media screen and (max-width: 1300px) {
  .slide_arrow {right: 20px;}
  .container {padding: 0 20px;}
  header {height: 60px;}
  header .logo {width: 150px;}
  .visual .container {height: auto; padding: 120px 20px;}
  .visual .txt-box .tit {font-size: 30px;}
  .visual .txt-box .sub {margin-bottom: 30px; font-size: 17px;}
  .visual .txt-box .link_btn {gap: 7px;}
  .visual .txt-box .link_btn a {width: 137px; height: 40px; gap: 3px; font-size: 15px;}
  .visual .txt-box .link_btn a img {width: 15px;}
  .visual .img-box {max-width: 477px; right: 0;}
  section {padding: 70px 0;}
  .tit-box .tit {font-size: 27px;}
  .sec1 .container {gap: 30px;}
  .sec1_ct ul li .child-box {padding: 10px;}
  .sec1_ct ul li .child-box .icon {width: 40px;}
  .sec1_ct ul li .child-box .icon img {margin-bottom: 7px;}

  .sec5_ct ul li .child-box {height: 550px;}
  .sec5_ct ul li .child-box .top {flex-flow: column-reverse; align-items: flex-start; gap: 10px;}

  .tit-box {width: auto;}
}

@media screen and (max-width: 900px) {
  .visual .container {flex-flow: column; align-items: center; gap: 30px; padding-bottom: 0;}
  .visual .txt-box {width: 100%; text-align: center; word-break: keep-all;}
  .visual .txt-box .link_btn {justify-content: center;}
  .visual .txt-box .tit br {display: none;}
  .visual .img-box {position: relative;}

  .sec1 .container {flex-flow: column;}
  
  .tit-box2.flex {text-align: center;}
  .tit-box2 .tit {font-size: 27px;}
  .sec2_ct ul li .child-box {height: 60px;}
  .sec2_ct ul li .child-box .left {min-width: 120px; width: 120px;}
  .sec2_ct ul li .child-box .left img {width: 20px;}

  .sec4_ct ul li .child-box {height: 70px; padding: 0 20px;}

  .sec5_ct ul li .child-box .top {margin-bottom: 7px;}
  .sec5_ct ul li .child-box .txt-box .txt {font-size: 15px;}

  footer .container {flex-flow: column; align-items: flex-start; gap: 30px;}

  .q_menu {bottom: 20px; right: 20px; max-width: 70px;}
  .q_menu ul {gap: 5px;}
  footer .address .left .copyright {font-size: 12px;}
}

@media screen and (max-width: 600px) {
  .sec1_ct ul {gap: 20px 0;}
  .sec1_ct ul li .child-box {padding: 0;}

  .step_ct ul {flex-wrap: wrap; gap: 30px 0;}
  .step_ct ul li.arrow_li {display: none;}
  .step_ct ul li.img_li {width: calc(100% / 2);}

  .sec4_ct ul li .child-box {justify-content: center; gap: 10px; flex-flow: column; align-items: flex-start; height: 100px;}

  .sec6_slide ul {flex-wrap: wrap; gap: 10px 0; margin: 0 -5px;}
  .sec6_slide ul li {width: calc(100% / 1); margin: 0; padding: 0 5px; box-sizing: border-box;}
  .slide_arrow {display: none;}

  .sec2_ct ul li .child-box {flex-flow: column; align-items: flex-start; justify-content: center; gap: 10px; height: auto; padding: 20px;}

  .sec6_slide ul li .child-box {justify-content: center; gap: 10px;}

  .sec4_ct .img-box {height: auto; aspect-ratio: 16/9;}
  .sec4_ct .img-box img {height: 100%; object-fit: cover; border-radius: 20px;}

  .sec4_ct ul li .child-box .right span {display: inline;}

  .visual .txt-box .sub {margin-bottom: 10px;}
  .visual .txt-box .tit {margin-bottom: 30px;}
  .visual .img-box {bottom: -15px;}

  .visual .container {padding: 100px 10px 0;}
}

@media screen and (max-width: 500px) {
  .sec1_ct ul {text-align: center;}
  .sec1_ct ul li {width: 100%;}
  .sec1_ct ul li .child-box .icon {margin: 0 auto;}
  .tit-box {width: 100%; text-align: center;}
  .sec5_ct ul li {width: 100%;}
  .sec5_ct ul li .child-box {height: auto;}
  .sec6_slide ul li .child-box {gap: 10px;}

  .visual .txt-box .tit {font-size: 27px;}

  .sec6_slide ul {align-items: flex-start;}
  .sec6_slide ul li .child-box {justify-content: flex-start; height: auto;}

  .sec4_ct ul li .child-box .left {display: flex; justify-content: space-between; align-items: center; width: 100%;}
  .q_menu {bottom: 15px; right:15px;}
}

@media screen and (max-width: 422px) {
  .sec4_ct ul li {width: 100%;}
}