/*************** [sermons]basic ***************/
/*section_type_sermons_0 : 금주의 말씀*/
#section_type_sermons_0{background:url(/section/sermon/sermon_0/img/section1_bg.jpg) no-repeat center center; background-size:cover;}
.liveBox{display:none;}
.words{text-align:right; color:#fff;}
.words .inner_words > h3{font-family: 'GmarketSansMedium'; font-size:48px; font-weight:400; letter-spacing:-2px; line-height:145%;}
.words .inner_words > p{font-family: 'GmarketSansLight'; font-size:17px; font-weight:300; line-height:145%;}

.words .inner_words .media_box{display:table; float:right;}
.words .inner_words .media_box > ul,
.words .inner_words .media_box > .live{display:table-cell; vertical-align:middle; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}

.words .inner_words .media_box > ul{font-size:0}
.words .inner_words .media_box > ul li{text-align:center; display:inline-block; margin:0 10px;}
.words .inner_words .media_box > ul li p{font-size:15px; color:#fff; margin-top:15px;}
.words .inner_words .media_box > ul li img.words_icon_more{background:#2c2722;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
}
.words .inner_words .media_box > ul li img.words_icon_play{background:#ea5252;
border-radius:100px;
-webkit-border-radius:100px;
-moz-border-radius:100px;
-o-border-radius:100px;
}

.words .inner_words .media_box > .live{background:#ea5252; text-align:left; padding:15px;
border-radius:15px;
-webkit-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}
.words .inner_words .media_box > .live > a{display:block; width:100%; height:100%; color:#fff;}
.words .inner_words .media_box > .live > a > p{font-size:15px; line-height:135%;}
.words .inner_words .media_box > .live > a > p:first-child{position:relative; font-size:18px; margin-bottom:10px; text-indent:45px; font-weight:400}
.words .inner_words .media_box > .live > a > p:first-child:before{position:absolute; content:""; background:url(/image/main/words_icon_you.png) no-repeat ; width:40px; height:38px; background-size:40px; top:-3px; left:0}


/*************** [sermons]responsive ***************/
/*금주의 말씀*/
@media screen and (max-width:1200px){ 
    #section_type_sermons_0{background-position:-150px center;}
    .words.inner{padding-right:70px;}
}
@media screen and (max-width:1024px){ 
    #section_type_sermons_0{background-position:-200px center;}
	.words .inner_words > h3{font-size:35px;}
	.words .inner_words > p{font-size:14px;}
}

@media screen and (max-width:975px){ 
	#section_type_sermons_0.fp-section,
	#section_type_sermons_0 .fp-tableCell{
		height: auto !important;
  }
}

@media screen and (max-width:970px){ 
    .words.inner{padding-right:0px;}
    #section_type_sermons_0{background-position:center center; background-size:cover; padding:100px 0 100px 0}
}
@media screen and (max-width:680px){ 
    .words .inner_words > h3{font-size:30px;}
	#section_type_sermons_0{background-position:-70px top; padding:60px 0 100px 0}
	.words .inner_words .media_box > ul li img.words_icon_play,
	.words .inner_words .media_box > ul li img.words_icon_more{width:44px;}
}
@media screen and (max-width:580px){ 
    .words .inner_words > h3{font-size:27px;}
	#section_type_sermons_0{padding:60px 0 100px 0}
	.words .inner_words .media_box > .live > a > p{font-size:14px;}
	.words .inner_words .media_box > .live > a > p:first-child{font-size:17px;}
}
@media screen and (max-width:480px){ 
    #section_type_sermons_0{padding:50px 0 50px 0}
    .words{width:100%;}
	.words > h2,
    .words .inner_words > h3,
    .words .inner_words > p{padding-right:20px;}
   
    .words > h2{margin-bottom:20px !important;}
	.float_clear.mb_30{margin-bottom:15px !important;}
	.words .inner_words > h3{font-size:25px;}
	.words .inner_words .media_box > ul li{margin:0 20px;}
	.words .inner_words .media_box{display:block; width:100%; float:none;}
	.words .inner_words .media_box > ul{display:inline-block; margin-bottom:20px;}

    .words .inner_words .media_box > .live{display:none;}
    
	.liveBox{display:block;}
	.liveBox{background:#ea5252; text-align:left; padding:20px 30px;}
	.liveBox > a{display:block; width:100%; height:100%; color:#fff;}
	.liveBox > a > p{font-size:15px; line-height:135%;}
	.liveBox > a > p:first-child{position:relative; font-size:18px; margin-bottom:10px; text-indent:45px; font-weight:400}
	.liveBox > a > p:first-child:before{position:absolute; content:""; background:url(/image/main/words_icon_you.png) no-repeat ; width:40px; height:38px; background-size:40px; top:-3px; left:0}
}
@media screen and (max-width:420px){
   .words .inner_words > h3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:280px; float:right;}
   .words .inner_words > p{float:right;}
}
@media screen and (max-width:320px){
  .words .inner_words > h3{font-size:18px;}
  .words .inner_words .media_box > ul li img.words_icon_play,
  .words .inner_words .media_box > ul li img.words_icon_more{width:33px;}
  .words .inner_words .media_box > ul li p{font-size:14px; margin-top:5px;}
}

/*************** [animation]responsive ***************/
/*animation*/
/*AOS로 모두 대체
#section_type_sermons_0 .inner_words > h3{
	opacity: 0;
	right:20%;
	position:relative;
	transition: all 600ms ease;
}
#section_type_sermons_0 .inner_words > p{
	opacity: 0;
	right:20%;
	position:relative;
	transition: all 600ms ease;
	transition-delay:0.3s
}

#section_type_sermons_0 .media_box ul,
#section_type_sermons_0 .media_box .live{
  opacity: 0;
  transition: all 600ms ease;
  top:20px;
  position:relative;
}
#section_type_sermons_0 .media_box .live{transition-delay:0.4s}
*/