/* 기본 스타일 초기화 및 배경 설정 */

	/* 전체 페이지의 기본 캔버스 */
	.content-container {
		max-width: 1800px; /* 전체 배경이나 넓은 레이아웃의 기준 */
		margin: 0 auto;
		padding: 0 20px;
		width: 100%;
		box-sizing: border-box;
	}

	/* 실제 콘텐츠가 담기는 핵심 중앙 정렬 박스 (Tailwind 7xl 스타일 통합) */
	.inner-wrapper {
		max-width: 1280px; /* max-w-7xl에 해당 */
		margin: 0 auto;
		width: 100%;
		/* 기기별 반응형 패딩 (모바일 구성) */
		padding-left: 5px;  /* px-3 */
		padding-right: 5px;
	}

	/* 태블릿 및 PC 이상에서 여백 확장 (md:px-6 반영) */
	@media (min-width: 768px) {
		.inner-wrapper {
			padding-left: 24px;  /* px-6 */
			padding-right: 24px;
		}
	}

	/* 섹션 간의 기본 간격 (필요시 사용) */
	.section-main {
		padding-top: 100px;
		padding-bottom: 10px;
	}
	@media (max-width: 767px) {
		.section-main {
			padding-top: 80px;
			padding-bottom: 10px;
		}
	}
	
	/* 섹션 간의 기본 간격 (필요시 사용) */
	.section-sub {
		padding-top: 60px;
		padding-bottom: 10px;
	}
	
	.section-sub-2nd {
		padding-top: 20px;
		padding-bottom: 10px;
	}
	@media (max-width: 767px) {
		.section-sub {
			padding-top: 20px;
			padding-bottom: 10px;
		}
		.section-sub-2nd {
			padding-top: 0px;
			padding-bottom: 10px;
		}		
	}

	/* 네비게이션 및 히어로 섹션 스타일 (간결하게 정리) */
	.submain-section {
		margin-top:70px;
		padding-top:50px;
		height: 70vh;
		/* 배경 이미지를 원하는 이미지 경로로 변경하세요. */
		background-size: cover;
		background-position: center;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		color: white;
	}
	.submain-content { max-width: 800px; padding: 20px; }
	.submain-content h1 { font-family:gmarketsans;font-size: 38px; margin-bottom: 20px; font-weight: 500; }
	.submain-content p { font-size: 20px; margin-bottom: 40px; color: #c0c0c0; }

	/* --- 모바일 최적화: @media query 적용 --- */

	@media (max-width: 768px) {

		/* 2. 메인 배너 (Hero Section) 조정 */
		.submain-section {
			height: auto; /* 내용이 충분히 보일 수 있도록 높이 자동 설정 */
			min-height: 50vh; /* 최소 높이 보장 */
			padding: 80px 20px 40px; /* 상단 패딩 늘리기 */
		}

		/* 3. 콘텐츠 및 폰트 크기 조정 */
		.submain-content h1 {
			font-size: 28px; /* 큰 제목 크기 줄이기 */
			margin-bottom: 10px;
			line-height: 1.4;
		}

		.submain-content p {
			font-size: 16px; /* 부제목 크기 줄이기 */
			margin-bottom: 30px;
		}

	}


	.main-content-section_f {
		padding-top: 60px 0;
		background-color: #ffffff; /* 밝은 회색 배경 */
		text-align: center;
	}

	.main-content-section_g {
		padding: 40px 0;
		background-color: #f9f7f2; /* 밝은 회색 배경 */
		text-align: center;
	}

	.main-content-container {
		margin: 0 auto;
		padding: 0 20px;
	}

	.section-title-upper {
		font-size: 1em;
		font-weight: 300;
		color: #666;
		letter-spacing:0em;
		padding-bottom: 10px;
		text-align:center;
	}

	.section-title {
		font-size: 2em;
		font-weight: 500;
		color: #333;
		letter-spacing:0em;
		line-height:1.4em;
		margin-bottom: 50px;
		text-align:center;
	}

	.section-subtitle {
		font-size: 1em;
		letter-spacing:-0.05em;
		color: #666;
		margin-bottom: 40px;
		line-height:1.7em;
	}

	.section-text {
		font-size: 1em;
		letter-spacing:0em;
		text-align:justify;
		color: #666;
		margin-bottom: 40px;
		line-height:1.9em;
	}


	.flex-title-upper {
		font-size: 0.8em;
		font-weight: 300;
		color: #666;
		letter-spacing:0em;
		padding-bottom: 10px;
		text-align:center;
	}

	.flex-title {
		font-size: 1.2em;
		font-weight: 500;
		color: #333;
		letter-spacing:0em;
		line-height:1.4em;
		margin-bottom: 50px;
		text-align:center;
	}

	.flex-subtitle {
		font-size: 1em;
		letter-spacing:-0.05em;
		color: #666;
		margin-bottom: 40px;
		line-height:1.7em;
	}

	.flex-text {
		font-size: 1em;
		letter-spacing:0em;
		text-align:justify;
		color: #666;
		margin-bottom: 40px;
		line-height:1.9em;
	}

	/* 모바일 반응형 */
	@media (max-width: 600px) {

		.value-summary-container {
			flex-direction: column;
			gap: 30px;
		}
		.action-button {
			width: 90%;
			font-size: 1.1em;
			padding: 15px 20px;
		}
		
		.section-title-upper {
			font-size: .8em;
			font-weight: 500;
			color: #555;
			letter-spacing:0em;
			padding-bottom: 10px;
			text-align:center;
		}
		
		.section-title {
			font-size: 1.8em;
			font-weight: 500;
			color: #333;
			letter-spacing:0em;
			line-height:1.4em;
			margin-bottom: 30px;
			text-align:center;
		}
	
		.section-text {
			font-size: 1em;
			letter-spacing:-0.05em;
			text-align:left;
			color: #555;
			line-height:1.8em;
		}
		
		.flex-title-upper {
			font-size: 0.8em;
			font-weight: 800;
			color: #666;
			letter-spacing:0em;
			padding-bottom: 10px;
			text-align:center;
		}
		
		.flex-title {
			font-size: 1.1em;
			font-weight: 500;
			color: #333;
			letter-spacing:0em;
			line-height:1.4em;
			margin-bottom: 30px;
			text-align:center;
		}
	
		.flex-text {
			font-size: 1em;
			letter-spacing:-0.05em;
			text-align:left;
			color: #555;
			line-height:1.8em;
		}
	}