@media (max-width: 1640px) {


.inner2{padding:0 3rem}
.inner{padding:0 3rem}

.header .logo{left: 3rem}
.header .top_right{right: 3rem}

.main_product_mid{width: 40%}


.main_product_right_slide h2{font-size: 38px}

.main_slide_control{padding: 0 5rem}

.main_product_mid_slide .slick-slide img{max-width: 100%}

.main_product.eng .main_product_flex {
    align-items: center;
}

.ceo_flex{gap:50px}


}






@media (max-width: 1500px) {





}


@media (max-width: 1370px) {


.main_product_title h2{font-size: 40px}

.main_vision_flex .title h2{font-size: 40px}
.main_product_flex .thum{width: 40%}

.main_product_title p{font-size: 16px}
.count_flex li .top p{font-size: 16px}


.main_product .tab {
    left: 50%;
    bottom: 0;
    width: calc(50% - 4rem);
    bottom: 0;
}

.footer .inner{gap:60px}
.foot_link a{font-size: 24px}
.nav_full{gap:6rem}

.main_product.eng .tab{gap:5px}

.main_product.eng .main_product_flex .txt h2,
.main_product .main_product_flex .txt h2{font-size: 30px}
.main_product_flex .txt p{font-size: 16px}



.ceo_flex {
    flex-direction: column;
    gap:60px
}

.ceo_flex .right,
.ceo_flex .left{width: 100%}





}


@media (max-width: 1280px) {
	
	
.count_flex li .bottom h2{font-size: 30px}	

.main_product_right_slide h2,
.footer .left .contact_title h3,
.main_product_title h2{font-size: 30px}
.main_product .tab__item a{font-size: 14px; padding: 6px}

.foot_link{gap:20px}

.ceo_flex .right .tag p{font-size: 14px; padding: 6px 15px}

.viusal_txt h2{font-size: 44px}

.nav_full a.deps_big{font-size: 24px}

.all_nav{padding: 0 3rem}

.roof_text h2,
.main_vision .bottom_txt h2{font-size: 100px}

.main_board_list li a h3{font-size: 16px}
.main_board_list li a p.date{font-size: 14px}

a.more_view, button.more_view{font-size: 16px; padding: 10px 25px}


.ceo_flex .left p,
.ceo_flex .right .txt p{font-size: 16px}
.ceo_flex .left h2,
.location .txt h3,
.product_flex .left h2,
.sub_visual_in h2{font-size: 24px}

.foot_link a{font-size: 20px}

.footer .right .txt h4, .footer .right .txt a,
.board_list_txt h3,
.partner_flex li p,
.location .txt li,
.product_flex .right li h4,
.product_flex .right li p,
.product_flex .right .box p,
.sub_visual_in p,
.board_notice li .box .notice_txt p{font-size: 16px}

.footer{padding: 80px 0}

.sub_visual_nav{display: none}



.product_flex .right li p.small,
.board_notice li .box .notice_txt p.list_date,
.board_list_txt p{font-size: 14px}

.board_notice li .box{padding: 30px 25px}

.board_notice li .box .notice_txt h3{font-size: 18px}

}


@media (max-width: 1024px) {

.main_count .main_product_title {
    align-items: flex-start;
    flex-direction: column;
    gap: 30px;
}

.count_flex{gap:14px}

.main_count{padding-top: 100px}	
.count_img{height: 50vh}	
	
.custom-cursor{display: none !important}	


.agree_pop_content{padding: 25px; border-radius: 5px}

.agree_pop_content .agree_title h2{font-size: 18px}
.agree_pop_info h3,
.agree_pop_info p{font-size: 14px}





.top_nav{display: none}

.main_vision_flex {
    gap: 3rem;
    flex-direction: column;
}

.main_vision_flex .title{text-align: center}

.main_product_mid{width: 80%}


.main_vision_flex .main_product_right{display: none}


.main_product_flex {
    display: flex;
    gap: 4rem;
    align-items: center;
    flex-direction: column;
}

.main_product_flex .thum{width: 50%}

.main_product .tab{left: 0; width: 100%;
justify-content: center;}


.main_product_flex .txt {
    flex: 1;
    padding-bottom: 10rem;
    text-align: center;
}


.main_vision.eng .main_vision_flex .title {
    flex-wrap: wrap;
    gap: 0px;
    flex-direction: column;
}


.partner_flex li .thum img{max-width: 100%}

.location .txt .sns_link{position: relative; margin-top: 30px}
.location .txt .sns_link a{width: auto; flex:1}
.inquiry_flex {
    flex-direction: column;
    gap: 60px;
}


.form_in_title{width: 100%}


}


@media (max-width: 860px) {
	
.count_img{height: 40vh}	
.main_count {
    justify-content: center;
}	
.count_flex {
    flex-wrap: wrap;
}

.main_product_title p br{display: none}

.count_flex li{flex:none; width: calc(50% - 7px)}

.agree_pop_content{max-width: 96%}

.inner,
.inner2{padding: 0 25px}
.header .logo{left: 25px}
.header .top_right{right: 25px}

.nav_full li{flex-direction: column; width: 100%;
align-items: flex-start; gap:20px}

.nav_full a.deps_big{width: 100%}


.nav_full .deps_nav {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    flex: 1;
    flex-direction: column;
    transition-duration: .8s;
    overflow: hidden; height: 0; max-height: 0; opacity: 0
}
.nav_full .deps_nav.on_drop_nav{height: auto; max-height: 50vh; opacity: 1}



.footer .inner {
    justify-content: space-between;
    flex-direction: column;
}
.footer .left{max-width: 100%}
    
        .nav_full {
        gap: 20px;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
    }
    
     .nav_full li {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 15px;
        text-align: center;
    }   
      .nav_full .deps_nav {
        text-align: center;
        align-items: center;
        gap:10px
    }  
    


.gall_list_style.certifications li,
.gall_list_style li,
.form_in ul li,
.partner_flex li {
    width: calc(50% - 10px);
}

.product_flex {
    flex-direction: column;
    gap:60px
}
.product_flex .left,
.product_flex .right{width: 100%}


.form_in ul{gap:40px 20px}

.view_more_r{font-size: 16px}

}


@media (max-width: 600px) {


.header .top_right{gap:20px}



.header .logo{max-width: 120px}


.fp-overflow {
        max-height: max-content;
        height: auto;
    }

.fp-is-overflow .fp-overflow.fp-auto-height-responsive, .fp-is-overflow .fp-overflow.fp-auto-height, .fp-is-overflow > .fp-overflow{
	overflow-y: visible
}    





.nav_full .deps_nav a{font-size: 16px}
.viusal_txt h2{font-size: 24px}

.main_vision{padding: 0}

.main_vision .bottom_txt{right: auto; left: 50%;
transform: translateX(-50%)}

.main_product{padding: 100px 0}

.main_product_flex .txt{padding: 0}

    .main_product .tab {
        left: 0;
        width: 100%;
        justify-content: center;
        position: relative;
        margin-top: 60px;
    }

.main_count .main_product_title{gap:10px}
.count_flex li .top {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    text-align: center;
    gap: 10px;
}

.count_flex li .top p{font-size: 14px; line-height: 140%}

.count_flex li .bottom{text-align: center}

.main_product_flex .txt p,
.main_product_title p{font-size: 14px}
.main_product_flex .txt p br{display: none}
.main_product.eng .main_product_flex .txt h2, .main_product .main_product_flex .txt h2{font-size: 20px}

.ceo_flex .left h2, .location .txt h3, .product_flex .left h2, .sub_visual_in h2, .sub_title h2,
.form_in_title h2{font-size: 24px}

.main_product.eng .tab,
.main_product .tab{gap:6px}


.main_board_list{gap:10px; flex-wrap: wrap;}
.main_board_list li a{padding: 25px}

.main_board_list li{width: 100%; flex:none}

.main_board .main_product_title{margin-top: 100px}

.header .lang_top{gap:10px}
.header .lang_top a{font-size: 12px}

.main_product_right_slide h2, .footer .left .contact_title h3, .main_product_title h2{font-size: 24px}

.foot_map,
.foot_link{display: none}

.footer .right .txt{margin: 0}

.foot_bottom {
    align-items: center;
    flex-wrap: wrap;
}


.footer .right .txt li p,
.foot_bottom p,
.footer .right .txt h4, .footer .right .txt a, .board_list_txt h3, .partner_flex li p, .location .txt li, 
.product_flex .right li h4, .product_flex .right li p, .product_flex .right .box p, .sub_visual_in p, 
.board_notice li .box .notice_txt p,
#bo_v_con, #bo_v_con *,
.form_in_title p,
.form_in ul li label{font-size: 14px}

.footer .right .txt li{gap:5px 10px}
.footer .right .txt li + li{margin-top: 5px}

.board_top_flex{display: none}

.location .map iframe{height: 30vh}

.location .txt h3{font-size: 18px}

.location .txt ul {
    gap: 5px;
    margin-top: 20px;
    flex-direction: column;
}

.form_in ul li{width: 100%}

.product_detail_slide .slick-list{padding: 0 25px}


    .board_notice li .box {
        padding: 30px 25px;
        flex-direction: column-reverse;
        gap: 25px;
        align-items: flex-start;
    }

.board_notice li .box .thum{width: 100%}
.board_notice li .box .notice_txt{width: 100%}
.board_title ul li,
#bo_v_file li a{font-size: 12px}

.board_title h2{font-size: 18px}

.form_in ul li input[type="text"], .form_in ul li input[type="email"], .form_in ul li select,
.form_in ul li textarea{font-size: 16px}

.ck_agree p{font-size: 14px}

}





@media (max-width: 360px) {

 
 
 
 
}