@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
/*************** [sermons]basic ***************/
#section_type_sermons_25 {clear:both;}

#section_type_sermons_25 .sermon {width:100%; height:100%; background:url("/section/sermon/sermon_25/img/bg.jpg") no-repeat center center; background-size:cover;}
#section_type_sermons_25 .sermon .inner {max-width:1500px;}

#section_type_sermons_25 .sermon .top .top_tit {padding-top:220px; padding-bottom:100px; color:#fff;}
	#section_type_sermons_25 .sermon .top .top_tit h1 {font-size:52px; margin-bottom:100px; font-weight:300; line-height:135%;}
	#section_type_sermons_25 .sermon .top .top_tit h1:after {content:""; display:block; width:50px; height:1px; background:#fff; position:relative; left:0; top:50px;}
	#section_type_sermons_25 .sermon .top .top_tit h3 {font-size:24px; font-weight:300; padding-bottom:15px;}
	#section_type_sermons_25 .sermon .top .top_tit p {margin-top:70px; border-radius:30px; background:rgba(0,0,0,0.5); width:180px; height:40px; text-align:center;}
	#section_type_sermons_25 .sermon .top .top_tit p a {color:#fff; font-family: 'NanumSquare'; display:block; width:180px; height:40px; border-radius:30px; font-size:18px; padding-top:11px; box-sizing:border-box; transition:all 0.3s;}
	#section_type_sermons_25 .sermon .top .top_tit p a:hover {transform:translateX(10px);}

#section_type_sermons_25 .sermon .top .bottom {width:100%; height:280px; background:rgba(0,0,0,0.6); overflow:hidden; box-sizing:border-box; padding-top:40px;}
#section_type_sermons_25 .sermon .top .bottom .left {float:left; width:30%;}
	#section_type_sermons_25 .sermon .top .bottom .left h2 {font-family: 'NanumSquare'; font-weight:300; color:#fffcac; font-size:30px; padding-bottom:20px; padding-top:10px;}
	#section_type_sermons_25 .sermon .top .bottom .left h2 span {font-weight:500;}
	#section_type_sermons_25 .sermon .top .bottom .left p {font-family: 'NanumSquare';}
	#section_type_sermons_25 .sermon .top .bottom .left p a {font-size:18px; color:#fff;}
	#section_type_sermons_25 .sermon .top .bottom .left p a:hover {text-decoration:underline;}
#section_type_sermons_25 .sermon .top .bottom .right {float:left; width:70%; overflow:hidden;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in {position:relative; float:left; width:31%; margin-left:2%; overflow:hidden;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in img {width:100%; transition:all 0.3s;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in img:hover {transform:scale(120%);}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in div {position:absolute; top:38%; left:10%; width:80%; color:#fff;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in div p {text-align:center; font-size:18px; font-family: 'NanumSquare'; padding-bottom:10px;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in div h4 {text-align:center; font-size:24px; font-family: 'NanumSquare'; font-weight:300; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%;}

/*************** [sermons]responsive ***************/
@media screen and (max-width:1520px){ 
	#section_type_sermons_25 .sermon .inner {max-width:1200px;}
}
@media screen and (max-width:1220px){ 
	#section_type_sermons_25 .sermon .top .top_tit {padding-top:180px;}
	#section_type_sermons_25 .sermon .top .top_tit h1 {font-size:45px;}
	#section_type_sermons_25 .sermon .top .top_tit h3 {font-size:20px;}
	
	#section_type_sermons_25 .sermon .top .bottom .left h2 {font-size:26px;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in div {top:35%;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in div p {font-size:16px;}
	#section_type_sermons_25 .sermon .top .bottom .right .right_in div h4 {font-size:22px;}
}
@media screen and (max-width:1024px){ 
	#section_type_sermons_25 .sermon {height:auto;}

	#section_type_sermons_25 .sermon .top .top_tit {padding-top:120px; padding-bottom:60px;}
	#section_type_sermons_25 .sermon .top .top_tit p {margin-top:40px;}
	#section_type_sermons_25 .sermon .top .top_tit h1 {font-size:40px;}

	#section_type_sermons_25 .sermon .top .bottom {height:auto; padding-top:60px; padding-bottom:60px;}
	#section_type_sermons_25 .sermon .top .bottom .left {float:none; width:100%; margin-bottom:30px;}
	#section_type_sermons_25 .sermon .top .bottom .right {float:none; width:100%;}
		#section_type_sermons_25 .sermon .top .bottom .right .right_in {width:32%; margin-left:0; margin-right:2%;}
		#section_type_sermons_25 .sermon .top .bottom .right .right_in:last-child {margin-right:0;}
}
@media screen and (max-width:600px){
	#section_type_sermons_25 .sermon .top .top_tit {padding-top:100px; text-align:center;}
	#section_type_sermons_25 .sermon .top .top_tit h1 {font-size:32px;}
	#section_type_sermons_25 .sermon .top .top_tit h1:after {left:50%; margin-left:-25px;}
	#section_type_sermons_25 .sermon .top .top_tit p {position:relative; left:50%; margin-left:-90px;}

	#section_type_sermons_25 .sermon .top .bottom .left {text-align:center;}

	#section_type_sermons_25 .sermon .top .bottom .right .right_in {float:none; width:80%; margin-left:10%; margin-right:0; margin-bottom:30px;}
}