.calender-headerRow div.innerRow {
    display: flex;
    flex-direction: column;
    justify-content: center; /* div의 수직 가운데 정렬 */
    align-items: start; /* 왼쪽에서 정렬 */
    height: 100%; /* div의 높이 설정, 원하는 높이로 설정 가능 */
    gap: 0px; /* 두 줄 사이의 간격 */
}
.calender-headerRow div.innerCol {
    display: flex;
    align-items: center; /* 각 줄의 span과 텍스트를 수평 정렬 */
    font-size: 14px;
    font-weight: bold;
}

.fc-header-wrapper {
    display: flex;
    justify-content: center; /* 수직 중앙 정렬 */
    align-items: center; /* 수평 중앙 정렬 */
    height: 100%; /* 부모 요소의 높이를 지정하거나 원하는 높이로 설정 */
}
.fc-custom-header {
    font-size: 16px; /* 글자 크기 조정 */
    font-weight: bold; /* 굵은 텍스트 */
    text-align: center; /* 가운데 정렬 */
    vertical-align: center;
    margin: 0; /* FullCalendar와 간격 */
    padding: 0; /* 여백 추가 */
}
.calender-headerRow {
    margin-left: 0;
    margin-right: 0;
}
/*.calender-headerRow, .calender-contentRow {
    background-color: #F5F9FF;
}*/
.calender-select {
    height: 100%;
    padding: 5px 0 5px 0;
}
.fc-media-screen {
    max-height: 515px; /* 원하는 높이로 설정 */
    overflow-y: auto;  /* 세로 스크롤 가능 */
    margin:  0;
    background-color: #fff;
}
.fc-media-screen::-webkit-scrollbar {
    width: 2px; /* 스크롤바의 너비 */
    background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0) 0px,
            #D8D8D8EC 200px,
            #D8D8D8 calc(100% - 200px),
            rgba(0, 0, 0, 0) 100%
    ); /* 나머지는 설정한 색상으로 채움 */
}
/* FullCalendar 헤더 버튼 스타일 조정 */
.fc .fc-toolbar button {
    height: 30px; /* 원하는 높이로 설정 */
    padding: 5px 8px 0 8px; /* 버튼 내 여백 조정 */
    font-size: 12px; /* 텍스트 크기 조정 */
}

/* FullCalendar 헤더 전체 높이 조정 */
.fc .fc-toolbar {
    padding: 5px 0; /* 헤더 패딩 조정 */
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-top: 5px;
    margin-bottom: 30px;
    padding-bottom: 0;
    height: 50px;
}

/* FullCalendar의 캘린더 본체 배경색을 흰색으로 설정 */
.fc .fc-view {
    background-color: white;
}
.fc .fc-col-header-cell {
    background-color: white;
}

.fc-scrollgrid-section th {
    padding: 0;

}
.fc-col-header-cell .fc-scrollgrid-sync-inner {
    text-align: end;
    border-right: none;
}
/* 요일 헤더 텍스트 밑줄 제거 */
.fc .fc-col-header-cell a{
    text-decoration: none;
}

.fc .fc-col-header-cell.fc-day-sun div a {
    color: red;
}

/* 일요일 날짜 텍스트를 빨간색으로 표시 */
.fc .fc-daygrid-day.fc-day-sun .fc-daygrid-day-top a {
    color: red;
}
.fc .fc-daygrid-day-number {
    text-decoration: none; /* 밑줄 제거 */
    border-right: none;
}
/* FullCalendar에서 가로줄 외 모든 테두리 제거 */

/* 셀의 세로 테두리 제거 */
.fc .fc-col-header-cell, /* 요일 헤더 */
.fc .fc-daygrid-day, /* 날짜 셀 */
.fc .fc-daygrid-day-frame {
    border-left: none;
    border-right: none;
}

/* 달력 외부 테두리 제거 */
.fc .fc-daygrid-day {
    border-bottom: none;
    border-right: none;
}

/* 요일 헤더의 가로 테두리 유지 */
.fc .fc-col-header-cell {
    border-bottom: 1px solid #ddd;
    border-right: none;
}
.fc .fc-view table.fc-scrollgrid thead tr.fc-scrollgrid-section-header th{
    border-right: none !important;
    background-color: white !important;
}

.fc-daygrid table.fc-scrollgrid {
    border: none;
}

.fc-view table.fc-scrollgrid tbody tr.fc-scrollgrid-section td {
    border-right: none;
}

/* 날짜 텍스트의 위치를 조정 */
.custom-day-number {
    display: inline-block;
    font-size: 14px; /* 필요에 따라 조정 가능 */
    line-height: 1.5; /* 필요에 따라 조정 가능 */
    text-align: center;
    width: 100%; /* 날짜를 셀 중앙에 정렬 */
}

/*.fc-cloud-event-style {
    border: none;
    background-color: rgb(0,188,255);
    color: #ffffff;
}

.fc-place-event-style {
    border: none;
    background-color: rgb(164, 228, 104);
    color: #ffffff;
}*/
.fc-place-event-style{
    background: rgb(164, 228, 104);
    border: 1px solid #fff;
}
.fc-cloud-event-style{
    background: rgb(0,188,255);
    border: 1px solid #fff;
}


.fc-event {
    white-space: normal !important; /* 이벤트가 긴 경우 줄바꿈 문제 해결 */
}

.fc-daygrid-event {
    width: 100% !important; /* 이벤트 막대가 제대로 폭을 차지하도록 보장 */
}

.fc-h-event {
    overflow: visible !important; /* 이벤트가 여러 날짜에 걸쳐 표시되도록 */
}

/* 기본 버튼 스타일 */
.fc-button {
    background-color: #ffffff !important; /* 버튼의 배경색 */
    border: 1px solid #D8D8D8EC !important; /* 버튼 테두리 색상 */
    color: #000000 !important; /* 버튼 텍스트 색상 (필요 시 변경 가능) */
    padding-bottom: 4px !important;
}

/* 현재 선택된 버튼 스타일 */
.fc-button-active {
    background-color: #F5F9FF !important; /* 선택된 버튼의 배경색 */
    border-color: #4251D6 !important; /* 선택된 버튼의 테두리 색상 */
    color: #4251D6 !important; /* 선택된 버튼의 텍스트 색상 */
}

/* 버튼 호버 스타일 (선택적으로 추가 가능) */
.fc-button:hover {
    background-color: #F0F0F0 !important; /* 버튼에 마우스를 올렸을 때 배경색 */
}
.fc-event {
    border-radius: 10px; /* 양 끝을 둥글게 처리 (값은 원하는 크기로 조정 가능) */
    overflow: hidden; /* 내용이 삐져나오지 않게 설정 */
}
.fc-event {
    height: 15px !important;  /* 이벤트 막대의 높이를 줄임 */
}

.fc-event-title-container {
    line-height: 15px !important;  /* 텍스트가 막대의 높이에 맞게 정렬되도록 조정 */
    font-size: 12px;               /* 텍스트 크기도 필요하면 조정 */
}