@media (max-width: 1640px) {


.inner2{padding:0 6rem}

#my-nav{left: auto; right: 25px}

}






@media (max-width: 1500px) {





}


@media (max-width: 1370px) {


.main_product_slide .slick-list {
    overflow: hidden;
    padding: 0 6rem;
}



.hisotry .thum{width: 30%}

.foot_btn{right: 25px; bottom: 25px}


.detail_top .thum_are{width: 40%}

.gall_list_style{gap:50px 20px}

.gall_list_style li {
    width: calc(25% - 15px);
}


}


@media (max-width: 1280px) {

.nav_full a.deps_big{font-size: 30px}
.sub_visual_nav a,
.location ul li{font-size: 16px}

.inner,
.inner2{padding: 0 3rem}
.header .logo{left: 3rem}
.header .top_right{right: 3rem}


}


@media (max-width: 1024px) {
	
.footer .txt ul{gap:8px}	
	
.custom-cursor{display: none !important}	
.viusal_txt h2,
.main_product_title h2{font-size: 40px}	


.main_board_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.main_board_list li {
    width: calc(50% - 10px);
}
.top_nav{display: none}


.all_nav{padding: 0 3rem}
.nav_full li{gap:30px}

.hisotry{gap:60px}



.sub_bu_flex {
    margin-top: 60px;
    flex-direction: column;
    gap: 60px;
}

.sub_bu_flex .left .sub_title h2 br{display: none}
.sub_bu_flex .left,
.sub_bu_flex .right{width: 100%}


.bu_slide .slick-list{padding: 0 3rem}

.product_tab{
	overflow-x: auto;
	flex-direction: row;
	border-radius: 5px
}

.product_tab a{flex:0 0 auto}


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


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

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


.gray_flex,
.type_flex{gap:20px}

.gray_flex .img_are.w3,
.gray_flex .img_are.w5,
.type_flex .type.w3,
.type_flex .type.w5{width: 100%}

.detail_top{gap:60px}

.location h2{font-size: 18px}

}


@media (max-width: 860px) {

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


.hisotry {
    flex-direction: column;
}

    .hisotry .thum {
        width: 100%;
        position: relative;
        top: 0;
    }
    
    

.location .common_btn {
    position: relative;
    right: 0;
    top: 0;
    margin-top: 30px}



.detail_top {
    flex-direction: column;
}

.detail_top .thum_are{width: 100%}

.scrolldown{left: 25px}

#my-nav{display: none}

.fullpage-wrapper .section {
    transform: scale(1);
}
    
    
    .main_product_slide .slick-list {
        overflow: hidden;
        padding: 0 25px;
    }
    
    
    
    
 .main_board{padding: 100px 0}   
    
    
    
    
    
    
}


@media (max-width: 600px) {


.header .top_right{gap:10px}

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

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


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


.viusal_txt{padding: 0}

.viusal_txt h2, .main_product_title h2,
.sub_visual h2,
.sub_title h2,
.sub_title h2{font-size: 24px; word-break: keep-all}


.sub_bu_flex .right h3{font-size: 20px}

.viusal_txt p,
.main_product_title p,
.sub_bu_flex .right p{font-size: 16px}

.main_product_slide .slick-list{padding: 0}

.main_product_slide h3,
.main_board_list li .txt h3,
.sub_title p,
.sub_bu_flex .bu_step li .txt h4{font-size: 16px}


.sub_bu_flex .bu_step li{padding: 20px}

.main_product_slide p,
.main_board_list li .txt p,
.sub_bu_flex .bu_step li .txt p{font-size: 14px}

.sub_visual_nav{display: none}

.sub_visual{padding: 150px 0 50px}


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




.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;
    border-bottom: 0
}

}





@media (max-width: 360px) {

 
 
 
 
}