@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 { display:none; }
.keditor .mce-toolbar-grp .mce-stack-layout-item.mce-first { display:block; }
.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-last .mce-btn-group.mce-last .mce-btn.mce-last { position: relative; right:0;  }
.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; }

/* 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; }

.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-active button {
  background: #f3f5f7;
}

.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-colorbutton.mce-active .mce-open { border-color: #ccc; }

.mce-tinymce .mce-btn button { padding:8px; 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-tinymce .mce-btn .mce-open .mce-caret { margin-top:0 }

.mce-tinymce .mce-ico { background:url('../image/editor-icons%402x.png') no-repeat; background-size:600px 40px; width:20px; height:20px }
.mce-tinymce .mce-btn:hover .mce-ico { background-position-y:-20px }

.mce-tinymce .mce-toolbar.mce-first .mce-btn-group.mce-first { padding-left: 20px; padding-right: 10px; }
.mce-tinymce .mce-menubtn.mce-fixed-width button { padding-left:19px; }
.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 0 }
.mce-tinymce .mce-i-italic { background-position:-20px 0 }
.mce-tinymce .mce-i-code { background-position:-40px 0 }
.mce-tinymce .mce-i-alignleft { background-position:-60px 0 }
.mce-tinymce .mce-i-aligncenter { background-position:-80px 0 }
.mce-tinymce .mce-i-alignright { background-position:-100px 0 }
.mce-tinymce .mce-i-blockquote { background-position:-120px 0 }
.mce-tinymce .mce-i-codesample { background-position:-140px 0 }
.mce-tinymce .mce-i-image { background-position:-160px 0 }
.mce-tinymce .mce-i-media { background-position:-180px 0 }
.mce-tinymce .mce-i-video { background-position:-180px 0 }
.mce-tinymce .mce-i-link { background-position:-200px 0 }
.mce-tinymce .mce-i-menu { background-position:-220px 0 }
.mce-tinymce .mce-i-forecolor { background-position:-240px 0 }
.mce-tinymce .mce-i-underline { background-position:-260px 0 }
.mce-tinymce .mce-i-removeformat { background-position:-280px 0 }
.mce-tinymce .mce-i-table { background-position:-300px 0 }
.mce-tinymce .mce-i-maps { background-position:-320px 0 }
.mce-tinymce .mce-i-hr { background-position:-340px 0 }
.mce-tinymce .mce-i-tabledelete { background-position:-400px 0 }
.mce-tinymce .mce-i-tableinsertrowbefore { background-position:-420px 0 }
.mce-tinymce .mce-i-tableinsertrowafter { background-position:-440px 0 }
.mce-tinymce .mce-i-tabledeleterow { background-position:-460px 0 }
.mce-tinymce .mce-i-tableinsertcolbefore { background-position:-480px 0 }
.mce-tinymce .mce-i-tableinsertcolafter { background-position:-500px 0 }
.mce-tinymce .mce-i-tabledeletecol { background-position:-520px 0 }
.mce-tinymce .mce-i-indent { background-position:-540px 0 }
.mce-tinymce .mce-i-outdent { background-position:-560px 0 }
.mce-tinymce .mce-i-strikethrough { background-position:-580px 0 }

.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-tinymce .mce-i-imageedit { background:url('../image/editor-ico-image-edit.png') no-repeat; background-size:23px 18px; background-position:0 0; width:20px; height:20px;}
.mce-tinymce .mce-btn:hover .mce-i-imageedit { background-position-y:0 }

.mce-caret { border-radius:0.1em }
.mce-tinymce .mce-colorbutton .mce-preview { width: 5px; height: 5px; left: 22px; top: 17px; margin: 0; padding: 0; }
.mce-floatpanel .mce-arrow { display:none !important; }
.mce-floatpanel.mce-popover.mce-bottom { margin-top: 0px !important; margin-left: -16px !important; border-color:#e3e3e3; box-shadow: none !important; } /* 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-colorbutton-grid { margin:15px }
.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-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-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) }

/* codeblock */

/* mce-link-dialog */
.mce-link-dialog-container { position:fixed; top:0; bottom:0; left:0; right:0; z-index:65536; }
.mce-link-dialog-container .modal { background-color:#000; z-index:65535; opacity:0.75;position:fixed; top:0; bottom:0; left:0; right:0 }
.mce-link-dialog-container .box { z-index:65536; position:absolute; top:50%; left:50%; margin:-202px 0 0 -180px; border:1px solid #465468; background-color:#fff; width:358px; height:403px }
.mce-link-dialog-container .box .btn-close { position:absolute; right:0; top:-22px; width:12px; height:12px; line-height:12px; }
.mce-link-dialog-container .box .ico-close { display:inline-block; width:12px; height:12px; background: url('../image/editor-plugins-icons%402x.png') no-repeat -40px -13px; background-size:52px 52px }
.mce-link-dialog-container .box .body { padding:25px 29px }
.mce-link-dialog-container .box .body .title { font-size:18px; font-weight:normal; margin-bottom:15px }
.mce-link-dialog-container .box .body .form-field { display:block; margin-bottom:16px }
.mce-link-dialog-container .box .body .form-label { display:block; font-weight: normal; font-size:14px; margin-bottom:6px }
.mce-link-dialog-container .box .body .form-text { border:1px solid #C5CDD7; display:block; outline: none; box-sizing:border-box; width:100%; height:32px; padding:5px 10px }
.mce-link-dialog-container .box .body .form-text:hover { border-color:#A5ADBA }
.mce-link-dialog-container .box .body .form-text:focus,
.mce-link-dialog-container .box .body .form-text:active { border-color:#828C9B }
.mce-link-dialog-container .box .body .ico_checkbox { margin:0 8px 0 0 }
.mce-link-dialog-container .box .body .form-field:last-child { margin-top:20px }
.mce-link-dialog-container .box .body .form-field .checkbox-text { display:inline-block }
.mce-link-dialog-container .box .footer { position:absolute; bottom:0; left:0; right:0; height:56px; border-top:1px solid #F1F3F6; background-color:#FAFBFC; display: flex; align-items: center; justify-content: center; }
.mce-link-dialog-container .box .footer .btn_default { border-radius:1px }

.keditor-dialog .body { padding: 25px 29px; }
.keditor-dialog .keditor-form .form-field { display:block; margin: 25px 0; }
.keditor-dialog .keditor-form .form-field .form-label { display:block; }
.keditor-dialog .keditor-form .form-field .form-text { border:1px solid #C5CDD7; display:block; outline: none; box-sizing:border-box; width:100%; height:32px; padding:5px 10px; }
.keditor-dialog .footer { position:absolute; bottom:0; left:0; right:0; height:56px; border-top:1px solid #F1F3F6; background-color:#FAFBFC; display: flex; align-items: center; justify-content: center; }
.keditor-dialog .btn { display: inline-block; width: 76px;height: 30px;line-height: 30px;border-radius: 1px;border: 1px solid #C5CDD7;background: #fff;text-align: center;box-shadow: 0 1px 1px rgba(0,0,0,0.08);box-sizing: content-box; margin-right:4px; }
.keditor-dialog .footer .btn:last-child { margin-right:0 }
.keditor-dialog .footer .btn-default { border: 1px solid #D34D1D;background: #EC5621; color:#fff; box-shadow: 0 1px 2px rgba(0,0,0,0.12);}
.keditor-dialog .footer .btn:disabled { background: #fff; border-color: #E0E5EE;color: #959595;box-shadow: none;cursor: not-allowed; }

/* google-photos */
.keditor-dialog .view { position:absolute; top:0; bottom:0; left:0; right:0; background-color:#fff }
.keditor-dialog .layer-view {
  z-index:65000;
  display:flex; justify-content: center;align-items: center;
}
.keditor-dialog .main-view { z-index:1; }
.keditor-dialog .main-view .body {
  position:absolute;
  top:0; bottom:0;
  left:0; right:0;
  overflow:auto;
  white-space: normal;
  padding-left:70px;
}
.keditor-dialog .main-view .footer { display:none; }
.keditor-dialog .main-view .photos-image-wrap {
  width:200px; height:200px; display:inline-block; box-shadow:0 0 1px #eee;
  margin: 10px;
  transition: box-shadow ease-in-out 0.2s;
}
.keditor-dialog .main-view .photos-image-wrap:hover {
  box-shadow:0 0 3px #333;
}
.keditor-dialog .main-view .photos-image { max-width:200px; max-height:200px; }
.keditor-dialog .auth-view .btn-auth {
  width: 100px;
}
.keditor-dialog .loading-view {
  z-index:65001; background-color:rgba(255,255,255,0.8);
}

/* colorPalette */
.mce-container .colorPalette-div {
  display: flex;
  justify-content: center;
  padding: 5px;
}

.colorPalette-div .colorPalette-preset-table {
  border-spacing: 12px;
  border-collapse: separate;
}

.colorPalette-div .colorPalette-preset-table .colorPalette-preset-tr .colorPalette-preset-td {
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background: #FFF;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

.colorPalette-div .colorPalette-preset-table .colorPalette-preset-tr .colorPalette-preset-td .colorPalette-preset-check {
  position: relative;
  display: inline-block;
  width: 11px;
  height: 5px;
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #FFF;
  transform: rotate(-45deg);
  top: 3px;
  cursor: pointer;
  visibility: hidden;
}

.colorPalette-div .colorPalette-preset-table .colorPalette-preset-tr .colorPalette-preset-td:hover .colorPalette-preset-check {
  visibility: visible;
}

.colorPalette-div .colorPalette-preset-table .colorPalette-preset-tr .colorPalette-selected .colorPalette-preset-check {
  visibility: visible;
}

.mce-container .colorPalette-div-palette {
  margin: 0px 5px 13px 5px;
}

.colorPalette-div-palette .colorPalette-palette-table {
  border-spacing: 1px;
  border-collapse: separate;
}

.colorPalette-div-palette .colorPalette-palette-table .colorPalette-palette-tr .colorPalette-palette-td {
  background: #002e63;
  width: 15px;
  height: 15px;
  cursor: pointer;
}

.mce-container .colorPalette-div-code {
  margin-top: 10px;
  height: 30px;
  width: 100%;
}

.colorPalette-div-code .colorPalette-code-display {
  height: 100%;
  width: 70px;
  background: #002e63;
}


.colorPalette-div-code .colorPalette-code-input {
  height: 100%;
  width: 80px;
  border: 1px solid #181818;
  box-sizing: border-box;
  margin-left: 3px;
  margin-right: 3px;
  font-size: 12px;
}

.colorPalette-div-code .colorPalette-code-submit {
  height: 100%;
  width: 35px;
  border: 1px solid #181818;
  box-sizing: border-box;
  text-align: center;
}

.mce-tooltip.mce-tooltip-n { margin-left: 2px; }
.mce-container .keditor-link-panel { padding: 5px 19px 0px 19px; }
.keditor-link-panel .body .form-field:last-child { margin-top: 20px; }

.keditor-link-panel .keditor-form .form-field { display:block; flex-grow: 1; }
.keditor-link-panel .keditor-form .form-field .form-label { display:block; }
.keditor-link-panel .keditor-form .form-field .form-text { font-family: AppleSDGothicNeo; font-size: 14px; letter-spacing: -0.6px; border-bottom: 1px solid #E3E3E3; color: #333333; display:block; outline: none; box-sizing:border-box; width:100%; height: 27px; padding-bottom: 9px; }
.keditor-link-panel .keditor-form .form-field .form-text::placeholder { color: #BDBDBD; opacity: 1; }
.keditor-link-panel .keditor-form .form-field .form-text:-ms-input-placeholder { color: #E3E3E3; }
.keditor-link-panel .keditor-form .form-field .form-text::-ms-input-placeholder { color: #E3E3E3; }
.keditor-link-panel .footer { margin-top: 14px; margin-bottom: 16px; display: flex; align-items: center; justify-content: center; }
.keditor-link-panel .btn { display: inline-block; width: 48px; height: 28px;line-height: 30px;border-radius: 1px;border: 1px solid #E3E3E3;background: #fff;text-align: center; box-sizing: content-box; }
.keditor-link-panel .footer .form-field { height: 100%; display: flex; align-items: center; }
.keditor-link-panel .footer .checkbox-text { height: 13px; margin-left: 5px; font-size: 12px; font-family: AppleSDGothicNeo; letter-spacing: -0.5px; color: #BDBDBD;}
.keditor-link-panel .footer .form-checkbox { width: 13px; height: 13px; position: relative; top: 1.5px; }
.keditor-link-panel .footer .form-checkbox:checked + .checkbox-text { color: #333333; }
.keditor-link-panel .footer button { border-width: 1px; border-style: solid; font-size: 14px; letter-spacing: -0.5px; font-family: AppleSDGothicNeo; }
.keditor-link-panel .footer .btn-default { border-color: #00B1FA; color: #00B1FA; }
.keditor-link-panel .footer .btn-default:disabled { border-color: #e3e3e3; color: #bdbdbd; }
.keditor-link-panel .footer .btn-unlink { border-color: #e3e3e3; color: #4a4a4a; margin-right: 5px; }
.keditor-link-panel .footer .btn-unlink:disabled { display: none; }

/* transparent window */
.mce-white-dialog + div#mce-modal-block { background-color:#FFF;}
div#mce-modal-block.mce-in { opacity: 0.9; filter: alpha(opacity=90); }
.mce-window .mce-window-head { display: none; }
body .mce-white-dialog { background-color: rgba(255, 255, 255, 0); opacity: 0.75; border: none; box-shadow: none; font-family: AppleSDGothicNeo; color: #333; }
.mce-white-dialog .mce-foot { display: none; }
.mce-white-dialog .mce-white-body { display: flex; width: 798px !important; height: 50px; flex-direction: column; justify-content: center; }
.mce-white-dialog .mce-container-body .mce-white-message { font-size: 20px; letter-spacing: -0.6px; text-align: center; }
.mce-white-dialog .mce-white-progress-border { margin-top: 20px; margin-bottom: 20px; width: 798px; height: 5px; }
.mce-white-progress-border .mce-white-progress-percentage { width: 0px; height: 100%; background-color: #333; }
.mce-white-dialog .mce-white-percentage-number { font-size: 16px; letter-spacing: -0.5px; text-align: center; };

#ie_pastebin { display: none; width: 0px; height: 0px; overflow: hidden; }