.lead {
    border: 1px solid #F4F5F7;
    padding: 7px 20px 10px 20px;
    background-color: #F4F5F7;
    font-size: 14px;
    color: #000000;
    line-height: 21px;
}
.epilogue {
	padding: 7px 20px 10px 20px;
	border: 1px solid #F4F5F7;
	margin-bottom: 21px;
}
.epilogue h6 {
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
}
.epilogue p {
	font-size: 14px;
	color: #666;
	line-height: 21px;
}
.area__share {
    display: none;
}
.button__share, .button__close_sharebox {
    border: 0;
    padding: 0;
    background-color: transparent;
    display: block;
    text-align: center;
    width: 100%;
    line-height: 21px;
    padding: 5px 0;
    background-color: #4889e4;
    font-weight: bold;
    color: #fff;
}
.button__share svg {
    vertical-align: top;
    height: 18px;
    width: 20px;
    margin-right: 5px;
}
.box__share {
    position: fixed;
    top: calc(50% - 70px);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9997;
    width: 260px;
    box-sizing: border-box;
    background-color: #f4f4f4;
    padding: 20px;
}
.box__share .header {
    margin-bottom: 25px;
}
.box__share .header h6 {
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}
.box__share .list__buttons {
    margin: 0 -10px 5px;
}
.box__share .list__buttons:after {
    content: '';
    display: block;
    clear: both;
}
.box__share .list__buttons > li {
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 15px;
}
.box__share .list__buttons a, #copy-url{
    display: block;
    width: 100%;
    height:40px;
    text-indent:-9999em;
    background-color:#333;
}
.box__share .list__buttons #copy-url{
    background:url(../img/copy-url.png) no-repeat center center / cover;
    border: 0;
}
.box__share .list__buttons a.facebook{
    background:url(../img/sns/facebook.png) no-repeat center center / cover;
}
.box__share .list__buttons a.twitter{
    background:url(../img/sns/twitter.png) no-repeat center center / cover;
}
.box__share .list__buttons a.googleplus{
    background:url(../img/sns/google.png) no-repeat center center / cover;
}
.box__share .list__buttons a.kakaotalk{
    background:url(../img/sns/kakaotalk.png) no-repeat center center / cover;
}
.box__share .list__buttons a.kakaostory{
    background:url(../img/sns/kakaostory.png) no-repeat center center / cover;
}
.box__share .list__buttons a.line{
    background:url(../img/sns/naverline.png) no-repeat center center / cover;
}
.box__share .list__buttons a.naverblog{
    background:url(../img/sns/naverblog.png) no-repeat center center / cover;
}
.box__share .list__buttons a.naverband{
    background:url(../img/sns/naverband.png) no-repeat center center / cover;
}
.box__share .list__buttons a.telegram{
    background:url(../img/sns/tele.png) no-repeat center center / cover;
}
.box__share .list__buttons a.navershare{
    background:url(../img/sns/naver.png) no-repeat center center / cover;
}

.area__share .overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index:9991;
}
.active_share {
    overflow-y: hidden;
}
.active_share .area__share {
    display: block;
}


/* 댓글 */
#comment {padding: 10px;font-size: 12px;}
/* 작성 */
#comment dl dt strong {font-size: 16px;color: #3b58ab;margin-right: 5px;}
#comment dl dd fieldset {border: 0px solid #bbb;margin-top: 10px;/* padding: 5px; *//* background: #f8f8f8; */}
#comment dl dd fieldset div span {color: #999;}
#comment dl dd fieldset div span.info {font-weight: bold;}
#comment dl dd fieldset div.reply {border: 1px solid #ddd;width: 100%;border-radius: 5px;}
#comment dl dd fieldset div.reply > span {display: block;margin: 0px 10px;padding: 10px 0 5px;font-size: 15px;font-weight: bold;color: #000;}
#comment dl dd fieldset div.reply label.reply_label {display: block;width: 100%;padding: 10px 10px 25px;box-sizing: border-box;font-size: 14px;color: #bbb;}
#comment dl dd fieldset div.reply textarea.reply_text {display: block;margin: 0 auto;width: calc(100% - 20px);height: 150px;font-size: 14px;vertical-align: top;box-sizing: border-box;resize: none;padding: 10px;border: 1px solid #ddd;font-family: HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif;}
#comment dl dd fieldset div.reply textarea.reply_text::placeholder {color: #bbb;}
#comment dl dd fieldset div.reply textarea.reply_text:-ms-input-placeholder {color: #bbb;}
#comment dl dd fieldset div.reply textarea.reply_text::-ms-input-placeholder {color: #bbb;}
#comment dl dd fieldset div.reply div.slot {margin-top: 10px;width: 100%;border-top: 1px solid #ddd;padding: 10px;box-sizing: border-box;position: relative;}
#comment dl dd fieldset div.reply div.slot span {font-weight: normal;}
#comment dl dd fieldset div.reply .reply_submit {width: 50px;height: 30px;vertical-align: top;border: 0;color:#fff;background: #ddd;border-radius:3px;position:absolute; top: 5px; right: 5px;}
#comment dl dd fieldset div.reply .reply_reset {width: 50px;height: 30px;vertical-align: top;border: 0;color:#fff;background: #ddd;border-radius:3px;position:absolute; top: 5px; right: 75px;}
/* 리스트 */
#comment dl.cList {margin-top: 20px;border-top: 3px solid #3b58ab;/* background: #f8f8f8; */}
#comment dl.cList dt {margin-top: 10px;padding-bottom: 10px;font-weight: bold;border-bottom: 1px solid #ddd;}
#comment dl.cList dd > ul > li {position: relative;padding: 20px 0;}
#comment dl.cList dd > ul > li+li {border-top: 1px solid #ddd;}
#comment dl.cList dd ul li div.profile {position: relative;}
#comment dl.cList dd ul li div.profile em {font-weight: bold;font-size: 15px;font-style:normal;}
#comment dl.cList dd ul li div.profile span {font-weight: normal;margin-left: 10px;font-size: 12px; color: #999; letter-spacing: 1px; position: relative; top: -1px;}
#comment dl.cList dd ul li div.profile div.open_modify {position: absolute;display: block;bottom: 0px;right: 0;width: 16px;height: 16px;background: url('../img/menu.png');}
#comment dl.cList dd ul li div.profile ul.list_modify {display: none;width: 100px;background-color: #fff;border: 1px solid #ddd;position: absolute;top: 30px;right: 0;text-align: center;}
#comment dl.cList dd ul li div.profile ul.list_modify::before {content:'';position: absolute;display: block;top: -5px;right: 2px;width: 0;height: 0;border-top: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #ddd;}
#comment dl.cList dd ul li div.profile ul.list_modify.on {display: block;}
#comment dl.cList dd ul li div.profile ul.list_modify li {width: 100px;height: 30px;line-height: 30px;font-size: 13px;}
#comment dl.cList dd ul li div.profile ul.list_modify li + li {border-top: 1px solid #eee;}
#comment dl.cList dd ul li div.profile ul.list_modify li.btn_modify {background: url('../img/revise.png') no-repeat;background-position: 15px 7px;text-indent: 15px;}
#comment dl.cList dd ul li div.profile ul.list_modify li.btn_delete {background: url('../img/wastebasket.png') no-repeat;background-position: 15px 7px;text-indent: 15px;}
#comment dl.cList dd ul li div.profile ul.list_modify li a {
    display: block;
    width: 100%;
    height: 100%;
}
#comment dl.cList dd ul li p.text {margin-top: 10px;font-size: 15px;}
#comment dl.cList dd ul li div.give {text-align: right; margin-top: 20px;margin-right:10px;}
#comment dl.cList dd ul li div.give a {display: inline-block;padding-left: 18px;padding-bottom:2px;text-decoration: none;margin-left:10px;}
#comment dl.cList dd ul li div.give a.agree {background: url(../img/like.png) 0px 2px no-repeat;color:#e62828;}
#comment dl.cList dd ul li div.give a.disagree {background: url(../img/hate.png) 0 2px no-repeat;color:#292fe2;}
/*유튜브 영상 반응형*/
.fr-video {display:block; position:relative; width:100%; height:0; padding-bottom:56.25%;}
.fr-video > iframe {position:absolute; top:0; left:0; width:100%; height:100%;}