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

}

/*대형 데스크탑 및 대형 스크린*/
@media screen and (max-width: 1600px) {

}

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

    /*헤더*/
    .header .header-inner .nav {display: none;}

    /*푸터*/
    .boundary {padding-left:1.6rem; padding-right:1.6rem;}
    footer .boundary-1440 .menu-wrap {flex-basis: 65%; max-width: 65%;}
}


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

    /*사이트맵*/
    .mobile-wrap .mobile-inner .right .m-menu .m-nav > li .m-main {font-size:2rem;}
    .mobile-wrap .mobile-inner .right .m-menu .m-nav > li .m-submenu > li > a {font-size:1.4rem;}

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


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

    /*메인*/
    #main-visual .swiper {aspect-ratio: 9 / 20; height: auto;}



    #main-visual .swiper-slide .main-visual-txt .content .tit {color:#fff;}

    .header .line {display: none;}
    .mobile-wrap .close-header {padding-top:0; padding-left:1.6rem; padding-right:1.6rem;}
    .mobile-wrap .close-header .close-btn {margin-top:0.5rem;}
    .header .header-inner {height: 6rem;}

    #header .header.nav-up {top:-6rem;}
    .mobile-wrap .mobile-inner .right .m-menu {height:100%; overflow: auto;}


    .product-wrap {padding-top:10rem;}
    .product-menu-wrap {padding-top:10rem;}
    .product-detail-container {padding-top:10rem;}

    /*컬렉션*/
    .collection {aspect-ratio: 9 / 20; height: auto;}
    .collection .menu {top:10rem;}
    .collection .swiper-slide .boundary-1440 .title-wrap {top:20rem;}
    .collection .title-wrap .title-name {padding-left:1.6rem; padding-right:1.6rem; align-items: center;}
    .collection .bg {height: 100%; width:100%;}
    /* .collection .title-wrap .title-name li>h2 {color:#fff;} */
    .collection .swiper-slide .boundary-1440 {position: relative;}
    /* .collection .swiper-slide .boundary-1440::before {content:''; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); width: 100%; height: 100%; background-color:rgba(255,255,255,0.1);} */
    .collection .title-wrap .title-name li p {color:#000; font-size:1.3rem; font-weight: 400;}
    .prev-btn {display: none;}
    .pc-collection-image {display: none !important;}
    .mobile-collection-image {display: block !important; }



    .main-visual-img {display: none;}
    .main-visual-img-mobile {display: block;}

    /*미디어*/
    .notice .gallery .g-box {flex-basis: 48%; width: 48%; max-width: 48%; margin-right: 0; margin: 1%;}


    

    
}

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

    /*공통*/
    #rnd-01 .flex-1ea>h2,#rnd-03 .boundary>h2,#rnd-04 .boundary h2 {font-size:4rem;}
    .ft-65 {font-size:4rem;}
    .sub-title h3 {font-size:2rem;}
    .sub-title h2 {font-size:3.6rem;}

    /*메인*/
    #main-visual .swiper-slide .main-visual-txt .content .tit {font-size:3.6rem; color:#fff;}
    #main-visual .swiper-slide .main-visual-txt .content .text-wrap p {font-size:1.4rem; color:#fff;}
    #main-visual .swiper-pagination-bullet-active {background: #fff;}
    #main-visual .swiper-pagination-bullet-active::before {border:1px solid #fff;}
    #main-visual .swiper-pagination-bullet {background-color:rgba(255,255,255,0.5);}

    #main-visual .swiper-button-prev, #main-visual.swiper-container-rtl .swiper-button-prev {filter: invert(0);}
    #main-visual .swiper-button-next, #main-visual.swiper-container-rtl .swiper-button-next {filter: invert(0);}

    /*헤더*/
    .header .header-inner .header-logo {max-width: 15rem;}

    /*푸터*/
    footer {padding-top:10rem;}
    footer .boundary-1440 .menu-wrap {flex-basis: 100%; max-width: 100%; order:0; flex-wrap: wrap;}
    footer .boundary-1440 .menu-wrap>li {flex-basis: 33.333%; max-width: 33.333%; padding-bottom: 3rem;}
    footer .boundary-1440 .contact-wrap {flex-basis: 100%; max-width: 100%; padding-bottom: 5rem; order:1;}
    footer .boundary-1440 .copy-right {order:2; text-align: left;}

    /*사이트맵*/
    .mobile-wrap {background-size:80%;}

    .mobile-wrap .mobile-inner {height: calc(100% - 5rem);}
    .mobile-wrap .mobile-inner .right .m-menu .m-nav {flex-wrap: wrap;}
    .mobile-wrap .mobile-inner .right .m-menu .m-nav > li {flex-basis: 50%; max-width: 50%; margin-bottom: 3rem;}
    .mobile-wrap .mobile-inner .copyright {font-size:1.3rem; text-align: center; width: 100%; bottom:1rem;}
    .mobile-wrap .mobile-inner .right .m-menu .m-nav > li .m-main {font-size:1.6rem;}
    .mobile-wrap .mobile-inner .right .m-menu .m-nav > li .m-submenu {margin-top:1rem;}

    

    
    /*2열*/
    .flex-2ea {flex-wrap: wrap; }
    .flex-2ea .content {flex-basis: 100% !important; max-width: 100% !important; margin:0; padding-bottom: 3rem;}

    /*4열*/
    .flex-3ea {flex-wrap: wrap; }
    .flex-3ea .content {flex-basis: 48% !important; max-width: 48% !important; margin:1% !important; padding-bottom: 3rem;}

    .flex-4ea {flex-wrap: wrap; }
    .flex-4ea .content {flex-basis: 48% !important; max-width: 48% !important; margin:1% !important; padding-bottom: 3rem;}
    
    

    /*회사소개*/
    #company-02 .flex-2ea h2 {font-size:4rem;}
    .video-wrap {height: 35rem;}

    #company-03 .boundary h2 {font-size:4rem;}
    #company-03 .boundary .his-wrap .year>h3 {font-size:3rem;}
    #company-03 .boundary .his-wrap .contents{padding-left:1.6rem; }
    #company-03 .boundary .his-wrap .contents>li>.month {font-size:1.4rem; width: 5rem;}
    #company-03 .boundary .his-wrap .contents>li>p {font-size:1.4rem;}


    /*회사비전*/
    #company-04 .vision-wrap>li:first-child {font-size:6rem;}
    /* #company-04 .vision-wrap>li:nth-child(2) {font-size:1.8rem;} */

    /*공통서브배너*/
    .banner-wrap {height: 37.5rem;}
    .banner-wrap .title {margin-top:0;}
    .banner-wrap .title>h4 {font-size:1.4rem;}
    .banner-wrap .title>h1 {font-size:3rem;}
    .banner-wrap .sub-menu {flex-wrap: wrap;}


    .banner-wrap .sub-menu a {line-height: 4rem; font-size:1.4rem;}
    .banner-wrap .sub-menu.menu-1>a {flex-basis: 100%; max-width: 100%; }
    .banner-wrap .sub-menu.menu-2>a {flex-basis: 50%; max-width: 50%;}
    .banner-wrap .sub-menu.menu-3>a {flex-basis: 33.333%; max-width: 33.333%;}
    .crumb {margin-top:1rem;}
    /* .banner-wrap .sub-menu {flex-wrap: wrap;} */



    #company-04 .vision-wrap {flex-wrap: wrap; margin-bottom: 4rem;}
    #company-04 .vision-wrap>li:first-child {flex-basis: 25%; max-width: 25%;}
    #company-04 .vision-wrap>li:nth-child(2) {flex-basis: 75%; max-width: 75%;}
    #company-04 .vision-wrap>li:nth-child(3) {flex-basis: 100%; max-width: 100%;}


    /*기술*/
    #smart-factory-02 ul {gap:2rem; padding: 3rem 1rem;}
    #smart-factory-02 ul>li:first-child { order:1;}
    #smart-factory-02 ul>li:nth-child(2) {display: none;}
    #smart-factory-02 ul>li:nth-child(3)>h3 {display: block; color:#dcdcdc;}
    #smart-factory-02 ul>li:nth-child(3) {flex-basis: 100%; max-width: 100%; order:2; }

    /*제품소개*/
    /* .product-wrap {padding-top:3rem;} */
    .product-detail-container .product-detail-wrap {padding-bottom: 0;}
    .product-detail-container .product-detail-wrap .spec-wrap>div {padding:0;}


    /*Contact */
    .inquiry .content-wrap .form-box.w-50 {flex-basis: 100%; max-width: 100%;}

    .contact-contents .content.sticky {position: relative; top:0; left:0;}

    .notice .top-center {flex-wrap: wrap;}
    .notice .top-center .count-wrap {flex-basis: 100%; max-width: 100%;  order:1;}
    .notice .top-center .search-wrap {flex-basis: 100%; max-width: 100%; order:0; margin-bottom: 2rem;}

    
    .notice .gallery .g-box {flex-basis: 99%; max-width: 99%; margin: 0.5%; margin-bottom: 2rem;}



}


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

    /*푸터*/
    footer .boundary-1440 .menu-wrap>li {flex-basis: 50%; max-width: 50%; padding-bottom: 3rem;}

    /*인증현황*/
    .flex-3ea .content {flex-basis: 100% !important; max-width: 100% !important; margin:0 !important; margin-bottom:2rem; }

 
    
    
}