@media screen and (max-width:1680px){
    html,body {font-size: 50%;}
    #fullpage .section .cont-1600 {padding-left:10rem; padding-right: 10rem;}
    #fullpage footer {padding-left:10rem; padding-right: 10rem;}
}

@media screen and (max-width:1200px){
    /*메인*/
    #section_02 .flex-2ea .content .year-wrap {flex-wrap: wrap;}
    #section_02 .flex-2ea .content .year-wrap .item {flex-basis: 100%; max-width: 100%; }
    #section_02 .flex-2ea .content .year-wrap .item:first-child {border-right: none;}
    #section_02 .flex-2ea .content .year-wrap .item:last-child {padding-left:0;  margin-top:2rem; padding-top:2rem;}

    .map-wrap {aspect-ratio: 4 / 3;}
   
}

@media screen and (max-width:1024px){
    /*공통*/
    .sub-banner .cont-1600 h2 {font-size:5rem; margin-bottom: 1rem;}
    .company-banner .flex-2ea .content {flex-basis: 100%; max-width: 100%; padding:5rem;}

    /*메인*/
    #section_02 h2 {font-size: 8rem;}
    #section_02 .flex-2ea .content {flex-basis: 100%; max-width: 100%; height: 50%; margin:0;}
    #section_02 .text-wrap {padding-left:0;}
    #section_02 .company-image-wrap {max-width: 30rem; }

  
    .fifth.section .cont-1600 .flex-2ea {height: 50%;}

    #fullpage .section .cont-1600 {padding-top:10rem; padding-bottom: 10rem;}
    
    #section_04 .flex-5ea .content {flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}
    #section_04 .cont-1600 .text-wrap {flex-basis: 100%; max-width: 100%; flex-wrap: wrap;}
    #section_04 .cont-1600 .text-wrap .title {flex-basis: 100%; max-width: 100%; margin-bottom: 2rem;}
    #section_04 .cont-1600 .text-wrap .sub-title {flex-basis: calc(100% - 17rem); max-width: calc(100% - 17rem); padding:0;}
    #section_04 .cont-1600 .text-wrap .title .ft-65 {font-size: 4rem;}
    #section_04 .cont-1600 .sub-title {flex-basis: 100%; max-width: 100%;}

    #section_05 .cont-1600 .text-wrap .title .ft-65 {font-size: 4rem;}
    #section_05 .flex-5ea .content {flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}

    /*갤러리*/
    .gallery-list .content { flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}
 
    
    
   
}


@media screen and (max-width:968px){
    /*공통*/
    header .container .logo-wrap {flex-basis: 20rem; max-width: 20rem;}
    header .container .menu-wrap {display: none;}
    .header-bg {display: none !important;}
    #section_03 .flex-2ea .content {flex-basis: 100%; max-width: 100%; height: 50%; padding:10rem;}
    #section_03 .flex-2ea .content h2 {font-size: 4rem;}
    #section_05 .cont-1600 .icon-wrap {border-radius: 1rem;}
    #section_05 .cont-1600 .icon-wrap a {border-radius: 1rem;}
    #section_04 .cont-1600 .content .text-wrap {width: 100%;}
    #section_04 .cont-1600 .content .text-wrap h2 {font-size: 4rem;}
    #fullpage .section .cont-1600 {padding-left:6rem; padding-right: 6rem;}
    #fullpage footer {padding-left:6rem; padding-right: 6rem;}


    /*메인*/
     #section_02 .company-image-wrap {max-width: 20rem;}


    /*제품특징*/
    .pd-detail-wrap {padding-top: 0;}
    .pd-detail-wrap .cont-1600 {flex-wrap: wrap;}
    .pd-detail-wrap .cont-1600 .product-wrap {flex-basis: 100%; max-width: 100%;}
    .pd-detail-wrap .cont-1600 .product-wrap>.item .img-wrap {flex-basis: 100%; max-width: 100%;}
    .pd-detail-wrap .cont-1600 .product-wrap>.item .text-wrap {flex-basis: 100%; max-width: 100%;}
    .product-banner .item {aspect-ratio: 5 / 3;}
    .product-banner .item img {opacity: 0.3;}
    .ment-wrap .title-wrap {text-align: left;}
    .ment-wrap .t-center {text-align: left;}
    .ment-wrap div {margin-bottom: 1rem;}

 

    .st-wrap .title-wrap {flex-basis: 100%; max-width: 100%; position: relative; top:0; left:0;}
    .st-wrap>.content {flex-basis: 100%; max-width: 100%;}
    .st-wrap>.content .item {padding-right: 6rem;}
    .st-wrap>.content .item .title .icon {flex-basis: 8rem; max-width: 8rem; height: 8rem;}
    .st-wrap>.content .item .title .icon img {max-width: 3rem;}
    .st-wrap>.content .item .sub-contents {padding-left:10.8rem;}

    .side-menu-wrap {flex-basis: 100% !important; max-width: 100% !important; background-color: #fff!important; top:8rem !important; z-index: 2;}
    .side-menu-wrap ul {display: flex; justify-content: flex-start; align-items: center; gap:3rem; padding:2rem; flex-wrap: wrap;}
    .side-menu-wrap>ul>li {margin-bottom: 0; margin-bottom: 0 !important;}

    #section_05 .cont-1600 .icon-wrap#product-banner a {flex-basis: 100%; max-width: 100%;}


    

    /*갤러리*/
    .gallery-wrap .thumbnails-list .content { flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}


    /*자료센터*/
    .downloads-list .content {flex:0 0 calc((100% - (0rem * 1)) / 1) !important; max-width: calc((100% - (0rem * 1)) / 1)!important;}

    .side-btn {width: 50px; height: 50px;  padding:0; display: flex; justify-content: center; align-items: center; top:auto; bottom: 80px; right:2rem; transform: translate(0%,0%);}
    .side-btn>img {rotate:0deg;}
   .side-btn>p {display: none;}
   
}

@media screen and (max-width:768px){
    /*공통*/
    .flex-2ea {flex-wrap: wrap;}
    .flex-2ea .content {flex:0 0 calc((100% - (0rem * 1)) / 1); max-width: calc((100% - (0rem * 1)) / 1);}

    .header-height {height: 7rem;}
    header .container {width: calc(100% - 6rem);}
    .section_inner {padding-top:0;}
    

    footer {padding-top:10rem; padding-bottom: 10rem;}
    footer ul .logo-wraps {display: flex;  flex-direction: column;  margin-bottom: 1rem;justify-content: flex-start; align-items: flex-start;}
    footer ul .logo-wraps>a {margin-bottom: 2rem; max-width: 20rem; }
    footer ul .logo-wraps .menu-list a {margin-bottom: 0;}
    footer ul .contact-wraps {justify-content: flex-start;}
    footer ul .contact-wraps .item {justify-content: flex-start; width: 100%; max-width: 100%; margin-right: 0;}
    footer> ul .copyright-wraps .content .ft-16 {text-align: left;}
    .sub-banner {padding-top:12rem;}
    .side-menu-wrap {top:7rem !important; }
    .side-menu-container .side-menu {flex-basis: calc(100% - 10rem); max-width: calc(100% - 10rem);}

    .mobile-br {display: none;}
    .mobile-image {display: block;}
    .pc-image {display: none;}

    footer ul .logo-wraps .menu-list {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; gap:1.5rem;}
    header #lang-down {display: none;}
    .b-btn-white {padding:1.5rem 4rem;}


    /*메인*/
    #menu {left:3rem;}
    .section#section_01 .swiper-container .swiper-wrapper .swiper-slide .cont-1600>.title-wrap>h2 {font-size: 5rem;}

    #section_02 .flex-2ea .content .year-wrap .item {flex-basis: 50%; max-width: 50%;}
    #section_02 .flex-2ea .content .year-wrap .item:last-child {padding-top:0; margin-top:0;}

    #section_02 h4 {max-width: 100%;}
    #section_02 .company-image-wrap {max-width: 20rem;}
    #section_02 .flex-2ea .content .ft-65 {font-size: 4rem;}
    #section_02 .flex-2ea .content .b-btn-white {margin: 0 auto;}
    #section_02 .cont-1600 {align-items: flex-start;}

    #section_05 .text-wrap .title {width: 100%; margin-bottom: 2rem;}
    #section_05 .flex-5ea .content {flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}

    
    /*관계사*/
    #location .yuwon-table tr th {flex-basis: 15rem; max-width: 15rem; }

    /*제품*/
    #section_03 .flex-2ea .content {flex-basis: 100%; max-width: 100%; height: 50%; padding:5rem;}
    .etc-wrap .list-down .list {background-color: #fff;} 

    .section.fifth.pd-t-50.pd-b-50 .cont-1600 {flex-direction: column; }
    .section.fifth.pd-t-50.pd-b-50 .cont-1600 .content {flex: 0 0 calc((100% - (0rem * 1)) / 1); max-width: calc((100% - (0rem * 1)) / 1);}
    .section.fifth.pd-t-50.pd-b-50 .cont-1600 .content h2 {width: 100%;}
    .section.fifth.pd-t-50.pd-b-50 .cont-1600 .content:first-child {margin-bottom: 2rem;}
    .section.fifth.pd-t-50.pd-b-50 .cont-1600 .icon-wrap#product-banner a {max-width: 100% !important; margin: 0 auto;}

    .inquiry .i-wrap .i-info .i-form .form-box .file .i-box_file> div:first-child {flex-basis: calc(100% - 15rem); max-width: calc(100% - 15rem);}
    .inquiry .i-wrap .i-info .i-form .form-box .file .i-box #file-select {flex-basis: 15rem; max-width: 15rem;}

    /*문의하기*/
    #inquiry-wrap .info-wrap {flex-basis: 100%; max-width: 100%; position: relative; top:0;}
    #inquiry-wrap .i-wrap {flex-basis: 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .form-box_top li {flex-basis: 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .form-box li {margin-bottom: 2rem;}


    /*갤러리*/
    .gallery-list .content { flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}

    /*Who We Are*/
    #company-product-list .partners-wrap ul li {width: 13rem; height: 13rem;}
}

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


    /*공통*/
    header .container {width: calc(100% - 2rem);}
    header .container .logo-wrap {flex-basis: 25rem; max-width: 25rem;}
    .side-menu-container .side-menu {padding:5rem;}
    .side-menu-container .side-menu .menu>li>p {font-size: 2.4rem; padding: 1rem;}
    .side-menu-container .side-menu .lang-menu {flex-wrap: wrap;}
    .side-menu-container .side-menu .lang-menu li {flex-basis: 50%; max-width: 50%;}
    .side-menu-container .side-menu .information {font-size: 3rem;}
   
    /*메인*/
    #fullpage .section {height:calc(1111px - 7rem) !important;}
    #fullpage .fp-auto-height {height:auto !important;}
    #section_02 .flex-2ea .content .year-wrap + p {margin-toP:1rem; margin-bottom: 3rem;}

    #section_04 .flex-5ea .content {flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2); }
    #section_04 .cont-1600 .text-wrap .sub-title {flex-basis: 100%; max-width: 100%; padding:0; margin-bottom: 2rem;}
    #section_04 .flex-5ea .content {height: 20rem;}
    #section_04 .flex-5ea .content .icon-wrap {width: 5rem; height: 5rem;}

   
    #section_05 .cont-1600 h2 {font-size:3rem;}
    #section_05 .cont-1600 .icon-wrap .item {border-radius: 1rem; flex-basis: 100%; max-width: 100%; height: 8rem; padding-left:3rem; padding-right: 3rem;}
    #section_05 .cont-1600 .icon-wrap .item div {display: flex; justify-content: flex-start; align-items: center; flex-wrap: nowrap; flex-direction: row; width: 100%;}
    #section_05 .cont-1600 .icon-wrap .item div img {margin: 0;}
    #section_05 .cont-1600 .icon-wrap .item div p {margin-top: 0; width: 100%; max-width: 100%;}

    /*서브*/
    #company>.cont-1600>.content.text-wrap {padding:2.5rem;}

    /*회사개요*/
    #atoz>.flex>img {width: 90%; margin:0 auto;}
    #atoz .ft-50 {font-size: 3rem;}

    /*제품소개, Export Process */
    .st-wrap>.content .item .title .icon {flex-basis: 6rem; max-width: 6rem; height: 6rem;}
    .st-wrap>.content .item .sub-contents {padding-left:8.8rem;}
    .st-wrap>.content .item .title .ft-36 {font-size: 3rem;}

}

@media screen and (max-width:414px){
    
    /*공통*/
    .side-menu-container .side-menu {padding:3rem;}
    #fullpage .section {height:calc(896px - 7rem) !important;}  
    #fullpage .fp-auto-height {height:auto !important;}
}