/* 대체교사 신청 메인 페이지 스타일 */

/* 안내 섹션 */
.st-notice-section {margin-bottom: 40px;}
.st-notice-box {border-radius: 12px;padding: 30px;display: flex;align-items: flex-start;gap: 20px;border: 1px solid #ccc;}
.st-notice-icon {width: 60px;height: 60px;flex-shrink: 0;background: rgba(255, 255, 255, 0.2);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 30px;backdrop-filter: blur(10px);}
.st-notice-content {flex: 1;}
.st-notice-title {font-size: 22px;font-weight: 700;margin-bottom: 12px;color: #fff;}
.st-notice-text {font-size: 15px;}
.st-notice-text p {margin: 8px 0;}

/* 신청 섹션 */
.st-apply-section {margin-bottom: 40px;}
.st-apply-container {max-width: 1200px;margin: 0 auto;}
.st-apply-title {font-size: 28px;font-weight: 700;color: #333;margin-bottom: 30px;text-align: center;padding-bottom: 15px;border-bottom: 1px solid #667eea;}
.st-apply-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;margin-bottom: 30px;}

/* 신청 카드 */
.st-apply-card {background: #fff;border-radius: 16px;padding: 30px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;display: flex;flex-direction: column;border: 2px solid #e9ecef;position: relative;overflow: hidden;}
.st-apply-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;background: linear-gradient(90deg, #667eea 0%, #2f6fb7 100%);}
.st-apply-card:hover {transform: translateY(-5px);box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);border-color: #667eea;}
.st-apply-card-coming {opacity: 0.7;}
.st-apply-card-coming::before {background: linear-gradient(90deg, #95a5a6 0%, #7f8c8d 100%);}
.st-apply-card-icon {width: 80px;height: 80px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius: 20px;display: flex;align-items: center;justify-content: center;font-size: 40px;margin-bottom: 20px;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}
.st-apply-card-coming .st-apply-card-icon {background: linear-gradient(135deg, #95a5a6 0%, #7f8c8d 100%);box-shadow: 0 4px 15px rgba(149, 165, 166, 0.3);}
.st-apply-card-content {flex: 1;margin-bottom: 20px;}
.st-apply-card-title {font-size: 22px;font-weight: 700;color: #333;margin-bottom: 12px;line-height: 1.4;}
.st-apply-card-desc {font-size: 15px;color: #666;line-height: 1.6;margin-bottom: 20px;}
.st-apply-card-features {list-style: none;padding: 0;margin: 0;}
.st-apply-card-features li {font-size: 16px;color: #555;line-height: 1.8;padding: 3px 0;padding-left: 20px;position: relative;}
.st-apply-card-features li::before {content: '';position: absolute;left: 0;top: 16px;width: 6px;height: 6px;background: #667eea;border-radius: 50%;}
.st-apply-card-footer {margin-top: auto;padding-top: 20px;border-top: 1px solid #e9ecef;}

/* 신청 버튼 */
.st-apply-btn {display: inline-flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 16px 24px;font-size: 16px;font-weight: 600;border-radius: 10px;text-decoration: none;transition: all 0.3s ease;border: none;cursor: pointer;}
.st-apply-btn-primary {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);}
.st-apply-btn-primary:hover {background: linear-gradient(135deg, #5568d3 0%, #653a91 100%);box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);transform: translateY(-2px);}
.st-apply-btn-disabled {background: #e9ecef;color: #95a5a6;cursor: not-allowed;box-shadow: none;}
.st-apply-btn-disabled:hover {background: #e9ecef;transform: none;box-shadow: none;}
.st-apply-btn-arrow {font-size: 18px;transition: transform 0.3s ease;}
.st-apply-btn-primary:hover .st-apply-btn-arrow {transform: translateX(5px);}

/* 추가 안내 섹션 */
.st-info-section {margin-top: 40px;}
.st-info-box {background: #f8f9fa;border-radius: 12px;padding: 25px 30px;border-left: 4px solid #667eea;}
.st-info-title {font-size: 18px;font-weight: 700;color: #333;margin-bottom: 15px;}
.st-info-list {list-style: none;padding: 0;margin: 0;}
.st-info-list li {font-size: 16px;color: #333;line-height: 1.8;padding: 3px 0;padding-left: 20px;position: relative;}
.st-info-list li::before {content: '✓';position: absolute;left: 0;color: #667eea;font-weight: 700;}

/* 경고 문구 스타일 */
.st-warning-notice { background: #fff3cd; border: 2px solid #ffc107; border-radius: 8px; padding: 16px 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(255, 193, 7, 0.2); }
.st-warning-notice p { margin: 0; font-size: 15px; font-weight: 600; color: #856404; line-height: 1.6; display: flex; align-items: center; }
.st-warning-notice p::before { content: '⚠️'; margin-right: 10px; font-size: 18px; }

/* 반응형 */
@media (max-width: 768px) {
	.st-apply-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.st-apply-title {
		font-size: 24px;
	}

	.st-notice-box {
		flex-direction: column;
		text-align: center;
	}

	.st-notice-icon {
		margin: 0 auto;
	}

	.st-apply-card {
		padding: 25px;
	}
}