/*!
 * froala_editor v4.0.0 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2021 Froala Labs
 */

.fr-clearfix::after {
    clear: both;
    display: block;
    content: "";
    height: 0
}

.fr-hide-by-clipping {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

/* 2021-11-17 추가 :: S */
.board-content:after,
.board-side:after  {
    display: block;
    content:'';
    clear: both;
}
/* 2021-11-17 추가 :: E */

/* 2021-10-05 클래스명 변경 :: S */

.board-content img.fr-rounded,
.board-content .fr-img-caption.fr-rounded img,
.board-side img.fr-rounded,
.board-side .fr-img-caption.fr-rounded img,
.editor_area img.fr-rounded,
.editor_area .fr-img-caption.fr-rounded img {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.board-content img.fr-shadow,
.board-content .fr-img-caption.fr-shadow img,
.board-side img.fr-shadow,
.board-side .fr-img-caption.fr-shadow img,
.editor_area img.fr-shadow,
.editor_area .fr-img-caption.fr-shadow img {
    -webkit-box-shadow: 10px 10px 5px 0 #ccc;
    -moz-box-shadow: 10px 10px 5px 0 #ccc;
    box-shadow: 10px 10px 5px 0 #ccc
}

.board-content img.fr-bordered,
.board-content .fr-img-caption.fr-bordered img,
.board-side img.fr-bordered,
.board-side .fr-img-caption.fr-bordered img,
.editor_area img.fr-bordered,
.editor_area .fr-img-caption.fr-bordered img {
    border: solid 5px #CCC
}

.board-content img.fr-bordered,
.board-side img.fr-bordered,
.editor_area img.fr-bordered {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.board-content .fr-img-caption.fr-bordered img,
.board-side .fr-img-caption.fr-bordered img,
.editor_area .fr-img-caption.fr-bordered img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.board-content,
.board-side,
.editor_area {
    word-wrap: break-word
}

.board-content span[style~="color:"] a,
.board-side span[style~="color:"] a,
.editor_area span[style~="color:"] a {
    color: inherit
}

.board-content strong,
.board-side strong,
.editor_area strong {
    font-weight: 700
}

.board-content table,
.board-side table,
.editor_area table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%;
    table-layout: fixed;
}

.board-content table td,
.board-side table td,
.editor_area table td {
    min-width: 5px
}

.board-content table td:last-child,
.board-side table td:last-child,
.editor_area table td:last-child {
    width: auto !important;
}

.board-content table.fr-dashed-borders td,
.board-content table.fr-dashed-borders th,
.board-side table.fr-dashed-borders td,
.board-side table.fr-dashed-borders th,
.editor_area table.fr-dashed-borders td,
.editor_area table.fr-dashed-borders th {
    border-style: dashed !important
}

.board-content table.fr-alternate-rows tbody tr:nth-child(2n),
.board-side table.fr-alternate-rows tbody tr:nth-child(2n),
.editor_area table.fr-alternate-rows tbody tr:nth-child(2n) {
    background: whitesmoke
}

.board-content table td,
.board-content table th,
.board-side table td,
.board-side table th,
.editor_area table td,
.editor_area table th {
    border: 1px solid #DDD !important
}

.editor_area table td,
.editor_area table th {
    text-align: center;
}

.board-content table td:empty,
.board-content table th:empty,
.board-side table td:empty,
.board-side table th:empty,
.editor_area table td:empty,
.editor_area table th:empty {
    height: 20px
}

.board-content table td.fr-highlighted,
.board-content table th.fr-highlighted,
.board-side table td.fr-highlighted,
.board-side table th.fr-highlighted,
.editor_area table td.fr-highlighted,
.editor_area table th.fr-highlighted {
    border: 1px double red !important
}

.board-content table td.fr-thick,
.board-content table th.fr-thick,
.board-side table td.fr-thick,
.board-side table th.fr-thick,
.editor_area table td.fr-thick,
.editor_area table th.fr-thick {
    border-width: 2px !important
}

.board-content table th,
.board-side table th,
.editor_area table th {
    background: #ececec
}

.board-content hr,
.board-side hr,
.editor_area hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always
}

.board-content .fr-file,
.board-side .fr-file,
.editor_area .fr-file {
    position: relative
}

.board-content .fr-file::after,
.board-side .fr-file::after,
.editor_area .fr-file::after {
    position: relative;
    content: "\1F4CE";
    font-weight: 400
}

.board-content pre,
.board-side pre,
.editor_area pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible
}

.board-content[dir="rtl"] blockquote,
.board-side[dir="rtl"] blockquote,
.editor_area[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0
}

.board-content[dir="rtl"] blockquote blockquote,
.board-side[dir="rtl"] blockquote blockquote,
.editor_area[dir="rtl"] blockquote blockquote {
    border-color: #00BCD4
}

.board-content[dir="rtl"] blockquote blockquote blockquote,
.board-side[dir="rtl"] blockquote blockquote blockquote,
.editor_area[dir="rtl"] blockquote blockquote blockquote {
    border-color: #43A047
}

.board-content blockquote,
.board-side blockquote,
.editor_area blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5E35B1
}

.board-content blockquote blockquote,
.board-side blockquote blockquote,
.editor_area blockquote blockquote {
    border-color: #00BCD4;
    color: #00BCD4
}

.board-content blockquote blockquote blockquote,
.board-side blockquote blockquote blockquote,
.editor_area blockquote blockquote blockquote {
    border-color: #43A047;
    color: #43A047
}

.board-content span.fr-emoticon,
.board-side span.fr-emoticon,
.editor_area span.fr-emoticon {
    font-weight: 400;
    font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
    display: inline;
    line-height: 0
}

.board-content span.fr-emoticon.fr-emoticon-img,
.board-side span.fr-emoticon.fr-emoticon-img,
.editor_area span.fr-emoticon.fr-emoticon-img {
    background-repeat: no-repeat !important;
    font-size: inherit;
    height: 1em;
    width: 1em;
    min-height: 20px;
    min-width: 20px;
    display: inline-block;
    margin: -.1em .1em .1em;
    line-height: 1;
    vertical-align: middle
}

.board-content .fr-text-gray,
.board-side .fr-text-gray,
.editor_area .fr-text-gray {
    color: #AAA !important
}

.board-content .fr-text-bordered,
.board-side .fr-text-bordered,
.editor_area .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0
}

.board-content .fr-text-spaced,
.board-side .fr-text-spaced,
.editor_area .fr-text-spaced {
    letter-spacing: 1px
}

.board-content .fr-text-uppercase,
.board-side .fr-text-uppercase,
.editor_area .fr-text-uppercase {
    text-transform: uppercase
}

.board-content .fr-class-highlighted,
.board-side .fr-class-highlighted,
.editor_area .fr-class-highlighted {
    background-color: #ff0
}

.board-content .fr-class-code,
.board-side .fr-class-code,
.editor_area .fr-class-code {
    border-color: #ccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace
}

.board-content .fr-class-transparency,
.board-side .fr-class-transparency,
.editor_area .fr-class-transparency {
    opacity: .5
}

.board-content img,
.board-side img,
.editor_area img {
    position: relative;
    max-width: 100%
}

.board-content img.fr-dib,
.board-side img.fr-dib,
.editor_area img.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.board-content img.fr-dib.fr-fil,
.board-side img.fr-dib.fr-fil,
.editor_area img.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.board-content img.fr-dib.fr-fir,
.board-side img.fr-dib.fr-fir,
.editor_area img.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.board-content img.fr-dii,
.board-side img.fr-dii,
.editor_area img.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.board-content img.fr-dii.fr-fil,
.board-side img.fr-dii.fr-fil,
.editor_area img.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.board-content img.fr-dii.fr-fir,
.board-side img.fr-dii.fr-fir,
.editor_area img.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.board-content span.fr-img-caption,
.board-side span.fr-img-caption,
.editor_area span.fr-img-caption {
    position: relative;
    max-width: 100%
}

.board-content span.fr-img-caption.fr-dib,
.board-side span.fr-img-caption.fr-dib,
.editor_area span.fr-img-caption.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

.board-content span.fr-img-caption.fr-dib.fr-fil,
.board-side span.fr-img-caption.fr-dib.fr-fil,
.editor_area span.fr-img-caption.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

.board-content span.fr-img-caption.fr-dib.fr-fir,
.board-side span.fr-img-caption.fr-dib.fr-fir,
.editor_area span.fr-img-caption.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

.board-content span.fr-img-caption.fr-dii,
.board-side span.fr-img-caption.fr-dii,
.editor_area span.fr-img-caption.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

.board-content span.fr-img-caption.fr-dii.fr-fil,
.board-side span.fr-img-caption.fr-dii.fr-fil,
.editor_area span.fr-img-caption.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

.board-content span.fr-img-caption.fr-dii.fr-fir,
.board-side span.fr-img-caption.fr-dii.fr-fir,
.editor_area span.fr-img-caption.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

.board-content .fr-video,
.board-side .fr-video,
.editor_area .fr-video {
    text-align: center;
    position: relative
}

.board-content .fr-video.fr-rv,
.board-side .fr-video.fr-rv,
.editor_area .fr-video.fr-rv {
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.board-content .fr-video.fr-rv>iframe,
.board-content .fr-video.fr-rv object,
.board-content .fr-video.fr-rv embed,
.board-side .fr-video.fr-rv>iframe,
.board-side .fr-video.fr-rv object,
.board-side .fr-video.fr-rv embed,
.editor_area .fr-video.fr-rv>iframe,
.editor_area .fr-video.fr-rv object,
.editor_area .fr-video.fr-rv embed {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.board-content .fr-video>*,
.board-side .fr-video>*,
.editor_area .fr-video>* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none
}

.board-content .fr-video.fr-dvb,
.board-side .fr-video.fr-dvb,
.editor_area .fr-video.fr-dvb {
    display: block;
    clear: both
}

.board-content .fr-video.fr-dvb.fr-fvl,
.board-side .fr-video.fr-dvb.fr-fvl,
.editor_area .fr-video.fr-dvb.fr-fvl {
    text-align: left
}

.board-content .fr-video.fr-dvb.fr-fvr,
.board-side .fr-video.fr-dvb.fr-fvr,
.editor_area .fr-video.fr-dvb.fr-fvr {
    text-align: right
}

.board-content .fr-video.fr-dvi,
.board-side .fr-video.fr-dvi,
.editor_area .fr-video.fr-dvi {
    display: inline-block
}

.board-content .fr-video.fr-dvi.fr-fvl,
.board-side .fr-video.fr-dvi.fr-fvl,
.editor_area .fr-video.fr-dvi.fr-fvl {
    float: left
}

.board-content .fr-video.fr-dvi.fr-fvr,
.board-side .fr-video.fr-dvi.fr-fvr,
.editor_area .fr-video.fr-dvi.fr-fvr {
    float: right
}

.board-content a.fr-strong,
.board-side a.fr-strong,
.editor_area a.fr-strong {
    font-weight: 700
}

.board-content a.fr-green,
.board-side a.fr-green,
.editor_area a.fr-green {
    color: green
}

.board-content .fr-img-caption,
.board-side .fr-img-caption,
.editor_area .fr-img-caption {
    text-align: center
}

.board-content .fr-img-caption .fr-img-wrap,
.board-side .fr-img-caption .fr-img-wrap,
.editor_area .fr-img-caption .fr-img-wrap {
    padding: 0;
    margin: auto;
    text-align: center;
    width: 100%
}

.board-content .fr-img-caption .fr-img-wrap a,
.board-side .fr-img-caption .fr-img-wrap a,
.editor_area .fr-img-caption .fr-img-wrap a {
    display: block
}

.board-content .fr-img-caption .fr-img-wrap img,
.board-side .fr-img-caption .fr-img-wrap img,
.editor_area .fr-img-caption .fr-img-wrap img {
    display: block;
    margin: auto;
    width: 100%
}

.board-content .fr-img-caption .fr-img-wrap>span,
.board-side .fr-img-caption .fr-img-wrap>span,
.editor_area .fr-img-caption .fr-img-wrap>span {
    margin: auto;
    display: block;
    padding: 5px 5px 10px;
    font-size: 14px;
    font-weight: initial;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-opacity: .9;
    -moz-opacity: .9;
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    text-align: center
}

.board-content button.fr-rounded,
.board-content input.fr-rounded,
.board-content textarea.fr-rounded,
.board-side button.fr-rounded,
.board-side input.fr-rounded,
.board-side textarea.fr-rounded,
.editor_area button.fr-rounded,
.editor_area input.fr-rounded,
.editor_area textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.board-content button.fr-large,
.board-content input.fr-large,
.board-content textarea.fr-large,
.board-side button.fr-large,
.board-side input.fr-large,
.board-side textarea.fr-large,
.editor_area button.fr-large,
.editor_area input.fr-large,
.editor_area textarea.fr-large {
    font-size: 24px
}

/* 2021-10-05 클래스명 변경 :: E */

a.fr-view.fr-strong {
    font-weight: 700
}

a.fr-view.fr-green {
    color: green
}

img.fr-view {
    position: relative;
    max-width: 100%
}

img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

img.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

img.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

img.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

img.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view {
    position: relative;
    max-width: 100%
}

span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top
}

span.fr-img-caption.fr-view.fr-dib.fr-fil {
    margin-left: 0;
    text-align: left
}

span.fr-img-caption.fr-view.fr-dib.fr-fir {
    margin-right: 0;
    text-align: right
}

span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px))
}

span.fr-img-caption.fr-view.fr-dii.fr-fil {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px)
}

span.fr-img-caption.fr-view.fr-dii.fr-fir {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px)
}

/* 2021-08-04 Custom 추가 */

.board-content em,
.board-side em,
.editor_area em {
    font-style: italic;
}

.board-content h1,
.board-side h1 {
    font-weight: normal;
    padding: 0;
}

.board-content h2,
.board-side h2 {
    font-weight: normal;
    padding: 0;
}

.board-content h3,
.board-side h3 {
    font-weight: normal;
    padding: 0;
}

.board-content h4,
.board-side h4 {
    font-weight: normal;
    font-size: 20px;
    color: #000;
    padding: 0;
}

.board-content h5,
.board-side h5 {
    font-weight: normal;
    font-size: 16px;
    color: #000;
    padding: 0;
}

.board-content p,
.board-side p {
    font-size: 13px;
}

.board-content address,
.board-side address,
.editor_area address {
    font-style: italic;
}

.board-content ol,
.board-side ol,
.editor_area ol {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: decimal;
    padding: 0 0 0 13pt;
}

.board-content ol>li,
.board-side ol>li,
.editor_area ol>li {
    padding-left: 2pt;
    list-style-type: inherit;
}

.board-content small,
.board-side small,
.editor_area small {
    font-size: smaller;
}

.board-content sub,
.board-side sub,
.editor_area sub {
    font-size: smaller;
}

.board-content sup,
.board-side sup,
.editor_area sup {
    font-size: smaller;
}

.board-content ul,
.board-side ul,
.editor_area ul {
    display: block;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    padding: 0 0 0 15pt;
}

.board-content ul>li,
.board-side ul>li,
.editor_area ul>li {
    list-style-type: inherit;
}

.board-side h1,
.editor_area h1 {
    font-weight: normal;
    padding: 0;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.board-side h2,
.editor_area h2 {
    font-weight: normal;
    padding: 0;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.board-side h3,
.editor_area h3 {
    font-weight: normal;
    padding: 0;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.board-side h4,
.editor_area h4 {
    font-weight: normal;
    color: #000;
    padding: 0;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.board-side h5,
.editor_area h5 {
    font-weight: normal;
    color: #000;
    padding: 0;
    font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.board-side h6,
.editor_area h6 {
    font-weight: normal;
    color: #000;
    padding: 0;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}