/* ══════════════════════════════════════════════════
   ads.css — KimpZone 광고 영역 레이아웃
   ══════════════════════════════════════════════════ */

/* ──────────────────────────────────────────────────
   전체 페이지 래퍼: 사이드바 + 컨테이너를 나란히
   ────────────────────────────────────────────────── */
.ad-page-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    max-width: 1392px;  /* 1024(container) + 160*2(사이드) + 24*2(gap) */
    margin: 0 auto;
    gap: 24px;
}

/* ──────────────────────────────────────────────────
   상·하단 배너 래퍼 (970×90)
   ────────────────────────────────────────────────── */
.ad-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90px;
    overflow: hidden;
}

.ad-wrap-top    { margin-bottom: 12px; }

.ad-wrap-bottom {
    margin-top: 24px;
    margin-bottom: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 16px;
}

/* container가 flex 안에서 남은 공간만 차지하도록 */
.ad-page-wrap > .container {
    flex: 1;
    min-width: 0;
}
.ad-sidebar {
    flex-shrink: 0;
    width: 120px;
    align-self: stretch;  /* 컨테이너 높이만큼 늘어나야 sticky가 동작 */
}

.ad-sidebar-inner {
    position: sticky;
    top: 20px;
    width: 120px;
    height: 600px;
}

@media (max-width: 1023px) {
    .ad-sidebar      { display: none; }
    .ad-page-wrap    { display: block; gap: 0; }
}

@media (max-width: 767px) {
    .ad-wrap         { min-height: 50px; }
    .ad-wrap-top     { margin-bottom: 8px; }
    .ad-wrap-bottom  { margin-top: 16px; }
}