.mo_block{
    display: none;
}

@media all and (max-width: 2100px) {
    /* .main_wrap .wrap_in3 {
        width: 100% ;
        padding: 0 40px;
    } */
}


@media all and (max-width: 1880px) {
    .main_wrap .s1 .tit_box {
        width: 100%;
        transform: translateX(-50%);
        padding-left: 20px;
    }
}

@media all and (max-width: 1700px) {
    .wrap_in2 {
        width: 100% !important;
        padding: 0 10px;
    
    }
   
    .header {
        width: 100%;
        padding: 0 10px;
     
    }
    .main_wrap .scroll_down {
        left: inherit;
        transform: none;
        right: 40px;
    }
}
@media all and (max-width: 1600px) {
    .wrap_in {
        width: 100% !important;
        padding: 0 10px;
    
    }

}

@media all and (max-width: 1550px) {
    .main_wrap .s1 {
        height: 70vh;
    }

    .footer .wrap_in2 {
        justify-content: center;
    }
    .footer .f_s3 {
        width: 100%;
        order: 3;
        margin-top: 40px;
        justify-content: center;
    }
    .footer .f_s1{
        margin-right: 40px;
        order: 1;
    }
    .footer .f_s2{
        order: 2;
    }
    .main_wrap .s3_c1 {
        width: 40%;
    }
    .main_wrap .s5 .tit_box {
        width: 60%;
    }
}


@media all and (max-width: 1300px) {

    .main_wrap .s1 .tit_box span {
        font-size: 80px;
    }
    .main_wrap .s1 {
        height: 50vh
     
     }
     .main_wrap .s2_c1 {
        display: block;
    }
    .main_bu {
        margin-top: 20px;
    }
    .main_wrap .s3_c1 {
        width: 50%;
    }
    .main_wrap .swiper-navigation {
       
        top: 95.5%;
    }
    .main_wrap .s4_c1 {
        display: block;
    }
    .main_wrap .swiper {
        width: 100%;
        padding-top: 40px;
    }
    .eng_main_wrap.main_wrap .swiper {
        width: 100%;
    }
    .main_wrap .s5 .tit_box {
        width: 100%;
    }
    .main_wrap .s5 .scroll_box {
        margin: 40px auto 0;
    }
    
}


@media all and (max-width: 1080px) {
    .about_header .flex > img {
        top: 0;
    }
    .about_header .sub_txt_box {
        width: 100%;
    }
    .main_wrap .s7 {
   
        padding-top: 60px !important;
    }
    .main_wrap .s7_c2 img{
        width: 500px;
    }
    .pin-spacer .j_center {
        justify-content: start ;
    }
    .view_button_wrap::before {
        display: none;
    }
    .view_button_wrap {
        background: var(--mainColor);
        overflow: initial !important;
     
    }
    .view_button_wrap .mainColor {
        color: #fff !important;
    }
  
    .gnb{display: none;}
    .main_wrap .s3_c1 {
        width: 100%;
        order: 1;
    }
    .main_wrap .mr80 {
        margin-right: 0px;
    }
    .main_wrap .s3_c2 {
    
        order: 2;
        margin-top: 20px;
    }
    .main_wrap .s3_c1 h3{
        text-align: center;
    }
    .main_wrap .s3_c1 .s3_c1_b1 {
        width: 55%;
        margin: 0 auto;
    }
    .navbar_burger {

        display: inline-block !important;
    }
    .main_wrap .fs36 {
        font-size: 30px !important;
    }
}
@media all and (max-width: 1020px) {
    
    .scroll_box {
     
        margin-left: inherit !important;
    }
    .main_wrap .new_s2_c2 {
        
        margin-left: 10px !important;
    }
    .main_wrap .new_s2_c2 {
        padding-top: 0 !important;
    }
       
}
@media all and (max-width: 950px) {


    .footer .f_s1 {
        margin-bottom: 40px;
        margin-right: 0px;
    }
}
@media all and (max-width: 850px) {
    .main_wrap .s7_c2 {
        margin-top: 40px;
        position: initial;
        text-align: center;
    }
    .main_wrap .s7 .s7_c1 {
        width: 100%;
    }
    .main_wrap .s7_c2 img {
        width: 400px;
    }
    .new_s2_c1 > img {
        width: 200px;
    }
    .footer .f_s2 ul:first-child li {
        
        margin-right: 28px;
    }
    .footer .f_s2 ul:first-child li:last-child {
        
        margin-right: 0px;
    }
    .main_wrap .s1 .tit_box span {
        font-size: 52px;
    }
    .main_wrap .s1 .tit_box img {
     
        width: 50px;
    }
  
    .main_wrap .fs40 {
        font-size: 28px !important;
    }
    .main_wrap .fs22 {
        font-size: 18px !important;
    }
    .main_wrap .s2_c2 .s2_c2_b1 {
        width: 100%;
        margin-bottom: 20px;
    }
    .main_wrap .fs80 {
        font-size: 52px !important;
    }
    .main_wrap .fs100 {
        font-size: 52px !important;
    }
    .footer {
        padding: 60px 0;
    }
    .footer .f_s2 {
        text-align: center;
    }
    .main_wrap .wrap_in2 {

        padding: 0 10px;
    }
    .main_wrap .wrap_in3 {
     
        padding: 0 10px;
    }
}

@media all and (max-width: 680px) {
    .main_wrap .s4_c1_b1 {
        
        padding-top: 0px !important;
    }
    .main_wrap .fs64 {
        font-size: 52px !important;
    }
    .wrap_in {
       
        padding: 0 20px;
    }
    .main_wrap .s4 {
        padding: 100px 0;
    }
    .main_wrap .s2 {

        padding: 100px 0;
    }
    .main_wrap .s3 {
        padding: 100px 0;
    }
    .main_wrap .s3_clone {
        padding: 100px 0;
    }
    .main_wrap .s3_clone2 {
        padding: 100px 0;
    }
    .footer .f_s3 {
        display:none ;
    }
    .top_bu{
        display: none !important;
    }
    .quick_bu{
        display: none !important;
    }
    .main_wrap .fs32 {
        font-size: 26px !important;
    }
    .main_wrap .fs22 {
        font-size: 20px !important;
    }
    .main_wrap .pb60 {
        padding-bottom: 30px;
    }
}


@media all and (max-width: 580px) {

    .about_header .flex > img {
        top: -30px;
        width: 100%;
    }
    .main_wrap .scroll_down {
        display: none;
    }
    .main_wrap .s3_c1 > img {
 
        max-width: 100%;
    }
    .main_wrap .s3_c1 .s3_c1_b1 {
        width: 100%;
    }
    .main_wrap .fs18 {
        font-size: 16px !important;
    }
    .main_wrap .fs16 {
        font-size: 14px !important;
    }
    .f_s2 p {font-size: 14px;}
    .footer .f_s1 {
 
        text-align: center;
    }
    .f_s1 img{
        width: 70%;
    }
    .mo_block{
        display: block;
    }
    .main_wrap .mt80 {
        margin-top: 40px;
    }
    .main_wrap .s1 .tit_box span {
        font-size: 32px;
    }
    .main_wrap .s1 .tit_box img {
        width: 32px;
    }
    .header {
        padding: 0px 20px;
    }
    .main_wrap .swiper {
        width: 100%;
    }
    
}


@media all and (max-width: 480px) {
    .main_wrap .s6 {
      
        padding: 100px 0 !important;
    }

    .main_wrap .fs36 {
        font-size: 24px !important;
    }
    .main_wrap .mb80 {
        margin-bottom: 40px;
    }
    .main_wrap .s7_c2 img {
        width: 300px;
    }

    .main_wrap .fs64 {
        font-size: 38px !important;
    }
    .new_s2_c1 > img {
        width: 148px;
    }
    .main_wrap .tit_box br{
        display: block;
    }
    br{
        display: none;
    }
    .main_wrap .fs28 {
        font-size: 24px !important;
    }
    .navbar_menu {
     
        width: 70%;
    }
   
    .main_wrap .fs80 {
        font-size: 40px !important;
    }
   
    .main_wrap .fs100 {
        font-size: 42px !important;
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        scale: 1;
    }
    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        scale: 0.8;
    }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        scale: 1;
    }
    .swiper-button-next:after, .swiper-button-prev:after {
        scale: 0.8;
    }
    .main_wrap .s3_c1 > img {
        max-width: 80%;
    }
    .main_wrap .fs22 {
        font-size: 18px !important;
    }
    .fs40 {
        font-size: 32px !important;
    }

    .footer .fs16 {
        font-size: 14px !important;
    }
}