@media (max-width: 1640px) {

	.header{max-width: 96%}
	
	.main_product_slide .slick-list{padding: 0 25rem}
	
	.inner{padding: 0 4rem}
	.sub_inner{padding: 0 4rem}
	.main_visual .item .txt,
	.main_visual_cont{padding: 0 4rem}
	.gall_list_style{gap:40px 20px}
	
	.gall_list_style.certifications li {
    width: calc(25% - 15px);
	}
	
	.gall_list_style li {
	    width: calc(33.33% - 14px);
	}
	
	.main_product_btn span{left: 4rem}
	.main_product_btn span + span{right: 4rem}
	

}




@media (max-width: 1360px) {
	
	
	.main_visual .item .txt h2{font-size: 60px}
	.sitemap .nav{gap:6rem}
	
	.main_product_slide .slick-list{padding: 0 20rem}
	
	.main_product .main_product_title h2{font-size: 140px}
	.main_product_are{margin-top: -5em}
	.main_product_slide .box h2{font-size: 60px}
	
	.company{gap:4rem}
	.company img{width: 40%}
	
	
	.product_flex{gap:40px 20px}
	.product_flex li{width: calc(25% - 15px);}
	
	.process_flex .txt p br{display: none}
	
	


}


@media (max-width: 1280px) {



.main_value_flex{gap:20px}
.main_value_flex .box{width: calc(33.33% - 16.66px)}




.sitemap .all_btn {
    position: absolute;
    right: 4rem;
    top: 5em;
}


.company .txt h2{font-size: 30px}
.company .txt h4{font-size: 22px}


.year_group .year_range h2{font-size: 40px}

.year_txt .box h3{font-size: 30px}


.organization .flex_box:after {
    content: '';
    height: 1px;
    position: absolute;
    top: -50px;
    background: #E6E6E6; 
    width: calc(100% - 340px);
}

.organization .box{flex:1}

.organization .box h3{width: auto; max-width: 390px}

.line_list_style li a{padding: 40px 30px}

.line_list_style li a h3{font-size: 22px}


}


@media (max-width: 1024px) {
	
.header .left .nav{display: none}	
.main_product_slide .slick-list{padding: 0 8rem}
       
       
    .sitemap .nav {
        gap: 2rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    } 
       
       
       
       
     
.sitemap .nav li .sub_deps{margin: 0; height: 0; transition-duration: .5s; overflow: hidden; visibility: hidden; max-height: 0}       
.sitemap .nav li a.on + .sub_deps{height: auto; max-height: 500px; visibility: visible; margin-top: 20px}  
 
 
.company {
    align-items: flex-start;
}
      
      
.step3{width: 320px; height: 320px}  
.step3 .inbox{width: 320px; height: 320px}    
.step3 .inbox .inbox_logo{width: 250px; height: 250px}
.step3 .inbox .inbox_logo img{max-width: 120px}
.step3.show .icon_are .icon{width: 100%}   
.step3.show .icon_are .icon .txt{flex:1}        
   
    .organization .flex_box:after {

        width: calc(100% - 200px);
    }
   
   
   
   
.process_section .gauge{display: none}   
.process_flex .thum{width: 30%}   
.process_flex .txt{flex:1}   
   
        
}


@media (max-width: 860px) {
	

.main_value .main_title {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}

.main_value .inner {
    flex-direction: column;
    gap: 60px;
}

.main_value_flex{width: 100%}

.main_value_flex .box .txt{padding: 25px}


.main_value_flex .box:nth-child(2) {
    margin-top: 0em;
}

.main_value_flex .box:nth-child(3) {
    margin-top: 0em;
}


    .main_product .main_product_title h2 {
        font-size: 10em;
    }


.main_product_slide .slick-list{padding: 0 }
.main_product_are{min-height: auto}

.main_product_slide .box h2{font-size: 30px; height: auto}

.main_product_slide .box img{aspect-ratio:1; width: 60%}
.main_product_slide .slick-slide.slick-current .box img{margin-top: 20px}




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

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


.floating{right: 25px}
.floating a{width: 100px; height: 100px}
.floating .btn_top.show{height: 100px}

.floating a.contact_foot img{max-width: 30px}
.floating a.contact_foot img.contact_foot_ani{max-width: 80px}

.main_product_btn span{width: 80px; height: 80px}

.main_product{padding-top: 0}


.company {

    flex-direction: column;
}

.company img {
        width: 100%;
        height: 40vh;
        object-fit: cover;
    }

.step3 {
        width: auto;
        height: auto;
        display: flex; gap:20px;
        align-items: center;
    }

.step3 .inbox{width: 40%; height: auto; aspect-ratio:1; padding: 20px}
.step3 .inbox .inbox_logo{width: 100%; height: auto; aspect-ratio:1; border-width: 10px}

.step3 .icon_are .icon{opacity: 1; position: relative}

.step3 .icon_are .icon + .icon{margin-top: 10px}

.step3 .icon_are .icon:nth-child(1){flex-direction: row;; top: 0; left: 0; transform:none; text-align: left}
.step3 .icon_are .icon:nth-child(2){flex-direction: row;; top: 0; left: 0; transform:none; text-align: left}
.step3 .icon_are .icon:nth-child(3){flex-direction: row;; top: 0; left: 0; transform:none; text-align: left}


.step3 .icon_are .icon h4{font-size: 18px}
.step3 .icon_are .icon p{font-size: 16px}

.sub_title h2{font-size: 30px}

.history_section .gauge{display: none}

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

.year_group .year_range h2{text-align: left}
.year_group .year_range h2 br{display: none}

.year_txt .box h3{font-size: 20px}

.year_group .year_range,
.year_txt{width: 100%}


.ani_box h3{font-size: 24px}


.organization .ceo{width: auto; padding: 20px; height: auto; border-radius: 10px; max-width: 390px}
.organization .ceo h2{font-size: 20px}
.organization .ceo p{font-size: 16px}


.organization .flex_box {
    gap: 40px;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
}

.organization .flex_box:after{display: none}

.history .info .go_btn {
    position: relative;
    right: 0;
    top: 0;
    color: #222;
    justify-content: flex-start;
    margin-top: 30px;
}


.product_flex li,
.gall_list_style.certifications li,
.gall_list_style li {
        width: calc(50% - 10px);
    }


.ani_box{padding: 0 20px}


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

.process_flex .thum{width: 100%}
.process_flex .txt{width: 100%; height: auto; padding: 30px }

.process_flex .txt h3{font-size: 24px}


.form_in li p{width: 120px}

.agree_pop_content{border-radius: 10px; max-width: 96%; padding: 25px 15px}
.agree_pop_content .agree_title h2{font-size: 18px}
.agree_pop_info p{font-size: 14px}
.agree_pop_info h3{font-size: 14px}




}


@media (max-width: 600px) {


    .header {
        max-width: 100%;
        border-radius: 0;
        background: transparent;
        top: 0;padding: 20px
    }


.header .right{gap:15px}
    .sitemap .all_btn {
        position: absolute;
        right: 20px;
        top: 40px;
    }

.sitemap .all_btn img{max-width: 20px}
.sitemap .nav li a{font-size: 20px}
.sitemap .nav li .sub_deps a{font-size: 16px}
.sitemap .nav li .sub_deps a + a{margin-top: 10px}

.main_visual .item .txt, .main_visual_cont{padding: 0 25px}
.main_visual .item .txt h2{font-size: 30px; text-align: center}
.main_visual .item .txt{width: 100%; justify-content: center}
.main_visual_cont{justify-content: center}


.inner{padding: 0 20px}

.main_title h2{font-size: 30px}
.main_title p{font-size: 16px}

.main_value_flex{gap:30px}
.main_value_flex .box{width: 100%}

.main_value_flex .box .txt .title{font-size: 18px}
.main_value_flex .box .txt .sub{font-size: 16px}
.main_product .main_product_title h2 {
        font-size: 4em;
    }
    
.main_value{padding: 100px 0}   

.main_product_btn span{display: none !important}

.main_product_slide .box h2{font-size: 24px}  
    

.floating{right: 20px}
.floating a{width: 80px; height: 80px}
.floating a.contact_foot img.contact_foot_ani{max-width: 60px}
.floating .btn_top.show{height: 80px}
.floating .btn_top{gap:5px}
.floating .btn_top span{font-size: 12px}

.main_contact .main_title p{margin-top: 15px}

.go_btn{font-size: 16px; }
.go_btn i{width: 50px; height: 50px}

.footer .foot_top img{max-width: 120px}

.footer .foot_info li{font-size: 14px}
.footer .foot_info p.copy{font-size: 14px}

.header .right .lang p,
.header .right .lang .lang_list a,
.sub_visual .sub_map li{font-size: 14px}

.sub_visual .deps_two{display: none}

.sub_visual{height: 40vh}
.sub_visual h2{font-size: 30px}

.sub_inner{padding: 0 20px}

.sub_section{padding: 100px 0}

.company .txt h2{font-size: 24px}
.company .txt p{font-size: 16px}
.company .txt h4{font-size: 18px}


.sub_title h2{font-size: 24px}
.sub_title p{margin-top: 15px; font-size: 16px}

    .step3 {
        width: auto;
        height: auto;
        gap: 20px;
        align-items: center;
        flex-direction: column;
    }

.step3 .inbox{width: 90%}
.step3{margin-bottom: 0}

.ani_box {

        height: auto;
        padding: 50px 20px;
        width: 100%
    }



.ani_box h3{font-size: 18px}
.ani_box p{font-size: 14px}

.year_group .year_range h2{font-size: 24px}
.year_txt .box h3{font-size: 18px}

.year_txt .box ul li{font-size: 16px; padding-left: 30px}

.organization .flex_box .flex_inbox {
    gap: 30px;
    flex-direction: column;
}

.organization .box{width: 100%}


.organization .box p,
.organization .box h3,
.organization .box h4{width: 100%; font-size: 16px}

.history .info p{font-size: 16px}


.history .map iframe{height: 20vh}

.board_top_flex{display: none}

.board_list_txt h3,
.product_flex p{font-size: 16px}
.board_list_txt p{font-size: 12px}

.tab__item{width: auto; flex:1; font-size: 16px; height: 50px}

.pop-layer .pop-container{max-width: 96% ; padding:50px 20px 30px 20px}

.pop_flex .thum{width: 100%}
.pop_flex {
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.pop_flex .txt{padding: 0; width: 100%}

.pop_flex .txt h3{font-size: 18px}
ul.dist li{font-size: 14px}

a.btn-layerClose{right: 20px; top: 20px}

.process_flex .txt h3{font-size: 18px}
.process_flex .txt p{font-size: 14px}


.line_list_style li a{padding: 25px 0}

.line_list_style li a h3{font-size: 16px}
.line_list_style li a p{font-size: 14px; margin-top: 10px}
.line_list_style li a p.list_date{font-size: 12px; margin-top: 20px}


.board_name{padding: 40px 0}

.board_name h2{font-size: 18px}
.board_name ul li{font-size: 14px}

.board_name ul {
    gap: 20px;
    flex-wrap: wrap;
}

#bo_v_con *{font-size: 16px}

.board_view_btn{margin-top: 60px}

.board_view_btn .common_btn{height: 50px; font-size: 16px; padding: 0 30px}


.form_in li input {
    width: 100%;
    border: 1px solid #ddd;
    height: 40px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 38px;
    flex: 1;
}

.form_in li textarea{width: 100%; height: 200px; font-size: 16px}

.form_in li {
    flex-wrap: wrap;
}


.form_in li p{width: 100%; font-size: 14px; margin-bottom: 10px}

.ck_agree input + label {
    background-size: 16px auto;
    font-size: 16px;
    padding-left: 24px;
    cursor: pointer;
}

.main_visual .item .main_video video{object-position: 80%;}

.form_etc{font-size: 14px}

}






@media (max-width: 360px) {

 
 
 
 
}