@media (max-width:1700px){



}

@media (max-width:1800px){
    #quick ul li img {width:35px;}
    #product .page li {font-size:18px;}
    #m_slider .swiper-wrapper .img {max-width: 50%;}
    #m_slider .swiper-wrapper .swiper-slide {height:calc(100vh - 50px);align-items: start;}
    #m_slider .swiper-wrapper .swiper-slide .info {margin-top:120px;}
    #h_gnb > li a {padding: 0 20px;}
}
@media (max-width:1440px) {    
  #header {padding:0 30px}
  #h_logo {left:30px}
  #header .flex_box {right:30px;}
  #h_gnb > li a{padding:0 22px;}
  #m_slider .swiper-wrapper .swiper-slide {height:90vh;}
  #m_slider .info{margin-left:100px;}
  #m_slider .btn {width: calc(100% - 60px);}
}
@media (max-width:1400px){

  #h_gnb { display: none;}
  #nav_btn { display: block; }
}

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


}



/*tablet*/
@media (max-width:1024px){
    #m_sch_header.act {top: 70px;}
    #sitemap .gnb > li > a {font-size: 20px;}
    #sitemap {width: 30%;}
    #sitemap .gnb .lnb li a {font-size: 16px;}
    #header {height:70px;}
    #m_slider {padding-top:70px;}
    #m_slider .swiper-wrapper .swiper-slide {height:85vh;}
    #my_wrapper .view_more {height:40px;width:150px;}
    #m_slider .swiper-wrapper .img {max-width: 60%;right:0;bottom: 0;}
    #m_slider .pagenav {bottom: 20px;}
    #m_slider .btn {width: calc(100% - 30px);} 
    #m_slider .swiper-wrapper .swiper-slide .info {margin-top:50px;margin-left:50px;width:40%;}
    #m_slider .info .title {font-size:45px;margin-bottom: 15px;}
    #m_slider .info .desc {margin-bottom: 30px;font-size: 17px;word-break: keep-all;}
    #company .inner_wrap > ul > li .icon {margin-top:30px;}
    #my_wrapper h2{font-size:24px;margin-bottom: 10px;}
    #product .mySwiper li {font-size: 15px;line-height: 35px;padding:0 15px;}
    #my_wrapper h2::before {width: 3px;height:25px;}
    #my_wrapper .view_more2 {font-size: 15px;}
    #my_wrapper .h2_sub {font-size: 16px;margin-bottom: 20px;}
    #company h2, #cscenter .title {font-size: 30px;}
    #nav_btn span {width: 32px;margin-bottom: 7px;}
    #company .inner_wrap > ul > li .icon li h1 {font-size: 20px;}
    #my_wrapper .view_more2 {width:150px;height:40px;}
    #area .h2_sub {margin-bottom: 50px;}
    #area ul li .title {font-size: 19px;margin:15px auto 10px auto;}
    #area ul li .desc {font-size: 15px;line-height: 1.3;}
    #video ul li {padding:0 10px;}
    #cscenter .bnr div {width: 70%;}
    #cscenter .inner_wrap > ul > li {padding:15px;}
    #cscenter .inner_wrap > ul > li a {font-size: 16px;}
    #cscenter .inner_wrap > ul > li a img {width: 30px;}
    #m_sch .desc {font-size: 20px;}
    #m_sch .title{font-size: 35px;margin: 5px auto 15px;}
    #m_sch .link ul {grid-template-columns: repeat(5, 1fr);}
    #m_sch .hd_sch_wr {width: 75%;margin: 35px auto 45px auto;}
    #m_sch #hd_sch #sch_stx {height: 60px;border: 2px solid #C61D23;padding-left: 40px;font-size: 17px;}
    #m_sch #hd_sch #sch_submit {height:60px;width: 80px;}
.slideshow-pagination { display: none; }
#quick { display: none; }
#video ul {margin-top: 30px;}
#video .swiper-pagination-bullet {width: 10px;height: 10px;}
.inner_wrap {padding:0 30px;}
#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; }
#sitemap .gnb > li:nth-child(2) .lnb li a:before {content:'';display: inline-block;background-size: contain;width: 70px;height:70px;margin:0 auto;background-repeat: no-repeat;background-position: center center;}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(1) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_daerTQR1_e1f4a65f6a05f429e4cd7f826e9d87195893d06f_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(2) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_sCi0LIxP_5e7ea509fa7357a61e2d26d899ea6311e9da6918_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(3) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_xksODEim_e86082689564d4a47089e92eedd808856da67548_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(4) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_BjWYu6OU_aa8cfd440bdceb0f31bbb21412a84e87a7eb469c_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(5) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_SWUBlyHF_1e789c45ff43f37cfc0cab7e82a97ac540beb2a6_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(6) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_1uVqoOPL_e1bfb9babfaf3cb3df7b4c86a361acc8cc31aa65_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(7) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_0YemT4LX_2cc9fc34a441a9a30ec2c0c104b1b38cd3408b4d_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(8) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_VkAzTfMQ_7269f82fc8e9e141a3563e5aea3fadaa1e7f9059_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(9) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_3MCcA61e_6e0005fc91a5fd904103d906caade80f2b6b5014_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(10) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_stRC0odX_0b61752f8b3da989c8acbf1d3c516c4b54a04981_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(11) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_OwchC5Rt_5a070add1df773024caed7f3516bdbeeb0030fd2_250x300.png');}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(12) a:before {background-image: url('/home/data/file/pro/thumb-6b52826726f5448e501f6314859b1b82_iJL1ZGyS_8798df0d043cbea4e56b65385566104653f08306_250x300.png');}
#sitemap {padding: 50px 30px 0;}
#sitemap .gnb .lnb li a {display: flex;align-items: center;}
#sitemap .gnb > li:nth-child(2) .lnb li a:before {margin:0 10px 0 0;}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(13) a:before {display: none;}
#sitemap .gnb > li:nth-child(2) .lnb li:nth-child(13) a {display: block;width:100%;margin-top: 15px;border-radius: 100px;border: 1px solid #333;text-align: center;color:#333;padding:5px 0;}
}

@media (max-width:768px){
    #m_slider .swiper-wrapper .swiper-slide .info {width:80%;}
    #m_slider .swiper-wrapper .img {max-width: 100%;padding:0 30px;}
    #m_slider .info .desc {font-size: 19px;;}
    #m_slider .info .desc br{display: none;}

    #company .inner_wrap > ul > li {width: 100%;}
    #company .inner_wrap > ul > li:first-child {margin-right: 0;}
    #company .inner_wrap > ul {flex-wrap: wrap;}
    #my_wrapper .h2_sub {font-size: 18px;}
    #area ul {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, 1fr);}
    #area ul li .title {font-size: 20px;}
    #area ul li .desc {font-size: 18px;;}
    #cscenter .inner_wrap .bnr {height:30vh;}
    #cscenter .bnr div {width: 100%;padding:50px;}
    #m_sch .link ul {display: flex;flex-wrap: wrap;justify-content: center;}
    #m_sch .link .title_q {text-align: center;}
    #m_sch .link ul li {margin-right: 15px;}
    #footer .left_bt {width: 100%;}
    #sitemap {width: 50%;}
    #video {padding: 100px 0;}
    #cscenter {margin-bottom: 100px;}
    #footer .left_bt span:nth-child(3):after {display: none;}
    #footer .left_bt span:nth-child(4):after {display: none;}
}
/*mobile*/
@media (max-width:767px){
    #m_slider .swiper-wrapper .img {bottom: 50px;}
  #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; }
  #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; }

  #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; }

  .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 {margin-bottom: 20px; }
  #m_sch #hd_sch #sch_stx { padding-left: 20px; height: 40px; font-size: 16px; }
  #m_sch #hd_sch #sch_submit { height: 40px; }
  #m_sch .link .title_q { font-size: 16px; }
  #m_sch .link ul { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 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 .inner_wrap {padding: 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: 54px; }
  #title .info h2 { font-size: 20px; }

  #title .info h3 {
    font-size: 30px;
  }
  #title .info h2 {
    margin-bottom: 4px;
  }
  #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; }
  #agency ul li .num { padding-left: 20px; }
  #agency ul li .num a { font-size: 16px; }

  #contact ul li .desc { padding: 15px; font-size: 16px; display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;}
  #contact ul li label { font-size: 16px; }
  #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;}
  #product .mySwiper::after {width: 120px;}
  #video {padding:70px 0;}
  #video .inner_wrap .swiper-slide {width:80%;}
  #video ul li {padding: 0 5px;} 
  #video ul li iframe {height:170px;}
}
@media (max-width:550px) {
    #m_slider .btn {width: 100%;}
    #m_slider .btn i {font-size: 30px;}
    #m_slider .swiper-wrapper .swiper-slide .info {margin-top: 0;margin-left: 0;padding:30px;width: 100%;}
    #m_slider .info .desc {font-size: 15px;}
    #company .inner_wrap > ul > li .icon {padding:0 0;margin-top: 15px;}
    #company .inner_wrap > ul > li .icon li {width: 100%;padding:10px 0;}
    #company .inner_wrap > ul > li .icon li p, #company .inner_wrap > ul > li .icon li h1 {padding-left:50px;text-align: left;}
    #company .inner_wrap > ul > li .icon li img {position: absolute;left:0;top:50%;transform:translateY(-50%);width:40px}
    #company .inner_wrap > ul > li .icon li p br {display: none;}
    #company .inner_wrap > ul > li .icon li p span {display: inline-block;}
    #company .inner_wrap > ul > li .icon li h1 {margin:0 0 0 0;}
    #company .inner_wrap > ul > li .icon li:after {width: 100%;height: 1px;top:initial;bottom: 0;transform: initial;background-color:#d9d9d9;}
    #company {padding-top: 70px;}
    #m_slider .swiper-wrapper .swiper-slide {
        height: 75vh;
    }
    #company p.h2_main {font-size:15px;margin-bottom: 5px;}
    #my_wrapper h2, #m_slider .info .title {font-size: 22px;line-height: 1.3;}
    #company .inner_wrap > ul > li .icon li h1 {font-size: 17px;}
    #product {margin-top: 50px;padding: 50px 0;}
    #product h2 {font-size:18px;}
    #my_wrapper h2::before {height: 20px;} 
    #my_wrapper .h2_sub {font-size: 14px;line-height: 1.2;margin-bottom: 15px;width: 80%;}
    #my_wrapper h2 {margin-bottom: 5px;}
    #product .mySwiper li {font-size: 14px;margin-right: 5px;}
    #product .mySwiper .thumb_nav i {font-size: 16px;}
    #product .mySwiper .thumb_nav {gap:5px}
    #product .mySwiper::before {width: 65px;}
    .inner_wrap {padding: 0 15px;}
    #area {margin: 50px 0;}
    #area .h2_sub {margin-bottom: 30px;}
    #area ul li .title {height: auto;line-height: 1;}
    #cscenter .bnr div {padding:20px;}
    #cscenter .title {font-size: 22px;}
    #cscenter .bnr div .desc {margin-top: 10px;font-size: 15px;}
    #cscenter .inner_wrap > ul > li a {font-size: 15px;}
    
    #cscenter .inner_wrap .bnr {height:auto;}
    #cscenter .inner_wrap > ul > li {width: 100%;border-right:none;border-bottom: 1px solid #ccc;padding:10px;}
    #cscenter .inner_wrap > ul {border-bottom: none;}
    #cscenter {margin-bottom: 70px;}
    #m_sch .hd_sch_wr {width: 85%;margin: 20px auto 20px auto;}
    #m_sch {margin-bottom: 70px}
    #footer .left_bt span:after {display: none;}
    #footer .left_bt li{margin-right: 15px;}
    #footer .inner_wrap {flex-wrap: wrap;}
    #footer .right {position: relative;bottom:0;right:initial;width: 100%;margin-top: 15px;}
    #footer .left_bt span {padding-right: 0;}
    #my_wrapper .view_more2 {height:35px;width:100px;}
    #sitemap {
        padding: 50px 20px 0;
    }
    #sitemap .close {top:40px;right: 15px;}
}
@media (max-width:375px) {
    #m_sch .desc {font-size: 15px;;}
    #m_sch .title {font-size: 17px;margin: 5px auto 10px;}
    #m_slider .info .desc {font-size: 15px;}
    #m_slider .info .title {margin-bottom: 10px;}
    #my_wrapper .view_more {width: 120px;height: 35px;font-size: 13px;}
    #m_slider .swiper-pagination > * {font-size: 13px;}
    #cscenter .title {font-size: 16px;}
    #cscenter .bnr div .desc{font-size: 13px;}
    #footer .left_bt span {font-size: 13px;}
    #footer .left_top {margin-bottom: 15px;}
    #area ul {grid-template-columns: repeat(1, 1fr);}
}