@media (max-width: 1640px) {

.header .logo{width: 200px}

.hisotry .stk_thum{display: none}

.line-guide{left: 0}
.history_are{padding-left: 50px}

}






@media (max-width: 1500px) {



}


@media (max-width: 1370px) {



.custom-cursor {display: none}

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

.sub_visual .sub_nav_are,
.scroll_sub{left: 50px}

.header .nav_top{gap:30px}

.all_menu .header .nav_top li,
.header .nav_top li .sub_deps,
.site_map .nav_top li{width: 150px}

.main_business_flex .box .txt h2,
.business_list .box .txt h3,
.img_rnd .txt h3,
.box_stky .box h3{font-size: 24px}

.rnd_count .box .txt h3{font-size: 30px}

.location_list li .title_txt .txt h3,
.oem_list li .txt h3,
.oem_pop .oem_pop_content .flex_oem .txt h3,
.product_list li .txt h3,
.product_list li .thum .thum_txt h3,
.board_list_txt h3,
.footer .top_foot .right .foot_more a,
.board_tlb li h3{font-size: 18px}

.product_list li .thum .thum_txt p,
.rnd_count .box .txt p,
.footer .top_foot .foot_info li,
.footer .foot_copy p,
.board_tlb li p.date,
.board_list_txt p,
.board_title h3{font-size: 14px}

.location_list li .title_txt .txt p,
.sub_title p,
.tlb table td,
.tlb table th,
.tlb p,
.product_detail .tlb ul.product_point li,
.oem_pop .oem_pop_content .flex_oem .txt p,
ul.dot li,
.flex_border_box .in_flex .box p,
.box_stky .box p{font-size: 16px}

.footer .top_foot h2{font-size: 40px}

.rnd_bg_section .sub_title{width: 30%}
.rnd_count{width: 70%}

.location_list li{padding: 30px 0}

.main_title h2,
.sub_title h2,
.sub_visual .txt h3,
.board_title h2{font-size: 30px}


.sub_visual .txt p{font-size: 16px}

.main_product .main_title{top: 100px; padding: 0 50px}


.floating_right {
    right: 0;
    top: auto;
    bottom:50px;
    transform: translateY(0%);
}



.board_least {
    display: block
}

.board_least li:first-child {
    width: 100%;
}

.board_least li {

}


.board_least li:first-child a,
.board_least li a {
    padding: 24px;
    border-top: 1px solid #DDD;
    display: block;
    transition-duration: .8s;
    background: #fff;
}

.board_least li:first-child .thum{display: none}


.board_least li:first-child .txt,
.board_least li .txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 0
}
.board_least li:first-child .txt p{margin: 0}

.board_least li:first-child .txt p i,
.board_least li .txt p i {
    border-radius: 20px;
    background: linear-gradient(90deg, #20C557 0%, #07A0F4 100%);
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    width: 0;
    
}

.board_least li:first-child .txt p,
.board_least li .txt p {
    display: flex;
    gap: 0px;
    font-size: 16px;
    line-height: 130%;
    word-break: keep-all;
    font-weight: 400;
    align-items: center;
    transition-duration: .8s;
    text-align: left
}

.ceo_ms .inner > div{width: auto}
.ceo_ms .inner .sub_title{width: 30%}
.ceo_ms .inner .txt{flex:1}



}


@media (max-width: 1280px) {


.header .nav_top li a.onedeps{font-size: 16px}
.header .nav_top li .sub_deps a,
.site_map .nav_top li .sub_deps a,
.header .right .lang p,
.header .right .lang .lang_list a{font-size: 14px}
.header .logo{width: 150px}

.count_num_flex .box h2{font-size: 30px}
.count_num_flex .box p,
.main_product_flex li .txt h4{font-size: 16px}

.main_product_flex li .txt h2,
.product_detail_visual .txt .subject_are h2{font-size: 24px}

.more_btn{font-size: 14px; gap:10px}

.main_news_flex .left{width: 40%}
.main_news_flex .right .right_title h3,
.ceo_ms .txt h4,
.history_are .box .txt h2{font-size: 18px}
.board_least li .txt h3,
.ceo_ms .txt p,
.history_are .box .txt li,
.filter_btn button,
.product_detail_visual .txt .subject_are .small_flex p,
.fdnc_flex .box h4,
.odem_flex .box p,
.odem_flex2 .box p,
.form_in ul li input[type="text"], .form_in ul li input[type="email"],
.form_in ul li textarea,
.file_are button,
.ck_agree p{font-size: 16px}

.sub_title h4,
.filter_are input + label,
.product_filter li p,
.product_list li .txt .p_list_info,
.oem_tab a,
.fdnc_flex .box p,
.odem_flex .box h4,
.form_in ul li p,
.sub_drop_nav p,
.agree_pop_info p,
.agree_pop_info p + h3{font-size: 14px}


.location_list li .title_txt .txt h3, .oem_list li .txt h3, .oem_pop .oem_pop_content .flex_oem .txt h3, .product_list li .txt h3, .product_list li .thum .thum_txt h3, .board_list_txt h3, .footer .top_foot .right .foot_more a, .board_tlb li h3{font-size: 16px}
.oem_pop .oem_pop_content .flex_oem .thum{width: 40%}

.power-text{font-size: 180px}

.floating_right{padding: 15px 15px}
.floating_right a p{font-size: 12px}

.oem_slide .slick-list {
    padding: 0 3rem;
}


.agree_pop_content .agree_title h2{font-size: 18px}


}


@media (max-width: 1024px) {
	
.header .nav_top{display: none}	
.site_map .nav_top li a.onedeps{display: block; font-size: 18px}
.site_map{height: 100%;
justify-content: flex-start; padding: 0 3rem}

.site_map .nav_top {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.site_map .nav_top li{width: 100%; border: 0}

.site_map .nav_top li .sub_deps{overflow: hidden; height: 0; transition-duration: .8s; 
max-height: 0; visibility: hidden; padding: 0}
.site_map .nav_top li .on_drop + .sub_deps{height: auto; max-height: 100vh; visibility: visible; padding: 15px 0}
.site_map .nav_top li .sub_deps,
.sub_deps .sub_deps_in{text-align: left}

.count_num_flex{gap:10px}
.count_num_flex .box{flex:1}
.main_business_flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.main_business_flex .box,
.main_business_flex .box:hover{flex:1}

.main_business_flex .box:last-child {
    margin: 0;
}

.main_business_flex .box ul.dot {
    height: auto;
    overflow: hidden;
    max-height: none;
    visibility: visible;
    opacity: 1;
    margin-top: 15px
}

.main_product{height: auto; padding: 160px 0}

.main_product_flex li {
    text-align: left;
    padding: 50px;
    flex: 1;
}

.main_product_flex li .more_btn{opacity: 1}


.main_product_flex {
    display: flex;
    height: auto;
   background: none;
    position: relative;
    z-index: 2;
    flex-direction: column;
}

.main_product_flex li + li {
    border-left: 0px solid rgba(255, 255, 255, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.main_oem_flex li,
.product_list li,
.oem_list li,
.odem_flex .box,
.gall_list_style li {
    width: calc(50% - 10px);
}


.main_news_flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.main_news_flex .left {
        width: 100%;
        height: 30vh;
    }

.footer .top_foot .right{display: none}

.business_list .box .thum{width: 40%}
.business_list .box .txt{padding: 0 50px; flex:1}


.product_detail_visual .txt {
    align-items: flex-start;
    flex-direction: column;
    gap: 50px;
}

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

.fdnc_flex .box,
.odem_flex2 .box{flex:none;width: calc(50% - 10px); }

.rnd_bg_section .inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 60px;
}


.rnd_bg_section .sub_title {
        width: 100%;
        top: 0;
        position: relative
    }

    .rnd_count {
        width: 100%;
    }
.rnd_count .box:nth-child(2n) {
    margin-top: 0;
}


}


@media (max-width: 860px) {

    .count_num_flex .box {
        flex: none;
        width: calc(50% - 10px);
    }
.count_num_flex{
	flex-wrap: wrap;
	gap:50px 20px
}

.ceo_ms .inner {
    display: flex;
    flex-direction: column;
}

.history_flex .inner {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.ceo_ms .inner .sub_title{width: 100%}
.history_flex .inner .sub_title{width: 100%; position: relative; top: 0}

.business_list .box {
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.business_list .box .thum{width: 100%}

.business_list .box .txt{padding: 40px 25px}



.location_list li .title_txt {
    flex-direction: column;
}
.location_list li .title_txt .txt p {
    gap: 10px;
    flex-wrap: wrap;
}

.filter_are {
    flex-wrap: wrap;
}

.filter_are input + label{flex:none}

.oem_pop .oem_pop_content{max-width: 90%}

.oem_pop .oem_pop_content .flex_oem {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

.flex_border_box{padding: 30px}

.rnd_count{gap:20px}

.rnd_count .box {
    width: calc(50% - 10px);
    height: 40vh;
    padding: 30px;
}

.box_stky .box{padding: 50px 30px}

.form_in ul{gap:40px 20px}
.form_in ul li{width: calc(50% - 10px);}

.agree_pop_content{max-width: 90%; padding: 20px}

.footer .top_foot{padding: 60px 0}

.footer .foot_copy {
    padding: 0px 0 60px;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap: 30px;
}



}


@media (max-width: 600px) {

.main_visual{height: auto}
.count_num_flex{position: relative; background: #07A0F4}

.main_visual_slide .box,
.inner2, .inner{padding: 0 25px}
.main_visual_slide .box .txt h2{font-size: 30px}

.header .logo{left: 25px}
.header .right{gap:15px; right: 25px}

.main_business,
.main_product,
.main_oem{padding: 80px 0}

.main_title h2, .sub_title h2, .sub_visual .txt h3, .board_title h2{font-size: 24px}

.main_business_flex .box{padding: 30px; border-radius: 10px; min-height: 40vh}

.main_business_flex .box .txt h2, .business_list .box .txt h3, .img_rnd .txt h3, .box_stky .box h3{font-size: 18px}
.location_list li .title_txt .txt p, .sub_title p, .tlb table td, .tlb table th, .tlb p, .product_detail .tlb ul.product_point li, .oem_pop .oem_pop_content .flex_oem .txt p, ul.dot li, .flex_border_box 
.in_flex .box p, .box_stky .box p,
.main_product_flex li .txt p{font-size: 14px}

.more_btn{padding: 0px 15px; height: 50px}

.count_num_flex .box p, .main_product_flex li .txt h4{font-size: 14px}

.main_product .main_title{position: relative; top: 0; padding: 0 25px; text-align: center}
.main_product .main_title h2 b{color: #fff}


.main_oem_flex li{border-radius: 5px}

.roof_text h2{font-size: 80px}

.main_news_flex .right .right_title {
    border-radius: 10px;
    flex-direction: column;
    gap:20px
}

.main_news_flex .right .right_contant{padding: 20px }

.board_least li:first-child a{border-top: 0}
.board_least li:last-child a {
    border-bottom: 0
}

.board_least li:first-child .txt p, .board_least li .txt p{font-size: 12px}

.board_least li:first-child .txt p i, .board_least li .txt p i{display: none}


.footer .top_foot .foot_info li {
    flex-wrap: wrap;
}


.sub_visual .sub_nav_are{display: none}


    .scroll_sub {
        left: 50%;
        transform: translateX(-50%);
        bottom: 25px;
    }
    

.img_ain{width: 100%; height: 40vh}
.tlb{overflow-x: auto}

.history_are .box .txt {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.location_list li.on_location .map,
.location_list li .map iframe{height: 30vh}

.product_filter li {
    display: flex;
    gap: 10px;
    flex-direction: column;
}
.product_filter li p{width: 100%}

.product_list li,
.oem_list li{width: 100%}


.product_detail_visual .txt .subject_are .small_flex {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-bottom: 12px;
    flex-direction: column;
}
.product_detail_visual .txt .subject_are .small_flex i{display: none}

.product_detail_visual .txt .pd_btn {
    display: flex;
    gap: 10px;
    width: 100%;
    justify-content: center;
}
    .oem_pop .oem_pop_content .flex_oem {
        display: flex;
        gap: 30px;
        align-items: flex-start;
        flex-direction: column;
    }
.oem_pop .oem_pop_content .flex_oem .thum{width: 100%}

.oem_pop .oem_pop_content{padding: 25px}
.oem_pop .oem_pop_content .flex_oem .txt {
    flex: 1;
    max-height: 30vh;
    overflow-y: auto;
}
.board_top_flex{display: none}

.gall_list_style.certifications .gall_img{padding: 0; border-radius: 5px}

.img_rnd .txt ul li{font-size: 16px}

.img_rnd{height: auto; padding: 30px; min-height: 40vh}

.sub_section{padding: 100px 0}

.flex_border_box .in_flex{padding: 0; background: #fff}


.flex_border_box .in_flex {
    flex-direction: column;
}

.rnd_count .box,
.form_in ul li,
.gall_list_style li{width: 100%}

.board_tlb li{padding: 25px 5px}
.site_map .nav_top li:last-child{border: 0}

.total_board{display: none}

.main_oem_flex li .bg p{font-size: 16px}

}





@media (max-width: 360px) {

 
 
 
 
}