@charset "utf-8";

.gallery-headline {}
.gallery-headline h4 {
	border-bottom: 1px solid #333;
}
.gallery-headline h4 a {}

.latest-gallery {
	margin: 0;
	padding-bottom: 10px;

}
.gallery-box {
	position: relative;
}

.gallery-img {
	overflow: hidden;
}
.gallery-img a {}
.gallery-img a img, .gallery-img a image {
	width: 100%;
}
.gallery-img h5 {
	margin: 0;
}
.gallery-img h5 a {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	display: block;
	color: #fff;
	font-size: 14px;
	margin-top: -7px;
	font-weight: 600;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.col-sm-4 .gallery-img h5 a {
}
.col-sm-6 .gallery-img h5 a {
	font-size: 20px;
}

.gallery-img:hover  h5 a {
	transform: scale(0);
}

/*col padding 값 조정*/
.latest-gallery .col-sm-6, .latest-gallery .col-sm-4, .latest-gallery .col-sm-3 {
	padding: 0;
}

/*이미지 가로 수 2개*/
.latest-gallery .col-sm-6 .gallery-img {

}
/*이미지 가로 수 3개*/
.latest-gallery .col-sm-4 .gallery-img {
	height: 155px;
}
/*이미지 가로 수 4개*/
.latest-gallery .col-sm-3 .gallery-img {
	height: 125px;
}
@media (max-width:767px){
	.latest-gallery .col-sm-6 .gallery-img, .latest-gallery .col-sm-4 .gallery-img, .latest-gallery .col-sm-3 .gallery-img {
		height: inherit;
	}
	.latest-gallery .gallery-img h5 a {
		font-size: 20px;
	}
}


.grayscale {
  /* Firefox 10+, Firefox on Android */
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  /* IE 6-9 */
  filter: gray;

  /*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
  -webkit-filter: grayscale(100%);
}

.grayscale.grayscale-fade {
  -webkit-transition: -webkit-filter .5s;
  background-size: 100% 100%;                                                                                                                                                    
}

.gallery-img:hover .grayscale.grayscale-fade {
  -webkit-filter: grayscale(0%);
  filter: none;
}

.grayscale-replaced.grayscale-fade svg {
  opacity: 1;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease;
}

.gallery-img:hover .grayscale-replaced.grayscale-fade svg {
  opacity: 0;
}