/* =========================
1640px ↓
========================= */

@media (min-width: 1921px) {
	.inner,
	.inner_w{max-width: 1920px; margin: 0 auto; width: 100%}
}

@media (max-width: 1640px) {
 
 .inner,
 .main_visual_cnt,
 .site_map,
 .inner_w{padding: 0 3rem}
 
 .header .top_nav li .sub_deps{
 	padding: 00px calc(3rem + 178px + 94px);
 }
 .header .top_nav li:hover .sub_deps{
	padding: 40px calc(3rem + 178px + 94px);
	}
 
 .main_visual .box .txt h2{font-size: 60px}

.main_visual .scroll{left: 3rem; bottom: 3rem}

.top_btn{right: 25px; bottom: 3rem}
 
 .vision .box .icon svg{max-width: 80%}
 
}


/* =========================
1500px ↓
========================= */
@media (max-width: 1500px) {
	
	.main_company_flex h2,
	.main_solution .txt h2,
	.main_title h2,
	.main_form_are .title h2,
	.sub_title h2,
	.vision .box .txt h2,
	.solution_text h3,
	.board_title h2{font-size: 40px}
	
	.main_company_flex p,
	.main_four .box .txt p,
	.main_solution .txt p,
	.main_title p,
	.main_form_are .title p,
	.ceo_mss .txt p,
	.vision .box .txt p,
	.vison_bu_mottom .bottom .box p,
	.loction_info_flex li,
	.solution_text p,
	.sub_section.flex_product .box p,
	.main_board li .txt h3,
	.vison_bu_mottom .last li h4{font-size: 18px}
	
	.tech_flex {
	    flex-wrap: wrap;
	}
	
	.tech_flex .box{flex:none; width: calc(50% - 12px);
	        aspect-ratio: 2 / 1;}
	        
	        
	 .bu_slide .slick-list {
    padding: 0 10rem;
}       
	
	.sub_section.flex_product .box h3{font-size: 24px}
	
	.location_map iframe{height: 100%}
	
	.main_form_are .title p{margin-top: 20px}
	
	.sub_section.flex_product .box img{max-width: 80%}
	
	.main_btn{font-size: 16px; height: auto; padding: 20px 25px}
	
	.main_solution .txt p br{display: none}
	
	.main_solution_tag {
    gap: 10px;
    flex-wrap: wrap;}
    
    .main_solution_tag .tag{padding: 14px 20px; border-radius: 15px}
    
    .logo_item{max-width: 300px; padding: 0 15px}
    .logo_item img{max-width: 100%}

	
	
	.inquery .form_in{max-width: 60%}
	
	.vison_bu_top .box .thum{width: 40%}
	
	.main_board li .txt p{font-size: 14px;}
  
}


/* =========================
1370px ↓
========================= */
@media (max-width: 1370px) {
 

	

 
}


/* =========================
1280px ↓
========================= */
@media (max-width: 1280px) {
	
	.main_visual .box .txt h2,
	.sub_visual_top .txt h2{font-size: 40px;}
	
	.main_visual .scroll p,
	.main_solution_tag .tag span,
	.main_btn{font-size: 14px}
	
	.main_company_flex p, .main_four .box .txt p, .main_solution .txt p, .main_title p, .main_form_are .title p, .ceo_mss .txt p, .vision .box .txt p, .vison_bu_mottom .bottom .box p, 
	.loction_info_flex li, .solution_text p, .sub_section.flex_product .box p,
	.main_board li .txt h3,
	.form_in li label,
	.form_in li input,
	.form_in li textarea,
	.ck_agree p,
	.sub_visual_nav .sub_deps a,
	.vison_bu_top .box .txt p,
	.vison_bu_mottom .top .flex .txt p,
	.inquery .info li p,
	.form_priv h3,
	.board_list_txt h3,
	.vison_bu_mottom .last li h4{font-size: 16px}
	
	
	.main_board li .txt p,
	.ck_agree p a,
	.foot_info li,
	.sub_visual_top .txt ul li,
	.sub_title h4,
	.form_priv p,
	.gall_list_style.news_style li .board_list_txt p,
	.vison_bu_mottom .last li p{font-size: 14px;}
	
	.main_company_flex h2, .main_solution .txt h2, .main_title h2, .main_form_are .title h2, 
	.sub_title h2, .vision .box .txt h2, .solution_text h3, .board_title h2{font-size: 34px}
	
	.main_four .box .txt h3,
	.vison_bu_top .box .txt h3,
	.vison_bu_mottom .top .flex .txt h3,
	.vison_bu_mid p{font-size: 20px}
	

 .header .top_nav li:hover .sub_deps{
	padding: 20px calc(3rem + 178px + 94px);
	}
    
    
    .ceo_mss .thum{width: 40%}
    

    
    .vison_bu_mottom .top .flex {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: column;
    text-align: center
}

.vison_bu_mottom .top .flex .txt{width: auto; align-items: center;}

.form_priv{padding: 30px 20px; border-radius: 3px}


}


/* =========================
1024px ↓
========================= */
@media (max-width: 1024px) {
	
	
	.header .top_nav{display: none}
	.header:before,
	.header:after{display: none}
	
	.site_map .top_nav {
	    width: 100%;
	    display: flex;
	    gap: 2rem;
	    justify-content: center;
	    flex-direction: column;
	    align-items: center;
	}
	
	
.site_map .top_nav li{text-align: center}

.site_map .top_nav li .one_deps{font-size: 24px; margin: 0}

.site_map .top_nav li .sub_deps{overflow: hidden; height: 0; max-height: 0; visibility: hidden; transition-duration: 1s;}
.site_map .top_nav li .on_drop + .sub_deps{height: auto; max-height: 100vh; visibility: visible; margin-top: 1rem}

.site_map .top_nav li .sub_deps a + a{margin-top: 1rem}

.site_map .top_nav li .sub_deps a{font-size: 18px}

.main_visual .box .txt h2{text-align: center}
.main_visual .box .bg{border-radius: 0}
  
  
.main_four,
.main_board {
    flex-wrap: wrap;
}

.gall_list_style {
    gap: 20px;
}
  
.main_four .box,
.main_board li,
.gall_list_style li{flex:none; width: calc(50% - 10px)}

 
 
 
 
 
.main_four .box:nth-child(1){margin-top: 0px}
.main_four .box:nth-child(2){margin-top: 90px}
.main_four .box:nth-child(3){}
.main_four .box:nth-child(4){margin-top: 90px} 


.location_flex {
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.location_map iframe{height: 40vh}


.sub_visual_top{height: 60vh; border-radius: 0}


.main_solution {
    display: flex;
    gap: 5rem;
    align-items: center;
    flex-direction: column;
}

.main_solution .thum{width: 100%}
 
 
 
.ceo_mss {
    display: flex;
    gap: 5rem;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}
 
    .ceo_mss .thum {
        width: 100%;
        height: 40vh;
    }
.ceo_mss .txt{width: 100%}

 .ceo_mss .thum img{width: 100%; height: 100%; object-fit: cover;}
 
.vision .box .icon{width: 150px; height: auto; aspect-ratio: 1;} 
 
 
.vison_bu_top {
    flex-direction: column;
}


.vison_bu_mottom .bottom {
    flex-direction: column;
} 
 
.vison_bu_mottom .bottom .box{width: 100%} 
.vison_bu_mottom .bottom .box .thum{width: 100%}



.zoom_img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.solution_pin,
.solution_zoom{height: auto}

.solution_text{opacity: 1}

.sub_section .main_four {
    margin: 0;
    justify-content: flex-start;
}

.sub_section .main_four .box{max-width: 100%}

.inquery {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 5rem;
    flex-direction: column;
}

.inquery .form_in{max-width: 100%}

.inquery .info{width: 100%}


.vison_bu_mottom .last {
    flex-wrap: wrap;
    gap:10px
}

.vison_bu_mottom .last li {
    border-radius:10px;
    
    width: calc(50% - 5px);
    border: 1px solid #ddd;
    flex:none;
    padding: 25px 15px
}



}


/* =========================
860px ↓
========================= */
@media (max-width: 860px) {
	
.main_company_flex {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    align-items: flex-start;
}	
  
  
 .agree_pop_content{max-width: 96%} 
  
  
  
.main_solution .thum {
    border-radius: 0 40px 40px 40px;
}

.main_board li .txt,
.gall_list_style.news_style li .board_list_txt{padding: 20px 15px}
  
.vision .box{padding: 40px 0}
 
.vison_bu_mottom .top .mid{display: none}  
.vison_bu_mottom .top .flex{flex:1}

.loction_info{padding: 30px;
border-radius: 40px 40px 0 40px;
}

.location_map {
    border-radius: 0 40px 40px 40px;
}


.tech_flex .box{gap:2rem}

.tech_flex .box .txt h3{font-size: 18px}
.tech_flex .box .txt p{font-size: 16px}
.board_tlb table td.td_num{width: auto}

}


/* =========================
600px ↓
========================= */
@media (max-width: 600px) {
	
.inner, .main_visual_cnt, .site_map,
.inner_w{padding: 0 20px}	
.header .inner{height: 80px}
.header .logo{width: 140px}
	
.main_visual .box .txt h2, .sub_visual_top .txt h2{font-size: 34px}	


.main_visual .scroll{left: 20px}


.main_company_flex h2, .main_solution .txt h2, .main_title h2, .main_form_are .title h2, 
.sub_title h2, .vision .box .txt h2, .solution_text h3, .board_title h2{font-size: 24px}

.main_four .box:nth-child(2),
.main_four .box:nth-child(4) {
        margin-top: 0px;
    }
    
.main_four{gap:40px}    
    
.main_four .box{width: 100%}

.main_four .box .txt h3, .vison_bu_top .box .txt h3, .vison_bu_mottom .top .flex .txt h3, .vison_bu_mid p{font-size: 18px}




.main_company_flex p, .main_four .box .txt p, .main_solution .txt p, .main_title p, .main_form_are .title p, 
.ceo_mss .txt p, .vision .box .txt p, .vison_bu_mottom .bottom .box p, .loction_info_flex li, .solution_text p, 
.sub_section.flex_product .box p, .main_board li .txt h3, .form_in li label, .form_in li input, .form_in li textarea, 
.ck_agree p, .sub_visual_nav .sub_deps a, .vison_bu_top .box .txt p, 
.vison_bu_mottom .top .flex .txt p, .inquery .info li p, .form_priv h3,
.board_list_txt h3,
.tech_flex .box .txt p{font-size: 14px}


.main_board li .txt p,
.gall_list_style.news_style li .board_list_txt p{display: none}

    .main_solution_tag .tag {
        padding: 10px 15px;
        border-radius: 5px;
        width: calc(50% - 5px);
    }

.main_section {
    padding: 100px 0;
}


.loop_slide_are{margin-top: 80px}
.logo_item{padding: 0 5px; max-width: 120px; }

    .main_company_flex,
    .main_title .left {
        display: flex;
        gap: 1rem;
        flex-direction: column;
        align-items: flex-start;
    }
    
    .main_solution .txt p{margin-top: 1rem}

.main_title {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 2rem;
}

.main_btn {
        font-size: 12px;
        height: auto;
        padding: 10px 15px;
        border-radius: 10px;
    }


.main_four .box, .main_board li, .gall_list_style li{width: 100%}

.main_form_are{padding: 100px 0; border-radius: 0}


.foot_info li {

    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}

.foot_info ul{gap:10px}

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

.footer{padding: 40px 0}

.top_btn{width: 60px; height: 60px;}

.sub_visual_nav{display: none}

.ceo_mss .thum{border-radius: 20px 0}

.sub_title{margin-bottom: 2rem}

.ceo_mss .txt p.sign{margin-top: 2rem}

.vision .box .icon{width: 100px}




.vision .box {
    display: flex;
    padding: 30px 0;
    border-bottom: 1px solid #DDD;
    background: #FFF;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    text-align: center
}


.vison_bu_top .box {
    flex: 1;
    padding: 20px;
    border-radius: 20px 0;
    border: 1px solid #DDD;
    background: #FFF;
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.vison_bu_top .box .thum{width: 100%; border-radius: 10px}

.vison_bu_mottom{padding:40px 20px; border-radius: 20px}


.map_link a{padding: 15px; border-radius: 5px; flex:1}
.map_link a p{font-size: 12px}

.sub_section.flex_product .box h3{font-size: 18px}

    .loction_info {
        border-radius: 20px 20px 0 20px;
    }
    
    .location_map {
        border-radius: 0 20px 20px 20px;
    }

.zoom_img{height: 60vh}

.sub_section.flex_product {
    flex-direction: column;
}
.tech_flex .box{width: 100%}

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


.bu_slide .slick-slide{padding: 6px}

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

.board_tlb table th:first-child,
.board_tlb table td:first-child{display: none}

.board_tlb table th:nth-child(4),
.board_tlb table td:nth-child(4){display: none}

.board_tlb table th:nth-child(5),
.board_tlb table td:nth-child(5){display: none}

.sub_section{padding: 100px 0}


.inquery .form_in ul li{width: 100%}



.form_in_btn {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 3rem;
}



.vison_bu_mottom .last li {
   width: 100%
}


}




/* =========================
360px ↓
========================= */
@media (max-width: 360px) {
  
}