/* menu_2 (메뉴판) — menu_1.css 의 타일·영상에 더해 사이드 메뉴 슬라이더(.menu_slider, 1200×340 고정)를 푼다.
   슬라이더는 CommonSlider 가 초기화 때 컨테이너 폭 ÷ itemsPerView 로 칸 폭을 정한다 — itemsPerView 는 빌드가
   뷰포트 폭에 맞춰 1/2/3 으로 바꿔 놓는다(fix_responsive 의 JS_PATCHES). 이미지는 칸 폭을 따라간다. */

@media screen and (max-width: 1259px) {
	.menu_tit_wrap { padding: 56px 16px 16px; }
	.menu_slider { width: 100%; height: auto; margin-bottom: 40px; padding: 0 44px; box-sizing: border-box; }
	.menu_slider .slider-container { width: 100%; }
	/* CommonSlider 는 칸 폭을 컨테이너 폭 ÷ 칸 수로 정해 inline 으로 박는다. 칸에 패딩·마진을 주면 그만큼
	   더해져 컨테이너보다 넓어지고 한 줄에 못 들어가 줄이 쌓인다(실측: 262px 컨테이너에 274px 칸 → 높이 2배).
	   그래서 칸 자체는 0 으로 두고 간격은 안쪽 요소에 준다. */
	.menu_slider .slider-items { margin-left: 0; padding: 0; }
	.menu_slider .slider-items:first-child { margin-left: 0; }
	.menu_slider .slider-items .img_wrap { width: 100%; max-width: 290px; height: auto; aspect-ratio: 1 / 1; margin: 0 auto;
		background-size: cover; }
	.menu_slider .slider-items .txt_wrap { display: block; width: 100%; max-width: 290px; height: auto; margin: 0 auto; padding: 12px 4px; }
	.menu_slider .slide_btns { top: 50%; margin-top: -30px; width: 44px; height: 60px; background-size: 100% auto; }
	.menu_slider .btn_prev { left: 0; }
	.menu_slider .btn_next { right: 0; }
}