.container-fluid { width:100%; margin-right:auto; margin-left:auto; background:transparent; }
.fh5co-recent-news h2 { font-size:30px; color:#444; }
.fh5co-recent-news hr { background:#444; margin:10px auto; width:60px; height:3px; }
.fh5co-recent-news .card-img-overlay { background-color:rgba(0, 0, 0, 0.1); transition:all 0.5s; -webkit-transition:all 0.5s; -ms-transition:all 0.5s; -moz-transition:all 0.5s; }
.fh5co-recent-news .card-img-overlay .top-area,
.fh5co-recent-news .card-img-overlay .bottom-area { display:none; }
.fh5co-recent-news .card-img-overlay:hover { background-color:rgba(0, 0, 0, 0); }
.fh5co-recent-news .card-img-overlay:hover .top-area,
.fh5co-recent-news .card-img-overlay:hover .bottom-area { display:block; }
.fh5co-recent-news .top-area { background-color: rgba(0, 0, 0, 0.612); position: absolute; display: block; padding: 15px; left: 0; right: 0;  top: 0; }
.fh5co-recent-news .top-area .fa-heart { color:#fff; }
.fh5co-recent-news .bottom-area { position:absolute; display:block; padding:10px; left:0; right:0; bottom:0; font-size:14px; background-color:rgba(0, 0, 0, 0.612); }
.fh5co-recent-news .bottom-area .title { text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }
.fh5co-recent-news .bottom-area .title .h4 { font-size:16px; }
.fh5co-recent-news .bottom-area .subtitle { text-overflow:ellipsis; white-space:nowrap; overflow: hidden; }

.card { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; background-clip:border-box; border:1px solid #fff; border-radius:0.25rem; }
.card-img-overlay { position:absolute; top:0; right:0; bottom:0; left:0; padding:1.25rem; }
.card-img { width:100%; border-radius:calc(0.25rem - 1px); }
.mt-5 { margin-top:0rem !important; }/* 박스의 상단 마진 */
.pt-4 { margin-bottom:0rem !important; }/* 박스의 하단 마진 */

.b-top { padding:0 15px }
.share { float:left; padding-right:0 !important; }
.date { float:right; padding-left:0 !important; }
.mt-2 { margin-top:0px !important; }
.mx-auto { margin-right:auto !important; }
.mx-auto { margin-left:auto !important; }
.d-block { display:block !important; }
.col-5, .col { position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px; }
.col { -ms-flex-preferred-size:0; flex-basis:0; -ms-flex-positive:1; flex-grow:1; max-width:100%; }
.col-5 { -ms-flex:0 0 41.666667%; flex:0 0 41.666667%; max-width:41.666667%; }
.text-right { text-align:right!important; }