/* 기본적인 리스트 스타일 */
#ck-content ul {
    list-style-type: disc; /* 기본 불릿 스타일 */
    margin-left: 20px;
}

#ck-content li {
    margin-bottom: 5px;
}
 
/* 모든 ol 요소에 대해 숫자 스타일을 강제 적용 */
ol {
    list-style-type: decimal !important;
}

/* CKEditor 이미지 기본 스타일 */
.image {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 왼쪽 정렬 */
.image.image-style-align-left {
    margin-right: auto !important;
    margin-left: 0 !important;
    float: left !important;
}

/* 가운데 정렬 */
.image.image-style-align-center {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    float: none !important;
    text-align: center !important;
}

/* 오른쪽 정렬 */
.image.image-style-align-right {
    margin-left: auto !important;
    margin-right: 0 !important;
    float: right !important;
}

/* 이미지 스타일 - 인라인 (텍스트 흐름 내) */
.image.image-style-inline {
    display: inline-block !important;
    margin: 0 !important;
    float: none !important;
}

/* 이미지 스타일 - 블록 (전체 너비 사용) */
.image.image-style-block {
    display: block !important;
    width: 100% !important;
    margin: 10px 0 !important;
    float: none !important;
}

/* 이미지 스타일 - 사이드 (텍스트 주변에 맞춰 정렬) */
.image.image-style-side {
    float: left !important;
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}


/* 일반 모드 테이블 스타일 */
.table {
    width: 100%;
    margin: 15px 0;
    overflow-x: auto;
}

.table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

/* 일반 모드 */
.table th, .table td {
    background-color: #fff !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}

.table th {
    background-color: #f5f5f5 !important;
}

/* 다크 모드 */
.dark-mode .table th, 
.dark-mode .table td {
    background-color: #171717 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
}

.dark-mode .table th {
    background-color: #333 !important;
}

/* 패딩 및 정렬 (일반과 다크 모드 공통) */
.table th, .table td {
    padding: 8px !important;
    text-align: center;
    vertical-align: middle;
}

.table table td {
    word-wrap: break-word;
    overflow: hidden;
}