@charset "utf-8";


@media all and (min-width:1400px) {
    
    
    .v_r_s_i_cover {  height: 407px;   }
     .k_analysis_con {  width: 930px}
     .m_db_wrap { background-position: 43% bottom;}
   
    
    
    
}


@media all and (min-width:1500px) {
    
    
    .container{  min-width: 1500px;}
    #top_nav_wrap { margin-left: 84px; }
       
      .v_r_s_i_cover {  height: 470px;   }
    .project_top_tab ul li a { font-size: 18px; } 
    .k_analysis_con {  width: 1100px}
    
    .m_a_slide_wrap { left: 35% }
    
     .header_inner h1 {   padding: 27px 0 0 0;  }
.header_inner h1 a {  height: 35px;  width: 465px;  }
   
  
    
    
}



@media all and (max-width:1399px) {
    
    
    
     .k_analysis_con {  width: 780px}
    .m_letter_form { width: 500px; }
    .m_db_wrap { background-position: 38% bottom;}
    
    
     
    
    
    #top_nav_wrap { display: none; }
    .h_login_bt { display: none;}
    .t_r_bt{ display: none; }
    
    .side_bt_box {display: block    }
    .header_inner { min-height: 92px; }
    .i_c_c_img { flex-basis: 240px; }
    .i_c_t_bottom ul li { width: 50%; }
    .i_c_t_bottom ul li a{  line-height: 46px;  }
    .i_c_t_bottom ul li:nth-child(2):after {  display: none; }
    
    .project_top_tab ul li a { font-size: 16px; }
    
     .v_r_s_i_cover {  height: 345px;   }
    
    
/*    .project_top_tab { height: 105px; }*/
/*    .project_top_tab ul { width: 100%; white-space: nowrap;   overflow-x: scroll; }     */
/*    .project_top_tab ul li { width: 20%; }*/
/*    .project_top_tab ul li { width: 20%; }*/
      #toTop{     right: 2%;  }
    
    
    .m_quration_img:after {         background-position: 78% 0; }
    
    
    .m_quration_img { width: 450px}
    .m_quration_con {     margin-right: 495px; }
    .m_quration_wrap:after { background-size: 100% auto;}
    
    
    
 
    
    
    

    
    
    
    
     
    
}

@media all and (max-width :1200px) {
    

    .top_nav_wrap {display: none}
    .header_nav { display: none }

    
    .main_search_wrap h2,
    .m_s_t01{ font-size: 40px; }
    .m_s_int_wrap {  width: auto; }
    .m_quration_img:after {  background-position: 78% 0; }
    #main_quration_slide .owl-nav {    bottom: auto; top: 0;   }
/*    .m_quration_wrap { padding-bottom: 0; background-size: 100% auto;box-shadow:0 9px 20px rgba(0,0,0,0.5); }*/
    

    
    
    
    h3.m_c_tit {  font-size: 36px; }
    .t_u_text{ font-size: 16px; }
    .m_archive_box {    padding: 20px; }
    .m_a_tit { font-size: 16px;  height: 95px;}
    .m_a_author { font-size: 14px; }
   
    #main_quration_slide .owl-item img { width: 100%; height: 100%;}
    .m_db_left { width: 340px  }
    .m_project_item p { font-size: 18px; }
    
    .m_s_l_item p { font-size: 20px; }
    
    .m_letter_row { flex-direction: column; }
    .m_l_tit_box { margin-bottom: 30px; }
    .m_letter_form { width:100%;}
    .m_db_left .t_u_text span{ display:inline-block; }
    

    .s_time_row:first-child {background: url(../img/background/view_logo_bg.png) no-repeat right 0px;background-size: 300px auto; }
    .s_time_service_wrap {  margin-top: 0;  background-position: 50px 0;}
    .s_time_h4 { margin-left: 0; width: 100px;    }
    .s_time_panel { top: 0px; min-width: auto; padding-bottom: 12px;text-align: left; max-width: none; margin-left: 112px;  width: auto;  float: none; }
    .s_time_panel .i_c_t_box { border-radius: 0 16px 16px 16px; }
    .s_time_panel .i_c_t_box:after {  left: -12px;
    right: auto;background: url(../img/background/s_time_l_arr.png) no-repeat 0 0;  }
    .t_p_right .s_time_panel { float: none; }
    .s_t_date { margin-left: 10px;left: 10px;  }
    .add_img_timeline .s_time_box { margin-top: 0;}
    .add_img_timeline .info_cover_box { margin-top: 0;  }
    .add_img_timeline .s_time_inner:after {background: #ea8925;top:3px;width: 100%;border-radius: 10px;width: 36px;left: 44px; }
    
    .v_f_i_line .col-md-6:nth-child(2):after  {  display: none; } 
    
/*    .v_f_i_line .f_v_info_box { background: #f9f9f9; border-radius: 5px; }*/
    .box_inner_tab ul li a { font-size: 16px; }
    
    /* 필터 */
    
    .search_filter_wrap{  position: fixed; left: -400px; top:0; bottom:0; z-index: 9; background: #fff; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); transition:all 0.3s ease;  width: 300px;  }
     .search_filter_wrap .brick { box-shadow: none; position: absolute; left: 0; right: 0; top: 64px; bottom:20px; overflow-y: scroll;   }
    .search_filter_inner { height: 100%; }
    .search_filter_scroll { overflow-y: scroll; position: absolute; left: 0px; right: 0px;bottom: 0;
    top: 130px;padding: 0 15px;  }
    .search_filter_wrap.active{  left: 0; opacity: 1; }
    
    .m_fillter_box {  display: block; }
    .m_fillter_close {  display: block; }
    .s_f_wrap { background: #fff;  
        position: absolute; margin-top: 0; 
        left: 0;
        right: 0;
        top: 64px;
        bottom: 20px;
        overflow-y: scroll;  }
    .s_f_m_top {height: 64px;  display: block; position: relative; padding: 20px 15px; border-bottom: 1px solid #ddd;background: #fff;  }
    .s_f_m_top h4 {  font-size: 20px; }
    
    

    .project_top_tab ul li { width:auto }
    .project_top_tab ul li a   {  border-radius:0 0;  } 
/*
    .project_top_tab ul li a.active:before  { display: none; } 
    .project_top_tab ul li a.active  {   position: relative;border:1px solid #b98f2b; border-radius: 8px;  overflow: hidden;  } 
*/
    
     .v_r_s_i_cover {  height: 282px;   }
    
    .j_v_cover_box img { width: 320px; margin: 0 auto; display: block; }   
    
    
    
    .m_journal_left {  display: none; }
    .m_journal_area { margin: 0; }
    
    
    
    .cu_img_box p { width:  320px }
    .cu_l_info_box {  margin: 0 0 0 360px; }
    .cu_l_tit p { font-size: 32px }
    
    
    
    .cu_v_left { float: none; width: auto;  background: #f3f3f3; padding: 7px; border-radius: 30px; }
    .cu_v_left ul li a { font-size: 16px;     padding: 8px 15px; }
    .cu_v_left ul li a i { margin-right: 0; }
    .cu_v_con {    margin: 20px 0 0 0px; }
    .cu_v_left ul  {overflow: hidden; }
    .cu_v_left ul li { float: left; }
    .cu_v_left { top: 0; }
    
    .k_a_fillter_wrap {         border-radius: 0px;
        position: fixed;
        left: -400px;
        top: 0;
        bottom: 0;
        z-index: 999;
        background: #fff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        width: 300px; }
    .k_a_fillter_inner { height: 100%; }
    .k_a_filter_scroll { overflow-y: scroll; position: absolute; left: 0px; right: 0px;bottom: 0;
    top: 84px;padding: 0 15px;  }
    .k_a_fillter_wrap.active{  left: 0; opacity: 1; }
    .k_a_fillter_box { display: block; }
    .k_a_fillter_close { display: block; }
    
    .k_a_filter_scroll .h_fillter_row:first-child { padding-top: 0; border-top: 0px; }
    
    .k_analysis_con{  width: 100%;}
    .k_analysis_left { border-top:0px; }
    
    .s_result_box { width: 100%; }
    
    

    
   
}

@media only screen and (max-width :992px) {
    
    
    #main_quration_slide { background-size: cover; }
    .m_q_list_box { display: none}
    .m_quration_box{ height: auto; }
    .m_quration_con {  padding: 35px 30px 0px 30px;  margin-right: 0; }
    .m_quration_img {  position: relative; right:auto;top:auto;  width:auto; margin:30px 30px 0 30px}
    
    .main_search_wrap { margin: 100px 0; }
     .m_q_keyword { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;  }
    
    
/*    .m_q_bt_box  { left: 30px; right: 30px; background: none; backdrop-filter:none;right: 56px;  }*/
    .m_q_bt_box  {overflow: hidden; position: relative; left: auto; right: auto; background: none; backdrop-filter:none;right: auto; display: block; bottom: auto;  padding-top: 30px; border-top: 1px solid #535353;  margin:30px; }
    .m_q_bt_box ul li a { font-size: 14px; backdrop-filter: blur(10px); border:1px solid #7f7f7f;  color: #e1e1e1;  }
    .m_q_bt_box ul li { width: 33.33333333%; margin-left: 0;padding: 0 2px; text-align: center;  margin-bottom: 4px;}
    .m_q_bt_box ul li:last-child {  width: 100%;  margin-left: 0;  margin-top: 10px; }
    .m_q_bt_box ul li:last-child a{border: 1px solid #555; }
    
    .m_a_tit_box { float: none; position: relative; }
    .m_a_slide_wrap {     width:auto;
    left: auto;    position: relative;height:auto;top: auto; }
    .m_l_more_box {text-align: center;margin-top: 30px; }
    .m_a_tit_box .fb_bt_box { padding: 0 0 0 0px;    margin-bottom:0px; position: absolute; right: 0; top:25px; }
    #archive_slide_wrap .owl-stage-outer { padding: 0;}
    .m_history_box .m_c_tit { font-size: 32px}
    .m_history_box .t_u_text { font-size: 16px; }
    
    
    .m_db_inner h3 { width: auto; }
    .sub_visual_inner { height: 130px}
    .sub_visual_inner h2 { font-size: 30px}
    .m_service_link{ background-size: cover}
    
    .m_archive_wrap .t_u_text { margin-bottom: 20px}
    .m_l_more_wrap .m_l_more_box {  position: relative;left:auto; top:auto;}
    
    
    .v_f_i_line .col-md-6::after  {  display: none; } 
    .m_state_box p {  font-size: 45px;}
    .m_db_col {    padding: 0 0 24px 68px; }
    .m_db_l_tit { font-size: 16px; line-height: 28px}
    .m_db_l_bottom ul li { float: none;margin-left: 0px;
    padding-left:0px; }
    .m_db_l_bottom ul li:after { display: none; }
    .m_db_l_bottom ul li em { font-size: 14px; width: 73px;}
    
    .l_date_box {   font-size: 9px;   width: 48px; height: 48px; } 
    .l_date_box strong { font-size: 18px; }
    
    .m_db_inner { flex-direction: column; position: relative; padding-bottom:56px; }
    .m_db_left { width: 100%; }
    .m_db_row { width: 100%; }
    
    .m_db_bt_box { position: absolute; left: 0; right: 0; bottom:0; margin: 0 -15px;}
    .m_db_bt_box p {  float: left; width: 50%; padding: 0 15px; }
    .m_db_bt_box p .plus_more_bt {  display: block;  }
    
    .v_tit_h3 span { width: 30px; height: 30px; font-size: 14px;  line-height: 30px;  }
    .v_tit_h3 { font-size: 26px }
    .f_v_info_t { font-size: 18px; }
    .f_v_info_box p { font-size: 16px; }
    .file_list_box { padding-left: 70px; }
    .file_list_box .f_l_tit { font-size: 16px;  }
    .file_list_box p {font-size: 14px;  }
    .file_list_box:before{  width: 56px; height: 56px;     background-size: 16px auto; }
    .box_inner_tab ul li a { height: 54px; padding-top: 16px; }
    .project_top_tab { margin-bottom: 0; padding: 10px; background: #f3f3f3; }
    .project_top_tab .form-select { display: block;  }  
    .project_top_tab ul { display: none; }
    .project_top_tab ul li a { font-size: 15px; padding-top:64px;height: 105px;  }
    .project_top_tab ul li a:after { top: 6px; }
    
    .contury_t_under .row {display: none; }
    
    .p_l_tit { font-size: 16px; }
    .view_count_box { margin-top: 15px;width: 100%; background: #f9f9f9; border-radius: 15px; padding:5px 10px }
    .view_count_box ul li { font-size: 14px; }
    .l_info_box p { font-size: 14px; }
    
    .project_sub_tab > ul { display: none;  } 
    .project_sub_tab .form-select { display: block;  } 
    
    .p_s_under { background: #eee; padding: 10px 10px 10px 30px; border:0px; }    
    .p_s_under > ul { display: none;  } 
    .p_s_under .form-select { display: block;  } 
    
    
    .j_v_meta .m_v_meta dl dt {  float: none;  width: auto;  background: #f9f9f9; }

    
    .m_v_meta dl dd.j_keyword_dd { margin-top: 10px}
    .m_v_meta dl dd { margin: 10px 0 0 20px; }
    .m_v_meta dl { margin-bottom: 20px;}
    .p_v_tit { font-size: 22px; }
    
    
    .m_v_meta dl dt {  float: none; font-size: 14px; }
    .m_v_meta dl dd {         margin: 10px 0 0 10px; }
    .m_v_s_wrap .m_v_s_r { position: relative;
    right: auto; background: #f3f3f3; padding: 5px; border-radius: 10px; 
    top: auto;
    width: 100%;
    float: left;  margin-top: 10px;text-align: right; }
    
    .r_d_m_f dl dt {  float: none;  }
    .r_d_m_f dl dd { margin: 10px 0 0 0;}
    
    
    .cu_img_box { float: none  }
    .cu_img_box p {  width: auto; }
    .cu_l_info_box {margin: 0 0 0 0px; }
    .cu_l_tit p { font-size: 32px }
    
    
    .curation_view_wrap .curation_list_row { padding-top: 30px;  background: none }
    
    
    
    .cu_v_left ul li {  width: 33.333333%;  }

    .c_s_list ul {  display: none;  }
    
    .s_result_box {     padding: 0 0px 0 184px; }
    .s_result_switch { position: relative; right: auto; top: auto; margin-top: 10px }
    .s_result_switch .form-switch{  float: right; }
   
    .m_l_tit_box { background-size: 120px auto;    padding: 20px 0 0 128px;  }
    .m_q_tit { font-size: 30px; }


    
    
    
    
    
    
    

    
    
    
    
}

@media only screen and (max-width :768px) {
    
    .l_project_img { height: auto; }
    .header_inner h1 { padding-top: 36px; }
    .main_search_wrap h2, .m_s_t01 { font-size: 32px; }
    .white_type_h .header_inner h1 a { width: 240px;
height: 24px;
        background: url(../img/background/m_h1_logo.png) no-repeat 0 0;
        background-size: auto 100%; }
    h3.m_c_tit { font-size: 28px; margin-bottom: 10px; }
    .t_u_text { font-size: 14px; }
    .m_state_box p { font-size:40px; }
    .m_db_left .t_u_text span  { display: inline-block;  }
    .m_s_l_text { font-size: 22px; } 
    .m_l_tit_box {         padding: 120px 0 0 0px;text-align: center;background-position: 50% 0; }
    .m_l_f_bt { padding: 0 13px; }
    .m_letter_form {padding-right: 120px;}
    .m_db_l_tit span {  position: relative; left: auto; top: auto; margin-left: -10px; }
    .m_db_l_tit { padding: 0 0 0 10px; }
    .m_db_l_bottom {    padding: 5px 0 0 15px;  }
    .m_db_l_bottom ul li {  font-size: 14px; }
    .m_history_box .m_c_tit { font-size: 28px;}
    
    
    .page_num_box { font-size: 15px;   }
    .list_top_i_b .l_t_r { float: none; }
    .list_top_i_b .page_num_box {  float: none;margin-bottom: 10px;  }
    .m_project_item p { font-size: 16px;}
    .v_page_nav_wrap { display: none; }
    .l_t_r { width: 100%; }

    .form-select{ font-size: 15px; }
    .info_cover_box { display: block;}
    .i_c_c_img { padding: 0; background: none; }
    .i_c_t_box { border-top: 0px; }
    .i_c_t_bottom {  display: none}
    .m_project_box{ padding: 0 15px; }
    
    .s_time_panel .i_c_c_img { background: #f9f9f9; border-radius: 15px; padding: 20px;text-align: center;  margin-bottom: 20px; }

    .s_time_panel .i_c_c_i_b img  { width: 80%;  border-radius: 15px; }
    
    
    
    .file_list_box { padding: 0; }
    .file_list_box:before  { display: none; }
    .file_list_box .line_bt { position: relative; width: 100%; margin-top: 15px;  }
    
    .v_b_more_bt a { width: auto; display: block;  height: 54px;    padding-top: 15px;  }
    .v_b_more_bt a span { font-size: 16px;        background-size: 14px auto; }
    .m_s_l_item p { font-size: 16px; }
    
    .v_r_s_i_cover {  height: 333px;   }
    .i_c_c_i_b {  height: 333px;   }
    .i_c_c_i_b img    {  height: 100%;   }
    .m_v_search{ width: auto; }
    
    .m_v_m_more span {font-size: 14px; }
    .m_v_j_tab .box_inner_tab ul li a { font-size: 15px; }
    
    .r_d_img{ margin: 0 auto;  float: none;  margin-bottom: 10px; }
    .r_d_name {     margin: 0 0 15px 0px; text-align: center; }
    .r_d_m_f {    }
    .r_d_i_row { margin: 0; }
    
    .r_d_name_t strong { font-size: 24px; }
    .r_d_name_t em {display: block; font-size: 16px;padding: 0 0 0 0px;margin-left: 0px;}
    .r_d_name_t em:after { display: none; }
    .r_d_e_n {  font-size: 22px; }
    .r_d_m_f dl dt,
    .r_d_m_f dl dd a {     font-size: 16px; }
    .r_d_i_box dl dd { font-size: 16px; }
    
    
    .t_t_r_b{ position: relative;  overflow: hidden; margin-top: 20px;}
    
    .i_c_c_i_b:after { display: none; }
    
    .s_result_box .s_result_sel { position: relative; left: auto; top:auto;  margin-bottom: 10px; width: 100%; }
    .s_result_box { padding: 0 0px 0 0px; }
    
    .r_field_box .r_i_l_box { height: auto; }
    
    
    .plus_more_bt span { font-size: 14px;padding: 0 22px 0 0;  }
    .m_l_more_wrap .m_l_more_box .plus_more_bt { display: block; }
    .m_db_bt_box p .plus_more_bt { }
    
    .m_db_bt_box .plus_more_bt span {  display: block;  width: auto; }
    .m_db_bt_box { margin: 0 -4px; }
    .plus_more_bt { padding: 0 15px; }
    .m_db_bt_box p { padding: 0px 4px;  }
    .m_db_bt_box p:last-child .plus_more_bt span  {  letter-spacing: -1px;  }

    .m_s_l_item em { font-size: 14px; }
    .m_p_fb_box { width: 100px;}
    .m_p_fb_box a { width: 40px; height: 40px; margin: 0 0 0 2px; }
    .m_quration_img { height: auto; }

    .code_message_top p {      font-size: 30px; }
    .code_m_i_tit { font-size: 26px; }
    
}

@media only screen and (max-width :420px) {
    .m_q_bt_box ul li { width: 50%;}
    .main_search_wrap h2, .m_s_t01  { font-size:28px;}
    /** 250729 연구자 상세 뒤로가기 버튼 CSS 추가 */
    .p_view_top .line_bt { top: -43px; }

}