.a-hover:hover {
    background-color: #eee; /* Tailwind's gray-50 */
    border-radius: 5px;
}

.background-mycolor {
    background-color: #8cbbed; /* Tailwind's gray-50 */
    color: white;
}

.gap-5 {
    gap: 5px;
}

.flex {
    display: flex;
    align-items: center;
}

.flex-between {
    justify-content: space-between;
}

.flex-center {
    justify-content: center;
}

.flex-2 {
    flex: 3 1 200px;
}

.padding-0 {
    padding: 0;
}

.padding-ud-5 {
    padding: 5px 0;
}

.padding-10 {
    padding: 10px;
}

.img-fit {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 핵심 속성! 부모 크기에 맞게 잘라도 맞춤 */
}

.height-100 {
    height: 100%;
}

.card-hover:hover {
    /* transform: scale(1.01); */
    filter: brightness(0.80);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.hidden {
    display: none;
}

.border-bottom {
    border-bottom: 1px solid #cfcfcf;
}

.hot{
    color: red;
}