/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }

@-moz-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@-webkit-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white; }

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent; }

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */ }

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual; }

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */ }

.CodeMirror-rtl pre {
  direction: rtl; }

.CodeMirror-code {
  outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4); }

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

@charset "UTF-8";
/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button {
  margin: 0;
  padding: 0;
  outline: none; }

fieldset, img {
  border: 0 none; }

dl, ul, ol, menu, li {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

input, select, textarea, button {
  vertical-align: middle; }

input::-ms-clear {
  display: none; }

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
  outline: none; }

body {
  background: #fff; }

body, th, td, input, select, textarea, button {
  font-size: 13px;
  line-height: 1.5;
  font-family: 'Noto Sans DemiLight',AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
  -webkit-font-smoothing: antialiased; }

/* color값은 디자인가이드에 맞게사용 */
a {
  color: #333;
  text-decoration: none; }

a:active, a:hover {
  text-decoration: underline; }

a:active {
  background-color: transparent; }

address, caption, cite, code, dfn, em, var {
  font-style: normal;
  font-weight: normal; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

/* global */
#kakaoIndex {
  overflow: hidden;
  position: absolute;
  left: -9999px;
  width: 0;
  height: 1px;
  margin: 0;
  padding: 0; }

.ir_pm {
  display: block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px; }

/* PC용 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: -1;
  width: 100%;
  height: 100%; }

/* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.ir_caption {
  overflow: hidden;
  width: 1px;
  font-size: 1px;
  line-height: 0;
  text-indent: -9999px; }

/* Table caption에 숨김텍스트를 제공할때 */
.screen_out {
  overflow: hidden;
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  text-indent: -9999px; }

/* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.show {
  display: block; }

.hide {
  display: none; }

/* common Image */
.img_common_tistory {
  display: block;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-image: url(//t1.daumcdn.net/tistory_admin/static/top/pc/img_common_tistory.png);
  background-size: 120px 100px; }

@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 400;
  src: url(https://t1.daumcdn.net/tistory_admin/static/font/AvenirNextLTPro/AvenirNextLTPro-Regular.eot);
  src: local("☺"), url(https://t1.daumcdn.net/tistory_admin/static/font/AvenirNextLTPro/AvenirNext-Regular.woff2) format("woff2"), url(https://t1.daumcdn.net/tistory_admin/static/font/AvenirNextLTPro/AvenirNext-Regular.woff) format("woff"); }

@font-face {
  font-family: 'Avenir Next';
  font-style: normal;
  font-weight: 700;
  src: url(https://t1.daumcdn.net/tistory_admin/static/font/AvenirNextLTPro/AvenirNextLTPro-Bold.eot);
  src: local("☺"), url(https://t1.daumcdn.net/tistory_admin/static/font/AvenirNextLTPro/AvenirNextLTPro-Bold.woff2) format("woff2"), url(https://t1.daumcdn.net/tistory_admin/static/font/AvenirNextLTPro/AvenirNextLTPro-Bold.woff) format("woff"); }

@font-face {
  font-family: 'Noto Sans Light';
  font-weight: normal;
  src: local(☺), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Light.woff) format("woff"); }

@font-face {
  font-family: 'Noto Sans DemiLight';
  font-weight: normal;
  src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-DemiLight.woff) format("woff"); }

@font-face {
  font-family: 'Noto Sans Regular';
  font-weight: normal;
  src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Regular.woff) format("woff"); }

@font-face {
  font-family: 'Noto Sans Medium';
  font-weight: normal;
  src: local("☺"), url(//t1.daumcdn.net/tistory_admin/static/manage/font/NotoSansCJKkr-Medium.woff) format("woff"); }

body {
  overflow: hidden; }

.post-editor {
  width: 100%;
  height: 100%;
  overflow: auto; }

#kakaoWrap {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 944px; }

#kakaoHead.gnb_mv {
  position: absolute;
  top: 0;
  z-index: 1;
  min-width: 944px; }
  #kakaoHead.gnb_mv h1 {
    position: absolute;
    top: 0; }
  #kakaoHead.gnb_mv .gnb_tistory {
    margin: 0 auto; }

@media screen and (max-width: 1200px) {
  #kakaoHead .tit_nickname {
    display: none; } }

@media screen and (max-width: 1060px) {
  #kakaoHead .tistory_logo {
    display: none; }
  #kakaoHead .info_tistory {
    display: none; } }

.content-editor {
  overflow-y: scroll;
  position: absolute;
  top: 72px;
  bottom: 66px;
  left: 0;
  right: 0; }
  .content-editor.no-footer {
    bottom: 0; }

.wrap-simple-list {
  overflow: auto; }
  .wrap-simple-list .simple-list {
    padding: 14px 0 24px;
    box-sizing: border-box; }
    .wrap-simple-list .simple-list .info_editor {
      padding: 14px 0 0; }
      .wrap-simple-list .simple-list .info_editor dd .link_info {
        margin-right: 2px; }
      .wrap-simple-list .simple-list .info_editor dd .layer_info {
        display: none;
        position: fixed;
        width: 600px;
        padding: 9px 13px 12px 16px; }
        .wrap-simple-list .simple-list .info_editor dd .layer_info:after {
          content: '';
          display: block;
          position: absolute;
          top: -7px;
          left: 13px;
          width: 12px;
          height: 12px;
          border-left: 1px solid #ddd;
          border-top: 1px solid #ddd;
          background-color: #fff;
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          transform: rotate(45deg); }
      .wrap-simple-list .simple-list .info_editor dd .inner_layer {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        max-height: 60px;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-word; }
      .wrap-simple-list .simple-list .info_editor dd.hover .layer_info {
        display: block; }
      .wrap-simple-list .simple-list .info_editor dd .mce-ico {
        background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_tistory.svg);
        background-size: 400px 100px;
        width: 16px;
        height: 16px;
        background-position: -100px 0; }

/* checkbox, radio */
.form-checkbox,
.form-radio {
  vertical-align: top;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none; }
  .form-checkbox:checked + .checkbox-text,
  .form-radio:checked + .checkbox-text {
    opacity: 1; }

.form-checkbox {
  width: 16px;
  height: 16px;
  margin: 3px 0 0 0;
  background-position: -20px -40px; }
  .form-checkbox:checked {
    background-position: -20px -20px; }

.form-radio {
  width: 18px;
  height: 18px;
  margin: 1px 0 0 0;
  background-position: 0px -40px;
  cursor: pointer; }
  .form-radio:checked {
    background-position: 0px -20px; }

.form-field {
  font-size: 0; }
  .form-field .checkbox-text {
    font-size: 13px;
    color: #111;
    opacity: 0.4;
    cursor: pointer;
    padding-left: 6px; }

.inp_item {
  display: inline-block;
  position: relative;
  cursor: pointer; }
  .inp_item + .inp_item {
    margin: 0 0 0 16px; }
  .inp_item .layer_info {
    display: none;
    padding: 3px 9px 5px 8px; }
  .inp_item .inner_layer {
    font-size: 12px;
    color: #333;
    letter-spacing: -0.4px; }

.ico_blog {
  display: inline-block;
  overflow: hidden;
  background: url(//t1.daumcdn.net/tistory_admin/static/manage/images/r1/ico_tistory_190123.png) no-repeat;
  vertical-align: top;
  text-indent: -9999px; }

/* 2019-01-23 수정 */
.ico_loading {
  display: block;
  width: 31px;
  height: 31px;
  background-position: -110px -230px;
  animation: aniSpinRev 1s infinite linear; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), not all, only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .ico_blog {
    background-image: url(//t1.daumcdn.net/tistory_admin/static/manage/images/r2/ico_tistory_190123.png);
    background-size: 290px 280px; }
  /* 2019-01-23 수정 */ }

.box_loading {
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  bottom: 0;
  margin: -15px 0 0 -15px; }

/* 시계반대방향으로 회전 */
@keyframes aniSpinRev {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-360deg); } }

/*
/* 시계방향으로 90 회전 */
@keyframes aniSpin90 {
  0% {
    transform: rotate(-90deg); }
  100% {
    transform: rotate(0deg); } }

/* 시계반대방향으로 90 회전 */
@keyframes aniSpinRev90 {
  0% {
    transform: rotate(90deg); }
  100% {
    transform: rotate(0deg); } }

#editor-root.blog .btn {
  border-radius: 0; }
  #editor-root.blog .btn:hover {
    background-color: #1a9be4;
    border-color: #1a9be4; }

#editor-root.blog .content-aside .wrap_btn .btn-draft {
  width: 118px;
  border-radius: 0; }
  #editor-root.blog .content-aside .wrap_btn .btn-draft:hover .count,
  #editor-root.blog .content-aside .wrap_btn .btn-draft:hover .action {
    color: #fff;
    cursor: pointer; }
  #editor-root.blog .content-aside .wrap_btn .btn-draft:hover .count::before {
    background-color: rgba(255, 255, 255, 0.09); }
  #editor-root.blog .content-aside .wrap_btn .btn-draft .action {
    padding-left: 0; }
  #editor-root.blog .content-aside .wrap_btn .btn-draft .count {
    padding-right: 0;
    color: #1a9be4; }

#editor-root.blog .mce-window .mce-foot .mce-btn {
  border-radius: 0;
  color: #d0d0d0; }
  #editor-root.blog .mce-window .mce-foot .mce-btn:hover {
    background-color: #1a9be4;
    border-color: #1a9be4; }
  #editor-root.blog .mce-window .mce-foot .mce-btn button {
    border-radius: 0;
    height: 38px; }
    #editor-root.blog .mce-window .mce-foot .mce-btn button:hover {
      border-color: #1a9be4;
      background-color: #1a9be4; }
      #editor-root.blog .mce-window .mce-foot .mce-btn button:hover .mce-txt {
        color: #fff; }
  #editor-root.blog .mce-window .mce-foot .mce-btn.mce-primary:hover {
    background-color: #1a9be4;
    border-color: #1a9be4; }

#editor-root.blog .mce-container .keditor-link-panel .klink-form .footer .btn {
  border-radius: 0;
  border: 1px solid rgba(0, 0, 0, 0.1); }
  #editor-root.blog .mce-container .keditor-link-panel .klink-form .footer .btn.btn-unlink:hover {
    color: #fff;
    border: 1px solid #1a9be4;
    background-color: #1a9be4; }
  #editor-root.blog .mce-container .keditor-link-panel .klink-form .footer .btn.btn-default:hover {
    border-color: #1a9be4;
    background-color: #1a9be4; }

#editor-root.blog .inner_editor_layer1 .btn:hover {
  border-color: #1a9be4;
  background-color: #1a9be4; }

#editor-root.blog .grammar_result .grammar_check_next, #editor-root.blog .grammar_result .grammar_check_replace {
  border-radius: initial; }

#editor-root.blog .grammar_error_type {
  color: #1a9be4; }

#toast-container {
  position: fixed;
  top: 73px;
  width: 100%;
  z-index: 1; }
  #toast-container .toast-message {
    width: 100%;
    transition: height 0.5s ease-in-out;
    color: #ff5544;
    font-size: 15px;
    font-weight: 300;
    background-color: #F8F8F8;
    min-width: 640px;
    height: 0;
    text-align: center;
    line-height: 50px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.04), 0 1px 0 0 rgba(0, 0, 0, 0.04);
    letter-spacing: -0.2px;
    overflow: hidden; }
    #toast-container .toast-message.show {
      height: 50px; }

/* 레이아웃 */
html, body {
  height: 100%; }

#kakaoHead {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 104px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s; }

#kakaoHead:before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 72px;
  content: "";
  background-color: transparent;
  opacity: 0; }

#kakaoHead.gnb_mv.scoll_mv {
  position: fixed;
  opacity: 0; }

#kakaoHead:after {
  content: "";
  font-size: 0;
  line-height: 0;
  clear: both; }

#kakaoWrap.tistory_type1 {
  min-width: 1280px; }

#kakaoWrap.tistory_type1 .inner_header {
  min-width: 1280px; }

#kakaoWrap.tistory_type2 {
  min-width: 1200px; }

#kakaoWrap.tistory_type2 .inner_header {
  min-width: 1200px; }

#kakaoWrap.tistory_type3 {
  overflow: auto;
  position: relative;
  top: 0;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  min-height: 573px; }

#kakaoWrap.tistory_type3 #kakaoContent {
  position: relative;
  height: 100%; }

#kakaoWrap.tistory_type3 #cMain {
  display: table;
  height: 100%;
  margin: 0 auto; }

#kakaoWrap.tistory_type3 #mArticle {
  display: table-cell;
  vertical-align: middle; }

#kakaoWrap.tistory_type3 .footer_comm {
  border-top: none;
  position: absolute;
  bottom: 6px; }

#kakaoContent {
  width: 100%;
  padding: 0 0 289px; }

.footer_comm {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #F0F0F0;
  text-align: center; }

.feture_main {
  width: 100%;
  height: 133px;
  padding: 151px 0 0;
  background-size: cover;
  background-position: 50% 50%; }

/*gnbmotion*/
#kakaoHead.gnb_mv {
  position: fixed;
  height: 72px; }

#kakaoHead.gnb_mv:before {
  content: "";
  background-color: #fff;
  opacity: 1;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.06);
  -webkit-transition: opacity 0.5s,background-color 0.5s;
  -moz-transition: opacity 0.5s,background-color 0.5s;
  transition: opacity 0.5s,background-color 0.5s; }

#kakaoHead.gnb_mv .tit_tistory {
  background-position: 0 0; }

#kakaoHead.gnb_mv .link_gnb {
  color: #000; }

#kakaoHead.gnb_mv .on .link_gnb {
  color: #FF5544; }

#kakaoHead.gnb_mv .desc_notice {
  color: #333; }

#kakaoHead.gnb_mv .ico_notice {
  background-position: -30px 0; }

#kakaoHead.gnb_mv .notice_tistory:before {
  background-color: #000;
  opacity: 0.13; }

#kakaoHead.gnb_mv h1 {
  margin-top: 24px; }

#kakaoHead.gnb_mv .gnb_tistory {
  margin-top: 23px; }

#kakaoHead.gnb_mv .notice_tistory {
  margin-top: 24px; }

#kakaoHead.gnb_mv .ico_alarm {
  background-position: -50px 0; }

#kakaoHead.gnb_mv .link_profile {
  margin-top: 18px; }

#kakaoHead.gnb_mv .link_alarm {
  margin-top: 21px; }

#kakaoHead.gnb_mv .header_layer {
  top: 67px; }

/*#kakaoHead.gnb_mv .layer_news{top:65px;}*/
#kakaoHead.gnb_mv .link_log_info {
  color: #000; }

#kakaoHead.gnb_mv .logn_tistory {
  padding-top: 16px; }

#kakaoHead.gnb_mv .btn_log_info {
  color: #fff;
  border: 1px solid #000;
  background-color: #000; }

#kakaoHead.gnb_mv .btn_log_info:hover {
  background-color: #FF5544;
  border: 1px solid #FF5544; }

#kakaoHead.gnb_mv .btn_log_info:active {
  background-color: #CC4436;
  border: 1px solid #CC4436; }

#kakaoHead.gnb_mv .profile_tistory .btn_log_info {
  margin-top: 16px; }

#kakaoHead.gnb_mv .inner_header.blog .img_common_tistory.tit_tistory {
  width: 58px;
  height: 24px;
  background-image: url(https://t1.daumcdn.net/daumblog_admin/static/image/r1-daum_logo.png);
  background-position: 0 0;
  background-size: 58px 24px; }

/* header */
.inner_header {
  position: relative;
  z-index: 1;
  min-width: 944px;
  margin: 0 auto; }

/* 컨텐츠최소값 */
.kakao_head h1 {
  float: left;
  margin: 40px 0 0 60px;
  width: 24px;
  height: 24px; }

.kakao_head .link_logo {
  display: block;
  position: relative;
  width: 24px;
  height: 24px; }

.kakao_head .tit_tistory {
  display: block;
  width: 24px;
  height: 24px;
  background-position: 0 -30px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.kakao_head .tit_tistory_black {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-position: 0 0; }

.head_type1 .tit_tistory_white {
  opacity: 0; }

.head_type1 .tit_tistory_black {
  opacity: 1; }

.kakao_head.head_type1 .link_gnb {
  color: #000; }

.kakao_head.head_type1 .desc_notice {
  color: #333; }

.kakao_head.head_type1 .ico_notice.ico_white {
  opacity: 0; }

.kakao_head.head_type1 .ico_notice.ico_black {
  opacity: 1; }

.kakao_head.head_type1 .notice_tistory:before {
  background-color: #000;
  opacity: 0.13; }

.kakao_head.head_type1 .ico_alarm.ico_white {
  opacity: 0; }

.kakao_head.head_type1 .ico_alarm.ico_black {
  opacity: 1; }

.kakao_head.head_type1 .link_log_info {
  color: #000; }

.kakao_head.head_type1 .btn_log_info {
  color: #fff;
  border: 1px solid #000;
  background-color: #000; }

.kakao_head.head_type1 .btn_log_info:hover {
  background-color: #FF5544;
  border: 1px solid #FF5544; }

.kakao_head.head_type1 .btn_log_info:active {
  background-color: #CC4436;
  border: 1px solid #CC4436; }

.gnb_tistory {
  float: left;
  margin: 39px 0 0 43px;
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }

.list_gnb {
  overflow: hidden;
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }

.list_gnb li {
  float: left; }

.list_gnb .link_gnb {
  padding: 0 19px 0 17px;
  color: #fff;
  font-size: 16px;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s; }

.list_gnb .on .link_gnb {
  color: #FF5544; }

.notice_tistory {
  float: left;
  position: relative;
  width: 562px;
  margin: 40px 0 0 42px;
  color: #fff; }

.notice_tistory:before {
  content: "";
  display: block;
  float: left;
  margin-right: 36px;
  width: 1px;
  height: 24px;
  background-color: #fff;
  opacity: 0.3;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s; }

.notice_tistory .desc_notice {
  overflow: hidden;
  width: 490px;
  color: rgba(255, 255, 255, 0.8);
  vertical-align: middle;
  padding: 2px 0 0 8px;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s; }

.notice_tistory .ico_notice {
  display: inline-block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 5px 0 0;
  background-position: -30px -20px;
  vertical-align: middle;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.notice_tistory .ico_notice.ico_black {
  position: absolute;
  top: 0;
  left: 37px;
  background-position: -30px 0;
  opacity: 0; }

.info_tistory {
  position: absolute;
  top: 0;
  right: 0; }

.logn_tistory {
  display: block;
  padding: 32px 60px 0 0;
  text-align: right; }

.logn_tistory .btn_log_info {
  display: inline-block;
  margin-left: 22px; }

.logn_tistory .link_log_info {
  color: #fff; }

.logn_tistory .btn_log_info {
  border-color: #fff; }

.info_tistory .profile_tistory {
  margin: 0 60px 0 0;
  font-size: 0;
  line-height: 0;
  text-align: right; }

.info_tistory .link_alarm {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 30px;
  margin: 37px 31px 0 0; }

.info_tistory .ico_alarm {
  display: block;
  width: 18px;
  height: 18px;
  margin: 6px auto 0;
  background-position: -50px -20px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.info_tistory .ico_alarm.ico_black {
  position: absolute;
  top: 0;
  left: 6px;
  background-position: -50px 0;
  opacity: 0; }

.info_tistory .link_profile {
  display: inline-block;
  width: 36px;
  height: 36px;
  margin: 34px 0 0;
  vertical-align: top; }

.info_tistory .num_info {
  position: absolute;
  top: 0;
  left: 17px;
  margin-left: 1px;
  padding: 0 5px;
  height: 16px;
  border-radius: 8px;
  color: #fff;
  font-size: 11px;
  line-height: 16px;
  font-family: arial;
  background-color: #FF5544; }

.link_profile {
  display: block;
  position: relative;
  width: 36px;
  height: 36px;
  border-radius: 50%; }

.thumb_profile {
  display: block;
  overflow: hidden;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-size: cover;
  background-position: 50% 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1); }

.layer_tooltip {
  position: absolute;
  top: 78px;
  left: 41px;
  opacity: 0; }

.layer_tooltip.show {
  -webkit-animation: tooltip_show 0.3s forwards;
  -moz-animation: tooltip_show 0.3s forwards;
  animation: tooltip_show 0.3s forwards; }

.layer_tooltip:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 23px;
  width: 16px;
  height: 9px;
  background-image: url(//t1.daumcdn.net/tistory_admin/static/top/pcrtn/layer_edge.png);
  background-size: 16px 9px; }

.layer_tooltip .inner_tooltip {
  padding: 20px 24px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  background-color: #fff;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); }

.layer_tooltip .desc_g {
  font-size: 14px;
  line-height: 22px;
  color: #333; }

.btn_video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0); }

/*layer*/
.header_layer {
  position: absolute;
  top: 84px;
  right: 99px;
  width: 400px;
  border-radius: 3px;
  background-color: #fff;
  box-sizing: content-box;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 1px rgba(0, 0, 0, 0.3);
  text-align: left; }

.header_layer:after {
  content: "";
  position: absolute;
  top: -8px;
  right: 24px;
  width: 16px;
  height: 9px;
  background-image: url(//t1.daumcdn.net/tistory_admin/static/top/pcrtn/layer_edge.png);
  background-size: 16px 9px; }

.inner_header_layer .tit_list {
  display: block;
  height: 32px;
  padding: 12px 0 0 24px;
  font-size: 13px;
  line-height: 1.5;
  color: #000;
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
  font-weight: normal;
  border-bottom: 1px solid #F0F0F0; }

.inner_header_layer .tit_list_type {
  display: block;
  padding: 20px 24px 6px 25px;
  font-size: 12px;
  line-height: 1.5;
  color: #909090;
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
  font-weight: normal; }

.info_profile_type1 + .tit_list_type {
  padding-top: 24px; }

.inner_header_layer .tit_list em {
  padding: 0 0 0 6px;
  font-size: 13px;
  line-height: 1.5;
  font-family: arial;
  color: #909090;
  font-weight: normal; }

.inner_header_layer .info_profile {
  overflow: hidden;
  position: relative;
  padding: 18px 86px 21px 25px;
  border-bottom: 1px solid #F0F0F0;
  line-height: 1.5; }

.inner_header_layer .info_profile_type1 {
  padding: 3px 86px 8px 24px;
  border-bottom: none; }

.inner_header_layer .info_profile_type1:last-child {
  margin-bottom: 13px; }

.inner_header_layer .txt_id {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000;
  font-size: 16px;
  line-height: 1.5;
  white-space: nowrap; }

.inner_header_layer .txt_id_type2 {
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }

.inner_header_layer .info_profile_type1 .txt_id {
  font-size: 14px; }

.inner_header_layer .info_profile_type1 .link_setting {
  bottom: 12px; }

.inner_header_layer .txt_email {
  display: block;
  overflow: hidden;
  width: 170px;
  padding: 2px 0 0;
  text-overflow: ellipsis;
  color: #909090;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap; }

.inner_header_layer .link_setting {
  position: absolute;
  bottom: 22px;
  right: 25px;
  width: 14px;
  height: 14px;
  background-position: -70px -20px; }

.inner_header_layer .link_setting_type2 {
  bottom: 20px;
  width: inherit;
  height: inherit;
  font-size: 12px;
  color: #909090; }

.inner_header_layer .link_edit {
  position: absolute;
  bottom: 12px;
  right: 53px;
  width: 13px;
  height: 14px;
  background-position: -70px 0; }

.inner_header_layer .btn_logout {
  width: 100%;
  height: 47px;
  padding-left: 25px;
  border-top: 1px solid #F0F0F0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 12px;
  line-height: 1.5;
  color: #909090;
  text-align: left; }

.inner_header_layer .btn_logout:hover {
  text-decoration: underline; }

.inner_header_layer .wrap_list {
  overflow-y: auto;
  min-height: 102px; }

.layer_news {
  top: 84px;
  right: 110px;
  width: 400px; }

.layer_profile {
  width: 282px;
  right: 46px; }

.list_layer {
  overflow-y: auto;
  min-height: 98px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.list_layer li {
  display: block;
  border-top: 1px solid #F0F0F0;
  font-size: 13px;
  line-height: 1; }

.list_layer li:first-child {
  border-top: none; }

.list_layer .link_cont {
  display: block;
  overflow: hidden;
  position: relative;
  padding: 17px 24px 20px; }

.list_layer .link_cont:hover {
  background-color: #fafafa;
  text-decoration: none; }

.list_layer .on .link_cont {
  background-color: #f5f5f5; }

.list_layer .on .link_cont:hover {
  background-color: #f0f0f0; }

.list_layer .thumb_profile {
  float: left;
  margin: 3px 16px 0 0; }

.list_layer .wrap_cont {
  overflow: hidden; }

.inner_header_layer .desc_news {
  overflow: hidden;
  padding: 49px 0 49px;
  color: #777;
  font-size: 13px;
  text-align: center; }

.inner_header_layer .list_layer .desc_news {
  overflow: hidden;
  max-width: 300px;
  padding: 0 60px 2px 0;
  line-height: 19px;
  text-align: left;
  border-top: none; }

.inner_header_layer .list_layer .desc_news + .desc_news {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.inner_header_layer .on .desc_news {
  color: #000; }

.inner_header_layer .desc_news em {
  display: inline-block;
  overflow: hidden;
  max-width: 98px;
  color: #FF5544;
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top; }

.inner_header_layer .desc_name {
  display: block;
  overflow: hidden;
  padding: 7px 60px 0 0;
  font-size: 12px;
  color: #909090;
  white-space: nowrap;
  text-overflow: ellipsis; }

.list_layer .list_date {
  position: absolute;
  top: 21px;
  right: 24px;
  color: #909090;
  font-size: 12px; }

.profile_tistory .btn_log_info {
  display: inline-block;
  margin: 32px 28px 0 0;
  vertical-align: top;
  border: 1px solid #fff;
  -webkit-transition: background-color 0.5s, border-color 0.5s;
  -moz-transition: background-color 0.5s, border-color 0.5s;
  transition: background-color 0.5s, border-color 0.5s; }

.header_layer.layer_profile {
  top: 67px; }

/* btn TYPE */
.wrap_btn {
  padding: 40px 0 0;
  font-size: 0;
  line-height: 0;
  text-align: center; }

.wrap_btn_type2 {
  overflow: hidden;
  text-align: right; }

.btn_tistory {
  display: inline-block;
  min-width: 120px;
  height: 40px;
  padding: 0 23px;
  border-radius: 20px;
  border: 1px solid #E0E0E0;
  font-size: 13px;
  color: #000;
  line-height: 38px;
  box-sizing: border-box;
  text-align: center;
  background-color: #fff;
  -webkit-transition: background-color 0.1s linear, border-color 0.1s linear;
  -moz-transition: background-color 0.1s linear, border-color 0.1s linear;
  transition: background-color 0.1s linear, border-color 0.1s linear; }

.btn_tistory:hover {
  color: #fff;
  background-color: #FF5544;
  border: 1px solid #FF5544;
  text-decoration: none; }

.btn_tistory:active {
  color: #fff;
  background-color: #CC4436;
  border: 1px solid #CC4436;
  text-decoration: none; }

.wrap_btn .btn_tistory {
  margin: 0 4px;
  vertical-align: middle; }

.btn_tistory:hover .ico_view {
  background-position: -100px -20px; }

.btn_tistory:disabled {
  border-color: #B9B9B9;
  background-color: #B9B9B9;
  cursor: default; }

.btn_tistory_type1 {
  min-width: 66px;
  height: 30px;
  padding: 0 20px;
  border-radius: 16px;
  border: 1px solid #000;
  color: #fff;
  font-size: 13px;
  line-height: 28px;
  background-color: #000; }

.btn_tistory_type2 {
  min-width: 66px;
  height: 30px;
  padding: 0 20px;
  border-radius: 16px;
  color: #000;
  font-size: 13px;
  line-height: 28px;
  background-color: #fff; }

.btn_tistory_type2:hover {
  border-color: #FF5544;
  background-color: #FF5544; }

.btn_tistory_type2:active {
  border-color: #CC4436;
  background-color: #CC4436; }

.btn_tistory_type3 {
  border-color: #fff;
  background-color: transparent; }

.btn_tistory_type3:hover {
  border-color: #FF5544;
  background-color: #FF5544; }

.btn_tistory_type3:active {
  border-color: #CC4436;
  background-color: #CC4436; }

.btn_tistory_type4 {
  position: absolute;
  top: 50%;
  margin: -30px 0 0 0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(32, 32, 32, 0.4);
  opacity: 0;
  -webkit-transition: opacity 0.2s linear, background-color 0.1s linear;
  -moz-transition: opacity 0.2s linear, background-color 0.1s linear;
  transition: opacity 0.2s linear, background-color 0.1s linear; }

.btn_tistory_type4:hover {
  background-color: rgba(255, 85, 68, 0.8); }

.btn_tistory_type4.btn_prev {
  left: 30px; }

.btn_tistory_type4.btn_next {
  right: 30px; }

.btn_tistory_type4 .ico_prev {
  display: block;
  width: 11px;
  height: 20px;
  margin: 0 26px 0 23px;
  background-position: -120px 0; }

.btn_tistory_type4 .ico_next {
  display: block;
  width: 11px;
  height: 20px;
  margin: 0 23px 0 26px;
  background-position: -140px 0; }

.btn_tistory_type5 {
  border-color: #000;
  color: #fff;
  background-color: #000; }

/*form*/
.inp_text {
  position: relative; }

.inp_text input {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 13px;
  color: #000;
  border: none;
  outline: 0;
  -webkit-appearance: none;
  background-color: transparent; }

.inp_text input::placeholder, .inp_text input:-ms-input-placeholder, .inp_text input::-ms-input-placeholder {
  font-size: 13px;
  color: #909090; }

.inp_text_type2 input {
  width: 630px; }

.inp_text_type3 input {
  width: 440px; }

.inp_placeholder {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 13px;
  color: #909090; }

/*.search_type1 .inp_placeholder{top:16px;font-size:15px}*/
input::placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder {
  font-size: 13px;
  color: #909090; }

textarea::placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder {
  font-size: 13px;
  color: #909090; }

.search_type1 input::placeholder, .search_type1 input:-ms-input-placeholder, .search_type1 input::-ms-input-placeholder {
  font-size: 15px; }

input[type=file] {
  background-color: transparent;
  opacity: 0.01; }

/* search */
.search_tistory {
  position: relative;
  width: 119px;
  height: 38px;
  padding: 0 20px;
  box-sizing: content-box;
  border: 1px solid #ddd;
  border-radius: 20px; }

.search_tistory .inp_text {
  width: 104px;
  margin-top: 9px; }

.search_tistory.search_on {
  border-color: #000; }

.search_type1 .inp_text {
  overflow: hidden;
  width: 548px;
  height: 54px;
  margin: 0 19px 0 0; }

.search_type1 .inp_text input {
  font-size: 15px; }

.search_type1 {
  width: 712px;
  height: 54px;
  padding: 0;
  border: none;
  border-radius: 3px;
  background-color: #fff; }

.btn_search {
  position: absolute;
  top: 11px;
  right: 20px;
  width: 16px;
  height: 16px;
  background-position: -90px 0; }

/* duamFoot */
.inner_foot {
  overflow: hidden;
  min-width: 1200px;
  margin: 0 auto;
  padding: 0 0 51px;
  background-color: #fff; }

.inner_foot .cont_tistory {
  float: left;
  padding: 59px 0 0 60px; }

.cont_tistory .txt_tistory {
  width: 102px;
  height: 18px;
  background-position: 0 -60px; }

.desc_footer {
  color: #909090;
  font-size: 12px;
  line-height: 1.5; }

.desc_footer em {
  color: #000; }

.cont_tistory .desc_footer {
  padding: 10px 0 0 0; }

.cont_tistory .search_tistory {
  margin: 21px 0 0 -8px; }

.inner_foot .question_tistory {
  float: right;
  width: 736px;
  padding: 55px 60px 0 0;
  text-align: left; }

.question_tistory .wrap_question {
  float: left;
  width: 160px;
  padding-left: 24px; }

.wrap_question .tit_question {
  display: block;
  font-size: 14px;
  color: #000;
  line-height: 1.5;
  font-weight: normal;
  font-family: Noto Sans Medium,AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }

.list_question {
  padding: 11px 0 0; }

.list_question li {
  height: 30px; }

.list_question .link_txt {
  display: block;
  font-size: 13px;
  color: #777;
  line-height: 30px; }

/* animaion*/
@keyframes example {
  0% {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0); }
  50% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes motion02 {
  0% {
    -webkit-transform: translate(480px, 0);
    -ms-transform: translate(480px, 0);
    transform: translate(-480px, 0); }
  100% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); } }

@keyframes motion02_2 {
  0% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    transform: translate(0, 150px); } }

@keyframes motion02_2 {
  0% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(0, 150px);
    -ms-transform: translate(0, 150px);
    transform: translate(0, 150px); } }

@keyframes motion03 {
  0% {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }
  20% {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0); }
  100% {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0); } }

@keyframes opacity_trans {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes tooltip_show {
  0% {
    top: 78px;
    opacity: 0; }
  100% {
    top: 84px;
    opacity: 1; } }

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .img_common_tistory {
    background-image: url(//t1.daumcdn.net/tistory_admin/static/top/pcrtn/img_common_tistory.png); } }

.btn-category {
  display: block;
  width: 860px;
  height: 30px;
  margin: 46px auto 0;
  position: relative; }
  .btn-category .default-label {
    width: 170px;
    height: 30px;
    border: 1px solid #E9E9E9;
    box-sizing: border-box;
    color: #909090;
    padding-left: 5px;
    line-height: 28px; }
  .btn-category .mce-btn {
    /* TIP-13013 tinymce의 툴바 컴포넌트 dimm 스타일과 겹쳐서 카테고리 select시 검정색 배경으로 나타나는 이슈 수정 */ }
    .btn-category .mce-btn button {
      width: 170px;
      height: 30px;
      border: 1px solid #E9E9E9; }
      .btn-category .mce-btn button .mce-txt {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 140px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: left;
        color: #909090; }
    .btn-category .mce-btn.mce-widget.mce-opened:not(.mce-disabled) button {
      background-color: #ffffff; }
    .btn-category .mce-btn .mce-caret {
      position: absolute;
      top: 11px;
      right: 9px;
      margin: 0; }
    .btn-category .mce-btn.mce-opened:hover button, .btn-category .mce-btn:hover button {
      background-color: rgba(0, 0, 0, 0.03); }
    .btn-category .mce-btn.mce-opened:hover .mce-txt, .btn-category .mce-btn:hover .mce-txt {
      color: #333; }
    .btn-category .mce-btn.mce-opened button {
      background-color: #fff; }
    .btn-category .mce-btn.mce-opened .mce-txt {
      color: #333; }
  .btn-category .mce-menu .mce-container-body {
    width: 170px;
    max-height: 270px;
    overflow-y: auto; }
  .btn-category .mce-menu .mce-menu-item {
    overflow: hidden;
    padding: 6px 12px 6px 16px; }
    .btn-category .mce-menu .mce-menu-item .mce-text {
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }

.post-title {
  width: 860px;
  margin: 18px auto 17px;
  padding-bottom: 26px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
  .post-title .textarea_tit {
    display: block;
    width: 100%;
    height: 56px;
    border: none;
    font-size: 30px;
    color: #202020;
    font-family: Noto Sans DemiLight,AppleSDGothicNeo-Regular,'Malgun Gothic',dotum,sans-serif;
    resize: none;
    outline: 0 none;
    line-height: 40px;
    overflow: hidden;
    letter-spacing: -0.4px; }
    .post-title .textarea_tit::placeholder {
      color: #909090; }
    .post-title .textarea_tit.red::placeholder {
      color: #ff5544; }
    .post-title .textarea_tit.red::-webkit-input-placeholder {
      color: #ff5544; }
    .post-title .textarea_tit.red::-moz-placeholder {
      color: #ff5544; }
    .post-title .textarea_tit.red:-ms-input-placeholder {
      color: #ff5544; }
    .post-title .textarea_tit.red:-moz-placeholder {
      color: #ff5544; }

.html-editor .post-title {
  width: auto;
  margin: 25px 60px 0;
  padding-bottom: 20px;
  border-color: rgba(255, 255, 255, 0.05); }

.html-editor .textarea_tit {
  background-color: transparent;
  color: rgba(255, 255, 255, 0.3); }
  .html-editor .textarea_tit::placeholder {
    color: rgba(255, 255, 255, 0.3); }

#editor-tistory_ifr {
  width: 880px; }

.form-checkbox,
.form-radio,
.mce-ico,
.mce-caret {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  text-indent: -9999px;
  background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_tistory.svg);
  background-size: 400px 100px; }

.mce-menu:after,
.mce-popover:after {
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  left: 50%;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.mce-menu.mce-menu-sub {
  margin: -10px 0 0 -2px; }
  .mce-menu.mce-menu-sub:after {
    display: none; }

.mce-menu, .mce-popover {
  z-index: 100;
  margin-top: 13px; }

.info_tistory .profile_tistory {
  display: block; }

/* layout */
.mce-tinymce {
  visibility: visible !important;
  margin: 0 auto; }
  .mce-tinymce.mce-menu, .mce-tinymce.mce-popover {
    margin: 10px 0 0 0; }

.mce-top-part {
  position: fixed;
  width: 880px;
  z-index: 1;
  height: 72px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 0;
  line-height: 0;
  background-color: transparent; }

.mce-edit-area {
  position: relative;
  z-index: 0;
  width: 100%; }

.editor_type1 {
  height: calc(100vh - 66px); }

.editor_type1 .mce-edit-area {
  height: 100vh; }

.dimmed_type1 {
  position: absolute;
  top: 17px;
  left: 38px;
  z-index: 1;
  width: 630px;
  height: 39px;
  background-color: rgba(255, 255, 255, 0.92); }

.editor_footer {
  position: relative;
  z-index: 10;
  background-color: blue; }

.editor_footer .inner_foot {
  height: 66px;
  padding: 0;
  background-color: blue; }

.gnb_tistory {
  float: none;
  width: 860px;
  background-color: red; }

.tit_nickname {
  display: inline-block;
  margin: 27px 8px 0 0;
  text-align: right;
  color: #111;
  font-size: 13px;
  line-height: 1.3;
  font-weight: normal;
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.editor_viewr .mce-menu {
  padding: 0; }

.header_layer {
  z-index: 10; }

/* ico */
.ico_preview {
  width: 16px;
  height: 16px;
  background-position: 0 0; }

.ico_validator {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -40px 0; }

.ico_help {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -200px -20px; }

.ico_close {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -80px -20px; }
  .ico_close.active, .ico_close:hover {
    background-position: -80px -40px; }

.ico_close_type1 {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-position: -80px 0; }

.ico_pc {
  display: inline-block;
  width: 23px;
  height: 20px;
  background-position: -100px -40px; }
  .ico_pc.active, .ico_pc:hover {
    background-position: -100px -20px; }

.ico_mobile {
  display: inline-block;
  width: 13px;
  height: 20px;
  background-position: -140px -40px; }
  .ico_mobile.active, .ico_mobile:hover {
    background-position: -140px -20px; }

.mce-caret {
  display: inline-block;
  width: 9px;
  height: 6px;
  background-position: -160px -20px; }

.mce-opened .mce-caret {
  background-position: -160px -40px; }

.ico_info {
  display: block;
  width: 17px;
  height: 17px;
  background-position: -60px 0; }

.ico_trash {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -100px 0;
  vertical-align: top; }

.ico_delete {
  width: 19px;
  height: 19px;
  background-position: -240px 0; }

.ico_attach {
  width: 18px;
  height: 18px;
  background-position: -220px 0; }

.ico_ccl01 {
  background-position: -140px 0px; }

.ico_ccl02 {
  background-position: -160px 0px; }

.ico_ccl03 {
  background-position: -120px 0px; }

.ico_ccl04 {
  background-position: -180px 0px; }

.ico_next {
  background-position: -60px -20px; }

.ico_prev {
  background-position: -40px -20px; }

.mce-text-center {
  display: block;
  width: 209px;
  height: 16px;
  margin: 14px auto;
  font-size: 13px;
  line-height: 15px;
  color: #444;
  font-family: "Avenir Next", AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
  text-align: center; }

.mce-text-center + .mce-grid {
  margin-top: 12px; }

.mce-tooltip {
  position: absolute;
  min-width: 20px;
  height: 21px;
  padding: 0 6px 0 5px;
  background-color: #333;
  border-radius: 2px;
  margin: 12px 0 0 -2px; }
  .mce-tooltip:after {
    content: '';
    display: block;
    position: absolute;
    top: -3.5px;
    left: 50%;
    margin-left: -6px;
    width: 13px;
    height: 13px;
    background-color: #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }
  .mce-tooltip.mce-widget.mce-tooltip-n {
    margin-left: 0px; }

.mce-tooltip-inner {
  position: relative;
  z-index: 1;
  padding: 3px 0 0;
  color: #fff;
  font-size: 11px;
  line-height: 13px;
  white-space: nowrap;
  vertical-align: top;
  text-align: center; }

.mce-i-hilitecolor {
  position: relative;
  z-index: 1; }

.mce-i-hilitecolor + .style_set {
  position: absolute;
  top: 6px;
  left: 7px;
  width: 17px;
  height: 17px;
  border-radius: 1px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box; }

.mce-i-forecolor {
  display: inline-block;
  width: 11px;
  height: 13px;
  margin-left: -4px;
  background-position: -80px -40px; }

.mce-i-forecolor + .style_set {
  position: absolute;
  top: 12px;
  left: 14px;
  width: 6px;
  height: 6px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box; }

.form-text {
  display: block;
  border: 1px solid transparent;
  outline: 0;
  background-color: transparent;
  -webkit-appearance: none;
  font-size: 13px;
  line-height: 15px;
  color: #202020; }

.form-text::placeholder {
  font-size: 13px;
  color: #202020; }

.form-field {
  overflow: hidden; }

.form-field .form-text {
  padding: 0 0 4px;
  border-bottom: 1px solid #ddd; }

.inp_type1 {
  width: 42px;
  height: 23px;
  padding: 1px 0 0 4px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  font-family: Avenir Next, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
  border: 1px solid #E9E9E9;
  box-sizing: border-box;
  background-color: #fff;
  -webkit-appearance: none; }
  .inp_type1:disabled {
    color: #909090;
    background-color: transparent; }

.inp_type2 {
  width: 469px;
  height: 28px;
  padding: 0;
  font-size: 18px;
  line-height: 26px;
  color: #333;
  border: none;
  box-sizing: border-box;
  background-color: transparent;
  -webkit-appearance: none; }

.btn {
  height: 40px;
  border: 1px solid #d0d0d0;
  border-radius: 20px;
  box-sizing: border-box;
  -webkit-transition: border-color .2s,color .2s,background-color .2s;
  -moz-transition: border-color .2s,color .2s,background-color .2s;
  transition: border-color .2s,color .2s,background-color .2s; }
  .btn:hover {
    border-color: #f54;
    color: #fff;
    background-color: #f54; }

.btn-default {
  background-color: #000;
  color: #fff;
  border: 1px solid #000; }

.btn_type1 {
  display: inline-block;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  vertical-align: top; }

.btn_type1 .btn_txt {
  display: inline-block;
  font-size: 13px;
  color: #333;
  line-height: 1.3; }

.form_validator {
  width: 860px;
  margin: 16px auto 0;
  white-space: nowrap; }

.form_validator .wrap_inp {
  display: inline-block;
  position: relative;
  width: 650px;
  height: 40px;
  padding: 4px 8px 5px;
  border: 1px solid #E9E9E9;
  background-color: #fff;
  box-sizing: border-box; }

.form_validator .wrap_inp .txt_inp {
  position: absolute;
  top: 9px;
  right: 8px;
  font-size: 13px;
  line-height: 19px;
  color: #FF5544; }

.form_validator .wrap_btn {
  display: inline-block;
  padding: 0; }

.form_validator .wrap_btn .btn {
  width: 88px;
  margin: 0 0 0 23px; }

.form_validator .wrap_btn .btn + .btn {
  margin: 0 0 0 8px; }
/*$imgurl='//t1.daumcdn.net/tistory_admin/static/manage/images';*/
.info_explain .layer_info:after,
.ccl_editor .layer_info:after {
  content: '';
  display: block;
  position: absolute;
  top: -7px;
  left: 13px;
  width: 12px;
  height: 12px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.inp_item .layer_info:after, .wrap_date .layer_info:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -7px;
  left: 13px;
  width: 12px;
  height: 12px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

#mce-modal-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.9); }

/* 버튼 */
/*.btn-cancel{border:1px solid #d0d0d0}*/
/* 팝업레이어 */
.layer_info {
  position: absolute;
  z-index: 1;
  border-radius: 1px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.3), 0px 2px 5px 0px rgba(0, 0, 0, 0.1); }

.layer_info .inner_layer {
  font-size: 13px;
  line-height: 20px;
  color: #777; }

/* 셀렉트박스 버튼 */
.toolbtn_comm_type2:hover button {
  background-color: transparent; }

.toolbtn_comm_type2 .btn_txt.open .mce-caret {
  background-position: -320px -20px; }

.toolbtn_comm_type2 .btn_txt:disabled .txt_tool {
  color: #DDD; }

/* 레이어 */
.editor_layer {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 110;
  width: 100%;
  min-width: 944px;
  background-color: #fff;
  box-shadow: 0 -1px 5px 0px rgba(0, 0, 0, 0.03), 0 -5px 13px 0px rgba(0, 0, 0, 0.04);
  -webkit-transition: bottom 0.4s;
  -moz-transition: bottom 0.4s;
  transition: bottom 0.4s; }

.layer_head {
  border-bottom: 2px solid #000; }
  .layer_head:after {
    display: block;
    clear: both;
    content: ''; }
  .layer_head .ccl_editor {
    float: right;
    padding: 0 0 14px; }

.layer_foot .wrap_btn {
  padding: 30px 0 0; }

.tit_layer {
  float: left;
  padding: 0 0 12px;
  font-weight: normal;
  font-size: 16px;
  font-family: Noto Sans Medium, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
  color: #000; }

.info_explain {
  float: left;
  position: relative; }
  .info_explain:hover .layer_info {
    display: block; }
  .info_explain .ico_info {
    margin: 5px 0 0 8px; }
  .info_explain .layer_info {
    display: none;
    width: 297px;
    height: 60px;
    padding: 9px 11px; }

.info_editor:after {
  display: block;
  clear: both;
  content: ''; }

.info_editor dt {
  float: left;
  width: 96px;
  padding: 2px 0 0;
  line-height: 18px;
  font-family: Avenir Next, Noto Sans DemiLight, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
  color: #000; }

.info_editor dd {
  display: block;
  float: left;
  position: relative;
  width: 746px;
  color: #333;
  box-sizing: border-box; }
  .info_editor dd:after {
    display: block;
    clear: both;
    content: ''; }
  .info_editor dd:hover .ico_trash {
    display: inline-block; }

.info_editor .link_info {
  display: inline-block;
  overflow: hidden;
  max-width: 719px;
  line-height: 19px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer; }

.info_editor .ico_trash {
  display: none;
  margin: 2px 0 0 3px; }

/* 태그입력 */
.editor_tag {
  width: 860px;
  min-height: 115px;
  margin: 0 auto;
  padding: 0 0 80px;
  box-sizing: border-box;
  font-size: 0; }

.editor_tag.active {
  border-top: 1px solid rgba(0, 0, 0, 0.05); }

.inp_tag {
  display: inline-block;
  margin: 16px 26px 0 0;
  font-size: 13px;
  color: #909090;
  vertical-align: top; }
  .inp_tag.on {
    color: #333; }
  .inp_tag .tf_g {
    display: inline-block;
    margin: 0 0 0 0;
    border: 0 none;
    font-size: 13px;
    color: #333;
    vertical-align: top;
    outline: none; }
    .inp_tag .tf_g::-webkit-input-placeholder, .inp_tag .tf_g::-moz-placeholder, .inp_tag .tf_g:-ms-input-placeholder, .inp_tag .tf_g:-moz-placeholder {
      color: #909090; }

.txt_tag {
  display: inline-block;
  position: relative;
  margin: 16px 26px 0 0;
  font-size: 13px;
  vertical-align: top;
  white-space: nowrap; }
  .txt_tag .btn_delete {
    width: 12px;
    height: 12px;
    margin: 4px -16px 0 2px;
    padding: 2px;
    box-sizing: border-box;
    vertical-align: top; }
  .txt_tag .ico_delete {
    display: inline-block;
    width: 8px;
    height: 8px;
    background-position: -80px 0;
    vertical-align: top; }

.select-menu .mce-menu {
  border: 1px;
  max-height: 220px;
  overflow: auto; }
  .select-menu .mce-menu .mce-menu-item {
    padding: 7px 16px; }
    .select-menu .mce-menu .mce-menu-item.disabled {
      cursor: initial; }
      .select-menu .mce-menu .mce-menu-item.disabled:hover {
        background-color: transparent; }

.colorPalette-div *,
.mce-foot *,
.mce-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
  text-decoration: none;
  font-size: 14px;
  text-shadow: none;
  float: none;
  position: static;
  width: auto;
  height: auto;
  white-space: nowrap;
  cursor: inherit;
  -webkit-tap-highlight-color: transparent;
  line-height: normal;
  font-weight: normal;
  text-align: left;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  direction: ltr;
  max-width: none; }

.mce-label {
  display: inline-block; }

.mce-tinymce-inline {
  z-index: inherit !important;
  margin-top: -15px; }
  .mce-tinymce-inline:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -6px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -6px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }
  .mce-tinymce-inline .mce-flow-layout {
    white-space: nowrap; }

.mce-floatpanel {
  position: absolute;
  width: auto;
  background-color: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  border-radius: 1px; }

.mce-abs-layout {
  position: relative; }
  .mce-abs-layout .mce-abs-layout-item {
    position: absolute; }

#mce-modal-block {
  opacity: 0;
  filter: alpha(opacity=0);
  zoom: 1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF; }

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

.mce-window-move {
  cursor: move; }

.mce-window {
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background: transparent;
  background: #FFF;
  position: fixed;
  top: 0;
  left: 0; }
  .mce-window .mce-abs-layout {
    position: relative; }
  .mce-window .mce-abs-layout-item,
  .mce-window .mce-abs-end {
    position: absolute; }
  .mce-window .mce-abs-end {
    width: 1px;
    height: 1px; }
  .mce-window .mce-container-body.mce-abs-layout {
    overflow: hidden; }
  .mce-window .mce-window-head {
    margin: 0 42px;
    height: 80px;
    border-bottom: 2px solid #000;
    position: relative; }
    .mce-window .mce-window-head .mce-title {
      padding-top: 36px;
      font-size: 16px;
      font-weight: 500;
      font-family: "Noto Sans Medium", sans-serif; }
    .mce-window .mce-window-head .mce-dragh {
      position: absolute;
      top: 0;
      bottom: 0;
      left: -42px;
      right: -42px;
      cursor: move; }
    .mce-window .mce-window-head .mce-close {
      display: none; }
  .mce-window .mce-close:hover i {
    color: #bdbdbd; }
  .mce-window .mce-container-body {
    display: block; }
  .mce-window .mce-foot {
    border-top: 0;
    height: 103px; }
    .mce-window .mce-foot .mce-container-body {
      width: auto !important;
      margin: 0 42px;
      border-top: 1px solid #f0f0f0;
      text-align: center;
      padding: 20px 0 0; }
    .mce-window .mce-foot .mce-btn {
      display: inline-block;
      margin: 0 4px;
      border-radius: 22px;
      border: 1px solid #e0e0e0; }
      .mce-window .mce-foot .mce-btn.mce-primary {
        background-color: #000;
        border: 1px solid #000; }
        .mce-window .mce-foot .mce-btn.mce-primary .mce-txt {
          color: #fff; }
        .mce-window .mce-foot .mce-btn.mce-primary:hover {
          border-color: #f54;
          background-color: #f54; }
      .mce-window .mce-foot .mce-btn button {
        width: 86px;
        height: 40px;
        border-radius: 22px;
        text-align: center;
        box-sizing: border-box;
        font-size: 13px; }
  .mce-window .mce-window-body .mce-listbox {
    border-color: #e2e4e7; }
  .mce-window .mce-rtl .mce-window-head .mce-close {
    position: absolute;
    right: auto;
    left: 0; }
  .mce-window .mce-rtl .mce-window-head .mce-dragh {
    left: auto;
    right: 0; }
  .mce-window .mce-rtl .mce-window-head .mce-title {
    direction: rtl;
    text-align: right;
    padding-right: 0;
    padding-left: 20px; }

.mce-menu {
  box-sizing: content-box; }
  .mce-menu .mce-tistory-plugin-item {
    min-width: 150px; }
  .mce-menu .mce-text {
    display: inline-block;
    color: #333;
    font-size: 13px;
    line-height: 16px;
    vertical-align: top; }
  .mce-menu .opt_g_type1 {
    height: auto;
    padding: 1px 4px 2px 16px; }
    .mce-menu .opt_g_type1:nth-child(8) {
      padding: 3px 4px 2px 16px; }
    .mce-menu .opt_g_type1:nth-child(9) {
      padding: 4px 4px 2px 16px; }
  .mce-menu .opt_g_type1:nth-child(3),
  .mce-menu .mce-menu .opt_g_type1:nth-child(8) {
    overflow: visible;
    position: relative;
    margin: 4px 0 15px; }
    .mce-menu .opt_g_type1:nth-child(3):after,
    .mce-menu .mce-menu .opt_g_type1:nth-child(8):after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      bottom: -11px;
      width: 100%;
      height: 1px;
      background-color: #EFEFEF; }
  .mce-menu .mce-menu:after {
    content: '';
    display: none; }
  .mce-menu .mce-menu-item {
    position: relative;
    height: 30px;
    padding: 6px 26px 6px 16px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap; }
    .mce-menu .mce-menu-item.mce-disabled {
      opacity: 0.3; }
    .mce-menu .mce-menu-item:first-child {
      margin-top: 8px; }
    .mce-menu .mce-menu-item:last-child {
      margin-bottom: 8px; }
    .mce-menu .mce-menu-item.mce-active, .mce-menu .mce-menu-item:hover {
      background-color: #F5F5F5; }
    .mce-menu .mce-menu-item .ico_line_type1 {
      margin: 5px 0 0 9px; }
    .mce-menu .mce-menu-item .ico_line_type2 {
      margin: 8px 0 0 9px; }
    .mce-menu .mce-menu-item .ico_line_type3 {
      margin: 2px 0 0 9px; }
    .mce-menu .mce-menu-item .ico_line_type4 {
      margin: 8px 0 0 9px; }
    .mce-menu .mce-menu-item .ico_line_type5, .mce-menu .mce-menu-item .ico_line_type6, .mce-menu .mce-menu-item .ico_line_type7, .mce-menu .mce-menu-item .ico_line_type8 {
      margin: 10px 0 0 9px; }
    .mce-menu .mce-menu-item .mce-caret {
      width: 4px;
      height: 7px;
      margin: 5px 0 0 41px;
      background-position: -220px -40px;
      vertical-align: top; }
    .mce-menu .mce-menu-item .mce-menu {
      display: none; }
    .mce-menu .mce-menu-item.mce-tistory-attach-item {
      padding-right: 29px; }
    .mce-menu .mce-menu-item.mce-tistory-mode-item {
      padding-right: 45px; }
    .mce-menu .mce-menu-item.mce-font-item {
      padding-right: 44px; }
  .mce-menu .mce-menu-item-expand {
    overflow: visible; }
    .mce-menu .mce-menu-item-expand .mce-menu {
      display: none; }
    .mce-menu .mce-menu-item-expand:hover .mce-menu {
      display: block; }
    .mce-menu .mce-menu-item-expand .mce-caret {
      width: 5px;
      height: 9px;
      background-position: -220px 0;
      position: absolute;
      right: 13px;
      top: 10px;
      margin: 0; }
  .mce-menu .menu-item-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .mce-menu .mce-menu-item-sep,
  .mce-menu .mce-menu-item-sep:hover {
    border: 0;
    padding: 0;
    height: 1px;
    margin: 7px 0 6px;
    overflow: hidden;
    background-color: #efefef;
    cursor: default;
    filter: none; }
  .mce-menu.mce-style-format .mce-menu-item {
    height: auto;
    border-right: 2px solid transparent;
    padding: 5px 16px 5px 13px; }
    .mce-menu.mce-style-format .mce-menu-item.mce-menu-item-sep {
      height: 1px;
      padding: 0; }
    .mce-menu.mce-style-format .mce-menu-item .mce-ico {
      display: none; }
    .mce-menu.mce-style-format .mce-menu-item .mce-text {
      width: 95px;
      line-height: 1em;
      box-sizing: border-box; }
  .mce-menu.mce-animate {
    opacity: .01;
    transform: translateY(-6px);
    transform-origin: left top; }
    .mce-menu.mce-animate.mce-in {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.2s cubic-bezier(0, 0, 0.2, 1), transform 0.2s cubic-bezier(0, 0, 0.2, 1); }

.mce-menu-has-icons .mce-menu-item {
  padding: 7px 16px 8px 15px;
  height: 30px;
  box-sizing: border-box; }

.mce-menu-has-icons .mce-menu-item.mce-kList {
  padding: 7px 16px 8px 16px; }

.mce-menu-has-icons .mce-text {
  padding: 0 0 0 8px; }

.mce-menu-has-icons .mce-menu .mce-text {
  padding: 0; }

.mce-menu-has-icons .mce-ico {
  margin: 0; }

.mce-menu-has-icons .opt_g_type4 {
  height: 27px; }

.mce-btn-group {
  display: inline-block;
  position: relative;
  margin: 8px 8px 8px 9px; }
  .mce-btn-group:before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: -9px;
    width: 1px;
    height: 45px;
    background-color: #EFEFEF; }
  .mce-btn-group.mce-first {
    margin: 8px; }
    .mce-btn-group.mce-first:before {
      content: '';
      display: none; }

.mce-btn {
  display: inline-block;
  position: relative;
  width: auto;
  height: auto;
  cursor: pointer; }
  .mce-btn.mce-opened:hover:not(.mce-disabled) button, .mce-btn.mce-opened:not(.mce-disabled) button, .mce-btn.mce-active:hover:not(.mce-disabled) button, .mce-btn.mce-active:not(.mce-disabled) button {
    background-color: #333333; }
  .mce-btn.mce-opened:hover .mce-txt, .mce-btn.mce-opened .mce-txt, .mce-btn.mce-active:hover .mce-txt, .mce-btn.mce-active .mce-txt {
    color: #fff; }
  .mce-btn.mce-disabled {
    opacity: 0.3; }
  .mce-btn:hover button {
    background-color: #0000000a; }
  .mce-btn button {
    width: auto;
    min-width: 27px;
    height: 29px;
    margin: 0 1px 0 0;
    padding: 0 5px;
    border: 0;
    font-size: 0;
    line-height: 0;
    border-radius: 2px;
    position: relative;
    text-align: center;
    box-sizing: border-box; }
  .mce-btn.mce-last button {
    margin: 0; }
  .mce-btn .mce-caret {
    position: static;
    top: auto;
    right: auto;
    margin: 5px 0 0 2px;
    vertical-align: top; }
  .mce-btn .mce-txt {
    height: auto;
    color: #333;
    font-size: 13px;
    line-height: 15px;
    font-style: normal; }

.mce-top-part .mce-toolbar-grp .mce-btn-group {
  margin: 0 0 0 19px; }
  .mce-top-part .mce-toolbar-grp .mce-btn-group:before {
    top: 29px;
    left: -10px;
    height: 13px; }
  .mce-top-part .mce-toolbar-grp .mce-btn-group.mce-first {
    margin: 0; }
    .mce-top-part .mce-toolbar-grp .mce-btn-group.mce-first .mce-last button {
      width: 72px;
      text-align: left; }
  .mce-top-part .mce-toolbar-grp .mce-btn-group.mce-last .mce-btn {
    margin-left: 2px; }

.mce-top-part .mce-toolbar-grp .mce-btn {
  margin: 21px 1px 0 0; }
  .mce-top-part .mce-toolbar-grp .mce-btn.mce-hilitecolor {
    margin: 21px 1px 0 0; }
  .mce-top-part .mce-toolbar-grp .mce-btn.mce-tistory-mode button, .mce-top-part .mce-toolbar-grp .mce-btn.mce-hilitecolor button, .mce-top-part .mce-toolbar-grp .mce-btn.mce-forecolor button {
    padding: 0 6px 0 6px; }
  .mce-top-part .mce-toolbar-grp .mce-btn.mce-btn-has-text button {
    padding: 6px 5px 8px 7px; }
  .mce-top-part .mce-toolbar-grp .mce-btn button {
    margin: 0; }

.mce-top-part .mce-toolbar-grp .mce-colorbutton.mce-forecolor .mce-preview {
  left: 15px;
  box-shadow: 0 0 0 1px inset #00000021; }

.mce-top-part .mce-toolbar-grp .mce-colorbutton.mce-forecolor.mce-opened .mce-preview {
  box-shadow: 0 0 0 1px inset #ffffffcc; }

.mce-top-part .mce-toolbar-grp .mce-colorbutton.mce-hilitecolor .mce-preview {
  left: 6px;
  background-color: #fff; }

.mce-top-part .btn-menu-attach {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  width: 100%; }

blockquote {
  border-left: 10px solid #eee;
  padding: 10px 14px; }
  blockquote .box {
    border: 0;
    padding: 26px 24px 28px;
    background-color: #f0f0f0; }

.mce-panel .mce-btn.mce-active.mce-disabled .mce-ico.mce-i-link {
  background-position: -260px -20px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-image,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-image {
  background-position: -240px 0; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-bold,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-bold {
  background-position: 0px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-italic,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-italic {
  background-position: -20px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-underline,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-underline {
  background-position: -40px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-strikethrough,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-strikethrough {
  background-position: -60px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-forecolor,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-forecolor {
  background-position: -80px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-alignleft,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-alignleft {
  background-position: -100px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-aligncenter,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-aligncenter {
  background-position: -120px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-alignright,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-alignright {
  background-position: -140px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-alignjustify,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-alignjustify {
  background-position: -160px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-kList,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-kList {
  background-position: -180px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-table,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-table {
  background-position: -240px -40px; }

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

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-hrList,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-hrList {
  background-position: -280px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-more, .mce-panel .mce-btn.mce-opened .mce-ico.ico_more,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-more,
.mce-panel .mce-btn.mce-active .mce-ico.ico_more {
  background-position: -300px -40px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-resizeimage,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-resizeimage {
  background-position: -20px -80px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-imagealignleft,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-imagealignleft {
  background-position: -40px -80px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-imagealigncenter,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-imagealigncenter {
  background-position: -60px -80px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-imagealignright,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-imagealignright {
  background-position: -80px -80px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-imagefloatleft,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-imagefloatleft {
  background-position: -100px -80px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-imagefloatright,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-imagefloatright {
  background-position: -120px -80px; }

.mce-panel .mce-btn.mce-opened .mce-ico.mce-i-imagewidthcontent,
.mce-panel .mce-btn.mce-active .mce-ico.mce-i-imagewidthcontent {
  background-position: -160px -80px; }

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

.mce-panel .mce-btn.mce-opened .mce-caret,
.mce-panel .mce-btn.mce-active .mce-caret {
  background-position: -340px -20px; }

.mce-panel .mce-btn.mce-opened .mce-menu .mce-ico.mce-i-image,
.mce-panel .mce-btn.mce-active .mce-menu .mce-ico.mce-i-image {
  background-position: 0 0; }

.mce-panel .mce-ico,
.mce-panel .mce-caret {
  background-image: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/toolbar-icon.svg);
  background-size: 400px 180px; }

.mce-panel .mce-ico {
  width: 17px;
  height: 17px; }
  .mce-panel .mce-ico.mce-i-none {
    display: none; }
  .mce-panel .mce-ico.mce-i-image {
    background-position: 0 0; }
  .mce-panel .mce-ico.mce-i-imageTile, .mce-panel .mce-ico.ico_tile {
    background-position: -20px -0px; }
  .mce-panel .mce-ico.mce-i-file, .mce-panel .mce-ico.ico_file {
    background-position: -40px -0px; }
  .mce-panel .mce-ico.mce-i-video {
    background-position: -60px -0px; }
  .mce-panel .mce-ico.mce-i-imageSlide {
    background-position: -80px -0px; }
  .mce-panel .mce-ico.mce-i-maps {
    background-position: -100px -0px; }
  .mce-panel .mce-ico.mce-i-template, .mce-panel .mce-ico.ico_style {
    background-position: -120px -0px; }
  .mce-panel .mce-ico.mce-i-fold, .mce-panel .mce-ico.ico_fold_desc {
    background-position: -140px -0px; }
  .mce-panel .mce-ico.mce-i-special_character, .mce-panel .mce-ico.ico_special_character {
    background-position: -160px -0px; }
  .mce-panel .mce-ico.mce-i-codesample {
    background-position: -180px -0px; }
  .mce-panel .mce-ico.mce-i-plugin, .mce-panel .mce-ico.ico_plugin {
    background-position: -200px -0px; }
  .mce-panel .mce-ico.mce-i-bold {
    background-position: -0px -20px; }
  .mce-panel .mce-ico.mce-i-italic {
    background-position: -20px -20px; }
  .mce-panel .mce-ico.mce-i-underline, .mce-panel .mce-ico.ico_underline {
    background-position: -40px -20px; }
  .mce-panel .mce-ico.mce-i-strikethrough {
    background-position: -60px -20px; }
  .mce-panel .mce-ico.mce-i-forecolor, .mce-panel .mce-ico.mce-i-hilitecolor {
    background-position: -80px -20px; }
    .mce-panel .mce-ico.mce-i-forecolor.white-text, .mce-panel .mce-ico.mce-i-hilitecolor.white-text {
      border-radius: 1px;
      background-position: -80px -40px; }
  .mce-panel .mce-ico.mce-i-alignleft {
    background-position: -100px -20px; }
  .mce-panel .mce-ico.mce-i-aligncenter {
    background-position: -120px -20px; }
  .mce-panel .mce-ico.mce-i-alignright {
    background-position: -140px -20px; }
  .mce-panel .mce-ico.mce-i-alignjustify {
    background-position: -160px -20px; }
  .mce-panel .mce-ico.mce-i-kList, .mce-panel .mce-ico.ico_list {
    background-position: -180px -20px; }
  .mce-panel .mce-ico.mce-i-table {
    background-position: -240px -20px; }
  .mce-panel .mce-ico.mce-i-link {
    background-position: -260px -20px; }
  .mce-panel .mce-ico.mce-i-hrList {
    background-position: -280px -20px; }
  .mce-panel .mce-ico.mce-i-more, .mce-panel .mce-ico.ico_more {
    background-position: -300px -20px; }
  .mce-panel .mce-ico.mce-i-list-disc {
    background-position: -180px -20px; }
  .mce-panel .mce-ico.mce-i-list-checkbox, .mce-panel .mce-ico.mce-i-list-circle {
    background-position: -200px -20px; }
  .mce-panel .mce-ico.mce-i-list-decimal {
    background-position: -220px -20px; }
  .mce-panel .mce-ico.mce-i-imageedit {
    background-position: 0 -60px; }
  .mce-panel .mce-ico.mce-i-resizeimage {
    background-position: -20px -60px; }
  .mce-panel .mce-ico.mce-i-imagealignleft {
    background-position: -40px -60px; }
  .mce-panel .mce-ico.mce-i-imagealigncenter {
    background-position: -60px -60px; }
  .mce-panel .mce-ico.mce-i-imagealignright {
    background-position: -80px -60px; }
  .mce-panel .mce-ico.mce-i-imagefloatleft {
    background-position: -100px -60px; }
  .mce-panel .mce-ico.mce-i-imagefloatright {
    background-position: -120px -60px; }
  .mce-panel .mce-ico.mce-i-imageslideedit {
    background-position: -140px -60px; }
  .mce-panel .mce-ico.mce-i-imagewidthcontent {
    background-position: -160px -60px; }
  .mce-panel .mce-ico.mce-i-imagewidthreset {
    background-position: -180px -60px; }
  .mce-panel .mce-ico.mce-i-tablepreset {
    background-position: 0 -100px; }
  .mce-panel .mce-ico.mce-i-tablemergecells {
    background-position: -20px -100px; }
  .mce-panel .mce-ico.mce-i-tablesplitcells {
    background-position: -40px -100px; }
  .mce-panel .mce-ico.mce-i-tableinsertrowbefore {
    background-position: -60px -100px; }
  .mce-panel .mce-ico.mce-i-tableinsertrowafter {
    background-position: -80px -100px; }
  .mce-panel .mce-ico.mce-i-tabledeleterow {
    background-position: -100px -100px; }
  .mce-panel .mce-ico.mce-i-tableinsertcolbefore {
    background-position: -120px -100px; }
  .mce-panel .mce-ico.mce-i-tableinsertcolafter {
    background-position: -140px -100px; }
  .mce-panel .mce-ico.mce-i-tabledeletecol {
    background-position: -160px -100px; }
  .mce-panel .mce-ico.mce-i-tabledelete {
    background-position: -180px -100px; }

.mce-panel .mce-caret {
  background-image: url(https://t1.daumcdn.net/keditor/dist/0.4.9/image/toolbar-icon.svg);
  background-position: -320px -20px; }

.mce-window .mce-charmap {
  width: 628px;
  padding: 0 32px; }
  .mce-window .mce-charmap td {
    text-align: center; }
    .mce-window .mce-charmap td div {
      width: 31px;
      height: 31px;
      line-height: 31px;
      margin: 0 auto;
      border-radius: 3px;
      cursor: pointer; }
      .mce-window .mce-charmap td div:hover {
        background-color: rgba(0, 0, 0, 0.1); }

.template-layer {
  width: 100%;
  height: 100%; }
  .template-layer .mce-window {
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -270px 0 0 -356px;
    width: 712px;
    height: 541px; }
  .template-layer .template-layer-body {
    width: 712px;
    height: 358px; }
    .template-layer .template-layer-body .wrap-simple-list {
      margin: 0 auto;
      width: 628px;
      height: 358px; }
      .template-layer .template-layer-body .wrap-simple-list .info_editor dt {
        color: #777; }
      .template-layer .template-layer-body .wrap-simple-list .info_editor dd {
        width: 492px; }
        .template-layer .template-layer-body .wrap-simple-list .info_editor dd .layer_info {
          width: 532px; }
  .template-layer .message {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }

.mce-grid {
  width: 209px;
  height: 209px;
  margin: 16px 16px 10px;
  border-collapse: collapse; }
  .mce-grid td {
    border: 1px solid #E4E4E4; }
    .mce-grid td:hover {
      position: relative;
      z-index: 1; }
  .mce-grid a {
    position: relative;
    display: block;
    width: 23px;
    height: 23px;
    background-color: #fff; }
    .mce-grid a:after {
      content: ' ';
      position: relative;
      display: block;
      width: 23px;
      height: 23px;
      background-color: #fff; }
    .mce-grid a.mce-active:after {
      position: absolute;
      width: 25px;
      height: 25px;
      top: -1px;
      left: -1px;
      background-color: #fff;
      box-sizing: border-box;
      border: 1px solid #444; }

.mce-container .keditor-link-panel {
  padding: 22px 18px !important;
  box-shadow: none; }
  .mce-container .keditor-link-panel .klink-form .body {
    padding: 0;
    box-sizing: content-box;
    border: 0; }
    .mce-container .keditor-link-panel .klink-form .body .form-field {
      margin: 0; }
      .mce-container .keditor-link-panel .klink-form .body .form-field .form-text {
        padding-bottom: 4px;
        font-size: 13px;
        height: 27px;
        border-bottom: 1px solid #e3e3e3; }
  .mce-container .keditor-link-panel .klink-form .footer {
    text-align: center;
    display: block;
    margin: 17px 0 0;
    padding: 0;
    height: auto;
    box-sizing: content-box; }
    .mce-container .keditor-link-panel .klink-form .footer .form-field {
      display: block;
      text-align: left;
      margin-bottom: 30px; }
      .mce-container .keditor-link-panel .klink-form .footer .form-field .form-checkbox {
        width: 16px;
        height: 16px;
        margin: 0;
        top: 0; }
    .mce-container .keditor-link-panel .klink-form .footer .btn {
      width: 76px;
      height: 30px;
      border: 1px solid #d0d0d0;
      border-radius: 21px;
      box-sizing: border-box; }
      .mce-container .keditor-link-panel .klink-form .footer .btn.btn-default {
        background-color: #000;
        color: #fff;
        border: 1px solid #000; }
        .mce-container .keditor-link-panel .klink-form .footer .btn.btn-default:disabled {
          background: #fff;
          border-color: #e0e5ee;
          color: #959595;
          box-shadow: none;
          cursor: not-allowed; }
        .mce-container .keditor-link-panel .klink-form .footer .btn.btn-default:not([disabled]):hover {
          border-color: #f54;
          color: #fff;
          background-color: #f54; }
      .mce-container .keditor-link-panel .klink-form .footer .btn.btn-unlink {
        width: 76px; }
        .mce-container .keditor-link-panel .klink-form .footer .btn.btn-unlink:hover {
          border-color: #f54;
          color: #fff;
          background-color: #f54; }

.mce-kList .mce-text {
  display: none; }

.mce-codeblock-dialog-container .mce-codeblock-shadow {
  opacity: 0.9;
  filter: alpha(opacity=90);
  background-color: #ffffff !important; }

.mce-codeblock-dialog-container .mce-codeblock-dialog {
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) !important;
  border: 0 !important;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }
  .mce-codeblock-dialog-container .mce-codeblock-dialog .mce-window-head .mce-codeblock-select-wrapper {
    bottom: 17px;
    left: 109px; }

.mce-codeblock-dialog-container .mce-btn .mce-txt {
  font-size: 12px; }

.mce-codeblock-dialog-container .mce-btn:hover button {
  background-color: transparent; }

.mce-codeblock-dialog-container .mce-btn.mce-opened:hover button,
.mce-codeblock-dialog-container .mce-btn.mce-opened button {
  background-color: transparent;
  color: transparent; }

.mce-codeblock-dialog-container .mce-btn.mce-opened .mce-txt {
  color: #333; }

.mce-codeblock-dialog-container .mce-btn.mce-opened .mce-caret {
  background-position: -200px -40px; }

.mce-container.mce-kImageResize {
  width: 99px; }
  .mce-container.mce-kImageResize.mce-floatpanel.mce-popover.mce-bottom {
    margin-top: 11px; }

.mce-btn.mce-imageWidthReset {
  box-sizing: border-box;
  right: auto;
  left: 71px;
  width: auto; }
  .mce-btn.mce-imageWidthReset button {
    padding: 5px; }

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

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style1 {
  margin: 6px 0 5px 5px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style2 {
  margin: 7px 0 6px 5px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style3 {
  margin: 5px 0 3px 5px;
  width: 50px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style4 {
  margin: -2px 0 0 5px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style5 {
  margin: 7px 0 6px 1px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style6 {
  margin: 7px 0 6px 1px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style7 {
  margin: 1px 0 1px 5px; }

.mce-hr.mce-menu-item .mce-ico.mce-i-hr-style8 {
  margin: 1px 0 1px 5px; }

.grammar_close {
  background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_tistory.svg);
  background-size: 400px 100px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -80px -20px; }
  .grammar_close.active, .grammar_close:hover {
    background-position: -80px -40px; }

.markdown-editor {
  overflow-y: auto;
  position: relative;
  margin: 0 auto;
  /* tistory-markdown THEME */ }
  .markdown-editor .CodeMirror {
    height: auto;
    width: 860px;
    margin: 20px auto 40px; }
    .markdown-editor .CodeMirror pre {
      font-size: 14px;
      font-family: monospace, AppleSDGothicNeo, Noto Sans Regular, Noto Sans DemiLight, sans-serif;
      letter-spacing: -0.4px;
      line-height: 26px;
      padding-left: 0; }
  .markdown-editor .cm-s-tistory-markdown .cm-header {
    color: #000; }
  .markdown-editor .cm-s-tistory-markdown .cm-quote {
    color: #090; }
  .markdown-editor .cm-s-tistory-markdown .cm-negative {
    color: #d44; }
  .markdown-editor .cm-s-tistory-markdown .cm-positive {
    color: #292; }
  .markdown-editor .cm-s-tistory-markdown .cm-header,
  .markdown-editor .cm-s-tistory-markdown .cm-strong {
    font-weight: bold; }
  .markdown-editor .cm-s-tistory-markdown .cm-em {
    font-style: italic; }
  .markdown-editor .cm-s-tistory-markdown .cm-link {
    text-decoration: underline; }
  .markdown-editor .cm-s-tistory-markdown .cm-strikethrough {
    text-decoration: line-through; }
  .markdown-editor .cm-s-tistory-markdown .cm-keyword {
    color: #708; }
  .markdown-editor .cm-s-tistory-markdown .cm-atom {
    color: #219; }
  .markdown-editor .cm-s-tistory-markdown .cm-number {
    color: #164; }
  .markdown-editor .cm-s-tistory-markdown .cm-def {
    color: #00f; }
  .markdown-editor .cm-s-tistory-markdown .cm-variable-2 {
    color: #838393; }
  .markdown-editor .cm-s-tistory-markdown .cm-variable-3,
  .markdown-editor .cm-s-tistory-markdown .cm-type {
    color: #085; }
  .markdown-editor .cm-s-tistory-markdown .cm-comment {
    color: #6a737d; }
  .markdown-editor .cm-s-tistory-markdown .cm-string {
    color: #a11; }
  .markdown-editor .cm-s-tistory-markdown .cm-string-2 {
    color: #f50; }
  .markdown-editor .cm-s-tistory-markdown .cm-meta {
    color: #555; }
  .markdown-editor .cm-s-tistory-markdown .cm-qualifier {
    color: #555; }
  .markdown-editor .cm-s-tistory-markdown .cm-builtin {
    color: #30a; }
  .markdown-editor .cm-s-tistory-markdown .cm-bracket {
    color: #997; }
  .markdown-editor .cm-s-tistory-markdown .cm-tag {
    color: #170; }
  .markdown-editor .cm-s-tistory-markdown .cm-attribute {
    color: #00c; }
  .markdown-editor .cm-s-tistory-markdown .cm-hr {
    color: #999; }
  .markdown-editor .cm-s-tistory-markdown .cm-url {
    color: #032f62; }
  .markdown-editor .cm-s-tistory-markdown .cm-link {
    color: #366CD9; }
  .markdown-editor .cm-s-tistory-markdown .cm-error {
    color: #f00; }
  .markdown-editor .cm-s-tistory-markdown .cm-invalidchar {
    color: #f00; }
  .markdown-editor .cm-s-tistory-markdown .CodeMirror-composing {
    border-bottom: 2px solid; }

.editor_type2 {
  background-color: #26292F; }
  .editor_type2 .editor_tag {
    width: auto;
    margin: 0 0 0 60px; }
    .editor_type2 .editor_tag .tf_g {
      color: #909090;
      background-color: transparent; }
      .editor_type2 .editor_tag .tf_g::placeholder {
        color: rgba(255, 255, 255, 0.6); }
    .editor_type2 .editor_tag .txt_tag {
      color: #909090; }

.html-editor {
  overflow-y: auto;
  position: relative;
  margin: 0 auto;
  /* tistory-html THEME */ }
  .html-editor .btn-category {
    margin: 36px 0 0 60px; }
    .html-editor .btn-category .mce-btn button {
      border: 1px solid rgba(238, 238, 238, 0.1); }
    .html-editor .btn-category .mce-btn .mce-txt {
      color: #909090; }
    .html-editor .btn-category .mce-btn .mce-caret {
      background-position: -260px 0px; }
    .html-editor .btn-category .mce-btn.mce-opened .mce-caret {
      transform: rotate(180deg); }
    .html-editor .btn-category .mce-btn.mce-opened:hover button,
    .html-editor .btn-category .mce-btn.mce-opened button {
      background-color: transparent; }
      .html-editor .btn-category .mce-btn.mce-opened:hover button .mce-txt,
      .html-editor .btn-category .mce-btn.mce-opened button .mce-txt {
        color: #909090; }
  .html-editor .CodeMirror {
    height: auto;
    margin: 13px 60px 40px 0; }
    .html-editor .CodeMirror pre {
      font-size: 14px;
      font-family: monospace, AppleSDGothicNeo, Noto Sans Regular, Noto Sans DemiLight, sans-serif;
      letter-spacing: -0.4px;
      line-height: 26px;
      padding-left: 0; }
  .html-editor .cm-s-tistory-html {
    background-color: #26292f;
    color: rgba(255, 255, 255, 0.6); }
    .html-editor .cm-s-tistory-html .CodeMirror-gutters {
      background-color: #26292f;
      border: 0; }
    .html-editor .cm-s-tistory-html .CodeMirror-linenumber {
      padding: 4px 16px 0 18px;
      font-family: Avenir Next, sans-serif;
      font-size: 14px;
      font-weight: 500;
      color: rgba(255, 255, 255, 0.3); }
    .html-editor .cm-s-tistory-html .CodeMirror-sizer {
      margin-left: 60px !important; }
    .html-editor .cm-s-tistory-html .CodeMirror-cursor {
      border-color: #fff; }
    .html-editor .cm-s-tistory-html .CodeMirror-selected {
      background-color: #404754; }
    .html-editor .cm-s-tistory-html .CodeMirror-scroll {
      overflow: scroll !important;
      margin-bottom: -50px;
      margin-right: -50px;
      padding-bottom: 50px;
      height: 100%;
      outline: none;
      position: relative; }
    .html-editor .cm-s-tistory-html .cm-header {
      color: #000; }
    .html-editor .cm-s-tistory-html .cm-quote {
      color: #090; }
    .html-editor .cm-s-tistory-html .cm-negative {
      color: #d44; }
    .html-editor .cm-s-tistory-html .cm-positive {
      color: #292; }
    .html-editor .cm-s-tistory-html .cm-header,
    .html-editor .cm-s-tistory-html .cm-strong {
      font-weight: bold; }
    .html-editor .cm-s-tistory-html .cm-em {
      font-style: italic; }
    .html-editor .cm-s-tistory-html .cm-link {
      text-decoration: underline; }
    .html-editor .cm-s-tistory-html .cm-strikethrough {
      text-decoration: line-through; }
    .html-editor .cm-s-tistory-html .cm-keyword {
      color: #708; }
    .html-editor .cm-s-tistory-html .cm-atom {
      color: #666666; }
    .html-editor .cm-s-tistory-html .cm-number {
      color: #164; }
    .html-editor .cm-s-tistory-html .cm-def {
      color: #00f; }
    .html-editor .cm-s-tistory-html .cm-variable-2 {
      color: #838393; }
    .html-editor .cm-s-tistory-html .cm-variable-3,
    .html-editor .cm-s-tistory-html .cm-type {
      color: #085; }
    .html-editor .cm-s-tistory-html .cm-comment {
      color: #6a737d; }
    .html-editor .cm-s-tistory-html .cm-string {
      color: #9bd570; }
    .html-editor .cm-s-tistory-html .cm-string-2 {
      color: #f50; }
    .html-editor .cm-s-tistory-html .cm-meta {
      color: #555; }
    .html-editor .cm-s-tistory-html .cm-qualifier {
      color: #555; }
    .html-editor .cm-s-tistory-html .cm-builtin {
      color: #30a; }
    .html-editor .cm-s-tistory-html .cm-tag {
      color: #ff5544; }
    .html-editor .cm-s-tistory-html .cm-bracket {
      color: #ff5544; }
    .html-editor .cm-s-tistory-html .cm-attribute {
      color: #d19966; }
    .html-editor .cm-s-tistory-html .cm-hr {
      color: #999; }
    .html-editor .cm-s-tistory-html .cm-url {
      color: #032f62; }
    .html-editor .cm-s-tistory-html .cm-link {
      color: #366CD9; }
    .html-editor .cm-s-tistory-html .cm-error {
      color: #f00; }
    .html-editor .cm-s-tistory-html .cm-invalidchar {
      color: #f00; }
    .html-editor .cm-s-tistory-html .CodeMirror-composing {
      border-bottom: 2px solid; }

.content-aside {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 66px;
  background-color: #F5F5F5;
  z-index: 1;
  overflow: hidden;
  min-width: 944px;
  text-align: right; }
  .content-aside.no-footer {
    display: none; }
  .content-aside .wrap_btn_edit {
    float: left;
    margin: 25px 0 0 59px;
    line-height: 38px; }
    .content-aside .wrap_btn_edit .btn_type1 + .btn_type1,
    .content-aside .wrap_btn_edit .btn_type1 + .opensource {
      overflow: visible;
      position: relative;
      margin-left: 35px; }
      .content-aside .wrap_btn_edit .btn_type1 + .btn_type1:before,
      .content-aside .wrap_btn_edit .btn_type1 + .opensource:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -19px;
        width: 1px;
        height: 17px;
        background-color: #E5E5E5;
        vertical-align: top; }
    .content-aside .wrap_btn_edit .ico_preview {
      float: left;
      margin: 0 10px 0 0; }
    .content-aside .wrap_btn_edit .ico_validator {
      float: left;
      margin: 0 9px 0 0; }
    .content-aside .wrap_btn_edit .ico_help {
      float: left;
      margin: 0 9px 0 0; }
    .content-aside .wrap_btn_edit .btn_txt {
      color: #555; }
    .content-aside .wrap_btn_edit .opensource {
      font-size: 12px;
      color: #333;
      position: relative;
      width: 88px;
      height: 18px;
      cursor: pointer;
      text-decoration: none;
      white-space: nowrap;
      vertical-align: top;
      display: inline-block; }
      .content-aside .wrap_btn_edit .opensource .ico-opensource {
        width: 94px;
        height: 16px;
        background-position: 0 -60px;
        top: 1px;
        left: 1px;
        vertical-align: top;
        background-image: url(https://t1.daumcdn.net/tistory_admin/static/manage/post-editor/img_editor_tistory.svg); }
  .content-aside .wrap_btn {
    float: right;
    padding: 13px 54px 0 0; }
    .content-aside .wrap_btn .btn {
      width: 88px;
      margin: 0 4px;
      line-height: 38px; }
    .content-aside .wrap_btn .btn-draft {
      width: 122px;
      vertical-align: middle;
      display: inline-block; }
      .content-aside .wrap_btn .btn-draft a {
        text-decoration: none; }
      .content-aside .wrap_btn .btn-draft .txt {
        font-size: 13px;
        color: #333; }
      .content-aside .wrap_btn .btn-draft .action {
        font-size: 13px;
        cursor: pointer;
        display: inline-block;
        border-radius: 20px 0 0 20px;
        padding: 0 7px 0 14px; }
      .content-aside .wrap_btn .btn-draft .count {
        font-size: 14px;
        color: #f95911;
        cursor: pointer;
        font-family: 'Avenir Next', sans-serif;
        display: inline-block;
        border-radius: 0 20px 20px 0;
        padding: 0 14px 0 0; }
        .content-aside .wrap_btn .btn-draft .count::before {
          content: '';
          width: 1px;
          height: 12px;
          background-color: rgba(0, 0, 0, 0.09);
          display: inline-block;
          margin: 0 9px -1px 0; }
      .content-aside .wrap_btn .btn-draft:hover {
        color: inherit;
        background-color: transparent;
        border-color: #d0d0d0; }
  .content-aside.content-aside-type1 {
    background-color: #26292F; }
    .content-aside.content-aside-type1 .ico_preview {
      background-position: -20px 0; }
    .content-aside.content-aside-type1 .btn_type1 .btn_txt {
      color: rgba(255, 255, 255, 0.8); }
    .content-aside.content-aside-type1 .btn {
      color: #fff;
      border: 1px solid rgba(255, 255, 255, 0.3); }
    .content-aside.content-aside-type1 .btn-default {
      background-color: #fff;
      color: #333; }
    .content-aside.content-aside-type1 .btn-draft .txt,
    .content-aside.content-aside-type1 .btn-draft .action {
      color: #fff; }
    .content-aside.content-aside-type1 .btn-draft .count::before {
      background-color: rgba(255, 255, 255, 0.1); }
    .content-aside.content-aside-type1 .btn-draft:hover {
      border-color: rgba(255, 255, 255, 0.3); }
    .content-aside.content-aside-type1:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: rgba(255, 255, 255, 0.05); }
  .content-aside .status-text-bar {
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
    height: 66px;
    line-height: 66px;
    font-size: 13px;
    color: #777777;
    margin-right: 10px;
    font-weight: 300;
    -webkit-transition: opacity 2s ease-in-out;
    -moz-transition: opacity 2s ease-in-out;
    -ms-transition: opacity 2s ease-in-out;
    -o-transition: opacity 2s ease-in-out;
    transition: opacity 2s ease-in-out;
    opacity: 1;
    width: 200px; }
    .content-aside .status-text-bar.hidden {
      opacity: 0; }
  .content-aside .toast {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -66px;
    height: 66px;
    background-color: #333333;
    z-index: 10;
    overflow: hidden;
    min-width: 944px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: bottom ease-in 0.1s, opacity ease-in 0.1s;
    opacity: 0; }
    .content-aside .toast.open {
      bottom: 0;
      opacity: 1; }
    .content-aside .toast .message {
      color: #e9e9e9;
      font-size: 15px; }

.ReactModal__Overlay {
  opacity: 0;
  transition: opacity 400ms cubic-bezier(0, 1, 1, 1);
  z-index: 1; }
  .ReactModal__Overlay.ReactModal__Overlay--after-open {
    opacity: 1; }
  .ReactModal__Overlay.ReactModal__Overlay--before-close {
    opacity: 0; }

.ReactModal__Content {
  transition: transform 200ms cubic-bezier(0, 1, 1, 1);
  transform: translate(0, 300px); }
  .ReactModal__Content.ReactModal__Content--after-open {
    transform: translate(0, 0); }
  .ReactModal__Content.ReactModal__Content--before-open {
    transform: translate(100px, 10px); }

.preview_layer {
  position: fixed;
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  background-color: #F5F5F5; }
  .preview_layer .desc_layer {
    display: block;
    margin: 23px auto 0;
    font-size: 16px;
    line-height: 28px;
    color: #333;
    font-family: Noto Sans Light,AppleSDGothicNeo-Regular,'Malgun Gothic',dotum,sans-serif;
    text-align: center; }
  .preview_layer .layer_head {
    position: fixed;
    width: 100%;
    height: 73px;
    top: 0;
    border-bottom: none;
    background-color: #F5F5F5;
    z-index: 1; }
    .preview_layer .layer_head::after {
      content: '';
      clear: both;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.05); }
    .preview_layer .layer_head .tit_layer {
      display: block;
      float: none;
      position: absolute;
      top: 23px;
      left: 60px; }
    .preview_layer .layer_head .txt_num {
      display: inline-block;
      padding: 4px 0 0 5px;
      font-family: "Avenir Next", AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
      font-size: 14px;
      color: #909090;
      vertical-align: top; }
      .preview_layer .layer_head .txt_num em {
        color: #333; }
  .preview_layer .layer_body {
    position: fixed;
    top: 73px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto; }
    .preview_layer .layer_body iframe {
      display: block;
      border: 0;
      margin: 0 auto;
      background-color: #fff; }
  .preview_layer .layer_foot .btn_close {
    position: fixed;
    top: 0;
    right: 30px;
    width: 72px;
    height: 72px;
    border: none;
    background-image: none;
    z-index: 1; }
    .preview_layer .layer_foot .btn_close .inner_btn {
      display: table;
      margin: 0 auto; }
    .preview_layer .layer_foot .btn_close .ico_close {
      display: table-cell; }
  .preview_layer .preview_setting {
    position: relative;
    width: 220px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    background-color: #f5f5f5; }
    .preview_layer .preview_setting .ico_pc {
      margin: 25px 0 0 2px; }
    .preview_layer .preview_setting .ico_mobile {
      overflow: visible;
      position: relative;
      margin: 25px 39px 0 43px; }
      .preview_layer .preview_setting .ico_mobile::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -26px;
        width: 1px;
        height: 21px;
        background-color: rgba(0, 0, 0, 0.05); }
      .preview_layer .preview_setting .ico_mobile::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 37px;
        width: 1px;
        height: 21px;
        background-color: rgba(0, 0, 0, 0.05); }
    .preview_layer .preview_setting .inp_type1 {
      margin: 23px 0 0;
      vertical-align: top;
      width: 42px;
      height: 24px;
      padding: 1px 0 0 4px;
      font-size: 14px;
      line-height: 20px;
      color: #909090;
      font-family: Avenir Next, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
      border: 1px solid #E9E9E9;
      box-sizing: border-box;
      background-color: #fff;
      -webkit-appearance: none; }
      .preview_layer .preview_setting .inp_type1:focus {
        border-color: #909090;
        color: #333; }
    .preview_layer .preview_setting .ico_close_type1 {
      margin: 32px 4px 0;
      vertical-align: top; }

.a {
  color: #909090; }

.inner_editor_layer1 {
  width: 860px;
  margin: 0 auto;
  padding: 35px 0 42px;
  box-sizing: border-box; }
  .inner_editor_layer1 .btn {
    width: 150px;
    margin: 0 4px;
    line-height: 38px; }
    .inner_editor_layer1 .btn.btn-cancel {
      width: 88px; }
  .inner_editor_layer1 .ccl_editor {
    position: relative; }
    .inner_editor_layer1 .ccl_editor:hover .layer_info {
      display: block; }
    .inner_editor_layer1 .ccl_editor .layer_info {
      display: none;
      width: 220px;
      padding: 14px 12px 11px; }
      .inner_editor_layer1 .ccl_editor .layer_info:after {
        left: 180px; }
      .inner_editor_layer1 .ccl_editor .layer_info .checkbox-text {
        font-size: 12px; }
    .inner_editor_layer1 .ccl_editor .inner_layer > .inp_item:first-child {
      margin: 0 0 2px 8px; }
  .inner_editor_layer1 .wrap_ccl {
    margin: 5px 2px 0 0;
    font-size: 0;
    text-align: right; }
    .inner_editor_layer1 .wrap_ccl .txt_ccl {
      display: block;
      margin: -3px -2px 0 0;
      font-size: 13px;
      color: #909090;
      cursor: pointer; }
    .inner_editor_layer1 .wrap_ccl .mce-ico {
      display: inline-block;
      width: 17px;
      height: 17px;
      margin: 0 0 0 5px;
      vertical-align: top; }
  .inner_editor_layer1 .info_ccl {
    padding: 13px 0 0px 7px;
    border-top: 1px solid #F6F6F6;
    margin-top: 7px; }
    .inner_editor_layer1 .info_ccl dt {
      font-size: 12px;
      line-height: 18px;
      color: rgba(0, 0, 0, 0.4); }
    .inner_editor_layer1 .info_ccl dd {
      padding: 8px 0 0; }
    .inner_editor_layer1 .info_ccl .inp_item + .inp_item {
      margin: 0 0 0 13px; }
    .inner_editor_layer1 .info_ccl .wrap_inp {
      padding: 1px 0 0; }
  .inner_editor_layer1 .publish_editor {
    position: relative;
    padding: 32px 0 0;
    min-height: 176px; }
    .inner_editor_layer1 .publish_editor .tit_publish {
      display: block;
      display: -webkit-box;
      overflow: hidden;
      max-height: 96px;
      margin: 0 0 14px;
      padding: 0 220px 0 0;
      font-weight: normal;
      font-size: 24px;
      line-height: 32px;
      letter-spacing: -0.5px;
      text-overflow: ellipsis;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      word-break: break-word; }
    .inner_editor_layer1 .publish_editor .info_editor_type2:nth-of-type(1), .inner_editor_layer1 .publish_editor .info_editor_type2:nth-of-type(2) {
      margin-right: 232px; }
      .inner_editor_layer1 .publish_editor .info_editor_type2:nth-of-type(1) dd, .inner_editor_layer1 .publish_editor .info_editor_type2:nth-of-type(2) dd {
        width: 558px; }
    .inner_editor_layer1 .publish_editor .box_thumb {
      position: absolute;
      top: 38px;
      right: 0;
      display: table;
      width: 170px;
      height: 170px;
      border: 1px solid #f0f0f0;
      background-color: #FAFAFA;
      box-sizing: border-box; }
      .inner_editor_layer1 .publish_editor .box_thumb .inp_g {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: .01;
        cursor: pointer; }
      .inner_editor_layer1 .publish_editor .box_thumb .inner_box {
        display: table-cell;
        vertical-align: middle;
        text-align: center; }
      .inner_editor_layer1 .publish_editor .box_thumb .ico_attach {
        display: block;
        margin: 0 auto 8px;
        vertical-align: top; }
      .inner_editor_layer1 .publish_editor .box_thumb .txt_thumb {
        font-size: 12px;
        color: #909090; }
      .inner_editor_layer1 .publish_editor .box_thumb .thumb_g {
        display: block;
        position: absolute;
        top: -1px;
        left: -1px;
        width: 170px;
        height: 170px;
        background-size: cover; }
      .inner_editor_layer1 .publish_editor .box_thumb .ico_delete {
        position: absolute;
        top: 0;
        right: 0; }
  .inner_editor_layer1 .info_editor_type2 {
    height: 65px;
    padding: 22px 0 23px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box; }
    .inner_editor_layer1 .info_editor_type2 dt {
      width: 70px;
      padding: 0;
      line-height: 19px;
      font-family: Noto Sans Medium, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
      color: #000; }
    .inner_editor_layer1 .info_editor_type2 dd {
      width: 788px; }
    .inner_editor_layer1 .info_editor_type2 .inp_item .layer_info {
      display: block;
      white-space: nowrap;
      top: 28px;
      left: -10px; }
      .inner_editor_layer1 .info_editor_type2 .inp_item .layer_info:after {
        bottom: inherit;
        top: -5px;
        transform: rotate(-135deg);
        width: 7px;
        height: 7px;
        left: 15px; }
    .inner_editor_layer1 .info_editor_type2 .inp_item + .mce-btn {
      float: right;
      margin: 1px 0 0 0; }
    .inner_editor_layer1 .info_editor_type2 .mce-btn {
      display: inline-block;
      width: auto;
      height: auto;
      margin: 0;
      vertical-align: top; }
      .inner_editor_layer1 .info_editor_type2 .mce-btn .mce-menu:after {
        display: none; }
      .inner_editor_layer1 .info_editor_type2 .mce-btn .mce-txt {
        display: inline-block;
        position: static;
        color: #909090; }
      .inner_editor_layer1 .info_editor_type2 .mce-btn .mce-caret {
        position: static;
        margin: 5px 0 0 2px;
        vertical-align: top; }
    .inner_editor_layer1 .info_editor_type2.selected .mce-btn .mce-txt {
      color: #111; }
    .inner_editor_layer1 .info_editor_type2 .mce-btn-type1 {
      width: auto;
      height: 18px;
      padding: 0;
      border: 0 none;
      vertical-align: top;
      text-align: left; }
      .inner_editor_layer1 .info_editor_type2 .mce-btn-type1:disabled .mce-txt {
        color: #ddd; }
      .inner_editor_layer1 .info_editor_type2 .mce-btn-type1:disabled .mce-caret {
        display: none; }
    .inner_editor_layer1 .info_editor_type2 .txt_g {
      float: left;
      color: #909090; }
    .inner_editor_layer1 .info_editor_type2 .tf_g {
      overflow: hidden; }
    .inner_editor_layer1 .info_editor_type2 .inp_g {
      display: block;
      width: 100%;
      border: 0 none;
      color: #909090;
      outline: none; }
      .inner_editor_layer1 .info_editor_type2 .inp_g:disabled {
        color: #ddd;
        background-color: #fff; }
    .inner_editor_layer1 .info_editor_type2 .mce-menu-item {
      padding: 7px 4px 7px 16px;
      line-height: 0; }
    .inner_editor_layer1 .info_editor_type2 .active .inp_g {
      color: #333; }
    .inner_editor_layer1 .info_editor_type2.disabled dt {
      color: #ddd; }
    .inner_editor_layer1 .info_editor_type2.disabled dd .txt_g {
      color: #ddd; }
    .inner_editor_layer1 .info_editor_type2.disabled .btn_date:disabled {
      color: #ddd; }
    .inner_editor_layer1 .info_editor_type2 .btn_date {
      overflow: visible;
      float: left;
      padding: 0 0 0 2px;
      color: #909090; }
      .inner_editor_layer1 .info_editor_type2 .btn_date:first-child {
        padding: 0; }
      .inner_editor_layer1 .info_editor_type2 .btn_date.on {
        color: #111; }
      .inner_editor_layer1 .info_editor_type2 .btn_date + .btn_date {
        position: relative;
        margin: 0 0 0 23px; }
        .inner_editor_layer1 .info_editor_type2 .btn_date + .btn_date:before {
          position: absolute;
          top: 4px;
          left: -10px;
          width: 1px;
          height: 12px;
          background-color: rgba(0, 0, 0, 0.1);
          content: ''; }
    .inner_editor_layer1 .info_editor_type2 .txt_reserve {
      display: inline-block;
      float: left;
      position: relative;
      padding: 0 24px 0 0;
      color: #909090;
      vertical-align: top; }
      .inner_editor_layer1 .info_editor_type2 .txt_reserve:after {
        position: absolute;
        top: 4px;
        right: 12px;
        width: 1px;
        height: 12px;
        background-color: rgba(0, 0, 0, 0.1);
        content: ''; }
  .inner_editor_layer1 .wrap_date {
    float: left;
    position: relative;
    margin: -7px 0 0;
    padding: 2px 0 0 2px; }
    .inner_editor_layer1 .wrap_date .box_date {
      float: left;
      height: 30px;
      margin: 0 0 0 7px;
      box-sizing: border-box;
      font-size: 0;
      line-height: 18px;
      text-align: center;
      vertical-align: top; }
      .inner_editor_layer1 .wrap_date .box_date .btn_reserve {
        height: 100%;
        padding: 0 8px;
        font-family: Avenir Next, Noto Sans DemiLight, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
        line-height: 29px;
        border: 1px solid #E9E9E9; }
      .inner_editor_layer1 .wrap_date .box_date.on .btn_reserve {
        border-color: #909090; }
      .inner_editor_layer1 .wrap_date .box_date .inp_g {
        width: 31px;
        height: 30px;
        line-height: 31px;
        font-family: Avenir Next, Noto Sans DemiLight, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
        color: #000;
        text-align: center;
        border: 1px solid #E9E9E9;
        box-sizing: border-box; }
        .inner_editor_layer1 .wrap_date .box_date .inp_g:focus {
          border-color: #909090; }
    .inner_editor_layer1 .wrap_date .txt_date {
      float: left;
      padding: 4px 4px 0;
      font-family: Avenir Next, Noto Sans DemiLight, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
      vertical-align: top; }
      .inner_editor_layer1 .wrap_date .txt_date + .box_date {
        margin: 0; }
    .inner_editor_layer1 .wrap_date .layer_info {
      width: 263px;
      height: 278px;
      padding: 21px 20px 15px; }
      .inner_editor_layer1 .wrap_date .layer_info:after {
        left: 36px; }
  .inner_editor_layer1 .box_calendar .info_date {
    position: relative;
    padding: 0 0 18px 0;
    text-align: center; }
  .inner_editor_layer1 .box_calendar .txt_calendar {
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    font-family: Avenir Next, Noto Sans DemiLight, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif;
    color: #1D1D26; }
  .inner_editor_layer1 .info_date .btn_arr {
    position: absolute;
    top: -3px;
    width: 24px;
    height: 24px; }
    .inner_editor_layer1 .info_date .btn_arr .mce-ico {
      display: inline-block;
      width: 8px;
      height: 14px;
      margin: 2px 0 0;
      vertical-align: top; }
  .inner_editor_layer1 .info_date .btn_prev {
    left: -2px; }
    .inner_editor_layer1 .info_date .btn_prev:disabled .ico_prev {
      background-position: -40px -40px; }
  .inner_editor_layer1 .info_date .btn_next {
    right: -2px; }
    .inner_editor_layer1 .info_date .btn_next:disabled .ico_next {
      background-position: -60px -40px; }
  .inner_editor_layer1 .tbl_calendar {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0; }
    .inner_editor_layer1 .tbl_calendar th {
      width: 30px;
      height: 19px;
      padding: 0 0 6px;
      font-weight: normal;
      color: rgba(0, 0, 0, 0.37); }
    .inner_editor_layer1 .tbl_calendar td {
      height: 30px; }
      .inner_editor_layer1 .tbl_calendar td.present .btn_day {
        border: 1px solid #D0D0D0; }
      .inner_editor_layer1 .tbl_calendar td.selected .btn_day {
        color: #fff;
        background-color: #1D1D26; }
    .inner_editor_layer1 .tbl_calendar .btn_day {
      display: block;
      width: 26px;
      height: 26px;
      margin: 0 auto;
      border-radius: 50%;
      line-height: 1;
      font-family: Avenir Next, Noto Sans DemiLight, AppleSDGothicNeo-Regular, "Malgun Gothic", dotum, sans-serif; }
      .inner_editor_layer1 .tbl_calendar .btn_day:disabled {
        color: rgba(0, 0, 0, 0.2); }
        .inner_editor_layer1 .tbl_calendar .btn_day:disabled:hover {
          background-color: inherit; }
      .inner_editor_layer1 .tbl_calendar .btn_day:hover {
        color: #fff;
        background-color: #1D1D26; }

.wrap_save {
  overflow: auto;
  height: 387px;
  border-bottom: 1px solid #f0f0f0; }
  .wrap_save .message {
    text-align: center;
    margin: 183px auto;
    color: #909090;
    font-weight: 300;
    font-size: 14px; }


/*# sourceMappingURL=../../js-components/post-editor/post-editor.min.js.map*/