/***************************************************
 * 
 * Default CSS
 * 
 ***************************************************/

@font-face {
  font-family: "Montserrat-Regular";
  font-weight: normal;
  src: url("fonts/Montserrat-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "SUIT Variable";
  font-weight: 100 900;
  src: url("fonts/SUIT-Variable.woff2") format("woff2-variations");
}

body {
  margin: 0;
  font-family: -apple-system, "SUIT Variable", Montserrat-Regular, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --font-sans-serif: -apple-system, "SUIT Variable", Montserrat-Regular,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  --body-font-family: -apple-system, "SUIT Variable", Montserrat-Regular,
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  --border-color: #cedae5;
  --border-btn-menu: #cedae5;
  --text-gray-color: #657d92;
  --text-default-color: #006346;
  --body-color: black;
  --input-font-weight: 700;
}

.profile-cover-img {
  background-image: url(/static/images/no_img.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f2f2f2;
  border: 1px solid #0000002e;
}

.sidebar-user-profile {
  box-shadow: rgba(0, 0, 0, 0.075) 0px 0px 1px 1px,
    rgba(0, 0, 0, 0.125) 0px 1px 3px 0px;
  margin: 16px;
  border-radius: 16px;
  background: #ffffff12;
  text-align: center;
}

.col-form-label {
  font-weight: bold;
}

.sidebar-logo {
  height: 76px;
  border-bottom: 1px solid var(--border-btn-menu);
}

.sidebar {
  --sidebar-bg: #f7f9fb;
  --sidebar-color: #677f93;
}

.sidebar-section {
  border-bottom: 0px;
}

/*
.sidebar-section{
    border-bottom: 1px solid var(--sidebar-border-color);
}
*/

.content {
  padding: 12px;
}

/*
.dataTables_scroll .dataTables_scrollHead table, .dataTables_scrollHeadInner{
    width: 100% !important;
}
*/

.form-select:disabled,
.form-control:disabled {
  background-color: #e1e1e1;
  border-color: #607d8b;
}

.flex-full {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.flex-default {
  display: flex;
  align-items: center !important;
}

.text-default {
  color: #006346;
}

.text-default-gray {
  color: var(--text-gray-color);
}

.bg-default {
  background-color: #006346;
}

.deps-header-deps {
  color: white;
  background: #006346;
  border: 1px solid #006346;
  font-weight: bold;
  width: 150px;
}

.navbar-toggler {
  color: white;
}

.navbar-toggler:focus,
.navbar-toggler:hover {
  color: #006346;
  background-color: #ffffffad;
}

.brand-title {
  font-weight: 900;
  font-size: 16px;
  color: black;
}

.deps-title {
  font-weight: 600;
  font-size: 16px;
  color: #657d92;
}

.text-muted {
  color: #9fadb9;
}

.title {
  font-size: 20px;
  font-weight: 600;
}

.font-weight-bold {
  font-weight: 800;
}

.white-space-wrap {
  white-space: wrap;
}

/***************************************************
 * 
 * BUTTON
 * 
 ***************************************************/
.input-select {
  width: 200px;
}

.pnl-auto {
  display: flex;
  align-items: center;
}

.btn-auto {
  min-width: 80px;
  margin-right: 16px;
}

.btn-cancel {
  background-color: #153a2f;
  border-color: #153a2f;
  color: white;
}
.btn-outline-cancel {
  background-color: white;
  border-color: #153a2f;
  color: #153a2f;
  border: 2px solid #153a2f;
}

.btn-default {
  background-color: #006346;
  border-color: #006346;
  color: white;
}

.btn-link {
  color: #153a2f;
}

.btn-default-plus {
  background-color: #006346;
  color: white;
  width: 42px;
  height: 42px;
  margin-right: 12px;
}

.btn-cancel,
.btn-default,
.btn-default-plus,
.btn-outline-cancel {
  --btn-color: #fff;
  --btn-bg: #059669;
  --btn-border-color: #059669;
  --btn-hover-color: #fff;
  --btn-hover-bg: #05875f;
  --btn-hover-border-color: #05875f;
  --btn-focus-shadow-rgb: 43, 166, 128;
  --btn-active-color: #fff;
  --btn-active-bg: #048059;
  --btn-active-border-color: #048059;
  --btn-active-shadow: inset 0 0 0 0 transparent;
  --btn-disabled-color: #fff;
  --btn-disabled-bg: #059669;
  --btn-disabled-border-color: #059669;
}

.btn-action-edit,
.btn-action-edit:hover {
  padding: 5px;
  border: 1px solid #449237;
}

.btn-action-history,
.btn-action-history:hover {
  padding: 5px;
  border: 1px solid #007cc2;
}

.btn-action-info,
.btn-action-info:hover {
  padding: 5px;
  border: 1px solid #16a58b;
}

/***************************************************
 * 
 * CONTENTS
 * 
 ***************************************************/
.pnl-field {
  margin: 0;
  padding: 8px;
  display: flex;
  align-items: center;
}

.pnl-field .fixed-select {
  width: 150px;
  flex: 0 0 auto;
}

.pnl-excel-convert {
  display: flex;
  align-items: center;
  border: 2px dotted var(--card-border-color);
  border-radius: 6px;
}

.pnl-excel-convert .pnl-excel-convert-description {
  margin-right: 16px;
  font-size: 12px;
  color: var(--text-gray-color);
  max-width: 700px;
}

.pnl-excel-convert .pnl-excel-convert-check {
  padding: 0 16px;
  border-left: 2px dotted var(--card-border-color);
}

.pnl-file-upload {
  margin-left: auto !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
  display: flex;
  margin-right: 8px;
}

.pnl-file-upload .input-upload-excel {
  width: 400px;
  margin-right: 8px;
}

/***************************************************
 * 
 * MENU
 * 
 ***************************************************/
.nav-item .btn-menu .border-top {
  border-top: 1px solid var(--border-btn-menu);
}

.nav-item {
  cursor: pointer;
}

.btn-menu {
  display: block;
  padding: 6px 0;
  color: #657d92;
  border-bottom: 1px solid #00000069;
}

.menu-group-lab {
  background-color: #cddc392b !important;
  color: black;
}

.menu-group-startup {
  background-color: #3f51b52b !important;
  color: black;
}

.btn-menu .icon-active,
.menu-mine .icon-active {
  display: block;
}

.btn-menu.active,
.menu-mine.active {
  background-color: #006346 !important;
  color: white;
  border: 0;
}

.pnl-title-mypage {
  display: flex;
  align-items: center;
}

.btn-menu.active .icon-active,
.btn-menu .icon-default,
.menu-mine.active .icon-active,
.pnl-title-mypage .icon-default {
  display: block;
}

.btn-menu.active .icon-default,
.btn-menu .icon-active,
.menu-mine.active .icon-default,
.pnl-title-mypage .icon-active {
  display: none;
}

.btn-menu .pnl-btn-menu {
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  padding: 8px;
}

.btn-menu.active .pnl-btn-menu {
  border-top: 1px dotted #ffffffa6;
  border-bottom: 1px dotted #ffffffa6;
}

.btn-menu .pnl-btn-menu span {
  font-weight: bold;
  font-size: 16px;
}

.btn-logout {
  display: block;
  padding: 6px 0;
  border-top: 1px solid var(--border-btn-menu);
  background-color: #dfe8ee !important;
  color: #576c7e;
}

.btn-logout .pnl-btn-logout {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  padding: 8px;
}

.pnl-mypage-menu {
  border-top: 1px solid var(--border-btn-menu);
  background-color: #edf1f4;
}

.pnl-mypage-menu:first-child .nav-item {
  border-bottom: 1px solid var(--border-btn-menu);
  margin: 0;
  padding: 2px 0;
}

.pnl-mypage-menu:first-child .nav-item .title-mypage {
  padding: 0 8px;
}

.content-mypage {
  padding: 8px 0;
}

.content-mypage .pnl-content-mypage {
  display: flex;
  align-items: center;
  font-weight: bold;
  padding: 8px;
}

.content-mypage .pnl-content-mypage .pnl-info {
  display: flex;
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.lbl-userid {
  color: #006346;
  font-size: 10px;
  font-weight: bold;
}

.btn-sidebar-close {
  display: none;
}

.sidebar-mobile-expanded .btn-sidebar-close {
  display: block;
}

.nav-item-permission {
  display: none !important;
}

.nav-item-permission.nav-item-show {
  display: block !important;
}

/***************************************************
 * 
 * MODAL
 * 
 ***************************************************/
.modal {
  background-color: #0000009e;
}

.modal .modal-title {
  font-weight: 800;
}

.modal .loading-circle {
  display: flex;
  align-content: center;
  flex-direction: row;
  align-items: center;
  height: 100%;
}

.modal .col-label {
  --form-label-padding-y: 0.5rem;
  --form-label-font-size: inherit;
  padding-top: calc(var(--form-label-padding-y) + var(--border-width));
  padding-bottom: calc(var(--form-label-padding-y) + var(--border-width));
  margin-bottom: 0;
  font-size: var(--form-label-font-size);
  line-height: var(--body-line-height);
  font-weight: bold;
  text-align: right;
}

.modal-content.modal-input .modal-body {
  padding: 12px;
}

.modal-panel-list-container {
  margin: 0 42px 1.25rem 42px;
}

.item-empty-full-list {
  border: 1px dashed #007bff;
  min-height: 200px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  margin: 12px;
  padding: 5px;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  height: calc(100% - 24px);
}

.item-empty-full-list .txt-info {
  color: #007bff;
  font-size: 30px;
  text-align: center;
  cursor: default;
  opacity: 0.5;
  font-weight: 800;
}

.panel-empty {
  padding: 12px 20px;
  background-color: #eef0f2;
}

.panel-empty .empty-list {
  border: 1px dashed #007bff;
  min-height: 200px;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  padding: 5px;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  height: calc(100% - 24px);
}

.panel-empty .empty-list .txt-info {
  color: #007bff;
  font-size: 30px;
  text-align: center;
  cursor: default;
  opacity: 0.5;
  font-weight: 800;
}

.select2-container--disabled .select2-selection--single {
  background-color: #e1e1e1;
  border-color: #607d8b;
}

.lbl-warning-info {
  margin-left: 20px;
  font-size: 14px;
  color: red;
  font-weight: bold;
}

.modal-extend .modal-body {
  max-height: 80vh;
  overflow: hidden;
}

.modal-extend .modal-body .sticky-panel {
  position: sticky;
  top: 0;
  z-index: 10;
}

.modal-extend .modal-body .scrollable-panel {
  flex-grow: 1;
  overflow-y: auto;
  max-height: 50vh;
}

.modal-extend .modal-body .scrollable-panel.mh-50 {
  max-height: 40vh !important;
}

.modal-extend .modal-body .scrollable-panel.mh-full {
  max-height: 50vh !important;
}

/***************************************************
 * 
 * DASHBOARD
 * 
 ***************************************************/

.pnl-company-card {
  padding: 16px;
  flex: 1 1 auto;
  display: flex;
  margin-right: 16px;
  align-items: flex-end;
  height: 120px;
}

.pnl-company-card .text-normal {
  font-weight: bold;
  font-size: 18px;
}

.pnl-company-card .text-count {
  font-size: 52px;
  font-weight: bold;
  margin-left: 16px;
  line-height: 1;
  margin-right: 4px;
}

.pnl-company-card .text-count-small {
  font-weight: bold;
  font-size: 36px;
}

.pnl-card-default {
  border: 1px dotted #006346;
}

.pnl-card-default .text-count,
.pnl-card-default .text-count-small {
  color: #006346;
}

.pnl-card-red {
  border: 1px dotted #f58646;
}

.pnl-card-red .text-count,
.pnl-card-red .text-count-small {
  color: #f58646;
}

.dashboard-search .input-search {
  width: 400px;
  border-radius: 0px !important;
  margin-left: -1px !important;
  height: 100%;
}

/***************************************************
 * 
 * 연구소기업 관리
 * 
 ***************************************************/
.pnl-lab-filter {
}

.pnl-lab-filter .pnl-excel-convert-wrapper {
  display: flex !important;
  padding: 4px;
}

.pnl-lab-filter .pnl-excel-convert-wrapper .pnl-excel-convert {
  display: flex;
  align-items: center;
  border: 2px dotted var(--card-border-color);
  border-radius: 6px;
  flex: 1;
}

/***************************************************
 * 
 * 세부대상기술 관리
 * 
 ***************************************************/
.pnl-tech-filter {
}

.pnl-tech-filter .pnl-excel-convert-wrapper {
  display: flex !important;
  width: 100%;
}

.pnl-tech-filter .pnl-excel-convert-wrapper .pnl-excel-convert {
  width: 100%;
}

.pnl-tech-filter
  .pnl-excel-convert-wrapper
  .pnl-excel-convert
  .pnl-excel-convert-description {
  max-width: 100%;
}

.list-group-item.item-noti {
  border-radius: 5px !important;
  border: 2px solid var(--text-default-color);
  margin-bottom: 5px;
  font-size: 16px;
}

.list-group-item.item-noti .txt-name {
  color: var(--text-default-color);
}

/***************************************************
* 
* 창업기업 관리
* 
***************************************************/
.pnl-venture-filter {
}

.pnl-venture-filter .pnl-excel-convert-wrapper {
  display: flex !important;
  padding: 4px;
}

.pnl-venture-filter .pnl-excel-convert-wrapper .pnl-excel-convert {
  display: flex;
  align-items: center;
  border: 2px dotted var(--card-border-color);
  border-radius: 6px;
  flex: 1;
}

/***************************************************
* 
* 기술출자계약 관리
* 
***************************************************/
.pnl-contract-filter {
}

.pnl-contract-filter .pnl-excel-convert-wrapper {
  display: flex !important;
  padding: 4px;
}

.pnl-contract-filter .pnl-excel-convert-wrapper .pnl-excel-convert {
  display: flex;
  align-items: center;
  border: 2px dotted var(--card-border-color);
  border-radius: 6px;
  flex: 1;
}

/***************************************************
* 
* E-케어기업 관리
* 
***************************************************/
.pnl-ecare-filter {
}

.pnl-ecare-filter .pnl-excel-convert-wrapper {
  margin-left: auto !important;
  justify-content: flex-end !important;
  display: flex !important;
}

/***************************************************
* 
* 사용자목록 관리
* 
***************************************************/
.pnl-userlist-filter {
}

.pnl-userlist-filter .pnl-excel-convert-wrapper {
  margin-left: auto !important;
  justify-content: flex-end !important;
  display: flex !important;
}

@media (max-width: 2200px) {
  .pnl-userlist-filter .pnl-field {
    flex-wrap: wrap;
  }

  .pnl-userlist-filter .pnl-excel-convert-wrapper {
    margin-left: 0 !important;
    margin-top: 10px;
    width: 100%;
  }

  .pnl-userlist-filter .pnl-excel-convert-wrapper .pnl-excel-convert {
    width: 100%;
  }

  .pnl-userlist-filter
    .pnl-excel-convert-wrapper
    .pnl-excel-convert
    .pnl-excel-convert-description {
    margin-right: auto;
  }
}

.tr-check-password {
  display: none !important;
}

.tr-check-password:active {
  display: block !important;
}

.input-lbl {
  margin-left: 10px;
}

/***************************************************
* 
* 내 정보
* 
***************************************************/
.lbl-mine-userid {
  color: #006346;
  font-size: 14px;
  font-weight: bold;
}

.input-mine-userid {
  font-size: 20px;
  font-weight: bold;
}

.autoComplete_wrapper > ul {
  z-index: 100000;
}

/********************************
*
* FLEX 선언
*
**********************************/

.flex-group {
  display: flex;
  align-items: center !important;
  flex-wrap: nowrap;
}

.flex-center {
  display: flex !important;
  align-items: center !important;
  justify-content: center;
  height: 100%;
}

.flex-ycenter {
  display: flex;
  align-items: center !important;
}

.flex-xcenter {
  display: flex;
  justify-content: center !important;
}

.flex-1 {
  flex: 1;
  overflow: hidden;
}

.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.flex-grow {
  flex: 1;
}

.d-column {
  display: flex;
  flex-direction: column;
}

.d-row {
  display: flex;
  flex-direction: row;
}

.flex-container {
  overflow-y: auto;
  flex: 1;
  margin: 1rem !important;
}

.flex-container-hidden {
  overflow-y: hidden;
  flex: 1;
  margin: 1rem 0 !important;
}

.flex-resource-container {
  flex: 1;
  margin: 4px 16px !important;
}

.overflow-y {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.flex-grid {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  max-width: 440px;
}

.width-100 {
  width: 100px;
}

.width-120 {
  width: 120px;
}

.width-140 {
  width: 140px;
}

.width-150 {
  width: 150px;
}

.width-200 {
  width: 200px;
}

.width-250 {
  width: 250px;
}

.width-300 {
  width: 300px;
}

.width-350 {
  width: 350px;
}

.width-400 {
  width: 100px;
}

.field-tips {
  display: none !important;
}

@media (min-width: 992px) {
  .modal-xxl {
    --modal-width: 900px;
  }
}

@media (min-width: 1400px) {
  .modal-xxl {
    --modal-width: 1340px;
  }
}

.txt-file-alert {
  color: red;
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}

.txt-file-alert-number {
  color: red;
  font-size: 20px;
  margin-right: 4px;
  font-weight: bold;
}

/***************************************************
* 
* 추가가
* 
***************************************************/
.modal-care-space-noti table {
  text-align: center;
}

.td-care-space {
  color: white;
  background-color: #007bff !important;
}

.td-care-pass {
  color: white;
  background-color: #059669 !important;
}