@charset "UTF-8";

/* Content styles extracted from the bundled CKEditor 5 (25.x) build.
 * Keep in sync with html/egovframework/com/cmm/utl/ckeditor5/build/ckeditor.js.
 * Scoped to the board body so site navigation and other content are unaffected.
 */
.board-editor-content.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 }
.board-editor-content.ck-content[dir=rtl] blockquote { border-left:0;border-right:5px solid #ccc }
.board-editor-content.ck-content .text-tiny { font-size:.7em }
.board-editor-content.ck-content .text-small { font-size:.85em }
.board-editor-content.ck-content .text-big { font-size:1.4em }
.board-editor-content.ck-content .text-huge { font-size:1.8em }
.board-editor-content.ck-content { --ck-highlight-marker-yellow:#fdfd77;--ck-highlight-marker-green:#62f962;--ck-highlight-marker-pink:#fc7899;--ck-highlight-marker-blue:#72ccfd;--ck-highlight-pen-red:#e71313;--ck-highlight-pen-green:#128a00 }
.board-editor-content.ck-content .marker-yellow { background-color:var(--ck-highlight-marker-yellow) }
.board-editor-content.ck-content .marker-green { background-color:var(--ck-highlight-marker-green) }
.board-editor-content.ck-content .marker-pink { background-color:var(--ck-highlight-marker-pink) }
.board-editor-content.ck-content .marker-blue { background-color:var(--ck-highlight-marker-blue) }
.board-editor-content.ck-content .pen-red { color:var(--ck-highlight-pen-red);background-color:transparent }
.board-editor-content.ck-content .pen-green { color:var(--ck-highlight-pen-green);background-color:transparent }
.board-editor-content.ck-content .image { display:table;clear:both;text-align:center;margin:1em auto }
.board-editor-content.ck-content .image img { display:block;margin:0 auto;max-width:100%;min-width:50px }
.board-editor-content.ck-content .image>figcaption { display:table-caption;caption-side:bottom;word-break:break-word;color:#333;background-color:#f7f7f7;padding:.6em;font-size:.75em;outline-offset:-1px }
.board-editor-content.ck-content .image.image_resized { max-width:100%;display:block;box-sizing:border-box }
.board-editor-content.ck-content .image.image_resized img { width:100% }
.board-editor-content.ck-content .image.image_resized>figcaption { display:block }
.board-editor-content.ck-content { --ck-image-style-spacing:1.5em }
.board-editor-content.ck-content .image-style-side { float:right;margin-left:var(--ck-image-style-spacing);max-width:50% }
.board-editor-content.ck-content .image-style-align-left { float:left;margin-right:var(--ck-image-style-spacing) }
.board-editor-content.ck-content .image-style-align-center { margin-left:auto;margin-right:auto }
.board-editor-content.ck-content .image-style-align-right { float:right;margin-left:var(--ck-image-style-spacing) }
.board-editor-content.ck-content .media { clear:both;margin:1em 0;display:block;min-width:15em }
.board-editor-content.ck-content .table { margin:1em auto;display:table }
.board-editor-content.ck-content .table table { border-collapse:collapse;border-spacing:0;width:100%;height:100%;border:1px double #b3b3b3 }
.board-editor-content.ck-content .table table td,.board-editor-content.ck-content .table table th { min-width:2em;padding:.4em;border:1px solid #bfbfbf }
.board-editor-content.ck-content .table table th { font-weight:700;background:hsla(0,0%,0%,5%) }
.board-editor-content.ck-content[dir=rtl] .table th { text-align:right }
.board-editor-content.ck-content[dir=ltr] .table th { text-align:left }

/* Match the admin reader's Bootstrap defaults and ckeditor.css paragraph size.
 * Restore formatting removed by the front site's common.css reset.
 */
.board-editor-content.ck-content {
    display: flow-root;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    text-align: left;
    overflow-wrap: break-word;
}
.board-editor-content.ck-content :where(p, h2, h3, h4, blockquote, ul, ol, li, table, th, td) {
    font-family: inherit;
}
.board-editor-content.ck-content p {
    margin: 0 0 9px;
    font-size: 15px;
    min-height: 1.42857143em;
}
.board-editor-content.ck-content h2 { font-size: 30px; }
.board-editor-content.ck-content h3 { font-size: 24px; }
.board-editor-content.ck-content h4 { font-size: 18px; }
.board-editor-content.ck-content :where(h2, h3, h4) {
    margin: 20px 0 10px;
    font-weight: 500;
    line-height: 1.1;
    background: none;
    padding: 0;
}
.board-editor-content.ck-content ul { list-style: disc; }
.board-editor-content.ck-content ol { list-style: decimal; }
.board-editor-content.ck-content :where(ul, ol) { margin: 0 0 9px; padding-left: 40px; }
.board-editor-content.ck-content li { list-style: inherit; }
.board-editor-content.ck-content em { font-style: italic; }
.board-editor-content.ck-content strong { font-weight: 700; }
.board-editor-content.ck-content a { color: #3276b1; text-decoration: underline; }
.board-editor-content.ck-content img { max-width: 100%; height: auto; }