@charset "UTF-8";
/*
 * board-calendar-acnhor.css
 * (산학)행사일정 게시판(calendar-acnhor) 전용 보완 스타일.
 * Figma(node 144-2431 Tab_square/Tab_menu) 기준: 캘린더|리스트 모드 전환 탭.
 *   - 세그먼트 2등분, 높이 68px, 패딩 16/24px, 볼드, 하단 색줄 없음
 *   - active 세그먼트는 '자기 바깥 모서리 2개'만 radius 12px (안쪽 모서리는 평평)
 *     · 캘린더(좌): top-left+bottom-left 12px  · 리스트(우): top-right+bottom-right 12px
 *   - active: #009BB4 배경 + 흰 글자 / inactive: 흰 배경 + 회색 글자
 * 카테고리 탭 컴포넌트(board-tab-wrap+board.tab.util.js)는 클릭 preventDefault로
 * 모드 이동을 막으므로 사용하지 않고 순수 링크 전용 탭으로 구현.
 */

.acnhor-mode-tab {
	display: flex;
	width: 100%;
	margin-bottom: 40px;
}
.acnhor-mode-tab .mode-tab-item {
	flex: 1 1 50%;
	box-sizing: border-box;
	min-height: 68px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 24px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: #555;
	background: #fff;
	border: 1px solid #d9d9d9;
	text-decoration: none;
	transition: background .2s, color .2s;
}
/* 각 세그먼트는 자기 바깥 모서리만 둥글게 (안쪽은 평평 = 맞닿음) */
.acnhor-mode-tab .mode-tab-item:first-child { border-radius: 12px 0 0 12px; }
.acnhor-mode-tab .mode-tab-item:last-child { border-radius: 0 12px 12px 0; margin-left: -1px; }
.acnhor-mode-tab .mode-tab-item.active {
	position: relative;
	z-index: 1;
	background: #009bb4;
	color: #fff;
	border-color: #009bb4;
}

@media (max-width: 768px) {
	.acnhor-mode-tab .mode-tab-item {
		min-height: 52px;
		padding: 12px 16px;
		font-size: 16px;
	}
}

/* 등록/수정 폼 라벨 배경 제거 (퍼블/디자인엔 배경 없음).
   원인: CMS 테마 common01-01.css의 .bn-write-common01.type01 ...b-title-box{background:#F7F9FA}가
   특이도 (0,5,0)로 acnhor.css의 transparent(0,4,0)를 눌러 회색이 강제됨.
   동일 특이도 + 후순위 로드로 transparent 복원. */
.bn-write-common01.type01 .b-table-box .b-row-box .b-title-box {
	background: transparent;
}

/* 공휴일 전용 색상: e-color00 (투명 배경 + 빨강 폰트).
   퍼블은 공휴일에 e-color03을 썼으나, 카테고리 색을 01·02·03 순차로 쓰기 위해 공휴일을 00으로 분리. */
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color00 {
	background-color: transparent;
}
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color00 .fc-event-title {
	color: #FF2056;
}

/* 카테고리 3번째 밴드 색상: e-color03 (퍼블 e-color01 teal / e-color02 navy 다음).
   공휴일이 e-color00으로 이전됐으므로 퍼블의 e-color03(투명/빨강)을 이 보드에서만 앰버로 오버라이드.
   퍼블 패턴(배경=색상@20% + 폰트=solid 색상) 유지. teal/navy와 어울리는 앰버 계열. */
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color03 {
	background-color: rgba(226, 150, 44, 0.2);
}
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color03 .fc-event-title {
	color: #C67A0E;
}

/* 카테고리 4~5번째 밴드 색상 (향후 카테고리 추가 시 순차 사용).
   퍼블 패턴(배경=색상@20% + 폰트=solid) 유지. teal/navy/앰버와 어울리는 그린/퍼플. */
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color04 {
	background-color: rgba(46, 139, 87, 0.2);
}
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color04 .fc-event-title {
	color: #2E8B57;
}
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color05 {
	background-color: rgba(107, 78, 151, 0.2);
}
.calendar-wrap.event .calendar-left .calendar-box .fc-h-event.e-color05 .fc-event-title {
	color: #6B4E97;
}

/* 우측 '전체 일정' 카테고리 배지(cr-txt01) 배경을 달력 밴드 색상과 일치시킨다.
   renderRightPanel이 밴드와 동일한 e-colorNN 클래스를 배지에 부여 → 여기서 solid 배경 지정.
   01/02는 퍼블 밴드 색(#009BB4/#003B90) 그대로. 폰트는 퍼블 기본(흰색) 유지. */
.calendar-wrap.event .calendar-right .cr-txt01.e-color01 {
	background: #009BB4;
}
.calendar-wrap.event .calendar-right .cr-txt01.e-color02 {
	background: #003B90;
}
.calendar-wrap.event .calendar-right .cr-txt01.e-color03 {
	background: #C67A0E;
}
.calendar-wrap.event .calendar-right .cr-txt01.e-color04 {
	background: #2E8B57;
}
.calendar-wrap.event .calendar-right .cr-txt01.e-color05 {
	background: #6B4E97;
}