@media screen and (max-width:1680px){
    html,body {font-size: 50%;}
    #fullpage .section .cont-1600 {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;}

    /*메인*/
    #section_02 h2 {font-size: 8rem;}
    #section_02 .flex-2ea .content:first-child {border-right:none; padding-bottom: 3rem; padding-top: 10rem;}
    #section_02 .flex-2ea .content {flex-basis: 100%; max-width: 100%; height: 50%; margin:0;}
    #section_02 .flex-2ea .content:last-child {padding-top:12rem;}
    #section_02 .section-02-bg {width:100%; height: 0%; top:50%;}
    #section_02 .section-02-bg.active {width: 100%; height: 50%;}
    #section_02 .text-wrap {padding-left:0; margin-top: 5rem;}
    #section_02 .company-image-wrap {max-width: 30rem; }

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


@media screen and (max-width:968px){
    /*공통*/
    header .container .menu-wrap {display: none;}
    #section_03 .flex-2ea .content {flex-basis: 100%; max-width: 100%;  padding:10rem;}
    #section_03 .flex-2ea .content h2 {font-size: 4rem;}
    #section_04 .cont-1600 .content {flex-basis: 100%; max-width: 100%; margin-left: 0; width: 100%;}
    #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;}


    /*메인*/
     #section_02 .company-image-wrap {max-width: 20rem;}
     #section_02 .flex-2ea .content:last-child {padding-top:15rem;}

    /*프로세스*/
    #process-wrap .flex-5ea {flex-wrap: wrap;}
    #process-wrap .flex-5ea .content {flex-basis: 100% !important; max-width: 100% !important; margin-top:5rem !important; padding-top: 5rem !important;} 
    #process-wrap .flex-5ea .content .item:nth-of-type(1)::before {display: none;}
    #process-wrap .flex-5ea .content .item .r-line {display: none;}
    #process-wrap .flex-5ea .content .item.center-item {transform: translateX(0);}
    #process-wrap .flex-5ea .content .line {display: none;}
    #process-wrap .flex-5ea .content .item .l-line {display: none;}
    #process-wrap .flex-5ea .content .item .right-half {display: none;}
    #process-wrap .flex-5ea .content .item .r-c-line {display: none;}
    #process-wrap .flex-5ea .content .item .r-c-line-full {display: none;}
    #process-wrap .flex-5ea .content .item .r-b-line {display: none;}
    #process-wrap .flex-5ea .content .item .l-b-line {display: none;}
    #process-wrap .flex-5ea .content .item.t-line::before {display: none;}
    #process-wrap .flex-5ea .content .item.b-line::after {display: none;}
    #process-wrap .flex-5ea .content .item.v-hidden {display: none;}
    

    /*원료특징*/
    #ch-wrap .text-wrap {flex-basis: 100%; max-width: 100%; padding-right: 0;}
    #ch-wrap .text-wrap h3 {font-size: 4rem;}
    #ch-wrap .tab-wrap {flex-basis: 100%; max-width: 100%; margin-top:2rem;}
    #ch-wrap .tab-wrap .content {padding-top:3rem; padding-bottom:3rem; flex: 0 0 calc((100% - (2rem * 2)) / 3);max-width: calc((100% - (2rem * 2)) / 3);}
    #ch-wrap .cont-1600.pd-detail .flex-2ea {padding-bottom: 3rem;}
    #ch-wrap .cont-1600.pd-detail .flex-2ea .content:first-child {padding-right: 0;}
    #ch-wrap .cont-1600.pd-detail .flex-2ea .content.detail-contents {margin-top:3rem;}

    /*제품특징*/
    .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%;}
    .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);}

    /*품질관리*/
    .pd-detail-wrap .cont-1600 .content { flex: 0 0 calc((100% - (2rem * 1)) / 2);max-width: calc((100% - (2rem * 1)) / 2);}

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

   
   
}

@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);}
    #company .flex-2ea .content:first-child {margin-bottom: 5rem;}
    .header-height {height: 7rem;}
    .side-menu-wrap {top:7rem !important; }
    header .container .logo-wrap {flex-basis: 15rem; max-width: 15rem; flex-shrink: 0;}
    footer ul .logo-wraps {flex-direction: column;}
    .sub-banner {padding-top:12rem;}

    .mobile-br {display: none;}
    .mobile-image {display: block;}
    .pc-image {display: none;}
    header .container .etc-wrap {flex-basis: 18rem; max-width: 18rem; width: 18rem;}
    footer ul .contact-wraps .item {width: 100%; max-width: 100%; margin-right: 0;}
    header #lang-down {display: none;}
    .b-btn-white {padding:1.5rem 4rem;}


    /*메인*/
    #menu {left:3rem;}
    #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 .flex-2ea .content:last-child {padding-top:5rem;}
    #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_05 .cont-1600 .icon-wrap .item div img {width: 5rem; margin: 0 auto;}

    #section_05 .flex-2ea  {align-items: center; padding-top:10rem; padding-bottom: 10rem;}
    /* #section_05 .flex-2ea .content:first-child {padding-top: 10rem;} */
    /* #section_05 .cont-1600 .icon-wrap .item {flex-basis: 100%; max-width: 100%; margin-bottom: 2rem;} */

    /*회사개요*/
    #company .spec {flex-wrap: wrap;}
    #company .spec .img-wrap {width: 100%; max-width: 100%; flex-basis: 100%; height: 25rem;}


    /*경영이념*/
    .banner .text-wrap {max-width: 100%;}
    .banner .text-wrap h2 {margin-right: 10rem; word-break: keep-all;}
    
    /*관계사*/
    #family-site-wrap .flex-2ea .content .img-wrap {flex-basis: 20rem; max-width: 20rem;}
    #family-site-wrap .flex-2ea .content .text-wrap {flex-basis: calc(100% - 20rem); max-width: calc(100% - 20rem);}
    #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;}
}

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


    /*공통*/
    header .container .logo-wrap {flex-basis: 13rem; max-width:13rem;}
 
    .section#section_01 .swiper-container .swiper-wrapper .swiper-slide .cont-1600>.title-wrap>h2 {font-size: 4rem;}
   
   /*메인*/
   #section_02 .flex-2ea .content:first-child {padding-top: 4rem;}
   
   #fullpage .section {height:calc(1111px - 7rem) !important;}
   #section_02 .flex-2ea .content:first-child {padding-top:10rem;}
   #section_02 .flex-2ea .content:last-child {padding-top:14rem;}
   #section_02 .flex-2ea .content .year-wrap + p {margin-toP:1rem; margin-bottom: 3rem;}
   #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%;}

    /* #section_05 #family-banner {height: 8dvh;} */
    /* #section_05 footer {height: 39vh;} */

    /*관계사*/
    #family-site-wrap .flex-2ea .content {padding:2rem; flex-wrap: wrap;}
    #family-site-wrap .flex-2ea .content .img-wrap {flex-basis: 100%;max-width: 100%; margin-bottom: 1rem; height: 25rem;}
    #family-site-wrap .flex-2ea .content .text-wrap {flex-basis: 100%;max-width: 100%; }

    /*품질관리*/
    #quality-02 .flex-3ea .content {flex-basis: 100%; max-width: 100%;}

    .detail-icon-list>li {flex-direction: column;}
    .detail-icon-list>li>.icon {margin-bottom: 2rem;}
    .detail-icon-list>li>.text {flex-basis: 100%; max-width: 100%;}

    
     

}

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