/* =============================================
   날개 배너 (Wing Banner) - 우측 사이드 배너
   본문 콘텐츠 너비: 1100px 기준
   배너는 본문 영역 바깥 우측에 표시
   ============================================= */

/* 날개 배너 래퍼 - 화면 전체 너비 기준 */
.wing-banner-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 100;
}

/* 우측 날개 배너
   계산식: 50%(화면 중앙) + 550px(본문 절반) + 20px(간격) = 본문 우측 바깥
   본문 너비 1100px → 절반 550px
*/
.wing-banner-right {
    position: sticky;
    top: 100px; /* 헤더 높이에 맞게 조절 */
    left: calc(50% + 550px + 20px); /* 본문 우측 끝 + 간격 */
    width: 80px;
    pointer-events: auto;
    display: inline-block;
}

/* 배너 링크 */
.wing-banner-right a {
    display: block;
    text-decoration: none;
}

/* 배너 이미지 */
.wing-banner-right a img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 4px;
    transition: opacity 0.2s ease;
}

.wing-banner-right a:hover img {
    opacity: 0.85;
}

/* 배너 여러 개일 때 간격 */
.wing-banner-right a + a {
    margin-top: 10px;
}

/* =============================================
   반응형: 배너 공간이 부족하면 숨김
   50% + 550px(본문절반) + 20px(간격) + 160px(배너) + 20px(여백)
   화면이 1100 + 180 + 180 = 약 1460px 이하에서 숨김
   ============================================= */
@media (max-width: 1380px) {
    .wing-banner-wrap {
        display: none;
    }
}