@charset "utf-8";

#sermons{
	padding:0px 0px 50px;	
}
#sermons .section-top{
		-background-color:#1724a9; /* 설교 */
	background:url(../img/sectiontop-sermons.png);
	background-position:center center;
	padding:55px 0px;	
}
#sermons .sect-tlt{
	text-align:center;	
	color:#fff;
}
#sermons .inner{
	width:100%;
	padding:20px;
}
#sermons h3{
	margin-bottom:20px;
}
#sermons article{
	font-size:12px;
	line-height:1.6;
	border:1px solid #ddd;
	border-radius:17px;
	margin:10px 0px;
	padding:20px 12px;
}
#sermons .serm-en{
	color:#555;
	display:inline-block;	
}
/* 유튜브링크 */
#sermons .utube-links li{
	margin:21px 0px;
}

#sermons .utube-links .utube-link{
	margin:12px 0px 25px;
	display:block;
}
#sermons .utube-link a{
	padding:2px 7px;
	background-color:#EC2B3E;
	color:#f2f2f2;
	font-size:11px;	
	border-radius:7px;
}
#sermons .utube-link a:hover{
	background-color:#C12543;	
}

/* 페이스북 링크 */
#sermons .facebook-container p{
	line-height:1.6;	
}
#sermons .facebook-container .serm-en{
	display:block;
	margin-top:7px;
	line-height:1.4;
}
#sermons .facebook-container .facebook-link{
	margin-top:15px;
	display:block;
}
#sermons .facebook-container  .facebook-link a{
	padding:2px 7px;
	background-color:#3F5793;
	color:#f2f2f2;
	font-size:11px;	
	border-radius:7px;
}
#sermons .facebook-container  .facebook-link a:hover{
	background-color:#2E487A;
}

/* 팟캐스트 링크 */
#sermons .podcasts-container p{
	line-height:1.6;
}
#sermons .podcasts-container .serm-en{
	display:block;
	margin-top:7px;
	line-height:1.4;
}
#sermons .podcasts-container .podcasts-link{
	margin-top:15px;
	display:block;
}
#sermons .podcasts-container .podcasts-link a{
	padding:2px 7px;
	background-color:#C66610;
	color:#f2f2f2;
	font-size:11px;	
	border-radius:7px;
}
#sermons .podcasts-container .podcasts-link a:hover{
	background-color:#AF5810;
}
/* ===================================
	모바일가로(431px ~ 768px) 
=====================================*/
@media all and (min-width:431px) {
}

/* ===================================
	타블렛(769px ~ 1024px) 
====================================*/
@media all and (min-width: 769px) {

}

/* ======================================
	노트북(1025px ~ 1278px) 
========================================*/
@media all and (min-width: 1025px) {
	#sermons .inner{
		width:1200px;
		margin:auto;
	}
	#sermons h3{
		margin-bottom:20px;
	}
	#sermons article{
		font-size:15px;
		line-height:1.6;
		margin:10px 0px;
		padding:20px;
	}
	#sermons .utube-links li{
		margin:17px 0px;
	}
	#sermons .utube-links .utube-link{
		margin-left:5px;
		display:inline;
	}
	#sermons .utube-link a{
		font-size:12px;
	}
	#sermons .facebook-container .facebook-link a{
		font-size:12px;
	}
	#sermons .podcasts-container .podcasts-link a{
		font-size:12px;
	}
}


/* ==========================================
	Desktop View (1279px ~ )
============================================*/
@media all and (min-width: 1279px) {
}