@charset "utf-8";
/* CSS Document */

#editWrap { border:1px solid #ccc; position: relative; z-index: auto; }

#editbar
{ 
    display: flex; flex-wrap: wrap; align-items: center; position: relative;
    border-bottom: 1px solid #ccc; padding:7px 2px; background: linear-gradient(#ffffff, #eee); 
}

#editbar>select
{ border-radius: 0px; background: #fff; margin-left: 5px; width: 70px; border:1px solid rgba(0, 0, 0, 0.2); font-size: 0.8em; line-height: 100%; }

#editbar>p
{ display: flex; margin: 1px 0px 1px 5px; border-right: 1px solid #ccc;}
#editbar>p>img
{ cursor:pointer;display:block;}

#editbar input[type='text']{ border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-size: 1em; }
#editbar input[type='text']:focus{border-color: #2865CB; color:#2865CB; }

img.ico{ border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc; background: #fff; }
img.ico.icoc{ border-right: 1px solid #ccc;}
img.ico:hover{ background: #EDF4D2;}

#tagoption{	position:absolute; top:34px; z-index:13; border:1px solid #b5b5b5;   height:auto; background:#fff; }
#tagoption label{ width: initial; text-indent: initial;}
#tagoption label+div{ width: initial;}

.colorpicker{ display: flex; flex-wrap: wrap; line-height: 0%; padding: 8px; width: 271px; gap: 1px; }
.colorpicker button 
{ display: block; cursor:pointer; width:14px; height:14px; padding:0px; border:0px; line-height:0px; }

.backpicker{ display: flex; flex-wrap: wrap; line-height: 0%; padding: 8px 8px 0px 8px; width: 271px; }
.backpicker button 
{ cursor:pointer; flex: 1 1 30%; margin: 0.5px; padding:2px;  }

#schr
{ margin:8px;}
#schr td
{ text-align:center; border:1px solid #ccc; width: 20px; }
#schr button
{ display:inline; padding:0px; margin:0px; border:0px; font-size:12px; background:transparent; cursor:pointer }

#lk { margin:8px; }
#lk > div { border-top:1px dotted #ccc; margin-top:8px; padding-top:8px; display: flex; align-items: center; }
#lk > div:last-child{ justify-content: right; }
#lk > div > button { display:inline-block; cursor:pointer; }

#lk #tbcolor, #lk #bdcolor
{border:1px solid #ccc; }
#lk>.colorpicker{ padding: 8px 0px; width: 255px; }

#htmlel{ z-index: 6; }

#editor, #edconts
{ width: 100%; height:350px; border:0px; box-sizing: border-box; background: #fff; }
#edconts{ display: none; }

/*html  크릭시 가림막*/
#sblok
{ position:absolute; z-index:5; top:0px; left:0px; background:#fff; width:100%; height:100%; opacity:0.7; } 

.edResizeW{ text-align:center;border-top:1px solid #e6e6e6 }
.edResizeW>img{ cursor:pointer; }