@charset "utf-8";

/* BDVslide */
.BDVslide {
	position:relative;
	background-color:#f0f0f0;
}
.BDVslide .Bar {
	position:absolute;
	background-color:#1a255b
}
.BDVslide .Category {
	margin-right:10px;
	color:#fff
}
.BDVslide .TiTleGroup a {color:#444}
.BDVslide a.replyNum {color:#f45b46}

/* RecentCard */
.BDCard {background-color:#fff;}
.BDCard li {margin-bottom:40px}
.BDCard li .ListInner {
	border:1px solid rgba(0,0,0,0.05);
	box-sizing:border-box;
	background-color:#f0f0f0
}
.BDCard li:hover .ListInner {border:1px solid #444}
.BDCard .ThumbArea {position:relative}
.BDCard .Category {
	position:absolute;
	left:0;
	bottom:0;
	padding:4px;
	font-size:11px;
	background-color:rgba(0,0,0,0.5);
	color:#fff
}
.BDCard .TiTle {
	display:block;
	padding:15px 0;
    font-family: 'NotoSans Regular';
    font-style: normal;
    font-weight: normal;
    color:#444;
    overflow: hidden;
	text-align:center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.BDCard .TiTle a {color:#444}
.BDCard a.replyNum {color:#f45b46}
.BDCard .TexT {
	color:#888;
	text-align: justify;
	padding-bottom:5px;
	line-height:20px
}
@media (max-width: 767px) {
	.RecentCardInner {padding:30px 10px 0}
	.BDCard {margin-left:-5px; margin-right:-5px}
	.BDCard li {padding:0 5px}
	.BDCard .CntArea {padding:10px}
	.BDCard .TiTle {
		font-size:14px;
		line-height:14px;
	}
}
@media (min-width: 768px) {
	.RecentCardInner {padding:40px 40px 0}
	.BDCard {margin-left:-10px; margin-right:-10px}
	.BDCard li {padding:0 10px}
	.BDCard .CntArea {padding:20px}
	.BDCard .TiTle {
		font-size:16px;
		line-height:16px;
	}
}
@media (min-width: 1400px) {
	.RecentCardInner {padding:80px 80px 40px}
	.BDCard {margin-left:-20px; margin-right:-20px}
	.BDCard li {padding:0 20px}
	.BDCard .CntArea {padding:30px}
}

/* Recents */
/* BDWebz */
.BDWebz li {
	background-color:#f0f0f0;
	border:1px solid rgba(0,0,0,0.01);
	box-sizing: border-box
}
.BDWebz li:hover {border:1px solid #444}
.BDWebz .ThumbArea img {
	float:left;
	margin-right:15px;
}
.BDWebz .ThumbArea {position:relative}
.BDWebz .Category {
	position:absolute;
	left:0;
	bottom:-110px;
	padding:4px;
	font-size:11px;
	background-color:rgba(0,0,0,0.5);
	color:#fff
}
.BDWebz .TiTle a {color:#444}
.BDWebz .CntArea {height:110px}
.BDWebz .CntArea > .d-table-cell {padding-right:10px}
.BDWebz a.replyNum {color:#f45b46}
@media (max-width: 1199px) {.BDWebz li {margin-bottom:10px}}
@media (min-width: 1200px) {.BDWebz li {margin-bottom:22px}}

/* BDList */
.BDList {border-top: 1px solid #f0f0f0}
.BDList li {border-bottom: 1px solid #f0f0f0}
.BDList li:hover {border: 1px solid #444}
.BDList li .row {height:80px}
.BDList li .col-8 {padding-right:10px}
.BDList .Category {text-align: center}
.BDList .Category a {
	margin:auto;
	color:#fff;
}
.BDList .TiTle {color:#444}
.BDList .d-table {border-left:1px solid #f0f0f0}
.BDList .replyNum {
	height:80px;
	text-align:center;
	color:#444
}
.BDList .replyNum .fa {display:block}
@media (max-width: 767px) {.RecentsInner {padding:30px 10px}}
@media (min-width: 768px) {.RecentsInner {padding:40px}}
@media (min-width: 1400px) {.RecentsInner {padding:80px}}
@media (min-width: 1200px) {
	.RecentLeft {margin-right:10px}
	.RecentRight {margin-left:10px}
}
@media (max-width: 767px) {.RecentLeft {margin-bottom:20px}}
@media (min-width: 768px) and (max-width:1199px) {.RecentLeft {margin-bottom:40px}}

/* 공통 */
.BDVslide .Date,
.BDVslide .Author,
.BDCard .Date,
.BDCard .Author,
.BDWebz .Date,
.BDWebz .Author,
.BDList .Date,
.BDList .Author {
	color:#999;
	font-size:13px
}
.BDVslide .Category strong,
.BDList .Category strong {
	width:40px;
	height:35px;
	padding:2px;
    word-wrap: break-word;
    word-break: break-all;
    font-weight: normal;
    font-size: 12px;
    line-height:14px;
    border-radius: 3px;
    background-color: #ccc;
}
.Icon > img[alt="file"] { display:none }
@media (max-width: 767px) {
	.BDList li .col-8,
	.BDVslide li .col-8,
	.BDWebz .CntArea > .d-table-cell {line-height:16px}	
}
@media (max-width: 1199px) {
	.BDVslide .Bar {
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:50px;
		height:4px;
	}
}
@media (min-width: 1200px) {
	.BDVslide .Bar {
		right:0;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width:4px;
		height:50px;
	}
}