@media (max-width: 1440px) {

.inner{padding: 0 25px}
.main_slide_are .box .txt,
.slide_btn{padding: 0 25px}


.sub_head .inner .h_back{left: 25px}



}





@media (max-width: 1280px) {

.main_slide_are .box .txt,
.slide_btn{bottom: 50px}

.main_slide_are .box .txt p,
.main_title h2,
.sub_title h2{font-size: 30px}


.gall_list_style,
.main_product{display: flex; gap:40px 20px;    flex-wrap: wrap;}
.gall_list_style li,
.main_product li{width: calc(25% - 15px)}

#hd_pop{width: 100%}

.hd_pops {
        left: 50% !important;
        top: 50px !important;
        max-width: 90%;
        transform: translateX(-50%);
        width: 100%
    }

.hd_pops_con{width: 100% !important; height: auto !important; }



}




@media (max-width: 1024px) {

.main_list_txt,
.board_list_txt{margin-top: 20px}
.main_list_txt p,
.board_list_txt h3{font-size: 16px; font-weight: 500}



}




@media (max-width: 860px) {
	
.main_slide_are .box .txt p, .main_title h2, .sub_title h2{font-size: 24px}	


}




@media (max-width: 600px) {
	
.main_slide .box img{max-width: 100%;
width: 100%; height: 100%;object-fit: cover;
    aspect-ratio: 1 / 1;}

.slide_btn{display: none}

.main_head .inner a img{max-width: 120px}

.main_section{padding: 50px 0}

.wowmap {
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px;
    margin-bottom: 50px;
    flex-direction: column;
    gap:20px
}

.main_title{margin-bottom: 30px}

* + .main_title{margin-top: 50px}

.wowmap p{font-size: 16px}
.wowmap .wowmap_btn{width: 100%; font-size: 16px; text-align: center; justify-content: center}

.main_title .main_go span{display: none}

.main_product_are{margin-top: 30px}




.gall_list_style,
.main_product{display: flex; gap:30px 10px;    flex-wrap: wrap;}
.gall_list_style li,
.main_product li{width: calc(50% - 5px)}


.main_list_txt p,
.board_list_txt h3{font-size: 14px; font-weight: 500}

.foot_are .foot_info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column-reverse;
    gap: 30px;
}

.foot_are p, .foot_are li{font-size: 12px}



.floating{right: 25px; }
.floating a{width: 60px; height: 60px;  gap:5px}

.sub_page{padding: 50px 0}
.sub_title{margin-bottom: 30px}

.sub_head .inner a img{max-width: 120px}

}



@media (max-width: 360px) {


   
   
}