@charset "utf-8";

@media only screen and (max-width: 1460px) {

    .header-btn{right: 30px;}
    #gnb .depth1>li{width: 160px;}
    .header-box h1{width: 160px;}

    .section3_boxwrap .section3_box{aspect-ratio: 69 / 25; position: relative;height: 100%;}
    .section3_boxwrap .section3_box .left{width: 54%;}
    .section3_boxwrap .section3_box .left img{height: 100%;object-fit: cover;}
    .section3_boxwrap .section3_box .right{width: 45%; }


    /* 폰트사이즈 */
    /* 154px */
    .section2_cont .top_txt{font-size: 10.548vw;}

    /* 80px */
    section h2{ font-size: 5.479vw;}
    /* 60px */
    #sub .sub_tit h2,
    .vision_bottom h3{ font-size: 4.11vw;}
    /* 40px */
    .vision_wrap h4,
    .vision_bottom p,
    .history_wrap .txt_box .fw_700,
    .history_timeline .year{font-size: 2.74vw;}
    /* 38px */
    section .txt1{font-size: 2.603vw;}
    /* 32px */
    .section4_boxwrap .subject,
    .section3_boxwrap .section3_box .right h4 { font-size: 2.192vw;}
    /* 28px */
    .section4_boxwrap .cont1,
    .section1 .swiper-slide .txt_cont{font-size: 1.918vw;}
    /* 26px */
    .section4_boxwrap .top h4,
    section .btn_detail{ font-size: 1.781vw; }
    /* 24px */
    .section4_boxwrap .cont2 .date,
    .section4_boxwrap .cont2 .detail,
    .section3_boxwrap .section3_box .right,
    section .deco_txt,
    .section2_cont .txt2,
    .section2_cont .tags li,
    #sub .sub_tit p,
    #sub .sub_tabs ul li a,
    .history_wrap .txt_box p,
    .fz_24,
    .history_timeline p,
    .sub_contents .view_wrap_top .tit,
    .vision_container .txt {font-size: 1.644vw;}
    /* 20px */
    .history_timeline .month,
    #gnb .depth1>li>a,
    .sub_search input,
    .sub_contents .view_wrap_tag,
    .sub_search .btn_board_search,
    .sub_contents .view_wrap .add_file,
    .airticle_wrap .airticle_cont h5,
    .form_box fieldset label,
    .ir_wrap ul li .subject{font-size: 1.37vw;}
    /* 16px */
    .f_cont,
    .fz_16,
    .sub_contents .view_wrap .view_detail,
    .sub_contents .view_wrap_top .date,
    .airticle_wrap .airticle_cont .tag,
    .sub_contents .view_wrap .view_wrap_bottom button,
    .sub_contents .view_wrap .view_detail,
    .ir_wrap ul li .detail_info{font-size: 16px;}

    /* 14px */
    /* .airticle_wrap .airticle_cont p,
    .airticle_wrap .airticle_cont .date{font-size: 0.959vw;} */
    .sub_contents .view_wrap_top{padding: 2.055vw 0;}




    .w1400{padding: 0 2.055vw;}

    .section2{padding: 8.219vw;}
    .section3,
    .section4{padding: 8.219vw 0;}
    section .btn_detail{width: 13.699vw; height: 4.247vw; border-radius: 2.1235vw;}

    .section3_boxwrap .section3_box{gap: 2.055vw;}

    .sub_wrap{/* padding-top: 6.849vw; */padding-bottom: 8.219vw;}
    #sub .sub_tit {padding-top: 6.849vw; padding-bottom: 4.11vw;}
    #sub .sub_tit h2{/* margin-bottom: 4.11vw; */line-height: 3.493vw;}
    #sub .sub_tit p{margin-bottom: 2.055vw;line-height: 1.233vw;}
    #sub .sub_tabs{padding: 2.055vw 0;  margin-bottom: 5.479vw; height: 7.534vw;background-size: auto 100%}
    #sub .sub_tabs ul{gap: 5.479vw;}
    #sub .sub_tabs ul li.on a::after{height: 0.274vw;}

    .history_wrap{padding-top: 10.274vw;}
    .history_wrap .left{padding-right: 3.425vw;}
    .history_wrap .right{padding-left: 8.219vw;}


    .sub_search{width: 33.562vw;height: 4.13vw;}
    .sub_search .btn_board_search{line-height: 4.11vw; width: 6.849vw;}
    .sub_search input{width: calc(100% -  6.849vw);line-height: 4.11vw; top: -1px;}

    .airticle_wrap ul li a{padding: 2.055vw;}

    .sub_contents .view_wrap .add_file{padding: 1.37vw 0;}

    .sub_contents .view_wrap .view_wrap_bottom button{width: 8.219vw;height: 2.74vw;}
    .sub_contents .view_wrap .view_detail{padding-top: 3.767vw;}

    .sub_search{margin: 0 auto 4.11vw;}

    .ir_wrap ul li a{padding: 1.37vw;}
    .ir_wrap ul li .detail_info{min-width: 9.589vw; gap: 1.37vw;}
    .ir_wrap ul li .subject .icon{margin-right: 1.37vw;padding: 0 1.712vw; height: 30px; line-height: 30px; border-radius: 1.37vw;}

    .vision_wrap h4{margin-bottom: 4.11vw;}


    .history_timeline{max-height: 44vw;}

    .rd_cfef_wrap .rd02_b1 .steps li{height: auto;}
    .rd03_a3_01{padding: 20px; align-content: center;}
    .rd03_a3_02{padding: 20px;align-content: center;}

    .rd_target_wrap .cont{width: 60%;}


    .pipe02_a_cont .top_gra_box .detail .img{
        padding: 20px;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .pipe02_b2 .img1 > img:nth-child(1){max-width: 52.07142857143%;}
    .pipe02_b2 .img1 > img:nth-child(2){max-width:5.85714285714%;}
    .pipe02_b2 .img1 > img:nth-child(3){max-width:25.92857142857%;}

    .pipe03_a1_cont .img_box{justify-content: center;}
    .pipe03_a1_cont .img_box > img:nth-child(1){width: 13.21428571429%;}
    .pipe03_a1_cont .img_box > img:nth-child(2){width: 10.57142857143%;}
    .pipe03_a1_cont .img_box > img:nth-child(3){width: 20.78571428571%;}
    .pipe03_a1_cont .img_box > img:nth-child(4){width: 12.21428571429%;}
    .pipe03_a1_cont .img_box > img:nth-child(5){width: 31.42857142857%;}
    .pipe03_a1_cont .img_box > img:nth-child(1){width: 13.21428571429%;}

    .pipe04_a1_cont .detail img:nth-child(1){width: 55.57142857143%;}
    .pipe04_a1_cont .detail img:nth-child(2){width: 32.57142857143%;}

    .pipe04_b1_cont .img_box > img{width: 21.42857142857%;}

    .pr_plant_wrap .pr01_b1 ul{flex-wrap: wrap; justify-content: center;}
    .pr_plant_wrap .pr01_b1 ul li{flex: none; flex-direction: column; align-items: center;}
    .pr_plant_wrap .pr01_b1 ul li > img{aspect-ratio: 1 / 1;}
    .pr_plant_wrap .pr01_a1 h3{word-break: keep-all;}
    .pipe01_b1 .img2 .img2_1{width: 45%;}

}
@media only screen and (max-width: 1200px) {
    #gnb .depth1{display: none;}
    .header-btn{position: absolute;}
    .gnb_bg{display: none;}

    .rd01_a1_01 img{max-width: 55%;}

    .rd03_a1_01 .img{flex-wrap: wrap;}
    .rd_cfef_wrap .rd02_b1 .steps li{width: 48%; padding: 30px 15px;}

    .rd_cfef_wrap .rd02_c1_cont .detail{flex-direction: column;}
    .rd_cfef_wrap .rd02_c1_cont .detail .left{display: flex;flex-wrap: wrap; align-items: center; justify-content: center;width: 100%;}
    .rd_cfef_wrap .rd02_c1_cont .detail .left img{}

    .pipe01_a_cont > img:nth-child(2){transform: rotate(90deg);}
    .pipe01_a_cont .right .detail .con{width: 100%;  display: flex;align-items: center;justify-content: center;}

    .pipe01_a_cont{flex-direction: column;}
    .pipe01_a_cont .left,
    .pipe01_a_cont .right{width: 100%;}



}
@media only screen and (max-width: 1024px) {

    /* 폰트사이즈 */
    /* 154px */
    .section2_cont .top_txt{font-size: 15.039vw;}

    /* 80px */
    section h2{ font-size: 7.813vw;}
    /* 60px */
    #sub .sub_tit h2 { font-size: 5.859vw;}
    /* 40px */
    .vision_wrap h4,
    .vision_bottom p,
    .history_wrap .txt_box .fw_700,
    .history_timeline .year{font-size:3.906vw;}
    /* 38px */
    section .txt1{font-size: 3.711vw;}
    /* 32px */
    .section4_boxwrap .subject { font-size:3.125vw;}
    /* 30px */
    .fz_36{font-size: 3.516vw;}
    .fz_30{font-size: 2.93vw;}
    /* 28px */
    .section4_boxwrap .cont1,
    .section1 .swiper-slide .txt_cont{font-size: 2.734vw;}
    /* 26px */
    .section4_boxwrap .top h4,
    section .btn_detail{ font-size: 2.539vw; }
    /* 24px */
    .rd_exosome_wrap .rd01_b1 .steps li,
    .section4_boxwrap .cont2 .date,
    .section4_boxwrap .cont2 .detail,
    section .deco_txt,
    .section2_cont .txt2,
    .section2_cont .tags li,
    #sub .sub_tit p,
    #sub .sub_tabs ul li a,
    .history_wrap .txt_box p,
    .fz_24,
    .pipe .tab li,
    .history_timeline p,
    .pr_plant_wrap .pr01_b1 ul li,
    .sub_contents .view_wrap_top .tit,
    .btn_f24,
    .vision_container .txt {font-size: 2.344vw;}
    /* 20px */
    .rd_exosome_wrap .rd01_c1 ul li .detail p,
    .history_timeline .month,
    .fz_20,
    #gnb .depth1>li>a,
    .sub_search input,
    .sub_contents .view_wrap_tag,
    .sub_search .btn_board_search,
    .sub_contents .view_wrap .add_file,
    .airticle_wrap .airticle_cont h5,
    .form_box fieldset label,
    .ir_wrap ul li .subject{font-size:18px;}
    /* 17px */
    .rd_exosome_wrap .rd01_c1 ul li .detail .c_grey{font-size: 1.66vw;}
    /* 16px */
    .fz_16,
    .f_cont,
    .sub_contents .view_wrap .view_detail,
    .sub_contents .view_wrap_top .date,
    .airticle_wrap .airticle_cont .tag,
    .sub_contents .view_wrap .view_wrap_bottom button,
    .sub_contents .view_wrap .view_detail,
    .ir_wrap ul li .detail_info{font-size: 14px;}

    /* 14px */
    /* .airticle_wrap .airticle_cont p,
    .airticle_wrap .airticle_cont .date{font-size:1.367vw;} */
    .sub_search input{font-size: 16px; line-height: 38px;}
    .sub_search .btn_board_search{line-height: 38px;}



    .w1400{padding: 0 2.93vw;}
    .sub_contents .view_wrap_top{padding: 2.055vw 0;}

    .history_timeline dd{padding-left: 2.93vw;}
    .history_wrap{padding-top: 14.648vw;}

    .airticle_wrap ul {gap: 1.953vw;}
    .airticle_wrap ul li {
        width: calc(33% - 1.027vw);
    }
    .sub_wrap{/* padding-top: 9.766vw; */padding-bottom: 11.719vw;}
    #sub .sub_tabs{height: 10.742vw; padding: 2.93vw 0; margin-bottom: 7.813vw;}
    #sub .sub_tit{padding-top: 9.766vw; padding-bottom: 5.859vw; }
    #sub .sub_tit p{line-height: 1.758vw;margin-bottom: 2.93vw;}
    #sub .sub_tit h2{line-height: 4.98vw;}

    .sub_contents .view_wrap .view_wrap_bottom button{width: 11.719vw;height: 3.906vw;}
    .vision_container ul li{width: 33%;}
    section .btn_detail{width: 19.531vw; height: 6.055vw;border-radius: 3.027vw;}

    .history_wrap .left{padding-right: 0;}
    .history_wrap .right{padding-left: 4.63vw;}
    .history_timeline .time_cont{padding-bottom: 4.63vw;}

    .rd_exosome_wrap .rd01_b1{background-size: 100%;}
    .rd_exosome_wrap .rd01_b1 .steps li{border-radius: 2.93vw; padding: 2.93vw 0;}
    .rd_exosome_wrap .rd01_c1 ul li:hover h4,
    .rd_exosome_wrap .rd01_c1 ul li h4{padding:2.93vw ;}

    .rd_cfef_wrap .rd02_a2_01{flex-direction: column;gap: 30px;}
    .rd_cfef_wrap .rd02_a2_01 > img{transform: rotate(90deg)}

    .rd_cfef_wrap .rd02_a2_01_img.img1{width: 100%; padding: 20px;}
    .rd_cfef_wrap .rd02_a2_01_img.img2{width: 100%; padding: 20px;}
    .rd03_d_cont .tab li,
    .rd03_a_cont .tab li{font-size: 22px;}
    .rd03_a2 .rd03_a2_01{width: 70%;}
    .rd03_a2 .rd03_a2_02{width: 30%;}
    .rd03_c_cont,
    .rd03_d_01 .img_wrap,
    .rd03_b_cont ul{flex-direction: column;}

    .rd03_d_01 .img_wrap{padding: 20px; gap: 20px;}
    .rd03_d_01 .img_wrap .img_box{border-right: none;text-align: center;}
    .rd03_d_01 .img_wrap .img3{padding: 20px;}

    .rd_target_wrap{padding: 260px 0;}
    .rd_target_wrap .cont{width: 70%;padding: 60px  0;}
    .rd_target_wrap .cont h3{font-size: 3.906vw; margin-bottom: 30px;}

    .pipe03_b1_cont,
    .pipe01_b1,.pipe01_b2{flex-direction: column;}
    .pipe01_b1 .img1{width: 50%;text-align: center;}
    .pipe01_b1 .img2{width: 100%;border-top: 1px solid var(--grey99); border-left: none;}
    .pipe01_b2 .img1{border-right: none;border-bottom: 1px solid var(--grey99);}
    .pipe01_b3{gap: 30px;}


    .pipe03_a1_cont .img_box > img:nth-child(1){width: 26%;}
    .pipe03_a1_cont .img_box > img:nth-child(2){width: 20%;}
    .pipe03_a1_cont .img_box > img:nth-child(3){width: 40%;}
    .pipe03_a1_cont .img_box > img:nth-child(4){width: 24%;}
    .pipe03_a1_cont .img_box > img:nth-child(5){width: 62%;}

    .pipe03_b1_cont .top_gra_box .detail{aspect-ratio: initial;}
    .pipe04_a1_cont .detail{flex-direction: column;}
    .pipe04_a1_cont .detail img:nth-child(1){width: 100%;}
    .pipe04_a1_cont .detail img:nth-child(2){width: 60%;}

    .pipe04_b1_cont .img_box{gap: 30px;}

    .pipe04_b1_cont b{font-size: 60px;}

    .pr_plant_wrap .pr01_a1 ul li{width: calc(50% - 10px);}
    .pr_plant_wrap .pr01_a1 ul li img{width: 100%;}

    .cc_wrap ul li{width: calc(33.333% - 14px);}

    .sub_search{height: 40px; width: 60%;}
    .sub_search .btn_board_search{width: 60px;}
    .rd03_d_cont .img_wrap{flex-direction: column;}


}


@media only screen and (max-width: 810px) {
    .rd_cfef_wrap .rd02_c1_cont .detail .left{gap: 50px;}
    .rd_cfef_wrap .rd02_c1_cont .detail .right{padding: 20px;}

    .rd_cfef_wrap .rd02_c1_cont .detail .left img:nth-child(2){margin: 0;}

}
@media only screen and (max-width: 750px) {
    #tab_container .tab li{word-break: keep-all;}
    .header-box,
    .header-box::before,
    .header-btn,
    header{height: 80px;}
    .header-box::after{border-bottom: 80px solid #fff;}

    header.scrollOn1,
    header.scrollOn1 .header-box,
    header.scrollOn1 .header-box::before,
    header.scrollOn1 .header-box::after,
    header.scrollOn1 .header-box nav > ul > li,
    .scrollOn1 .header-btn{height: 65px;}
    header.scrollOn1 .header-box::after{border-bottom: 65px solid #fff;}

    /* 폰트사이즈 */
    /* 154px */
    .section2_cont .top_txt{font-size: 20.533vw;}

    /* 96px */
    .vision_bottom h3,
    #sub .sub_tit h2{ font-size: 12.8vw;}

    /* 80px */
    section h2{ font-size: 10.667vw;}
    /* 64px */
    .vision_wrap h4,
    .vision_bottom p,
    .history_wrap .txt_box .fw_700,
    .history_timeline .year{font-size: 8.533vw;}
    /* 48px */
    /* .fz_24{font-size: 6.4vw;} */
    /* 40px */
    .sub_search .btn_board_search,
    .sub_search input,
    .airticle_wrap .airticle_cont h5{font-size: 5.333vw;}
    /* 38px */
    section .deco_txt,
    section .txt1,
    .history_wrap .right .c_point,
    .history_wrap .txt_box p,
    .vision_container .txt,
    #sub .sub_tit p,
    #sub .sub_tabs ul li a{font-size: 5.067vw;}
    /* 36px */
    .fz_36{font-size: 36px;}
    /* 32px */
    .fz_16,
    .airticle_wrap .airticle_cont .tag,
    .history_timeline .month,
    .section3_boxwrap .section3_box .right h4 { font-size:16px;}
    .section4_boxwrap .subject{font-size: 4vw}
    /* 30px */
    .fz_30{font-size: 30px;}
    /* 28px */
    .airticle_wrap .airticle_cont .date,
    .airticle_wrap .airticle_cont p,
    .section4_boxwrap .cont1,
    .section1 .swiper-slide .txt_cont{font-size: 3.733vw;}
    /* 26px */
    .f_cont,
    .section4_boxwrap .top h4,
    section .btn_detail{ font-size: 3.467vw; }
    /* 24px */
    .fz_24,
    .section4_boxwrap .cont2 .date,
    .section4_boxwrap .cont2 .detail,
    .section2_cont .txt2,
    .section3_boxwrap .section3_box .right,
    .history_timeline p,
    .rd_exosome_wrap .rd01_b1 .steps li,
    .pr_plant_wrap .pr01_b1 ul li,
    .section2_cont .tags li {font-size: 3.2vw;}

    /* 20px */
    .cc_wrap ul li .cc_name p,
    .rd_exosome_wrap .rd01_c1 ul li .detail p,
    .history_timeline .month,
    .fz_20,
    #gnb .depth1>li>a,
    .sub_search input,
    .sub_contents .view_wrap_tag,
    .sub_search .btn_board_search,
    .sub_contents .view_wrap .add_file,
    .airticle_wrap .airticle_cont h5,
    .form_box fieldset label,
    .ir_wrap ul li .subject{font-size: 2.667vw;}

    .airticle_wrap .airticle_cont p, .airticle_wrap .airticle_cont .date{font-size: 14px;}


    /* 17px */
    .rd_exosome_wrap .rd01_c1 ul li .detail .c_grey{ font-size: 2.267vw;}
    /* 16px */
    .f_cont {font-size: 2.133vw;}


    .w1400{padding: 0 4vw;}
    .w1600{padding: 0 4vw;}
    #sub{padding-top: 80px;}

    .section1 .swiper-container{aspect-ratio: 1 / 1;}
    .section1 .swiper-slide .img {height: 100%;}
    .section1 .swiper-slide .img img{ object-fit: cover;}
    .section1 .swiper-slide .txt{ width: 73%;}
    .section1 .swiper-pagination{bottom: 20px;}
    .section1 .swiper-pagination-bullet{width: 4vw; height: 1.067vw; border-radius: 2vw;}

    .section2{padding: 16vw 0px;}
    .section2_cont .top_txt{margin-left: -5px; line-height: 60px;}
    .section2_cont .tags {margin-bottom: 3vw; gap: 0 2.667vw;margin-top: -12px;}
    .section2_cont .tags li{height: auto; padding: 0 2.667vw; border-radius: 2.667vw; line-height: 1.67;}
    section .txt1{margin-bottom: 3vw;}
    .section2 h2{margin-bottom: 8vw;}
    .section2_cont .txt2{ margin-bottom: 30px;}
    section .btn_detail{height: auto;width: 26.667vw; gap: 1.6vw; line-height: 2.231; border-radius: 29px;}
    section .detail em{background-size: 100%; width: 1.067vw;;}

    .section3{padding: 16vw 0; background-size: 250%;}

    .section3_boxwrap{gap: 2.667vw;}
    .section3_boxwrap .section3_box{aspect-ratio: 69 / 25; width: 100%; height: 100%; gap:  4vw;}
    section .deco_txt{ padding-left: 7.2vw; background-size: 4.267vw auto;}

    .section3 .deco_txt{ margin-bottom: 3vw;}
    .section3 h2{margin-bottom: 25px;}
    .section3_boxwrap .section3_box .left{width: 54%;}
    .section3_boxwrap .section3_box .right{margin: 0; width: 45%;font-size: 3.5vw;}
    .section3_boxwrap .section3_box .right h4{margin-bottom: 14px;font-size: 4vw;}

    .section4{padding: 16vw 0;}
    .section4_cont_tit{margin-bottom:3vw;}
    .section4_box1, .section4_box2{width: 100%; border-radius: 10px;}
    .section4_boxwrap{gap:2.667vw ;}
    .section4_boxwrap .swiper-container .swiper-pagination{gap: 1.333vw;}
    .section4_boxwrap .swiper-container .swiper-pagination-bullet{height: 1.333vw;width: 1.333vw;}
    .section4_boxwrap .swiper-container .swiper-pagination-bullet.on{width: 2.667vw; border-radius:0.66vw;}

    .section4_boxwrap .swiper-container .top{padding: 5.067vw 5.333vw;}

    .section4_boxwrap .inner{padding: 5.333vw; height: auto;}

    .section4_box1::before, .section4_box2::before{border-radius: 8px;}

    .section5{padding:  8vw 0; }
    .section5_inner{flex-direction: column;gap: 8vw;}
    .section5_inner .swiper-container{width: 100%;}
    .section5_inner .swiper-slide{padding: 3vw 5.333vw; border-radius: 10px; }

    .f_container{padding: 8vw 0; flex-direction: column; gap: 4vw;}

    .f_cont{ text-align: center;}


    .sub_wrap{/* padding-top: 21.333vw; */padding-bottom: 16vw;}
    #sub .sub_tit{padding: 21.333vw 30px 12.8vw;}
    #sub .sub_tit h2{line-height: 10.8vw;/* margin-bottom: 12.8vw; */}
    #sub .sub_tit p{line-height: 3.867vw;margin-bottom: 6.533vw;}

    #sub .sub_tabs{
        background: linear-gradient(90deg, rgba(52, 169, 89, 1) 0%, rgba(19, 160, 209, 1) 100%);
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #sub .sub_tabs ul li.on a::after{height: 0.8vw;}
    .history_wrap{flex-direction: column; padding-top: 8vw;gap: 16vw;}
    .history_wrap .left{width: 100%; background-size: auto 100%; aspect-ratio: 75 / 103;}
    .history_wrap .right{width: 100%;}

    .history_wrap .txt_box::before,
    .history_wrap .txt_box::after{font-size: 21.333vw;}

    .history_timeline{max-height: initial; overflow-y: initial;}
    .history_wrap .right .c_point{top: 0;}

    .history_wrap .right{padding-top: 16vw;}
    .history_timeline dt{margin-right: 4.267vw ;}
    .timeline_txt::after{left: -1px;height: calc(100% + 4vw);}
    .history_timeline .time_cont::after{left: -10px;}
    .history_timeline .time_cont::before{left: -5px;}
    .timeline_txt{padding-left: 6.4vw  ;}
    .history_wrap .txt_box{width: 100%;}
    .history_wrap .txt_box::before{height: 5.6vw;  top: -10vw; line-height: 1;}
    .history_wrap .txt_box::after{  height: 5.6vw;  bottom: -9vw; line-height: 1;}
    #sub.aboutus .sub_contents.w1400{padding: 0;}

    .vision_container ul{flex-direction: column; gap: 13.333vw;
        background-size: 68.267vw auto; background-position: top 13.333vw center;padding-top: 105.067vw;    }
    .vision_container ul li{width: 100%;}
    .vision_container ul li:nth-child(1){order: 2;}
    .vision_container ul li:nth-child(2){margin-bottom: 0; order: 1;}
    .vision_container ul li:nth-child(3){order: 3;}
    .vision_container::before{display: none;}
    .vision_bottom{background:url(/img/vision_bottom_m.jpg) no-repeat center;background-size: cover; padding: 17.067vw 3vw; box-sizing: border-box;     aspect-ratio: initial;}
    .vision_bottom h3{line-height: 1.04;word-break: keep-all;}
    .vision_container .txt{border-radius: 2.667vw; padding: 19.2vw 0 6.133vw;margin-top: -12.4vw;}

    .airticle_wrap ul li{width: calc(50% - 1.027vw);}

    .location_info .multi{flex-direction: column;}
    .location_info .box strong{display: block; margin-bottom: 10px;}

    .rd_exosome_wrap .rd01_b1{background-size: 100%;}
    .rd_exosome_wrap .rd01_b1 .steps{ flex-wrap: wrap; gap: 32px 16px;}
    .rd_exosome_wrap .rd01_b1 .steps li{border-radius: 2.93vw; padding: 2.93vw 0;flex-basis: 30%}
    .rd_exosome_wrap .rd01_c1 ul{flex-wrap: wrap;}
    .rd_exosome_wrap .rd01_c1 ul li{flex-basis: calc(50% - 2.133vw);}
    .rd_exosome_wrap .rd01_c1 ul li h4{padding:2.93vw ;}

    .rd_exosome_wrap .rd01_b1 .steps li:before{ font-size: 2.133vw;}
    .rd_exosome_wrap .rd01_a1_01{flex-direction: column;}
    .rd01_a1_01 img{max-width: 100%;}
    .rd03_a2{flex-direction: column;}
    .rd03_a2 .rd03_a2_01{width: 100%;border-right: none;border-bottom: 1px solid var(--grey99);}
    .rd03_a2 .rd03_a2_02{width: 100%;}
    #tab_container .tab li{align-content: center; line-height: 1.3;}

    .pipe02_a_cont,
    .rd03_c_02 .detail,
    .rd03_a3{flex-direction: column; }
    .rd03_a3_01{border-right: none; border-bottom: 1px solid var(--grey99);}
    .rd03_c_02 .detail{height: auto;}

    .rd_target_wrap .cont{width: 80%; padding: 40px;}
    .rd_target_wrap .cont h3{font-size: 5.333vw;}
    .rd_target_wrap .fz_30{font-size: 4vw;}

    .rd_target_wrap{margin-top: -8vw;}

    .rd_exosome_wrap .rd01_b1 .steps li, .section4_boxwrap .cont2 .date, .section4_boxwrap .cont2 .detail, section .deco_txt, .section2_cont .txt2, .section2_cont .tags li, #sub .sub_tit p, #sub .sub_tabs ul li a, .history_wrap .txt_box p, .fz_24, .pipe .tab li, .history_timeline p, .sub_contents .view_wrap_top .tit, .btn_f24, .vision_container .txt{font-size: 3.2vw;}
    .pr_plant_wrap .pr01_c1 .pr01_c1_cont,
    .pipe01_b3{flex-direction: column;align-items: center;}
    .pipe02_b2 .img1{flex-direction: column;gap: 20px;}
    .pipe02_b2 .img1 > img:nth-child(1){max-width: 100%;}
    .pipe02_b2 .img1 > img:nth-child(2){max-width: 10%;transform: rotate(90deg);}
    .pipe02_b2 .img1 > img:nth-child(3){max-width: 50%;}

    .pipe02_c_cont .detail .img1,
    .pipe02_c_cont .detail .img2{padding: 20px;}

    .pr_plant_wrap .pr01_b1 ul li{width: 40%;}
    .pr_plant_wrap .pr01_c1 .pr01_c1_cont > div{width: 100%;}
    .pr_product_wrap{margin-top: -8vw;}


    .cc_wrap ul li{width: calc(50% - 10px);}
    .cc_wrap ul li .cc_img{padding: 10px;}
    .cc_wrap ul li .cc_name{padding: 0 10px;}

    .sub_contents .view_wrap{margin-top: 80px;}

    .ir_wrap ul li .subject .icon{height: 30px;border-radius: 15px; line-height: 28px;}
    .ir_wrap ul li .subject{max-width: calc(100% - 120px);}

    .pipe01_a_cont .left,
    .pipe01_a2_cont{flex-direction: column;}
    .pipe01_b1 .img2 .img_wrap{flex-direction: column;}
    .pipe01_b1 .img2 .img_wrap > img{transform: rotate(90deg);}
    .pipe01_b1 .img2 .img2_1{width: auto; }
    .pipe01_b1 .img2 .img2_1 .imgs{
        display: flex;
        width: auto;
        flex-direction: column;
        gap: 7px;
    }

    #snb > ul > li > ul > li > a{padding: 15px 0;}



}
@media only screen and (max-width: 640px) {
    body{font-size: 10px;}

    #snb{padding: 60px 0 0 40px;}
    #snb > ul > li > a{font-size: 35px;}
    #snb > ul > li > ul > li > a{padding: 15px 0;font-size: 25px;}
    .menu-close-btn{top: 50px;right: 30px;}

    .f_container img{width: 38.4vw; }

    .sub_h3_line{margin-bottom: 20px;}

    .pipe .tab li{border-radius: 10px 10px 0 0; padding: 10px 0;}
    .rd03_d_cont .tab li,
    .rd03_a_cont .tab li{ border-radius: 10px 10px 0  0;}
    .rd03_a2 .rd03_a2_01,
    .rd03_a2 .rd03_a2_02{padding: 15px;}


    .rd_exosome_wrap .rd01_c1 ul li h4{font-size: 24px;}
    .fz_30,
    .rd_exosome_wrap .rd01_c1 h3{font-size: 28px;}

    .rd_exosome_wrap .rd01_c1 ul li .detail p,
    .history_timeline .month,
    .fz_20,
    #gnb .depth1>li>a,
    .sub_search input,
    .sub_contents .view_wrap_tag,
    .sub_search .btn_board_search,
    .sub_contents .view_wrap .add_file,
    .airticle_wrap .airticle_cont h5,
    .form_box fieldset label,
    .ir_wrap ul li .subject{font-size:18px;}
    .rd_exosome_wrap .rd01_c1 ul li .detail .c_grey{font-size: 16px;}
    .f_cont{font-size: 16px;}

    .rd_exosome_wrap .rd01_a1_01 .detail .fz_24{font-size: 22px;}
    .rd_exosome_wrap .rd01_b1 .steps li:before{font-size: 16px;}
    .pr_plant_wrap .pr01_c1 .pr01_c1_cont > div,
    .rd_cfef_wrap .rd02_a1_01{border-left-width: 5px;}
    .line_left_box, .rd_exosome_wrap .rd01_a1_cont{padding: 20px; border-left-width: 5px;}
    .rd_cfef_wrap .rd02_a1_01{padding: 18px 20px;}

    .rd_exosome_wrap .rd01_b1{padding: 50px 0; margin-bottom: 50px; background-size: 260% auto; background-position: bottom 60% right -2%;}
    .rd_exosome_wrap .rd01_b1 .steps li{font-size: 22px; flex-basis: calc(50% - 10px);}
    .rd_exosome_wrap .rd01_c1 ul li:hover h4, .rd_exosome_wrap .rd01_c1 ul li h4, .rd_exosome_wrap .rd01_c1 ul li .detail{padding: 15px;}
    .rd_cfef_wrap .rd02_b1 .steps li{width: 100%;}

    .rd_cfef_wrap .rd02_b1::after{background-size: 100%;right: -66px; top: -34px;width: 213px;height: 213px;}
    .rd_cfef_wrap .rd02_b1::before{background-size: 100%; left: -54px;bottom: -54px; width: 213px;height: 213px;}

    .rd03_a_cont p,
    .rd03_d_cont p{font-size: 3.125vw;}

    .fz_24, .section4_boxwrap .cont2 .date, .section4_boxwrap .cont2 .detail, .section2_cont .txt2, .history_timeline p, .rd_exosome_wrap .rd01_b1 .steps li, .section2_cont .tags li{font-size: 3.75vw;}
    .rd_exosome_wrap .rd01_b1 .steps li, .section4_boxwrap .cont2 .date, .section4_boxwrap .cont2 .detail, section .deco_txt, .section2_cont .txt2, .section2_cont .tags li, #sub .sub_tit p, #sub .sub_tabs ul li a, .history_wrap .txt_box p, .fz_24, .pipe .tab li, .history_timeline p, .sub_contents .view_wrap_top .tit, .btn_f24, .vision_container .txt,
    .rd03_a_cont .tab li,
    .rd03_d_cont .tab li,
    .top_gra_box h4, .rd_cfef_wrap .rd02_c1_cont h4{font-size: 3.75vw;}

    .rd_cfef_wrap, .rd_exosome_wrap{margin-top: 50px;}
    .line_left_box, .rd_exosome_wrap .rd01_a1_cont{margin-bottom: 50px;}

    .rd_cfef_wrap .rd02_a2_01{gap: 20px;}
    .rd_cfef_wrap .rd02_a2_01 > img {height: 58px;}

    .rd03_b1,
    .pipe04_b1,
    .rd_cfef_wrap .rd02_c1,
    .rd_cfef_wrap .rd02_b1{padding: 50px 0;}
    .mb100,
    .rd_cfef_wrap .rd02_a1_cont{margin-bottom: 50px;}
    .pr_plant_wrap .pr01_c1 .pr01_c1_cont > div,
    .rd_cfef_wrap .rd02_c1_cont .detail{padding: 20px;}
    .rd_cfef_wrap .rd02_c1_cont .detail .right{padding: 15px; border-radius: 10px;}
    .rd_cfef_wrap .rd02_b1 .steps li{padding: 15px 10px;}
    .rd_cfef_wrap .rd02_b1 .steps li .fz_30{padding-bottom: 10px;padding-top: 10px;}
    .rd_cfef_wrap .rd02_b1 .steps li{border-radius: 20px;}
    .rd_exosome_wrap .rd01_c1 ul li,
    .rd_target_wrap .cont,
    .rd03_b_cont ul{border-radius: 10px;}

    .top_gra_box h4, .rd_cfef_wrap .rd02_c1_cont h4{border-radius: 10px 10px 0 0;}

    .rd_target_wrap{ padding: 200px 0;}

    .pipe01_b1 .img1{width: 100%; text-align: center;justify-content: center;}


    .pipe01_a_cont .left .detail .con{ padding-left: 25px; padding: 20px;}


    .pipe03_a1_cont .img_box > img:nth-child(1){width: 39%;}
    .pipe03_a1_cont .img_box > img:nth-child(2){width: 30%;}
    .pipe03_a1_cont .img_box > img:nth-child(3){width: 60%;}
    .pipe03_a1_cont .img_box > img:nth-child(4){width: 36%;}
    .pipe03_a1_cont .img_box > img:nth-child(5){width: 93%;}

    .pipe04_b1_cont .img_box{gap: 20px; flex-direction: column; }
    .pipe04_b1_cont b{font-size: 45px;}

    .pipe04_b1_cont .img_box > img{width: 50%;}

    .pr_plant_wrap .pr01_a1 ul li{width: 100%;}
    .pr_plant_wrap .pr01_a1 ul li .airticle_box{aspect-ratio: initial;}


    .pr_product_wrap .contents{flex-direction: column;}
    .pr_product_wrap .contents > div{width: 100%;}

    .sub_contents .view_wrap .view_wrap_bottom button{min-width: 80px; min-height: 30px;}

    .form_muti_wrap{flex-direction: column;}
    #sub .sub_tabs{
        height: 20vw;
        padding: 3vw 0;
        margin-bottom: 8vw;
    }

    .rd_exosome_wrap .rd01_a1_01{gap: 20px;}
    .rd_exosome_wrap .rd01_a1 h3,
    .rd_exosome_wrap .rd01_b1 h3,
    .rd_exosome_wrap .rd01_c1 h3,
    .rd_cfef_wrap .rd02_a1 h3,
    .rd_cfef_wrap .rd02_b1 h3,
    .rd_cfef_wrap .rd02_c1 h3,
    .rd_cfef_wrap .rd02_c1_cont .detail .right .con1,
    .rd_target_wrap .cont h3,
    .sub_h3_purple{margin-bottom: 20px;}

}
@media only screen and (max-width: 450px) {
    .rd_exosome_wrap .rd01_c1 ul li{flex-basis: 100%;}
    .rd03_a1_01{ padding: 15px;}
    .rd03_a1_01 .img{gap: 30px;}
     .section4_boxwrap .subject,
    .fz_24, .section4_boxwrap .cont2 .detail, .section2_cont .txt2, .history_timeline p, .rd_exosome_wrap .rd01_b1 .steps li, .section2_cont .tags li{font-size: 4.75vw;}

    .rd03_a_cont p{font-size: 4.444vw;}
    .top_gra_box h4, .rd_cfef_wrap .rd02_c1_cont h4{font-size: 5vw;}
    .rd03_b_cont li{line-height: 40px;}
    .rd_cfef_wrap .rd02_a1_01{font-size: 4vw;}

    #sub .sub_tit{padding:22.222vw 3.333vw;}
    .rd_target_wrap .cont{padding: 20px;}

    .rd_exosome_wrap .rd01_c1 ul li .detail p, .history_timeline .month, .fz_20, #gnb .depth1>li>a, .sub_search input, .sub_contents .view_wrap_tag, .sub_search .btn_board_search, .sub_contents .view_wrap .add_file, .airticle_wrap .airticle_cont h5, .form_box fieldset label, .ir_wrap ul li .subject{font-size: 16px;}

    .pr_plant_wrap .pr01_b1 ul li,
    .section4_boxwrap .top h4,
    .rd_exosome_wrap .rd01_b1 .steps li, section .deco_txt, .section2_cont .txt2, #sub .sub_tit p, #sub .sub_tabs ul li a, .history_wrap .txt_box p, .fz_24, .history_timeline p, .sub_contents .view_wrap_top .tit, .btn_f24, .vision_container .txt{ font-size: 5.333vw;  }
    .pipe .tab li{font-size: 16px;}
    .fz_16, .airticle_wrap .airticle_cont .tag, .history_timeline .month, .section3_boxwrap .section3_box .right h4{font-size: 14px;}

    .pipe04_a1_01, .pipe01_a_cont .detail{flex-direction: column; }
    .pipe01_a_cont .left .detail .img{border-right: none;  }
    .pipe01_a_cont .left .detail .con{display: flex;align-items: center; width: 100%; margin-top: 0; padding: 0;}
    .pipe01_a_cont .detail,
    .pipe01_a_cont .left,
    .pipe01_b1 .img1,
    .pipe01_b1 .img2,
    .pipe01_b3,
    .pipe02_b1,
    .pipe02_b2 .img1,
    .pipe01_b2 > div,
    .pipe03_a1_cont,
    .pipe03_b1_cont .top_gra_box .detail,
    .pipe04_a1_cont .detail{padding: 20px;}

    .top_gra_box .detail, .rd_cfef_wrap .rd02_c1_cont .detail{gap: 25px;}

    .pipe02_c_cont .detail{flex-direction: column;}
    .pipe02_c_cont .detail .img1{border-right: none;border-bottom: 1px solid var(--grey99);}

    .pipe03_a1_cont .img_box > img:nth-child(1){width: 50%;}
    .pipe03_a1_cont .img_box > img:nth-child(2){width: 40%;}
    .pipe03_a1_cont .img_box > img:nth-child(3){width: 80%;}
    .pipe03_a1_cont .img_box > img:nth-child(4){width: 46%;}
    .pipe03_a1_cont .img_box > img:nth-child(5){width: 100%;}
    .pipe04_b1_cont .img_box > img,
    .pipe04_a1_cont .detail img:nth-child(2){width: 80%;}

    .pipe04_a1_01{gap: 0;}
    .pipe .line_left_box{margin-bottom: 20px;}
    .pr_plant_wrap .pr01_b1 ul li{width: calc(50% - 10px);}


    .pr_product_wrap .text-style-1{font-size: 30px;}
    .pr_product_wrap .product_text{font-size: 18px;}
    .sub_search{width: 100%;}
    .sub_search input{padding-left: 10px;}
    .cc_wrap ul li .cc_name p{font-size: 16px;}

    .pipe01_a_cont .left .detail .img{justify-content: center;}
    #sub .sub_tabs{
        height: 23.6vw;
        padding: 6.4vw 0;
    }
    #sub .sub_tabs ul li a{font-size: 5vw;}
    #tab_container .tab li{font-size: 5vw; padding: 5px 0;}

    .rd_cfef_wrap .rd02_b1 .tag,
    .rd_exosome_wrap .rd01_b1 .steps li:before{font-size: 14px; background-size: 80%;}
    .rd_exosome_wrap .rd01_c1 ul li .detail .c_grey{font-size: 14px;}
    .rd_cfef_wrap .rd02_c1_cont .detail .right{width: 100%;}
    .ir_wrap ul li .subject .icon{font-size: 14px;}

    .sub_wrap .pagination ul{gap: 5px;}
    .section4_boxwrap .cont1,
    .section4_boxwrap .subject{margin-bottom: 15px;}
}