/* 기본 컨테이너 스타일 오버라이드 */
.container {
    width: 100%;
    max-width: 1400px; /* 최대 너비를 1400px로 설정 */
    margin-right: auto;
    margin-left: auto;
}

/* 기존 스타일과 충돌을 방지하기 위해 !important 추가 */
#jb-container {
    margin: 20px auto;
    padding: 10px;
    border: 0px solid #bcbcbc;
}

#jb-boxline {
    margin: 20px auto;
    padding: 10px;
    border: 0px solid #bcbcbc;
}

#jb-header {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #bcbcbc;
}

#jb-content {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #bcbcbc;
}

#jb-center {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #bcbcbc;
}

#jb-sidebar {
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #bcbcbc;
}

#jb-right {
    padding: 10px;
    margin-bottom: 20px;
    border: 0px solid #bcbcbc;
}

#jb-left {
    padding: 10px;
    margin-bottom: 20px;
    border: 0px solid #bcbcbc;
}

#jb-footer {
    padding: 10px;
    border: 1px solid #bcbcbc;
}

@media (min-width: 1400px) {
    #jb-container {
        width: 100%;
    }
    #jb-boxline {
        width: 100%;
        float: left;
    }
    #jb-header {
        width: 100%;
    }
    #jb-content {
        width: 580px;
        float: left;
    }
    #jb-center {
        width: 280px;
        float: right;
    }
    #jb-sidebar {
        width: 280px;
        float: right;
    }
    #jb-right {
        width: 580px;
        float: right;
    }
    #jb-left {
        width: 580px;
        float: left;
    }
    #jb-footer {
        clear: both;
    }
}
