/* commu_banner_style.css */

/* --- 커뮤팜 플로팅 배너 스타일 --- */
.floating-banner {
    position: fixed; /* 각 배너를 개별적으로 고정 */
    transform: translateY(-50%); /* 세로 중앙 정렬을 위한 기준점 조정 */
    background-color: #ffffff;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease-in-out;
    z-index: 99;
}

.floating-banner:hover {
    transform: translateY(-50%) scale(1.05); /* Y축 transform 유지 */
}