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

#section_type_sermons_23 .sermon {width:100%; overflow:hidden; height:540px;/* height:auto; background:url("/section/sermon/sermon_22/img/bg.jpg")no-repeat center center; background-size:cover; padding:120px 0; box-sizing:border-box; */}

#section_type_sermons_23 .sermon .left {position:relative; float:left; width:50%; height:100%; background:url("/section/sermon/sermon_23/img/left_bg.jpg")no-repeat center center; background-size:cover;}
	#section_type_sermons_23 .sermon .left .left_inner {width:50%; height:100%; margin-left:20%; margin-right:30%; padding:100px 0; box-sizing:border-box; }
	#section_type_sermons_23 .sermon .left .left_inner h1 {font-family: 'Nanum Brush Script'; color:#fff; font-size:72px; margin-bottom:50px; font-weight:300;}
	#section_type_sermons_23 .sermon .left .left_inner .left_btn {}
	#section_type_sermons_23 .sermon .left .left_inner .left_btn p {width:240px; height:40px; background:rgba(0,0,0,0.3); border-radius:20px; margin-bottom:10px;}
	#section_type_sermons_23 .sermon .left .left_inner .left_btn p a {font-family: 'NanumSquare'; font-size:22px; color:#fff; width:100%; height:100%; border-radius:20px; display:block; padding:10px 0; text-align:center;}
	#section_type_sermons_23 .sermon .left .left_inner .left_btn p:hover a {text-decoration:underline;}
	#section_type_sermons_23 .sermon .left .left_inner h3 {font-family: 'Nanum Brush Script'; font-size:48px; color:#000; text-align:right; font-weight:300;}
	#section_type_sermons_23 .sermon .left .left_inner h3 span {font-size:22px;}
	#section_type_sermons_23 .sermon .left .left_inner img {position:absolute; right:-130px; bottom:0;}

#section_type_sermons_23 .sermon .right {float:left; width:50%; height:100%; background:#e3e7e8; box-sizing:border-box; */}
	#section_type_sermons_23 .sermon .right .right_inner {width:65%; height:100%; margin-left:15%; margin-right:20%; padding:100px 0; box-sizing:border-box; }
	#section_type_sermons_23 .sermon .right .right_inner h2 {font-family: 'NanumSquare'; font-size:30px; color:#494949; margin-bottom:25px; font-weight:400;}
	#section_type_sermons_23 .sermon .right .right_inner h1 {font-family: 'NanumSquare'; font-size:52px; color:#000; margin-bottom:40px; font-weight:400;}
	#section_type_sermons_23 .sermon .right .right_inner h3 {font-family: 'NanumSquare'; font-size:30px; color:#878787; margin-bottom:45px; font-weight:400;}
	#section_type_sermons_23 .sermon .right .right_inner p {width:91px; height:91px;}
	#section_type_sermons_23 .sermon .right .right_inner p a {display:block; width:100%; height:100%; transition:all 0.3s;}
	#section_type_sermons_23 .sermon .right .right_inner p:hover a {transform:translateX(20px);}


/*************** [sermons]responsive ***************/
@media screen and (max-width:1700px){ 
	#section_type_sermons_23 .sermon .left .left_inner h1 {font-size:60px;}
	
	#section_type_sermons_23 .sermon .right .right_inner {width:60%; margin-left:20%;}
	#section_type_sermons_23 .sermon .right .right_inner h1 {font-size:40px;}
}

@media screen and (max-width:1500px){ 
	#section_type_sermons_23 .sermon .left .left_inner h1 {font-size:50px;}
	#section_type_sermons_23 .sermon .left .left_inner img {width:350px;}
	
	#section_type_sermons_23 .sermon .right .right_inner h2 {font-size:24px;}
	#section_type_sermons_23 .sermon .right .right_inner h3 {font-size:24px;}
	#section_type_sermons_23 .sermon .right .right_inner p {width:80px; height:80px;}
	#section_type_sermons_23 .sermon .right .right_inner p img {width:80px;}
}

@media screen and (max-width:1300px){ 
	#section_type_sermons_23 .sermon .left .left_inner img {width:300px;}
}

@media screen and (max-width:1200px){ 
	#section_type_sermons_23 .sermon .right .right_inner {width:70%; margin-right:10%;}
}

@media screen and (max-width:1024px){ 
	#section_type_sermons_23 .sermon {height:auto;}
	#section_type_sermons_23 .sermon .left {float:none; width:100%;}
	#section_type_sermons_23 .sermon .left .left_inner {width:50%; margin-left:10%; margin-right:40%; padding:50px 0;}
	#section_type_sermons_23 .sermon .left .left_inner img {right:30px;}

	#section_type_sermons_23 .sermon .right {float:none; width:100%;}
	#section_type_sermons_23 .sermon .right .right_inner {width:80%; margin-left:10%; margin-right:10%; padding:50px 0;}
}

@media screen and (max-width:900px){
	#section_type_sermons_23 .sermon .left .left_inner img {width:260px; right:10px;}
}

@media screen and (max-width:600px){
	#section_type_sermons_23 .sermon .left .left_inner {width:80%; margin-left:10%; margin-right:10%;}
	#section_type_sermons_23 .sermon .left .left_inner h1 {font-size: 40px;}
	#section_type_sermons_23 .sermon .left .left_inner .left_btn p a {font-size: 20px;}
	#section_type_sermons_23 .sermon .left .left_inner h3 {font-size: 40px;}
	#section_type_sermons_23 .sermon .left .left_inner img {display:none;}

	#section_type_sermons_23 .sermon .right .right_inner h2 {font-size: 20px;}
	#section_type_sermons_23 .sermon .right .right_inner h1 {font-size: 34px;}
	#section_type_sermons_23 .sermon .right .right_inner h3 {font-size: 20px;}
	#section_type_sermons_23 .sermon .right .right_inner p {width: 60px; height: 60px;}
	#section_type_sermons_23 .sermon .right .right_inner p img {width:60px;}
}