.pcimg{}
.moimg{display: none}


@media (max-width: 1640px) {


.header .inner{height: 100px}
.inner{padding: 0 25px}

.inner2{padding:0 6rem}

#my-nav{display: none }



.thum_big_slide .box .thum{max-width: 550px}

.in_pdiing{padding: 0}
.main_search_are{border-radius: 0; height: 100vh}
.footer{border-radius: 0}

.main_board .main_board_are{padding-left: 6rem}





}






@media (max-width: 1500px) {

.all_nav{padding: 0 3rem}
.nav_full a.deps_big{font-size: 24px}
.nav_full li{gap:0}

.main_product:after{width: calc(100% - 3rem)}
.main_product .inner{padding: 0 3rem}
.thum_small_slide_are{right: 3rem}

.flex_search a .icon{max-width: 60px}


}


@media (max-width: 1370px) {



}


@media (max-width: 1280px) {

.nav_full a.deps_big,
.main_title h2{font-size: 30px}
.top_nav li a.deps_big{font-size: 16px}
.top_nav li .deps_nav a{font-size: 14px}
.top_nav li .deps_nav a + a {
    margin-top: 0px;
    border-top: 1px solid #efefef;
}
.top_nav li .deps_nav a{padding: 8px 0}


.thum_small_slide_are{width: 320px}

.thum_big_slide .box .thum{max-width: 400px}

.thum_big_slide .box .txt h3{font-size: 16px}
.thum_big_slide .box .txt h2{font-size: 30px}
.thum_big_slide .box .txt p{font-size: 14px}

.thum_small_slide p{font-size: 12px}


.flex_search a .icon{margin-bottom: 14px}
.flex_search a h3{font-size: 16px}
.flex_search a p{font-size: 14px}

.flex_search a i{margin-top: 15px}

.search_in input{height: 60px; line-height: 60px; font-size: 16px}
.search_in button{width: 60px; height: 60px}
.search_in{height: 60px}

.inner2{padding: 0 3rem}
.main_board .main_board_are{padding-left: 3rem}
.main_board_slide .slick-list{padding-right: 6rem}


.foot_nav li a{font-size: 14px}

.foot_nav li {
    width: auto;
    flex: 1;
}

.foot_nav{gap:15px}

.foot_info li i{width: auto; height: auto; border: 0; border-radius: 0}
.foot_info li:last-child i {
    background: transparent;
}

.foot_info li a{font-size: 14px}


}


@media (max-width: 1024px) {
	




.flex_search {
    flex-wrap: wrap;
    padding: 0 50px
}
.flex_search a{flex:none; width: 25%; }

.flex_search a + a .in_box{border: 0}

.flex_search a i{display: inline-flex}









.top_nav{display: none}


.all_nav{padding: 0 3rem}

.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}

}


@media (max-width: 860px) {





.pcimg{display: none}
.moimg{display: block}
.main_intro_img img.moimg{width: 100%}

.main_intro_img .btn_are a{position: relative;padding: 15px}
.main_intro_img .btn_are > div{display: flex; justify-content: space-around;}
.main_intro_img .btn_are .top a:nth-child(1),
.main_intro_img .btn_are .top a:nth-child(2),
.main_intro_img .btn_are .top a:nth-child(3),
.main_intro_img .btn_are .top a:nth-child(4),
.main_intro_img .btn_are .bottom a:nth-child(1),
.main_intro_img .btn_are .bottom a:nth-child(2),
.main_intro_img .btn_are .bottom a:nth-child(3){position: relative; top: 0; left: 0}

.main_intro_img .btn_are a span{display: none}

.inner,
.inner2{padding: 0 25px}


.foot_nav{display: none}

  .foot_flex {
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
}  
    
    
.main_search{height: auto; }
.flex_search{padding: 0}


.main_search_are{padding: 150px 25px}    
    
.scrolldown{display: none}    
    
.nav_full {
    display: flex;
    gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}   
   
.all_nav{
	align-items: flex-start;
	padding-top: 150px
}   


.foot_flex .left{gap:20px}
   
    
}


@media (max-width: 600px) {

.main_intro_img .btn_are a{position: relative;padding: 8px}
.header .remote,
.header .top_search{display: none}

.header .top_right{gap:10px}

.header .lang_top,
.header .nav_btn{border-radius: 5px; width: 40px; height: 40px; border: 0}

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

.view_ct{bottom: 30px}

.main_product_are{height: auto; padding: 150px 0}

.thum_big_slide .box {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    flex-direction: column;
}




    .thum_small_slide_are {
        width: 100%;
        position: relative;
        bottom: 0;
        margin-top: 50px;
        right: 0;
    }
    
.thum_big_slide .product_more{position: relative; margin-top: 30px; padding: 15px; font-size: 14px; border-radius: 5px}
.thum_small_slide .slick-slide{padding: 0 5px}
.thum_small_slide .slick-slide img{width:100%;height:auto;}

.thum_big_slide .box .txt{height: auto}

.main_product:after{display: none}



.flex_search{gap:6px}  
.flex_search a{width: calc(50% - 3px)}
.flex_search a .icon{display: none}
.flex_search a i{width: auto; height: auto; border-radius: 0;
background: transparent; margin-top: 10px}

.flex_search a{border-radius: 5px; padding: 25px; border: 1px solid #fff}
.flex_search a .in_box{padding: 0}

.search_in{overflow: visible}
.main_search_are{height: auto}

.nav_full{gap:20px}

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

.nav_full .deps_nav{gap:10px}
.nav_full .deps_nav a{font-size: 16px}

.main_board{min-height: auto !important; padding: 150px 0}

.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
}    

.main_board_slide .slick-list{padding-right: 3rem}
.main_board .main_board_are{padding-left: 20px}

.main_board_slide{margin: 0}

.main_board_slide .slick-slide{padding: 0 5px}

.footer .txt li {
    gap: 10px;
    flex-wrap: wrap;
}


.footer .txt li p {
    gap: 10px;
    font-size: 14px;
    color: #fff;
    opacity: .8;
    word-break: keep-all;
    flex-wrap: wrap;
}

.footer .txt li + li{margin-top: 10px}
    
.footer .txt li i{display: none}    
    
.header{height: 90px}    
    
    
    
    
.ceo_mes p{font-size: 16px}
    
.location ul{gap:10px}    
 
.location .common_btn{width: 100%; max-width: 100%}    
  
  
.bu_slide .slick-list{padding: 0}  
    
    
.bu_slide .box .txt{padding: 20px}    
 
.bu_slide .box .txt h3{font-size: 18px} 
.bu_slide .box .txt p{font-size: 14px}

.product_list li .product_title{font-size: 14px}


    .product_tab {
        overflow-x: hidden;
        flex-direction: row;
        border-radius: 5px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0;
        border-radius: 0;
        top: 0;
        position: relative;
        gap: 10px;
        background: transparent;
    }


.product_tab a{color: #111; font-size: 14px; padding: 5px 10px; border: 1px solid #ddd}

.product_tab a.on, .product_tab a:hover{background:#0059FF; color: #fff }


.sub_secion{padding-bottom: 100px}

.product_list li .thum{border-radius: 5px}

.product_list{margin-top: 50px}


.product_list li, .gall_list_style li, .partner_flex li, .form_in ul li{width: 100%}

.board_list_txt h3{font-size: 16px}
.board_list_txt p{font-size: 14px}


.board_title h2{font-size: 24px}
.board_title p{font-size: 14px}

.view_more_r{font-size: 16px; padding: 15px 25px}




.product_list, .gall_list_style, .partner_flex, .form_in ul{gap:20px}

.form_in ul li label,
.detail_top_info .product_name p{font-size: 14px}

.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,
.product_info_txt .box p,
.product_info_txt .box .list_info li .in_box p,
.detail_box_list li,
.type_flex .type h4 + ul li{font-size: 14px}


.detail_top_info .product_name h2{font-size: 24px}

.product_info_txt .box h3{font-size: 18px}
.product_info_txt .box .list_info li h4{font-size: 16px}


.product_detail_bottom {
    margin-top: 80px;
}

.product_detail_bottom .box h3{font-size: 18px}

.tlb_detail table th,
.tlb_detail table td{padding: 10px !important; font-size: 14px !important}

.tlb_detail table td * {margin: 0 !important; font-size: 14px !important; }

.tlb_detail *{font-size: 14px !important;}

.type_flex .type h4{font-size: 16px}


.product_tab_are {
    text-align: center;
    position: relative;
    top: 0;
    z-index: 3;
}


.foot_info {
    gap: 10px 30px;
    flex-wrap: wrap;
}


}





@media (max-width: 360px) {

 
 
 
 
}