@media screen and (max-width: 1600px) {
  .visual  {height: 650px;}
  .form-area {margin-top: -97px;}
}

@media screen and (max-width: 1230px){
  .container {max-width: 100%; padding: 0 20px; box-sizing: border-box;}
  .list_slider ul .slick-arrow.slick-prev {left: 0;}
  .list_slider ul .slick-arrow.slick-next {right: 0;}
  .list_slider ul .slick-track {display: block;}
  .list_slider ul li {margin: 0 20px;}

  .list_slider ul li .child-box .txt-box .sub {font-size: 15px;}
}

@media screen and (max-width: 1100px) {
  header {padding: 20px;}
  header .logo {width: 100px;}
  
  .visual {height: 600px;}
  .visual .txt-box .box {width: 170px; height: 40px; margin-bottom: 10px; font-size: 15px;}
  .visual .txt-box .tit {margin-bottom: 10px; font-size: 36px;}
  .visual .txt-box .txt {font-size: 18px;}
  .visual .img-box {max-width: 545px; width: 100%;}
  .visual .container {justify-content: flex-start;}
  .form-area .form-box {padding: 20px;}
  .form-area .form-box .form-tit .tit {font-size: 28px;}
  .form-area .form-box .form-tit .sub {margin-top: 8px; font-size: 15px;}
  .form-area .form-box .form-tit {margin-bottom: 20px;}
  .input-box {gap: 10px;}
  .form-area .form-box .input-wrap .input-area {gap: 10px;}
  .form-area .form-box .input-wrap .input-area .d-flex {gap: 20px;}
  .form-area .form-box .submit-btn {min-width: 100px; width: 100px; height: 90px; font-size: 15px;}
  .form-area .form-box .input-wrap {gap: 10px;}

  .sec1_ct {gap: 40px;}
  .sec1_ct .txt-box .sub {margin-bottom: 12px; font-size: 20px;}
  .sec1_ct .txt-box .tit {font-size: 35px;}
  .sec1_ct .txt-box .txt {margin-top: 20px; font-size: 20px;}
  .sec1_ct .img-box .description {margin-top: 10px; font-size: 15px;}
  .sec1_ct .img-box {width: 400px;}

  .tit-box {margin-bottom: 60px;}
  .tit-box .tit {font-size: 38px;}
  .tit-box .sub {margin-top: 10px; font-size: 18px;}

  .sec2_ct .center-box .tit {font-size: 26px;}
  .sec2_ct .center-box .sub {font-size: 15px;}
  .sec2_ct .center-box .vs_img {width: 150px; margin: 50px auto 0;}
  .sec2_ct .box_item {width: 300px; padding: 40px 20px;}
  .sec2_ct .box_item .tit {width: 150px; height: 45px; margin: 0 auto; margin-bottom: 20px; font-size: 20px;}
  .sec2_ct .box_item .sub {font-size: 18px;}
  .sec2_ct .box_item .price {margin-bottom: 20px; font-size: 30px;}
  .sec2_ct .box_item .txt {margin-bottom: 15px; font-size: 18px;}
  .sec2_ct .img-box {width: 520px;}

  .list_slider ul li {margin: 0 10px;}
  .list_slider ul li .child-box .img-box {padding: 20px;}
  .list_slider ul li .child-box .txt-box {padding: 20px;}
  .list_slider ul li .child-box .txt-box .tit {font-size: 20px;}
  .list_slider ul li .child-box .txt-box .sub {font-size: 16px;}
  .list_slider ul li .child-box .txt-box .dl-box {gap: 10px; margin-top: 40px;}
  .list_slider ul li .child-box .txt-box .dl-box.on {margin-top: 19px;}
  .list_slider ul li .child-box .txt-box .dl-box dl dt {font-size: 16px;}
  .list_slider ul li .child-box .txt-box .dl-box dl dd {font-size: 16px;}
  .list_slider ul li .child-box .txt-box .dl-box dl dd b {font-size: 18px;}
  .list_slider ul li .child-box .txt-box .link_btn {height: 40px; margin-top: 10px; font-size: 16px;}
  .sec4_ct .description {font-size: 14px;}

  .sec5_ct ul {gap: 40px;}

  .form-box2 {padding: 20px 40px 0;}
  .form-box2 .input-box {margin-bottom: 15px;}
  .form-box2 .input-box:last-of-type {padding-bottom: 20px;}
  .form-box2 .submit-btn {height: 45px; margin-top: 20px; font-size: 15px;}


  .fixed-btn {right: 20px; bottom: 20px;}
  .fixed-btn a {width: 90px;}
}

@media screen and (max-width: 900px) {
  .visual {height: auto; padding: 100px 0;}
  .visual .container {flex-flow: column; align-items: center; justify-content: center; gap: 20px;}
  .visual .txt-box {text-align: center;}
  .visual .txt-box .box {margin: 0 auto 15px;}


  .form-area {margin-top: -60px; word-break: keep-all;}
  .form-area .form-box .input-wrap {flex-flow: column;}
  .form-area .form-box .input-wrap .input-area {width: 100%;}
  .input-box {width: 100%;}
  .form-area .form-box .input-wrap .input-area .input-box .d-flex {display: flex; flex-flow: row;}
  .form-area .form-box .form-tit .tit {font-size: 22px;}
  .form-area .form-box .form-tit .sub {font-size: 14px;}
  .form-area .form-box .input-wrap .input-area .d-flex {flex-flow: column; width: 100%; gap: 10px;}
  .input-box .tit {min-width: 55px; width: 55px; font-size: 15px;}
  .form-area .form-box .submit-btn {width: 100%; height: 50px;}
  .form-area .form-box .submit-btn br {display: none;}

  .sec1 {padding: 50px 0;}
  .sec1_ct {flex-flow: column-reverse; align-items: center; justify-content: center; gap: 20px;}
  .sec1_ct .txt-box {text-align: center;}
  .sec1_ct .txt-box .sub {margin-bottom: 10px; font-size: 18px;}
  .sec1_ct .txt-box .tit {font-size: 26px;}
  .sec1_ct .txt-box .txt {margin-top: 7px; font-size: 17px;}
  .sec1_ct .img-box {max-width: 320px; width: 100%;}
  .sec1_ct .img-box .description {font-size: 14px;}

  section {padding: 50px 0;}
  .sec2 {padding: 50px 0 180px;}
  .tit-box .tit {font-size: 26px;}
  .tit-box .sub {margin-top: 7px; font-size: 16px;}
  .sec2_ct {flex-flow: column;}
  .sec2_ct .box_item {width: 100%; padding: 30px 10px;}
  .sec2_ct .center-box {width: 100%; padding: 30px 10px;}
  .sec2_ct .center-box .tit {font-size: 20px;}
  .sec2_ct .center-box .vs_img {width: 125px; margin: 30px auto 0;}
  .sec2_ct .img-box {bottom: 20px; width: 310px;}
  .sec2_ct .box_item .tit {width: 120px; height: 40px; margin-bottom: 15px; font-size: 17px;}
  .sec2_ct .box_item .sub {font-size: 15px;}
  .sec2_ct .box_item .price {margin-bottom: 10px; font-size: 22px;}
  .sec2_ct .box_item .txt {margin-bottom: 10px; font-size: 15px;}

  .sec3_ct ul {flex-wrap: wrap; gap: 20px 0; margin: 0 -10px;}
  .sec3_ct ul .item {width: calc(100% / 3); padding: 0 10px; box-sizing: border-box;}
  /* .sec3_ct ul li:nth-child(4) {display: none;}
  .sec3_ct ul li:nth-child(8) {display: none;} */
  .sec3_ct ul .arrow {display: none;}
  .sec3_ct ul .arrow {width: calc(100% / 3); text-align: center;}
  .sec3_ct ul .arrow .img-box img {min-width: 20px; width: 20px;}
  .list_slider ul .slick-arrow {top: 50%;}
  .list_slider ul .slick-arrow.slick-prev {left: -30px;}
  .list_slider ul .slick-arrow.slick-next {right: -30px;}
  .list_slider {padding: 0 20px; box-sizing: border-box;}
  .list_slider ul li .child-box .img-box {padding: 33px;}
  .list_slider ul li:hover .child-box .img-box img {transform: scale(1);}

  .list_slider ul li .child-box .txt-box .tit {font-size: 18px;}
  .list_slider ul li .child-box .txt-box .sub {font-size: 15px;}
  .list_slider ul li .child-box .txt-box .dl-box {gap: 7px; margin-top: 39px;}
  .list_slider ul li .child-box .txt-box .dl-box dl dt {font-size: 15px;}
  .list_slider ul li .child-box .txt-box .dl-box dl dd b {font-size: 16px;}
  .list_slider ul li .child-box .txt-box .link_btn {height: 35px; margin-top: 10px; font-size: 15px;}
  .sec4_ct .description {margin-top: 8px;}

  .sec5_ct ul {flex-wrap: wrap; gap: 40px 0;}
  .sec5_ct ul li {width: calc(100% / 2); padding: 0 20px; box-sizing: border-box;}

  .tit-box {word-break: keep-all;}

  footer {padding: 30px 0;}
  footer .f-logo {width: 100px; margin-bottom: 20px;}
  footer .address p {word-break: keep-all;}

  .fixed-btn a {width: 80px;}
}

@media screen and (max-width: 700px) {
  .list_slider ul li .child-box .txt-box .sub {font-size: 14px;}

  .popup_area {max-width: calc(100% - 40px); padding: 20px;}
  .popup_area .submit_btn {height: 45px; font-size: 16px;}
  /* .popup_area .popup_body {height: 370px;} */
  .radio_box {flex-flow: column; align-items: flex-start; gap: 10px;}
  .radio_box label:before {width: 15px;}
  .popup_area .popup_item .txt-box {height: 150px;}
  .popup_area .popup_item .txt-box p {padding: 10px;}
  .popup_area .popup_item .tit {padding: 10px;}
  .radio_box .radio_tit2 {font-size: 15px;}
  .radio_box .radio_tit {word-break: keep-all; line-height: 1.3;}
  .popup_area .popup_hd .close_btn {top: 20px; right: 20px;}
}

@media screen and (max-width: 600px) {
  .input-box {flex-flow: column; align-items: flex-start;}
  .sec3_ct ul .item {width: calc(100% / 2);}
  .list_slider ul li .child-box .txt-box {padding: 10px;}
  .list_slider ul li .child-box .txt-box .sub {word-break: keep-all;}
  /* .list_slider ul li .child-box .txt-box .dl-box {gap: 15px;} */
  /* .list_slider ul li .child-box .txt-box .dl-box dl {flex-flow: column; gap: 4px;} */
  .list_slider ul li .child-box .txt-box .dl-box dl dt {font-size: 15px;}
  .list_slider ul li .child-box .txt-box .dl-box dl dd {font-size: 15px;}

  .list_slider ul li {margin: 0 !important;}
  .list_slider ul li .child-box .txt-box .dl-box {margin-top: 20px;}

  .form-box2 {padding: 20px 0;}
}