@charset "utf-8";

/* 모바일 배너: 원본 이미지 그대로 노출. 고정 비율 없음 → 잘림 없음 */
.mobile-banner-wrap {
	margin-bottom: 1rem;
}

.mobile-banner-box {
	width: 100%;
}

.mobile-banner-box a {
	display: block;
}

.mobile-banner-box img {
	width: 100%;
	height: auto;
	display: block;
	vertical-align: top;
}

/* 모바일: 메인 캐러셀처럼 뷰포트 가로 전체 사용 (컨테이너 패딩/그리드 여백 무시) */
@media (max-width: 991px) {
	.mobile-banner-wrap {
		width: 100vw;
		max-width: 100vw;
		margin-left: calc(-50vw + 50%);
		margin-right: calc(-50vw + 50%);
		overflow-x: hidden; /* 100vw 시 스크롤바로 가로 스크롤 방지 */
	}
}