@charset "UTF-8";

.keditor textarea,
.keditor input[type='text'] {
  box-sizing: border-box;
  outline: 0;
  resize: none;
  border: 0;
}

/* mce-toolbar */
.keditor .mce-tinymce {
  border: 0;
  box-shadow: none;
}

.keditor .mce-container-body {
  background-color: #fff;
}

.keditor .mce-toolbar.mce-last {
  border-top: 1px solid #e0e5ee;
}

.keditor .mce-toolbar-grp {
  background-color: #fff;
  border: 1px solid #e0e5ee;
  padding: 0;
}

.keditor .mce-toolbar-grp .mce-btn-group {
  padding: 0 0 0 7px;
  margin: 0;
  border-color: #e0e5ee;
}

.keditor .mce-toolbar-grp .mce-stack-layout-item.mce-first {
  display: block;
}
.keditor .mce-toolbar-grp .mce-stack-layout-item.mce-last .mce-btn-group.mce-last .mce-btn.mce-last,
.keditor .mce-toolbar-grp .mce-stack-layout-item.mce-first .mce-btn-group.mce-last .mce-btn.mce-last {
  position: absolute;
  right: 5px;
}

.keditor .mce-toolbar-grp .mce-stack-layout-item.mce-first .mce-btn-group.mce-last .mce-btn.mce-last .mce-ico {
  transition: transform 0.2s;
}

.keditor .mce-edit-area {
  border: 0;
}

.keditor .mce-edit-area .placeholder {
  position: absolute;
  top: 22px;
  left: 20px;
  color: rgb(136, 136, 136);
  overflow: hidden;
  white-space: pre-wrap;
  font-family: Verdana, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
  letter-spacing: 0;
}

/* mce-tooltip */
.mce-tooltip {
  opacity: 1 !important;
}

.mce-tooltip .mce-tooltip-arrow {
  border-top-color: #2f3a4a;
  border-bottom-color: #2f3a4a;
}

.mce-tooltip .mce-tooltip-inner {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: -0.5px;
  font-family: AppleSDGothicNeo, 'Noto Sans DemiLight', '돋움', dotum, sans-serif;
  color: #ffffff;
  background-color: #2f3a4a;
  padding: 7px 12px 6px 12px;
}

div#mce-modal-block.mce-in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}

/* mce-btn */
/* .keditor .mce-tinymce .mce-btn:hover,
.keditor .mce-btn:active {
  background: white;
  color: #595959;
  border-color:white;
} */
.keditor .mce-btn-group .mce-widget,
.mce-btn {
  margin: 0;
  border-width: 3px 0 3px 3px;
  border-color: #fff;
}

.mce-tinymce .mce-btn.mce-active {
  background: none;
}

.keditor .mce-btn.mce-active,
.keditor .mce-btn.mce-active:hover,
.keditor .mce-btn.mce-active:focus,
.keditor .mce-btn.mce-active:active {
  background-color: #ffffff;
}

.keditor .mce-btn.mce-active button,
.keditor .mce-btn.mce-active:hover button,
.keditor .mce-btn.mce-active i,
.keditor .mce-btn.mce-active:hover i {
  color: #f3f5f7;
}

.keditor .mce-btn.mce-listbox.mce-active button {
  color: #595959;
}

.mce-menu-item.mce-active.mce-menu-item-normal {
  background: #f3f5f7 !important;
}

.mce-menu-item.mce-active.mce-menu-item-normal .mce-text {
  color: #333 !important;
}

.mce-tinymce .mce-btn button {
  padding: 6px;
  line-height: inherit;
}

.mce-tinymce .mce-btn button:hover {
  background: #f3f5f7;
}

.mce-tinymce .mce-opened button {
  background: #f3f5f7;
}

.mce-tinymce .mce-btn .mce-open {
  height: 20px;
  margin-top: 8px;
  padding: 8px 5px;
  width: 20px;
  border-radius: 0;
}

.mce-btn.mce-opened:hover button,
.mce-btn.mce-opened button,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active button {
  background-color: #333;
}

.mce-tinymce .mce-btn .mce-open .mce-caret {
  margin-top: 0;
}

.mce-tinymce .mce-ico,
.mce-menu-item .mce-ico {
  background: url('../image/toolbar-icon.svg') no-repeat;
  background-size: 400px 180px;
  width: 17px;
  height: 17px;
}

.mce-tinymce .mce-btn:hover .mce-ico {
  /* background-position-y: -20px; */
}

.mce-tinymce .mce-toolbar.mce-first .mce-btn-group.mce-first {
  padding-right: 10px;
}

.mce-tinymce .mce-menubtn.mce-fixed-width span {
  width: 126px;
}

.mce-tinymce .mce-btn .mce-txt {
  line-height: 20px;
  font-family: Verdana, 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif;
}

.mce-tinymce .mce-ico::before {
  content: '';
}

.mce-tinymce .mce-i-bold {
  background-position: 0 -20px;
}

.mce-tinymce .mce-active .mce-i-bold {
  background-position: 0 -40px;
}

.mce-tinymce .mce-i-italic {
  background-position: -20px -20px;
}

.mce-tinymce .mce-active .mce-i-italic {
  background-position: -20px -40px;
}

.mce-tinymce .mce-i-underline {
  background-position: -40px -20px;
}

.mce-tinymce .mce-active .mce-i-underline {
  background-position: -40px -40px;
}

.mce-tinymce .mce-i-strikethrough {
  background-position: -60px -20px;
}

.mce-tinymce .mce-active .mce-i-strikethrough {
  background-position: -60px -40px;
}

.mce-tinymce .mce-i-forecolor {
  background-position: -80px -20px;
}

.mce-tinymce .mce-opened .mce-i-forecolor {
  background-position: -80px -40px;
}

.mce-tinymce .mce-forecolor.mce-opened .mce-preview {
  box-shadow: 0 0 0 1px inset #ffffffcc;
}

.mce-tinymce .mce-i-hilitecolor {
  background-position: -80px -20px;
  border-radius: 1px;
}

.mce-tinymce .mce-i-hilitecolor.white-text {
  border-radius: 1px;
  background-position: -80px -40px;
}

.mce-tinymce .mce-i-code {
  background-position: -180px 0;
}

.mce-tinymce .mce-i-alignleft {
  background-position: -100px -20px;
}

.mce-tinymce .mce-active .mce-i-alignleft {
  background-position: -100px -40px;
}

.mce-tinymce .mce-i-aligncenter {
  background-position: -120px -20px;
}

.mce-tinymce .mce-active .mce-i-aligncenter {
  background-position: -120px -40px;
}

.mce-tinymce .mce-i-alignright {
  background-position: -140px -20px;
}

.mce-tinymce .mce-active .mce-i-alignright {
  background-position: -140px -40px;
}

.mce-tinymce .mce-i-alignjustify {
  background-position: -160px -20px;
}

.mce-tinymce .mce-active .mce-i-alignjustify {
  background-position: -160px -40px;
}

.mce-menu-item .mce-i-list-remove {
  background-position: -380px -20px;
}

.mce-menu-item .mce-i-list-disc {
  background-position: -180px -20px;
}

.mce-menu-item .mce-i-list-circle {
  background-position: -200px -20px;
}

.mce-menu-item .mce-i-list-decimal {
  background-position: -220px -20px;
}

.mce-menu-item .mce-i-blockquote-style1 {
  background-position: 0px -140px;
}

.mce-menu-item .mce-i-blockquote-style2 {
  background-position: -20px -140px;
}

.mce-menu-item .mce-i-blockquote-style3 {
  background-position: -40px -140px;
}

.mce-tinymce .mce-i-blockquote {
  background-position: 0 -140px;
}

.mce-tinymce .mce-active .mce-i-blockquote {
  background-position: -60px -140px;
}

.mce-tinymce .mce-i-codesample {
  background-position: -180px 0;
}

.mce-tinymce .mce-i-image {
  background-position: 0 0;
}

.mce-tinymce .mce-i-imageGrid {
  background-position: -20px 0;
}

.mce-tinymce .mce-i-file {
  background-position: -40px 0;
}

.mce-tinymce .mce-i-video {
  background-position: -60px 0;
}

.mce-tinymce .mce-i-imageSlide {
  background-position: -80px 0;
}

.mce-tinymce .mce-i-maps {
  background-position: -100px 0;
}

.mce-tinymce .mce-i-media {
  background-position: -180px 0;
}

.mce-tinymce .mce-i-link {
  background-position: -260px -20px;
}

.mce-tinymce .mce-active .mce-i-link,
.mce-tinymce .mce-opened .mce-i-link {
  background-position: -260px -40px;
}

.mce-tinymce .mce-i-menu {
  background-position: -220px 0;
}

.mce-btn.mce-forecolor.mce-colorbutton .mce-open {
  display: none;
}

.mce-tinymce .mce-i-removeformat {
  background-position: -280px 0;
}

.mce-tinymce .mce-i-table {
  background-position: -240px -20px;
}

.mce-tinymce .mce-opened .mce-i-table {
  background-position: -240px -40px;
}

.mce-tinymce .mce-i-tablepreset {
  background-position: 0 -100px;
}

.mce-tinymce .mce-opened .mce-i-tablepreset,
.mce-tinymce .mce-active .mce-i-tablepreset {
  background-position: 0 -120px;
}

.mce-tinymce .mce-i-tablemergecells {
  background-position: -20px -100px;
}

.mce-tinymce .mce-i-tablesplitcells {
  background-position: -40px -100px;
}

.mce-tinymce .mce-i-tableinsertrowbefore {
  background-position: -60px -100px;
}

.mce-tinymce .mce-i-tableinsertrowafter {
  background-position: -80px -100px;
}

.mce-tinymce .mce-i-tabledeleterow {
  background-position: -100px -100px;
}

.mce-tinymce .mce-i-tableinsertcolbefore {
  background-position: -120px -100px;
}

.mce-tinymce .mce-i-tableinsertcolafter {
  background-position: -140px -100px;
}

.mce-tinymce .mce-i-tabledeletecol {
  background-position: -160px -100px;
}

.mce-tinymce .mce-i-tabledelete {
  background-position: -180px -100px;
}

.mce-tinymce .mce-i-hr {
  background-position: -340px 0;
}

.mce-tinymce .mce-i-indent {
  background-position: -540px 0;
}

.mce-tinymce .mce-i-outdent {
  background-position: -560px 0;
}

.mce-tinymce .mce-i-charmap {
  background-position: -160px 0;
}

.mce-tinymce .mce-i-kList {
  background-position: -180px -20px;
}

.mce-tinymce .mce-active .mce-i-kList {
  background-position: -180px -40px;
}

.mce-tinymce .mce-i-hrList {
  background-position: -280px -20px;
}

.mce-tinymce .mce-active .mce-i-hrList {
  background-position: -280px -40px;
}

.mce-tinymce .mce-i-moreLess {
  background-position: -140px 0;
}

.mce-tinymce .mce-i-imageedit {
  background-position: 0 -60px;
}

.mce-tinymce .mce-i-resizeimage {
  background-position: -20px -60px;
}

.mce-tinymce .mce-opened .mce-i-resizeimage {
  background-position: -20px -80px;
}

.mce-tinymce .mce-i-imagealignleft {
  background-position: -40px -60px;
}

.mce-tinymce .mce-active .mce-i-imagealignleft {
  background-position: -40px -80px;
}

.mce-tinymce .mce-i-imagealigncenter {
  background-position: -60px -60px;
}

.mce-tinymce .mce-active .mce-i-imagealigncenter {
  background-position: -60px -80px;
}

.mce-tinymce .mce-i-imagealignright {
  background-position: -80px -60px;
}

.mce-tinymce .mce-active .mce-i-imagealignright {
  background-position: -80px -80px;
}

.mce-tinymce .mce-i-imagefloatleft {
  background-position: -100px -60px;
}

.mce-tinymce .mce-active .mce-i-imagefloatleft {
  background-position: -100px -80px;
}

.mce-tinymce .mce-i-imagefloatright {
  background-position: -120px -60px;
}

.mce-tinymce .mce-active .mce-i-imagefloatright {
  background-position: -120px -80px;
}

.mce-tinymce .mce-i-imageslideedit {
  background-position: -140px -60px;
}

.mce-tinymce .mce-i-imagewidthcontent {
  background-position: -160px -60px;
}


.mce-tinymce .mce-active .mce-i-imagewidthcontent {
  background-position: -160px -80px;
}

.mce-tinymce .mce-i-imagewidthreset {
  background-position: -180px -60px;
}

.mce-tinymce .mce-i-alt {
  background-position: -200px -60px;
}

.mce-tinymce .mce-active .mce-i-alt, 
.mce-tinymce .mce-opened .mce-i-alt {
  background-position: -200px -80px;
}

.mce-tinymce .mce-opened .mce-i-emoticon {
  background-position: -360px -40px;
}

.mce-tinymce .mce-i-emoticon {
  background-position: -360px -20px;
}

.mce-tinymce .mce-opened .mce-i-shortcut {
  background-position: -380px -0px;
}

.mce-tinymce .mce-i-shortcut {
  background-position: -380px -0px;
}

.tip-editor .mce-tinymce .mce-ico {
  background: url('../image/editor-tip-icons%402x.png') no-repeat;
  background-size: 177px 40px;
}

.tip-editor .mce-tinymce .mce-i-bold {
  background-position: 0 0;
}

.tip-editor .mce-tinymce .mce-i-underline {
  background-position: -22px 0;
}

.tip-editor .mce-tinymce .mce-i-strikethrough {
  background-position: -44px 0;
}

.tip-editor .mce-tinymce .mce-i-forecolor {
  background-position: -66px 0;
}

.tip-editor .mce-tinymce .mce-i-link {
  background-position: -88px 0;
}

.tip-editor .mce-tinymce .mce-i-image {
  background-position: -112px 0;
}

.tip-editor .mce-tinymce .mce-i-video {
  background-position: -134px 0;
}

.tip-editor .mce-tinymce .mce-i-maps {
  background-position: -156px 0;
}

.tip-editor .mce-tinymce .mce-btn button:hover .mce-ico {
  background-position-y: -20px;
}

.tip-editor .mce-tinymce .mce-btn button:hover {
  background-color: #fff;
}

.tip-editor .mce-tinymce .mce-btn.mce-active button:hover {
  background-color: #f3f5f7;
}

.tip-editor .mce-tinymce .mce-btn.mce-active button:hover .mce-ico,
.tip-editor .mce-tinymce .mce-btn.mce-active:hover .mce-ico {
  background-position-y: 0;
}

.mce-caret {
  border-radius: 0.1em;
}

.mce-floatpanel.mce-popover .mce-arrow {
  display: none;
}

.mce-panel.mce-floatpanel.mce-popover.mce-bottom {
  border-color: #e3e3e3;
  box-shadow: none;
  margin: 0;
}

/* margin-left의 값은 원래 51px */

/* mce-floatpanel */
.mce-tinymce.mce-arrow.mce-arrow-down:before {
  border-top-color: #c5cdd6;
}

.mce-tinymce.mce-arrow.mce-arrow-down:after {
  border-top-color: #fff;
}

.mce-tinymce.mce-arrow.mce-arrow-up:before {
  border-bottom-color: #c5cdd6;
}

.mce-tinymce.mce-arrow.mce-arrow-up:after {
  border-bottom-color: #fff;
}

body .mce-panel {
  background-color: #fff;
}

.mce-floatpanel {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
}

.mce-tinymce.mce-floatpanel .mce-toolbar.mce-first .mce-btn-group.mce-first,
.mce-floatpanel .mce-flow-layout-item,
.mce-floatpanel .mce-btn-group:not(:first-child) {
  padding: 3px;
  margin: 0;
  border-color: #e0e5ee;
}

.mce-floatpanel .mce-btn-group .mce-btn {
  margin: 0;
  border: 0;
}

.mce-floatpanel .mce-grid-border {
  margin: 4px 15px 0;
}

.mce-floatpanel .mce-grid-border a {
  width: 12px;
  height: 12px;
  border-color: #e0e5ee;
}

.mce-floatpanel .mce-grid-border a:hover,
.mce-floatpanel .mce-grid-border a.mce-active {
  border-color: #ec5621;
  background-color: #ec5621;
}

.mce-floatpanel .mce-grid td.mce-grid-cell div {
  border-color: rgba(0, 0, 0, 0.06);
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
}

.mce-custom-color-btn .mce-btn-small button {
  padding: 4px 0;
  font-family: 'Noto Sans DemiLight', AppleSDGothicNeo, '돋움', dotum, sans-serif;
}

.mce-custom-color-btn .mce-btn-flat:hover {
  background-color: #f3f5f7;
}

body .mce-floatpanel {
  border-radius: 1px;
  border-color: #e3e3e3;
}

/* mce-menu */
body .mce-menu {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.12);
  border: 1px solid #c5cdd7;
  margin-left: -1px;
  padding: 11px 0 11px 0;
}

body .mce-menu,
body .mce-menu * {
  font-size: inherit;
  line-height: inherit;
}

.mce-menu .mce-menu-item.mce-menu-item-sep:hover {
  background: transparent;
}

.mce-menu .mce-menu-item-normal.mce-active,
.mce-menu .mce-menu-item:hover,
.mce-menu .mce-menu-item.mce-selected,
.mce-menu .mce-menu-item:focus {
  background: #f3f5f7;
  color: #333;
}

.mce-menu .mce-menu-item:hover .mce-text,
.mce-menu .mce-menu-item.mce-selected .mce-text,
.mce-menu .mce-menu-item:focus .mce-text {
  color: #333;
}

.mce-menu .mce-menu-item:hover .mce-ico,
.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-menu .mce-menu-item:focus .mce-ico {
  color: #333;
}

.mce-menu .mce-menu-item span {
  font-size: inherit;
  line-height: inherit;
}

.mce-menu .mce-hr.mce-menu-item span {
  display: none;
}

.mce-menu .mce-menu-item {
  padding: 4px 15px 4px 11px;
  font-family: 'Noto Sans DemiLight', AppleSDGothicNeo, '돋움', dotum, sans-serif;
}

/* .mce-menu .mce-menu-item .mce-ico { display:none } */
.mce-menu .mce-menu-item.mce-selected .mce-caret,
.mce-menu .mce-menu-item:focus .mce-caret,
.mce-menu .mce-menu-item:hover .mce-caret {
  border-left-color: #333;
}

.mce-menu .mce-menu-item.mce-disabled:hover {
  background-color: #fff;
  color: #adadad;
  cursor: not-allowed;
}

.mce-menu .mce-menu-item.mce-disabled:hover .mce-text {
  color: #adadad;
}

/* mce-window */
div#mce-modal-block {
  background-color: #000;
}

div#mce-modal-block.mce-in {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

div.mce-window {
  transform: initial;
}

div.mce-window.mce-in {
  transform: initial;
}

.mce-window .mce-window-head {
  padding: 24px 30px 21px;
  border-bottom: 1px solid #e0e5ee;
}

.mce-white-dialog.mce-window .mce-window-head {
  border: 0 none;
}

.mce-window .mce-window-head .mce-title {
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  font-family: 'Noto Sans Regular', AppleSDGothicNeo, '돋움', dotum, sans-serif;
}

.mce-window .mce-window-head .mce-close {
  position: fixed;
  right: 10px;
  top: 10px;
}

.mce-window .mce-container-body.mce-abs-layout {
  overflow: inherit;
}

.mce-window .mce-ico,
.mce-window-head .mce-ico {
  background: url('../image/editor-plugins-icons%402x.png') no-repeat 0 0;
  background-size: 52px 52px;
}

.mce-window .mce-ico:before,
.mce-window-head .mce-ico:before {
  content: '';
}

.mce-window .mce-i-remove,
.mce-window-head .mce-i-remove {
  background-position: 0 -13px;
  width: 20px;
  height: 20px;
}

.mce-window .mce-plus {
  background-position: -26px 0;
  width: 13px;
  height: 13px;
}

.mce-window .mce-photos-btn-add {
  background-position: -13px 0;
  width: 13px;
  height: 13px;
}

body .mce-window {
  border-color: #465467;
  border-radius: 1px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.tinymce-mobile-toolbar-group-item.klink-container-mobile {
  width: 100%;
  padding: 0px 10px;
}

.tinymce-mobile-toolbar-group-item.klink-container-mobile * {
  margin: 0px 5px;
}

.tinymce-mobile-toolbar-group-item.klink-container-mobile input {
  height: 25px;
}

/* 임시 모바일 아이콘 */
.tinymce-mobile-icon-KImageMobile:before {
  content: '\e412';
}

.tinymce-mobile-icon-VideoMobile:before {
  content: '\e061';
}

/* 맞춤법검사 아이콘 추가. */
.mce-tinymce .mce-i-undo {
  background-position: -260px 0;
  width: 20px;
}

.mce-tinymce .mce-i-redo {
  background-position: -280px 0;
  width: 20px;
}

.mce-tinymce .mce-i-grammarCheck {
  background-position: -320px -0px;
}

.mce-tinymce .mce-i-poll {
  background-position: -298px 0;
  width: 20px;
}

.mce-tinymce .mce-i-contentSearch{
  background-position: -220px -60px;
}
/* text 붙은 버튼 */

.mce-tinymce .mce-i-image-text {
  background-position: 0 -160px !important;
  width: 45px;
}

.mce-tinymce .mce-i-video-text {
  background-position: -60px -160px !important;
  width: 60px;
}

.mce-tinymce .mce-i-file-text {
  background-position: -120px -160px !important;
  width: 45px;
}

.mce-tinymce .mce-i-maps-text {
  background-position: -180px -160px !important;
  width: 45px;
}

.mce-tinymce .mce-i-poll-text {
  background-position: -240px -160px !important;
  width: 45px;
}

.mce-tinymce .mce-i-codesample-text {
  background-position: -300px -160px !important;
  width: 60px;
}

.mce-tinymce .mce-i-contentSearch-text{
  background-position: -120px -140px !important;
  width: 45px;
}

/* 코드 미러 IE11 */
_:-ms-fullscreen,
:root .CodeMirror .CodeMirror-gutters {
  left: 0 !important;
}

_:-ms-fullscreen,
:root .CodeMirror .CodeMirror-gutter-wrapper {
  left: -25px !important;
}

.mce-codeblock-dialog-container .mce-codeblock-content {
  line-height: 1.5;
}