@charset "utf-8";
/* SIR 지운아빠 */

/* 새글 스킨 (latest) */
.gallery_single {position:relative;}

.content02 {position:relative; font-size:0;}
.content02 .ctrl {position:absolute; bottom:20px; left:50%; z-index:10; transform:translateX(-50%);}
.content02 .ctrl span {font-size:30px; color:#fff; line-height:31px; font-weight:bold; display:inline-block;}
.content02 .ctrl span.bar {margin:0 4px; font-size:20px; color:#fff; line-height:31px; font-weight:bold; display:inline-block;}

.gallery_single_wrap {
    position: relative;
}

.latest_gallery_title {
    text-align: center;
    padding: 0px 0px 30px;
}
    .latest_gallery_title a {
        font-size: 3em;
        font-weight: 600;
        color: #555;
    }
    .latest_gallery_title small {
        font-size: 15pt;
        display: block;
    }

.gallery_single > div {
	position: relative;
	overflow: hidden;
}
	.gallery_single div.thumb-wrap-single > div {
	    display: block;
	    position: relative;
		overflow: hidden;
	}
	    .gallery_single div.thumb-wrap-single img {
	        width: 100%;
          height: 336px;
	    }

	    .gallery_single div.thumb-wrap-single .hover-wrap {
			display: none;
	        position: absolute;
	        top: 0px;
	        bottom: 0px;
	        left: 0px;
	        right: 0px;
	        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7));
	        z-index: 1;
	    }
		.gallery_single > div ul.info-wrap {
			position: absolute;
			top: 10%;
			bottom: 10%;
			left: 5%;
			right: 40%;
			z-index: 2;
		}
			.gallery_single > div ul.info-wrap > li:last-child {
				position: absolute;
				left: 0px;
				bottom: 0px;
				white-space: nowrap;
			}

		    .gallery_single > div ul {
		    	position: relative;
		    	margin: 0px auto;
		    	background: none !important;
		    	padding: 0px !important;
		    }
		        .gallery_single .iframe-wrap {
		            padding-bottom: 202px;
		        }
		        .gallery_single > div ul > li,
		        .gallery_single > div ul > li span {
		            vertical-align: middle;
                color: #fff;
                font-size: 1rem;
		        }
                	.gallery_single > div ul > li span {
                	    display: inline-block;
                	    overflow: hidden;
                        text-overflow: ellipsis;
                        max-width: 100%;
                        white-space: pre;
                	}
                		.gallery_single > div ul > li span.sermon-subject {
                			/* font-size: 2.2em; */
                      display: inline-block;
							color: #FFF;
                			/*
                			height: 152px;
                			display: -webkit-box;
                            -webkit-line-clamp: 2;
                            -webkit-box-orient: vertical;
                            word-wrap: break-word;
                            */
                		}
                		.gallery_single > div ul > li span.sermon-datetime,
                		.gallery_single > div ul > li span.sermon-text,
                		.gallery_single > div ul > li span.sermon-preacher {
                			/* font-size: 1.2em; */
                			font-weight: 500;

                      font-size: 1.3rem;
                      color: rgba(255,255,255,0.8);

                			/* line-height: 30px; */
                			/* height: 30px; */
							color: #fff;
                		}
						.gallery_single > div ul > li span.sermon-text {
							font-size: 1.4em;
							color: #FFF;

						}
                		    .gallery_single > div ul > li span.sermon-datetime:after {
                		        content: '|';
								position: relative;
								display: inline-block;
								font-size: 0.75em;
								top: -2px;
								margin: 0px 0px 0px 3px;
                		    }
                    		    .gallery_single > div ul > li span.btn {
                    		        position: relative;
                    		        top: -1px;
                    		        font-size: 0.9em;
                    		        font-weight: 300;
                    		        line-height: 25px !important;
                    		        height: 25px !important;
                    		        width: 70px;
                    		        border-radius: 3px;
                    		        background-color: rgba(0, 0, 0, 0.5);
                    		        text-align: center;
                    		        margin-right: 10px;
                    		    }

                    		.gallery_single > div ul > li span.sermon-content {
                    		    margin-top: 10px;
                    		    font-size: 1.2em;
                    		    display: -webkit-box;
                    		    line-height: 30px;
                    		    height: 90px;
                                -webkit-line-clamp: 3; /* 라인수 */
                                -webkit-box-orient: vertical;
                                word-wrap: break-word;
                                margin-bottom: 10px;
                    		}

                    		.gallery_single > div ul > li span.bottom-btn {
                    		    margin-top: 10px;
                    		    line-height: 35px !important;
								height: 35px;
                border-radius: 20px;
								overflow: hidden;
                    		    text-align: center;
                    		    margin-right: 10px;
                    		    padding: 0px 30px;
                    		    font-size: 1rem;
                    		    cursor: pointer;
                    		    -webkit-transition: all 0.3s ease-in-out;
                                -moz-transition: all 0.3s ease-in-out;
                                -o-transition: all 0.3s ease-in-out;
                                transition: all 0.3s ease-in-out;
                    		}
                    		    .gallery_single > div ul > li span.bottom-btn i {
                    		        display: inline-block;
                    		        margin-right: 5px;
                    		    }

                    		    .gallery_single > div ul > li span.play {
                    		        background-color: rgba(255, 255, 255, 0.7);
                    		        color: #2e68b1;
                    		    }
                    		        .gallery_single > div ul > li span.play:hover {
                    		            background-color: rgba(255, 255, 255, 1);
                    		        }
                    		            .gallery_single > div ul > li span.play i {
                    		                color: #2e68b1;
                    		            }

                    		   	.gallery_single > div ul > li span.read {
                    		        background-color: rgba(240, 19, 0, 0.8);
                    		        color: #FFF;
							   	}
                    		        .gallery_single > div ul > li span.read:hover {
										background-color: rgba(64, 74, 105, 1);
                    		        }
										.gallery_single > div ul > li span.read .icon {
											content: '+';
											display: inline-block;
											font-weight: 800;
											font-size: 1.5em;
											position: relative;
											top: -3px;
											margin-right: 10px;
										}

@media (max-width: 1000px) {
    .gallery_single > div ul > li span.sermon-subject {
        font-size: 2.5em;
        height: 55px;
        line-height: 55px;
        white-space: nowrap;
    }
    .gallery_single > div ul > li span.sermon-content {
        font-size: 1.5em;
        height: 60px;
        -webkit-line-clamp: 2;
    }
    .gallery_single > div ul > li span.bottom-btn {
        line-height: 37px;
        padding: 0px 25px;
        margin-top: 10px;
        font-size: 1.3em;
    }
}
@media(max-width:680px){
  .gallery_single div.thumb-wrap-single img {
      height: auto !important;
  }
}
@media (max-width: 460px) {
    .gallery_single > div ul > li span.sermon-subject {
        font-size: 2em;
        height: 50px;
        line-height: 50px;
    }
    .gallery_single > div ul > li span.sermon-datetime,
    .gallery_single > div ul > li span.sermon-text,
    .gallery_single > div ul > li span.sermon-preacher {
        font-size: 1em;
        margin-right: 5px;
    }
    .gallery_single > div ul > li span.sermon-content {
        font-size: 1.5em;
        height: 30px;
        white-space: nowrap;
    }
}
@media (max-width: 400px) {
    .gallery_single > div ul > li span.sermon-content {
        display: none;
    }
}

.gallery_single .owl-nav {
	position: absolute;
	width: 100%;
	height: 0px;
	top: 50%;
	z-index: 999;
	display: block !important;
}
	.gallery_single .owl-nav > * {
		position: absolute;
		top: 0px;
		transform: translateY(-50%);
		font-size: 5em !important;
		color: rgba(0, 0, 0, 0.15) !important;
		-webkit-transition: all 0.3s ease-out !important;
		-moz-transition: all 0.3s ease-out !important;
		-o-transition: all 0.3s ease-out !important;
		transition: all 0.3s ease-out !important;
		font-family: "Nanum Gothic", "나눔고딕", "Noto Sans KR", "Lato","Apple SD Gothic Neo", "Malgun Gothic", dotum, sans-serif !important;
		font-weight: bold !important;
	}
		.gallery_single .owl-nav > *:hover {
			color: rgba(0, 0, 0, 0.7) !important;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
		}
			.gallery_single .owl-nav .owl-prev {
				left: -65px;
			}
			.gallery_single .owl-nav .owl-next {
				right: -65px;
			}
				@media (max-width: 1200px) {
					.gallery_single .owl-nav > div {
						top: -30px;
						background: rgba(0, 0, 0, 0.6);
						padding: 20px 10px;
						font-size: 3em;
					}
						.gallery_single .owl-nav .owl-prev {
							left: -4px;
							border-top-right-radius: 3px;
							border-bottom-right-radius: 3px;
						}
						.gallery_single .owl-nav .owl-next {
							right: -4px;
							border-top-left-radius: 3px;
							border-bottom-left-radius: 3px;
						}
				}


.bg_maintitle {
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 15px;
}

@media(max-width:680px){
  .gallery_single > div ul > li, .gallery_single > div ul > li span {
    font-size: .7rem;
  }
  .gallery_single > div ul > li span.bottom-btn {
    font-size: .8rem;
  }
}