.side {
    width: 0px;
}


/*
세로모드 모바일 디바이스 (가로 해상도가 576px 보다 작은 화면에 적용)
col-

*/
@media (max-width: 575px) {

}

/*
가로모드 모바일 디바이스 (가로 해상도가 576px보다 크고 768px 보다 작은 화면에 적용)
col-sm-
*/
@media (min-width: 576px) and (max-width: 767px) {

}

/*
태블릿 디바이스 (가로 해상도가 768px보다 크고 991px 보다 작은 화면에 적용)
col-md-
*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*
데스크탑 (가로 해상도가 992px보다 크고 1199px 보다 작은 화면에 적용)
col-lg-
*/
@media (min-width: 992px) and (max-width: 1199px) {

}


/*
큰화면 데스크탑 (가로 해상도가 1200px 보다 큰 화면에 적용)
col-xl-
*/
@media (min-width: 1400px) {
    .page-wrap {
        display: flex;
        width: 100%;
        min-height: 100vh; /* optional */
    }

    .page-wrap-none-height {
        display: flex;
        width: 100%;
    }


    .side {
        flex: 0 1 640px;  /* grow 0, shrink 1, basis 640px */
        min-width: 320px; /* 최소 폭 (원하는 값으로 조절) */
    }

    .center-content {
        flex: 1; /* 자동 확장 */
        min-width: 0; /* overflow 방지 */
    }


}