@charset "UTF-8";

.form-label, .col-form-label {
  font-weight: 700;
  color: var(--bs-dark);
}

.card .card-title {
  font-weight: 500;
  font-size: 1rem;
  color: var(--bs-dark);
  margin-bottom: 0px;
}

.badge {
  --bs-badge-font-weight: 700;
}

/**
 * 링크 강조 처리
 */
table > tbody > tr > td > .link,
.form-group .link,
.input-group .link {
  color: var(--bs-link-color);
  text-decoration: underline;
}

/**
 * 링크 미강조 처리
 */
a.no-link {
  color: inherit;
}
a.no-link:hover {
  color: inherit;
}

/**
 * OTP 관련
 */
.otp input::-webkit-outer-spin-button,
.otp input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.otp input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.otp {
  font-family: var(--bs-body-font-family);
  width:100%;
  height: 60px;
  margin-bottom: 20px;
}
.otp input {
  display: inline;
  font-size: 40px;
  font-weight: 700;
  width: 60px;
  height: 60px;
}
.otp span {
  vertical-align: top;
  line-height: 60px;
  margin-left: 20px;
  font-weight: 700;
  color: #000;
}

.air-datepicker {
  --adp-font-family: var(--bs-body-font-family);
}

div.border-bottom:nth-last-child(1) {
  border-bottom: 0px !important;
}

.file-upload-hidden {
  display: none !important;
}

/* 우측 상단 메뉴의 아이콘 여백 */
ul.list-unstyled .dropdown-item {
  padding: 0;
}
ul.list-unstyled .dropdown-item a {
  display: block;
  margin: 0.25rem 0.875rem !important;
}
ul.list-unstyled a.dropdown-item {
  font-size: 0.812rem;
  padding: 0.25rem 0.875rem;
  border-radius: 2px;
}

span.form-control, div.form-control {
  background: var(--bs-gray-100);
}

/**
 * 게시판 첨부파일 영역
 */
.file-body .file-info {min-height: 150px;}
.file-body .file-info .file-image {padding: 15px;background-color:#f9f9f9;margin-right:1%;border-radius: 5px;width: 100%;height: 100%; max-height: 150px; overflow-y:auto;}
.file-body .file-info .file-image .imgbx {position: relative;width:120px;height: 90px;border: 1px solid #eeeeee;background:#fff;display: inline-block;overflow: hidden;}
.file-body .file-info .file-image .imgbx a  {height:100%;display: block;}
.file-body .file-info .file-image .imgbx a img {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%);}

.file-body .file-info .file-image-text {padding: 10px;width: 100%;height:100%; max-height: 150px; border-radius: 5px;overflow-y:auto;border: 1px solid #eaeaea;}
.file-body .file-info .file-image-text>ul {width: 100%;}
.file-body .file-info .file-image-text>ul li {width: 100%;overflow: hidden;}
.file-body .file-info .file-image-text>ul li .chk-box label {white-space: nowrap;}

.re_comment {width: calc(100% - 40px);margin-left:40px;}

.air-datepicker-global-container {
    z-index: 1056;
}

.note-editor .note-toolbar .note-color-all .note-dropdown-menu, .note-popover .popover-content .note-color-all .note-dropdown-menu {
  min-width: 342px;
}
/* LOADING */
.page-loading { position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(17, 17, 17, .2); z-index: 9999;}
.page-loading svg { width: 67px; height: 67px; display: flex; justify-content: center; animation: rotating 2s linear infinite; }
@keyframes rotating {
  from {
      -webkit-transform: rotate(0deg);
  }
  to {
      -webkit-transform: rotate(360deg);
  }
}

.char-counter { text-align: right; font-size: 14px; color: #666; padding-top: 5px; }

.page-navigation .nav-item.active .nav-link { color: #6571ff; }
.page-navigation .nav-item .nav-link { color: #000; }

.selected-row { background-color: #e9ecef;}

.chat-content > .chat-body { width: 100%; max-height: calc(100vh - 247px); height: calc(100vh - 247px); overflow-y: scroll; }
.chat-wrapper .chat-aside .aside-body .tab-content .tab-pane { max-height: calc(100vh - 318px); }
.chat-wrapper .chat-content .chat-body .messages .message-item { max-width: 100%; }
.chat_date_divider { position: relative; margin: 10px 0; text-align: center; font-size: 12px; color: #9e9e9e; }
.chat_date_divider span { background-color: #fff; padding: 2px 10px; border-radius: 20px; border: 1px solid #e0e0e0; }
.chat_loading_more { text-align: center; font-size: 12px; color: #9e9e9e; margin-bottom: 8px; }
.chat_new_message_bar { position: absolute; left: 65%; bottom: 70px; transform: translateX(-50%); padding: 6px 14px; border-radius: 999px; background: rgba(0,0,0,0.8); color: #fff; font-size: 12px; cursor: pointer; z-index: 10; }
.chat_delete_btn { margin-left: 8px; padding: 2px 6px; font-size: 11px; border-radius: 3px; border: 1px solid #ccc; background-color: #fff; cursor: pointer; }
.chat_delete_btn:hover { background-color: #f5f5f5; }

.profile_info {position:relative; display:flex; width: 100%;}
.profile_info > .dropdown {margin-left: auto;flex: 0 0 auto;align-self: flex-end;}
.profile_info .profile_txt {display: block; flex: 1 1 auto; width: 100%; min-width: 0;}
.profile_info .profile_txt span.txt {font-size:13px; display:inline-block; line-height:17px; color:#9e9e9e;}
.profile_info .profile_txt span.name {font-size:16px; font-weight:600; margin-right:5px;}
.profile_info .profile_txt .chat_inner {width:100%;}
.profile_info .profile_txt .chat_inner .chat_view {display:flex; align-items:flex-end;}
.profile_info .profile_txt .chat_inner .chat_view p.talk01 {border-radius:8px; padding:8px 10px; margin-top:5px; line-height:17px; font-size:13px; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word;}
.profile_info .profile_txt .chat_inner .chat_view p.talk01.left {background-color:#f4f6f8;}
.profile_info .profile_txt .chat_inner .chat_view p.talk01.right {background-color:#ffcc00;}
.profile_info .profile_txt .chat_inner .chat_view span.talk02 {flex-shrink:0; width:50px; font-size:10px; color:#9e9e9e; margin:0 6px 4px 6px;}