/********** 반응형 **********/
@media screen and (max-width:1680px){
    html,body {font-size:50% !important;}
}

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

    /*인트로*/
 
    #intro-wrap .intro-page {max-width: 60rem;}
    #intro-wrap .intro-page>h3 {font-size:3rem;}
    /*헤더*/
    header {height:10rem;}
    header.mini>div {height:11rem;}
    header>.bound {height:10rem; transition: all 0.4s;}
    header>.bound::before {width: 20rem;}
    header>.bound>.boundary>.menu-wrap>ul {display: none;}

    /*메인배너*/
    .m-pd {padding-left:1.6rem; padding-right:1.6rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap img {max-width: 2rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size:7rem;}


    /*섹션2*/
    .section#section_02 .boundary .about-wrap .inner-boundary {padding-left:1.6rem; padding-right:1.6rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .img-wrap {right:1.6rem;}
    /*섹션3*/
    .section#section_03 .boundary>.inner_boundary>.item_container>.title.fixed {top:12rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.title>div>h2 {font-size:8rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item {height: 40rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item>a>h3 {font-size:2.4rem;}

    /*섹션4*/
    .section#section_04 .title>div>h2 {font-size:6rem;}

    /*공통*/
    .inner_boundary {padding-left:1.6rem; padding-right:1.6rem;}

    /*회사소개*/
    .title-banner-wrap {margin-top:13rem;}
    .title-banner-wrap .image-banner>.inner_boundary {width:95%;}

    /*인증현황*/
    .certificate-grid .content {flex-basis: 33.333%; max-width: 33.333%;}
}


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

    /*인트로*/
    #intro-wrap .intro-page {max-width: 50rem;}
    #intro-wrap .intro-page>h3 {font-size:2.4rem;}

    
    header>.bound>.boundary>.logo-wrap {max-width: 30%; flex-basis: 30%;}

    /*공통*/
    .search-result>p {margin-top:2rem;}
    

    /*사이트맵*/
    .site-map-wraps>ul>li {padding:1rem 2rem;}
    .site-map-wraps>ul>li>ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    .site-map-wraps>ul>li>ul>.menu-name {padding-right:2rem;}
    .site-map-wraps>ul>li>ul>li>a {font-weight: 400;}

    /*메인배너*/
    /* .section #main-slide .swiper-wrapper .swiper-slide>.boundary {justify-content: center;} */
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment {padding:1rem; text-align: center;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size:8rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>p {font-size:1.6rem;}
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>.page-container {justify-content: center;}

    /*섹션2*/
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap {flex-basis: 100%; max-width: 100%;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h4>br {display: none;}
    
    /*섹션3*/
    .section#section_03 .boundary>.inner_boundary>.item_container {flex-basis: 100%; max-width: 100%; flex-wrap: wrap;}
    .section#section_03 .boundary>.inner_boundary>.item_container:first-child {order:1;}
    .section#section_03 .boundary>.inner_boundary>.item_container:last-child {order:0;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.title>div>p>br {display: none;}

    .section#section_03 .boundary>.inner_boundary>.item_container>.title {position: relative !important; top:0 !important; padding-left:0; padding-bottom:10rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content {flex-basis: 100%; max-width: 100%; margin:0;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item {height:50rem; margin-bottom:2rem;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item#pd-01>a>img {max-width: 40rem; left:55%;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item#pd-02>a>img {max-width: 40rem; left:65%;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content>.item#pd-03>a>img {max-width: 30rem; left:65%;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.content:last-child {margin-top:0;}


    /*섹션4*/
    .section#section_04 .title>div>p {font-size:1.8rem;}
    .section#section_04 .title>div>h2 {font-size:4rem;}
    .section#section_04 .news-container .pagenation .button-wrap .button {width: 8rem; height: 8rem;}



    /*회사소개*/
    #sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap {padding:0; padding-top:2rem; }
    /*사이트맵*/
    .site-map-wraps>ul>li {flex-basis: 100%; max-width: 100%; height:20%;}
    .site-map-wraps>ul>li::before {display: none;}
    .site-map-wraps>ul>li:nth-child(1) {border-bottom:1px solid #ddd;}
    .site-map-wraps>ul>li:nth-child(2) {border-bottom:1px solid #ddd;}
    .site-map-wraps>ul>li:nth-child(3) {border-bottom:1px solid #ddd;}
    .site-map-wraps>ul>li:nth-child(4) {border-bottom:1px solid #ddd;}
    .site-map-wraps>ul>li:nth-child(5) {flex-basis: 100%; max-width: 100%;}
    .site-map-wraps>ul>li>ul {padding-top:0;}
    .site-map-wraps .close-btn {width:8rem; height:8rem;}

    .site-map-wraps>ul>li>ul>.menu-name {font-size:2rem; padding:0.5rem;}
    .site-map-wraps>ul>li>ul>li>a {font-size:1.4rem; padding:0.5rem;}
    .site-map-wraps>ul>li>ul>li>a>span {display: none;}

    /*공통 서브*/
    #about-title {padding-bottom:25%;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {margin-right:2rem;}
    #product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {font-size:2.4rem;}
    #product-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {font-size:1.8rem;}
    /* #contact-title {padding-bottom:25%;} */
    #product-banner-wrap {padding-bottom:0; padding-left:1.6rem; padding-right: 1.6rem;}
    .title-banner-wrap .boundary .inner_boundary {padding-left:0; padding-right:0;}
    .title-banner-wrap .boundary .inner_boundary>ul {flex-wrap: wrap;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child {flex-basis: 100%; max-width: 100%;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h3 {font-size:2.4rem;}
    .title-banner-wrap .boundary .inner_boundary>ul>li:first-child>h4 {margin-left:0; font-size:1.6rem;}
    .title-banner-wrap .boundary .inner_boundary>ul>.paging {flex-basis: 100%; max-width: 100%; border-top:1px solid rgba(255,255,255,0.1); padding-top:1rem; margin-top:1rem; font-size:1.4rem; justify-content: flex-start; padding-bottom:1rem;}


    .title-banner-wrap .image-banner>.inner_boundary {padding:2rem;}
    .title-banner-wrap .image-banner>.inner_boundary>li {flex-basis: 100%; max-width: 100%;}
    .title-banner-wrap .image-banner>.inner_boundary>li:first-child {border-right:0; border-bottom:1px solid rgba(0,0,0,0.1); padding:2rem;}
    .title-banner-wrap .image-banner>.inner_boundary>li:last-child {text-align: center;}


    /* #sub-section-02 .flex_2ea {flex-wrap: wrap;} */
    #sub-section-02 .flex_2ea.sub_inner_boundary {flex-wrap: wrap;}
    #sub-section-02 .flex_2ea.sub_inner_boundary .content {flex-basis: 100%; max-width: 100%;}


    /*제품 공통*/
    #product-wraps .flex_3ea .content {flex-basis: 49%; max-width: 49%; margin:0.5%;}

    .filter-wrap>.content>li:first-child {flex-basis: 100% !important; max-width: 100%  !important; margin-right:0 !important; border-bottom:1px solid #ddd !important; border-right:0  !important; margin-bottom:1rem !important;}
    .filter-wrap>.content>li:first-child>h3 {text-align: left !important; padding-bottom:1rem  !important;}
    .filter-wrap>.content>li:last-child {flex-basis: 100%  !important; max-width: 100%  !important; margin-right:0 !important;}

    .search-wrap>input {flex-basis: 65%; width: 65%;}
    .search-wrap>.search-btn {flex-basis: 35%; width: 35%;}
    .search-wrap>.search-btn>img {max-width: 3rem;}

    /*제품 디테일*/
    .product-detail-wrap>.content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%;}
    .product-detail-wrap>.content.text-wraps {flex-basis: 100%; max-width: 100%; margin-bottom:2%;}
    .product-detail-wrap>.content.text-wraps .detail-text>.detail-table table tr td.contact-link>a {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%;}

    /*홍보*/
    .pr-grid .content {width:50%; max-width: 50%;}
    .sns-container>ul {justify-content: center; width: 100%; margin-top:1rem;}
    .title-banner-wrap .image-banner>.inner_boundary>li.inquiry-wrap>div:last-child {display: flex; justify-content: center; align-items: center;}

    /*컨택*/
    .title-banner-wrap .image-banner>.inner_boundary {position: relative;}
    .title-banner-wrap .image-banner {margin-bottom:0;}

    .section#section_03 .boundary>.inner_boundary>.item_container>.title {padding-bottom:0;}
    .section#section_03 .boundary>.inner_boundary>.item_container:last-child {position: relative; top:0; padding-bottom:0;}

}


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


    /*헤더*/
    header {height:8rem;}
    header>.bound {height: 8rem;}
    header>.bound>.boundary>.logo-wrap {max-width: 35%; flex-basis: 35%;}
    header>.bound>.boundary>.logo-wrap>a {padding-bottom:0rem; padding-top:0rem; max-width: 20rem;}

    header.mini {height: 8rem;}
    header.mini>div {height: 8rem;}
    header.mini>div>.boundary>.logo-wrap>a{padding-top:0rem;}

    header>.bound>.boundary>.logo-wrap>.lang-wrap>li:first-child {padding-left:0;}
    header>.bound>.boundary>.logo-wrap>.lang-wrap>li {padding-bottom:0.25rem;}


    .section #main-slide .swiper-wrapper .swiper-slide>.scroll-wrap {width: 8rem; height: 8rem; transform: translate(-50%,-20%);}

    /*메인1*/
    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.text-ment>li>div>h1 {font-size: 4rem;}

    /*지식재산권*/
    .certificate-grid .content>.text-wrap {padding:1rem;}


}

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

    /*헤더*/
    header>.bound>.boundary>.logo-wrap>.lang-wrap>li {font-size: 1.2rem;}

    /*인트로*/
    #intro-wrap .intro-page .intro-logo-type {max-width: 30rem;}
    #intro-wrap .intro-page h3 {font-size:1.6rem;}

    .section#section_04 .title {position: relative; top:10rem;}

    footer>ul {padding-bottom:10rem;}


    


    /*메인1*/

    .section #main-slide .swiper-wrapper .swiper-slide>.boundary>.btn-box {width: 5rem; height: 5rem;}

    /*섹션2*/
    .section#section_02 .boundary .about-wrap {background-position: right bottom; padding-top:15rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h3 {font-size:2rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>li>h1 {font-size:5rem;}
    .section#section_02 .boundary .about-wrap .inner-boundary .text-wrap>.sns-container {margin-bottom:3rem;}

    #sub-section-03 .sub_inner_boundary>.flex_2ea .content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:1%;}
    #sub-section-03 .sub_inner_boundary>.flex_2ea .content:nth-child(2n)  {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:1%;}

    /*섹션3*/
    .section#section_03 .boundary>.inner_boundary {padding:0;}
    .section#section_03 .boundary>.inner_boundary>.item_container>.title>div>h2  {font-size:6rem;}

    /*섹션4*/
    .section#section_04 .news-container .pagenation {flex-basis: 100%; max-width: 100%; padding-left:1.6rem; padding-right:1.6rem; padding-top:0;}
    .section#section_04 .news-container #news-wrap {flex-basis: 100%; max-width: 100%; padding-left:1.6rem; padding-right:1.6rem;}
    .section#section_04 .news-container #news-wrap .swiper-wrapper .swiper-slide>.body>li>h3 {font-size:2rem;}


    
    /*회사소개*/
    .title-banner-wrap .image-banner>.inner_boundary {width: 100%;}
    #sub-section-02 .flex_2ea.sub_inner_boundary .content.text-wrap>div>h4>br {display: none;}

    /*제품*/
    .title-banner-wrap .boundary .inner_boundary>ul>.paging {font-size:1.2rem;}
    #product-search .search-wrap>input {font-size:1.6rem; padding:1.5rem 3rem;}
    #product-search .filter-wrap>.content>li:last-child>.item {padding:0.8rem 2rem;}
    #product-wraps .flex_3ea .content {flex-basis: 100%; max-width: 100%; margin:0; margin-bottom:2%;}
    .pr-grid .content {width: 100%; max-width: 100%; margin-bottom:2%;}
    .certificate-grid .content {width:50%; max-width: 50%; flex-basis: 50%;}
    .product-detail-wrap>.content.text-wraps {padding:0;}

    /*문의*/
    .inquiry .i-wrap .i-info .i-form .check-box .title {flex-basis: 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .check-box .c-list {flex-basis: 100%; max-width: 100%; border-left:0; padding-top:0;}
    .inquiry .i-wrap .i-info .i-form .check-box .c-list .s-list {height:4rem;}

    .inquiry .i-wrap .i-info .i-form .form-box li .i-tit {flex-basis: 100%; max-width: 100%;}
    .inquiry .i-wrap .i-info .i-form .form-box li .i-box {flex-basis: 100%; max-width: 100%; border-left:0; padding-top:0;}
    .inquiry .i-wrap .i-info .i-form .form-box li .i-box input {height:4rem;}
    .inquiry .i-wrap .i-info .i-form .form-box .mail .i-box select {height:4rem;}
    .inquiry .i-wrap .i-info .i-form .form-box .file .i-box label {height:4rem; line-height: 4rem;}

    /*푸터*/
    footer>ul {padding-left:1.6rem; padding-right:1.6rem;}
    footer ul .menu-wraps>.content>div>a {font-size:1.4rem; padding:0.4rem 1rem;}

    /*사이트맵*/
    .site-map-wraps>ul>li {padding:1rem 2rem;}
    .site-map-wraps>ul>li>ul {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
    .site-map-wraps>ul>li>ul>.menu-name {padding-right:2rem;}
    .site-map-wraps>ul>li>ul>li>a {font-weight: 400;}
    
    

}


@media screen and (max-height:400px){

    #intro-wrap .si-wrap {display: none;}
    #intro-wrap .intro-page h3 {margin-bottom:5rem;}
    #intro-wrap .lang-cont>li {flex-basis: 20%; max-width: 20%; font-size:1.3rem; color:#fff;}
}