@charset "utf-8";
/* CSS Document */
.image-row {
    display: flex; /* 플렉스 박스를 이용한 가로 정렬 */
    justify-content: center; /* 가운데 정렬 */
    flex-wrap: wrap; /* 이미지가 넘칠 경우 줄바꿈 */
}

.image-container {
    flex: 0 0 25%; /* 너비를 25%로 설정하여 데스크탑에서 가운데 정렬 */
    padding: 2px 2px 8px 2px; /* 이미지 간 간격을 위한 패딩 */
    box-sizing: border-box; /* 패딩 포함한 전체 너비 계산 */
    text-align: center; /* 내부 내용 가운데 정렬 */
}

.image-container img {
    width: 100%; /* 모바일에서 이미지가 화면에 꽉 차도록 설정 */
    height: auto; /* 가로 비율 유지 */
    display: block; /* 이미지 블록 레벨 요소로 변경 */
}