/* @charset "utf-8"; */

/* ==========================================================================
   전역 공통 스타일 및 변수 정의 (common.css)
   ========================================================================== */

:root {
	/* 
	   [전역 배경색 변수]
	   추후 배경색을 바꿀 때 아래 #48aaca 코드만 원하는 색상으로 수정하면 
	   전체 페이지에 일괄 적용됩니다.
	*/
	/* --main-bg-color: #48aaca; */
}

/* 전체 기본 배경색 적용 */
html,
body {
	background-color: var(--main-bg-color) !important;
	margin: 0;
	padding: 0;
}

/* 
   서브 페이지 및 풀페이지 감싸는 최상위 래퍼 공통 처리 
   (필요 시 배경색이 상속되거나 투명 유지되도록 지정)
*/
.layout-wrapper,
#fullpage_sub1_wrapper,
.main_layout_container {
	background-color: var(--main-bg-color) !important;
}


/* 반응형 전체 메인 프레임 구조 */
.layout-wrapper {
	width: 100%;
	background-color: #ffffff;
	padding-top: 80px;
	/* 공통 헤더바 영역 침범 방지 고정 */
	box-sizing: border-box;
}

.layout-container {
	width: 100%;
	max-width: 1200px;
	/* 대화면 해상도 1200px 제한선 */
	margin: 0 auto;
	padding: 50px 20px 80px 20px;
	/* 양옆 20px 가변 유연성 패딩 */
	box-sizing: border-box;
}

/* 대타이틀 세팅 */
.layout-label {
	font-size: 0.85rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #888888;
	letter-spacing: 1px;
	margin-bottom: 5px;
}

.layout-main-title {
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--brand-color);
	margin: 0;
	letter-spacing: -1px;
}


/* 모바일 소화면 구간 제어선 (768px 이하 해상도) */
@media screen and (max-width: 768px) {
	.layout-main-title {
		font-size: 1.8rem;
	}


}