@charset "utf-8";/* ========================================
   TOAST UI Editor Content Viewer Styles
   Based on official TOAST UI Editor contents.css
   For GnuBoard5 View Pages
======================================== */
/* TOAST UI Editor Content Classes */
.toastui-editor-toolbar .toastui-editor-defaultUI-toolbar {border-bottom:1px solid #eeeeee; background-color:#fafafa;}
.toastui-editor-contents,
.ProseMirror,
.viewContText {z-index:20; margin:0; padding:0; font-size:13px;/* font-family:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', '나눔바른고딕', 'Nanum Barun Gothic', '맑은고딕', 'Malgun Gothic', sans-serif;*/}
.toastui-editor-contents,
.viewContText {/* overflow:auto;padding:0 25px;height:100%;*/}
.toastui-editor-contents:focus,
.viewContText:focus {outline:none;}
.toastui-editor-contents .placeholder,
.viewContText .placeholder {color:gray;}
.toastui-editor-contents > div > div:first-of-type h1,
.viewContText > h1:first-child {margin-top:14px;}
/* Headings */
.toastui-editor-contents h1,
.toastui-editor-contents h2,
.toastui-editor-contents h3,
.toastui-editor-contents h4,
.toastui-editor-contents h5,
.toastui-editor-contents h6,
.viewContText h1,
.viewContText h2,
.viewContText h3,
.viewContText h4,
.viewContText h5,
.viewContText h6 {color:#222; font-weight:bold;}
.toastui-editor-contents h1,
.viewContText h1 {margin:52px 0 15px 0; padding-bottom:7px; border-bottom:3px double #999; font-size:24px; line-height:28px;}
.toastui-editor-contents h2,
.viewContText h2 {margin:35px 0 15px 0; padding-bottom:7px; border-bottom:1px solid #dbdbdb; font-size:22px; line-height:23px;}
.toastui-editor-contents h3,
.viewContText h3 {margin:18px 0 2px; font-size:20px;}
.toastui-editor-contents h4,
.viewContText h4 {margin:10px 0 2px; font-size:18px;}
.toastui-editor-contents h5,
.viewContText h5 {margin:8px 0 1px; font-size:16px;}
.toastui-editor-contents h6,
.viewContText h6 {margin:10px 0 2px; font-size:14px;}
/* Paragraphs and text */
.toastui-editor-contents p,
.viewContText p {margin:0; padding:0; line-height:160%;}
.toastui-editor-contents > div > div:first-of-type,
.viewContText > *:first-child {margin-top:16px;}
/* Links */
.toastui-editor-contents a,
.viewContText a {color:var(--color-prime); text-decoration:underline;}
.toastui-editor-contents a:hover,
.viewContText a:hover {color:#007cff;}
/* Lists */
.toastui-editor-contents ul,
.toastui-editor-contents ol,
.viewContText ul,
.viewContText ol {margin:10px 0 10px 20px; padding:0;}
.toastui-editor-contents ul > li,
.viewContText ul > li {list-style-type:disc;}
.toastui-editor-contents ul ul,
.toastui-editor-contents ol ul,
.viewContText ul ul,
.viewContText ol ul {margin:0;}
.toastui-editor-contents ul ul > li,
.toastui-editor-contents ol ul > li,
.viewContText ul ul > li,
.viewContText ol ul > li {list-style-type:circle;}
.toastui-editor-contents ul ul ul > li,
.toastui-editor-contents ol ul ul > li,
.toastui-editor-contents ol ol ul > li,
.toastui-editor-contents ul ol ul > li,
.viewContText ul ul ul > li,
.viewContText ol ul ul > li,
.viewContText ol ol ul > li,
.viewContText ul ol ul > li {list-style-type:square;}
.toastui-editor-contents ol > li,
.viewContText ol > li {list-style-type:decimal;}
.toastui-editor-contents ol ol > li,
.toastui-editor-contents ul ol > li,
.viewContText ol ol > li,
.viewContText ul ol > li {list-style-type:lower-alpha;}
.toastui-editor-contents ol ol ol > li,
.toastui-editor-contents ul ol ol > li,
.toastui-editor-contents ul ul ol > li,
.toastui-editor-contents ol ul ol > li,
.viewContText ol ol ol > li,
.viewContText ul ol ol > li,
.viewContText ul ul ol > li,
.viewContText ol ul ol > li {list-style-type:lower-roman;}
.toastui-editor-contents li,
.viewContText li {margin:2px 0; line-height:160%;}
/* Task List */
.toastui-editor-contents li.task-list-item,
.viewContText li.task-list-item {position:relative; margin-right:6px; margin-left:-20px; padding-left:24px; list-style:none;}
.toastui-editor-contents .task-list-item-checkbox,
.viewContText .task-list-item-checkbox {margin-right:6px; margin-left:0;}
/* Task List Checkbox Styling */
.toastui-editor-contents li.task-list-item::before,
.viewContText li.task-list-item::before {content:''; position:absolute; top:3px; left:0; width:16px; height:16px; border:2px solid var(--color-prime); border-radius:2px; background-color:#fff; background-repeat:no-repeat; background-position:center;}
.toastui-editor-contents li.task-list-item.checked::before,
.viewContText li.task-list-item.checked::before {background-color:var(--color-prime); background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M6.5 12.5L2 8l1.4-1.4L6.5 9.7 12.6 3.6 14 5z'/%3E%3C/svg%3E"); background-size:16px 16px;}
/* Hide actual checkbox input if present */
.toastui-editor-contents li.task-list-item input[type="checkbox"],
.viewContText li.task-list-item input[type="checkbox"] {position:absolute; top:3px; left:0; width:16px; height:16px; opacity:0; cursor:pointer;}
/* For read-only view, hide the checkbox completely */
.viewContText li.task-list-item input[type="checkbox"] {display:none;}
/* Blockquotes */
.toastui-editor-contents blockquote,
.viewContText blockquote {margin:15px 0; padding:0 10px; border-left:4px solid #e5e5e5; color:#888;}
.toastui-editor-contents blockquote > :first-child,
.viewContText blockquote > :first-child {margin-top:0;}
.toastui-editor-contents blockquote > :last-child,
.viewContText blockquote > :last-child {margin-bottom:0;}
/* Horizontal Rules */
.toastui-editor-contents hr,
.viewContText hr {margin:15px 0; border-top:1px solid #e5e5e5; border-right:0; border-bottom:0; border-left:0;}
/* Code */
.toastui-editor-contents pre,
.viewContText pre {margin:8px 0; padding:10px; border-radius:2px; background-color:#f4f7f8; font-family:'Courier New', 'Courier', monospace; overflow-x:auto;}
.toastui-editor-contents code,
.viewContText code {padding:2px 3px; border-radius:2px; background-color:rgba(243, 229, 233, 0.5); color:#c1798b; font-family:'Courier New', 'Courier', monospace; letter-spacing:-0.3px;}
.toastui-editor-contents pre code,
.viewContText pre code {padding:0; border-radius:0; background-color:transparent; color:inherit; white-space:pre; line-height:1.4;}
/* Tables */
.toastui-editor-contents table,
.viewContText table{width:100%; width:100% !important; margin:2px 0 14px; border-collapse:collapse; color:#222; box-sizing:border-box;}
.toastui-editor-contents table th,
.toastui-editor-contents table td,
.viewContText table th,
.viewContText table td {height:32px; padding:5px 14px 5px 12px;}
.toastui-editor-contents table td,
.viewContText table td {border:1px solid #e0e0e0;}
.toastui-editor-contents table th,
.viewContText table th {padding-top:6px; border:1px solid #72777b; border-top:0; background-color:#555; color:#fff; font-weight:300;}
/* Images */
.toastui-editor-contents img,
.viewContText img {max-width:100%; margin:4px 0 10px; vertical-align:top; box-sizing:border-box;}
/* Inline text styles */
.toastui-editor-contents del,
.viewContText del {text-decoration:line-through;}
.toastui-editor-contents b,
.toastui-editor-contents strong,
.viewContText b,
.viewContText strong {font-weight:bold;}
.toastui-editor-contents em,
.toastui-editor-contents i,
.viewContText em,
.viewContText i {font-style:italic;}
.toastui-editor-contents sub,
.viewContText sub {vertical-align:sub;}
.toastui-editor-contents sup,
.viewContText sup {vertical-align:super;}
/* Custom Block */
.toastui-editor-contents .toastui-editor-custom-block,
.viewContText .toastui-editor-custom-block {position:relative;}
.toastui-editor-contents .toastui-editor-custom-block .toastui-editor-custom-block-editor,
.viewContText .toastui-editor-custom-block .toastui-editor-custom-block-editor {padding:10px; background-color:#f9f7fd;}
.toastui-editor-contents .toastui-editor-custom-block-view,
.viewContText .toastui-editor-custom-block-view {padding:0;}
/* Front Matter */
.toastui-editor-contents .toastui-editor-custom-block-view.front-matter,
.viewContText .toastui-editor-custom-block-view.front-matter {padding:10px; border-radius:2px; background-color:#f4f7f8; font-family:'Courier New', 'Courier', monospace;}
/* Widget */
.toastui-editor-contents .toastui-editor-custom-block-view.widget,
.viewContText .toastui-editor-custom-block-view.widget {font-weight:bold;}
/* Selection */
.toastui-editor-contents .toastui-editor-custom-block.ProseMirror-selectednode,
.viewContText .toastui-editor-custom-block.ProseMirror-selectednode {outline:2px solid #7db3ff;}
/* Table of Contents */
.toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents ul,
.toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents ol,
.viewContText .toastui-editor-custom-block-view.table-of-contents ul,
.viewContText .toastui-editor-custom-block-view.table-of-contents ol {margin-left:12px;}
.toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents li,
.viewContText .toastui-editor-custom-block-view.table-of-contents li {list-style:none; color:#5286bc; line-height:160%;}
.toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents li:hover,
.viewContText .toastui-editor-custom-block-view.table-of-contents li:hover {color:#007cff;}
.toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents li::before,
.viewContText .toastui-editor-custom-block-view.table-of-contents li::before {content:'・'; margin-right:5px; color:#abacb2; font-weight:700;}
/* WW Sync Styles */
.toastui-editor-ww-container .toastui-editor-contents,
.toastui-editor-ww-container .viewContText {overflow:visible;}
.toastui-editor-ww-container .toastui-editor-contents:focus,
.toastui-editor-ww-container .viewContText:focus {outline:1px solid #aaa;}
/* Dark Theme */
.toastui-editor-dark .toastui-editor-contents h1,
.toastui-editor-dark .toastui-editor-contents h2,
.toastui-editor-dark .toastui-editor-contents h3,
.toastui-editor-dark .toastui-editor-contents h4,
.toastui-editor-dark .toastui-editor-contents h5,
.toastui-editor-dark .toastui-editor-contents h6,
.toastui-editor-dark .viewContText h1,
.toastui-editor-dark .viewContText h2,
.toastui-editor-dark .viewContText h3,
.toastui-editor-dark .viewContText h4,
.toastui-editor-dark .viewContText h5,
.toastui-editor-dark .viewContText h6,
.toastui-editor-dark .toastui-editor-contents table,
.toastui-editor-dark .viewContText table {color:#e0e0e0;}
.toastui-editor-dark .toastui-editor-contents h1,
.toastui-editor-dark .toastui-editor-contents h2,
.toastui-editor-dark .viewContText h1,
.toastui-editor-dark .viewContText h2 {border-bottom-color:#303238;}
.toastui-editor-dark .toastui-editor-contents th,
.toastui-editor-dark .viewContText th {background-color:#303238;}
.toastui-editor-dark .toastui-editor-contents td,
.toastui-editor-dark .viewContText td {border-color:#303238;}
.toastui-editor-dark .toastui-editor-contents th,
.toastui-editor-dark .viewContText th {border-color:#414449;}
/* ========================================
   Dark Mode Styles for Theme Integration
======================================== */
:root.darkMode .toastui-editor-contents,
:root.darkMode .viewContText {color:#e0e0e0;}
/* Headings - Dark Mode */
:root.darkMode .toastui-editor-contents h1,
:root.darkMode .toastui-editor-contents h2,
:root.darkMode .toastui-editor-contents h3,
:root.darkMode .toastui-editor-contents h4,
:root.darkMode .toastui-editor-contents h5,
:root.darkMode .toastui-editor-contents h6,
:root.darkMode .viewContText h1,
:root.darkMode .viewContText h2,
:root.darkMode .viewContText h3,
:root.darkMode .viewContText h4,
:root.darkMode .viewContText h5,
:root.darkMode .viewContText h6 {color:#e0e0e0;}
:root.darkMode .toastui-editor-contents h1,
:root.darkMode .viewContText h1 {border-bottom-color:#4a4a4a;}
:root.darkMode .toastui-editor-contents h2,
:root.darkMode .viewContText h2 {border-bottom-color:#303030;}
/* Links - Dark Mode */
:root.darkMode .toastui-editor-contents a,
:root.darkMode .viewContText a {}
:root.darkMode .toastui-editor-contents a:hover,
:root.darkMode .viewContText a:hover {color:#3399ff;}
/* Task List - Dark Mode */
:root.darkMode .toastui-editor-contents li.task-list-item::before,
:root.darkMode .viewContText li.task-list-item::before {border-color:var(--color-prime); background-color:#1e1e1e;}
:root.darkMode .toastui-editor-contents li.task-list-item.checked::before,
:root.darkMode .viewContText li.task-list-item.checked::before {background-color:var(--color-prime);}
/* Blockquotes - Dark Mode */
:root.darkMode .toastui-editor-contents blockquote,
:root.darkMode .viewContText blockquote {border-left-color:#4a4a4a; color:#999;}
/* Horizontal Rules - Dark Mode */
:root.darkMode .toastui-editor-contents hr,
:root.darkMode .viewContText hr {border-top-color:#303030;}
/* Code - Dark Mode */
:root.darkMode .toastui-editor-contents pre,
:root.darkMode .viewContText pre {background-color:#1a1a1a; color:#e0e0e0;}
:root.darkMode .toastui-editor-contents code,
:root.darkMode .viewContText code {background-color:rgba(110, 118, 129, 0.3); color:#e06c75;}
:root.darkMode .toastui-editor-contents pre code,
:root.darkMode .viewContText pre code {background-color:transparent; color:#e0e0e0;}
/* Tables - Dark Mode */
:root.darkMode .toastui-editor-contents table,
:root.darkMode .viewContText table {color:#e0e0e0;}
:root.darkMode .toastui-editor-contents table td,
:root.darkMode .viewContText table td {border-color:#303030;}
:root.darkMode .toastui-editor-contents table th,
:root.darkMode .viewContText table th {border-color:#4a4a4a; background-color:#252525; color:#e0e0e0;}
/* Table of Contents - Dark Mode */
:root.darkMode .toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents li,
:root.darkMode .viewContText .toastui-editor-custom-block-view.table-of-contents li {color:#66b3ff;}
:root.darkMode .toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents li:hover,
:root.darkMode .viewContText .toastui-editor-custom-block-view.table-of-contents li:hover {color:#3399ff;}
:root.darkMode .toastui-editor-contents .toastui-editor-custom-block-view.table-of-contents li::before,
:root.darkMode .viewContText .toastui-editor-custom-block-view.table-of-contents li::before {color:#666;}
/* Custom Block - Dark Mode */
:root.darkMode .toastui-editor-contents .toastui-editor-custom-block .toastui-editor-custom-block-editor,
:root.darkMode .viewContText .toastui-editor-custom-block .toastui-editor-custom-block-editor {background-color:#1e1e1e;}
:root.darkMode .toastui-editor-contents .toastui-editor-custom-block-view.front-matter,
:root.darkMode .viewContText .toastui-editor-custom-block-view.front-matter {background-color:#1a1a1a; color:#e0e0e0;}
/* Placeholder - Dark Mode */
:root.darkMode .toastui-editor-contents .placeholder,
:root.darkMode .viewContText .placeholder {color:#666;}
/* Focus outline - Dark Mode */
:root.darkMode .toastui-editor-ww-container .toastui-editor-contents:focus,
:root.darkMode .toastui-editor-ww-container .viewContText:focus {outline-color:#4a4a4a;}
/* Print Styles */
@media print {
    .toastui-editor-contents,
    .viewContText {padding:0;}
}

@media (max-width: 560px) {
	.toastui-editor-dropdown-toolbar {left:0 !important; right:0 !important; overflow-x:auto; overflow-y:hidden;}

}