/* ------------------ /
/ ### 기본 설정 GLOBAL /
/ ------------------ /
/ ## root */
:root {
  --abbottYellow: #FFD100;
  --abbottDarkBlue: #000075;
  --abbottLightBlue: #d6dbfc;
  --abbottPaleBlue: #f3f3fb;
  --abbottSkyBlue: #019cde;
  --abbottDarkGreen: #00b140;
  --abbottBlack: #191b22;
  --abbottDarkGray: #2a2b33;
  --abbottGray: #63666a;
}

/* ### reset */
body {
    font-family: "Poppins", "Noto Sans KR", sans-serif;
}
em {
    font-style: normal;
}
ul {
    padding-inline-start: 20px;
}

/* -------------------- */
/* ### 유틸리티 UTILITIES */
/* -------------------- */
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-4 {
  gap: 1rem;
}
.word-keep {
    word-break: keep-all;
}

/* ### 라이브러리 커스텀 */
/* ##브래드크럼 비활성화 */
.breadcrumb .breadcrumb-item.active a, .breadcrumb .breadcrumb-item.active i, .breadcrumb .breadcrumb-item:hover a, .breadcrumb .breadcrumb-item:hover i {
    color: #b5b5c3 !important;
    pointer-events: none;
}

/* ## 사이드바 로고 */
.aside-minimize #kt_brand a {
    display: none;
}
.aside-minimize-hover #kt_brand a {
    display: flex;
}
@media (min-width: 992px) {
  .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav>.menu-item>.menu-link>.menu-icon {
    color: #494b74 !important;
  }
  .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav>.menu-item.menu-item-active>.menu-link>.menu-icon, .aside-minimize:not(.aside-minimize-hover) .aside-menu .menu-nav>.menu-item.menu-item-here>.menu-link>.menu-icon {
    color: #3699ff !important;
  }
}

/* ## 태그 커스텀 */
.label.label-inline.label-md {
    height: auto;
    padding: .2rem 0.5rem;
}
.label-kakao{
  background : #ffe500;
  color: #3f4254;
}
.label.label-light-warning {
  color: #ff7700;
}
.label.label-light {
  color: #575a6d;
}
.label.label-light-primary {
  color: #0c73dc;
}


/* ## datatable */
/* # datatable: showing 드롭다운 커스텀 */
.datatable.datatable-default>.datatable-pager>.datatable-pager-info .datatable-pager-size {
    width: 70px !important;
}
/* #datatable 페이지네이션  */
.datatable-pager-input {
  background: transparent !important;
  border: none !important;
}
@media (max-width: 576px) {
  .datatable.datatable-default>.datatable-pager {
    flex-direction: column;
    align-items: center;
  }
}

/* ## 모달, 알럿 활성시 외부 스크롤 X */
.modal-open,
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown), html.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden !important;
}
body.swal2-height-auto {
    height: 100% !important;
}

.invalid-feedback {
    margin-top: 0;
    padding-top: 0.25rem;
}

/* ## btn-group 토글 되는 버튼 */
.btn-group.btn-group-toggle {
  border-radius: .42rem;
  overflow: hidden;
}
.btn-group.btn-group-toggle * {
  border-radius: 0;
}

/* ## 드롭다운 */
@media (max-width: 600px) {
  .dropdown-menu {
    width: 100%;
  }
}

.component-btn-group {
    container-type: inline-size;
    container-name: component-btn-container;
}
.component-btn-group__inner {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
}

@container component-btn-container (max-width: 500px) {
    .component-btn-group__inner {
        grid-template-columns: repeat(2, 1fr);
    }
}

.join-wrap input{
    font-size: 16px;
}