/* parents */
.a_editor{ position:absolute;display:inline-block; z-index:99999; width:100px;}
.a_editor2{ position:relative;display:inline-block; z-index:99999; width:100px;}

/* editor button */
.btn_editor{ position:relative; cursor:pointer; z-index:99999; right:3px; top:3px; background:url(../css/editor_image.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(0,0,0,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.btn_editor:hover{background-color:rgba(0,0,0,1); /*transform:rotate(720deg)*/ }
.btn_editor span{position:absolute;background-color:rgba(0,0,0,0.4);color:#fff;top:50%; left:33px; transform:translateY(-50%); padding:2px 4px;font-size:11px !important; font-weight:500;text-transform: uppercase;}
.btn_editor:hover span{background-color:rgba(0,0,0,1);}

.tag_editor{ position:absolute; cursor:pointer; z-index:99999; right:53px; top:3px; background:url(../css/editor_image_tag.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(26,188,156,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.tag_editor:hover{background-color:rgba(26,188,156,1); /*transform:rotate(720deg)*/}
.tag_editor span{position:absolute;background-color:rgba(26,188,156,0.4);color:#fff;top:50%; left:33px; transform:translateY(-50%); padding:2px 4px;font-size:11px !important; font-weight:500;text-transform: uppercase;}
.tag_editor:hover span{background-color:rgba(26,188,156,1);}

.css_editor{ position:absolute; cursor:pointer; z-index:99999; left:33px; top:-3px; background:url(../css/editor_css.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(155,89,182,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.css_editor:hover{background-color:rgba(155,89,182,1); /*transform:rotate(720deg)*/}
.css_editor span{position:absolute;background-color:rgba(155,89,182,0.4);color:#fff;top:50%; left:33px; transform:translateY(-50%); padding:2px 4px;font-size:11px !important; font-weight:500;text-transform: capitalize;
	line-height:1.3 !important; vertical-align:middle; text-align:left; word-break: normal !important;}
.css_editor:hover span{background-color:rgba(155,89,182,1);}

.f_editor{ position:fixed;display:block; top:0; right:0;z-index:99999;}

.file_editor{ position:absolute; cursor:pointer; z-index:99999; right:55px; top:3px; background:url(../css/editor_html.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(46,204,113,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.file_editor:hover{background-color:rgba(46,204,113,1); /*transform:rotate(720deg)*/}

.file_editor_detail{ position:absolute; cursor:pointer; z-index:99999; right:99px; top:3px; background:url(../css/editor_page.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(231,76,60,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.file_editor_detail:hover{background-color:rgba(231,76,60,1); /*transform:rotate(720deg)*/}

.remove_editor{ position:absolute; cursor:pointer; z-index:99999; right:143px; top:3px; background:url(../css/editor_remove.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(52,152,219,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.remove_editor:hover{background-color:rgba(52,152,219,1); /*transform:rotate(720deg)*/}

.remove_editor.on{ position:absolute; cursor:pointer; z-index:99999; right:143px; top:3px; background:url(../css/editor_show.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(52,152,219,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.remove_editor.on:hover{background-color:rgba(52,152,219,1); /*transform:rotate(720deg)*/}

.show_editor{ position:absolute; cursor:pointer; z-index:99999; right:143px; top:3px; background:url(../css/editor_show.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(52,152,219,0.4); width:30px !important; height:30px !important; border-radius:15px !important;  display:none;}
.show_editor:hover{background-color:rgba(52,152,219,1); /*transform:rotate(720deg)*/}

.hih_none{ display:none;}

/*.txt_editor {position:absolute;display:inline-block;width:30px;height:20px; border:1px dashed red;background-color:#FFF;opacity:0.7;}*/
.txt_editor { position:absolute; cursor:pointer; z-index:99999; background:url(../css/editor_text.png) no-repeat center center; background-size:60% !important;
	background-color:rgba(230,126,34,0.4); width:30px !important; height:30px !important; border-radius:15px !important; }
.txt_editor:hover{background-color:rgba(230,126,34,1); /*transform:rotate(720deg)*/}
/*.txt_editor:after{content:"수정"; font-size:11px;}*/

.txt_active { color:#fff !important; }
.txt_parent_active { background-color:rgba(230,126,34,1) !important; }
