@charset "utf-8";
/* hscroll_card 카드 모양 — 크기/간격/고정 동작은 css/mainStyle.css 에서 */
.hs_card{
    display: block;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,.12);
    overflow: hidden;
    color: #333;
    text-decoration: none;
    padding-bottom: 18px;
}
.hs_card:hover{ color: #333; }
.hs_img{
    width: 100%;
    aspect-ratio: 5 / 6;
    background-size: cover;
    background-position: center;
}
.hs_tit{
    padding: 14px 16px 0;
    font-weight: bold;
    font-size: clamp(15px, 1.1vw, 22px);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hs_sub{
    margin: 8px 16px 0;
    font-size: 13px;
    line-height: 1.6;
    color: #666;
    text-align: left;
}
.hs_empty{ padding: 40px; text-align: center; color: #666; }