@charset "utf-8";

/* 모바일 목록 최적화 */
@media all and (max-width:767px) {
    .responsive #bo_list .float-left.float-md-none { margin-right: 0.75rem; }
    .responsive #bo_list .na-title { margin-bottom: 0.14rem; }
}

/* 웹진 레이아웃 */
#bo_webzine .chk-box { position: absolute; z-index: 2; right: 10px; bottom: 5px; }
#bo_webzine .wr-now { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.1); }
#bo_webzine .img-wrap .img-item { border-radius: 4px; overflow: hidden; }
#bo_webzine .img-wrap .img-item a { display: block; }
#bo_webzine .img-wrap .img-item a img { transition: transform .1s cubic-bezier(.7,0,.3,1); }
#bo_webzine .img-wrap .img-item a:hover img { transform: scale(1.12); }
#bo_webzine .card-body { padding: 0.4rem 1.25rem; }

/* [통합] 별점 시스템 스타일 */
.td_rating { 
    display: flex; 
    align-items: center; /* 세로 중앙 정렬 */
    gap: 8px; /* 별과 숫자 사이 간격 */
    margin: 5px 0;
}

.star-ratings {
    display: inline-block;
    position: relative;
    font-size: 16px; /* 별 크기 조절 */
    line-height: 1;
    width: 80px; /* 별 5개 너비 (폰트 크기에 따라 조절) */
    color: #e2e2e2; /* 기본 회색 별 */
}

.star-ratings-base {
    z-index: 0;
    padding: 0;
}

.star-ratings-fill {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcc00; /* 채워진 노란 별 */
}

/* 평점 숫자 텍스트 */
.rating-text {
    font-size: 0.9rem;
    font-weight: bold;
    color: #ff6b6b;
    line-height: 1;
}

/* 모바일 환경 여백 조절 */
@media (max-width: 580px) {
    #bo_webzine .card-body { padding: 1rem 0.25rem; }
}