body, .daterangepicker {
    font-family: Inter,Helvetica,"Noto Sans KR",sans-serif;
    font-weight: 500 !important;
}

/* inputbox, textarea placeholder 나타나고, 클릭시 사라지게하는 css*/
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

/* input[type="date"]::-webkit-clear-button, input[type="date"]::-webkit-inner-spin-button { 
    display: none; 
}  */
code, kbd, pre, samp {
  font-family: Inter,Helvetica,"Noto Sans KR",sans-serif;
}

/* textarea 입력값에 따라 높이 조정을 위한 css */
.textarea-auto-height{
  resize: none;
  overflow: hidden;
  /* height: 37.3px; */
}

/* left-sidebar width 조정 */
.sidebar{
    --sidebar-width: 14.75rem;
}

/* top left brand log image height 조정 */
/* .navbar-brand img{
    height:40px !important;
} */

/* 1depth left 하위 left-padding 조정 */
.nav-group-sub .nav-link {
  padding-left: calc(var(--nav-link-padding-x) + var(--icon-font-size));
}

/* 3depth left 하위 left-padding 조정 */
.nav-group-sub .nav-group-sub .nav-link {
  padding-left: calc(var(--nav-link-padding-x)* 2 + var(--icon-font-size));
}

/* left width 조정 */
.navbar {
    --navbar-brand-width: 13.75rem;
}

/* badge font 굵기 조정*/
.badge {
  --badge-font-weight: none
}

/* h tag font-weight 조정 */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

/* [추가] validation text top padding 추가 */
.validation-invalid-label,.validation-valid-label {
  --icon-font-size: 1rem !important;
  padding-top: 0.15rem;
}

/* [추가] validation div 영역 */
.ev-validation-invalid-div {
  --icon-font-size: 1rem !important;
  padding-top: 0.15rem;
  margin-top: .25rem;
  margin-bottom: .25rem;
  display: block;
  color: var(--danger);
  position: relative;
  padding-left: calc(var(--spacer-2) + var(--icon-font-size))
}

/* [추가] validation div 영역 : befor */
.ev-validation-invalid-div:before {
  content: "\f62d";
  font-family: var(--icon-font-family);
  font-size: var(--icon-font-size);
  position: absolute;
  top: calc((var(--body-line-height-computed) - var(--icon-font-size)) * .5);
  left: 0;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

/* [신규] border dashed 추가*/
.border-bottom-dashed{
  border-bottom: 1px dashed var(--border-color);
}
.border-top-dashed{
  border-top: 1px dashed var(--border-color);
}

/*[신규] 자간조정 -2px */
.ls-minus-2px{
  letter-spacing: -2px;
}

/*[신규] 자간조정 -1px */
.ls-minus-1px{
  letter-spacing: -1px;
}

/*[신규] 페이지 title에 button이 없을 경우 */
.page-title-height {
  height:57px;
  vertical-align: middle;
}

/*[신규] width 115px */
.w-115px {
  width: 115px;
}

/*[신규] 좌우 뒤집기 */
.transform-x{
  transform: scaleX(-1);
}

/*[신규] 상하 뒤집기 */
.transform-y{
  transform: scaleY(-1);
}

.list-btn-USE {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
  --text-opacity: 1;
  color: rgba(var(--white-rgb), var(--text-opacity)) !important;
}

.list-btn-UNUSED {
  --bg-opacity: 0.5;
  background-color: rgba(var(--danger-rgb), var(--bg-opacity)) !important;
  --text-opacity: 1;
  color: rgba(var(--white-rgb), var(--text-opacity)) !important;
}

/* [신규] modal size (icon용) */
@media (min-width: 992px) {
  .modal-w-893 {
      --modal-width: 893px !important;
  }
}

/*-------------------------------------------------------------------------------------
plupload upload 관련
-------------------------------------------------------------------------------------*/
/*plupload upload start button 삭제 */
.plupload_button.plupload_start{ display:none;}

/* plupload 아이콘 font size 조정 default 2.25rem*/
.plupload_filelist li.plupload_droptext:before, .plupload_filelist:empty:before {
    font-size: 2.0rem;
}
/* plupload 아이콘과 text사이 높이 default 1.75rem */
.plupload_filelist li.plupload_droptext:after, .plupload_filelist:empty:after {
    margin-top: 1.3rem;
}
.plupload_wrapper {
  --plu-max-height: 100px !important;
  --plu-border-width: 0.5px;
}
.plupload_filelist_header, .plupload_filelist_footer {
  padding: 0.7rem;
}

.plupload_filelist li {
  padding: 0.3rem var(--spacer);
}
/*-------------------------------------------------------------------------------------
date range picer 관련
-------------------------------------------------------------------------------------*/
.daterangepicker .drp-buttons {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.daterangepicker td, .daterangepicker th {
  padding: 0.25rem;
}

.editor-result {
  display: none;
}

/*-------------------------------------------------------------------------------------
data table 관련
-------------------------------------------------------------------------------------*/
/* data table 검색영역, footer 영역 padding 조정 */
.datatable-footer, .datatable-header {
  padding: 1rem !important;
}

/* data table 검색 필터 영역 margin 조정 */
.dataTables_filter, .dataTables_length, .dataTables_info, .dataTables_paginate {
  margin-bottom: 0px !important;
}

/* pagenation margin 조정 */
.dataTables_paginate{
  margin: 0rem;
}

.table {
  --table-cell-padding-y: 0.5rem !important;
  --table-cell-padding-x: 0.75rem !important;
}

.table th { 
    font-weight: 500 !important;
}

.datatable-thumbnail-width {
  max-width: 100px;
}

/* data 없을경우 height */
.table-no-data-height-100{
  height: 100px;
  text-align: center;
}

/*-------------------------------------------------------------------------------------
right form 관련
-------------------------------------------------------------------------------------*/
/* 내용 입력폼 */
.modal-end-1120 {
  max-width: 1120px !important; 
}

.offcanvas.offcanvas-end-1071 {
  width: 1071px !important; 
}

/* 입력폼 */
.offcanvas.offcanvas-end-500 {
  width: 500px !important; 
}

.file-preview-pdf{
  height: 100% !important;
}

/*-------------------------------------------------------------------------------------
status 관련
-------------------------------------------------------------------------------------*/
.USE, .VALID, .ACTIVATED-Y {
  --badge-font-weight: none;
  min-width: calc(var(--badge-padding-y)* 2 + var(--badge-font-size));
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rgb), var(--bg-opacity)) !important;
}

.UNUSED, .UNVALID, .ACTIVATED-N {
  --badge-font-weight: none;
  min-width: calc(var(--badge-padding-y)* 2 + var(--badge-font-size));
  --bg-opacity: 0.5;
  background-color: rgba(var(--secondary-rgb), var(--bg-opacity)) !important;
}

/* [신규] 상태구분별 bg 색상지정 */
.btn-badge-USE, .btn-badge-DONE { /*사용중*/
  width:100%;
  background-color: #2d89ef;
  color: #ffffff;
}

.btn-badge-WAITING { /* 사용예정 */
  width:100%;
  background-color: #25b372;
  color: #ffffff;
}

.btn-badge-NOTHING { /* 미승인 */
  width:100%;
  background-color: #000000;
  color: #ffffff;
}

.btn-badge-EXPIRY, .btn-badge-CANCEL, .btn-badge-CANCELED { /* 기간만료, 청약철회 */
  width:100%;
  background-color: #F44336;
  color: #ffffff;
}

.btn-badge-PARTIAL_CANCELED { /* 기간만료 */
  width:100%;
  background-color: #FF7043;
  color: #ffffff;
}

/* [신규] 상태구분별 border 색상지정 */
.btn-badge-border-USE { /*사용중*/
  width:100%;
  border: 1px solid #2d89ef;
  border-radius: 0.2rem;
  color: #000000;
}

.btn-badge-border-USE:hover { /*사용중:hover*/
  width:100%;
  background-color: #2d89ef;
  color: #ffffff;
}

.btn-badge-border-WAITING { /* 사용예정 */
  width:100%;
  border: 1px solid #25b372;
  border-radius: 0.2rem;
  color: #000000;
}

.btn-badge-border-WAITING:hover { /* 사용예정:hover */
  width:100%;
  background-color: #25b372;
  color: #ffffff;
}

.btn-badge-border-NOTHING { /* 미승인 */
  width:100%;
  border: 1px solid #000000;
  border-radius: 0.2rem;
  color: #000000;
}

.btn-badge-border-NOTHING:hover { /* 미승인:hover */
  width:100%;
  background-color: #000000;
  color: #ffffff;
}

.btn-badge-border-EXPIRY { /* 기간만료 */
  width:100%;
  border: 1px solid #F44336;
  border-radius: 0.2rem;
  color: #000000;
}

.btn-badge-border-EXPIRY:hover { /* 기간만료:hover */
  width:100%;
  background-color: #F44336;
  color: #ffffff;
}

.btn-badge-border-SUM { /* 전체 */
  width:100%;
  border: 1px solid #7a7a7a;
  border-radius: 0.2rem;
  color: #000000;
}

.btn-badge-border-SUM:hover { /* 전체:hover */
  width:100%;
  background-color: #7a7a7a;
  color:#ffffff
}

.btn-badge-border-TRIAL {
  /* TRIAL */
  width: 100%;
  border: 1px solid #00aba9;
  border-radius: 0.2rem;
  color: #000000;
}
/*-------------------------------------------------------------------------------------
amChart 관련
-------------------------------------------------------------------------------------*/
.full-chart-div{
  width: 100%;
  height: 700px;
}

.half-chart-div{
  width: 100%;
  height: 500px;
}

.tree-drag{
  max-height: 970px;
  overflow-y: auto;
  overflow-x: hidden;
}

.letter-icon {
  font-size: 0.7rem;
}

.accordion-body>figure {
  display: contents;
}

.custom-col-min-height {
  min-height:100px !important;
}

.custom-col-min-height-150 {
  min-height:150px !important;
}

.custom-col-min-height-200 {
  min-height:200px !important;
}

.custom-col-min-height-300 {
  min-height:300px !important;
}

.custom-col-min-height-400 {
  min-height:400px !important;
}
/* .select2-search--inline,
.select2-search__field:placeholder-shown {
    width: 10% !important;
} */

.select2-search__field{
  width:unset !important;
}

.file-input .file-preview-thumbnails .file-preview-frame .file-thumbnail-footer > div:first-child{
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
  white-space: nowrap;
}