/* BASIC css start */
/* 하단 추가가공 베너 */
.mobile-banner {
  width: 100%; /* 부모 컨테이너의 너비에 맞춤 */
  max-width: 480px; /* 모바일 최대 너비 */
  margin: 0 auto; /* 중앙 정렬 */
  text-align: center; /* 이미지 중앙 정렬 */
}

.mobile-banner img {
  width: 100%; /* 화면 크기에 맞게 이미지 크기 조정 */
  height: auto; /* 비율 유지 */
  display: block; /* 블록 요소로 설정 */
  border-radius: 10px; /* 모서리를 둥글게 */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 부드러운 그림자 */
}
/* BASIC css end */