@charset "euc-kr";
/* CSS Document */

.m-item img { max-width: 100%; }
.m-item img:hover {
	opacity: 0.8;
}
.masonry {
	margin-right: auto;
	margin-left: auto;
	-moz-column-gap: 25px;
	-webkit-column-gap: 25px;
	column-gap: 25px;
	width: 100%;
}
.m-item {
	display: inline-block;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-bottom: 25px;
	transition: all 0.3s ease-in-out;
	overflow: hidden;
}

@media (min-width: 481px) {
.masonry {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-fill: balance;
	column-fill: balance;
	-webkit-column-fill: balance;
}
}

@media (min-width: 768px) {
.masonry {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-fill: balance;
	column-fill: balance;
	-webkit-column-fill: balance;
}
}

@media (min-width: 923px) {
.masonry {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-fill: balance;
	column-fill: balance;
	-webkit-column-fill: balance;
}
}