@charset "utf-8";

.cooperation ul {display: grid; grid-template-columns: repeat(4,1fr); gap: 10px;}
.cooperation ul li {border: 1px solid #000; text-align: center;}
.cooperation ul li .img {height: 130px; line-height: 130px; padding: 0 20px;}
.cooperation ul li  p {padding: 20px; border-top: 1px solid #ddd; color: #000;}

/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {

    .cooperation ul li .img {height: 100px; line-height: 100px; padding: 20px;}

}

/* ************************ 모바일 이하(~767) ************************ */
@media screen and (max-width: 767px) { 

    .cooperation ul {grid-template-columns: repeat(2, 1fr);}


}

/* ************************ 모바일 이하(~500) ************************ */
@media screen and (max-width: 500px) { 

    .cooperation ul li .img {height: 40px; line-height: 40px; padding: 20px;}

}