@charset "euc-kr";

.instafeed {
	padding-top: 65px;
	padding-bottom: 65px;
}

.instafeed .banner_subject a {
	margin-left: auto;
	margin-right: auto;
	font-size: 38px;
	color: #3A3A3A;
	max-width: 1300px;
	text-align: center;
	text-decoration: none;
	display: block;
	text-transform: uppercase;
	letter-spacing: -2px;
}

.instafeed .underbar {
	width: 50px;
	height: 3px;
	margin: 15px auto 45px;
	background-color: #1F1F1F;
}

#instaPics {
	display: flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 auto;
	max-width: 1300px;
}

.insta-box {
	border: 1px solid #f5f5f5;
	margin: 0.5%;
	position: relative;
	width: 24%;
}

.image-layer {
	position: relative;
	overflow: hidden;
}

.image-layer:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0);
	transition: 0.3s;
}

.insta-box:hover .image-layer:after { background-color: rgba(0, 0, 0, 0.5); }

.image-layer img {
	width: 100%;
	transition: 0.3s;
}

.insta-box:hover .image-layer img { transform: rotate(-25deg) scale(1.5, 1.5); }

.caption-layer {
	display: block;
	position: absolute;
	bottom: 20%;
	text-align: center;
	width: 100%;
	padding: 0 15px;
}
.insta-caption {
	color: rgba(255,255,255,0.00);
	transition: 0.3s;
    overflow:  hidden;
	text-overflow: ellipsis;
	white-space:  nowrap;
 }
.insta-box:hover .insta-caption { color: rgba(255,255,255,1.00); }
.insta-likes {
	color: rgba(255,255,255,0.00);
	opacity: 0;
	transition: 0.3s;
}

.insta-box:hover .insta-likes {
	color: rgba(255,255,255,1.00);
	opacity: 1;
}
@media (max-width:991px) {
.insta-caption, .insta-likes {
	color: rgba(255,255,255,1.00);
	opacity: 1;
}
.image-layer:after { background-color: rgba(0,0,0,0.24); }
}
@media (max-width:767px) {
.insta-box {
	flex-basis: 49%;
}
}

@media (max-width:480px) {
.insta-box {
	flex-basis: 49%;
}
}

@media (min-width:768px) and (max-width:991px) {
.insta-box {
	flex-basis: 32.2%;
}
}