.snip1273 {
	  position: relative;
/*	  margin: 10px;*/
	  width: 100%;
	  color: #ffffff;
	  text-align: left;
	  background-color: #000000;
	}
	.snip1273 * {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all 0.3s ease-in;
	  transition: all 0.2s ease-in;
	}
	.snip1273 img {
	  position: relative;
	  max-width: 100%;
	  vertical-align: top;
	}
	.snip1273 figcaption {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 1;
	  opacity: 0;
	  padding: 20px 30px;
	}
	.snip1273 figcaption:before,
	.snip1273 figcaption:after {
	  width: 1px;
	  height: 0;
	}
	.snip1273 figcaption:before {
	  right: 0;
	  top: 0;
	}
	.snip1273 figcaption:after {
	  left: 0;
	  bottom: 0;
	}
	.snip1273 h3,
	.snip1273 p {
	  line-height: 1.5em;
	}
	.snip1273 h3 {
	  margin: 0 0 5px;
	  font-weight: 700;
	  text-transform: uppercase;
	}
	.snip1273 p {
	  font-weight: 500;
	  margin: 0 0 15px;
	}
	.snip1273 a {
	  position: absolute;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  left: 0;
	  z-index: 1;
	}
	.snip1273:before,
	.snip1273:after,
	.snip1273 figcaption:before,
	.snip1273 figcaption:after {
	  position: absolute;
	  content: '';
	  background-color: #ffffff;
	  z-index: 1;
	  -webkit-transition: all 0.3s ease-in;
	  transition: all 0.2s ease-in;
	  opacity: 0.8;
	}
	.snip1273:before,
	.snip1273:after {
	  height: 1px;
	  width: 0%;
	}
	.snip1273:before {
	  top: 0;
	  left: 0;
	}
	.snip1273:after {
	  bottom: 0;
	  right: 0;
	}
	.snip1273:hover img,
	.snip1273.hover img {
	  opacity: 0.4;
	}
	.snip1273:hover figcaption,
	.snip1273.hover figcaption {
	  opacity: 1;
	}
	.snip1273:hover figcaption:before,
	.snip1273.hover figcaption:before,
	.snip1273:hover figcaption:after,
	.snip1273.hover figcaption:after {
	  height: 100%;
	}
	.snip1273:hover:before,
	.snip1273.hover:before,
	.snip1273:hover:after,
	.snip1273.hover:after {
	  width: 100%;
	}
	.snip1273:hover:before,
	.snip1273.hover:before,
	.snip1273:hover:after,
	.snip1273.hover:after,
	.snip1273:hover figcaption:before,
	.snip1273.hover figcaption:before,
	.snip1273:hover figcaption:after,
	.snip1273.hover figcaption:after {
	  opacity: 0.1;
	}

	figure.snip1200 {
	  position: relative;
	  overflow: hidden;
/*	  margin: 10px;*/
	  width: 100%;
	  background: #000000;
	  color: #ffffff;
	  text-align: center;
	  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	  font-size: 16px;
	}
	figure.snip1200 * {
	  -webkit-box-sizing: border-box;
	  box-sizing: border-box;
	  -webkit-transition: all 0.45s ease-in-out;
	  transition: all 0.25s ease-in-out;
	}
	figure.snip1200 img {
	  max-width: 100%;
	  position: relative;
	  opacity: 0.76;
	}
	figure.snip1200 figcaption {
	  position: absolute;
	  top: 45%;
	  left: 7%;
	  right: 7%;
	  bottom: 45%;
	  border: 1px solid white;
	  border-width: 1px 1px 0;
	}
	figure.snip1200 .heading {
	  overflow: hidden;
	  -webkit-transform: translateY(50%);
	  transform: translateY(50%);
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	}
	figure.snip1200 h2 {
	  display: table;
	  margin: 0 auto;
	  padding: 0 10px;
	  position: relative;
	  text-align: center;
	  width: auto;
	  text-transform: uppercase;
	  font-weight: 400;
	}
	figure.snip1200 h2 span {
	  font-weight: 800;
	}
	figure.snip1200 h2:before,
	figure.snip1200 h2:after {
	  position: absolute;
	  display: block;
	  width: 1000%;
	  height: 1px;
	  content: '';
	  background: white;
	  top: 50%;
	}
	figure.snip1200 h2:before {
	  left: -1000%;
	}
	figure.snip1200 h2:after {
	  right: -1000%;
	}
	figure.snip1200 p {
	  top: 50%;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
	  position: absolute;
	  width: 100%;
	  padding: 0 20px;
	  margin: 0;
	  opacity: 0;
	  line-height: 1.6em;
	  font-size: 0.9em;
	}
	figure.snip1200 a {
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
	  position: absolute;
	  z-index: 1;
	}
	figure.snip1200:hover img,
	figure.snip1200.hover img {
	  opacity: 0.25;
	  -webkit-transform: scale(1.1);
	  transform: scale(1.1);
	}
	figure.snip1200:hover figcaption,
	figure.snip1200.hover figcaption {
	  top: 7%;
	  bottom: 7%;
	}
	figure.snip1200:hover p,
	figure.snip1200.hover p {
	  opacity: 1;
	  -webkit-transition-delay: 0.35s;
	  transition-delay: 0.25s;
	}

/*이미지 fade-in*/
#test {
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.slideinleft {
    margin-left:-300px;
    max-width:100%;
}
.hideme
{
    opacity:0;
}
.fadeinleft {
    opacity:0;
    margin-left:-300px;    
    max-width:100%;
}
.fadeinbottom {
    opacity:0;
    margin-bottom:-300px;    
    max-width:100%;
}
img.hover2{
	transform: scale(1.0);
	transition:transform.5s;
}
img.hover2:hover{
	transform: scale(1.3);
	transition:transform.5s;
}
@media screen and (max-width:800px) {
	.fadeinleft {
		opacity:1;
		margin-left:0px;    
		max-width:100%;
	}
	.fadeinbottom {
		opacity:1;
		margin-bottom:0px;    
		max-width:100%;
	}
}
@media screen and (max-width:1140px) {
	img.hover2:hover{
		transform: scale(1.0);
	}
}