@charset "utf-8";

.productLate { position: relative; height: 100%; }
.productLate .lateUl { position: relative; margin: -30px; height: 100%; }
.productLate .lateUl .lateLi { position: relative; padding: 30px; height: 100%; }
.productLate .lateUl .lateLi .lateA { display: block; padding: 40px; text-align: center; box-shadow: 0 0 10px rgba(222, 222, 222, 1); background-color: #fff; } 
.productLate .lateUl .lateLi .imgwrap { position: relative; height: 200px; overflow: hidden; }
.productLate .lateUl .lateLi .imgwrap img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; display: inline-block; }
.productLate .lateUl .lateLi .textwrap { margin-top: 20px; text-align: center; font-weight: 600; font-size: 20px; color: #3a3a3a; line-height: 1.3; }
@media (max-width: 1535px) {
    .productLate .lateUl { margin: -20px; }
    .productLate .lateUl .lateLi { padding: 20px; }
    .productLate .lateUl .lateLi .lateA { padding: 30px; }
    .productLate .lateUl .lateLi .imgwrap { height: 180px; }
    .productLate .lateUl .lateLi .textwrap { margin-top: 15px; }
}
@media (max-width: 1440px) {
    .productLate .lateUl { margin: -15px; }
    .productLate .lateUl .lateLi { padding: 15px; }
    .productLate .lateUl .lateLi .lateA { padding: 20px; }
    .productLate .lateUl .lateLi .imgwrap { height: 12.5000vw; }
}
@media (max-width: 1279px) {
    .productLate .lateUl .lateLi .lateA { padding: 20px 15px; }
    .productLate .lateUl .lateLi .imgwrap { height: 12.5098vw; }
}
@media (max-width: 1023px) {
    .productLate .lateUl .lateLi .lateA { padding: 15px; }
    .productLate .lateUl .lateLi .imgwrap { height: 80%; }
}
@media (max-width: 767px) {
    .productLate .lateUl { margin: -10px; }
    .productLate .lateUl .lateLi { padding: 10px; }
    .productLate .lateUl .lateLi .imgwrap { height: 70%; }
}
@media (max-width: 680px) {
    .productLate .lateUl .lateLi .imgwrap { height: 80%; }
}
@media (max-width: 580px) {
    .productLate .lateUl .lateLi .imgwrap { height: 75%; }
}
@media (max-width: 460px) {
    .productLate .lateUl .lateLi .imgwrap { height: 70%; }
}
@media (max-width: 424px) {
    .productLate .lateUl .lateLi .imgwrap { height: 65%; }
}
@media (max-width: 400px) {
    .productLate .lateUl .lateLi .lateA { padding: 20px; }
    .productLate .lateUl .lateLi .imgwrap { height: 50vw; }
}