.kakao-banner-pc {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 10px auto 0;
    width: 1000px;          /* PC에서는 1000px 고정 */
    max-width: 100%;        /* 혹시라도 작은 화면에서 넘치지 않게 */
}

.kakao-banner-mobile {
    display: none;          /* 기본은 숨김 */
}

/* 모바일 대응 */
@media (max-width: 600px) {
    .side-banner {
        display: none; /* 모바일에서 숨김 */
    }

    .kakao-banner-pc {
        display: none;      /* 모바일에서는 PC 광고 숨김 */
    }

    .kakao-banner-mobile {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: 10px auto 0;
        width: 100%;        /* 모바일 화면 꽉 차게 */
        max-width: 100%;    /* 가로 스크롤 방지 */
        overflow-x: hidden; /* 혹시 광고 스크립트에서 강제로 크기 지정해도 스크롤 안 생기게 */
    }

    .kakao-banner-mobile ins {
        display: block !important;
        width: 100% !important;   /* 모바일 폭 맞춤 */
        max-width: 320px !important; /* 카카오 모바일 광고 사이즈 제한 */
        height: auto !important;
    }
}

.layout {
    display: flex;
    justify-content: center;
    gap: 10px;
    max-width: 1400px;  /* 전체 영역 */
    margin: auto;
}

#container {
    width: 1000px;   /* ✅ 기존 레이아웃 그대로 */
    margin: 0 auto;
}

.side-banner {
    width: 160px;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

@media (max-width: 1200px) {
    .side-banner {
        display: none; /* 모바일에서는 숨김 */
    }
}