@charset "utf-8";



/* 썸네일 박스 리스트 */
.thumbList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; }
.thumbList > li { padding:20px; border:1px solid #dfdfdf; margin-right:1%; margin-bottom:4%; display:flex; flex-flow:column wrap; justify-content:space-between; }

.thumbList.div2 > li { flex:0 0 48%; margin-right:0; }
.thumbList.div2 > li:nth-child(odd) { margin-right:2%; }
.thumbList.div2 > li:nth-child(even) { margin-left:2%; }
@media only screen and (max-width:600px){
	.thumbList.div2 > li { flex:1 0 100%; }
	.thumbList.div2 > li:nth-child(odd) { margin-right:0; }
	.thumbList.div2 > li:nth-child(even) { margin-left:0; }
}

.thumbList.div3 > li { flex:0 0 32%; margin-right:0; }
.thumbList.div3 > li:nth-child(3n-1) { margin-left:2%; margin-right:2%; }
@media only screen and (max-width:1024px){
	.thumbList.div3 > li { flex:0 0 49%; }
	.thumbList.div3 > li:nth-child(3n-1) { margin-left:0; margin-right:0; }
	.thumbList.div3 > li:nth-child(odd) { margin-right: 2%; }
	.thumbList.div3 > li:nth-child(even) { margin-left: 2%; }
}
@media only screen and (max-width:600px){
	.thumbList.div3 > li { flex:1 0 100%; }
	.thumbList.div3 > li:nth-child(odd) { margin-right:0; }
	.thumbList.div3 > li:nth-child(even) { margin-left:0; }
}

.thumbList.div4 > li { flex:0 0 23.5%; margin-right:0; }
.thumbList.div4 > li:nth-child(4n-2) { margin-left:2%; }
.thumbList.div4 > li:nth-child(4n-1) { margin-left:2%; }
.thumbList.div4 > li:nth-child(4n) { margin-left:2%; }
@media only screen and (max-width:1024px){
	.thumbList.div4 > li { flex:0 0 48%; }
	.thumbList.div4 > li:nth-child(4n-2) { margin-left:0; }
	.thumbList.div4 > li:nth-child(4n-1) { margin-left:0; }
	.thumbList.div4 > li:nth-child(4n) { margin-left:0; }
	.thumbList.div4 > li:nth-child(odd) { margin-right:2%; }
	.thumbList.div4 > li:nth-child(even) { margin-left:2%; }
}
@media only screen and (max-width:600px){
	.thumbList.div4 > li { flex:1 0 100%; }
	.thumbList.div4 > li:nth-child(odd) { margin-right:0; }
	.thumbList.div4 > li:nth-child(even) { margin-left:0; }
}
.thumbList > li > .img { text-align:center; width:100%; }
.thumbList > li > .img > img { width:60%; }
.thumbList > li > .txt { font-size:14px; text-align:center; padding:20px 3px 10px 3px; border:0px solid red; width:100%; }