.sermon {
	margin: 0 auto;
	width: 780px;
	padding: 10px 0;
	border-bottom: 1px solid #cfcfcf;
}
.worship_title {
	width: 100%;
	padding: 10px 0;
    font-size: 22px;
	font-weight: 700;
	color: #666;
	border-bottom: 1px solid #cfcfcf;
}
.worship_bible {
	width: 100%;
	padding: 10px 0;
    font-size: 18px;
	font-weight: 700;
	color: #bb8055;
}
.worship_pastor {
	width: 100%;
	padding-bottom: 10px;
    font-size: 18px;
	font-weight: 700;
	color: #666;
	border-bottom: 1px solid #cfcfcf;
}
.worship_date {
	width: 100%;
	padding: 0 20px;
    font-size: 16px;
}
/*.worship_name {
	width: 100%;
	padding: 10px;
    border-top: 1px solid #333;
    font-size: 18px;
}*/

.embed-container {
	aspect-ratio: 16 / 9;
}
.embed-container iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.vd_obj {
	width: 100%;
	padding: 10px 0;
	text-align: center;
}
.vd_obj iframe {
	width: 780px;
	height: 440px;
}
.bible {
	margin: 20px auto;
	width: 780px;
	font-size: 14px;
}
.link {
    margin: 30px 0;
	height: 100px;
	border-bottom: 1px solid #cfcfcf;
}
.link .btn {
    display: block;
	height: 70px !important;
    line-height: 55px;
    margin-top: 0px;
    padding: 10px 0 !important;
    background: #3b4859;
    color: #fff !important;
    cursor: pointer;
    border: 0px;
    font-size: 16px;
    font-weight: 500;
	text-shadow: none;
}
.link .jubo {
    padding-top: 22px !important;
}
.item_group {
	width: 100%;
	border-top: 2px solid #333;
	font-size: 22px;
}
.item_list {
	border-bottom: 1px solid #cfcfcf;
}
.item_list {
	padding: 30px 30px;
	word-break: keep-all;
}
.item_list .cell {
	display: table-cell;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}
.item_list .box {
	position: relative;
    background: #3b4859;
    width: 80px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    padding-bottom: 5px;
}
.item_list .item {
}
.item_list .w_date {
	font-size: 12px;
}
.item_list .catag {
	font-size: 20px;
}
.item_list .title {
	text-align: left;
	padding: 0 30px;
}
.item .b_word {
	padding: 0 30px;
	text-align: left;
	font-size: 16px;
	color: #bb8055;
}
.item_list .pastor {
	font-size: 16px;
    color: #666;
	text-align: left;
	padding: 0 30px;
}
.item_list .pastor .w_date {
	font-size: 16px;
    color: #bb8055;
	text-align: left;
	padding: 0 30px;
}
.item_list a:hover {
    text-decoration: none;
}
.boardRead {
	padding-bottom: 80px;
}
.boardRead .titleArea {
	width: 100%;
	padding: 30px 30px;
	border-top: 1px solid;
	font-size: 22px;
	word-break: keep-all;
}
.titleArea .cell {
	display: table-cell;
	padding: 0 10px;
	text-align: center;
	vertical-align: middle;
}
.titleArea .box {
	position: relative;
    background: #3b4859;
    width: 140px;
	height: 80px;
    text-align: center;
    color: #fff;
    border-radius: 7px;
    padding-bottom: 5px;
}
.titleArea .item {
}
.titleArea .w_date {
	font-size: 12px;
}
.titleArea .catag {
	padding-top: 10px;
	font-size: 20px;
	font-weight: 700;
}
.titleArea .item_title {
	text-align: left;
	padding: 0 30px;
	font-size: 22px;
	    font-weight: 700;
	color: rgb(102, 102, 102);
}
.titleArea .writer {
	font-size: 18px;
	font-weight: 700;
    color: #bb8055;
	text-align: left;
	padding: 10px 0 0 30px;
}

@media (min-width: 320px) and (max-width:480px) {
	.sermon {
		width: 360px;
		padding: 0;
	}
	.vd_obj {
		padding: 0 0 30px 0;
	}
	.vd_obj iframe {
		width: 360px;
		height: 203px;
	}
	.link {
		height: 260px;
	}
	.link .btn {
		margin: 10px;
	}
	#offer {
		padding: 0 20px;
	}
	#offer .box {
		float: none !important;
		width: 100% !important;
	}
}

/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = 데스크탑
##Screen = 1281px 이상 해상도 데스크탑
*/

@media (min-width: 1281px) {



}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
##Device = 랩탑, 데스크탑
##Screen = 1025px에서 1280px 사이
*/

@media (min-width: 1025px) and (max-width: 1280px) {



}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) {



}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {



}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = 저해상도 태블릿, 모바일(가로)
##Screen = 481px에서 767px 사이
*/

@media (min-width: 481px) and (max-width: 767px) {



}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 사이
*/

@media (min-width: 320px) and (max-width: 480px) {



}