@charset "UTF-8";

/* 게시판 에디터 */
.editor_content { font-size: 16px; line-height: 1.6; word-wrap: break-word; color: #333; font-weight: 400; font-family: "Pretendard", "Noto Sans KR", sans-serif; letter-spacing: -0.02em; word-break: keep-all; }
.editor_content h1 { display: block; font-weight: 700; font-size: 2em; line-height: 1.2; }
.editor_content h2 { display: block; font-weight: 700; font-size: 1.5em; line-height: 1.3; }
.editor_content h3 { display: block; font-weight: 700; font-size: 1.17em; line-height: 1.4; }
.editor_content h4 { display: block; font-weight: 700; font-size: 1em; }
.editor_content h5 { display: block; font-weight: 700; font-size: 0.83em; }
.editor_content h6 { display: block; font-weight: 700; font-size: 0.67em; }
.editor_content p { display: block; margin: 0; }
.editor_content b,
.editor_content strong { font-weight: 700; }
.editor_content i,
.editor_content em { font-style: italic; }
.editor_content u,
.editor_content ins { text-decoration: underline; }
.editor_content s,
.editor_content strike,
.editor_content del { color: #999; text-decoration: line-through; }
.editor_content sub { font-size: 0.75em; vertical-align: sub; }
.editor_content sup { font-size: 0.75em; vertical-align: super; }
.editor_content hr { display: block; height: 1px; border: 0; border-top: 1px solid #e0e0e0; margin: 3px 0; }
.editor_content mark { padding: 0.1em 0.2em; border-radius: 2px; background-color: #fff000; color: inherit; }
.editor_content small { color: #666; font-size: 0.8em; }
.editor_content code { padding: 0.2em 0.4em; border-radius: 3px; background-color: #f5f5f5; color: #c7254e; font-size: 0.9em; font-family: monospace; }
.editor_content pre { display: block; padding: 15px; border: 1px solid #ddd; border-radius: 4px; background: #f8f9fa; color: #333; font-family: monospace; white-space: pre-wrap; }
.editor_content blockquote { padding: 1em 1.5em; border-left: 4px solid #ddd; background-color: #f9f9f9; color: #555; }
.editor_content address { color: #666; font-style: normal; }
.editor_content ul { display: block; padding-left: 40px; list-style-type: disc !important; }
.editor_content ol { display: block; padding-left: 40px; list-style-type: decimal !important; }
.editor_content li { display: list-item; list-style: inherit !important; }
.editor_content dt { font-weight: 700; }
.editor_content dd { color: #555; }
.editor_content a { color: #007bff; text-decoration: underline; word-break: break-all; cursor: pointer; }
.editor_content a:hover { color: #0056b3; }
.editor_content table { width: 100%; max-width: 100%; border: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; table-layout: fixed; margin: 0; }
.editor_content th,
.editor_content td { padding: 8px 12px; border: 1px solid #ccc; vertical-align: middle; margin: 0; }
.editor_content th { background-color: #f2f2f2; font-weight: 700; text-align: center; margin: 0; }
.editor_content img { max-width: 100%; height: auto !important; vertical-align: top; margin-bottom: 10px; }
.editor_content .image { display: table; margin: 0 auto; /* 기본 가운데 정렬 */ clear: both; text-align: center; }
.editor_content .image img { display: block; margin: 0 auto; }
.editor_content .image > figcaption { display: table-caption; padding: 0.6em; background-color: #f7f7f7; color: #777; font-size: 0.85em; text-align: center; word-break: break-word; caption-side: bottom; }
.editor_content .image-style-side,
.editor_content .image-style-align-left { max-width: 50%; float: left; }
.editor_content .image-style-align-right { max-width: 50%; float: right; }
.editor_content .image-style-align-center { text-align: center; clear: both; }
.editor_content .media { display: block; position: relative; clear: both; overflow: hidden; }
.editor_content .editor_table { overflow-x: auto; }
@media screen and (max-width:1079px) {
	.editor_content { font-size: 14px; line-height: 1.5; }
	.editor_content h1 { font-size: 1.6em; }
	.editor_content h2 { font-size: 1.4em; }
	.editor_content h3 { font-size: 1.2em; }
	.editor_content ul,
	.editor_content ol { padding-left: 24px; }
	.editor_content .image-style-side,
	.editor_content .image-style-align-left,
	.editor_content .image-style-align-right { max-width: 100%; margin: 0 auto; float: none; }
}