@charset "utf-8";
/* ============================================================
   CHIPOTLE 안전보건경영방침 PAGE — common_policy.css
   구성: 히어로 이미지(cs.jpg) + 정책 이미지(policy.jpg)
   색/폰트는 공용 스킨 토큰(#451400, Nunito, Barlow Condensed 등) 사용
   클래스 충돌 방지를 위해 전체를 #policy-wrap 으로 스코프
   ============================================================ */

#policy-wrap {
	width: 100%;
	background-color: #ffffff;
	box-sizing: border-box;
}
#policy-wrap * { box-sizing: border-box; }

/* ── 히어로 이미지 배너 (CS 페이지와 동일 규격) ── */
#policy-wrap .policy-hero {
	width: 100%;
	background-color: #1a0800;
	font-size: 0;			/* img 하단 여백(inline gap) 제거 */
}
#policy-wrap .policy-hero__img {
	width: 100%;
	height: auto;
	display: block;
}

/* ── 본문 영역 ── */
#policy-wrap .policy-body {
	width: 100%;
	background-color: #f9f4f0;
	padding: 48px 20px 72px;
}
#policy-wrap .policy-inner {
	max-width: 900px;
	margin: 0 auto;
}

/* ── 헤더(타이틀) ── */
#policy-wrap .policy-head {
	text-align: center;
	margin-bottom: 32px;
}
#policy-wrap .policy-head__eyebrow {
	margin: 0 0 6px;
	font-family: "Nunito", sans-serif;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #a76721;
}
#policy-wrap .policy-head__title {
	margin: 0;
	font-family: "Barlow Condensed", "Trade Gothic LT Bold", sans-serif;
	font-size: 44px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #451400;
	line-height: 1.15;
}

/* ── 정책 이미지 ── */
#policy-wrap .policy-figure {
	text-align: center;
}
#policy-wrap .policy-figure__img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	background-color: #ffffff;
	border: 1px solid #e0d5d0;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

/* ── 태블릿 (768px+) ── */
@media (min-width: 768px) {
	#policy-wrap .policy-body { padding: 64px 24px 88px; }
	#policy-wrap .policy-head__title { font-size: 52px; }
}

/* ── 데스크탑 (1200px+) ── */
@media (min-width: 1200px) {
	/* 히어로: 화면을 다 덮지 않도록 뷰포트 높이의 3/4(75vh)로 제한, 가로 100% 채우고 중앙 크롭 */
	#policy-wrap .policy-hero {
		height: 75vh;
		overflow: hidden;
	}
	#policy-wrap .policy-hero__img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	#policy-wrap .policy-body { padding: 80px 40px 100px; }
}