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

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

#grid02.masonry .m-item img { max-width: 100%; }
#grid02.masonry {
	margin-right: auto;
	margin-left: auto;
	-moz-column-gap: 15px;
	-webkit-column-gap: 15px;
	column-gap: 15px;
	width: 100%;
	max-width: 1300px;
}
#grid02.masonry .m-item {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding-bottom: 15px;
	transition: all 0.3s ease-in-out;
}

@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: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-moz-column-fill: balance;
	column-fill: balance;
	-webkit-column-fill: balance;
}
}

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