main {
    margin-top: 200px;
}

.header {
    position: relative;
    top: 0;
    left: 43%;
    text-align: center;
    padding: 32px;
}

.btn-wrap {
    display: flex;
    justify-content: flex-end; /* 오른쪽 정렬 */
    align-items: center;       /* 세로 중앙 정렬 (필요시) */
    gap: 10px;                 /* 버튼 사이 간격 (원하는 값으로 조정) */
    margin: 20px 0;            /* 위아래 여백 (필요에 따라 조정) */
}

.btn-wrap img {
    width: 40px;
}

.grid {
    width: 100%;
    margin: 0 auto;
}

.grid-item {
    width: 30%;
    padding: 5px;
}

.grid-item img {
    width: 100%;
    display: block;
}

/* 예: 4열일 때 */
.grid.four-col .grid-sizer,
.grid.four-col .grid-item {
    width: 25%;
}
/* 예: 2열일 때 */
.grid.two-col .grid-sizer,
.grid.two-col .grid-item {
    width: 50%;
}
/* 예: 1열일 때 */
.grid.one-col .grid-sizer,
.grid.one-col .grid-item {
    width: 100%;
}