@media (max-width:1440px){
  #header .head_wrap {margin: 0;}
  #main .section03 .section03_wrap {flex-wrap: wrap;}
  #main .section03 .section03_wrap .left iframe {width: 70%;}
  #main .section03 .left {width: 100%; margin-bottom: 5px; flex-wrap: wrap;}
  #main .section03 .right {width: 100%; display: flex; flex-wrap: wrap;}
  #main .section03 .right ul {flex-direction: row; width: 100%;}
  #main .section03 .right ul li {width: 33%; margin-bottom: 0; height: 130px;}
  #header .right .gnb > ul > li {margin: 0 26px;}

  #main .section00 .swiper-pagination {bottom: 6%;}
  #main .section00 .swiper-button-prev {left: 36.5%;}
  #main .section00 .swiper-button-next {left: 62%;}

  #path .main,#path .sub {width: 28%;}



}

/*tablet+mobile*/
@media (max-width:1280px){
  #header .head_wrap h1 {position:absolute; top: 22px; left: 40px;}
  #nav_btn { display: block; top: 30px; right: 40px; }
  #nav_btn span { width: 35px; }
  #sitemap { width: 80%; }
  #sitemap .close { top: 40px; right: 40px; }
  #header .right {display: none;}

  #main .section00 .swiper-pagination, #main .section00 .swiper-button-prev, #main .section00 .swiper-button-next {display: none;}
  #main .title .m_tit {font-size: 50px; margin-bottom: 20px;}
  #main .title h4 {font-size: 36px;}
  #main .section03 .left .address_txt {width: 100%; padding: 30px;}
  #main .section03 .section03_wrap .left iframe {width: 100%;}
  #main .section03 .right ul li {height: 100px;}
  #main .section03 .right ul li b {font-size: 32px;}
  #main .section03 .left .address_top {margin-bottom: 20px;}
  #main .section03 .left .address_top .article {font-size: 24px;}
  #main .section03 .left .address_top .tel {font-size: 34px;}
  #main .section03 .section03_wrap .left iframe {height: 450px;}

  .con01, .con02, .con03 {margin-top: 100px;}
  #sub0103 .left {width: 100%;}
  #sub0103 .right {width: 100%;}
  #sub0103 .right .title {margin-bottom: 40px;}
  #sub0103 .con01 {height: 74vh;}
  #sub0103 .right .title {margin-bottom: 40px;}

  #path .main,#path .sub {width: 32%;}
}

@media (max-width:1024px){
  #main .title {font-size: 44px; margin-bottom: 8px;}
  #main .title h4 {font-size: 30px;}
  #about .container {flex-wrap: wrap;}
  #about .left {width: 70%; margin: 0 auto 20px;}
  #about .right {width: 100%; right: 0; transform: none;}
  #main .section03 .right ul li {padding: 16px;}
  #main .section03 .right ul li b {font-size: 28px;}
  #main .section03 .section03_wrap .left iframe {height: 350px;}

  #path .main, #path .sub {width: 45%;}

  .con01, .con02, .con03 {margin-top: 60px;}
  .sub_page > div:last-child {margin-bottom: 100px;}
  #sub0103 .con01 {height: 60vh;}
  #sub0103 .right .title {font-size: 40px; margin-bottom: 26px;}
  #sub0103 .right .article {font-size: 15px;}

  #sub0104 .con02 iframe {height: 60vh;}

}


/*tablet*/
@media (max-width:768px){
.fields li{display:block;}
.fields .desc{margin-top:15px;}
.fields .btn-group span{font-size:15px;}
.fields .btn-submit{font-size:15px;}
#sitemap { width: 100%; padding: 15vh 20px 0; }
  #sitemap .close { top: 30px; right: 20px; }
  #sitemap .gnb > li > a { font-size: 20px; }
  #sitemap .gnb .lnb li a { font-size: 16px; }

  #main .title {text-align: center; width: 100%; left: 0; top:40%;}
  #main .title .m_tit {font-size: 34px; margin-bottom: 12px;}
  #main .title h4 {font-size: 20px;}

  #about {padding: 80px 0;}
  #about .right p {font-size: 16px; padding: 16px 0;}
  #about .right .more {bottom: 30px;}
  #about .right .more a {font-size: 16px;}
  #about .right .more:after {right: -8px; bottom: -6px; width: 30px; height: 30px;}

  #pro .more a {font-size: 16px;}
  #pro .more:after {right: -7px; bottom: -6px; width: 30px; height: 30px;}
  #main .section03 .left .address_txt {padding: 24px;}
  #main .section03 .left .address_top {margin-bottom: 14px;}
  #main .section03 .left .address_top .article {font-size: 20px;}
  #main .section03 .left .address_top .tel {font-size: 30px; line-height: 46px;}
  #main .section03 .left .address_btm > ul > li {font-size: 14px; line-height: 1.5;}
  #main .section03 .section03_wrap .left iframe {height: 250px;}
  #main .section03 .right ul {flex-wrap: wrap; gap: 5px;}
  #main .section03 .right ul li {width: 100%; height: 80px;}
  #main .section03 .right ul li b {font-size: 26px;}

  #footer .ft_wrap p {line-height: 1.75;}

  .visual .visual-title {font-size: 42px;}
  .visual .visual-title_tit {font-size: 22px;}
  #path {display: none;}
  /* #path .inner_wrap {padding: 0;}
  #path .main, #path .sub {width: 35%;} */
  .sub_page > div:last-child {margin-bottom: 80px;}

  #sub0101 .con02 .left p {font-size: 17px;}
  .history_cont {width: 85%;}
  .history_cont .year_slide .sl_year {font-size: 74px;}
  .history_cont .history_btn {top: 30px;}
  .history_cont .history_slide {padding-top: 6px;}

  .sub_page .page_title {font-size: 32px;}
  #sub0103 .con01 {height: 40vh;}

  .sales-network .maps {
    width: calc(100% - 80px);
  }
  .sales-network .dxee-table {
    text-align: center;
    margin: 0 20px;
  }
  .sales-network tbody td {
    font-size: 13px;
    cursor: pointer;
  }
  .sales-network .dxee-table .data-area {width: 5%}
  .sales-network .dxee-table .data-company {width: 30%}
  .sales-network .dxee-table .data-tel {width: 30%}
  .sales-network .dxee-table .data-address {}

    #sub0103 .flex {flex-direction: column; }
    #sub0103 .flex .left {width: 100%;}
    #sub0103 .flex .right {width: 100%; text-align: center;}
    #sub0103 .right .article {margin: 0 auto;}
    #sub0103 .right .title {margin-bottom: 30px; font-size: 36px;}

    .sub_page h4 {font-size: 22px;}
    .sub_page h4:before {height: 20px; top: 3px;}
    #sub0104 .con03 p {font-size: 16px; margin-bottom: 14px;}
    #sub0104 .con02 iframe {height: 40vh;}

    #bo_cate #bo_cate_ul {width: 100%; justify-content: center; gap:0;}
    #bo_cate > ul > li {width: 30%;}
    #s2_img {flex-wrap: wrap;}

    #sub0302 a {padding: 16px 38px; font-size: 14px;}





}


/*mobile*/
@media (max-width:500px){
  #header .head_wrap h1 {left: 12px;}
  #header .head_wrap h1 img {width: 80%;}
  #nav_btn {right: 12px; top: 24px;}

  #main .title .m_tit {font-size: 24px; margin-bottom: 6px;}
  #main .title h4 {font-size: 14px;}

  #about {padding: 40px 0;}
  #about .right h3 {font-size: 17px;}
  #about .right p {font-size: 13px; margin: 6px 0 ;}
  #about .right p {font-size: 13px;}

  #pro {padding: 60px 0;}
  #pro .swiper-slide {width: 300px; height: 300px;}
  #pro .swiper-wrapper {transform: translate3d(-5px, 0px, 0px);}
  #pro .more a {font-size: 13px;}
  #pro .more {right: 20px;}

  #main .section03 .left .address_top .article {font-size: 17px;}
  #main .section03 .left .address_top .tel {font-size: 25px; line-height: 42px;}
  #main .section03 .left .address_btm > ul > li {font-size: 12px; margin-bottom: 10px;}
  #main .section03 .section03_wrap .left iframe {height: 160px;}
  #main .section03 .right ul li b {font-size: 18px;}
  #main .section03 .right ul li {height: 60px;}

  #footer .ft_wrap {padding: 45px 20px;}

  #path .inner_wrap {padding:0; height: 40px;}
  #path .sbm {padding: 10px; height: 40px;}
  #path .home_ico {margin-right: -2px;}
  #path .sbm h2 {font-size: 14px; line-height: 40px;}
  #path .main {width: 38%; padding: 0 16px;}
  #path .sub {width: 48%; padding: 0 16px;}

  .sub_page .page_title {font-size: 32px;}
  .sub_page h4 {font-size: 20px;}
  .sub_page h4:before {height: 18px;}
  #sub0101 .con02 .left p {font-size: 14px; margin-bottom: 14px;}
  .history_cont .year_slide .sl_year {font-size: 40px;}
  .history_cont .year_slide {padding-right: 100px;}
  .history_cont .history_slide .swiper-slide {width: 300px;}
  .history_cont .history_slide .swiper-container {padding-left: 150px;}

  .con01, .con02, .con03 {margin-top: 40px;}

  #sub0103 .con01 {height: 30vh;}
  #sub0103 .right .title {font-size: 28px; margin-bottom: 20px;}
  #sub0103 .right .article {font-size: 13px; line-height: 24px;}

  #sub0104 .con02 iframe {height: 30vh;}
  #sub0104 .con03 p {font-size: 14px; margin-bottom: 12px;}

  #bo_cate {padding: 50px 0 60px 0;}
  #bo_cate > ul > li {width: 100%;}

  #sub0302 a {padding: 16px 18px; font-size: 12px;}

  
}