@charset "utf-8";

body .common {display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-bottom: 20px;}
body .common li {border: 1px solid #ddd; display: flex; padding: 20px 0; justify-content: center;}
body .common li img {height: 40px;}


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

}

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

    body .common li {padding: 10px;}

}

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

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

}