@media (max-width: 1640px) {
	

.inner_in,
.site_map{
	padding: 0 6rem;
}
	


}






@media (max-width: 1580px) {



.inner_in,
.inner,
.news_slide .slick-list,
.site_map{
	padding: 0 3rem;
}


.header .logo{left: 3rem}
.header .right{right: 3rem}

.main_product_slide .slick-list{padding: 0 22rem}
.slick-arrow.slick-prev{left: 22rem}
.slick-arrow.slick-next{right: 22rem}


.main_visual .box .txt{padding: 0 6rem 16rem}
.custom-dots{bottom: 8rem; padding: 0 6rem}


}


@media (max-width: 1370px) {


.header .top_nav{gap:30px}
.site_map .top_nav{gap:3rem}
.main_visual .box .txt{padding: 0 3rem 6rem}
.main_visual .box .bg{height: 100vh}

.custom-dots{display: none}	

.main_vision{gap:30px}

.service_nav{display: none}

.service_content{width: 100%}

.technology_list_img_flex {
    flex-wrap: wrap;
    gap:20px
}

.technology_list_img_flex img{max-width: 100%}

.genomom_why .box.center .technology_list_img_flex .tlb{width: 100%}

.inquery_flex .inquery_title{width: 25%}

.year_group .year_range{max-width: 400px}

}


@media (max-width: 1280px) {


.foot_info .bottom .foot_copy p,
.foot_info ul li,
.foot_info .bottom .foot_link a,
.board_list_txt p,
.sub_title p.small,
.board_name ul li,
.vision_flex .box p,
.header .top_nav .sub_deps a,
.lang .lang_list a,
.form_in ul li p{font-size: 14px}

.foot_btn{right: 25px; bottom: 30px}

.foot_inq a,
.sub_title h2,
.sub_visual h2{font-size: 40px;}


.vision_flex .box h3 b,
.site_map .top_nav li .onedeps,
.sub_title h3{font-size: 24px}

.sub_title p,
.vision_flex .box h3,
.review_list .board_list_txt h3,
.technology_list li h4,
.genomom_why .box h5,
.chromosome h3,
.ora_box_ck h3{font-size: 18px}

.location li,
.board_list_txt h3,
.year_txt .box ul li,
.sub_title h4,
.service_title p,
.header .top_nav li .onedeps,
.site_map .top_nav li .sub_deps a,
.sub_visual p,
.review_list .board_list_txt p.ca_name,
.technology_list li p,
.genomom_why .box p,
.genomom_why p.only,
.service_step .box h3,
ul.who li,
.what_different .box p,
.genomom_why .box ul li,
.service_end li,
.genovro_box_in .box p,
.genovro_box_in2 .box p,
.chromosome p.only,
.genomom_flex .in_flex .box .in_txt p,
.ora_box_ck h4{font-size: 16px}


.genovro_box .genovro_box_end p,
.genovro_box .genovro_box_end p b,
.chromosome_flex .box h2,
.how_chromosome p,
ul.dot li,
.main_title p,
.main_vision .box .txt p,
.news_slide .txt h3{font-size: 16px}

.header .logo{width: 180px}


.flex_radio input + label,
.form_in ul li input[type="text"], .form_in ul li input[type="email"], .form_in ul li select,
.form_in ul li textarea,
.ck_agree p,
#bo_cate a,
.review_list .board_list_txt h4,
.board_list_txt p.list_date_flex,
.review_top a.btn-example,
.technology_top .box_right ul li,
.sub_visual_nav .sub_deps a,
.chromosome_flex .box .tag,
.chromosome .table_flex li,
.note_box p,
.tab_slide p,
.news_slide .txt p.date{font-size: 14px}

.technology_top .box{width: 60%}

.tlb table td,
.tlb table th,
.what_different .tlb table th,
.genomom_why .box .tag,
.genomom_why .box.center .technology_list_img_flex .tlb th, .genomom_why .box.center .technology_list_img_flex .tlb td,
.service_step .box p,
.genomom_flex.left .in_flex .box p + p + p{font-size: 14px}


.what_different .note_p{margin-top: 20px; font-size: 14px;}

* + .service_title{margin-top: 100px}

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

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

.main_visual .box .txt p,
.main_vision .box .txt h3{font-size: 18px}

.main_section .main_s01 h2{font-size: 60px; max-width: 600px}

.main_section .main_s01 p{font-size: 18px; margin: 50px 0}


}


@media (max-width: 1024px) {
	

.header .top_nav{display: none}


.site_map .top_nav {
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-direction: column;
}

.site_map .top_nav li{text-align: center}

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

.site_map .top_nav li .on_drop + .sub_deps{height: auto; max-height: 50vh; visibility: visible; margin-top: 25px; opacity: 1}


.slick-arrow{display: none !important}

.main_product_slide{padding: 0 3rem; margin: 0 -5px}
.main_product_slide .slick-slide{padding: 0 5px;  transform: scale(1);}
.main_product_slide .slick-list{padding: 0 ; overflow: hidden}


.main_vision{gap:20px}

.news_slide .slick-slide{padding: 0 5px}

.sub_visual_nav{display: none}

.sub_visual{height: 50vh}


.technology_top {
    gap: 20px;
    flex-direction: column;
}
.technology_top .box{width: 100%}
.technology_list_img_flex .tlb{width: 100%}

.technology_list_img_flex p.small{bottom: 0; right: 0; position: relative; }


.inquery_flex {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    gap:60px
}

.inquery_flex .inquery_title{width: 100%; position: relative; top: 0}

.review_box{padding: 25px}


.year_group{gap:6rem;
justify-content: space-between;}

}





@media (max-width: 860px) {
	
.foot_info .bottom {
    align-items: flex-start;
    flex-direction: column;
}

.tab_slide{display: none}


.main_vision {
        flex-wrap: wrap;
        gap:40px 20px
    }

.main_vision .box{flex:none; width: calc(50% - 10px)}

.genomom_flex .in_flex {

    gap: 30px;
    text-align: center;
    flex-direction: column;
}


.service_step {
    gap: 15px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}

.genovro_box_in2,
.genomom_why .box.flex {
    flex-wrap: wrap;
}


.chromosome_flex .box{width: calc(50% - 10px)}

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

.foot_inq a, .sub_title h2, .sub_visual h2{font-size: 30px}

.flex_radio {
    gap: 10px;
    flex-wrap: wrap;
}

.flex_radio input + label{flex:none}

#bo_cate ul{
	flex-wrap: wrap; 
}
.review_top{
	flex-wrap: wrap; gap:20px
}

.board_top_flex{display: none}


.review_list,
.gall_list_style{gap:40px 20px}
.review_list li,
.gall_list_style li{width: calc(50% - 10px)}



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

.year_group .year_range h2{font-size: 24px}
.history_section .gauge{display: none}

.year_group .year_range{position: relative; top: 0; width: 100%; max-width: 100%}
.year_group .year_range .thum img{width: 100%}

.year_txt{width: 100%}

.agree_pop_content{max-width: 96%}

}


@media (max-width: 600px) {


.header .logo{left: 25px; top: 25px; width: 140px}

.header .right{top: 35px; right: 25px; gap:25px}

.site_map .top_nav li .onedeps{font-size: 18px}
.site_map .top_nav li .sub_deps a + a{margin-top: 10px}

.main_visual .box .txt{padding: 0 25px 5rem}

.main_visual .box .txt h2, .main_title h2{font-size: 24px}
.main_visual .box .txt p, .main_vision .box .txt h3{font-size: 16px}

.main_section .main_s01 h2{font-size: 30px;text-align: center}
.main_section .main_s01 h2 + h2{text-align: center}



.main_section .main_s01 p{font-size: 16px; margin: 30px 0}


.main_section,
.sub_section{padding: 100px 0}


.inner_in, .inner, .news_slide .slick-list, .site_map,
.main_product_slide{padding: 0 25px}

.common_btn span{font-size: 14px}
.foot_btn .fast{display: none}

.common_btn{height: 50px}
.common_btn i{width: 50px; height: 50px}
.common_btn:after{width: 50px; height: 50px}

.foot_btn a{width: 40px; height: 40px}
.foot_btn a + a{margin-top: 10px}
.foot_btn a img{max-width: 12px}

.main_title p{margin-top: 15px}

.main_title .common_btn{position: relative; margin-top: 30px}

.main_vision .box{width: 100%}


.footer{padding: 60px 0}

.foot_inq a{font-size: 24px; padding-bottom: 30px}

.foot_info .bottom .foot_copy p{font-size: 12px}



.service_title h3,
.genomom_flex h3{font-size: 18px}

.service_title h4,
.genomom_center p,
.genomom_center h4,
.genomom_flex .in_flex .box .in_txt h4,
.genovro_box h3,
.sub_title p, .vision_flex .box h3, .review_list .board_list_txt h3, .technology_list li h4, .genomom_why .box h5, .chromosome h3, 
.ora_box_ck h3{font-size: 16px}

.location li, .board_list_txt h3, .year_txt .box ul li, .sub_title h4, .service_title p, .header .top_nav li .onedeps, .site_map .top_nav li .sub_deps a, .sub_visual p, .review_list .board_list_txt p.ca_name, .technology_list li p, .genomom_why .box p, .genomom_why p.only, .service_step .box h3, ul.who li, .what_different .box p, .genomom_why .box ul li, .service_end li, .genovro_box_in .box p, .genovro_box_in2 .box p, .chromosome p.only, .genomom_flex .in_flex .box .in_txt p, .ora_box_ck h4{font-size: 14px}

.genomom_flex .in_flex .box .in_txt p.gray,
.genomom_why .box ul li span,
.genovro_box .genovro_box_end p, .genovro_box .genovro_box_end p b, .chromosome_flex .box h2, .how_chromosome p, ul.dot li, .main_title p, .main_vision .box .txt p, 
.news_slide .txt h3,
.tlb table td span,
.genovro_box p.top_p{font-size: 14px}



.tlb{overflow-x: auto}


.service_section + .service_section{margin-top: 100px}
.genovro_box .genovro_box_end p{text-align: left}


ul.who li {
    padding: 20px 20px 20px 64px;
}
ul.who li:after{left: 20px}

.service_title h3 br{display: none}

.genovro_box_in {
    flex-direction: column;
}


.genomom_why .box.flex img{max-width: 100%}


.img_box{height: auto; aspect-ratio: 1;}
.img_box img{max-width: 80%}

.chromosome_flex .box{width: 100%}

.how_chromosome img{max-width: 100%}

.chromosome .table_flex li{width: 50%; font-size: 12px}


.chromosome .table_flex li:nth-child(3n + 1) {
    border-left: 1px solid #ddd;
}

.chromosome .table_flex li:nth-child(2n + 1) {
    border-left: 0px solid #ddd;
}

.chromosome .table_flex li:nth-child(3){border-top: 1px solid #ddd;}

.service_step .box{width: 100%; flex:none}
    .service_step .next img {
        transform: rotate(90deg);
    }
    
.service_step .next{width: 100%; text-align: center}
.genomom_why_gray_flex {
    flex-direction: column;
}
    
    
.how_chromosome .thum .thum_flex {
    align-items: center;
    gap: 25px;
    flex-direction: column;
}
   
   
.how_chromosome .thum .t_right{text-align: left; margin-top: 20px}
    
.genomom_flex.left h3 span,
.ora_box h3{font-size: 16px}    


.genomom_flex p.small{font-size: 14px}
    
    
.genomom_flex.left .in_all img{max-width: 100%}
    
.what_different .tlb table td span.small{font-size: 12px}
.ora_box .ora_box_img img{max-width: 100%}



.genomom_flex,
.genomom_why .box,
.genovro_box,
.chromosome,
.img_box.noshadow,
.genomom_why_gray_flex,
.ora_box,
.ora_box_ck,
.technology_top .box,
.technology_top .box_right{padding: 30px 20px}

.technology_list_img_flex .tlb,
.genomom_why .box.center .technology_list_img_flex .tlb{min-width: 100%}

.technology_list_img_flex p.small{font-size: 12px; text-align: left}


.sub_visual h2{font-size: 24px}

.genomom_why .box.center h3{font-size: 16px}



.flex_radio input:checked + label,
.form_in ul li input[type="text"], .form_in ul li input[type="email"], .form_in ul li select{height: 50px; line-height: 50px}


.form_in ul{gap:30px 10px}

.form_in ul li {
    width: calc(50% - 5px);
}

.file_are{padding-right: 10px}

.form_in_btn button, .form_in_btn a{height: 50px; padding: 0 25px; font-size: 16px;}
.inquery_title h2{font-size: 24px}
.inquery_title p{font-size: 16px}

#bo_cate a{height: 50px; line-height: 50px; }    
#bo_cate ul{gap:5px}   
    
.review_top a.btn-example{width: 100%; text-align: center;height: 50px; line-height: 50px;}    
    
.review_list li, .gall_list_style li{width: 100%}

.pop-layer .pop-container{max-width: 96%}

.form_in ul li .flex_li .box.w33,
.form_in ul li .flex_li .box{width: 100%}

.board_name,
#bo_v_con{padding: 30px 0}
.board_name h2{font-size: 18px}

.board_name ul{gap:10px}


#bo_v_con *{font-size: 14px}


.vision img{max-width: 100%}
.vision_flex .box img{max-width: 40px}
.vision_flex .box p{margin-top: 10px}
.location li img{display: none}

.location li{align-items: flex-start;}

.map_in .map iframe{height: 30vh}
.genovro_box .genovro_box_end img{display: none}
.genovro_box .genovro_box_end p{font-size: 12px}

.board_name ul {
    flex-wrap: wrap;
}
#bo_v_link a{float: none}

.board_name{margin-bottom: 20px}

#bo_v_link li i{font-size: 14px; margin-right: 5px}

}





@media (max-width: 360px) {

 
 
 
 
}