/* 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 유지 */
}

/* 화면이 1200px보다 좁아지면 배너 숨기기 (1000px 컨테이너 + 배너 너비 + 여백) */
@media (max-width: 1200px) {
    .floating-banner {
        display: none;
    }
}