/* CKEditor5 본문 출력용 — 에디터와 동일한 글자/이미지 크기 표현 */
.ck-content .text-tiny {
    font-size: 0.7em;
}

.ck-content .text-small {
    font-size: 0.85em;
}

.ck-content .text-big {
    font-size: 1.4em;
}

.ck-content .text-huge {
    font-size: 1.8em;
}

.ck-content figure.image,
.ck-content .image {
    display: table;
    clear: both;
    text-align: center;
    margin: 0.9em auto;
}

.ck-content figure.image img,
.ck-content .image img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    min-width: 50px;
    height: auto;
}

/* 리사이즈된 이미지는 figure width(%)가 적용되도록 block + img 100% */
.ck-content figure.image.image_resized,
.ck-content .image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box;
}

.ck-content figure.image.image_resized img,
.ck-content .image.image_resized img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

.ck-content figure.image.image_resized > figcaption,
.ck-content .image.image_resized > figcaption {
    display: block;
}

.ck-content figure.image-style-align-left,
.ck-content figure.image-style-block-align-left,
.ck-content .image-style-align-left,
.ck-content .image-style-block-align-left {
    margin-left: 0;
    margin-right: auto;
}

.ck-content figure.image-style-align-right,
.ck-content figure.image-style-block-align-right,
.ck-content .image-style-align-right,
.ck-content .image-style-block-align-right {
    margin-left: auto;
    margin-right: 0;
}

.ck-content figure.image-style-align-center,
.ck-content figure.image-style-block-align-center,
.ck-content .image-style-align-center,
.ck-content .image-style-block-align-center {
    margin-left: auto;
    margin-right: auto;
}

.ck-content figure.table {
    display: table;
    margin: 0.9em auto;
    overflow-x: auto;
}

.ck-content figure.table table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    border: 1px double #b3b3b3;
}

.ck-content figure.table table td,
.ck-content figure.table table th {
    min-width: 2em;
    padding: 0.4em;
    border: 1px solid #bfbfbf;
}

.ck-content blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}

.ck-content [style*="text-align:center"] img,
.ck-content [style*="text-align: center"] img {
    display: inline-block;
}

.ck-content [style*="text-align:center"] figure,
.ck-content [style*="text-align: center"] figure {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 767px) {
    /* 에디터에서 저장한 width:% 가 좁은 화면에서 과하게 축소되는 것 방지 */
    .ck-content figure.image.image_resized,
    .ck-content .image.image_resized {
        width: 100% !important;
        max-width: 100%;
    }

    .ck-content figure.image.image_resized img,
    .ck-content .image.image_resized img {
        width: 100%;
        height: auto;
    }
}