/* 인테리어 스킨(view3_interior_00) — 카드 6개(390×462 float) · 슬라이더(1200 고정, 위로 -140px 끌어올림) · 썸네일(235×120) */
@media screen and (max-width: 1259px) {
	.interior_list { margin-left: 0; padding: 24px 16px 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 28px 18px; }
	.interior_list li { float: none; width: min(100%, 390px); height: auto; margin-left: 0; }
	.interior_list li img { display: block; width: 100%; height: auto; }
	.interior_list .tit { padding: 16px 0 10px; font-size: clamp(22px, 5.6vw, 35px); }
	.interior_list .txt { line-height: 1.55; word-break: keep-all; }

	.interior_wrap { width: 100%; padding: 0 16px 56px; box-sizing: border-box; }
	/* top:-140px 은 PC 에서 슬라이더를 위 구획 쪽으로 끌어올리는 값 — 좁은 화면에선 겹침만 만든다 */
	.int_slide_wrap { width: 100%; top: 0; }
	/* 원본 규칙(.interior_slider .slider-btns.slider-prev, 특이도 3)이 background 를 통째로 다시 써서 크기·위치 지정이 졌다 —
	   같은 선택자로 이긴다. 그림은 100×100 안에 화살표가 있어 버튼 크기에 맞춰 줄이고 가운데에 둔다. */
	.interior_slider .slider-btns { width: 56px; height: 56px; margin-top: -28px; }
	.interior_slider .slider-btns.slider-prev, .interior_slider .slider-btns.slider-next { background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }
	.interior_thumbnail { margin-left: -4px; }
	.interior_thumbnail li { width: calc(25% - 4px); height: auto; aspect-ratio: 2 / 1; margin-top: 4px; margin-left: 4px; }
}
@media screen and (max-width: 767px) {
	.interior_thumbnail li { width: calc(33.333% - 4px); }
}
@media screen and (max-width: 767px) {
	.interior_slider .slider-btns { width: 36px; height: 36px; margin-top: -18px; }
}