@charset "utf-8";
/* 달력 상단 라인 두께 */
.fc-view-harness  {border-top: 2px solid #000;}

/* 토/일 글자색상 및 배경색상 */
.fc-day-sun a, .fc-day-sun a.fc-daygrid-day-number { color:#dd6666 }
.fc-day-sat a, .fc-day-sat a.fc-daygrid-day-number { color:#4d8ef6 }
.fc-day-sat { background: #ffffff; } 
.fc-day-sun { background: #FFF7F7; }

/* 달력 헤더 (월 ~ 토) */
.fc-col-header-cell { height:30px; vertical-align: revert !important; background:#efefef; }
.fc .fc-col-header-cell-cushion { padding:0px 4px !important; }

/* 글쓰기 텍스트 및 배경 색상 선택 */
.clr-list {list-style:none;}
.clr-list > .clr-title { height:26px; line-height:26px; margin-right:10px; }
.clr-list:after {display:block;visibility:hidden;clear:both;content:''}
.clr-list > li {float:left}
.clr-list > li .btn-color {display:block; margin: 0 1px; width:26px; height:26px; border-radius: 3px; border:1px solid #ccc; }
.clr-list > li .user-color { outline:none; border:1px solid #ccc; width:70px !important; text-align:center; }
.color-sample { display:block; width:100%; height:30px; line-height:30px; text-align:center; background:#3788D8; color:#ffffff; border-radius:5px; }

/* 달력 메인화면 상단 툴바 */
.fc-toolbar-chunk:nth-child(1) { width:30%; text-align:left; }
.fc-toolbar-chunk:nth-child(2) { width:40%; text-align:center; }
.fc-toolbar-chunk:nth-child(3) { width:30%; text-align:right; }
.fc-toolbar-chunk > h2 { display: inline-block; padding-top:3px !important; }
.fc .fc-button { border:0px !important; } /* button style */
.fc-prev-button { display:inline-block; }
.fc-next-button { display:inline-block; margin-left:1.2em !important; }


/* 카테고리 */
.category { display:inline-block; background:#fff; border:1px #d8e9fd solid; border-radius:9999px; color:#6e96d4; height:30px; line-height:30px; padding:0px 8px !important; text-align:center; margin-right:3px; cursor:pointer; }
.category-active { background:#4d8ef6 !important; color:#fff !important; border:1px #4d8ef6 solid !important;}


/* 이벤트 바 *//* 이벤트 바 *//* 이벤트 바 */
.fc-event-main-frame {
    /* height:28px; */
    /* line-height:24px; */
    font-size:13px;
    padding:2px 5px; }
.fc-daygrid-event { font-size:11px !important; }


/* 날짜 글자 크기 */
.fc-daygrid-day-number { font-size:1.1em; }




/* 글쓰기 버튼 */
.rumi-write { position:absolute; display:none; top:6px; left:7px; font-size:15px; color:#ccc; cursor:pointer; z-index:999;}
.rumi-write:hover { background:#dd6666; color:#fff; border-radius:50%; padding:5px; top:1px; left:2px}
.fc-daygrid-day-frame:hover .rumi-write { display:block; }




/* 날짜/음력/공휴일 높이 */
.fc-daygrid-day-top { height:35px; }

/* 음력 / 공휴일 */
.rumi-lunarday { position: absolute; top: 20px; right: 5px; font-size: 10px; color:#888; display:none; border:1px #000 solid;}
.rumi-lunarholiday { position: absolute; top: 7px; left: 3px; font-size: 11px; color:#FF2F2F; }

.fc-daygrid-day-top {
    container-type: inline-size;
}

@container (max-width: 130px) {
    .rumi-lunarholiday {
        position: absolute;
        top: 20px;
        right: 0px;
        font-size: 11px;
        color: #FF2F2F;
    }
}

.week-rumi-lunarset { display: block; width:100%; }
.week-rumi-lunarday { display:inline-block; font-size: 11px; color:#888; }
.week-rumi-lunarholiday { display:inline-block;  font-size: 11px; color:#FF2F2F; margin-left:8px; }

/* fullcalendar 설정 */
.wz_tbl_1,.wz_tbl_1 th,.wz_tbl_1 td{border:0;}
.wz_tbl_1{width:100%;text-align:center;margin: 7px 0 0px;}
.wz_tbl_1 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0;background-color:#fff}
.wz_tbl_1 tbody, .wz_tbl_1 tr, .wz_tbl_1 td {vertical-align:middle}
.wz_tbl_1 caption{display:none}
.wz_tbl_1 th { height:37px; padding:3px 0px; border:1px solid #dcdcdc;color:#666;text-align:center;font-weight:bold;background-color: #fbfbfb;}
.wz_tbl_1 td { height:37px; padding:3px 5px; border:1px solid #e5e5e5; color:#4c4c4c; text-align:left;}
.wz_tbl_1 th span.last:after {border:none;}
.wz_tbl_1 td .numberic {text-align:right;padding-right:4px;}
.wz_tbl_1 ul li { display:inline-block; margin-right:10px; }

/* 일정 상세보기 (view.skin.php) */
#bo_v .scdate-txt {
    position:relative;
    display:block;
    width:100%;
    height:32px;
	}
#bo_v .scdate-txt span {
    position:absolute;
    display:inline-block;
    color:#555;
	}
#bo_v .scdate-txt .date-title {
    width:100px;
    top:0;
    left:0;   
    padding:7px 0 7px 25px;
}
#bo_v .scdate-txt .date-txt {
    width:100%;
    text-align:left;
    padding:7px 0 7px 110px;   
}

/* .lunarDay { position:absolute; top:22px; right:5px; color:#888;} */
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 100px !important; }


/* 미정일정 박스디자인 */
.fc-tooltip{
    position:absolute;
    background:#222;
    color:#fff;
    padding:8px 12px;
    border-radius:6px;
    font-size:13px;
    white-space:pre-line;
    z-index:9999;
    box-shadow:0 4px 10px rgba(0,0,0,0.2);
}


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

.fc-daygrid-event .fc-event-main {
    white-space: normal !important;
    word-break: break-word;
    line-height: 1.2;
}

.memo-box{
    padding:15px;
    border:1px solid #ececec;
    margin-bottom:20px;
}


/* 미정일정 버튼디자인 */
.fx{   
    display:flex;
    justify-content:flex-end;   /* 👉 오른쪽 정렬 */   
}

.fxbox{
    display:flex;
    gap:8px;                    /* 버튼 간격 */
}

.fastyle{
    padding:6px 12px;
	color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
	border-radius: 0.25em;
	
}

.fastyle:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
  }

.fastyle:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
  }


.rounded {
   border-radius: 0.30em;
    background: #fbfbfb;
}

.memo-box h3{font-size:18px; color:#666;}

/* 기본 (읽기모드) */

#boardMemo,
#boardMemo:focus,
#boardMemo:active {
    color: #666 !important;
    caret-color: #666 !important;
	outline: none !important;
    box-shadow: none !important;
}

#boardMemo:read-only {
    caret-color: transparent !important;  /* 읽기모드에선 커서 안보이게 */
}

/* ===== 기본 상태 (읽기모드) ===== */
#boardMemo {
    white-space: pre-wrap;
    overflow: hidden;
    resize: none;

    background: transparent;
    border: none;
    outline: none;

    color: #666;
    caret-color: transparent; /* 읽기모드 커서 숨김 */
    cursor: default;
	pointer-events: auto;
	padding:10px; width:100%;
	font-size:14px; line-height: 1.8;
	
}




/* 읽기모드에서 포커스 막기 */
#boardMemo:focus:not(.editing) {
    outline: none !important;
    box-shadow: none !important;

}


#memoContent {
    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
	transform: none !important;
}

#boardMemo[readonly] {
    cursor: default;
	 pointer-events: none;   /* 🔥 클릭 자체 차단 */
}


/* ===== 수정모드 ===== */
#boardMemo.editing {
    background-color: #fff !important;
    caret-color: #000;
    cursor: text; 
	
}

#memoContent,
#memoToggle,
#memoContent * {
    opacity: 1 !important;
    filter: none !important;
}

/* ===== 미정일정 슬라이드 정리본 ===== */


.memo-content {
    overflow: hidden;
    color: #222 !important;
	will-change: max-height;
	transform-origin: top;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.memo-content.closed {
    transform: scaleY(0);
    opacity: 0;
}
.memo-content.open {
    transform: scaleY(1);
    opacity: 1;
}


.memo-title {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
}

.memo-icon {
    font-size: 18px;
    font-weight: 600;
    transition: transform 0.3s ease;
}

/* 기본 접힘 */
.memo-slide {
    overflow: hidden;
    transition: max-height 0.45s ease;
}

/* 열림 */
.memo-slide.open {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* 아이콘 회전 */
.memo-icon.open {
    transform: rotate(90deg);
}

@media (max-width:950px){
    .fc-tooltip{
        display:none !important;
    }
}

.fc-kakao-tooltip{
  position: absolute;
  z-index: 999999;
  max-width: 320px;
  white-space: pre-line; /* \n 줄바꿈 */
  padding: 10px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid #e6e6e6;
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
  font-size: 13px;
  line-height: 1.4;
  color: #111;
  display: none;
}

/* 말풍선 꼬리 */
.fc-tooltip{
  position:absolute;
  z-index:999999;
  pointer-events:none;
  background:#111;
  color:#fff;
  padding:6px 10px;
  border-radius:6px;
  font-size:12px;
  max-width:260px;
  white-space:pre-wrap;
}
.fc-event { pointer-events: auto !important; }


@media (max-width: 768px) {
    /* 1. 버튼들이 담긴 바구니의 겹침 현상 방지 */
    .fc-toolbar-chunk {
        display: flex !important;
        flex-wrap: wrap; /* 공간이 부족하면 다음 줄로 넘어가게 함 */
        justify-content: center;
        z-index: 10; /* 클릭 우선순위를 높임 */
    }

    /* 2. 툴바 전체의 여유 공간 확보 */
    .fc-header-toolbar {
        display: flex !important;
        flex-direction: column; /* 모바일에서는 위아래로 배치하여 공간 확보 */
        gap: 10px;
    }

    /* 3. 펜슬(글쓰기) 버튼과 그 옆 버튼들이 클릭되도록 투명한 막 제거 */
    .fc-button {
        position: relative;
        z-index: 20 !important; /* 버튼을 가장 위로 올림 */
        margin: 2px !important; /* 버튼끼리 붙어서 간섭하지 않게 여백 */
    }

    /* 4. 클릭을 방해하는 보이지 않는 가상 요소 제거 */
    .fc-toolbar-chunk:after {
        display: none !important;
    }
}