:root{
  --main-color: #345afb;
  --main-color2: #e7edfa;
  --sub-color: #d7e1f8;
  --point-color: #0084ff;
}

/* -------------------------  Generating Color Pack ------------------------- */
.color-highlight {
  color: var(--main-color) !important;
}

.bg-highlight {
  background-color: var(--main-color) !important;
  color: #fff !important;
}

.border-highlight {
  border-color: var(--main-color) !important;
}

.gradient-highlight {
  background-image: linear-gradient(to bottom, #AC92EC, #49773d) !important;
}

.footer-bar-2 .active-nav,
.footer-bar-5 strong,
.footer-bar-4 strong,
.splide__pagination__page.is-active {
  background-color: var(--main-color) !important;
}

.footer-bar-1 .active-nav i,
.footer-bar-1 .active-nav span,
.footer-bar-3 .active-nav i {
  color: #ffbd15 !important;
}

.form-floating-over > .form-control:focus ~ label {
  color: var(--main-color);
}

.form-floating-over > .form-control:not(:placeholder-shown) ~ label {
  color: var(--main-color);
}

.form-floating-over > .form-select ~ label {
  color: var(--main-color);
}

.color-highlight {
  color: var(--main-color);
}

.interest-check input:checked ~ label {
  color: #FFF !important;
  background-color: #c4dab8 !important;
}

/* 서브 컬러 */
.bg-highlight-sub{
    background: var(--sub-color) !important;
}
.border-highlight-sub {
    border-color: var(--sub-color) !important;
}

.color-highlight-sub {color: var(--sub-color) !important;}

/* main 2 컬러 */
.bg-highlight2{
    background: var(--main-color2) !important;
}

.border-highlight2 {
    border-color: var(--main-color2) !important;
}

.color-highlight2 {color: var(--main-color2) !important;}

/* point컬러 */
.color-highlight-point{color: var(--point-color) !important;}
.bg-highlight-point{background-color: var(--point-color) !important;}

/* -------------------------  토글 버튼 -------------------------  */
.ios-input:checked ~ .custom-control-label::before {
  background-color: var(--main-color) !important;
  opacity: 0.7;
}
.ios-switch-icon label::before {
  background-color: var(--main-color) !important;
}

/* ------------------------- 체크박스 커스텀 버튼 ------------------------- */
.checkBox-btn input[type="checkbox"]+label{background: #eee;/* border:1px solid var(--main-color);*/ color: #999;} /* 버튼 기본 스타일 */
.checkBox-btn input[type="checkbox"]:checked + label::after{background: var(--main-color); color: #000;}/* 버튼 체크 됐을 때 */
.checkBox-btn input[type="checkbox"]:disabled + label{background: #fff; border:1px solid #a3b89d; color: #a3b89d;}/* 버튼 disabled 됐을 때 */
.insu-btn.active{border: 1px solid #49773d; opacity: 1;}

/* ------------------------- 라디오박스 커스텀 버튼 ------------------------- */
.radioBox-btn input[type="radio"]+label{background: #eee; /*border:1px solid var(--main-color);*/ color: #999;} /* 버튼 기본 스타일 */
.radioBox-btn input[type="radio"]:checked + label::after{background: var(--main-color); color: #000;}/* 버튼 체크 됐을 때 */

/* -------------------------  tab -------------------------  */
.bg-highlight-tab01 {
  background-color: var(--main-color) !important;
}

/* -------------------------  loading con -------------------------  */
.sk-cube-grid .sk-cube {
  background-color: var(--main-color) !important;
}

/* -------------------------  sam0201 - calendar 색상 -------------------------  */

.fc-day-sat .fc-daygrid-day-number {
  color: var(--main-color);
}

/* 이벤트 색 지정 */
.cl-schd00, .cl-schd01 {
  color: var(--main-color) !important;
}

.cl-schd02 {
  color: #ef4b4b !important;
}

.cl-schd03 {
  color: #38cb89 !important;
}

.cl-schd04 {
  color: #3e80eb !important;
}

.cl-schd99 {
  color: #4d4c4d !important;
}

.bg-schd00, .bg-schd01 {
  background-color: rgb(118, 81, 225) !important;
}

.bg-schd02 {
  background-color: rgba(239, 75, 75) !important;
}

.bg-schd03 {
  background-color: rgba(56, 203, 137) !important;
}

.bg-schd04 {
  background-color: rgba(62, 128, 235) !important;
}

.bg-schd99 {
  background-color: rgb(202 123 255) !important;
}

/* calendar - 이전/다음 달 버튼 영역 */
.fc .fc-button-primary {
  color: #fff;
  background-color: var(--main-color) !important;
  border-color: var(--main-color) !important;
}

.fc .fc-button-primary:hover {
  color: #fff;
  background-color: #e8b200 !important;
  border-color: #e8b200 !important;
}

.fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:not(:disabled).fc-button-active {
  color: #fff;
  background-color: #7877ff;
  border-color: #7877ff;
}

/* calendar - 달력의 상단(월, 요일) 및 타이틀 영역 */
.fc .fc-toolbar.fc-header-toolbar {
  background: var(--main-color);
}

/* calendar - 달력의 일자 영역 */
.fc-theme-standard th {
  background: var(--main-color) !important;
}

.fc .fc-daygrid-day-frame {
  background-color: rgba(255, 255, 255, 0.6);
}

.theme-dark .fc-day-sat .fc-daygrid-day-number {
  color: #a7a7ff;
}