.sermonVideo {width: 100%; height: 500px; position: relative; cursor: pointer;}
.sermonVideo > img:nth-of-type(1){
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;}
.sermonVideo > img.sermon-btn { position: absolute; top: 50%; left: 55%; transform: translate(-50%,-50%);}

#sermon { padding:120px 0; }
#sermon a { text-decoration:none; display: block; position: relative;}
#sermon a:hover { text-decoration:none; }
.sermon-bg { height:511px;  background:url(../../../Layouts/geumhocc/Images/2.sermon_bg.jpg) no-repeat; background-size:100% 100%; background-position:center;   position:relative; }
.sermon-bg img { position:absolute; bottom:0; right:0;  }
.sermon-title  { position:absolute; bottom:0; right:0;  background:#C6171E; padding: 20px; }
.sermon-title p { margin:0; font-size:23px; font-weight:bold; clear:both; color:#fff; }
.sermon-title hr { float:left; width:40px; border-top:2px solid #fff; margin:13px 0; }
.sermon-title .sermon-date { font-size:18px; font-weight:normal; }
.sermon-cont { top: 38px; color: #fff; position: absolute; left: 200px; }
.sermon-cont h1 { font-size:35px; margin:0; text-decoration:none; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; }
.sermon-cont h5 { font-size:21px; margin:20px 0 0; }

.sermon-bg2 { height:243px;  background:url(../../../Layouts/geumhocc/Images/2.sermon_bg02.jpg) no-repeat; background-size:100% 100%; background-position:center;   position:relative;  padding:40px 40px; margin-bottom:25px; }
.sermon-bg3 { height:243px;  background:url(../../../Layouts/geumhocc/Images/2.sermon_bg03.jpg) no-repeat; background-size:100% 100%; background-position:center;   position:relative;  padding:40px 40px; }
.sermon-right h2 { color:#fff; font-size:22px; margin:0; }
.sermon-right hr { float:left; width:50px; border-top:1px solid #fff;  margin:15px 0 20px; }
.sermon-right a div { clear:both; overflow:hidden; margin:7px 0;}
.sermon-right div p { font-size:18px; color:#fff; margin:0; }
.sermon-right div p span { font-size:16px; color:#ddd; }
.sermon-right div img { float:right; position:relative; top:10px;}
.sermon-right ul { clear:both; }
.sermon-right li { padding:2px 0;}
.sermon-right li a { color:#fff; font-size:18px; text-decoration:none; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important;}

#life { height:750px;  background:url(../../../Layouts/geumhocc/Images/3.life_bg.jpg) no-repeat; background-size:100% 100%; background-position:center; padding:110px 0; }
#life h2 { color:#000; font-size:45px; margin:0 0 60px;}
#life .col-sm-4 { padding:0 30px; }
.life-box { border-top:6px solid #000;  border-bottom:1px solid #000; }
.life-cont img { width:100%; height:270px;}
.life-cont img:hover { opacity:0.8; transition:0.2s all; }
.life-box h3 { font-size:28px; color:#000; margin:30px 0 35px;}
.life-box p { font-size:19px; margin:0; color:#000; margin:20px 0; text-decoration:none; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; }
.life-box a { text-decoration:none; }

#gallery { height:750px;  background:url(../../../Layouts/geumhocc/Images/4.gallery_bg.jpg) no-repeat; background-size:100% 100%; background-position:center; padding:80px 0; }
#gallery .container { position:relative; }
#gallery .gall-wrap { overflow:hidden;  }
#gallery .gall-btn { position:absolute;  z-index:3; top:45%;  cursor:pointer; }
#gallery .next-btn { right:-100px; }
#gallery .prev-btn { left:-100px; }
.gall-box { padding:0 15px; }
.gall-box img { width:100%;  height:315px; }
.gall-box img:hover { transform:scale(1.1); transition:0.4s all; opacity:0.8; }
#gallery h2 { color:#fff; font-size:45px; margin:0 0 60px;}
#gallery .gall-desc { background:#fff; padding:20px; font-size:17px; color:#000; text-decoration:none; }
#gallery a { text-decoration:none; }
#gallery .more { display:inline-block; font-size:23px; color:#fff; text-decoration:none; padding:15px 100px; border:1px solid #fff; margin-top:50px;}
#gallery .more:hover { background:#fff; color:#333; transition:0.3s all; }
#gallery .col-sm-4 { padding:0 10px; }

#time { padding:60px 0;}
#time h2 { margin:30px 0 15px;  font-size:28px;  padding-bottom:15px;  border-bottom:1px solid #ddd; }
#time > div > div > div { padding:0;  }
.time-table { padding:0 50px; }
.time-table table { border:none; font-size:19px; padding:30px 0;}
.time-table table>tbody>tr>td { border-top:none; padding:4px 10px;  }
.time-table2 { padding:70px 50px;}

@media (min-width:1200px) and (max-width:1499px) {
	#gallery .next-btn { right:0; }
	#gallery .prev-btn { left:0; }
	#time h2 { margin: 15px 0 15px; font-size: 22px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }	
	.time-table { padding:0 30px; }
	.time-table table { font-size:17px; }
	.time-table2 { padding:70px 30px!important; }
}

@media (min-width:993px) and (max-width:1199px) {
	.sermonVideo {height: 350px;}
	
	#gallery .next-btn { right:0; }
	#gallery .prev-btn { left:0; }	
	#time h2 { margin: 10px 0 10px; font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; }	
	.time-table { padding:0 15px; }
	.time-table table { font-size:16px; }
	.time-table2 { padding: 45px 15px!important; }
	#life .col-sm-4 { padding:0 15px; }
	.life-box p { font-size:17px; }
	.sermon-bg2 { height: 243px; background: url(../../../Layouts/geumhocc/Images/2.sermon_bg02.jpg) no-repeat; background-size: 100% 100%; background-position: center; position: relative; padding: 30px 25px; }
	.sermon-bg3 { height: 243px; background: url(../../../Layouts/geumhocc/Images/2.sermon_bg03.jpg) no-repeat; background-size: 100% 100%; background-position: center; position: relative; padding: 30px 25px; }
	.sermon-right li a { color: #fff; font-size: 16px; }
	.gall-box img { height:220px; }
	#gallery { padding:120px 0; }
}

@media (min-width:768px) and (max-width:992px) {
	.sermonVideo {height: 350px;}
	
	#gallery .next-btn { display:none; }
	#gallery .prev-btn { display:none; }	
	#time > div > div > div { padding:0 15px; }
	#time > div > div > div img { width:100%; }
	.time-table { padding:0; margin-bottom:30px;}
	.time-table table>tbody>tr>td { padding:10px; max-width:65px;}
	#time h2 { font-size:20px; }
	.time-table table { font-size:17px; }
	.sermon-bg2 { margin:20px 0; }
	#sermon { padding:30px 0;}
	#life h2 { font-size:30px; }
	.life-box h3 { font-size:20px; }
	#life .col-sm-4 { padding:0 15px; }
	.life-box p { font-size:17px; }
	#gallery .more { font-size:19px; }
	#gallery .gall-desc { padding:20px 15px; font-size:15px;}
	#gallery h2 { font-size:30px; }
	#gallery, #life { height:auto; }
	.gall-box img { height:240px; }	
	.sermon-bg { height:420px; }
}

@media (max-width: 767px) {
	.sermonVideo {height: 350px;}
	
	
	#gallery .next-btn { display:none; }
	#gallery .prev-btn { display:none; }		
	#sermon { padding:20px 0; }
	.sermon-title { padding:15px; }
	.sermon-title p { font-size:17px; }
	.sermon-title .sermon-date { font-size:15px; }
	.sermon-title hr { margin:10px 0; }
	.sermon-cont { position:relative; left:0; top:120px; padding:0 15px; }
	.sermon-cont h1 { font-size:17px; }
	.sermon-cont h5 { font-size:15px; margin:10px 0 0; }
	.sermon-bg { height:205px; }
	.sermon-bg2 { margin:15px 0; }
	.sermon-bg3, .sermon-bg2 { padding:30px 15px; }
	.sermon-right h2 { font-size:19px; }
	.sermon-right li a { font-size:16px; }
	.sermon-right div p { font-size:16px; }
	.sermon-right a div { margin:15px 0; }
	#life h2 { font-size:25px; margin:0 0 30px; }
	.life-box h3 { font-size:20px; margin:20px 0; }
	#life .col-sm-4 { padding:0 15px; }
	#life { height:auto; padding:30px 0; }
	.life-box p { font-size:16px; }
	#gallery { height:auto; padding:30px 0; }
	#gallery h2 { font-size:25px; margin:0 0 30px; }
	#gallery .col-sm-4 { padding:0 15px; margin:0 0 15px;  }
	#gallery .more { display: inline-block; font-size: 17px; color: #fff; text-decoration: none; padding: 10px 100px; border: 1px solid #fff; margin-top: 20px; }
	#time > div > div > div { padding:0 15px; }
	.time-table { padding:0; }
	#time h2 { font-size:18px; }
	.time-table table { font-size:15px; }
	.time-table2 { margin-bottom:15px!important; }
	.gall-box img { height:240px; }
}

@media (max-width: 414px) {
	.sermonVideo {height: 200px;}
	
}