/* common style */
html, body{
    background-color: #F3F6F9 !important;
    font-family: 'Noto Sans KR', sans-serif;
}


.text-info {
    color: #5F3EF7 !important;
}

.text-warning {
    color: #FF9100 !important;
}

/* aside style */
.aside,
.header .header-brand {
    background-color: #1F1F1F;
}

.aside-menu .menu .menu-item .menu-link .menu-title {
    font-size: 1.075rem;
    font-weight: 500;
}

.aside-menu .menu .menu-item .menu-link.active {
    border-radius: 0.325rem;
}

.aside-menu .menu .menu-item .menu-link.active .menu-title {
    font-weight: bold;
}

.aside-menu .menu .menu-item .menu-link .menu-icon, 
.aside-menu .menu .menu-item .menu-link .menu-icon .svg-icon, 
.aside-menu .menu .menu-item .menu-link .menu-icon i {
    color: #AAB4D0;
}

/* flatpickr custom */
.flatpickr-time {
    background-color: #44474D;
}

.flatpickr-time input.flatpickr-hour, 
.flatpickr-time input.flatpickr-minute,
.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    color: #FAFBFD !important;
}
 
.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #FAFBFD !important;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #FAFBFD !important;
}

/* 게시물 기본 컨테이너 – 글씨, 줄 간격, 색상 기본값 */
.view-contents {
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--bs-body-color);
  word-break: break-word;
  overflow-wrap: anywhere;
}

/* 안쪽 요소들의 기본 타이포 정리 */
.view-contents p,
.view-contents div,
.view-contents span,
.view-contents h1,
.view-contents h2,
.view-contents h3,
.view-contents h4,
.view-contents h5,
.view-contents h6,
.view-contents ul,
.view-contents ol,
.view-contents li,
.view-contents blockquote,
.view-contents pre {
  margin: revert;
  padding: revert;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* 리스트 – 점/숫자 다시 살리기 */
.view-contents ul,
.view-contents ol {
  list-style: revert;
  padding-left: 1.5rem;
}

/* 마지막 요소 아래 여백 너무 크지 않게 */
.view-contents p:last-child,
.view-contents ul:last-child,
.view-contents ol:last-child,
.view-contents blockquote:last-child {
  margin-bottom: 0;
}

/* 링크 – 에디터 색 지정 없으면 기본 링크 느낌 */
.view-contents a {
  color: #0d6efd;
  text-decoration: underline;
  cursor: pointer;
}

/* 이미지 – 카드 밖으로 안 튀어나가게 */
.view-contents img {
  max-width: 100%;
  height: auto;
}

/* Summernote에서 넣은 동영상(.note-video-clip) 대응 */
.view-contents .note-video-clip {
  position: relative;
  display: block;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  overflow: hidden;
}

.view-contents .note-video-clip iframe,
.view-contents .note-video-clip video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 테이블 – 너무 Metronic 테이블스럽지 않게 기본 느낌으로 정리 */
.view-contents table {
  width: 100%;
  border-collapse: collapse;
}

.view-contents th,
.view-contents td {
  border: 1px solid #e4e6ef;
  padding: 0.75rem;
  vertical-align: top;
}

/* 인용문 스타일 약하게 */
.view-contents blockquote {
  border-left: 4px solid #e4e6ef;
  padding-left: 1rem;
  margin-left: 0;
  color: #5e6278;
}

/* 정렬 클래스 (Summernote 정렬 버튼) */
.view-contents .text-left   { text-align: left !important; }
.view-contents .text-center { text-align: center !important; }
.view-contents .text-right  { text-align: right !important; }

.view-contents * {
  box-sizing: border-box;
}