@media (max-width:1700px){



}

@media (max-width:1440px){


}

@media (max-width:1400px){

  #h_gnb { display: none;}
  #nav_btn { display: block; }
  #m_slider .info .title, #m_slider .info .desc { max-width: 800px;}
}

/*desk*/
@media (max-width:1180px){
  #m_slider .info .title, #m_slider .info .desc { max-width: 600px;}

}



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

.slideshow-pagination { display: none; }
#quick { display: none; }
#video ul { gap: 20px; }
#video ul li iframe { height: 250px; }
.pic_lt li a { word-break: keep-all; }
.pic_lt li .desc { word-break: keep-all; }
#m_sch .link { display: block; }
#m_sch .link .title_q { text-align: left; margin-bottom: 20px; }
#product .page li { font-size: 18px; }
#area ul li .desc { word-break: keep-all; }
#footer .left_top { gap: 30px; }
#footer .left_top ul { gap: 20px; }

#sub { overflow: hidden; }
#s_top { height: 350px; border-top-left-radius: 60px; border-top-right-radius: 60px; }
#path .main { width: 40%; }
#path .sub { width: 40%; }

#ceo { flex-wrap: wrap; }
#ceo > img { position: relative; top: 0; width: 100%; }
#ceo .info { width: 100%; }
#local ul li .tt { font-size: 18px; }
#local ul li .des { font-size: 16px; }

#local { margin-bottom: 100px; }
#local ul li { padding: 20px; }
#local ul li img { width: 50px; height: 50px; }

#contact ul li .desc { padding: 30px; font-size: 16px; }
#contact ul li label { font-size: 18px; }
#contact ul li .desc .ch_style { margin-left: 20px; }
#contact ul li .desc select { width: 50%; }

#card h2 { margin-bottom: 50px; }
#card ul li .title { font-size: 22px; }
#card ul li .title span { font-size: 24px; }
#card ul li .desc { font-size: 14px; }
}


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

  #header { padding: 0 20px; height: 60px; }
  #h_logo { left: 20px; }
  #header .flex_box { right: 20px; }
  #h_logo a img { height: 30px; }
  #lang { display: none; }
  #sitemap { width: 100%; }

  #m_slider { padding-top: 60px; }
  #m_slider .info { margin-left: 20px; }
  #m_slider .info .title { font-size: 30px; max-width: 300px;font-size: 21px;}
  #m_slider .info .desc{ max-width: 300px;}
  #m_slider .info p { font-size: 14px; }
  #m_slider .swiper-wrapper .swiper-slide::after { background-position: left; }
  #m_slider .info .desc { margin-bottom: 20px; }
  #my_wrapper .view_more { width: 150px; height: 45px; }
  #m_slider .scroll { display: none; }
  .slideshow-pagination { display: none; }

  #quick { display: none; }

  .inner_wrap { padding: 0 20px 100px; }
  #my_wrapper h2 { margin-bottom: 10px; line-height: 1.5; font-size: 24px; padding-left: 0; word-break: keep-all; }
  #my_wrapper h2::after { top: -30px; width: 20px; height: 18px; }
  #my_wrapper .h2_sub { margin-bottom: 50px; font-size: 18px; padding-left: 0; word-break: keep-all; line-height: 1.5; }
  #my_wrapper .view_more2  { width: 150px; height: 45px; }

  #video ul { display: block; }
  #video ul li:first-of-type { margin-bottom: 30px; }
  #video ul li iframe { height: 250px; margin-bottom: 15px; }
  #video ul li p { font-size: 16px; }
  .pic_lt li a { word-break: keep-all; }
  .pic_lt li .desc { word-break: keep-all; }

  #m_sch .desc { font-size: 16px; }
  #m_sch .title { font-size: 22px; }
  #m_sch .link { display: block; }
  #m_sch .link .title_q { text-align: left; margin-bottom: 20px; }
  #m_sch #hd_sch #sch_stx { padding-left: 20px; height: 60px; font-size: 18px; }
  #m_sch #hd_sch #sch_submit { height: 60px; }
  #m_sch .link .title_q { font-size: 16px; }
  #m_sch .link ul { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-row-gap: 5px; }
  #m_sch .link ul li { font-size: 12px; }
  #product .page li { font-size: 18px; }
  #area ul { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); }
  #area ul li { margin-bottom: 30px; }
  #area ul li .title { display: flex; align-items: center; justify-content: center; height: 40px; font-size: 16px; }
  #area ul li .desc { font-size: 14px; word-break: keep-all; }


  #product .page { display: none; word-break: keep-all; }

  #footer { height: 100%; }
  #footer img { display: none; }
  #footer .inner_wrap { align-items: baseline; flex-wrap: wrap; flex-direction: column-reverse; padding: 50px 20px; gap: 30px; }
  #footer .left_top { display: block; }
  #footer .left_top ul { gap: 20px; }
  #footer .left_top ul li { font-size: 14px; }
  #footer .left_bt li { font-size: 14px; }
  #footer .left p { font-size: 12px; }

  #sub .inner_wrap { padding: 20px 20px !important; }

  #sub { overflow: hidden; }
  #s_top { height: 60vh; border-top-left-radius: 0; border-top-right-radius: 0; position: absolute; top: 0; left: 0; width: 100%; margin: 0; z-index: -1; }
  #title { height: 60vh; }
  #title .inner_wrap { padding: 100px 20px 50px; }
  #title .info h3 { font-size: 36px; }
  #title .info h2 { font-size: 20px; }
  #path .main { width: 40%; padding: 0 10px; }
  #path .sub { width: 40%; padding: 0 10px; }
  #path .home { border-left: inherit; }
  #path .inner_wrap { padding: 0; }
  #sub h2 { font-size: 22px;margin-bottom: 10px;}

  #ceo { flex-wrap: wrap; }
  #ceo > img { position: relative; top: 0; width: 100%; }
  #ceo .info { width: 100%; }
  #ceo p { font-size: 16px; }

  #local .add { font-size: 18px; line-height: 1.5;         word-break: auto-phrase;}
  #local ul { flex-wrap: wrap; }
  #local ul li .tt { font-size: 18px; }
  #local ul li .des { font-size: 16px; }
  #local { margin-bottom: 100px; }
  #local ul li { width: 100%; padding: 20px; }
  #local ul li img { width: 50px; height: 50px; }
  #local iframe { height: 300px; }

  #agency ul li .area { max-width: 25vw; font-size: 16px;font-size: 14px;word-break: auto-phrase;}
  #agency ul li .num { padding-left: 20px; }
  #agency ul li .num a { font-size: 16px; }

  #contact ul li .desc { padding: 15px; font-size: 11px; display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;}
  #contact ul li label { font-size: 10px; }
  #contact ul li .desc .ch_style { margin-left: 5px ; }
  #contact ul li .desc select { width: 70%; }
  #contact ul li .desc [type="checkbox"] { width: 15px; height: 15px; margin-right: 2px; }

  #card h2 { margin-bottom: 50px; }
  #card ul { display: block;}
  #card ul li { width: 100%; margin-bottom: 20px; }
  #card ul li:last-of-type { margin-bottom: 0; }
  #card ul li .title { font-size: 22px; }
  #card ul li .title span { font-size: 24px; }
  #card ul li .desc { font-size: 16px; }
  .td_subject{min-width: 120px;}
  .sv_member,.td_num , .td_datetime, .td_num2{font-size: 12px;}
  .tbl_head01 thead th {font-size: 12px;}

    #title .info h3 {
      font-size: 30px;
    }
    #title .info h2 {
      margin-bottom: 4px;
    }
}