/* ============================================
   모바일 전용 스타일 (768px 이하)
   PC 디자인과 분리 · 좌우 여백·가독성 중심
   ============================================ */

/* ----- 공통: 좌우 여백 (모든 섹션) ----- */
@media (max-width: 768px) {
	.box1 { padding: 0 32px; }
	.hero_inner { padding-left: 32px; padding-right: 32px; }
	.main_con {
		padding: 40px 0;
		text-align: center;
	}
	.sect_desc,
	.sect_desc_light { text-align: center; }
	.main_tit,
	.sect_t_tit { text-align: center; }
}

@media (max-width: 480px) {
	.box1 { padding: 0 28px; }
	.hero_inner { padding-left: 28px; padding-right: 28px; }
	.section { padding: 36px 0; }
	.main_con { padding: 32px 0; }
	.sect_t_tit { font-size: 18px; margin-bottom: 20px; }
}

/* ----- 헤더 ----- */
@media (max-width: 768px) {
	.phone_hide { display: none; }
	.pc_hide { display: block; }
	.header_wrap .logo img { height: 48px; }
}

/* ----- 퀵 연락 ----- */
@media (max-width: 768px) {
	#quickKakao { right: 16px; bottom: 16px; }
	#quickKakao .tt { display: none; }
	#quickKakao .link_wrap a { padding: 12px 14px; }
}

/* ----- 1. 히어로 ----- */
@media (max-width: 768px) {
	.hero_headline { font-size: 26px; }
	.hero_sub { font-size: 17px; }
	.hero_points { flex-direction: column; align-items: center; gap: 10px; font-size: 15px; }
	.hero_cta { flex-direction: column; }
	.hero_cta .btn_primary,
	.hero_cta .btn_secondary { width: 100%; text-align: center; }
}

/* ----- 2. 브랜드 소개 ----- */
@media (max-width: 768px) {
	.sect_t_tit { font-size: 22px; }
	.sect1_content {
		grid-template-columns: 1fr;
		gap: 28px;
		max-width: 100%;
	}
	.sect1_text,
	.sect1_text .p1, .sect1_text .p2, .sect1_text .p3 { text-align: center; }
	.sect1_points {
		grid-template-columns: 1fr;
		text-align: center;
		margin-top: 20px;
	}
	.sect1_points li { padding-left: 0; text-align: center; }
	.sect1_points li::before { position: static; margin-right: 6px; }
	.sect1_imgs { grid-template-columns: 1fr; gap: 16px; }
}

/* ----- 3. 브랜드 정체성 ----- */
@media (max-width: 768px) {
	.sect2_quote { font-size: 18px; margin-bottom: 24px; }
	.sect2_values { flex-direction: column; align-items: center; gap: 12px; }
}

/* ----- 4. 경쟁력 카드 ----- */
@media (max-width: 768px) {
	.comp_cards {
		grid-template-columns: 1fr 1fr;
		gap: 16px;
		max-width: 100%;
	}
	.comp_cards > li,
	.comp_cards .num, .comp_cards h3, .comp_cards p { text-align: center; }
	.comp_cards > li { padding: 24px 20px; }
}
@media (max-width: 480px) {
	.comp_cards { grid-template-columns: 1fr; }
}

/* ----- 5. 창업 절차 ----- */
@media (max-width: 768px) {
	.step_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 14px;
		max-width: 100%;
	}
	.step_list > li { padding: 24px 16px; }
}
@media (max-width: 480px) {
	.step_list { grid-template-columns: 1fr; }
}

/* ----- 6. 인테리어 ----- */
@media (max-width: 768px) {
	.sect5_gallery {
		grid-template-columns: 1fr;
		gap: 16px;
		max-width: 100%;
	}
}

/* ----- 7. 시공 ----- */
/* (sect_desc 공통으로 처리됨) */

/* ----- 8. 가맹 매장 ----- */
@media (max-width: 768px) {
	.sect7_gallery {
		grid-template-columns: 1fr;
		gap: 16px;
		max-width: 100%;
	}
}

/* ----- 9. 사업 안내 (패키지) ----- */
@media (max-width: 768px) {
	.package_list {
		grid-template-columns: repeat(2, 1fr);
		gap: 16px;
		max-width: 100%;
	}
	.package_card,
	.package_card h3, .package_card .package_sub, .package_card ul,
	.package_card li { text-align: center; }
	.package_card { padding: 24px 18px; }
}
@media (max-width: 480px) {
	.package_list { grid-template-columns: 1fr; }
}

/* ----- 10. 창업 문의 (폼) ----- */
@media (max-width: 768px) {
	.sect10_wrap {
		grid-template-columns: 1fr;
		gap: 24px;
		text-align: center;
	}
	.sect10_contact { min-width: auto; }
	.sect10_form {
		text-align: center;
		background: linear-gradient(145deg, rgba(13,27,42,0.06) 0%, rgba(65,90,119,0.08) 100%);
		padding: 28px 24px;
		border-radius: var(--radius-lg);
		border: 1px solid rgba(13,27,42,0.12);
		box-shadow: 0 8px 32px rgba(13,27,42,0.1);
	}
	.sect10_form label {
		text-align: center;
		align-items: center;
		font-weight: 600;
	}
	.sect10_form label span { font-weight: 700; color: var(--color-navy); }
	.sect10_form input,
	.sect10_form textarea {
		text-align: center;
		font-weight: 600;
		border: 2px solid rgba(13,27,42,0.2);
	}
	.sect10_form input::placeholder,
	.sect10_form textarea::placeholder { font-weight: 500; opacity: 0.8; }
	.sect10_form .btn_primary {
		background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
		color: #fff !important;
		font-weight: 700;
		font-size: 17px;
		padding: 18px 32px;
		border: none;
		box-shadow: 0 6px 20px rgba(13,27,42,0.35);
		transition: transform 0.2s, box-shadow 0.2s;
	}
	.sect10_form .btn_primary:hover {
		transform: translateY(-2px);
		box-shadow: 0 8px 24px rgba(13,27,42,0.45);
		opacity: 1;
	}
	.sect10_contact {
		text-align: center;
		background: linear-gradient(145deg, rgba(13,27,42,0.08) 0%, rgba(65,90,119,0.06) 100%);
		border: 1px solid rgba(13,27,42,0.15);
		font-weight: 600;
	}
	.sect10_contact .contact_tel { font-weight: 700; }
}
@media (max-width: 480px) {
	.sect10_form { padding: 24px 20px; }
}

/* ----- 11. 푸터 ----- */
/* (공통 스타일로 충분) */

/* ----- 우측 메인 네비 ----- */
@media (max-width: 768px) {
	.main_nav { right: 10px; }
	.main_nav .tt { display: none; }
	.main_nav a { padding: 8px 10px; }
}
@media (max-width: 480px) {
	.main_nav { display: none; }
}

/* ----- fullPage: 모바일 스크롤 ----- */
@media (max-width: 1045px) {
	.section { min-height: auto; padding: 48px 0; }
}