@import url(//fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*************** [sermons]basic ***************/
/*#section_type_sermons_24*/
#section_type_sermons_24 .sermon {width:100%; overflow:hidden; height:680px; background:url("/section/sermon/sermon_24/img/bg.png")no-repeat bottom right; padding:120px 0; box-sizing:border-box; /* background-size:cover; */}

#section_type_sermons_24 .sermon .tit {margin-bottom:70px; text-align:center;}
#section_type_sermons_24 .sermon .tit:after {content:""; display:block; width:50px; height:1px; background:#8f8f8f; position:relative; top:35px; left:50%; margin-left:-25px;}
#section_type_sermons_24 .sermon .tit h1 {font-size:36px; font-family: 'NanumSquare'; font-weight:400; color:#000; margin-bottom:10px;}
#section_type_sermons_24 .sermon .tit p {font-size:18px; font-family: 'NanumSquare'; color:#8f8f8f;}

#section_type_sermons_24 .sermon .sermon_box {width:100%; overflow:hidden;}
	#section_type_sermons_24 .sermon .sermon_box .left {float:left; width:50%;}

	#section_type_sermons_24 .sermon .sermon_box .right {float:left; width:50%;}
	#section_type_sermons_24 .sermon .sermon_box .right p {margin:40px 0 20px;}
	#section_type_sermons_24 .sermon .sermon_box .right h3 {font-size:30px; font-family: 'NanumSquare'; font-weight:400; color:#000; margin-bottom:60px; line-height:130%;}
	#section_type_sermons_24 .sermon .sermon_box .right h4 { margin-bottom:10px;}
	#section_type_sermons_24 .sermon .sermon_box .right h4 a {font-size:30px; font-family: 'NanumSquare'; font-weight:400; color:#df7a1f;}
	#section_type_sermons_24 .sermon .sermon_box .right h4:hover a {text-decoration:underline;}
	#section_type_sermons_24 .sermon .sermon_box .right h5 {font-size:24px; font-family: 'NanumSquare'; font-weight:400; color:#000;}
	#section_type_sermons_24 .sermon .sermon_box .right p a img {transition:all 0.3s;}
	#section_type_sermons_24 .sermon .sermon_box .right p a:hover img {transform:translateX(10px)}


/*************** [sermons]responsive ***************/

@media screen and (max-width:1024px){ 
	#section_type_sermons_24 .sermon .tit h1 {font-size:30px;}
	#section_type_sermons_24 .sermon .tit p {font-size:16px;}

	#section_type_sermons_24 .sermon .sermon_box .right h3 {font-size:24px;}
	#section_type_sermons_24 .sermon .sermon_box .right h4 a {font-size:24px;}
	#section_type_sermons_24 .sermon .sermon_box .right h5 {font-size:20px;}
	#section_type_sermons_24 .sermon .sermon_box .right p a img {width:60px;}
}

@media screen and (max-width:750px){
	#section_type_sermons_24 .sermon {height:auto; padding:60px 0;}

	#section_type_sermons_24 .sermon .sermon_box .left {float:none; width:100%;}
	#section_type_sermons_24 .sermon .sermon_box .left h2 {text-align:center;}

	#section_type_sermons_24 .sermon .sermon_box .right {float:none; width:80%; margin:0 auto;}
}

@media screen and (max-width:450px){
	#section_type_sermons_24 .sermon .sermon_box .left h2 img {width:50%;}
}