@media screen and (max-width: 1800px) {
  .swiper-button-prev2 {left: 210px;}
  .swiper-button-next2 {right: 210px;}

  .swiper-button-prev3 {left: 210px;}
  .swiper-button-next3 {right: 210px;}
}

@media screen and (max-width: 1600px){
  /* .swiper-button-prev2 {left: 0;}
  .swiper-button-next2 {right: 0;}

  .swiper-button-prev3 {left: 0;}
  .swiper-button-next3 {right: 0;} */

  .q_menu .img-box {width: 110px;}
}

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

  header {height: 70px;}
  header .logo {width: 140px;}
  header nav ul {gap: 30px;}
  header nav ul li a {font-size: 16px;}

  .visual .kv_slide .swiper-wrapper .swiper-slide .txt-box .txt {font-size: 60px;}
  .visual .kv_slide .swiper-pagination1 {bottom: 20px; gap: 10px;}
  .visual .kv_slide .swiper-pagination1 span {width: 15px; margin: 0;}

  section {padding-top: 80px;}
  .tit-box .tit {font-size: 46px;}
  .tit-box {margin-bottom: 60px;}

  .slide_content .sec1_slide {width: 640px; height: 450px;}
  .swiper-button-next2 {right: 145px;}
  .swiper-button-prev2 {left: 145px;}
  .sec1_slide .swiper-wrapper .swiper-slide .txt-box {padding: 0 20px;}
  .sec1_slide .swiper-wrapper .swiper-slide .txt-box .tit {padding-bottom: 15px; font-size: 18px;}

  .tab_btn {gap: 30px; margin-bottom: 30px;}
  .tab_btn button {padding-bottom: 5px; font-size: 18px;}
  .tab_btn button.active {border-width: 1px;}

  .product-list ul li .child-box {height: 360px;}
  .product-list ul li .child-box .img-box {width: 270px; height: 205px;}

  .product_info {padding-top: 100px;}
  .install_list {padding-top: 100px;}
  .case_area {padding-top: 100px;}
  .vod_play {padding-top: 100px;}

  .tab_btn2 dl dd {gap: 20px 10px; max-width: 874px;}
  .tab_btn2 dl dd button.active:before {bottom: -5px; height: 1px;;}
  .tab_btn2 dl dt {font-size: 18px;}
  .tab_btn2 dl {padding-bottom: 20px; margin-bottom: 30px;}

  .case_list ul {gap: 20px 0; margin: 0 -10px;}
  .case_list ul li {padding: 0 10px;}
  .case_list ul li .child-box .img-box {height: 160px;}
  .case_list ul li .child-box .txt-box .tit {font-size: 16px;}
  .case_list ul li .child-box .txt-box .tit:after {width: 54px; margin: 10px 0;}
  .case_list ul li .child-box .txt-box .sub {margin-bottom: 15px; font-size: 15px;}
}

@media screen and (max-width: 1024px) {
  .product-list ul li .child-box .img-box {width: 200px; height: 145px;}
  .product-list ul li .child-box .txt-box:before {margin: 20px auto 14px;}
  .product-list ul li .child-box .txt-box .tit {font-size: 18px;}
  .product-list ul li .child-box {height: 245px;}
  .product-list ul {gap: 20px 0; margin: 0 -10px;}
  .product-list ul li {padding: 0 10px;}

  .certificate_slide .swiper-slide.swiper-slide-active .img-box {width: 340px;}
  .certificate_slide .swiper-slide .slide_txt {left: 50%; transform: translateX(-50%);}
  .certificate_slide .swiper-slide .slide_txt .tit {margin-bottom: 26px; font-size: 40px;}
  footer .address ul {gap: 20px;}

  
  .tab_btn2 dl dd button {font-size: 16px;}
  .tab_btn2 dl dd a {font-size: 16px;}
  .tab_btn2 dl dd {max-width: 700px;}

  .case_list ul li {width: calc(100% / 3);}
}

@media screen and (max-width: 900px) {
  header {height: 60px; z-index: 9999;}
  header .logo {width: 120px;}
  header nav {position: fixed; top: 0; left: -300px; display: flex; flex-flow: column; align-items: center; justify-content: center; gap: 30px; width: 300px; height: 100vh; background: var(--wt); transition: all .5s; z-index: 9999;}
  header nav.open {left: 0;}
  header nav ul {flex-flow: column; align-items: center; justify-content: center; gap: 20px; height: auto;}
  header nav ul li a {color: var(--pr) !important;}
  .mo_btn {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); display: block; width: 30px;}
  .mo_btn.on {width: 20px;}
  .mo_btn img {width: 100%; height: auto;}
  .q_menu {display: none;}

  /* mo_banner */
  .mo_banner {display: flex; align-items: center; justify-content: center; gap: 10px 0; flex-wrap: wrap; margin: 0 -5px; padding: 0 20px; box-sizing: border-box;}
  .mo_banner .img-box {position: relative; width: calc(100% / 2); height: auto; padding: 0 5px; box-sizing: border-box;}
  .mo_banner .img-box .link_hidden {position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
  .mo_banner .img-box .link_hidden a {width: 100%; height: 100%;}
  .mo_banner .img-box img {width: 100%; height: auto;}

  .visual {height: auto; aspect-ratio: 16/8;}
  .visual .kv_slide .swiper-wrapper .swiper-slide .txt-box .txt {font-size: 34px;}
  .visual .kv_slide .swiper-pagination1 {gap: 5px;}
  .visual .kv_slide .swiper-pagination1 span {width: 10px;}

  section {padding-top: 50px;}

  .tit-box {margin-bottom: 30px;}
  .tit-box .tit {font-size: 34px;}

  .slide_btn {width: 40px;}
  .swiper-button-next2 {right: 25px;}
  .swiper-button-prev2 {left: 25px;}
  .slide_content .sec1_slide {width: 100%; height: auto; aspect-ratio: 16/9;}
  .sec1_slide .swiper-wrapper .swiper-slide .txt-box {bottom: 20px;}
  .sec1_slide .swiper-wrapper .swiper-slide .txt-box .tit {padding-bottom: 10px; margin-bottom: 10px; font-size: 16px;}
  .sec1_slide .swiper-wrapper .swiper-slide .txt-box .d-flex .cete_n {font-size: 14px;}
  .sec1_slide .swiper-wrapper .swiper-slide .txt-box .d-flex .date {font-size: 14px;}

  .tab_btn {gap: 10px;}

  .product-list ul {gap: 10px 0; margin: 0 -5px;}
  .product-list ul li {width: calc(100% / 2); padding: 0 5px;}

  .product-list ul li .child-box .img-box {max-width: 200px; width: 100%; height: auto; aspect-ratio: 16/10;}
  .product-list ul li .child-box .txt-box .tit {font-size: 16px;}
  .product-list ul li .child-box .txt-box:before {margin: 10px auto; width: 50px; height: 2px;}
  .certificate_slide .swiper-slide.swiper-slide-active .img-box {width: 300px; height: 488px;}
  .certificate_slide .swiper-slide .slide_txt {width: 100%;}
  .certificate_slide .swiper-slide .slide_txt .tit {margin-bottom: 10px; font-size: 24px;}
  .certificate_slide .swiper-slide .slide_txt .sub {font-size: 18px;}

  footer {padding: 30px 0; margin-top: 100px;;}
  footer .f_logo {width: 220px; margin-bottom: 10px;}
  footer .address ul li .child-box .tit {font-size: 16px;}
  footer .address ul li .child-box .tit span {padding-bottom: 1px; border-width: 1px;}
  footer .address ul li .child-box .txt {margin-top: 10px; font-size: 13px;}
  footer .address ul li .child-box .link_box {gap: 5px; margin-top: 10px;;}
  footer .container {flex-flow: column; gap: 15px;}
  footer .address ul {flex-flow: column; align-items: center;}
  footer .address ul li .child-box {text-align: center;}
  footer .copyright.pc {display: none;}
  footer .copyright.mo {display: block; font-size: 12px;}

  .popup {max-width: 440px;}

  .case_slide .swiper-slide .txt-box {padding: 10px;}
  .case_slide .swiper-slide .txt-box .tit {font-size: 16px;}
  .case_slide .swiper-slide .txt-box .tit:after {width: 50px; height: 1px; margin: 10px 0;}
  .case_slide .swiper-slide .txt-box .txt {margin-bottom: 10px; font-size: 15px;}

  .product-list div {margin-bottom: 30px;}

  .product_info {padding-top: 100px;}

  .tab_btn2 dl {flex-flow: column; gap: 20px;}
  .tab_btn2 dl dd {width: 100%;}
  
  .table-area th {height: 35px; font-size: 16px;}
  .table-area td {font-size: 15px;}
  .table-area th:nth-child(1) {min-width: 100px; width: 100px;}
  .table-area th:nth-child(3) {min-width: 60px; width: 60px;}
  .table-area th:nth-child(4) {min-width: 100px; width: 100px;}

  .table-area td:nth-child(1) {min-width: 100px; width: 100px;}
  .table-area td:nth-child(3) {min-width: 60px; width: 60px;}
  .table-area td:nth-child(4) {min-width: 100px; width: 100px;}

  .case_list ul li {width: calc(100% / 2);}
  .case_list ul li .child-box .txt-box .tit:after {height: 1px;}
  .case_list ul li .child-box .txt-box {padding: 10px;}

  .certificate_slide .swiper-slide .img-box {height: auto;}
  /* .certificate_slide .swiper-slide {width: 240px !important;}
  .certificate_slide .swiper-slide.swiper-slide-active {width: 340px !important;} */

  .install_link ul {gap: 5px;}
  .install_link ul li a {width: 80px; height: 30px;}

  .swiper-button-prev2 {left: 20px;}
  .swiper-button-next2 {right: 20px;}

  .swiper-button-prev3 {left: 0px;}
  .swiper-button-next3 {right: 0px;}

  .popup .close_btn {width: 60px;}
}


@media screen and (max-width: 500px) {
  .visual {aspect-ratio: 16/10;}
  .visual .kv_slide .swiper-wrapper .swiper-slide .txt-box .txt {font-size: 22px;}

  .tit-box .tit {font-size: 28px;}

  .sec1 .slide_btn {top: 0; transform: initial; width: 30px;}
  .sec3 .slide_btn {width: 30px;}
  
  .product-list ul {margin: 0;}
  .product-list ul li {width: 100%; padding: 0;}
  .product-list ul li .child-box .txt-box .tit {font-size: 15px;}

  .certificate_slide .swiper-slide.swiper-slide-active .img-box {width: 238px; height: 400px;}
  .certificate_slide .swiper-slide .img-box {height: 400px;}
  
  .tab_btn button {font-size: 16px;}

  .table-area {overflow: auto; overflow-y: hidden;}
  .table-area table {width: 500px;}

  .tab_btn2 dl dd {gap: 10px 5px;}
  .tab_btn2 dl dd button {font-size: 15px;}
  .tab_btn2 dl dd a {font-size: 16px;}

  .case_list ul {margin: 0; gap: 10px;}
  .case_list ul li {width: 100%; padding: 0;}

  .certificate_slide .swiper-slide.swiper-slide-active {width: 100% !important;}
  .certificate_slide .swiper-slide.swiper-slide-active .img-box {width: 100% !important; height: auto;}
  .certificate_slide .swiper-wrapper {padding-top: 100px;}
  .certificate_slide .swiper-slide .slide_txt {top: -60px;}
  .certificate_slide .swiper-slide .img-box {height: auto;}
  .certificate_slide .swiper-slide {width: 100% !important;}
  .certificate_slide .swiper-slide .img-box {width: 100% !important;}
}