@charset "UTF-8";

.ck-content h1,
.ck-editor__main h1 {
	font-size: 1.8rem; 
	margin-top: 0px;
	margin-bottom: 40px;
	/* color: #02431C; */
}

@media only screen and (max-width: 576px) {
	.ck-content h1,
	.ck-editor__main h1 {
		font-size: 1.8rem; 
		margin-top: 10px;
		margin-bottom: 20px;
		/* color: #02431C; */
	}
}

@media (max-width: 576px) {
	.ck-content .image-style-side {
	    float: inline-start;
	    margin-left: 0;
	    max-width: 100%;
	} 
	.ck-content .image.ck-widget.image-style-align-right.ck-widget_with-resizer,
	.ck-content .image-style-align-left,
	.ck-content .image-inline.image-style-align-left,
	.ck-content .image-inline,
	.ck-content .image-inline picture, 
	.ck-content .image-inline img,
	.ck-content .image.image_resized {
		margin-right: 0;
    	max-width: 100%;
    	min-width: 100%!important;
    	width: 100%!important;
    	display: block;
    	box-sizing: border-box;
    	margin-bottom: 10px;
	}
	.ck-content .image.image-style-align-left {
		margin-top: 0px;
		margin-bottom: 10px;
	}
	.ck-content .image.image-style-align-right  {
		margin-top: 0px;
		margin-bottom: 10px;
	}
}

@media (min-width: 700px) {
	.ck-content .image-inline.image-style-align-left {
	    max-width: 50%;
	}
	.ck-content .image-inline.ck-widget.ck-widget_with-resizer.image-style-align-right.image_resized,
	.ck-content .image.image-style-align-left,
	.ck-content .image.image-style-align-right  {
		margin-top: 0px;
		margin-bottom: 14px;
		margin-left: 0px ;
		margin-right: 0px ; 
	
	}
	.ck-content .image.image-style-align-left {
		padding-top: 5px;
		padding-right: 1.5%;
	}
	.ck-content .image.image-style-align-right  {
		padding-top: 5px;
		padding-left: 1.5%;
	
	}
}

.ck-content .h2, .ck-content .h3, .ck-content .h4, .ck-content .h5, .ck-content .h6,
.ck-content h2, .ck-content h3, .ck-content h4, .ck-content h5, .ck-content h6 {
    margin-bottom: 0.5rem;
    font-family: inherit;
    line-height: 1.2;
    color: white;
}

.ck-content p {
	margin-bottom: 16px;
	line-height: 1.8em;
	font-size: 16px;
	color: #fff;
}	

.ck-content blockquote {
	border-left: 5px solid #ccc;
    font-style: italic;
    overflow: hidden;
    margin: 1.5em 0!important;
    padding: 1em 1em!important;
    background-color: whitesmoke;
}

.ck-content blockquote p:last-child {
    margin-bottom: 0;
}

.ck-content b, .ck-content strong {
    font-weight: bolder;
}


.ck-widget__type-around__button, .ck-widget__resizer, .ck-widget__type-around, 
.ck-widget__selection-handle {
	display: none; 
}

.editor__editable,
/* Classic build. */
main 
.ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	line-height: 1.6em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

main .ck-editor[role='application'] {
	overflow: auto;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}

.editor-container {
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
	width: 100%;
	justify-content: center;
}

sub,
sup {
  position: relative;
  font-size : calc(70%);
  line-height: 0;
  vertical-align: baseline;
}

sub { bottom: -.25em; }
sup { top: -.5em; }

/*
.ck-content h1,
.ck-editor__main h1 {
	font-size: 1.7rem; 
	font-family: notosanskr-bold;
	margin-bottom: 20px;
}
*/	

.editor__editable,
/* Classic build. */
main .ck-editor[role='application'] .ck.ck-content,
/* Decoupled document build. */
.ck.editor__editable[role='textbox'],
.ck.ck-editor__editable[role='textbox'],
/* Inline & Balloon build. */
.ck.editor[role='textbox'] {
	width: 100%;
	background: #fff;
	font-size: 1em;
	line-height: 1.6em;
	min-height: var(--ck-sample-editor-min-height);
	padding: 1.5em 2em;
}

main .ck-editor[role='application'] {
	overflow: auto;
}

.ck.ck-editor__editable {
	background: #fff;
	border: 1px solid hsl(0, 0%, 70%);
	width: 100%;
}

/* Because of sidebar `position: relative`, Edge is overriding the outline of a focused editor. */
.ck.ck-editor__editable {
	position: relative;
	z-index: var(--ck-sample-editor-z-index);
}

.editor-container {
	display: flex;
	flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
	width: 100%;
	justify-content: center;
}


[data-layout-mode="dark"] .ck {
    --ck-color-base-foreground: #fafafa!important;
	--ck-color-base-background: #000!important;
    --ck-color-base-border: #485f82!important;
    --ck-color-base-action: #53a336!important;
    --ck-color-base-focus: #6cb5f9!important;
    --ck-color-base-text: #333!important;
    --ck-color-base-active: #2977ff!important;
    --ck-color-base-active-focus: #0d65ff!important;
    --ck-color-base-error: #db3700!important;
    --ck-color-focus-border-coordinates: 218,81.8%,56.9%!important;
    --ck-color-focus-border: hsl(var(--ck-color-focus-border-coordinates))!important;
    --ck-color-focus-outer-shadow: #cae1fc!important;
    --ck-color-focus-disabled-shadow: rgba(119,186,248,.3)!important;
    --ck-color-focus-error-shadow: rgba(255,64,31,.3)!important;
    --ck-color-text: #fafafa!important; 
    --ck-color-shadow-drop: rgba(0,0,0,.15)!important;
    --ck-color-shadow-drop-active: rgba(0,0,0,.2)!important;
    --ck-color-shadow-inner: rgba(0,0,0,.1)!important;
    --ck-color-button-default-background: transparent!important;
    --ck-color-button-default-hover-background: #4f5873!important;
    --ck-color-button-default-active-background: #4f5873!important;
    --ck-color-button-default-disabled-background: transparent!important;
    --ck-color-button-on-background: #f0f7ff!important;
    --ck-color-button-on-hover-background: #dbecff!important;
    --ck-color-button-on-active-background: #dbecff!important;
    --ck-color-button-on-disabled-background: #f0f2f4!important;
    --ck-color-button-on-color: #2977ff!important;
    --ck-color-button-action-background: var(--ck-color-base-action)!important;
    --ck-color-button-action-hover-background: #4d9d30!important;
    --ck-color-button-action-active-background: #4d9d30!important;
    --ck-color-button-action-disabled-background: #7ec365!important;
    --ck-color-button-action-text: var(--ck-color-base-background)!important;
    --ck-color-button-save: #008a00!important;
    --ck-color-button-cancel: #db3700!important;
    --ck-color-switch-button-off-background: #939393!important;
    --ck-color-switch-button-off-hover-background: #7d7d7d!important;
    --ck-color-switch-button-on-background: var(--ck-color-button-action-background)!important;
    --ck-color-switch-button-on-hover-background: #4d9d30!important;
    --ck-color-switch-button-inner-background: var(--ck-color-base-background)!important;
    --ck-color-switch-button-inner-shadow: rgba(0,0,0,.1)!important;
    --ck-color-dropdown-panel-background: var(--ck-color-base-background)!important;
    --ck-color-dropdown-panel-border: var(--ck-color-base-border)!important;
    --ck-color-input-background: var(--ck-color-base-background)!important;
    --ck-color-input-border: var(--ck-color-base-border)!important;
    --ck-color-input-error-border: var(--ck-color-base-error)!important;
    --ck-color-input-text: var(--ck-color-base-text)!important;
    --ck-color-input-disabled-background: #f2f2f2!important;
    --ck-color-input-disabled-border: var(--ck-color-base-border)!important;
    --ck-color-input-disabled-text: #757575!important;
    --ck-color-list-background: var(--ck-color-base-background)!important;
    --ck-color-list-button-hover-background: var(--ck-color-button-default-hover-background)!important;
    --ck-color-list-button-on-background: var(--ck-color-button-on-color)!important;
    --ck-color-list-button-on-background-focus: var(--ck-color-button-on-color)!important;
    --ck-color-list-button-on-text: var(--ck-color-base-background)!important;
    --ck-color-panel-background: var(--ck-color-base-background)!important;
    --ck-color-panel-border: var(--ck-color-base-border)!important;
    --ck-color-toolbar-background: var(--ck-color-base-background)!important;
    --ck-color-toolbar-border: var(--ck-color-base-border)!important;
    --ck-color-tooltip-background: var(--ck-color-base-text)!important;
    --ck-color-tooltip-text: var(--ck-color-base-background)!important;
    --ck-color-engine-placeholder-text: #707070!important;
    --ck-color-upload-bar-background: #6cb5f9!important;
    --ck-color-link-default: #0000f0!important;
    --ck-color-link-selected-background: rgba(31,176,255,.1)!important;
    --ck-color-link-fake-selection: rgba(31,176,255,.3)!important;
    --ck-color-highlight-background: #ff0!important;
    --ck-disabled-opacity: .5!important;
    --ck-focus-outer-shadow-geometry: 0 0 0 3px!important;
    --ck-focus-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-outer-shadow)!important;
    --ck-focus-disabled-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-disabled-shadow)!important;
    --ck-focus-error-outer-shadow: var(--ck-focus-outer-shadow-geometry) var(--ck-color-focus-error-shadow)!important;
    --ck-focus-ring: 1px solid var(--ck-color-focus-border)!important;
    --ck-font-size-base: 13px!important;
    --ck-line-height-base: 1.84615!important;
    /* --ck-font-face: Helvetica,Arial,Tahoma,Verdana,Sans-Serif!important; */
    --ck-font-face: Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "돋움", dotum, sans-serif!important; 
    --ck-font-size-tiny: 0.7em!important;
    --ck-font-size-small: 0.75em!important;
    --ck-font-size-normal: 1em!important;
    --ck-font-size-big: 1.4em!important;
    --ck-font-size-large: 1.8em!important;
    --ck-ui-component-min-height: 2.3em!important;
}
/*
[data-layout-mode="dark"] .ck-toolbar.ck-rounded-corners {
	border-color: #2A3042!important;
}
*/