.sub div  {margin-bottom:100px;}
.sub div p {display:inline-block; width: 57%; margin-right: 80px; font-size: 17px; letter-spacing: -1px;color: #7c7c7c; line-height: 1.6;}
.sub div p strong { display:block; font-size: 33px; color: #15157a; margin-bottom:10px; font-family: 'SBAggroL';}
.sub div p strong span { font-size: 40px;}
.sub div p > span {display:block; margin: 30px 0 0; text-align:right; }
.sub div p > span b { color:#000; font-size: 20px; }
.sub div img {display:inline-block; width: 35%;}

.sub ul {font-size:0;}
.sub ul li {display:inline-block; width:19.2%; text-align:center; margin-right:10px; margin-bottom:10px;}
.sub ul li:nth-child(5n) {margin-right: 0}
.sub ul li img {width:100%;}
.sub ul li span {     display: block;    background: #f7f7f7;    font-size: 17px;    letter-spacing: -1px;    padding: 10px 0 12px;    border-bottom: 1px solid #e8e8e8;}

/* tablet */
@media screen and (min-width:768px) and (max-width:991px){
    .sub ul li {    width: 18.89%;}
    .sub ul li span {    font-size: 14px;}
    .sub div p {width:100%; }
    .sub div img {display:none;}
}


/* mobile */
@media screen and (max-width:767px){
    .sub div p {width:100%; font-size: 15px;}
    .sub div p strong {  text-align:center;margin-bottom:30px;     line-height: 1.3;  font-size: 21px;}
    .sub div p strong span {font-size: 24px; display:block; }
    .sub div img {display:none;}
    .sub ul li {width: 46%;}
    .sub ul li:nth-child(5n) {margin-right: 10px}
    .sub ul li span { font-size: 15px;}
}