/* Banner Component
 * 숨카(SUMCAR) 프로젝트
 * 상단 띠배너 스타일
 */

.banner {
    width: 100%;
    background-color: transparent;
    position: relative;
    z-index: 999;
}

.banner__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

.banner__image {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}

.banner__link {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.banner__link:hover .banner__image {
    opacity: 0.95;
    transition: opacity 0.3s ease;
}

/* 프린트 시 숨김 */
@media print {
    .banner {
        display: none;
    }
}

/* 반응형 디자인 */
@media (max-width: 768px) {
    .banner__container {
        padding: 0;
    }
}