/* 
Swiper JS를 기반으로 하는 작품 스와이프 CSS
*/
/* 작품 섹션 부제목 글자 크기 조절 */
.work-section-subtitle {
    font-size: 14px;
}
/* 작품 더보기 링크 글자 크기, 두께 조절 */
.work-more-link {
    font-size: 14px;
    font-weight: 600;
}
/* 작품 카드 크기 조절 */
.work-card {
    width: 100%;
}
/* 작품 표지 박스 크기 비율 조절 */
.work-cover-box {
    aspect-ratio: 24 / 35;
}
/* 작품 카드 hover시 카드 박스안의 표지 이미지 크기 변화 시간 조절 */
.work-cover-box img {
    transition: transform 0.3s ease;
}
/* 작품 카드 hover시, 카드 박스안의 표지 이미지 크기 조절, 1.06배 커짐 */
.work-card:hover .work-cover-box img {
    transform: scale(1.06);
}
/* 순위(랭킹) 뱃지 크기, 색상, 여백 조절 */
.work-rank-badge {
    font-size: 13px;
    padding: 6px 9px;
}
/* 신작 뱃지 크기, 색상, 여백 조절 */
.work-new-badge {
    background-color: #0d6efd;
    color: #fff;
    font-size: 12px;
    padding: 5px 9px;
    top: 34px !important;
    left: 0 !important;
    right: auto !important;
    white-space: nowrap;
}
/* 작품의 관심 하트 버튼 크기 조절 */
.work-heart-btn {
    width: 34px;
    height: 34px;
    padding: 0;
}
/* 작품 제목 폰트크기, 높이 조절, 
요소의 영역을 넘어가는 내용은 잘라서 보이지 않게 */
.work-title {
    font-size: 16px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
/* 작품 조회 아이콘과 숫자 폰트크기 조절 */
.work-meta {
    font-size: 13px;
    line-height: 21px;
}
/* 왼쪽 오른쪽 화살표 위치, 크기, 색상 조정 */
.work-swiper-btn {
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    z-index: 10;
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background-color: #fff;
    color: #222;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
    display: flex;
    align-items: center;
    justify-content: center;
}
/* 왼쪽 화살표 위치 조정 */
.work-swiper-prev {
    left: 10px;
}
/* 오른쪽 화살표 위치 조정 */
.work-swiper-next {
    right: 10px;
}
/* 화살표 버턴 크기 */
.work-swiper-btn i {
    font-size: 20px;
}
/* 가로해상도 576px 까지, 화살표 비표시 */
@media (max-width: 576px) {
    .work-swiper-btn {
        display: none;
    }
    /* 작품 제목 폰트크기, 높이 조절 */
    .work-title {
        font-size: 14px;
        line-height: 20px;
        height: 40px;
    }
    /* 작품 조회 아이콘과 숫자 폰트크기 조절 */
    .work-meta {
        font-size: 12px;
    }
    /* 작품 섹션 부제목 폰트크기 조절 */
    .work-section-subtitle {
        font-size: 13px;
    }
}