/* 기본 스타일 초기화 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    background-color: #000; /* 이미지 배경색과 맞춤 */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    min-height: 100-vh;
}

/* 전체 컨테이너 */
.guide-container {
    width: 100%;
    max-width: 800px; /* PC에서 너무 커지지 않도록 최대 너비 제한 (조정 가능) */
    display: flex;
    flex-direction: column;
}

/* 이미지 아이템 */
.guide-item {
    width: 100%;
}

.guide-item img {
    width: 100%;
    height: auto; /* 비율 유지 */
    display: block; /* 이미지 하단 미세한 공백 제거 */
}

/* 모바일 최적화 (화면 너비가 800px 이하일 때) */
@media (max-width: 800px) {
    .guide-container {
        max-width: 100%; /* 모바일에서는 화면에 꽉 차게 */
    }
}