/* 메인 페이지 초기 로딩 스켈레톤 (임시) — 퍼블리셔 정식 스타일 적용 전 개발용
 * TODO: 정식 디자인 확정 후 grm_style.css/grm_common.css 반영 시 이 파일·링크 제거
 * 대상 마크업: main.render.js / main-cal-day.js / main-region-list.js / main-online-users.js /
 *           main-deadline.js / main-popular-feed.js 가 데이터 로드 전 렌더하는 .skeleton-fill / .skeleton-line
 */
@keyframes mainSkeletonPulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.5; }
}
.skeleton-fill,
.skeleton-line {
	background-color: #e4e7ec !important;
	background-image: none !important;
	animation: mainSkeletonPulse 1.2s ease-in-out infinite;
}
.skeleton-line {
	display: block;
	/* height를 px/em으로 추측하지 않는다 - grm_common.css의 `* { line-height: normal }`이
	   커스텀 폰트(SUIT) 실측 비율이라 근사값(1.2em 등)으로는 안 맞았다. 대신 마크업에  를
	   채워 실제 텍스트와 동일한 줄상자 높이를 브라우저가 그대로 계산하게 한다. */
	border-radius: 4px;
}
.skeleton-line.short {
	width: 55%;
}
.item.skeleton .txtAreaViewCon.skeleton-line {
	min-height: 2.8em;
	border-radius: 6px;
}