/* 게시물 편집 { */
mark {background-color:rgba(170, 32, 255, 0.1) !important;}

.mf_wrap_inner {
    background-color: #f9f9f9;
    border-radius: 10px;
    padding: 20px;
}

.mf_wrap_inner .cmt_btn2 {
    background-color: transparent;
    margin-top: 15px;
}

.mf_wrap_inner .rb_mf_wrap_list {
    margin-bottom: 10px;
}

.mf_wrap_inner .cmt_btn2 b {
    color: #000 !important;
}

.mf_wrap_inner .cmt_btn2 span.total {
    color: #999 !important;
}

.mf_wrap_inner #bo_vc2 article {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.rb_mf_wrap_list {
    margin-bottom: 20px;
}

.rb_mf_wrap {
    position: relative;
}

.rb_mf_wrap ul {
    display: flex;
    align-items: center;
}

.rb_mf_wrap ul li {
    margin-right: auto;
}

.rb_mf_wrap ul li span {
    background-color: #F0F3F9;
    padding: 5px 10px 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
}

.edit_add_wrap {
    top: 18px !important;
}

.cmt_btn2 {
    width: 100%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #ddd;
    background: #fff;
    font-weight: bold;
    margin: 30px 0 0px;
    padding: 0 0 15px;
    cursor: inherit;
}

.rb_bbs_wrap .cmt_btn2 span.total {
    color: #000;
    font-size: 16px;
}

.rb_bbs_wrap .cmt_btn2 b {
    color: #999;
    font-size: 16px;
}

#bo_vc2 article .cm_wrap {
    float: left;
}

#bo_vc2 article {
    margin: 0px 0;
    position: relative;
    border-bottom: 1px solid #f0f0f0;
}

#bo_vc2 .bo_vl_opt {
    position: absolute;
    top: 18px;
    right: 0;
}

.edit_add_a {
    line-height: 25px !important;
    display: inline-block;
    height: 25px !important;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    position: relative;
    color: #999;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: auto !important;
    font-size: 12px
}

.edit_add_a:hover {
    color: #666;
    border-color: #666;
}

.edit_add_b {
    line-height: 25px !important;
    display: inline-block;
    height: 25px !important;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
    text-align: center;
    position: relative;
    color: #999;
    padding-left: 10px !important;
    padding-right: 10px !important;
    width: auto !important;
    font-size: 12px;
}

.edit_add_b:hover {
    color: #666;
    border-color: #666;
}

/* } */

/* 에디터 { */

.rb_editor_data * {
    line-height: 160% !important;
}

.rb_editor_data img {max-width: 100%;}
.rb_editor_data table {max-width: 100%;}


.rb_editor_data .rb-codes pre {
    box-sizing: border-box;
    background-color: #F0F3F9;
    color: #374d6e;
    padding: 15px 15px 15px 15px;
    font-size: 12px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 10px;
    text-align: left !important;
}

.rb_editor_data ul,
li {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.rb_editor_data .resizable img {
    display: block;
    width: 100% !important;
    height: 100% !important;
    box-sizing: border-box;
}

.rb_editor_data .resizable {
    position: relative;
    display: inline-block;
    user-select: none;
    max-width: 100%;
}

.rb_editor_data .rb-editor-hr {border-color:rgba(0,0,0,0.1) !important; display: block;}

/* 메타 정보 */

.rb_editor_data .url-preview {
    padding: 0px;
    margin: 10px 0;
    position: relative;
    box-sizing: border-box;
    border:1px solid rgba(0,0,0,0.0);
    display: inline-block;
    box-sizing: border-box;
}

.rb_editor_data .url-preview-video .url-preview {width: 450px; height:auto;}
.rb_editor_data .url-preview-meta .url-preview {width: 450px; background-color: #F0F3F9; padding: 20px; border-radius: 10px; min-height: 125px;}
.rb_editor_data .url-preview-img .url-preview {width: 450px; height:auto;}
.rb_editor_data .url-preview-img .url-preview .delete-preview img {object-fit: none; width: auto; height:auto;}


.rb_editor_data .url-preview .proxyImg {
    position: absolute;
    top: 20px;
    left: 20px;
    padding-left: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.rb_editor_data .url-preview .proxyImg img {
    width: 150px;
    height: 83px !important;
    object-fit: cover;
    border-radius: 10px;
    border:0px !important;
}

.rb_editor_data .url-preview .metaData {
    padding-left: 170px;
    text-align: left;
}

.rb_editor_data .url-preview .delete-preview {
    display: none;
}

.rb_editor_data .url-preview .delete-preview:hover {
    opacity: 0.7;
}

.rb_editor_data .url-preview h3 {
    margin: 0px 0;
    font-size: 16px;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rb_editor_data .url-preview p {
    margin: 2px 0;
    font-size: 12px;
    color: #999;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.rb_editor_data .url-preview a {
    color: #000;
    font-size: 11px;
    display: block;
    text-decoration: none;
}

.rb_editor_data .url-preview .rb-video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 비율 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: black;
}

.rb_editor_data .url-preview .rb-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#autosave_wrapper {
    position: relative;
}

#autosave_wrapper ul.autosave_wrapper_ul1 {
    padding-right: 115px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 105px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #btn_autosave {
    border-radius: 10px;
    width: 100%;
    height: 47px;
    background-color: #F0F3F9;
    color: #25282B
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop {
    display: none;
    z-index: 10;
    position: absolute !important;
    top: 50px;
    right: 0;
    width: 300px;
    height: auto !important;
    height: 270px;
    max-height: 270px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0px 50px rgba(0, 0, 0, 0.1);
    border: 0px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop:after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 10px;
    right: 45px;
    top: -9px;
    border: solid transparent;
    border-width: 0 8px 10px 8px;
    border-bottom-color: currentColor;
    box-sizing: border-box;
    color: #fff;
    filter: drop-shadow(0 -4px 3px rgba(0, 0, 0, .1));
    z-index: 12;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop:before {
    display: none;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop ul {
    border: 0px;
    height: 150px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop li {
    border-radius: 0px;
    padding: 0px 0px 10px 0px;
    font-size: 14px;
    background-color: transparent;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop li:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop span {
    float: none;
    font-size: 11px;
    margin-top: 5px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop a {
    float: none;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop button.autosave_del {
    position: absolute;
    top: 5px;
    right: 0px;
    background:url(../image/svg/reset-btn.svg) no-repeat 50% 50%;
    background-size: 80%;
    text-indent:-999px;
    overflow:hidden;
    height:20px;
    width:20px;
    opacity: 0.3
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop button.autosave_del:hover {opacity: 0.5;}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop button.autosave_close {
    height: 35px;
    color: #25282B;
    font-weight: normal;
    font-size: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 10px;
    width: 50%;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop button.autosave_close:hover {
    background-color: #F0F3F9;
}

.autosave_save {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop button.autosave_save {
    height: 35px;
    color: #25282B;
    font-weight: normal;
    font-size: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    width: 50%;
    border-right: 1px solid rgba(0,0,0,0.05);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0px;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop button.autosave_save:hover {
    background-color: #F0F3F9;
}

#autosave_wrapper ul.autosave_wrapper_ul2 #autosave_pop .autosave_btn_wrap {
    display: flex;
    justify-content: space-between;
}



#autosave_wrapper ul.autosave_wrapper_ul2 .autosave_guide {
    text-align: left;
    font-size: 13px;
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    color: #777;
    line-height: 140%;
}


.resizable-table-handle {display: none;}
.rb_editor_table_wrap {position: relative;}
td .resizable_wrap, th .resizable_wrap {max-width: 100%;}

.rb_editor_data .rb_tag {margin-top: -2px; display: inline-block; margin-bottom: 5px; vertical-align:top; max-width: 100%; width: auto; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; max-width: 90%;}
.rb_editor_data .rb_tag a {border-bottom: 0px !important; text-decoration: none !important; border-bottom: 0px !important; padding: 5px 10px 5px 10px; border-radius: 40px; font-size: 12px; background-color: #F0F3F9; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.rb_editor_data .rb_tag a:hover {background-color: #e6e9ef;}


#bo_v_con img {border:0px}

.img_boxx2 .resizable img {max-width: 100%; width:100% !important; height:auto !important;}
.img_boxx .resizable img {max-width: 100%; width:100% !important; height:auto !important;}
.img_boxx2 .resizable {height:auto !important;}
.img_boxx .resizable {height:auto !important;}


@media all and (max-width:1024px) {
    .img_boxx2 .resizable {width:100% !important;}
    .img_boxx .resizable {width:100% !important;}
}


@media all and (max-width:512px) {
    .rb_editor_data .url-preview-video .url-preview {width: 100% !important;}
    .rb_editor_data .url-preview-meta .url-preview {width: 100% !important;}
    
    .rb_editor_data .url-preview .proxyImg {
        position: inherit;
        top: inherit;
        left: inherit;
        width: 100%;
    }

    .rb_editor_data .url-preview .metaData {
        padding-left: 0px !important;
        margin-top: 15px;
    }

    .rb_editor_data .url-preview .proxyImg img {
        width: 100%;
        height: 150px;
    }

    .rb_editor_data .url-preview .delete-preview {
        top: auto;
        bottom: 10px;
        right: 15px;
    }

    .rb_editor_data .url-preview a {
        margin-top: 10px;
    }
    
    .resizable-table {overflow-x: auto; width: 100% !important; display: block; max-width: 100%;}
    .resizable-table .rb_editor_table_wrap {min-width: 768px; width: auto;}
    .rb_editor_data .url-preview .proxyImg img {height: auto !important;}

}

/* } */