/* 전체 컨테이너 크기 */
.post-container {
    display: flex;
    /*justify-content: center;*/
    flex-wrap: nowrap;
    margin :var(--spacing-base) auto;
    padding : var(--spacing-base) var(--spacing-base);
    width: 100%;
    max-width: var(--container-width);

}

/*공통 좌측 메인 콘텐츠  List Gonggu에서 사용*/
.main-contents.sale-list-container{
    width : calc(100% - 300px);
}

/* 공통 커뮤니티 메인 컨텐츠 크기(List Community에서 사용)*/
.community-main-contents, .notice-main-contents{
    width: calc(100% - 300px);
    max-width: 64rem;
}

/* 오른쪽 광고*/
.side-column{
    position : sticky;
    top : 0; /* 요소를 고정할 위치(상단) */
    width : 300px;
    height : 900px;
    padding : var(--spacing-sm);
}

/* 게시물 상세 보기 등에서 사용 */
.side-column-ads-container{
    position : sticky;
    top : 20px; /* 요소를 고정할 위치(상단) */
}


/*공통 그리드 형태*/
.post-list {
    display: grid;
}


.post-list-wrap {
    display: flex;
    justify-content: center;
}






/* 두번째 큰 크기*/

@media (min-width: 960px) and (max-width: 1200px){


    /* 공통 좌측 메인 콘텐츠  List Gonggu에서 사용*/
    .main-contents.sale-list-container{
        width : calc(100% - 250px);
    }

    /* 공통 커뮤니티 메인 컨텐츠 크기(List Community에서 사용)*/
    .community-main-contents, .notice-main-contents{
        width : calc(100% - 250px);
    }

    /*오른쪽 광고*/
    .side-column{
        position : sticky;
        width : 250px;
        height : 900px;
        padding : var(--spacing-sm);
    }



}



/* 세번째 크기*/
@media (min-width: 768px) and (max-width: 960px){

    /*공통 좌측 메인 콘텐츠 List Gonggu에서 사용*/
    .main-contents.sale-list-container{
        width : calc(100% - 200px);
    }

    /* 공통 커뮤니티 메인 컨텐츠 크기(List Community에서 사용)*/
    .community-main-contents, .notice-main-contents{
        width : calc(100% - 200px);
    }

    /*오른쪽 광고*/
    .side-column{
        position : sticky;
        width : 200px;
        height : 900px;
        padding : var(--spacing-sm);
    }

}



/* 모바일 모드 */
@media (max-width: 767px){

    /* 모바일 */
    .post-container {
        padding : var(--spacing-base) var(--spacing-sm);
    }

    /*모바일 공통 좌측 메인 콘텐츠 List Gonggu에서 사용 */
    .main-contents.sale-list-container{
        width : calc(100% - 0px);
    }

    /* 공통 커뮤니티 메인 컨텐츠 크기(List Community에서 사용)*/
    .community-main-contents, .notice-main-contents{
        width : calc(100% - 0px);
    }

    /* 모바일 오른쪽 광고*/
    .side-column{
        display : none;
      /*  width : 100%;
        height : 200px;*/
    }



}