.mo_btn {display: none;}
@media screen and (max-width: 1400px){
  .container {max-width: 100%; height: auto; padding: 0 20px; box-sizing: border-box;}
  .product-table table td:last-child {min-width: 40%; width: 40%;}
  .product-table table td {min-width: 15%; width: 15%;}
  
  .product-table.product-table2 table td:nth-child(3) {min-width: 40%; width: 40%;}
  .product-table.product-table2 table td:last-child {min-width: 15%; width: 15%;}
  .product-table.product-table2 table td {min-width: 15%; width: 15%;}
}

@media screen and (max-width: 800px) {
  .mo_btn {display: block;}
  /* header nav {display: none;} */
  header {position: fixed;}
  header.active {background: #fff;}
  header.on2 {background: transparent;}
  header nav {position: fixed; top: 0; left: -300px; width: 300px; height: 100vh; padding-top: 80px; background: #fff; transition: all .5s;}
  header nav.active {left: 0; transition: all .5s;}
  header nav ul {width: 100%; height: 100%; flex-flow: column; gap: 0; justify-content: flex-start; align-items: flex-start;}
  header nav ul li {padding: 0; width: 100%;}
  header nav ul li .nav-top {display: flex; align-items: center; justify-content: space-between; color: #000; border-bottom: 1px solid #dfdfdf; width: 100%; height: 50px; padding: 0 20px; box-sizing: border-box;}
  header nav ul li .nav-top img {width: 15px; height: auto;}
  header nav ul li.active .nav-top img {transform: rotate(180deg);}
  header nav ul li:first-child .nav-top {border-top: 1px solid #dfdfdf;}
  header .language {display: none;}
  header .container {padding-top: 0;}
  header {padding-bottom: 0; height: 80px;}
  header .logo {width: 70px;}
  .mo_btn {width: 45px;}
  .mo_btn.on {width: 25px;}
  .mo_logo {position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 105px; height: auto;}
  .mo_logo img {width: 100%; height: auto;}

  header nav ul li .nav-bottom {position: initial; display: none; width: 100%; transform: none; border-bottom: 1px solid #dfdfdf;}
  header nav ul li .nav-bottom a {width: 100%; padding: 0 40px; height: 35px; justify-content: flex-start;}

  .visual {height: 70vh;}
  .swiper-button-next {right: 20px; margin-top: 12px;}
  .swiper-button-prev {left: 20px; margin-top: 12px;}
  .swiper-button img {width: 15px;}
  .swiper-slide .txt-box {width: 100%; top:50%;}
  .swiper-slide .txt-box .sub {font-size: 16px;}
  .swiper-slide .txt-box .tit {font-size: 24px; width: 100%;}
  .swiper-slide img {object-fit: cover;}
  .visual .swiper-pagination {bottom: 40px;}

  section {padding: 50px 0;}
  .main-sec .main-tit .img-box {width: 160px; margin-bottom: 20px;}
  .main-sec .main-tit .txt {font-size: 14px; margin-bottom: 40px;}
  .main-sec .main-tit .link-btn {width: 120px; height: 35px; font-size: 14px;}
  .main-sec .main-tit {margin-bottom: 40px;}
  .img-list ul {flex-flow: column;}
  .img-list ul li {width: 100%;}

  footer {padding: 40px 0;}
  footer ul {flex-flow: column;}
  .copyright {text-align: center;}

  .sub-kv .txt-box {bottom: 90px; font-size: 24px;}
  .current_location {padding: 15px 0;}
  .current_location ul {gap: 10px;}
  .current_location ul .txt {font-size: 12px;}
  .sec-tit .tit {font-size: 18px;}
  .product-table table th {font-size: 14px; padding: 12.5px 10px;}
  .product-table table td {font-size: 12px; padding: 0 10px; vertical-align: middle;}

  .product-table table th:first-child,.product-table table td:first-child {padding-left: 10px;}
  /* .product-table.product-table2 table td {min-width: 150px; width: 150px;}
  .product-table.product-table2 table td:nth-child(3) {min-width: 200px; width: 200px;} */

  .pager-area ul .number {min-width: 20px; height: 20px; padding: 0 5px;}
  .pager-area ul .number a {font-size: 12px;}
  .pager-area ul .next {margin-right: 5px; margin-left: 0px;}
  .pager-area ul .prev {margin-left: 5px; margin-right: 5px;}

  .history-area ul li {padding: 20px;}
  .history-area {margin-top: -20px;}
  .history-area ul li .year {margin-right: 20px; font-size: 18px;}
  .history-area ul li .roof-area .day-txt .day {margin-right: 15px; font-size: 14px;}
  .history-area ul li .roof-area .day-txt .txt {font-size: 14px;}

  .map-area {width: 100%;}
  .sec-tit {margin-bottom: 20px;}
  .map-area iframe {height: 250px;}

  .ceo-area {margin-top: 30px;}


  .notice-detail .top-bar .tit b {font-size: 16px;}
  .notice-detail .top-bar .tit span {font-size: 14px;}
  .notice-detail .top-bar .tit {gap: 5px;}
  .notice-detail .top-bar .d-flex {gap: 10px;}
  .notice-detail .top-bar {padding: 0 10px;}
}

@media screen and (max-width: 640px) {
  .product-table {overflow: auto; overflow-y: hidden;}
  .product-table table {width: 600px;}

  .notice-detail .top-bar {flex-flow: column; align-items: flex-start; justify-content: center; gap: 5px;}
  .notice-detail {height: 70px;}
  .notice-detail .top-bar .tit b {font-size: 14px;}
  .notice-detail .top-bar .tit span {font-size: 12px;}
  .detail_content {margin-top: 10px; gap: 10px;}
  .detail_content p {font-size: 14px;}
  .detail_content iframe {height: 300px; min-height: 300px;}
}

@media screen and (max-width: 450px) {
  .swiper-slide .txt-box .tit {font-size: 22px; white-space: inherit;}
  header {height: 60px;}
  .mo_btn {width: 35px;}

  .table-area table th {height: 40px; font-size: 16px;}
  .table-area table td {font-size: 14px; height: 45px;}
}

@media screen and (max-width: 412px) {
  .product-table.product-table2 table td:nth-child(3) {min-width: 19%; width: 19%;}
  .product-table table th {font-size: 13px; padding: 12.5px 5px;}
  .product-table table td {font-size: 10px; padding: 0 5px; vertical-align: middle;}

  .content .img-box2 img {width: 100%;}
}