/* 목록, 썸네일 이미지 가로 세로 테두리 */
.gallery-item-img img {width: 100%; height:370px; border-radius: 10px; object-fit: cover;}

/* 목록, 썸네일 이미지 마우스 오버 시 효과 */
.rb_bbs_wrap .rb_thumb_wrap img {border-radius: 10px;}
.rb_bbs_wrap .rb_thumb_wrap a:hover img {border: 4px solid #25282b; opacity: .8;} 

/* 목록, 확인중/공지 등 이미지 마우스 오버 시 효과 */
.qa_category_tag.status-progress {color: #f9f9f9; background-color:#25282b; border-color:#25282b;}
.qa_category_tag.status-notice {color: #f9f9f9; background-color:#25282b; border-color:#25282b;}


/* 공지, 새글, 인기글 배경, 폰트색상 */
.rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns:hover {border-color:#AA20FF;}
.rb_bbs_wrap .btns_gr_wrap .btns_gr .fl_btns.main_color_bg {background-color: #25282b; border-color:#AA20FF;}

.rb_bbs_wrap .fl_icos.main_color_bg {border-color: #25282b; color: #fff !important; background-color: #25282b;}

.rb_bbs_wrap .btm_btns .fl_btns:hover {border-color: #25282b; color: #25282b;}
.rb_bbs_wrap .btm_btns .fl_btns.main_color_bg {border-color: #25282b; color: #fff !important; background-color: #25282b;}

.rb_bbs_wrap .rb_bbs_for_mem_icos .fl_icos:hover {border-color: #25282b; color: #25282b;}
.rb_bbs_wrap .rb_bbs_for_mem_icos .fl_icos.main_color_bg {border-color: #25282b; color: #fff !important; background-color: #25282b;}


/* 플레이 버튼 디자인 */
.gallery-item-play {
    width: 60px; /* 버튼 크기 (원하는대로 조절) */
    height: 60px; /* 버튼 크기 (원하는대로 조절) */
    background-color: #000; /* 검정색 배경 (유튜브 스타일 rgba(255, 0, 0, 0.7) ) */
    border-radius: 50%; /* 완전한 원형 */
    color: #fff; /* 아이콘 색상 */
    font-size: 24px; /* 아이콘 크기 */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.3s ease; /* 호버 효과 */
    opacity: 0.5; /* 기본 불투명도 70% */
}

/* 마우스 오버 시 플레이 버튼 효과 */
.gallery-item-play:hover {
    background-color: #25282b; /* 호버 시 불투명도 증가 */
    transform: translate(-50%, -50%) scale(1.05); /* 살짝 커지게 */
    opacity: 0.8; /* 호버 시 불투명도 80%, 90% 등 으로 증가 */
}

/* 비디오 게시판, 메타정보 a a:hover 카테고리, 작성일, 조회수 등 통합 메타 정보(.gallery-item-meta-info.new-position) 스타일 */
.gallery-item-meta-info.new-position a {
    text-decoration: none;
}

.gallery-item-meta-info.new-position a:hover {
    color: #25282b;
    text-decoration: underline;
}
.gallery-item-tit li a:hover {
    color: #25282b;
}

.gallery-item-tit li a:hover {
    color: #25282b;
}



@media all and (max-width:1024px) { 
    .gallery-item-img img {height:75px}

    .qa_category_tag.status-progress {color: #f9f9f9; background-color:#25282b; border-color:#25282b;}

}