/**
 * 큐 09 — 홈 전용 스타일.
 * 이 파일은 큐 09 작업자가 단독 소유한다. 다른 큐는 쓰지 않는다.
 * 공통 스타일(버튼·폼·헤더·푸터·커스텀 위젯)은 style.css 에 있다.
 */

/* 히어로 — H1 강조 라인(골드) */
.elementor .lo-hero__hl {
	color: var(--e-global-color-accent);
}

/* 히어로 본문 — Astra 의 p 규칙을 이기기 위해 요소+클래스로 특정도 확보 */
.elementor .lo-hero__lead-wrap p.lo-hero__lead {
	margin-bottom: 0;
	max-width: 520px;
}

/* 통계 — 카운터 중앙 정렬 */
.elementor .lo-stat .elementor-counter {
	text-align: center;
}

.elementor .lo-stat .elementor-counter-number-wrapper {
	justify-content: center;
}

.elementor p.lo-stats__disclaimer {
	margin-bottom: 0;
}

/* 프로필 — 이력 목록(레이블 + 값) */
.elementor .lo-profile__facts-wrap ul.lo-profile__facts {
	list-style: none;
	margin: 0;
	padding: 0;
}

.elementor .lo-profile__facts-wrap ul.lo-profile__facts li {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 6px 0;
	border-bottom: 1px solid var(--e-global-color-border_subtle);
}

.elementor .lo-profile__facts-wrap ul.lo-profile__facts li:last-child {
	border-bottom: 0;
}

.elementor .lo-profile__facts-wrap .lo-profile__key {
	flex: 0 0 96px;
	font-weight: 700;
	color: var(--e-global-color-text);
}

.elementor .lo-profile__facts-wrap .lo-profile__val {
	flex: 1 1 auto;
	min-width: 0;
	color: var(--e-global-color-text_body);
}

/* 서비스 — 아이콘 박스 아이콘 라운드 사각 */
.elementor .lo-service-card .elementor-icon {
	border-radius: 10px;
	width: 48px;
	height: 48px;
	line-height: 48px;
}

/* 성공사례 — 캐러셀은 섹션 폭 전체를 쓴다 */
.elementor .lo-home-stories {
	width: 100%;
}

@media (max-width: 991px) {
	.elementor .lo-profile__facts-wrap .lo-profile__key {
		flex-basis: 80px;
	}
}

@media (max-width: 767px) {
	.elementor .lo-profile__facts-wrap ul.lo-profile__facts li {
		flex-direction: column;
		gap: 2px;
	}
}

/* 서비스 카드 3열 로우 — 태블릿(768px)에서 안 접혀 우측으로 오버플로.
   Elementor 컨테이너 반응형 flex-direction 이 992px 기준이라 768px 은 사각지대.
   해당 컨테이너만 1열로 강제. */
@media (max-width: 800px) {
	.elementor .elementor-element-a78a3b8 > .e-con-inner {
		flex-direction: column;
	}

	.elementor .elementor-element-0c014a0,
	.elementor .elementor-element-332ad29,
	.elementor .elementor-element-a225579 {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
	}

	.elementor .elementor-element-a225579 > .e-con-inner {
		flex-direction: column;
	}

	.elementor .elementor-element-d70d50c,
	.elementor .elementor-element-03c3682 {
		width: 100% !important;
		max-width: 100% !important;
		flex-basis: 100% !important;
		flex-grow: 0 !important;
		flex-shrink: 0 !important;
	}
}