.fr-view blockquote {
    display: block;
    border: initial;
    box-sizing:border-box;
    font-size:16px; 
    line-height:normal;
    color:#333;
    font-weight:400;
}

.fr-view blockquote p {
    display: block !important;
    font-family: 'Nanum Gothic';
    line-height: 22px;
    font-size: 16px;
    letter-spacing: -0.48px !important;
}

.fr-view blockquote.bq-type-1 {
    position: relative;
    padding: 24px 0;
    text-align: center;
    margin: 40px 0;
}

.fr-view blockquote.bq-type-1::before { 
    content:' ';
    position: absolute;
    top:0px;
    left:50%;
    width:20px;
    height:20px;
    margin-left: -12px;
    background: url(http://image.yes24.com/images/chyes24/Content/froala/ico_set.svg) -397px 0 no-repeat;
}
/* 에디터에서 사용하는 이미지 url과 viewer에서 사용되는 이미지 path는 개별적임 */
.fr-wrapper .fr-view blockquote.bq-type-1::before { 
    content:' ';
    position: absolute;
    top:0px;
    left:50%;
    width:20px;
    height:20px;
    margin-left: -12px;
    background: url(http://image.yes24.com/images/chyes24/Content/froala/ico_set.svg) -397px 0 no-repeat;
}


.fr-view blockquote.bq-type-2 { 
    margin: 40px 0;
    padding: 4px 0 4px 16px;
    border-left: 2px solid #333;
    text-align: left;
}

.fr-view blockquote.bq-type-3 {
    position: relative;
    padding: 24px 0;
    text-align: center;
    margin: 40px 0;
}

.fr-view blockquote.bq-type-3::before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 50%;
    width: 200px;
    height: 1px;
    margin-left: -100px;
    background: #333;
}

.fr-view blockquote.bq-type-3::after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 200px;
    height: 1px;
    margin-left: -100px;
    background: #333;
}


.fr-view blockquote.bq-type-4 { 
    border: 1px solid #ebebeb;
    background: #fafafa;
    padding: 15px 15px;
    text-align: center;
}

.bg-root p { margin:10px 0;padding:0; }
.bg-root cite { display:block;text-align:right;color:#888;font-size:.9em; }

/*
.bq-font-size-1 {
    font-size: 1.0rem;
}

.bq-font-size-2 {
    font-size: 1.2rem;
}

.bq-font-size-3 {
    font-size: 1.5rem;
}
*/

/* #articleView .bq-root { position:relative;box-sizing:border-box; }
#articleView .bq-type-1 { display:inline-block;margin-left:auto;margin-right:auto;padding-left:40px !important;padding-right:20px;padding-top:20px;padding-bottom:20px;max-width:calc(100% - 40px);font-style:italic;color:#f00 !important;border-left-style:none !important; }
#articleView .bq-type-1::before { content:"\f10d";display:inline-block;position:absolute;top:0px;left:0px;width:40px;height:40px;text-align:center;font-family:FontAwesome;color:#888888;font-size:22px;font-weight:900; }
#articleView .bq-type-1::after { content: "\f10e";display:inline-block;position:absolute;bottom:-20px;right:-20px;width:40px;height:40px;text-align:center;font-family:FontAwesome;color:#888888;font-size:22px;font-weight:900; }
#articleView .bq-type-2 { padding-left:30px !important;padding-top:20px;padding-right:20px;padding-bottom:20px;color:#464646 !important;border:none !important;background:#e0e0e0; }
#articleView .bq-type-2::before { content:"\f10d";display:inline-block;position:absolute;top:0;left:0;font-family:FontAwesome;color:#e0e0e0;font-size:22px;line-height:1;z-index:2;font-weight:900; }
#articleView .bq-type-2::after { content:'';position:absolute;left:0;top:0;border-color:transparent #fff;border-style:solid;border-width:0 0 40px 40px;}
#articleView .bq-type-3 { color:#fff !important;background-color:#888;border-left:none!important;padding:10px 5px;}
#articleView .bg-root p { margin:10px 0;padding:0; }
#articleView .bg-root cite { display:block;text-align:right;color:#888;font-size:.9em; }


#artContent .bq-root { position:relative;box-sizing:border-box; }
#artContent .bq-type-1 { display:inline-block;margin-left:auto;margin-right:auto;padding-left:40px !important;padding-right:20px;padding-top:20px;padding-bottom:20px;max-width:calc(100% - 40px);font-style:italic;color:#f00 !important;border-left-style:none !important; }
#artContent .bq-type-1::before { content:"\f10d";display:inline-block;position:absolute;top:0px;left:0px;width:40px;height:40px;text-align:center;font-family:FontAwesome;color:#888888;font-size:22px;font-weight:900; }
#artContent .bq-type-1::after { content: "\f10e";display:inline-block;position:absolute;bottom:-20px;right:-20px;width:40px;height:40px;text-align:center;font-family:FontAwesome;color:#888888;font-size:22px;font-weight:900; }
#artContent .bq-type-2 { padding-left:30px !important;padding-top:20px;padding-right:20px;padding-bottom:20px;color:#464646 !important;border:none !important;background:#e0e0e0; }
#artContent .bq-type-2::before { content:"\f10d";display:inline-block;position:absolute;top:0;left:0;font-family:FontAwesome;color:#e0e0e0;font-size:22px;line-height:1;z-index:2;font-weight:900; }
#artContent .bq-type-2::after { content:'';position:absolute;left:0;top:0;border-color:transparent #fff;border-style:solid;border-width:0 0 40px 40px;}
#artContent .bq-type-3 { color:#fff !important;background-color:#888;border-left:none!important;padding:10px 5px;}
#artContent .bg-root p { margin:10px 0;padding:0; }
#artContent .bg-root cite { display:block;text-align:right;color:#888;font-size:.9em; } */