#editor_app.div,
#editor_app.span,
#editor_app.applet,
#editor_app.object,
#editor_app.iframe,
#editor_app.h1,
#editor_app.h2,
#editor_app.h3,
#editor_app.h4,
#editor_app.h5,
#editor_app.h6,
#editor_app.p,
#editor_app.blockquote,
#editor_app.pre,
#editor_app.a,
#editor_app.abbr,
#editor_app.acronym,
#editor_app.address,
#editor_app.big,
#editor_app.cite,
#editor_app.code,
#editor_app.del,
#editor_app.dfn,
#editor_app.em,
#editor_app.img,
#editor_app.ins,
#editor_app.kbd,
#editor_app.q,
#editor_app.s,
#editor_app.samp,
#editor_app.small,
#editor_app.strike,
#editor_app.strong,
#editor_app.sub,
#editor_app.sup,
#editor_app.tt,
#editor_app.var,
#editor_app.b,
#editor_app.u,
#editor_app.i,
#editor_app.center,
#editor_app.dl,
#editor_app.dt,
#editor_app.dd,
#editor_app.ol,
#editor_app.ul,
#editor_app.li,
#editor_app.fieldset,
#editor_app.form,
#editor_app.label,
#editor_app.legend,
#editor_app.table,
#editor_app.caption,
#editor_app.tbody,
#editor_app.tfoot,
#editor_app.thead,
#editor_app.tr,
#editor_app.th,
#editor_app.td,
#editor_app.article,
#editor_app.aside,
#editor_app.canvas,
#editor_app.details,
#editor_app.figcaption,
#editor_app.figure,
#editor_app.footer,
#editor_app.header,
#editor_app.hgroup,
#editor_app.menu,
#editor_app.nav,
#editor_app.section,
#editor_app.summary,
#editor_app.time,
#editor_app.mark,
#editor_app.audio,
#editor_app.video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  /* text-transform: capitalize; */
  font-family: 'Segoe UI';
}

.editor-canvas html,
.editor-canvas body,
.editor-canvas div,
.editor-canvas span,
.editor-canvas applet,
.editor-canvas object,
.editor-canvas iframe,
.editor-canvas h1,
.editor-canvas h2,
.editor-canvas h3,
.editor-canvas h4,
.editor-canvas h5,
.editor-canvas h6,
.editor-canvas p,
.editor-canvas blockquote,
.editor-canvas pre,
.editor-canvas a,
.editor-canvas abbr,
.editor-canvas acronym,
.editor-canvas address,
.editor-canvas big,
.editor-canvas cite,
.editor-canvas code,
.editor-canvas del,
.editor-canvas dfn,
.editor-canvas em,
.editor-canvas img,
.editor-canvas ins,
.editor-canvas kbd,
.editor-canvas q,
.editor-canvas s,
.editor-canvas samp,
.editor-canvas small,
.editor-canvas strike,
.editor-canvas strong,
.editor-canvas sub,
.editor-canvas sup,
.editor-canvas tt,
.editor-canvas var,
.editor-canvas b,
.editor-canvas u,
.editor-canvas i,
.editor-canvas center,
.editor-canvas dl,
.editor-canvas dt,
.editor-canvas dd,
.editor-canvas ol,
.editor-canvas ul,
.editor-canvas li,
.editor-canvas fieldset,
.editor-canvas form,
.editor-canvas label,
.editor-canvas legend,
.editor-canvas table,
.editor-canvas caption,
.editor-canvas tbody,
.editor-canvas tfoot,
.editor-canvas thead,
.editor-canvas tr,
.editor-canvas th,
.editor-canvas td,
.editor-canvas article,
.editor-canvas aside,
.editor-canvas canvas,
.editor-canvas details,
.editor-canvas figcaption,
.editor-canvas figure,
.editor-canvas footer,
.editor-canvas header,
.editor-canvas hgroup,
.editor-canvas menu,
.editor-canvas nav,
.editor-canvas section,
.editor-canvas summary,
.editor-canvas time,
.editor-canvas mark,
.editor-canvas audio,
.editor-canvas video {
  text-transform: initial;
  font-family: unset;
}

* {
  padding: 0px;
  margin: 0px;
}
body {
  padding: 0px;
  margin: 0px !important;
  overflow: hidden;
  background-color: #f2f2f2;
}
img {
  padding: 0px !important;
  margin: 0px !important;
}
div {
  padding: 0px;
  border: 0px;
}
li {
  list-style: none;
}
.web_scroll {
  overflow-y: auto;
}
#top {
  background-color: #333333;
  /* position: fixed; */
  color: white;
  height: 40px;
  width: 100%;
  display: block;
  z-index: 10;
}
#top_in {
  display: flex;
  justify-content: space-between;
  height: inherit;
}
.top_bar {
  width: 0px;
  height: 32px;
  border-left: 1px solid #cccccc;
  display: inline-block;
}
.top_bar2 {
  width: 0px;
  height: 15px;
  border-left: 1px solid #858585;
  top: 8px;
  margin-left: 5px;
  margin-right: 5px;
  position: relative;
}
.top_bar3 {
  margin-left: 5px !important;
  margin-right: 8px !important;
  height: 30px !important;
  display: inline-block;
  border-left: 1px solid #cccccc;
  position: relative;
  float: left;
  top: 3px;
}
#top_left {
  padding: 3px 5px 6px 6px;
  display: inline-block;
  float: left;
}
#top_left li {
  display: inline-block;
  padding: 3px 0px 0px 0px;
  height: 20px;
  vertical-align: unset;
}
#top_left li:first-child {
  padding: 4px 10px 0px 20px;
}
#top_left > button:hover,
#top_left > li > button:hover {
  background-color: #ff0060;
  border-radius: 50%;
}
#top_left > button:active {
  background-color: transparent;
  box-shadow: 0 0 0 3px #ff0060 inset;
  border-radius: 50%;
}
#top_left > button:focus-visible {
  background-color: transparent;
  border-radius: 4px;
  box-shadow: 0 0 0 1pt white;
  padding: 0px;
}

#top_left > button {
  background-size: 28px;
}

#top_center {
  display: inline-block;
  text-align: center;
  margin: 8px;
  font-size: 17.5px;
  width: 35%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  text-transform: initial;
}
#top_right {
  display: inline-block;
  float: right;
  top: 5px;
  right: 14px;
  position: relative;
}
#top_right li {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}
.top_icon1 {
  top: 5px;
  position: relative;
  margin-right: 4px;
}
.top_icon2 {
  margin-right: 2px;
  font-size: 14px;
  top: 3px;
  position: relative;
}
.top_icon3 {
  top: 5px;
  position: relative;
  margin-right: 4px;
  vertical-align: top;
}
.top_icon4 {
  margin-right: 2px;
  font-size: 14px;
  top: -7px;
  position: relative;
  background-color: transparent;
  color: #fff;
}
.extend_box {
  color: white;
  border-radius: 20px;
  height: 28px;
  padding: 1px 8px 3px 8px !important;
  background-color: transparent;
  text-align: center;
  display: inline-block;
  width: 70px;
  text-align: center;
  border: 1px solid #cccccc;
}
.extend_box:hover {
  color: white;
  border-radius: 20px;
  height: 28px;
  padding: 1px 8px 3px 8px !important;
  background-color: transparent;
  text-align: center;
  display: inline-block;
  width: 70px;
  text-align: center;
  border: 1px solid #cccccc;
}
#left {
  width: 239px;
  border-right: 3px solid #bbbbbb;
  background: #ccc;
  background-color: #e7e7e7;
  z-index: 4;
  position: fixed;
  bottom: 0px;
  overflow-y: scroll;
  top: 48px;
  font-family: 'Segoe UI';
  font-size: 15px;
  font-weight: 600;
}
#left::-webkit-scrollbar {
  width: 0px;
}
#left li {
  background: #fff;
}

#left li:hover {
  display: block;
}
#left li .option {
  display: none;
  z-index: 999;
  width: 100%;
}
.m_depth3 {
  display: block;
}
.right_popup2 {
  display: inline-block;
  margin: 0px;
  width: 36px;
  padding: 0px;
  text-align: right;
}
.edit_view {
  float: left;
  margin-right: 4px;
}
.edit_hori {
  margin-right: 4px;
  float: left;
  padding-left: 4px !important;
}

#left li .option a img {
  padding: 3px 8px 3px 3px;
}
.border-right {
  border-right: 1px solid #e6e6e6;
}
.border-bottom {
  border-bottom: 1px solid #e6e6e6;
}
.widget_flex {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
}

.widget_box {
  display: inline-block;
  vertical-align: top;
  position: relative;
  text-align: center;
  width: 50% !important;
  max-width: 118px;
  padding: 0px;
  margin: 0px;
  outline: 1px solid #f2f2f2;
  border: 2px solid transparent;
  box-sizing: border-box;
}
.widget_box_wrap {
  padding: 6px 0px 12px 0px;
  height: auto;
}
.widget_box_wrap:hover {
  text-decoration: underline !important;
}
.widget_box:focus-visible {
  box-shadow: 0 0 0 2px #000 inset;
}
.widget_box_in {
  width: 100% !important;
  margin: 0px;
  vertical-align: top;
  position: relative;
  text-align: center;
}
.widget_box_in_text {
  width: 100%;
  font-size: 12px;
}
.widget_img_box {
  display: inline-block;
}
.padding_0 {
  padding: 0px;
  margin: 0px;
}
.pos_plus {
  width: 102px;
  text-align: center;
  position: relative;
}
.pos_img_box {
  text-align: center;
  height: 54px;
}
.edit_icon img {
  top: 20%;
  position: relative;
}
.popup_left {
  display: none;
}
#right {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 100%;
  bottom: 0px;
  padding-top: 40px;
}
#right_box {
  height: 100%;
  width: 100%;
  position: absolute;
  right: 0px;
}
#right_top {
  background: #e6e6e6;
  height: 85px;
  display: flex;
  justify-content: space-between;
  margin-left: 239px;
}
#right_bottom {
  /*margin-left: 243px;*/
  margin-right: 198px;
  right: 0px;
  z-index: 1;
  background: #fff;
  height: 100%;
}
#right_bottom::-webkit-scrollbar {
  width: 0px;
}
.right_bottom_main_screen {
  vertical-align: top;
  position: relative;
}
.right_bottom_main_screen_img {
  vertical-align: top;
  padding: 1.1% 0px 0px 1.2%;
  position: absolute;
  width: 100%;
}
.right_bottom_main_screen_img img {
  /*width:60%;*/
}
.ruler {
  width: 100%;
  height: 110%;
  position: absolute;
  overflow: hidden;
}
.ruler::-webkit-scrollbar {
  width: 0px;
}
.ruler3 {
  width: 100%;
  height: 100%;
  position: absolute;
}
.ruler2 img {
  width: 100%;
}
.ruler2 {
  width: 100%;
  height: 100%;
}
.ruler_horizontal {
  height: 29px;
  background-image: url('../images/wcag/img/Contents/Editor/editor_ruler_horizontal_@1X.svg');
  background-position: left top;
  background-size: 100%;
  background-repeat: no-repeat;
  width: 100%;
}
.ruler_horizontal.fhd {
  background-image: url('../images/wcag/img/Contents/Editor/editor_ruler_horizontal_@1X.svg');
}
.ruler_horizontal.hd {
  background-image: url('../images/wcag/img/Contents/Editor/ruler_HD_Horizontal.svg');
  background-size: 100%;
}
.ruler_vertical {
  position: relative;
  height: 100%;
  background-image: url('../images/wcag/img/Contents/Editor/editor_ruler_vertical_@1X.svg');
  background-position: left top -13px;
  background-size: 1.25%;
  background-repeat: no-repeat;
  top: -19px;
}
.ruler_vertical.fhd {
  background-image: url('../images/wcag/img/Contents/Editor/editor_ruler_vertical_@1X.svg');
}
.ruler_vertical.hd {
  background-image: url('../images/wcag/img/Contents/Editor/ruler_HD_Vertical.svg');
  background-size: 100%;
}

#right_bottom_right_box {
  position: fixed;
  z-index: 10;
  width: 193px;
  bottom: 0px;
  right: 5px;
  padding: 0px;
  top: 125px;
}

#right_bottom_right {
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #e7e7e7;
  max-width: 207px;
  border-right: 3px solid #bbbbbb;
  display: inline-block;
  height: 100vh;
  max-height: 85vh;
}
#right_bottom_right::-webkit-scrollbar {
  /* width: 0px; */
}
#right_bottom_right li {
}
.color_box {
  height: 80px;
  padding-top: 35px;
  padding-left: 16px;
}
.color_box_in1 {
  display: inline-block;
  position: relative;
  top: -13px;
}

.color_box_in1:hover,
.color_box_in1:active {
  border: 3px solid #61a8b1;
  text-decoration: none;
}
.color_box_in {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  float: left;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.color1 {
  background-color: #1e1e20;
}
.color2 {
  background-color: #d9cd9e;
}
.color3 {
  background-color: #ffffff;
}
.color4 {
  background-color: #374140;
}
.color5 {
  background-color: #374140;
}
.color6 {
  background-color: #ffffff;
}
.color7 {
  background-color: #374140;
}
.color8 {
  background-color: #dc3422;
}
.color9 {
  background-color: #374140;
}
.color10 {
  background-color: #374140;
}

.top_icon_set3 {
  padding: 10px;
}
.popup_left {
  display: none;
  position: absolute;
  right: 0px;
  width: 182px;
  min-height: 160px;
  background-color: #666666;
  z-index: 10;
  vertical-align: top;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.popup_left .right_btn {
  border: 0px !important;
  padding-bottom: 0px !important;
}
.popup_left a:first-child {
  margin: 0px !important;
  height: 0px;
  background-color: transparent;
  padding: 0px;
  border: 0px !important;
  padding-bottom: 0px !important;
}
.popup_left a {
  color: white;
}
.popup_menu {
  display: block;
  padding: 7px 7px 7px 14px;
}
.popup_menu:hover {
  background-color: #434343;
}
.popup_menu_in {
  position: relative;
  top: 0px;
  margin: 0px 4px 6px 14px;
}
.right_popup {
  /* display: none; */
  position: absolute;
  left: 13px;
  width: 182px;
  min-height: 120px;
  background-color: #666666;
  z-index: 10;
  vertical-align: top;
  text-align: left;
  padding: 0px;
  margin: 0px;
}
.right_popup .right_btn {
  border: 0px !important;
  padding-bottom: 0px !important;
}
.right_popup a {
  color: white;
}
.popup_menu {
  display: block;
  padding: 7px 7px 7px 14px;
}
.popup_menu:hover {
  background-color: #434343;
}
.popup_menu:hover .popup_menu_in {
  text-decoration: underline;
}
.popup_menu:hover .underbar_x {
  text-decoration: none !important;
}

.bg_color2 {
  background-color: #f2f2f2 !important;
}
.padding_10 {
  padding: 6px 0 !important;
  vertical-align: top;
}
.color_red {
  color: #61a8b1;
}
.bold {
  font-weight: bold;
}

#m_top {
  display: none;
}
.m_view {
  display: none;
}
#m_top2 {
  display: none;
}
#m_right_bottom {
  display: none;
}
#m_top3 {
  display: none;
}
.m_right_bottom_main_screen {
  display: none;
}
.m_left_box {
  display: none;
}

.m_popup1_in {
  width: 90%;
}

.widget_flex .widget_box:active {
  /* border:2px solid #61a8b1; */
  box-shadow: 0 0 0 2px #61a8b1 inset;
  background-color: #ccc;
  text-decoration: none !important;
}
.btn-plus:hover {
  border: 1px solid #333;
}
.widget_flex .icon_01:hover .edit_icon_01 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_text_f.svg');
}
.widget_flex .icon_01:hover .edit_icon_01 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_01:active .edit_icon_01 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_text_p.svg');
}
.widget_flex .icon_01:active .edit_icon_01 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_01:disabled .edit_icon_01 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_text_d.svg');
}
.widget_flex .icon_01:disabled .edit_icon_01 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

.widget_flex .icon_02:hover .edit_icon_02 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_line_h_f.svg');
}
.widget_flex .icon_02:hover .edit_icon_02 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_02:active .edit_icon_02 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_line_h_n.svg');
}
.widget_flex .icon_02:active .edit_icon_02 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_02:disabled .edit_icon_02 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_line_h_d.svg');
}
.widget_flex .icon_02:disabled .edit_icon_02 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

.widget_flex .icon_03:hover .edit_icon_03 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_line_v_f.svg');
}
.widget_flex .icon_03:hover .edit_icon_03 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_03:active .edit_icon_03 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_line_v_n.svg');
}
.widget_flex .icon_03:active .edit_icon_03 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_03:disabled .edit_icon_03 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_line_v_d.svg');
}
.widget_flex .icon_03:disabled .edit_icon_03 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

.widget_flex .icon_04:hover .edit_icon_04 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_image_f.svg');
}
.widget_flex .icon_04:hover .edit_icon_04 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_04:active .edit_icon_04 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_image_n.svg');
}
.widget_flex .icon_04:active .edit_icon_04 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_04:disabled .edit_icon_04 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_image_d.svg');
}
.widget_flex .icon_04:disabled .edit_icon_04 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

.widget_flex .icon_05:hover .edit_icon_05 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_box_f.svg');
}
.widget_flex .icon_05:hover .edit_icon_05 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_05:active .edit_icon_05 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_box_n.svg');
}
.widget_flex .icon_05:active .edit_icon_05 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_05:disabled .edit_icon_05 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_box_d.svg');
}
.widget_flex .icon_05:disabled .edit_icon_05 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

.widget_flex .icon_06:hover .edit_icon_06 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_circle_f.svg');
}
.widget_flex .icon_06:hover .edit_icon_06 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_06:active .edit_icon_06 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_circle_n.svg');
}
.widget_flex .icon_06:active .edit_icon_06 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_06:disabled .edit_icon_06 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_circle_d.svg');
}
.widget_flex .icon_06:disabled .edit_icon_06 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

.widget_flex .icon_07:hover .edit_icon_07 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_datetime_f.svg');
}
.widget_flex .icon_07:hover .edit_icon_07 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_f.svg');
}
.widget_flex .icon_07:active .edit_icon_07 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_datetime_n.svg');
}
.widget_flex .icon_07:active .edit_icon_07 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_p.svg');
  border-color: #61a8b1;
}
.widget_flex .icon_07:disabled .edit_icon_07 {
  background-image: url('../images/wcag/img/Contents/Editor/widget_icon_datetime_d.svg');
}
.widget_flex .icon_07:disabled .edit_icon_07 .btn-plus {
  background-image: url('../images/wcag/img/Contents/Editor/btn_edit_plus_d.svg');
}

@media screen and (max-width: 1340px) {
  #top_center {
    width: 30% !important;
  }
}

@media screen and (max-width: 1199px) {
  .widget_box {
    max-width: 100%;
  }

  .right_btn:focus-visible {
    border-bottom: 1px solid #ccc !important;
  }
  .widget_box:focus-visible .widget_box_in_text {
    text-decoration: underline !important;
  }
  .widget_box_wrap {
    padding: 0px 0px 12px 0px;
    height: auto;
  }
  body {
    padding: 0px;
    margin: 0px;
    overflow: visible;
  }
  .m_left_box {
    display: block;
  }
  .right_popup {
    /* display: none; */
    position: absolute;
    left: auto;
    right: 0px;
    color: #fff;
    right: -12px;
    width: 182px;
    padding: 0px;
    margin: 0px;
    background-color: #666666;
    margin-top: 6px;
    z-index: 10;
    vertical-align: top;
  }
  
  .m_flex {
  }
  #m_con1 {
    margin-top: 0;
    position: relative;
    z-index: 10;
    overflow: visible;
  }
  .border_bottom_fff {
    border-bottom: 1px solid #ffffff !important;
  }
  .m_con1_menu {
    position: relative;
    border-bottom: 1px solid #fff;
    padding: 8px 4px 7px 16px;
    cursor: pointer;
    background-color: #d9d9d9;
    display: block;
    border: 3px solid transparent;
    /* height: 23px; */
    z-index: 8;
  }


  .m_con1_menu:hover {
  }
  .m_con1_menu:active {
    border: 3px solid #61a8b1;
  }
  .m_con1_menu img {
    margin-right: 10px;
    position: relative;
  }
  .m_con1_menu_text {
    position: relative;
  }
  #right {
    flex-direction: column;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 56px;
  }
  .m_option {
    display: none;
  }
  #m_left {
    overflow-y: scroll;
    z-index: 12;
    position: fixed;
    display: none;
    padding: 0px;
    margin: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #333333;
    font-size: 16.5px;
    overflow-x: hidden;
  }
  #m_left::-webkit-scrollbar {
    width: 0px;
  }
  .m_left_menu_box {
  }
  .m_left_in {
    border-bottom: 1px solid #484848;
    margin-bottom: 20px;
    padding-bottom: 5px;
  }
  #menu_bottom {
    border-top: 1px solid #474747;
    bottom: 0px;
    position: fixed;
    font-weight: normal;
    width: 100%;
    color: #fff;
    z-index: 9;
    padding: 27px 25px 25px 30px;
    font-size: 14px;
  }
  .menu_bottom_in {
    vertical-align: top;
    position: relative;
    margin-bottom: 13px;
  }
  .menu_bottom1 {
    display: inline-block;
  }
  .menu_bottom2 {
    display: inline-block;
    top: -2px;
    position: relative;
    margin-right: 4px;
  }
  .menu_bottom3 {
    top: -3px;
    position: relative;
    display: inline-block;
  }
  .menu_bottom4 {
    display: inline-block;
  }
  .menu_bottom5 {
    top: -5px;
    margin-left: 3px;
    position: relative;
    display: inline-block;
  }
  .menu_bottom6 {
    top: -8px;
    position: relative;
    display: inline-block;
  }
  .menu_bottom7 {
    display: inline-block;
  }
  .menu_bottom_box {
    padding: 10px;
    vertical-align: top;
  }
  .menu_bottom_box span img {
    padding: 2px !important;
    position: relative;
    display: inline-block;
    vertical-align: middle;
  }
  .watch {
  }
  .min_sec {
    margin-right: 6px;
  }
  .icon_man {
  }
  .edit_hori {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }
  .left_menu_btn {
    color: #f3f3f3;
    background-color: #333333;
    border-bottom: 0px;
  }
  .selected {
    /* color:#ff0264; */
  }

  .left_btn_hover:hover {
    display: block;
    text-decoration: underline;
    text-underline-position: under;
  }
  .left_btn_hover:active {
    display: block;
    background-color: #cccccc;
    border: 3px solid #b80d4d;
    padding: 17px;
  }
  .left_btn_hover span img {
    padding-right: 10px !important;
  }

  #m_widget {
    display: block;
  }
  .web_view {
    display: none !important;
  }

  #m_top {
    display: block;
    height: 38px;
    width: 100%;
    position: fixed;
    z-index: 10;
    background-color: #333333;
    color: #fff;
    padding: 8px 7px 7px 17px;
    z-index: 11;
  }
  #m_top img {
  }
  #m_btn_menu {
    display: inline-block;
    /* padding: 12px 15px 7px 3px; */
    width: 26px;
    height: 26px;
    vertical-align: middle;
  }
  #m_btn_menu:hover {
    background-color: #ff0060;
    border-radius: 50%;
  }
  #m_btn_menu:active {
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ff0060 inset;
  }
  #m_btn_menu:focus-visible {
    background-color: transparent;
    border-radius: 50%;
    box-shadow: 0 0 0 3px #ff0060 inset;
    outline: none;
  }
  .editor_title {
    top: 4px;
    position: relative;
    display: inline-block;
    font-size: 18px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
  }
  #m_top2 {
    display: block;
    height: 113px;
    background-color: white !important;
    z-index: 10;
    top: 53px;
    position: relative;
  }
  .m_color_box {
    position: relative;
    padding-top: 14px;
    padding-left: 16px;
  }
  .m_color_box_in {
    display: inline-block;
    height: inherit;
    margin: 0px 4px 20px 4px;
  }
  .m_color_box_in:hover,
  .m_color_box_in:active {
    border: 3px solid #61a8b1;
    text-decoration: none;
  }

  .m_color_box_in2 {
    position: relative;
    width: 19px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: left;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
  .m_top_icon_set1_box {
    display: block;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .m_top_bar1 {
    border-right: 1px solid #cccccc;
    margin-left: 3px;
    margin-right: 14px;
    height: 30px !important;
    top: -7px;
    display: inline-block;
    position: relative;
    float: left;
  }
  .m_top_icon_set1 {
    top: -6px;
    position: relative;
    display: inline-block;
  }
  .m_top_icon_set1_in {
    margin: 4px;
    margin-right: 10px;
  }
  .m_color1 {
    background-color: #fff;
  }
  .m_color2 {
    background-color: #c13b00;
  }
  .m_color3 {
    background-color: #424e4f;
  }
  .m_color4 {
    background-color: #fff;
  }
  .m_color5 {
    background-color: #5e6d70;
  }
  .m_color6 {
    background-color: #ff6600;
  }

  #right_box {
    padding: 0px;
    margin: 0px;
  }
  #right_top {
    padding-left: 0px;
    background-color: #fff;
  }
  #right_bottom_right_box {
    width: 100%;
  }
  #right_bottom_right {
    width: 100%;
    overflow: auto;
    max-height: fit-content;
  }
  .m_view {
    display: block;
  }
  #right_bottom {
    display: none;
  }
  .right_bottom_main_screen {
    display: none;
  }
  .m_right_bottom_main_screen {
    z-index: 9;
    position: absolute;
    display: block;
    width: 100%;
  }
  .ruler {
    overflow-y: auto;
    height: 1000px;
    width: 100%;
    position: absolute;
  }
  .ruler2 {
    background-image: url('../images/wcag/img/Contents/Editor/ruler_FHD.svg');
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
  }
  .ruler2.fhd {
    background-image: url('../images/wcag/img/Contents/Editor/ruler_FHD.svg');
  }
  .ruler2.hd {
    background-image: url('../images/wcag/img/Contents/Editor/ruler_HD.svg');
  }
  .ruler3 {
    z-index: 10;
    position: absolute;
  }
  .right_bottom_main_screen_img {
    vertical-align: top;
    padding: 6.6% 0px 0px 6.6%;
  }
  .right_bottom_main_screen_img img {
    /*width:60%;*/
  }
  #right_top {
    display: none;
  }
  #right_bottom_right_box {
    display: block;
    position: relative;
    height: 100%;
  }
  #right_bottom_right {
    height: 100%;
    display: block;
    position: relative;
    height: auto !important;
    max-width: 100%;
    overflow: visible;
  }
  #m_top3 {
    display: block;
    position: relative;
    z-index: 1;
    top: 35px;
    height: 100%;
  }

  .widget_box {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 6px 0px 6px 0px;
    height: 70px;
    color: black;
    text-align: center;
  }
  .widget_box_in {
    display: inline-block;
    vertical-align: top;
    position: relative;
  }
  .widget_box_in_text {
    font-size: 12px;
    padding-left: 0px;
  }
  .widget_img_box {
    display: inline-block;
  }
  #m_popup1 {
    display: none;
    position: absolute;
    z-index: 12;
    width: 100%;
    text-align: center;
    top: 97px;
  }
  .m_popup1_in {
    font-size: 14px;
    background-color: #f2f2f2;
    border: 1px solid #949494;
    position: relative;
    text-align: center;
    display: inline-block;
    padding: 8px 0px 8px 0px;
  }
  .m_popup1_in a {
    position: relative;
    display: inline-block;
    border: 1px solid #949494;
    display: inline-block;
    margin: 5px 0px 5px 0px;
    padding: 4px 0px 5px 0px;
    width: 90%;
  }
  .m_popup1_in a:hover {
    text-underline-position: under;
    text-decoration: underline;
  }
  .m_popup1_in a:active {
    text-decoration: none;
    border-color: #61a8b1;
    box-shadow: 0 0 0 2px #61a8b1 inset;
  }
}

.pre_render[contenteditable='true'] {
  display: inline-block;
  padding: 4px;
}

@media (max-width: 1199px) {
  #top {
    display: none;
  }
}




@media (min-width: 1280px) {
  html,
  body,
  #__nuxt,
  #__layout,
  #editor_app,
  #editor_app .wrap,
  #right_box,
  .right_bottom_main_screen {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  #editor_app .wrap,
  #right_box {
    display: flex;
    flex-direction: column;
  }

  #top,
  #right {
    /* position: relative; */
    padding-top: 0;
  }

  #right,
  #right_bottom {
    display: flex;
    flex: 1;
    position: relative;
  }

  .content_header {
    height: 85px;
  }

  #right_bottom {
    overflow: hidden;
  }

  .right_bottom_main_screen .ruler {
    position: relative;
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
  }

  #left2,
  #right_bottom_right li,
  .element_window {
    height: 100%;
  }
}

.accountLayer .modalBox .mbFooter,
.accountLayer .modalBox .button.privacyPolicy,
.accountLayer .modalBox .button.terms {
  box-sizing: border-box;
}

#page_edit_area p.welcome_popup_scheduler {
  font-family: 'Segoe UI' !important;
}

/*   */

/* smart app widget 우클릭 > 이미지 선택 */
.option_image_select img {
  width: 200px;
}

.btn.btn-primary {
  position: relative;
  height: 30px;
  padding: 0 25px 1px;
  font-size: 14px;
  font-weight: 500;
  color: #333333;
  line-height: normal;
  border: 1px solid #949494;
  background-color: #f2f2f2;
  text-transform: capitalize !important;
}

.attribute_block {
  position: relative;
}

.attribute_block .clear_button_smaller {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 15px;
  height: 15px;
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_delete_f.svg') 0 0 no-repeat;
  text-indent: -2000px;
  margin: 0;
  padding: 0;
  border: 0;
}

.attribute_block .clear_button_smaller:hover {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_delete_f.svg') 0 0 no-repeat;
}

.attribute_block .clear_button_smaller:active {
  background: url('../../../static/images/editor/wcag/img/Contents/Editor/btn_delete_p.svg') 0 0 no-repeat;
}

.attribute_block input[type="text"] {
  width: 100%;
  padding: 0 10px;
}

#page_edit_area * {
  box-sizing: content-box;
}
/* #page_edit_area .smartapps_v2_desc {
  box-sizing: border-box !important;
}

#page_edit_area .channelmap_button {
  box-sizing: border-box !important;
}

#page_preview_area .smartapps_v2_desc {
  box-sizing: border-box !important;
}

#page_preview_area .channelmap_button {
  box-sizing: border-box !important;
} */