@charset "utf-8";

/* 251204 해외 R&D 유망기술 */
.int_ana_top .int_sys_tit:after {  background:#00164f url("../img/int_system_i.png") 9px 50% no-repeat;  }
.print_icon { background: url(../img/print_bt_i.png) no-repeat right 8px !important;  background-size: 16px auto !important;  }
.tech_top_tit { display: flex; }
.tech_top_tit p {  position:relative; padding: 0 0 0 15px;  font-size: 18px;   font-family: SCDream; }
.tech_top_tit p:before {   content: ''; display: block; position: absolute; left: 0; top:4px; width: 5px; height: 15px; background: #585858; border-radius: 2px;  }
.tech_top_tit span  { margin-left: 15px;  display: block; font-size: 14px; color: #777; }

.db_b_t10:before{  background: url("../img/db_t_i10.png") 0 50% no-repeat; }

.tbl_num_t {  display: inline-block;   width: 32px; height: 32px; text-align: center; line-height: 36px; border-radius: 10px; background: #fbf8c7; color: #887835;  }
.tbl_green_t { color: #53ad75;  }

.tbl_high_t,
.tbl_medium_t,
.tbl_low_t {  display: inline-block; padding: 0 15px; border-radius: 30px;  font-size: 14px; line-height: 22px;    }

.tbl_high_t  { background: #fee0de; color: #a4524f; }
.tbl_medium_t{    background: #fdf7c7; color: #856b2a;}
.tbl_low_t {background: #dff9e8; color: #5e9177;  }

.tech_sys_tit { font-size: 17px;     padding: 15px 0 15px 44px; border-bottom: 1px solid #ddd; position: relative; color: #111;  font-family: SCDream; }
.tech_sys_tit:before { content: '';display: block;
    width: 22px;height: 22px;position: absolute;background: url(../img/tech_sys_tit.png) no-repeat 50% 50%;  left: 16px;top: 13px; }

.tech_info_box { border-radius: 15px; padding: 25px 20px 25px 70px; position: relative; margin-bottom: 8px;  }
.tech_info_box:before {   content: ''; display: block; position: absolute; left: 20px; top:28px; width: 38px; height: 38px; border-radius: 10px; }


.tech_info_box dl dt  { font-size: 16px; color: #222;font-weight: 500 }
.tech_info_box dl dd  { font-size: 14px; color: #6c6c6c;line-height: 24px;  }
.tech_i_bg01  { background: #f0fdf4;  }
.tech_i_bg02  { background: #eff6ff;  }
.tech_i_bg03  { background: #fdf0fd;  }
.tech_i_bg04  { background: #fefbe8;  }


.tech_i_bg01:before { background:#fff url(../img/tech_sum_i01.png) no-repeat 50% 50%; border:1px solid #55ca87;  }
.tech_i_bg02:before { background:#fff url(../img/tech_sum_i02.png) no-repeat 50% 50%; border:1px solid #98c4e6;  }
.tech_i_bg03:before { background:#fff url(../img/tech_sum_i03.png) no-repeat 50% 50%; border:1px solid #ffc0e8;  }
.tech_i_bg04:before { background:#fff url(../img/tech_sum_i04.png) no-repeat 50% 50%; border:1px solid #e6cc8a;  }

.tech_i_summary {border-radius: 15px; padding: 25px 20px 25px 20px; position: relative; margin-bottom: 10px;  border:1px solid #e6e6e6; margin-top: 15px;   }
.t_i_sum_tit { font-size: 16px; color: #4f67cf; font-weight: bold; position: relative; padding: 0 0 0 50px; margin-bottom: 15px; }
.t_i_sum_tit:before {   content: ''; display: block; position: absolute; left: 0px; top:-10px; width: 38px; height: 38px; border-radius: 10px;  background:#4f67cf url(../img/tech_sum_i05.png) no-repeat 50% 50%;   }
.tech_i_summary p { font-size: 14px; color: #333; line-height: 26px; }

.tech_d_tit {  position: relative; padding: 0 0 0 58px; }
.tech_d_tit:before {  content: ''; display: block; position: absolute; left: 0; top:0;  width: 46px;height: 46px;background:#003f7c url(../img/tech_m_t_i.png) no-repeat 50% 50%; border-radius: 10px }
.tech_d_tit h5 {  font-size: 20px; color: #111; margin-bottom: 3px; font-family: SCDream;  }
.tech_d_tit p {  font-size: 14px; color: #555555  }

.tech_d_t_wrap {    display: flex;justify-content: space-between;width: 100%;align-items: center;  }
.tech_d_t_wrap .line_bt { margin-left: auto;   }
.tech_d_t_wrap .btn-close { margin-left: 15px;  }

.tech_m_public { background: #f3f3f3; padding: 15px; border-radius: 12px;font-size: 14px; line-height: 26px;  color: #333;  }
.tech_m_row { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eaeaea; }

.tech_m_index{ text-align: center;  position: relative; border-radius: 12px; padding: 10px 0; overflow: hidden; }
.tech_m_index:after { content: ''; display: block; position: absolute; width: 54px; height: 18px; border-radius: 20px; background: #000; right: -20px; top:-13px;}
.tech_m_index p { font-size: 28px;font-family: GmarketSans; }
.tech_m_index span  {  display: block; font-size: 15px; }

.tech_m_i_bg01 { background: #f0fdf4;  }
.tech_m_i_bg01:after { background: #209a54;  }
.tech_m_i_bg01 p,
.tech_m_i_bg01 span  { color: #209a54;   }
.tech_m_i_bg02 { background: #eff6ff;  }
.tech_m_i_bg02:after { background: #537cce;  }
.tech_m_i_bg02 p,
.tech_m_i_bg02 span  { color: #537cce;   }
.tech_m_i_bg03 { background: #fdf0fd;  }
.tech_m_i_bg03:after { background: #f377c6;  }
.tech_m_i_bg03 p,
.tech_m_i_bg03 span  { color: #f377c6;   }
.tech_m_i_bg04 { background: #fefbe8;  }
.tech_m_i_bg04:after { background: #cd9e27;  }
.tech_m_i_bg04 p,
.tech_m_i_bg04 span  { color: #cd9e27;   }


.tech_m_row .tech_info_box{  margin-bottom: 0;   }
.tech_m_row .tech_info_box:before { top:20px;  }
.tech_m_row .tech_info_box dl dt {  margin-bottom: 10px;   }
.tech_m_row .tech_i_summary {  margin-top: 0; margin-bottom: 0;  padding: 15px; ;  border-color: #599ed3; }
.tech_none_line { border-bottom: 0px; margin-bottom: 0;padding-bottom: 0;  }

.modal-dialog-scrollable .modal-body { overflow-x: hidden; }

.tech_m_tit {  position: relative; padding: 0 0 0 26px; font-size: 16px; color: #000;  margin-bottom: 10px; line-height: 22px; font-family: SCDream; }
.tech_m_tit:before {  content: ''; display: block; position: absolute; left: 0; top:-2px; width: 22px; height: 22px; }
.tech_m_t_i01:before {background: url(../img/tech_m_tit_i01.png) no-repeat 50% 50%;   }
.tech_m_t_i02:before {background: url(../img/tech_m_tit_i02.png) no-repeat 50% 50%;   }
.tech_m_t_i03:before {background: url(../img/tech_m_tit_i03.png) no-repeat 50% 50%;   }
.tech_m_t_i04:before {background: url(../img/tech_m_tit_i04.png) no-repeat 50% 50%;   }

.tech_m_g_wrap { margin: 34px 0 0 0;  position: relative; background: #f3f3f3;    padding: 34px 0;  }
.tech_m_g_wrap:before,
.tech_m_g_wrap:after  { content: ''; display: block; position: absolute; background: #f3f3f3;   height: 100%; top:0;  }
.tech_m_g_wrap:before {  left: -50%;width: calc(100% - 50%);  }
.tech_m_g_wrap:after {   right: -50%;width: calc(100% - 50%);    }
.tech_m_g_wrap .db_s_tit { font-size: 16px; }
.tech_m_g_wrap .db_s_box  { padding: 15px;  box-shadow: none;  }
.tech_m_g_wrap .brick_sd  {  box-shadow: none;  }
.tech_m_g_wrap .db_s_box strong { font-size: 22px; }
.tech_m_g_wrap .db_s_box:before {width: 44px;height: 44px; right: 15px  }

.db_b_t_box .chart_dw_bt {  right: -5px; top: -5px;   }