@CHARSET "UTF-8";

@font-face {
	font-family: 'Pretendard-Regular';
	src:
		url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff')
		format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'MBC1961M';
	src:
		url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-01@1.0/MBC1961M.woff2')
		format('woff2');
	font-weight: normal;
	font-style: normal;
}
/* 기본 초기화 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* HTML5 요소 초기화 */
html, body {
	width: 100%;
	height: 100%;
	font-size: 16px;
	font-family: 'Pretendard', sans-serif;
	background-color: #fff;
	color: #333;
}
input[type="button"]{cursor: pointer;}
/* 리스트 스타일 제거 */
ul, ol {
	list-style: none;
}

/* 링크 기본 스타일 제거 */
a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

/* 폼 요소 초기화 */
button, input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	border: none;
	outline: none;
	/* all: unset; */
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	font: inherit;
	color: inherit;
	box-sizing: border-box;
	outline: none;
}
select{all: unset;}

/* 버튼 기본 스타일 제거 */
button {
	cursor: pointer;
}

/* 이미지 반응형 설정 */
img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}

.container {
	max-width: 1200px;
	width: 95%;
	margin: 0 auto;
	position: relative;
}

.mbc {
	font-family: 'MBC1961M';
	font-weight: 100;
}

/* 이벤트 타이틀 안에 상태 뱃지를 표시하는 기본 스타일 */
.event-title {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
  white-space: normal !important;
  word-break: break-word;
  line-height: 1.2;
  font-size: 0.85rem;
}

/* 상태 뱃지 공통 스타일 */
.status-badge {
  display: inline-block;
  padding: 2px 8px;
  font-size: 12px;
  font-weight: bold;
  color: white;
  border-radius: 12px;
  line-height: 1.2;
  white-space: nowrap;
}

/* 상태별 색상 */
.status-attend {
  background-color: #28a745; /* 출석 - 초록 */
}

.status-absent {
  background-color: #dc3545; /* 결석 - 빨강 */
}

.status-upcoming {
  background-color: #007bff; /* 수업예정 - 파랑 */
}

.status-cancelled {
  background-color: #6c757d; /* 휴강 - 회색 */
}

.status-postponed {
  background-color: #fd7e14; /* 연기 - 주황 */
}

.status-default {
  background-color: #999999; /* 기타 - 진회색 */
}