#blog {background: url('/img/pages/byefatstory/selfiegram.png') no-repeat;}
#blog h1 {color: #fff;}
#blog h3 {
	font-size: 1.5rem;
	color: #fff;
	margin-bottom: 2%;
	letter-spacing: 6px;
}

#blog_board h1 {
	font-size: 250%;
	margin-bottom: 2%;
}
#blog_board .blog-list {margin-top:5rem}
#blog_board .blog-list-all {margin:1.25vw 0}
#blog_board .blog-list-all > ul {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap
}
#blog_board .blog-list-all > ul > li {
	width:calc(50% - 2vw);
	margin: 0 1vw;
	margin-bottom: 2vw;
	cursor:pointer
}
#blog_board .blog-list-all > ul > li .image {
	position:relative
	text-align: center;
}
#blog_board .blog-list-all > ul > li .image img {width: 100%;}

#blog_board .blog-list-all > ul > li .info {
	padding: 1vw 0 2vw;
}
#blog_board .blog-list-all > ul > li .title {
	font-size: 1.14vw;
	margin-bottom: 2.5vw;
	line-height: 1.5vw;
}
#blog_board .blog-list-all > ul > li .info > div:not(.title) {
	display:flex;
	align-items:center
}

#blog_board .blog-view-all {margin:1.25vw 0}
#blog_board .blog-view-all > ul {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap
}
#blog_board .blog-view-all > ul > li {
	width: 100%;
	margin: 0 1vw;
	margin-bottom: 2vw;
}
#blog_board .blog-view-all > ul > li .image {
	position:relative
	text-align: center;
}
#blog_board .blog-view-all > ul > li .image img {width: 100%;}

#blog_board .blog-view-all > ul > li .info {
	padding:1.25vw 1.25vw 2.5vw 1.25vw;
	font-weight: 300;
}
#blog_board .blog-view-all > ul > li .title {
	font-size: 3rem;
	margin-bottom: 5rem;
	line-height: 3rem;
}
/* 목록이 없을 경우 스타일 */
#blog_board .no-data {
    text-align: center;
    padding: 150px 0;
    border-top: 1px solid #eee;
    background: #f9f9f9;
    border-radius: 10px;
    margin: 2rem 1vw;
}

#blog_board .no-data p {
    font-size: 1.5rem;
    color: #333;
    font-family: 'ScoreR';
    margin-bottom: 10px;
}

#blog_board .no-data span {
    font-size: 1rem;
    color: #999;
}

@media screen and (max-width :768px) {
	#blog {background-position: center;}
	#blog h3 {margin-bottom: 1rem;}

	#blog_board .blog-list-all,
	#blog_board .blog-list-all > ul > li {
		width:calc(50% - 2vw);
		margin-bottom:2vw
	}
	#blog_board .blog-list-all > ul > li .title,
	#blog_board .blog-list-all > ul > li .info {
		font-size:2.08vw;
		padding:4vw
	}
	#blog_board .blog-list-all .info .circle,
	#blog_board .blog-list-all > ul > li .image>img.best {
		width:8.72vw;
		height:9.76vw
	}
	#blog_board .blog-view-all > ul > li .title,
	#blog_board .blog-view-all > ul > li .info {
		font-weight: 600;
		padding: 0.5rem;
	}
	#blog_board .blog-view-all .info .circle,
	#blog_board .blog-view-all > ul > li .image>img.best {
		width:8.72vw;
		height:9.76vw
	}
	#blog_board .no-data {
        padding: 80px 0;
    }
    #blog_board .no-data p {
        font-size: 1.2rem;
    }

}