.medium-insert-images.medium-insert-images-grid.small-grid figure {
    width: 10%;
}
@media (max-width: 750px) {
    .medium-insert-images.medium-insert-images-grid.small-grid figure {
        width: 20%;
    }
}
@media (max-width: 450px) {
    .medium-insert-images.medium-insert-images-grid.small-grid figure {
        width: 25%;
    }
}
div.html{
    display:none;
}
div.editable {
    /*width:80%;*/
}
div.editable > p {
    border:1px solid #d1d1d1;
    line-height:30px;
    margin:1em 0;
}
.fsize, .fcolor, .fname { position:relative; }
.fbold {position:relative; font-weight:bold; }
.funderline {position:relative; text-decoration:underline; }
.fitalic {position:relative; font-style:italic; }

.fontsize_div { position:absolute;  top:-10000px; left:-10000px; background:#fff; z-index:9999999; }
.fontname_div { position:absolute;  top:-10000px; left:-10000px; background:#fff; z-index:9999999; }
.fontbold_div { position:absolute;  top:-10000px; left:-10000px; background:#fff; z-index:9999999; }
.fontcolor_div { position:absolute;  top:-10000px; left:-10000px; background:#fff; z-index:9999999; }
.fontitalic_div { position:absolute;  top:-10000px; left:-10000px; background:#fff; z-index:9999999; }
.fontunderline_div { position:absolute;  top:-10000px; left:-10000px; background:#fff; z-index:9999999; }


.fontcolor { border-collapse:collapse; width:150px; display:none; }
.fontcolor tr { width:100%; }
.fontcolor tr td { height:20px; border:1px solid #ddd; cursor:pointer; }

.fontbold	{ list-style:none; margin:0; padding:0; display:none; padding:15px; border:1px solid #ddd; }
.fontbold li {list-style:none; float:none; color: #000; text-align:center; line-height:1.5em; cursor:pointer;}
.fontbold li:hover {font-weight:bold;}
.fontbold01 { font-weight:bold; }
.fontbold02 { font-weight:normal; }

.fontitalic	{ list-style:none; margin:0; padding:0; display:none; padding:15px; border:1px solid #ddd; }
.fontitalic li {list-style:none; float:none; color: #000; text-align:center; line-height:1.5em; cursor:pointer;}
.fontitalic li:hover {font-weight:bold;}
.fontitalic01 { font-style:italic; }
.fontitalic02 { font-style:normal; }

.fontunderline	{ list-style:none; margin:0; padding:0; display:none; padding:15px; border:1px solid #ddd; }
.fontunderline li {list-style:none; float:none; color: #000; text-align:center; line-height:1.5em; cursor:pointer;}
.fontunderline li:hover {font-weight:bold;}
.fontunderline01 { text-decoration:underline; }
.fontunderline02 { text-decoration:none; }

.fontsize	{ list-style:none; margin:0; padding:0; display:none; padding:15px; border:1px solid #ddd; }
.fontsize li {list-style:none; float:none; color: #000; text-align:center; line-height:1.5em; cursor:pointer;}
.fontsize li:hover {font-weight:bold;}
.fontsize_c1 {font-size:28px;}
.fontsize_c2 {font-size:25px;}
.fontsize_c3 {font-size:22px;}
.fontsize_c4 {font-size:19px;}
.fontsize_c5 {font-size:16px;}

.fontname	{ list-style:none; margin:0; padding:0; display:none; padding:15px; border:1px solid #ddd; }
.fontname li {list-style:none; float:none; color: #000; text-align:center; line-height:1.5em; cursor:pointer;}

.fontname01 {font-family: 'NanumGothic';}
.fontname02 {font-family: 'NotoSansMedium';}
.fontname03 {font-family: 'Dotum';}
.fontname04 {font-family: 'Gulim';}



.bgcolor01 {background:#ffffff; }
.bgcolor02 {background:#e2e2e2; }
.bgcolor03 {background:#9c9c9c; }
.bgcolor04 {background:#404040; }
.bgcolor05 {background:#000000; }

.bgcolor06 {background:#f3704c; }
.bgcolor07 {background:#ffef4c; }
.bgcolor08 {background:#30b478; }
.bgcolor09 {background:#0092e6; }
.bgcolor10 {background:#f175a8; }

.bgcolor11 {background:#f12f22; }
.bgcolor12 {background:#f4d400; }
.bgcolor13 {background:#00a350; }
.bgcolor14 {background:#0076c8; }
.bgcolor15 {background:#f02c8c; }

.bgcolor16 {background:#9f190d; }
.bgcolor17 {background:#a79a00; }
.bgcolor18 {background:#007036; }
.bgcolor19 {background:#004c80; }
.bgcolor20 {background:#a01a5c; }

.bgcolor21 {background:#5f0e06; }
.bgcolor22 {background:#675f00; }
.bgcolor23 {background:#004b24; }
.bgcolor24 {background:#00385f; }
.bgcolor25 {background:#701441; }


.fbgcolor01 {color:#ffffff; }
.fbgcolor02 {color:#e2e2e2; }
.fbgcolor03 {color:#9c9c9c; }
.fbgcolor04 {color:#404040; }
.fbgcolor05 {color:#000000; }

.fbgcolor06 {color:#f3704c; }
.fbgcolor07 {color:#ffef4c; }
.fbgcolor08 {color:#30b478; }
.fbgcolor09 {color:#0092e6; }
.fbgcolor10 {color:#f175a8; }

.fbgcolor11 {color:#f12f22; }
.fbgcolor12 {color:#f4d400; }
.fbgcolor13 {color:#00a350; }
.fbgcolor14 {color:#0076c8; }
.fbgcolor15 {color:#f02c8c; }

.fbgcolor16 {color:#9f190d; }
.fbgcolor17 {color:#a79a00; }
.fbgcolor18 {color:#007036; }
.fbgcolor19 {color:#004c80; }
.fbgcolor20 {color:#a01a5c; }

.fbgcolor21 {color:#5f0e06; }
.fbgcolor22 {color:#675f00; }
.fbgcolor23 {color:#004b24; }
.fbgcolor24 {color:#00385f; }
.fbgcolor25 {color:#701441; }