body {
  background-color: var(--dark) !important;
}

#content {
	padding: 0;
	margin: 0;
	min-height: 75vh;
}

#footer {
    background: var(--dark);
    border-top: 0px;
    margin-top: 0;
}

.text-yellow {
	color: yellow !important;
}
.text-darkblue {
	color: rgb(0, 0, 99) !important;
}
.hide-overflow {
    /* width: 380px;                 */
    text-overflow: ellipsis;     
    white-space: nowrap;         
    overflow: hidden;            
}

.square-crop {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 비율 유지 */
  overflow: hidden;
}

.cropped-img {
  position: absolute;
  top: 50%;
  left: 50%;
  height: auto;
  width: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  min-height: 100%;
}

.page-header-jk {
	padding: 10px 12px;
	margin: 0;
}

#content-box {
	padding: 1.5rem 2.3rem;
}

#ajax-tooltip {
    position: absolute; /* 공중에 띄우기 위해 필수 */
    z-index: 1050;      /* Bootstrap 모달/네비게이션보다 위로 오게 설정 */
    background-color: #efefef;
    border: 1px solid #666666;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 부드러운 그림자 */
    min-width: 150px;
    max-width: 500px;
    pointer-events: none; /* 마우스가 툴팁 위로 올라가서 깜빡거리는 버그 방지 */
}
.fc-col-header-cell-cushion, .fc-daygrid-day-number {
	text-decoration: none;
}

/* 🌟 일요일(Sunday) 타이틀 및 날짜 텍스트 (빨간색) */
.fc-day-sun a {
	color: #dc3545 !important; /* 부트스트랩 기본 빨간색 사용 */
	text-decoration: none;     /* 기본 링크 밑줄 제거 */
}

/* 🌟 토요일(Saturday) 타이틀 및 날짜 텍스트 (파란색) */
.fc-day-sat a {
	color: #ff9900 !important; /* 부트스트랩 기본 파란색 사용 */
	text-decoration: none;
}

/* (선택 팁) 만약 달력 안의 날짜 숫자뿐만 아니라, 맨 위 '요일 헤더 칸'의 배경색도 살짝 다르게 주고 싶으시다면 아래 코드를 쓰세요 */
th.fc-day-sun {
	background-color: #fff5f5 !important; /* 아주 옅은 빨간색 배경 */
}
th.fc-day-sat {
	background-color: #fff1c2 !important; /* 아주 옅은 파란색 배경 */
}

.fc-daygrid-dot-event {
  align-items: flex-start;
}

.fc-daygrid-dot-event .fc-event-title {
  white-space: normal;
  /* line-height: 150%; */
}