@media screen and (max-width:1800px){

  .header .header_logo {flex-basis: 20%; max-width: 20%;}
  .header .header_inner {flex-basis: 60%; max-width: 60%;}
  .header .r-menu {flex-basis: 20%; max-width: 20%;}
  #main-visual .border.border-right {height: calc(100% - 10rem); margin-top:10rem;}
  #main-visual .border.border-left {height: calc(100% - 10rem); margin-top:10rem;}
  .header .border-left-right {border-left:0; border-right: 0;}


}

@media screen and (max-width:1400px){


    html,body {font-size: 50%;}
    #section-02 .ship-animation {max-width: 40rem;}

}

@media screen and (max-width:1200px){

  #section-03 .boundary {padding-left:1.6rem; padding-right:1.6rem;}

  .header {padding-left:0.5rem; padding-right: 0.5rem;}
  .header .header_logo {flex-basis: 15%; max-width: 15%;}
  .header .header_inner {flex-basis: 70%; max-width: 70%;}
  .header .r-menu {flex-basis: 15%; max-width: 15%; width: 100%;}


  #main-visual {height: 720px;}

  /* #main-visual .event-wrap {width: 100%; max-width: 100%; height: 30rem;} */
  /* #main-visual .swiper-slide .boundary {padding-bottom: 35rem;} */
  #main-visual .swiper-slide .boundary .title-text {font-size:3rem;}
  #main-visual .swiper-slide .boundary .nav-btn {width: 6rem; height: 6rem;}



  #section-03 .boundary {padding-top:10rem;}
  #section-03 .boundary .text-wrap {flex-basis: 100%; max-width: 100%; padding-left:0; padding-right: 5rem; margin-bottom: 3rem; padding-top: 5rem;}
  .order-01 {order:0;}
  .order-02 {order:1;}
  .order-03 {order:2;}
  .order-04 {order:3;}
  .order-05 {order:4;}
  .order-06 {order:5;}
  .order-07 {order:6;}
  .order-08 {order:7;}

  #section-03 .boundary .img-wrap {flex-basis: 100%; max-width: 100%; margin-bottom: 0;}
  #section-03 .boundary .text-wrap {flex-basis: 100%; max-width: 100%; margin-bottom: 12rem; padding-top:3rem;}


}

@media screen and (max-width:968px){
  #section-05 #product-wraps .swiper-slide {flex-basis: 32.333%; max-width: 32.333%;}
  .header {height: 6rem; max-height: 6rem;}
  .header .header_inner {display: none;}
  .header .header_logo {max-width: 12rem;}
  .header .r-menu {flex-basis: 30%; max-width: 30%; justify-content: flex-end;}
  .side-menu {top:6rem;}
  #section-02.section .title>p {display: inline;}
  #main-visual .swiper-slide .boundary .sub-text>br {display: none;}
  .mobile-wrap .mobile-box .close {width: 6rem; height: 6rem;}

  #main-visual .swiper-pagination {bottom:30rem;}

  .sticky-wrap {flex-wrap: wrap;}
  .sticky-wrap .item:first-child {width: 100%; position: static; margin-bottom: 5rem; padding-left:0rem; padding-right:5rem;}
  .sticky-wrap .item:last-child {width: 100%; padding-left:0;}

}

@media screen and (max-width:768px){

  #section-05 #product-wraps .swiper-slide {flex-basis: 49%; max-width: 49%;}
  #section-06 .boundary {padding-left:1.6rem; padding-right:1.6rem;}
  #section-06 .boundary>.text-wrap {flex-wrap: wrap;}
  #section-06 .boundary>.text-wrap>ul {flex-basis: 100%; max-width: 100%;}
  #section-06 .boundary>.text-wrap>ul>li>h3>br {display: none;}
  #section-06 .boundary>.end-wrap>p>br {display: none;}

  .mobile-wrap .mobile-box .box-inner .m-nav-wrap .m-nav-box {flex-wrap: wrap;}
  .mobile-wrap .mobile-box .box-inner .m-nav-wrap .m-nav-box .m-nav {flex-basis: 50%; max-width: 50%;}

  /*About*/
  #about .flex-2ea {flex-wrap: wrap;}
  #about .flex-2ea .content {flex-basis: 100%; max-width: 100%;}
  #about .flex-2ea .content:first-child {justify-content: flex-start; padding-bottom: 5rem;}

  #esg-wrap {background-attachment: scroll; background-position: center;}
  .sub-section#section-04 .sub-title>h3 {font-size: 2.4rem; padding-bottom: 1rem;}
  .sub-section#section-04 .sub-title>h3>br {display: none;}
  #certi-wrap .flex-4ea .content {flex-basis: 48%; max-width: 48%;}
  #certi-wrap .flex-4ea .content p {font-size: 1.6rem;}

  /*제품*/
  .product-wraps>.item {flex-basis: 49%; max-width: 49%;}
  .sub-section {padding-top:6rem;}
  #product-detail .flex-2ea {flex-wrap: wrap;}
  #product-detail .content:nth-child(1) {flex-basis: 100%; max-width: 100%; position: static; top:0;}
  #product-detail .content:nth-child(2) {flex-basis: 100%; max-width: 100%; padding-left:0; padding-right:0;}

  #detail-wrap>.detail-page-wrap>.list-wrap {flex-wrap: wrap;}
  #detail-wrap>.detail-page-wrap>.list-wrap>a {width: 50%; text-wrap: wrap; display: flex; justify-content: center; align-items: center; border-bottom: 0; border-radius: 1rem; margin-bottom: 1rem;}
  #detail-wrap>.detail-page-wrap>.list-wrap>a.active {border:1px solid #000000;}
  #detail-wrap>.detail-page-wrap>.list-wrap::before {display: none;}

  /*갤러리*/
  .gallery-warps>.item {flex-basis: 31.333%; max-width: 31.333%;}

  footer .boundary {padding-top:3rem; padding-bottom: 3rem;}
  footer .logo-wrap {flex-basis: 100%; max-width: 100%; order:1; padding-top:5rem; padding-bottom: 5rem; border-top:1px solid #ddd;}
  footer .site-map {flex-basis: 100%; max-width: 100%; order:0;}
  footer .copy-right {display: none;}

  /*푸터*/
  footer .logo-wrap>a {width: 100%; max-width: 15rem;}

  #detail-wrap>.detail-page-wrap table {font-size:1.4rem;}



}

@media screen and (max-width:500px){

    /*공통*/
    .topbtn {right:1.6rem; bottom:2rem;}

    /*헤더*/
    .header .r-menu {flex-basis: 40%; max-width: 40%;}

    .mobile-wrap .mobile-box {padding-top:3rem;}
    .mobile-wrap .mobile-box .box-inner .box-top > h2 {font-size: 3rem;}
    .mobile-wrap .mobile-box .box-inner .m-nav-wrap .m-nav-box {align-items: stretch;}
    .mobile-wrap .mobile-box .box-inner .m-nav-wrap .m-nav-box .m-nav {min-height: auto; padding : 3rem 0;}
    /*메인*/
    #main-visual .swiper-slide .boundary {padding-left:1rem; padding-right:1rem;}
    #main-visual .swiper-slide .boundary .nav-btn {width: 5rem; height: 5rem;}
    .section .title h2 {font-size:3rem;}
    .section .title>p {display: inline;}

    #section-04 .pd-100 {padding-bottom: 10rem;}
    #section-05 #product-wraps .swiper-slide {height: 35rem;}
    #section-05 #product-wraps .swiper-slide .text-wrap>h3 {font-size: 2rem;}
    .sticky-wrap .item:last-child .flex-2ea .content {flex-basis: 100%; max-width: 100%;}

    .product-wraps>.item .text-wrap>h3 {font-size: 2rem;}
    .section .title>h3>br {display: none;}

    /*공통 서브 배너*/
    .sub-banner {height: 35rem;}
    .sub-banner .boundary .title-wrap {top:2rem;}

    /*갤러리*/
    .gallery-warps>.item {flex-basis: 48%; max-width: 48%;}
    /* #section-04 .map-wrap .nation {padding:0.5rem;} */
    /* #section-04 .map-wrap .nation .text {display: none;} */
    /* #section-04 .map-wrap .nation .circle {display: none;} */

    /*오시는길*/
    #location table tr th {padding:1rem; vertical-align: middle;   word-wrap: break-word;}
    #location table tr td {padding:1rem; vertical-align: middle;   word-wrap: break-word;}

    #section-04 .map-wrap {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; padding-bottom: 10rem;}
    #section-04 .map-wrap>img {max-width: 100%; width: 100%; flex-basis: 100%;}
    #section-04 .map-wrap .nation {position: relative; left:0!important; top:0 !important; transform: translate(0); margin-bottom: 1rem; width: 31.333%; margin:1%; border-radius: 0.3rem; }
    #section-04 .map-wrap .nation>.circle {order:0;}
    #section-04 .map-wrap .nation>.text {order:1;}
    #section-04 .map-wrap .nation .img-wrap {display: none;}

    /*문의하기*/
    .contact-us .contact-us-wrap .title>ul:first-child {justify-content: center;}
    .contact-us-wrap .flex-2ea {flex-wrap: wrap;}
    .contact-us-wrap .flex-2ea .content {flex-basis: 100%; max-width: 100%;}

    #main-visual .event-wrap {width: 100%; max-width: 38rem; height: 25rem; padding:3rem;}
    #main-visual .swiper-slide .boundary .main-text {margin-left:2.5%; margin-right:2.5%; width: 95%;}
    #main-visual .swiper-slide .boundary .title-text {font-size:2.8rem;}
    #main-visual .swiper-slide .boundary .sub-text {font-size: 1.6rem;}

    #section-03 .boundary .text-wrap>h3 {font-size:2.6rem;}
    #section-03 .boundary .text-wrap>h3>br {display: none;}

    .tag-wrap>li {padding:1rem; font-size: 1.3rem; padding:0.5rem;}
    .sub-banner .boundary .title-wrap>h1 {font-size: 3.6rem;}



    /*제품*/
    .filter-container>li {margin-bottom: 1rem;}
    .filter-container>li.name {flex-basis: 100%; max-width: 100%;}
    .filter-container>li.list {flex-basis: 100%; max-width: 100%; margin-bottom: 2rem;}
    .search-wrap button {max-width: 10rem; padding: 0.5rem;}
    #detail-wrap>.detail-page-wrap>.content {padding: 1rem 0;}

    .mobile-wrap {position: fixed; top:0; right:0;z-index: 2000; width:0%; height:100vh; transition:all  0.5s ease; overflow-x: hidden; overflow-y: auto; visibility: hidden; opacity: 0;  opacity:0;   background-color: rgba(23, 42, 136, 1);}

    footer .site-map {flex-wrap: wrap;}
    footer .site-map>ul {flex-basis: 50%; max-width: 50%;}
    footer .logo-wrap>ul>li {padding-right:0;}
    footer .logo-wrap>ul>li {width: 100%; max-width: 100%; flex-basis: 100%;}
    footer .logo-wrap>ul>li>b {width: 100%; margin-top:1rem; padding-right:0; border-right:0;}
}


@media screen and (max-width:414px){

  .header .r-menu {flex-basis: 40%; max-width: 40%;}
  #section-05 #product-wraps .swiper-slide {height: 30rem;}

}