@charset "utf-8";

/* 새글 스킨 (latest) */


.yt_container_3 {
  position: relative;
  width: 100%;
}

.owl-item :hover img{
-webkit-filter: brightness(1.05);
   -moz-filter: brightness(1.05);
   filter: brightness(1.05);
}

.yt_image {
  display: block;
  width: 100%;
  height: auto;
}
.overlay_yt {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #111111;
  z-index:4;
}

.yt_container_3 .overlay_yt {
  opacity: 0;
}

.yt_container_3:hover .overlay_yt {
  opacity: 0.02;
}
.yt_container_3:hover .yt_text_3 img{   
-webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   filter: grayscale(0);
-webkit-filter: brightness(1.9);
   -moz-filter: brightness(1.9);
   filter: brightness(1.9);
  opacity: 0.9;
}
#latest-carousel-yt {margin-bottom:-15px;}
.yt_container_3 .yt-img {margin-top: -10%;margin-bottom:0;}
.yt_text_3 i {margin-top:5px; font-size: 36px;}
.yt_text_3 p{ font-size:14px; text-align:center; padding:0 0 15%;}


.yt_text_3 img {   
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   filter: grayscale(100%);    
   opacity: 0.85; width:20% !important; display: block; margin: 0px auto;}

.yt_text_3 {
  z-index:6;
  color: white;
  font-size: 20px;
  position: absolute;
  top: 70%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  width: 96%;

}
.yt_text_3 button {
	text-decoration: none;
	padding: 7px 14px;
	border: 1px solid #ffffff;
	border-radius: 0;
	background-color: transparent;
}
	

.yt_text_3 h2 {
    text-align: center;
    margin: 0 0 0;;
	bottom:0;
    font-size:17px;
	line-height:25px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.5em;
    height: 1.5em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */
}