/* =========================
1640px ↓
========================= */
@media (max-width: 1640px) {
 
 .inner,
 .main_visual_cnt,
 .site_map,
 .sub_visual_nav{padding: 0 6rem}
 .inner_w{padding: 0 3rem}
 
 .site_map .top_nav li .sub_deps{gap:3rem}
 .site_map .top_nav li .sub_deps a{width: auto}
 
 .value_card{padding: 3rem}
 .value_card .txt p br{display: none}
 
}


/* =========================
1500px ↓
========================= */
@media (max-width: 1500px) {
	
	.chat{right: 30px; }
	
	.main_visual .box .txt h2{font-size: 44px}
	
	.product_txt strong{font-size: 16px}
	.product_txt h2,
	.main_last_top h2,
	.value_card .txt h2{font-size: 30px;}
	
	.main_last_top a{font-size: 18px;}
	
	.main_last_bottom .left h3{font-size: 24px;}
	
	.fill_text,
	.hisotry .in_flex .left_year h3{font-size: 70px}
  
}


/* =========================
1370px ↓
========================= */
@media (max-width: 1370px) {
 
  .inner,
 .main_visual_cnt,
 .site_map,
 .inner_w,
 .sub_visual_nav{padding: 0 3rem}
 
 .sub_visual_top .txt h2{font-size: 50px}
 
 .hisotry .in_flex .left_year{width: 30%}
 
 .organization_flex{gap:30px}

 
}


/* =========================
1280px ↓
========================= */
@media (max-width: 1280px) {
	
	.product_txt h2, .main_last_top h2, .value_card .txt h2,
	.ceo_mss .txt h3,
	.sub_title h2,
	.loction_info .left .subject h2,
	.inquery .info h3,
	.board_title h2{font-size: 24px}
	
	.value_card .txt p,
	.product_txt .desc02,
	.main_last_bottom .left .main_last_info li,
	.ceo_mss .txt p,
	.sub_title h4,
	ul.dot li,
	.tlb table th,
	.tlb table td,
	.tlb table td p,
	.hisotry .in_flex .info li .txt p,
	.organization_flex li h3,
	.organization_flex li p,
	.organization .ceo p,
	.sub_visual_nav .sub_deps a,
	.loction_info .left .subject h4,
	.loction_info .left ul li,
	.bu_txt_top .txt p,
	#bo_cate a,
	.tab_btn li a,
	.notice_list .box a p,
	.inquery .info p,
	.form_in label,
	.form_in .ck_agree input + label{font-size: 16px}
	
	.value_flex .box h3,
	.bu_info .box h4,
	.board_list_txt h3,
	.notice_list .box a h4,
	.gall_list_style.tech_style .tech_list_txt h3{font-size: 18px}
	
	.foot_info p,
	.footer .foot_top .foot_link a,
	.foot_info p.copy,
	.tlb table td p span,
	.notice_list .box a p + p,
	.total_board p,
	.gall_list_style.tech_style .tech_list_txt .tech_tag{font-size: 14px}
	
	.value_flex .box p br{display: none}
	
	.top_btn {
    width: 60px;
    height: 60px;
    border-radius: 5px;}
    
    .chat{
    	width: 60px;
 	   height: 60px;
    }
    
    .chat img{max-width: 20px}
    
    .header .top_nav li .one_deps{font-size: 16px}
    
    .header .top_nav li .sub_deps a,
    .header .right .lang p{font-size: 14px}
    
    
    .ceo_mss{gap:6rem}
    
    


}


/* =========================
1024px ↓
========================= */
@media (max-width: 1024px) {
	
	
	.header .top_nav{display: none}
	.header:before,
	.header:after{display: none}
	
	
	.main_value{height: auto}
	
	.value_card {
        width: 100%;
        height: auto;
        min-height: 30vh;
    }
	
	.main_value_pin {
    height: auto;
    flex-direction: column;}
    
    .value_card02 {
    flex-direction: column;}
    
    .main_product .inner {
    align-items: flex-start;
    gap: 6rem;
    flex-direction: column;}
    
    
    .product_txt{width: 100%}
    
    .product_slide{height: auto}
    .product_card{height: 40vh}
    
    .product_txt .desc02 br,
    .product_txt .desc01 br{display: none}
    
    
    .main_last_bottom {
    justify-content: space-between;
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    gap: 6rem;}
    
    .main_last_bottom .right{width: 100%}
    
    .main_visual .box .txt h2 br{display: none}
    
    .main_visual_cnt {
    top: auto;
    gap: 13px;
    bottom: 3rem;}
  
  .footer .foot_top .foot_link{display: none}
  
  
  .sub_visual_top{height: 50vh}
  .sub_visual_nav{display: none}
  
  .ceo_first{height: auto; padding: 150px 15px; background: #fff}
  
  .fill_text{font-size: 60px}
  
  .sub_section{padding: 100px 0}
  .ceo_mss {
        gap: 6rem;
        flex-direction: column;}

  .ceo_mss .thum{width: 100%; height: 40vh; border-radius: 20px}
  
  .ceo_mss .thum img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;}
    
    .ceo_mss .txt p br{display: none}
    
   .value_flex {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    flex-direction: column;} 
    
    .value_flex .box{padding: 30px; flex:none; 
    aspect-ratio: auto;
    width: 100%;
    min-height: 30vh
    }
    
    .value_flex .box:nth-child(2),
    .value_flex .box:nth-child(3){margin: 0}
    
    .company_info {
    display: flex;
    gap: 3rem;
    flex-direction: column;}
    
    .company_info .thum{width: 100%; height: 40vh}
    
    .hisotry .in_flex .left_year h3{font-size: 40px}
    
    .loction_info .left .subject{width: auto}
    
    .loction_info .left {
    display: flex;
    gap: 3rem;
    flex-direction: column;}
    
    .bu_slide .slick-list{padding: 0 3rem}
    
    .bu_txt_top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;}

   .tlb{overflow-x: auto}
   
   .bu_info .box {
    flex: none;
    width: 100%;}
    
.inquery {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 3rem;
    flex-direction: column;
}

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

.inquery .info{width: 100%}
    
  
}


/* =========================
860px ↓
========================= */
@media (max-width: 860px) {
	
	.site_map .top_nav li {
    display: flex;
    padding: 20px 0;
    align-items: flex-start;
    flex-direction: column; gap:0}
    
    .site_map .top_nav li .sub_deps {
    flex: none;
    display: flex;
    align-items: flex-start;
    flex-direction: column; 
    gap:15px; margin-top: 0px;
    height: 0; visibility: hidden; 
    overflow: hidden; max-height: 0; transition-duration: 1s}
    
    .site_map .top_nav li .one_deps{width: 100%; font-size: 24px}
    .site_map .top_nav li .sub_deps a{width: 100%; font-size: 16px}
    
    .site_map .top_nav li .on_drop + .sub_deps{
    	height: auto; 
    	visibility: visible; 
    	margin-top: 15px;
    	max-height: 100vh;
    }
    
    
    .site_map{padding: 120px 3rem; 
    align-items: flex-start;}
    
    .main_last_top {
    flex-direction: column;
    gap:2rem}


  .agree_pop_content{max-width: 96%}
  
  .sub_visual_top .txt p{font-size: 16px}
  .sub_visual_top .txt h2{font-size: 30px}
  
  .fill_text{font-size: 40px}
  
  .sub_section.ceo_first{padding: 100px 15px 0}
  
  .orbit-line{display: none}
  .center-logo{display: none}
  
  .partner-wrap {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.partner-item{position: relative; left: 0 !important; right: 0 !important; height: auto; top: 0 !important; bottom: 0 !important;
transform: translateX(0%) !important;}
 .partner-item .dot{display: none} 
 
 .partner-list{display: flex; gap:10px; flex-wrap: wrap;}
 .partner-list li{width: calc(50% - 5px); border: 1px solid #ddd; padding: 15px; 
 justify-content:center; align-items: center}
 
 .partner_section .sub_title{margin-bottom: 60px}
 
 .partner-item img {
    max-width: 100%;
    max-height: none;
    margin: 0 auto;
        display: block;
        filter: grayscale(0);
        opacity: 1
}

.hisotry{padding: 0}
.hisotry .line_are{display: none}



.organization_flex {
    align-items: flex-start;
    flex-wrap: wrap;
    gap:30px
}

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

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

.organization .ceo:after{display: none}


.gall_list_style li,
.gall_list_style.news_style li,
.gall_list_style.tech_style li{width: calc(50% - 12px)}
  
.notice_list .box a{padding: 30px 0}  
.notice_list .box a p{display: none}
.notice_list .box a p + p{display: block}
  
}


/* =========================
600px ↓
========================= */
@media (max-width: 600px) {
	
	
	.main_product,
	.main_last{padding: 100px 0}
	
	.inner, .main_visual_cnt, .inner_w{padding: 0 15px}
	
	.site_map{padding: 120px 2rem}
	.site_map .top_nav li .one_deps{font-size: 18px}
	
	.header .right{gap:20px}
	
	.main_visual .box .txt h2,
	.fill_text{font-size: 24px}
	.main_visual .box .txt p{font-size: 16px}
	
	.main_btn{font-size: 14px}
	.main_btn i{width: 30px; height: 30px;}
	.main_visual_cnt .count p{font-size: 12px}
	
	.value_card{padding: 2rem}
	
	.product_txt h2, .main_last_top h2, .value_card .txt h2,
	.main_last_bottom .left h3{font-size: 18px}
	.value_card .txt p, .product_txt .desc02, .main_last_bottom .left .main_last_info li,
	.main_last_top a{font-size: 14px}
	
	.main_last_bottom .left .main_last_info li{gap:20px}
	.main_last_bottom .left .main_last_info li b{width: auto}
	
	.product_txt .desc01{margin-top: 20px; font-size: 16px}
	
	.product_slide{gap:10px}
	.product_card.active {
    flex: 4 1 0%;}
    
    .main_product .inner,
    .main_last_bottom {gap:3rem}
    .main_product_cnt{margin-top: 30px}
	
	.footer{padding: 60px 0}
	.foot_info,
	.foot_info p.copy{margin-top: 30px}
	
	.chat{right: 15px; bottom: 90px}
	
	.top_btn{position: fixed; right: 15px; border-radius: 60px; z-index: 5;
	bottom: 20px}
	
	.tlb table th,
	.tlb table td,
	.tlb table td p,
	ul.dot li{font-size: 14px}
	
	.sub_visual_top .inner_w {
    text-align: center;
    width: 100%;}
    
    .hisotry .in_flex {
    flex-direction: column;
    gap: 1rem;}
    
    .hisotry .in_flex .left_year h3{font-size: 24px}
    
    .hisotry .in_flex +.in_flex {
    margin-top: 3rem;}
    
    .hisotry .in_flex .info{width: 100%}
    
    .hisotry .in_flex .info li .txt p + p {
    margin-top: 15px;}
    
    .hisotry .in_flex .info li .txt p span + span{margin-top: 8px}
    
    .organization_flex{gap:30px 10px}
    .organization_flex li {
        flex: none;
        width: calc(50% - 5px);
        padding: 0;
    }
    
    
    .value_card h1{font-size: 30px}
    
    .location_map iframe{height: 30vh}
    
    .loction_info {
    margin-top: 40px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 2rem;}
	
	.loction_info .left {
        display: flex;
        gap: 1rem;
        flex-direction: column;
    }
    
    .sub_title h4 + h2 {
    margin-top: 10px;}
    
    .bu_txt_top .txt p br{display: none}
    
    .sub_title h4{font-size: 14px}
	
	.tab_btn,
	#bo_cate ul{gap:10px;     flex-wrap: wrap;}
	    .tab_btn li a,
	    #bo_cate a {
        font-size: 14px;
        border-radius: 5px;
        padding: 10px 15px;
    }
	
	.bu_slide .slick-list{padding: 0 1rem}
	
	
	.gall_list_style.news_style li .board_list_txt{padding: 15px}
	
	
	.board_list_txt h3, .notice_list .box a h4, .gall_list_style.tech_style .tech_list_txt h3{font-size: 16px}
	.board_list_txt p.date{margin-top: 20px; font-size: 12px}
	
	.gall_list_style{gap:40px 10px}
	
	.gall_list_style li, .gall_list_style.news_style li {
        width: calc(50% - 5px);
    }
    
    .search_board{display: none}
    .gall_list_style.tech_style li{width: 100%}
    .gall_list_style.tech_style .gall_img{padding:20px 15px; height: auto; gap:1rem}
    
    .board_title h3{font-size: 14px}
    .inquery .info p br{display: none}
    
    .form_in .ck_agree {
    flex-wrap: wrap;}
	
	
}


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