/* ======================================
   DESKTOP HOME OVERRIDE
   기준: 1024px 이상
====================================== */
@media (min-width: 1024px) {
	/* ===== 전체 프레임 ===== */
	body {
		background: #f4f6f8;
	}

	main {
		padding-bottom: 80px;
	}

	/* ===== 헤더 ===== */
	header.header {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 24px;
		height: 64px;
		background: var(--c-bg);
	}

	header .logoImg {
		height: 42px;
	}

	header .header-right button img {
		width: 22px;
	}

	/* ===== 슬라이더 ===== */
	#slider {
		max-width: 1200px;
		margin: 0 auto;
		border-radius: 16px;
		overflow: hidden;
	}

	/* ===== 메인 카드 영역 ===== */
	.main-cards {
		max-width: 1200px;
		margin: 0 auto;
		padding: 32px 24px;
		gap: 20px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: row;
	}

	/* 카드 레이아웃 재구성 */
	.main-cards > .card-wide {
		min-height: 140px;
		width: 25%;
	}

	.card-row {
		width: 50%;
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.card-half {
		width: 50%;
		height: 140px;
		grid-column: span 2;
	}

	/* 카드 텍스트 */
	.card h3 {
		font-size: 1.2rem;
	}

	.card p {
		font-size: 0.9rem;
	}

	.card img {
		width: 44px;
		height: 44px;
	}

	/* ===== 공지 ===== */
	.notice {
		max-width: 1200px;
		margin: 0 auto;
		padding: 32px 24px 40px;
		border-radius: 16px;
	}

	.notice h4 {
		font-size: 1.2rem;
	}

	#notice .notice-line {
		padding: 14px 0;
	}

	#notice .title {
		font-size: 0.95rem;
	}

	/* ===== 스폰서 ===== */
	#sponsor {
		max-width: 1200px;
		margin: 0 auto;
		padding: 24px 0 40px;
	}

	#sponsor p {
		font-size: 0.75rem;
	}

	.sponsor-slide {
		height: 40px;
	}

	/* ===== 하단 네비 제거 ===== */
	nav.bottom-nav {
		display: none;
	}

	/* ===== 데스크탑 푸터 대체 ===== */
	.desktop-footer {
		max-width: 1200px;
		margin: 0 auto;
		padding: 24px;
		text-align: center;
		font-size: 12px;
		color: var(--c-text-light);
		border-top: 1px solid var(--c-border);
		background: var(--c-bg);
	}

	/* ===== 모달 보정 ===== */
	.modal-container,
	.popup-box {
		max-width: 420px;
	}

	.login-modal > *:not(.title) {
		max-width: 420px;
	}
}