.certificate .banner{height:450px;background:url(/image/sub/quality/certificates/banner-bg.jpg) no-repeat 50%;background-size:cover}.certificate .contents{padding:80px 20px 100px;max-width:1200px;margin:0 auto}.certificate .contents .sub-title-01{margin-bottom:48px}.certificate .contents>ul{display:flex;flex-wrap:wrap;gap:40px 32px}.certificate .contents>ul>li{width:calc(25% - 24px)}.certificate .contents>ul>li>p{box-sizing:border-box;border:1px solid #c5c5c5}.certificate .contents>ul>li>p>img{width:100%;height:auto;cursor:pointer;aspect-ratio:274/390}.certificate .contents>ul>li>div{margin-top:10px}.certificate .contents>ul>li>div button{cursor:pointer;width:100%;height:48px;border:none;display:flex;justify-content:center;align-items:center;border-radius:8px;background:#16447c;gap:0 4px;color:#fff;font-size:18px;font-weight:600}.certificate .contents>div>ul{display:flex;flex-wrap:wrap;gap:45px 32px}.certificate .contents>div>ul>li{width:calc(33.3333333333% - 22px)}.certificate .contents>div>ul>li dl{padding:20px;border:1px solid #ddd}.certificate .contents>div>ul>li dl dt>img{width:100%;height:auto;vertical-align:top}.certificate .contents>div>ul>li dl dd>p{text-align:center;padding:30px 0;color:#111;font-size:24px;font-weight:700}.certificate .contents>div>ul>li dl dd>ul{text-align:center}.certificate .contents>div>ul>li dl dd>ul>li{color:#616161;font-size:16px;margin-top:10px}.certificate .contents>div>ul>li dl dd>ul>li:first-child{margin-top:0}@media screen and (max-width:1024px){.certificate .contents{padding:30px 20px 50px}}@media screen and (max-width:767px){.certificate .contents>div>ul>li,.certificate .contents>ul>li{width:100%}}