@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;}
}


/* webzine */
#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:all .1s cubic-bezier(.7,0,.3,1);transform:all .1s cubic-bezier(.7,0,.3,1);-webkit-transition:all .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;}

@media (max-width:580px) {
	#bo_webzine .card-body {padding:1rem 0.25rem;}
}

/* list rating */
.rating-stars {
    display: inline-block;
    font-size: 13px;
    color: #FFC300;
    margin-left: 8px;
    vertical-align: middle;
}
.rating-stars .empty {
    color: #ddd;
}
.rating-info {
    display: inline-block;
    margin-left: 5px;
    font-size: 11px;
    color: #999;
    vertical-align: middle;
}

/* view rating */
/* 별점 요약 */
.view-rating-summary {
    padding: 20px;
    background: #f9f9f9;
    border: 1px solid #eee;
    margin: 15px 0;
    text-align: center;
    border-radius: 5px;
}
.view-rating-summary .big-rating {
    font-size: 42px;
    color: #333;
    font-weight: bold;
    margin-bottom: 5px;
}
.view-rating-summary .big-stars {
    font-size: 28px;
    color: #ffd700;
    margin-bottom: 10px;
}
.view-rating-summary .rating-detail {
    font-size: 14px;
    color: #666;
}

/* 댓글 별점 */
.comment-rating {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #ffd700;
}

/* view_comment rating */
/* 별점 입력 */
.rating-input-area {
    margin-bottom: 15px;
    padding: 12px 15px;
    background: #f8f9fa;
    border-radius: 5px;
    border: 1px solid #e0e0e0;
}
.rating-input-area > label {
    display: block;
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 14px;
    color: #333;
}
.star-rating-input {
    font-size: 0;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 3px;
}
.star-rating-input input[type="radio"] {
    display: none;
}
.star-rating-input label {
    display: inline-block;
    font-size: 28px;
    color: #ddd;
    cursor: pointer;
    margin: 0;
    padding: 0;
    transition: color 0.2s;
}
.star-rating-input label:hover,
.star-rating-input label:hover ~ label {
    color: #ffd700;
}
.star-rating-input input[type="radio"]:checked ~ label {
    color: #ffd700;
}
.rating-selected {
    margin-left: 10px;
    font-size: 13px;
    color: #666;
    font-weight: normal;
}

/* 댓글 별점 표시 */
.comment-rating {
    display: inline-block;
    margin-left: 10px;
    font-size: 14px;
    color: #ffd700;
}