@font-face {
    font-family: "NanumHuman";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2501-1@1.1/NanumHumanTTFRegular.woff2") format("woff2");
}

@font-face {
    font-family: "NanumHuman";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2501-1@1.1/NanumHumanTTFBold.woff2") format("woff2");
}

@font-face {
    font-family: "Hakgyoansim Bareonbatang";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangR.woff2") format("woff2");
}

@font-face {
    font-family: "Hakgyoansim Bareonbatang";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangB.woff2") format("woff2");
}

@font-face {
    font-family: "Cafe24Dongdong";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Dongdong.woff") format("woff");
}

@font-face {
    font-family: "GangwonEdu Saeeum";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("https://cdn.jsdelivr.net/gh/fonts-archive/GangwonEduSaeeum@886cd32897e795db4a8a160867e6478b0b1bc149/GangwonEduSaeeum.woff2") format("woff2");
}

.quill-editor-shell {
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.quill-editor-shell .ql-toolbar.ql-snow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 16px;
    font-family: inherit;
    background: var(--quill-toolbar-background, #f8faff);
    border-color: var(--quill-border-color, #d8dfeb);
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
}

.quill-editor-shell .ql-toolbar.ql-snow .quill-toolbar-group-set {
    display: contents;
}

.quill-editor-shell .ql-toolbar.ql-snow .ql-formats {
    display: inline-flex;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3px;
    max-width: 100%;
    margin: 0;
    float: none;
    vertical-align: middle;
}

.quill-editor-shell .ql-toolbar.ql-snow .ql-formats::after {
    display: none;
    content: none;
}

.quill-editor-shell .ql-toolbar.ql-snow button,
.quill-editor-shell .ql-toolbar.ql-snow .ql-picker {
    flex: 0 0 auto;
    height: 28px;
    float: none;
}

.quill-editor-shell .ql-toolbar.ql-snow button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.quill-editor-shell .ql-toolbar.ql-snow button svg {
    float: none;
}

.quill-editor-shell .ql-toolbar.ql-snow .ql-picker-label::before {
    line-height: 26px;
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label:not([data-value])::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item:not([data-value])::before {
    content: "본문";
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: "제목 1";
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: "제목 2";
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: "제목 3";
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: "제목 4";
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: "제목 5";
}

.quill-editor-shell .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.quill-editor-shell .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: "제목 6";
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label:not([data-value])::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item:not([data-value])::before {
    content: "기본";
}

.quill-editor-shell .ql-picker.ql-font {
    width: 190px;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="pretendard"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="pretendard"]::before {
    content: "Pretendard";
    font-family: Pretendard, sans-serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="noto-sans-kr"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="noto-sans-kr"]::before {
    content: "Noto Sans KR";
    font-family: "Noto Sans KR", sans-serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="noto-serif-kr"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="noto-serif-kr"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="serif"]::before {
    content: "Noto Serif KR";
    font-family: "Noto Serif KR", serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="nanum-human"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="nanum-human"]::before {
    content: "나눔휴먼";
    font-family: "NanumHuman", sans-serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="school-safe-bareonbatang"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="school-safe-bareonbatang"]::before {
    content: "학교안심 바른바탕";
    font-family: "Hakgyoansim Bareonbatang", serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="cafe24-dongdong"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="cafe24-dongdong"]::before {
    content: "카페24 동동";
    font-family: "Cafe24Dongdong", sans-serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="gangwon-saeeum"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="gangwon-saeeum"]::before {
    content: "강원교육새음";
    font-family: "GangwonEdu Saeeum", sans-serif;
}

.quill-editor-shell .ql-picker.ql-font .ql-picker-label[data-value="monospace"]::before,
.quill-editor-shell .ql-picker.ql-font .ql-picker-item[data-value="monospace"]::before {
    content: "고정폭";
}

.quill-editor-shell .ql-picker.ql-size .ql-picker-label:not([data-value])::before,
.quill-editor-shell .ql-picker.ql-size .ql-picker-item:not([data-value])::before {
    content: "보통";
}

.quill-editor-shell .ql-picker.ql-size .ql-picker-label[data-value="small"]::before,
.quill-editor-shell .ql-picker.ql-size .ql-picker-item[data-value="small"]::before {
    content: "작게";
}

.quill-editor-shell .ql-picker.ql-size .ql-picker-label[data-value="large"]::before,
.quill-editor-shell .ql-picker.ql-size .ql-picker-item[data-value="large"]::before {
    content: "크게";
}

.quill-editor-shell .ql-picker.ql-size .ql-picker-label[data-value="huge"]::before,
.quill-editor-shell .ql-picker.ql-size .ql-picker-item[data-value="huge"]::before {
    content: "아주 크게";
}

.quill-editor.ql-container.ql-snow {
    width: 100%;
    height: auto;
    min-height: 0;
    font-family: inherit;
    border-color: var(--quill-border-color, #d8dfeb);
    border-radius: 0 0 10px 10px;
    box-sizing: border-box;
}

.quill-editor.ql-container .ql-editor {
    width: 100%;
    height: auto;
    min-height: var(--quill-editor-min-height, 440px);
    color: var(--quill-editor-color, #35415a);
    font-size: 1rem;
    line-height: 1.7;
    box-sizing: border-box;
}

.quill-editor.ql-container .ql-editor img {
    max-width: 100%;
    height: auto;
}

.quill-editor.ql-container .ql-font-pretendard,
.rich-text-content .ql-font-pretendard {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.quill-editor.ql-container .ql-font-noto-sans-kr,
.rich-text-content .ql-font-noto-sans-kr {
    font-family: "Noto Sans KR", "Malgun Gothic", sans-serif;
}

.quill-editor.ql-container .ql-font-noto-serif-kr,
.quill-editor.ql-container .ql-font-serif,
.rich-text-content .ql-font-noto-serif-kr,
.rich-text-content .ql-font-serif {
    font-family: "Noto Serif KR", Georgia, "Times New Roman", serif;
}

.quill-editor.ql-container .ql-font-nanum-human,
.rich-text-content .ql-font-nanum-human {
    font-family: "NanumHuman", "Malgun Gothic", sans-serif;
}

.quill-editor.ql-container .ql-font-school-safe-bareonbatang,
.rich-text-content .ql-font-school-safe-bareonbatang {
    font-family: "Hakgyoansim Bareonbatang", "Noto Serif KR", serif;
}

.quill-editor.ql-container .ql-font-cafe24-dongdong,
.rich-text-content .ql-font-cafe24-dongdong {
    font-family: "Cafe24Dongdong", "Malgun Gothic", sans-serif;
}

.quill-editor.ql-container .ql-font-gangwon-saeeum,
.rich-text-content .ql-font-gangwon-saeeum {
    font-family: "GangwonEdu Saeeum", "Malgun Gothic", sans-serif;
}

.quill-editor.ql-container .ql-font-monospace,
.rich-text-content .ql-font-monospace {
    font-family: Monaco, "Courier New", monospace;
}

.quill-editor-shell .ql-toolbar button.ql-undo,
.quill-editor-shell .ql-toolbar button.ql-redo {
    color: #444;
    font-size: 20px;
    line-height: 1;
}

.rich-text-content h1,
.rich-text-content h2,
.rich-text-content h3,
.rich-text-content h4,
.rich-text-content h5,
.rich-text-content h6 {
    margin: 1.35em 0 0.65em;
    color: var(--rich-text-heading-color, #25345e);
    line-height: 1.4;
}

.rich-text-content p {
    margin: 0 0 1em;
}

.rich-text-content ul,
.rich-text-content ol {
    margin: 0 0 1em;
    padding-left: 1.7em;
}

.rich-text-content li[data-list="checked"],
.rich-text-content li[data-list="unchecked"] {
    position: relative;
    list-style: none;
}

.rich-text-content li[data-list="checked"]::before,
.rich-text-content li[data-list="unchecked"]::before {
    position: absolute;
    left: -1.45em;
    width: 1.2em;
    color: #53617c;
    text-align: center;
}

.rich-text-content li[data-list="unchecked"]::before {
    content: "\2610";
}

.rich-text-content li[data-list="checked"]::before {
    content: "\2611";
    color: #3558c6;
}

.rich-text-content .ql-indent-1 {
    padding-left: 3em;
}

.rich-text-content .ql-indent-2 {
    padding-left: 6em;
}

.rich-text-content .ql-indent-3 {
    padding-left: 9em;
}

.rich-text-content .ql-indent-4 {
    padding-left: 12em;
}

.rich-text-content .ql-indent-5 {
    padding-left: 15em;
}

.rich-text-content .ql-indent-6 {
    padding-left: 18em;
}

.rich-text-content .ql-indent-7 {
    padding-left: 21em;
}

.rich-text-content .ql-indent-8 {
    padding-left: 24em;
}

.rich-text-content blockquote {
    margin: 1em 0;
    padding: 0.7em 1em;
    color: #53617c;
    background: #f8faff;
    border-left: 4px solid #9eb1df;
}

.rich-text-content a {
    color: #3558c6;
    text-decoration: underline;
    overflow-wrap: anywhere;
}

.rich-text-content table {
    width: 100%;
    margin: 1em 0;
    border-collapse: collapse;
}

.rich-text-content th,
.rich-text-content td {
    padding: 8px 10px;
    border: 1px solid #d8dfeb;
    text-align: left;
}

.rich-text-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

.rich-text-content .ql-align-center {
    text-align: center;
}

.rich-text-content .ql-align-right {
    text-align: right;
}

.rich-text-content .ql-align-justify {
    text-align: justify;
}

.rich-text-content .ql-size-small {
    font-size: 0.75em;
}

.rich-text-content .ql-size-large {
    font-size: 1.5em;
}

.rich-text-content .ql-size-huge {
    font-size: 2.5em;
}

@media (max-width: 560px) {
    .quill-editor-shell .ql-toolbar.ql-snow {
        gap: 7px;
        padding: 9px;
    }

    .quill-editor-shell .ql-toolbar.ql-snow .ql-formats {
        flex-wrap: wrap;
    }
}