/* brand_3 (덤에도 품격이 있다) — 화면별 반응형.
   섹션1 은 PNG 4장(전골·버섯·젓가락·면)을 1476×742 캔버스 안의 좌표로 흩뿌린 콜라주다. 장식에 글자가 없어 줄여도 읽히므로
   캔버스 좌표를 vw 비례(--u = 100vw/1476)로 그대로 옮긴다 — 구성은 유지되고 폭만 줄어든다. 글은 콜라주 아래로 흐른다.
   섹션2 의 분할 이미지/영상은 세로로, 섹션3 의 6칸 카드는 한 열(썸네일 | 글)로. */

@media screen and (max-width: 1023px) {
	.section01 { --u: calc(100vw / 1476); height: auto; padding-top: calc(var(--u) * 742); overflow: hidden; }
	.section01 .l50 { position: absolute; margin-left: 0; }
	.section01 .s01_img01 { left: calc(var(--u) * 190);  top: 0;                       width: calc(var(--u) * 932); }
	.section01 .s01_img02 { left: calc(var(--u) * 4);    top: calc(var(--u) * 259);    width: calc(var(--u) * 349); }
	.section01 .s01_img03 { left: calc(var(--u) * 1098); top: calc(var(--u) * 246);    width: calc(var(--u) * 378); }
	.section01 .s01_img04 { left: calc(var(--u) * 943);  top: calc(var(--u) * 400);    width: calc(var(--u) * 533); }
	.section01 .l50 img { display: block; width: 100%; height: auto; }
	.section01 .txt_wrap { padding: 28px 16px 40px; }

	/* 섹션2 — 반반 이미지/영상을 위아래로 */
	.section02 .img_wrap > div { float: none; width: 100%; height: auto; aspect-ratio: 16 / 10; background-size: cover; }
	.section02 .img_wrap .img_right .vodeo { width: 100%; height: 100%; object-fit: cover; }
	.section02 .txt_wrap { padding: 32px 16px 44px; }

	/* 섹션3 — 카드 한 열 */
	.section03 { height: auto; padding-bottom: 36px; background-size: cover; }
	.section03 .txt_wrap { padding: 36px 16px 8px; }
	.social_list { padding: 0 16px; }
	.social_list li { float: none; width: auto; height: auto; margin: 0; padding: 14px 0; border-bottom: 1px solid #d9d2c6; }
	.social_list li > a { display: flex; align-items: flex-start; gap: 14px; }
	.social_img { float: none; flex: 0 0 32%; width: 32%; height: auto; aspect-ratio: 1 / 1; background-size: cover; }
	.social_txts { float: none; flex: 1 1 0; width: auto; min-width: 0; }
	.social_title { padding: 2px 0 8px; font-size: 15px; }
	.social_text { font-size: 13px; }
}