@media screen and (max-width: 1300px){
  .container {padding: 0 20px; box-sizing: border-box;}
}

@media screen and (max-width: 1200px) {
  header {height: 60px;}
  header .logo p {font-size: 24px;}
  header .inquiry-btn {width: 110px; height: 30px; font-size: 15px;}
  header .inquiry-btn img {width: 20px;}

  .visual {height: auto; padding-bottom: 100px; margin-top: 50px;}
  .visual .kv_rolling {height: 100px;}
  .visual .kv_rolling p {font-size: 40px;}
  .visual .kv_rolling p.active {font-size: 60px;}
  .visual .kv_rolling p.next {bottom: 56px;}
  .visual .kv_rolling p.prev {bottom: -56px;}

  .visual .kv_tit {margin-top: 40px; font-size: 36px;}
  .visual .kv_sub {margin-top: 20px; font-size: 18px;}
  .visual .kv_sub:after {height: 45px; margin: 25px auto 20px;}

  .rolling-item .rolling-area {gap: 40px;}
  .rolling-area ul {gap: 40px;}
  .rolling-item ul li {height: 45px;}

  .tit-box {margin-bottom: 35px;}
  .tit-box .tit {margin-bottom: 25px; font-size: 40px;}
  .tit-box .sub_tit img {width: 20px;}
  .tit-box .sub_tit {font-size: 16px;}
  .tit-box .sub {font-size: 18px;}

  .txt-slide {gap: 20px; margin-right: -900px;}
  .txt-slide::before {height: 150px;}
  .txt-slide ul .slick-track {margin: 0 -15px;}
  .txt-slide ul li {width: 310px; padding: 0 15px;}

  section {padding-top: 100px;}

  .tit-box.center:after {margin: 20px auto 40px;}

  .review-rolling {gap: 40px;}
  .review-rolling ul {gap: 40px;}
  .review-rolling ul li {width: 330px;}

  /* vw */
  .img-list {width: 740px; height: 480px; margin: 0 auto;}
  .img-list ul li {padding: 0 80px;}
  .img-list ul li.active {top: 130px;}
  .img-list ul li.next {top: 364px;}
  .img-list ul li.prev {top: -115px;}
  /* //vw */

  .news-rolling {margin-bottom: 20px; gap: 20px;}
  .news-rolling ul {gap: 20px;}
  .news-rolling ul li {width: 350px;}

  .relevant-list ul li .child-box {gap: 15px;}
  .relevant-list ul li .child-box .icon-box {min-width: 128px; width: 128px;}
  .relevant-list ul li .child-box .txt-box .txt {font-size: 18px;}

  /*  */
  .fixed-btn img {max-width: 235px;}
  .fixed-btn a {max-width: 320px; height: 55px; font-size: 18px;}
}

@media screen and (max-width: 900px) {
  .visual .kv_rolling {height: 74px;}
  .visual .kv_rolling p.prev {font-size: 35px;}
  .visual .kv_rolling p.active {font-size: 40px;}
  .visual .kv_rolling p.next {bottom: 35px;}
  .visual .kv_tit {margin-top: 30px; font-size: 26px; word-break: keep-all;}
  .rolling-item .rolling-area {gap: 20px;}
  .rolling-area ul {gap: 20px;}
  .rolling-item ul li {height: 40px;}

  .tit-box .tit {font-size: 34px;}
  .tit-box .sub_tit {font-size: 15px;}
  .tit-box .sub_tit img {width: 10px;}
  .tit-box {margin-bottom: 20px;}

  .txt-slide ul .slick-track {margin: 0 -10px;}
  .txt-slide ul li {width: 280px; padding: 0 10px;}

  .tit-box.center:after {margin: 10px auto 20px;}

  .review-rolling {gap: 20px;}
  .review-rolling ul {gap: 20px;}
  /* .review-rolling ul li {width: 260px;} */

  .tit-box.new .new_lb {margin-bottom: 10px;}
  .tit-box .sub {font-size: 15px;}

  /* vw */
  .img-list {width: auto; height: 64.86vw; margin: 0 -10px; box-sizing: border-box;}
  .img-list ul li {padding: 0vw 4vw 0 0;}
  .img-list ul li.active {top: 9.57vw;}
  .img-list ul li.next {top: 42.19vw;}
  .img-list ul li.prev {top: -22.54vw;}
  /* //vw */

  .news-rolling ul li {width: 300px;}

  .sec5 .container {flex-flow: column;}

  .tit-box {width: 100%; text-align: center;}
  .relevant-list {max-width: 100%;}

  .relevant-list ul li .child-box .txt-box .txt {font-size: 16px;}

  .sec5 {padding-bottom: 100px;}

  footer {padding: 50px 0 150px;}
  footer .link-btn {gap: 10px; margin-bottom: 20px;}
  footer .link-btn a {font-size: 15px;}
  footer .address ul {gap: 5px 10px;}
  footer .address {margin-bottom: 40px;}

  footer .copyright {font-size: 13px;}

  .fixed-btn {bottom: 30px;}
  .fixed-btn img {max-width: 250px;}
  .fixed-btn a {max-width: calc(100% - 40px);}

  .visual .kv_rolling p {font-size: 30px;}

  .relevant-list {border: none !important;}
}

@media screen and (max-width: 425px) {
  .tit-box .tit {font-size: 28px; word-break: keep-all;}
  .tit-box .sub_tit {align-items: flex-start; text-align: left; word-break: keep-all;}
  .tit-box .sub {word-break: keep-all;}
  .relevant-list ul li .child-box .txt-box .txt {font-size: 16px; white-space: nowrap;}
  .relevant-list ul li .child-box .icon-box {min-width: auto;}

  footer .link-btn {flex-wrap: wrap;}
  .visual .kv_rolling p {white-space: nowrap;}

  header .logo p {font-size: 18px;}
  header .inquiry-btn {width: 90px; height: 25px; font-size: 14px;}
  header .inquiry-btn img {width: 15px;}

  .mobr {display: inline-block;}
  .tit-box.center:after {display: none;}
  .sec2 .tit-box .tit {margin-bottom: 35px;}
  .sec3 .tit-box {margin-bottom: 25px;}

  .relevant-list ul li {border: none;}

  .txt-slide {gap: 0;}
  .txt-slide::before {background: none; min-width: 0;}

  .visual .kv_sub:after {display: none;}
  .rolling-item {display: none;}

  .visual {margin-top: 0; height: calc(100vh - 180px); display: flex; align-items: center;}
}