.bookIndexList { display:flex;align-items:center;flex-wrap:wrap;position: relative; overflow: hidden; }
.bookIndexList>li { padding-right: 8px; padding-left: 8px; width: 50%; min-height: 356px; margin-bottom: 20px; }
.bookIndexListTxt{ padding-top: 28px; position: relative; margin-top: 10px;max-width: 218px; }
.bookIndexList .mgzNb { position: absolute; top: 4px; left: 0; font-size: 15px; color: #d60c18; }
.bookIndexList time { position: absolute; top: 4px; right: 0; font-size: 15px;  color: #939ea7; }
.bookIndexList h2 { font-size: 18px; color: #373737; line-height: 1.3; }
.bookIndexList h2:hover { font-size: 18px; color: #d60c18; line-height: 1.3; transition: .5s; }

@media(min-width: 768px) {
	.bookIndexList>li{ width: 25%; }
}

@media(min-width: 992px) {
}