@charset "utf-8";

#inc02{position:relative;margin-bottom:50px}
#inc02 ul {align-items:unset;gap:18px}
#inc02 ul li{flex:1;overflow:hidden;border-radius:16px;border:1px solid #ddd}
#inc02 ul li a{height:100%;padding-bottom:30px}
#inc02 ul li .thum{overflow:hidden;position:relative;width:100%;height:175px}
#inc02 ul li .thum > img{width:100%;height:100%;object-fit:cover;transition:all .2s}
#inc02 ul li .doc-icon{gap:5px;position:absolute;bottom:0;left:0;padding:8px 10px 8px 30px;border-radius:0 6px 0 0;background:#fff}
#inc02 ul li .doc-icon img{padding:2px;width:20px;border-radius:4px;box-shadow:1px 1px 4px rgba(0,0,0,.15)}
#inc02 ul li dl{padding:12px 30px 18px 30px}
#inc02 ul li dl dt{margin-bottom:10px;font-size:20px;font-weight:700;color:var(--secondary)}
#inc02 ul li dl dd{display:flex;flex-direction:column;font-size:15px;font-weight:300;color:var(--color-gray)}
#inc02 ul li span{display:block;width:calc(100% - 60px);height:40px;margin-top:auto;border-radius:8px;text-align:center;border:1px solid var(--primary-50);font-weight:600;color:var(--primary);line-height:38px;background:var(--surface-gray);transition:all .15s}
@media(hover:hover){
#inc02 ul li:hover .thum > img{transform:scale(1.05)}    
#inc02 ul li:hover span{color:#fff;background:var(--primary)}
}