/* /edu/learn 페이지 보조 CSS
   intro.css 와 anniversary_popup.css 에 누락된 유틸리티 보충
   (사용자 제공 교육과정.css 의 신규 클래스만 추출)
*/

.sticky { position: sticky }
.top-28 { top: 7rem }
.h-28 { height: 7rem }
.w-28 { width: 7rem }
.sm\:h-32 { height: 8rem }
.sm\:w-28 { width: 7rem }
.md\:col-span-2 { grid-column: span 2 / span 2 }
.md\:col-span-3 { grid-column: span 3 / span 3 }
.md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) }
.lg\:grid-cols-\[1\.4fr_1fr\] { grid-template-columns: 1.4fr 1fr }
.lg\:py-14 { padding-top: 3.5rem; padding-bottom: 3.5rem }
.lg\:py-20 { padding-top: 5rem; padding-bottom: 5rem }
.lg\:pb-20 { padding-bottom: 5rem }

.line-clamp-2 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.p-3\.5 { padding: 0.875rem }
.px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem }
.px-6 { padding-left: 1.5rem; padding-right: 1.5rem }
.py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem }
.py-16 { padding-top: 4rem; padding-bottom: 4rem }
.pb-14 { padding-bottom: 3.5rem }
.pb-5 { padding-bottom: 1.25rem }
.pl-12 { padding-left: 3rem }
.pt-6 { padding-top: 1.5rem }

.space-y-3 > :not([hidden]) ~ :not([hidden]) {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.mt-7 { margin-top: 1.75rem }
.text-\[13px\] { font-size: 13px }

/* 1024px 이상에서 sm:flex-row 같은 추가 미디어쿼리 */
@media (min-width: 768px) {
	.md\:items-end { align-items: flex-end }
}