.snip1361 {
	font-family: 'Quattrocento', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	margin: 10px;
	min-width: 370px;
	max-width: 350px;
	width: 100%;
	color: #141414;
	text-align: left;
	line-height: 1.4em;
	font-size: 16px;
}

.snip1361 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

.snip1361 img {
	max-width: 100%;
	vertical-align: top;
}

.snip1361 figcaption {
	position: absolute;
	top: calc(74%);
	width: 100%;
	background-color: #ffffff;
	padding: 15px 25px 65px;
	/* max-height: 200px; */
}

.snip1361 figcaption:before {
	position: absolute;
	content: '';
	z-index: 2;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 80px;
	background-image: -webkit-linear-gradient(top, transparent 0%, #ffffff 100%);
	background-image: linear-gradient(to bottom, transparent 0%, #ffffff 100%);
}

.snip1361 h3, .snip1361 p {
	margin: 0 0 10px;
}

.snip1361 h3 {
	font-weight: 600;
	font-size: 1.4em;
	line-height: 1.2em;
	font-family: 'Oswald', Arial, sans-serif;
	text-transform: uppercase;
}

.snip1361 p {
	font-size: 0.9em;
	letter-spacing: 1px;
	opacity: 0.9;
}

.snip1361 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
}

.snip1361:hover figcaption, .snip1361.hover figcaption {
	top: 100px;
}

.snip1273 {
	font-family: 'Raleway', Arial, sans-serif;
	position: relative;
	margin: 15px;
	width: 285px;
	color: #7B7B7B;
	text-align: left;
	background-color: white;
	font-size: 16px;
	overflow: hidden;
	border-radius: 18px;
}

.snip1273 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.5s ease-in;
	transition: all 0.4s 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 23px;
}

.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;
	font-size: 20px;
}

.snip1273 p {
	font-size: 1.0em;
	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: #7B7B7B;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s 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;
}

.snip1273:hover img, .snip1273.hover img {
	opacity: 0.2;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

figure.snip1384 {
	font-family: 'Raleway', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	min-width: 230px;
	max-width: 315px;
	color: #ffffff;
	text-align: left;
	font-size: 16px;
	margin: 0 auto; /* 상하 0, 좌우 auto로 블록 요소를 부모의 정중앙에 배치 */
	display: block; /* 혹시 모를 레이아웃 꼬임 방지 */
	/* background-color: #000000; */
}

figure.snip1384 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

figure.snip1384 img {
	max-width: 100%;
	backface-visibility: hidden;
	vertical-align: top;
}

figure.snip1384:after, figure.snip1384 figcaption {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

figure.snip1384:after {
	content: '';
	background-color: rgba(0, 0, 0, 0.65);
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
	opacity: 0;
}

figure.snip1384 figcaption {
	z-index: 1;
	padding: 40px;
}

figure.snip1384 h3, figure.snip1384 .links {
	width: 100%;
	margin: 5px 0;
	padding: 0;
}

figure.snip1384 h3 {
	line-height: 1.1em;
	font-weight: 700;
	font-size: 1.4em;
	text-transform: uppercase;
	opacity: 0;
}

figure.snip1384 p {
	font-size: 0.8em;
	font-weight: 300;
	letter-spacing: 1px;
	opacity: 0;
	top: 50%;
	-webkit-transform: translateY(40px);
	transform: translateY(40px);
}

figure.snip1384 i {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 20px 25px;
	font-size: 34px;
	opacity: 0;
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

figure.snip1384 a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}

figure.snip1384:hover img, figure.snip1384.hover img {
	zoom: 1;
	filter: alpha(opacity = 50);
	-webkit-opacity: 0.5;
	opacity: 0.5;
}

figure.snip1384:hover:after, figure.snip1384.hover:after {
	opacity: 1;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
}

figure.snip1384:hover h3, figure.snip1384.hover h3, figure.snip1384:hover p,
	figure.snip1384.hover p, figure.snip1384:hover i, figure.snip1384.hover i
	{
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
	opacity: 1;
}

figure.snip1141 {
	font-family: 'Raleway', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	margin: 5px;
	/*min-width: 220px;*/
	/*max-width: 310px;
  max-height: 310px;*/
	width: 100%;
	background: rgb(0, 0, 0);
	color: #ffffff;
	text-align: left;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);*/
	border-radius: 18px;
}

figure.snip1141 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

figure.snip1141 img {
	max-width: 100%;
	/*position: relative;*/
	opacity: 1;
}

figure.snip1141 .circle {
	position: relative;
	height: 32px;
	width: 32px;
	top: 0%;
	left: 0%;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
	text-align: center;
}

figure.snip1141 .circle:before, figure.snip1141 .circle:after {
	border: 2px solid white;
	border-right-color: transparent;
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

figure.snip1141 .circle:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

figure.snip1141 .circle:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

figure.snip1141 figcaption {
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	width: 100%;
	overflow: hidden;
}

figure.snip1141 h2 {
	position: absolute;
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 55px;
	top: -38%;
	left: 2%;
	width: 100%;
	padding: 0 20px;
	opacity: 0;
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	font-size: 16px;
}

figure.snip1141 h3 {
	position: absolute;
	margin: 0;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: -1px;
	line-height: 55px;
	top: 0px;
	left: 30px;
	width: 100px;
	padding: 0 20px;
	opacity: 1;
	-webkit-transform: translateX(-10%);
	transform: translateX(-10%);
	font-size: 16px;
}

figure.snip1141 .icon {
	overflow: hidden;
	width: 100%;
	position: absolute;
}

figure.snip1141 i {
	color: white;
	font-size: 48px;
	line-height: 55px;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

figure.snip1141 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.snip1141:hover .circle, figure.snip1141.hover .circle {
	background-color: rgba(0, 0, 0, 0);
}

figure.snip1141:hover .circle:before, figure.snip1141.hover .circle:before,
	figure.snip1141:hover .circle:after, figure.snip1141.hover .circle:after
	{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.snip1141:hover h2, figure.snip1141.hover h2 {
	opacity: 1;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

figure.snip1141:hover img, figure.snip1141.hover img {
	opacity: 0.35;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.snip1141:hover i, figure.snip1141.hover i {
	opacity: 0;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.snip1368 {
	font-family: 'Roboto', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	margin: 10px;
	min-width: 230px;
	max-width: 295px;
	width: 100%;
	color: #ffffff;
	line-height: 1.4em;
	float: left;
	z-index: 999;
}

figure.snip1368 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

figure.snip1368 img {
	opacity: 1;
	width: 100%;
	vertical-align: top;
}

figure.snip1368 h3 {
	position: absolute;
	top: 0%;
	width: 100%;
	height: 62px;
	/*background-color: #212121;*/
	background-color: black;
	z-index: 1;
	text-align: center;
	padding: 15px 25px 0px;
	margin: 0;
	font-weight: 300;
	font-size: 1.2em;
	-webkit-transform: translateY(-200%);
	transform: translateY(-200%);
}

figure.snip1368 h3:before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	width: 0;
	height: 0;
	/*border-style: solid; 
  border-width: 0 315px 55px 0;
  border-color: transparent rgb(0, 0, 0) transparent transparent;*/
}
/*figure.snip1368 figcaption {
  padding: 5px 25px 15px;
  position: absolute;
  width: 100%;
  z-index: 2;
  bottom: 0%;
  background-color: #141414;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
}
figure.snip1368 figcaption:before {
  position: absolute;
  content: '';
  bottom: 100%;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 0 0 315px;
  border-color: transparent transparent transparent #141414;
}*/
figure.snip1368 .icons {
	margin-top: -20px;
}

figure.snip1368 i {
	padding: 0px 8px;
	display: inline-block;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	opacity: 0.7;
}

figure.snip1368 i:hover {
	opacity: 1;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

figure.snip1368:hover h3, figure.snip1368.hover h3 {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

figure.snip1368:hover figcaption, figure.snip1368.hover figcaption {
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

figure.snip1132 {
	font-family: 'Raleway', Arial, sans-serif;
	position: relative;
	overflow: hidden;
	margin: 10px;
	min-width: 220px;
	max-width: 310px;
	/*max-height: 220px;*/
	width: 100%;
	background: white;
	color: #ffffff;
	text-align: center;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1132 * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.45s ease-in-out;
	transition: all 0.45s ease-in-out;
}

figure.snip1132 img {
	max-width: 100%;
	position: relative;
	opacity: 1;
}

figure.snip1132 figcaption {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 20px;
	/*border: 1px solid white;
  border-width: 0 1px;*/
}

figure.snip1132 .heading {
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

figure.snip1132 .caption {
	overflow: hidden;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	position: absolute;
	width: 100%;
	bottom: 0;
}

figure.snip1132 h3, figure.snip1132 p {
	/*display: table;*/
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	text-align: center;
	width: auto;
	text-transform: uppercase;
	font-weight: 400;
}

figure.snip1132 h3 span, figure.snip1132 p span {
	/*font-weight: 800;*/
	
}

figure.snip1132 h3:before, figure.snip1132 p:before, figure.snip1132 h3:after,
	figure.snip1132 p:after {
	position: absolute;
	display: block;
	width: 1000%;
	height: 1px;
	content: '';
	background: white;
}

figure.snip1132 h3:before, figure.snip1132 p:before {
	left: -1000%;
}

figure.snip1132 h3:after, figure.snip1132 p:after {
	right: -1000%;
}

figure.snip1132 h3:before, figure.snip1132 h3:after {
	top: 50%;
}

figure.snip1132 p {
	font-size: 0.8em;
	font-weight: 500;
}

figure.snip1132 p:before, figure.snip1132 p:after {
	bottom: 50%;
}

figure.snip1132 a {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: absolute;
	z-index: 1;
}

figure.snip1132:hover img, figure.snip1132.hover img {
	opacity: 0.35;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}