@media (max-width:1700px){

  #header .inner_wrap .wrap { width: 90%; justify-content: space-between; }
  .hd_sch_wr { display: none; }
  #h_gnb > li { width: 12vw; }

}

@media (max-width:1440px){

  #footer_w ul li { overflow: hidden; }
  #footer_w ul li p { font-size: 14px; }
  #footer_w ul li:last-of-type p { z-index: 10; }
  #footer_w ul li:last-of-type img { width: 60%; left: inherit; right: 30px; }

}

@media (max-width:1400px){

  #company { justify-content: center; flex-wrap: wrap; }
  #company::after { display: none; }
  #company .about { width: 100%; }
  #company .notice .pic_lt { max-width: inherit; padding: 0 10vw 50px; }
  #company .notice .pic_lt li { width: calc((100% / 2) - 20px); }

}

/*desk*/
@media (max-width:1180px){

  #header .inner_wrap { padding: 0; }
  #header .inner_wrap .wrap { display: none; }
  #sitemap { display: block; }
  #nav_btn { display: block; }
  #header:hover::after { height: 0; }
  #top_btn { width: 50px; font-size: 14px; }
  #m_slider .inner_wrap { left: 0; }
  #m_slider video { object-fit: none; }
  #product ul li .info .title { font-size: 20px; }


  #sub0101 .info p { font-size: 16px; }

}



/*tablet*/
@media (min-width:768px) and (max-width:1024px){


  #product ul { flex-wrap: wrap; gap: 20px; }
  #product ul li { width: calc((100% / 2) - 10px); }
  #marquee .wrap { width: 350%; padding: 20px 0; }
  #company .about .info { padding: 50px 30px 50px 50px; }

  #sub .bar { margin: 0 auto 50px; }
  #sub0101 .title { font-size: 18px; }
  #sub0101 .info { justify-content: center; flex-wrap: wrap; gap: 50px; }
  #sub0101 .info div { padding-top: 0; }
  #sub0101 .info p { margin-bottom: 20px; }

  #contact .info ul { flex-wrap: wrap; }
  #contact .info ul li { width: calc((100% / 2) - 20px); max-height: 280px; }

  #sub0502 ul { flex-wrap: wrap; }
  #sub0502 ul li { width: calc((100% / 2) - 20px); max-height: 280px; }

  #footer_w ul { flex-wrap: wrap; gap: 20px; }
  #footer_w ul li { width: 100%; justify-content: center; gap: 20px; }
  #footer_w ul li:last-of-type { width: 100%; }
  #footer_w ul li p { font-size: 16px; }
  #footer p { font-size: 14px; }




}


/*mobile*/
@media (max-width:767px){

  .inner_wrap { padding: 100px 20px; }
  #header { height: 60px; padding: 0 20px; }
  #h_logo a img { height: 35px; }
  #sitemap { width: 100%; padding: 15vh 20px 0; }
  #sitemap .close { right: 20px; }
  #sitemap .gnb > li > a { font-size: 30px; }

  #my_wrapper h2 { font-size: 40px; }
  #m_slider { padding-top: 60px; }
  #m_slider .inner_wrap { padding: 0 20px; }
  #m_slider .info .title { font-size: 22px; }
  #m_slider .info .flex_box { gap: 24px; }
  #m_slider video { height: calc(100vh - 60px); }
  #m_slider .swiper-pagination { font-size: 16px; gap: 20px; }
  #m_slider .swiper-pagination-current { font-size: 18px; }
  #m_slider .swiper-button-next { width: 7px; height: 18px; }
  #m_slider .swiper-button-prev { width: 7px; height: 18px; }

  #product ul { flex-wrap: wrap; gap: 20px; }
  #product ul li { width: calc((100% / 2) - 10px); }
  #product ul li .info { left: 10px; top: 10px; }
  #product ul li .info .title { font-size: 16px; }
  #product ul li .info .desc { font-size: 14px; }
  #marquee .wrap { width: 400%; padding: 20px 0; }
  #marquee ul { gap: 20px; }
  #company .about { padding: 50px 20px; }
  #company .about .info { padding: 20px; }
  #company .about .info p { font-size: 14px; }
  #company .notice .pic_lt { padding: 50px 20px; }
  #company .notice .pic_lt li { width: calc((100% / 2) - 10px); }
  #company .notice .pic_lt li:nth-of-type(n+3) { margin-bottom: 45px; }
  #company .notice .pic_lt li:nth-of-type(n+4) { margin-bottom: 0; }
  #company .notice .pic_lt li:nth-of-type(2n-1) { margin-right: 20px; }
  #company .notice .pic_lt li a { font-size: 16px; }
  #company .notice .lt_info { font-size: 14px; }
  #company .notice .lt_info .lt_nick { padding-right: 5px; }
  #company .notice .lt_info .lt_date { padding-left: 5px; }
  #company .notice .pic_lt .lt_more { font-size: 16px; padding: 0 5px 5px; }

  #s_top { margin-top: 60px; }
  #title .info h2 { font-size: 40px; }
  #title .info ul li { font-size: 12px; }
  #path { display: none; }
  #sub .inner_wrap { overflow: hidden; padding: 100px 20px; }
  #sub .bar { margin: 0 auto 50px; }
  #sub h2 { font-size: 40px; }

  #sub0101 .title { font-size: 16px; }
  #sub0101 .info { justify-content: center; flex-wrap: wrap; gap: 50px; }
  #sub0101 .info div { padding-top: 0; }
  #sub0101 .info p { font-size: 14px; margin-bottom: 20px; }
  #sub0101 .info span { font-size: 16px; }

  #sub0103 .nav > li { padding: 20px; }
  #sub0103 .sub { flex-wrap: wrap; }
  #sub0103 .sub > li { width: 100%;  }
  #sub0103 .sub .ssb { padding-left: 10px; }

  #tb_all { margin-bottom: 50px; }
  #tb_all colgroup { display: none; }
  #contact .flex_box { height: 40px; }
  #contact h3 p { font-size: 14px; }
  #contact .tb_hd tr th { font-size: 12px; width: 40%; line-height: 40px; }
  #contact .tb_hd tr th:last-of-type { width: 100%; }
  #contact .ck_btn { height: 40px; }
  #contact .ck_btn > th { font-size: 12px; left: 15px; line-height: 40px; }
  #contact .ck_btn2 { height: 40px; }
  #contact .ck_btn2 > th { font-size: 12px; left: 15px; line-height: 40px; }
  #contact .open > th { left: 0; line-height: 1.5; }
  #contact .active > th { left: 0; line-height: 1.75; }
  #contact .wrap { width: calc(100% - 40px); }
  #contact .wrap tbody tr td { font-size: 9px; line-height: 1.75; }
  #contact .wrap tr .rd_btn input { left: 0; }
  [type="radio"] { width: 10px; height: 10px; }
  #contact .cell_btn { width: 40px; height: 40px; }
  #contact .cell_btn2 { width: 40px; height: 40px; }
  #contact .active > th { height: 40px; padding: 0; }
  #contact .del { font-size: 9px; }
  #contact .del:last-of-type { text-align: left; }
  #contact .wrap tr td:nth-of-type(2) { width: 40px; padding-left: 18px; }
  #contact .ck_btn2 .wrap tr td:nth-of-type(2) { width: 150px; }
  #contact .tg_c thead tr td { font-size: 9px; }

  .fields { margin-bottom: 50px; }
  .fields ul li .lbl { font-size: 14px; max-width: 100px; padding-left: 0; text-align: center; line-height: 40px; }
  .fields ul li .desc { padding: 5px; }
  .btn-group { width: 145px; height: 45px; }
  .btn-group button { font-size: 14px; }

  #contact .info ul { flex-wrap: wrap; }
  #contact .info ul li { width: 100%; max-height: 280px; }

  #sub0502 ul { flex-wrap: wrap; }
  #sub0502 ul li { width: calc((100% / 2) - 10px); max-height: 280px; padding-top: 15px; }
  #sub0502 ul li p.title { font-size: 16px; }
  #sub0502 ul li p.desc { font-size: 14px; }

  #footer_w ul { flex-wrap: wrap; }
  #footer_w ul li { width: 100%; height: auto; justify-content: center; gap: 20px; padding: 20px; }
  #footer_w ul li:last-of-type { width: 100%; height: 130px; justify-content: flex-start; }
  #footer_w ul li p { font-size: 9px; }
  #footer_w ul li:last-of-type p { font-size: 16px; }
  #footer { padding: 40px 20px; }
  #footer p { font-size: 14px; word-break: keep-all; }




}