.year-block .col h5{display: none}


@media (max-width: 1640px) {
	
	
.inner{padding: 0 5rem}	
.header .logo{left: 3rem}
.header .right{right: 3rem}	
	
.site_map .top_nav li .sub_deps a{font-size: 16px ;word-break: keep-all}	
	
.main_product_slide .slick-list{padding: 0 30rem}

.main_product_btn span{left: 20rem}
.main_product_btn span + span{right: 20rem}

.detail_top{gap:5rem}

.flex_img_txt{gap:50px}

.enbex_where_flex .box img{max-width: 100%}

.esg_section .title{top: 10px}

.bu_app_slide .new_box{height: 300px}

}






@media (max-width: 1580px) {

.bu_app{overflow: hidden}

.psa_flex .left h3{font-size: 20px; margin-bottom: 5px}
.psa_flex .left h5{font-size: 18px}

.main_product_are{min-height: 100%}


.main_product_slide .box img {
    transform: scale(1);
    margin-bottom: 20px;
}

.main_product_slide .slick-list{padding: 0 10rem}

.main_product_btn span{left: 10rem}
.main_product_btn span + span{right: 10rem}

.main_product_slide .box h2{
    opacity: 1;
    height: auto;
    max-height: 100px;
}
.main_product_slide .box p {
    opacity: 1;
    height: auto;
    max-height: 100px;
    margin-top: 15px;
}


.esg_section .title{display: none}
.bu_app_slide .new_box{height: 400px}



}


@media (max-width: 1370px) {
	
.custom-cursor{display: none}	
.header .top_nav{gap:40px}
.site_map .top_nav{gap:4rem}
.site_map .top_nav li{flex:1}

.main_mid_slide .box .txt h2,
.main_visual .txt h2{font-size: 60px}
.main_title h2{font-size: 40px}

.company01_flex .thum{width: 40%}
.company01_flex .txt{width: 60%; background: #fff; padding: 0 0 0 40px}

.history_flex .thum h2{font-size: 24px}

.flex_img_txt .thum{width: 50%}

.enbex_flex{padding: 60px}

.enbex_where_flex{gap:30px}

}


@media (max-width: 1280px) {


.foot_info .inner .foot_txt li{font-size: 14px}

.foot_btn{width: 80px; height: 80px; right: 25px; bottom: 25px}

.form_in h2,
.sub_title h2,
.board_title h2{font-size: 30px}

.sub_title h4,
.sub_visual_deps li,
#bo_v_file li a{font-size: 14px}


.sub_visual h2{font-size: 40px}

.inner{padding: 0 3rem}

.sub_visual_nav .sub_deps a{padding: 14px 25px; font-size: 16px}

.header .top_nav li .onedeps,
.board_detail_content *{font-size: 16px}
.header .top_nav .sub_deps a{font-size: 14px}
.header .right{top: 45px}

.board_list_txt .more_btn,
.more_btn,
.product_list .more_btn,
.bu03_center h4{font-size: 14px; padding: 14px 25px}

.sub_tab,
.main_product_slide_tab{gap:10px}
.sub_tab a,
.main_product_slide_tab p{font-size: 16px; padding: 14px 25px}

.tab__item{padding: 14px 25px}
.tab__item a{font-size: 16px}

.bu_where_flex .box{width: calc(50% - 15px)}

.bu_what_txt p,
.enbex_flex .txt li,
.enbex_where_flex .box p,
.bu_what_flex .box .txt h4,
.psa_flex .txt p,
.pu_where .box p,
.esg_section .con_title p{font-size: 16px}

.bu_what_txt h3,
.bu03_center h3,
.enbex_flex .thum h3,
.sub_small_title h3,
.location .box h2,
.esg_section .con_title h3{font-size: 24px}

.bu_what_flex .box {
    align-items: flex-start;
    padding: 30px
}

.top_sec_common .txt_box{padding: 0 3rem}



.bu_where_flex .box{padding: 30px}

.bu_what_flex .box img{max-width: 100px}

.product_icon_flex{gap:10px}

.detail_top .thum {
    width: 40%;
    height: 100%;
    aspect-ratio: 1;
}


.company_step li h3,
.organization .box h2{font-size: 18px}
.company_step li p,
.company01_flex .txt p,
.company01_flex .txt .last h4{font-size: 16px}

.history_flex .txt .history_info h3{font-size: 18px; margin-bottom: 15px}
.history_flex .txt .history_info p,
.organization .box p{font-size: 16px}

.certification li{padding: 25px}
.certification li p,
.foot_copy p{font-size: 14px}
.location .box ul li span,
.location .box ul li .left,
.main_visual .txt p{font-size: 16px}

.main_mid_slide .box .txt h2, .main_visual .txt h2,
.main_title h2,
.power-text{font-size: 40px}

.main_mid_slide .box .txt p{font-size: 16px; margin-top: 10px}

.main_what_flex .box{padding:30px 25px}
.main_what_flex .box p{font-size: 18px}


.main_product_slide .box h2{font-size: 18px}
.main_product_slide .box p,
.main_title h4{font-size: 16px}

.main_gall_list .slick-slide .txt p{font-size: 14px}
.main_gall_list .slick-slide .txt h4,
.bu_app_slide .new_box .txt h4,
.esg_last_flex .box .txt h4{font-size: 18px}

.pu_box_list li p.notdot{font-size: 16px}
.main_title h4{font-size: 16px; margin-top: 20px}

}


@media (max-width: 1024px) {
	
.header .top_nav{display: none}	



.site_map .top_nav {
    width: 100%;
    gap: 25px;
    flex-direction: column;
}

.site_map .top_nav li .sub_deps{margin: 0; height: 0; overflow: hidden; visibility: hidden; max-height: 0; opacity: 0; transition-duration: .8s}

.site_map .top_nav li .on_drop + .sub_deps{max-height: 500px; visibility: visible; height: auto; opacity: 1; padding-top: 20px}


.main_what_flex {
    flex-wrap: wrap;
}

.main_what_flex .box {
        padding: 30px 25px;
        flex: none;
        width: calc(50% - 5px);
        height: 40vh;
    }
.main_what_flex .box:hover{
	flex: none;
}

.foot_info .inner {
    gap: 30px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}

.sub_visual{height: auto}
.vis_img{height: 30vh}



.location .box ul {
    margin-top: 30px;
    gap: 10px 20px;
    align-items: center;
    flex-wrap: wrap;
}


.product_list li{
	width: calc(50% - 15px)
}


.flex_img_txt {
    flex-wrap: wrap;
}

.flex_img_txt .thum{width: 100%}
.flex_img_txt .thum img{width: 100%}
.flex_img_txt .pu_box_list{flex:none; width: 100%}

.psa_flex {
    border-radius: 10px;
    background: #fafafa;
    padding: 50px;
    gap: 20px;
    flex-direction: column;
}

.enbex_flex {
    border-radius: 10px;
    background: #fafafa;
    padding: 50px;
    gap: 50px;
    flex-direction: column;
}

.enbex_where_flex {
    flex-wrap: wrap;
}


.enbex_where_flex .box{flex:none}
.bu_center_flex{
	flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 35px 25px;
}

.bu_center_flex .ct{width: 100%}

.bu_center_flex .rt {
    width: auto;
    height: auto;
    background: #00A0DF;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
    width: 100%;
}

.bu_center_flex p br{display: none}


.tlb{overflow-x: auto}


.bu2_flex {
    gap: 30px;
    flex-direction: column;
}

.bu2_flex .col{width: 100%}

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


.bu_what_flex .box {
        align-items: flex-start;
        padding: 30px;
        flex-direction: column-reverse;
        gap: 10px;
}

.bu_what_flex .box.rever{
	flex-direction: column;
}


.top_sec_common .txt_box{position: relative; top: 0}
.top_sec_common .bg_box{padding: 0 3rem}
.top_sec_common .bg_box .bg{height: 30vh}
.esg_last_flex {
    flex-direction: column;
}

}


@media (max-width: 860px) {
	
.sub_visual{border-bottom: 0}
.back_top + .detail_top{margin-top: 40px}

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

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

.inquery .inner .form_in{width: 100%}
.form_in h2{display: none}

.sub_tab, .main_product_slide_tab {
        gap: 10px;
        flex-wrap: wrap;
}

.main_product_slide .slick-list{padding: 0}


.main_product_btn span{left: 3rem}
.main_product_btn span + span{right: 3rem}


.company01_flex{flex-wrap: wrap; gap:50px}
.company01_flex .txt,
.company01_flex .thum{width: 100%; padding: 0}

.history_flex .thum{display: none}
.history_flex .txt{width: 100%; padding: 0}
.history_are .hs_line{display: none}

.history_flex + .history_flex {
    margin-top: 50px;
}




.flex_organ {
    gap: 30px;
    flex-wrap: wrap;
    margin-top: 50px
}


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



.flex_organ li:after{display: none}
.flex_organ li:before{display: none}

.organization .box:after{display: none}

.certification li{width: calc(50% - 15px)}

.header .right{gap:25px}

.sub_visual_nav{display: none}

.vis_img{margin-top: 30px}




.detail_top{
	flex-direction: column;
}

.detail_top .thum{width: 100%}

.bu_what_flex .box.w33{width: calc(50% - 15px)}
.pu_where .box{width: calc(50% - 15px)}



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

.agree_pop_content{max-width: 96%}

.notice_list .box a{padding: 30px 25px}

}


@media (max-width: 600px) {

.header .logo{left: 25px; top: 25px; max-width: 120px}
.header .right{right: 25px; top: 30px}

.inner{padding: 0 25px}
.main_mid_slide .box .txt h2, .main_visual .txt h2, .main_title h2, .power-text,
.sub_visual h2,
.form_in h2, .sub_title h2, .board_title h2 {
        font-size: 24px;
    }
    
    
.site_map{padding:  0 3rem}

.site_map .top_nav li .onedeps{font-size: 24px}


.foot_info .inner .foot_txt li b{padding: 6px; border: 0; border-radius: 3px}

.location .box ul li span, .location .box ul li .left, .main_visual .txt p,
.main_product_slide .box p, .main_title h4,
.footer .foot_top .foot_link a,
.company_step li p, .company01_flex .txt p, .company01_flex .txt .last h4{font-size: 14px}

.foot_btn{width: 60px; height: 60px;}
.foot_btn img{max-width: 15px}


.sub_tab a, .main_product_slide_tab p {
        font-size: 14px;
        padding: 10px 20px;
        border-radius: 5px;
    }
    
.tab__item{padding: 10px}    
.tab__item a{font-size: 14px}



.product_list{gap:20px}
.product_list li{width: 100%}
.product_list li .box p{font-size: 16px}

.main_product_slide .box img{width: 100%; max-width: 90%}

.main_product_btn span{left: 25px}
.main_product_btn span + span{right: 25px}

.slide_gall_ct{gap:30px}
.slide_gall_ct span{border-radius: 0; border: 0; width: auto; height: auto}

.main_gall_list .slick-slide .txt h4,
.bu_where_flex .box .txt h4{font-size: 16px}


.flex_organ,
.certification,
.bu_what_flex,
.enbex_where_flex{gap:30px 10px}
.flex_organ li,
.certification li,
.pu_where .box,
.enbex_where_flex .box{width: calc(50% - 5px)}

.bu_what_flex .box{width: 100%}
.bu_where_flex,
.pu_where{gap:10px}

.bu_where_flex .box{width: 100%}


.history_flex .txt .history_info p, .organization .box p,
ul.dot li,
.bu_where_flex .box .txt p{font-size: 14px}

.certification li{padding: 0; border: 0; border-radius: 0}
.certification li .thum{border: 1px solid #ddd}

.sub_visual{padding-top: 140px}

.sub_visual_deps {
    gap: 10px;
    align-items: center;
    margin-bottom: 20px;
    justify-content: center;
}
.sub_visual h2{text-align: center}


.sub_small_title h3,
.psa_flex .left h3{font-size: 18px}
.pu_box_list li p{font-size: 14px}
.product_icon_flex li{padding: 10px; font-size: 14px; border-radius: 5px}
.bu_what_flex .box .txt p{font-size: 14px}
.bu_what_flex .box.w33{width: 100%}


.psa_flex{padding: 30px}

.psa_flex .left h5{font-size: 14px}
.psa_flex .left p{font-size: 14px}

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

.bu_what_txt p,
.enbex_flex .txt li,
.enbex_where_flex .box p{font-size: 14px}

.bu_what_txt h3,
.enbex_flex .thum h3,
.bu03_center h3,
.board_title h2{font-size: 18px}

.enbex_flex{padding: 30px 25px}

.board_list_txt h3{font-size: 16px}

.bu_center_flex h3 + p{margin-top: 10px}

.bu_center_flex h3,
.notice_list .box a h2{font-size: 16px}
.bu_center_flex p{font-size: 14px}

a.pdf_down{font-size: 14px; padding: 10px 20px; border-radius: 5px}

.board_top_flex{display: none}

.gall_list_style{gap:10px 10px}
.gall_list_style li{width: calc(50% - 5px)}

.board_list_txt{padding: 25px 15px}
.board_list_txt p,
.board_title h3,
.notice_list .box a p{font-size: 12px; margin-top: 10px}


.board_detail_content *{font-size: 14px}


.notice_list .box a p{margin-bottom: 15px; font-size: 12px}



.board_list_txt .more_btn, .more_btn, .product_list .more_btn{font-size: 14px; padding: 15px; border-radius: 10px; }
.sub_title h2{font-size: 18px}

.sub_title p{font-size: 14px}

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

.form_in ul li{width: 100%}



.top_sec_common .txt_box,
.top_sec_common .bg_box{padding: 0 25px}
.esg_section .con_title h3{font-size: 18px}
.esg_section .con_title p,
.bu_app_slide .new_box .txt p,
.esg_last_flex .box .txt p,
.pu_box_list li p.notdot{font-size: 14px}

}





@media (max-width: 360px) {

 
 
 
 
}