@charset "UTF-8"; /* 리스트 스타일 (해상도 0px ~ 767px)*/


.grid_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 기본은 모바일용 */
    gap: 20px;
}

.item {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 0px;
    transition: box-shadow 0.3s;
}

.item:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.image_box img {
    width: 100%;
    height: auto;
    display: block;
}

.caption_box {
    padding: 10px 2px 5px 2px;
    font-size:14px;
    line-height:18px;
}

/* 태블릿 화면 (768px 이상)에서는 2개씩 */
@media (min-width: 768px) {
    .grid_container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* PC 화면 (1024px 이상)에서는 3개씩 */
@media (min-width: 1024px) {
    .grid_container {
        grid-template-columns: repeat(3, 1fr);
    }
}
