@charset "utf-8";

#inc04{position:relative;padding:10%;background-color:#fff}
#inc04 .tit{text-align:center}
#inc04 .tit h2{font-size:25px;color:#222}
#inc04 .notice{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:80px auto 0;max-width:1650px;width:100%}
#inc04 .notice li{height:200px;border-radius:50%}
#inc04 .notice li a{position:relative;display:block;padding:24px;border-radius:25px;border:1px solid #ccc;background-color:#ffffff;transition:all .3s;height:100%}
#inc04 .notice li .cate{display:flex;justify-content:center;align-items:center;width:92px;height:34px;border:1px solid #000;border-radius:17px;font-size:15px;font-weight:600;transition:all .2s}
#inc04 .notice li h3{margin:10px 0 20px;font-size:18px;font-weight:700}
#inc04 .notice li P{font-size:16px;font-weight:400}
#inc04 .notice li .date{margin-top:60px;font-size:15px;font-weight:400;color:rgb(0, 0, 0, 0.5)}
#inc04 .notice li .bg{position:absolute;padding:10px 0 0 10px;bottom:0px;right:0px;border-top-left-radius:50%;background-color:#fff}
#inc04 .notice li .arrow{display:flex;justify-content:center;align-items:center;width:52px;height:52px}
#inc04 .notice li .arrow svg{width:21px;height:21px}
#inc04 .notice li a:hover{background-color:#000;color:#fff;transform:translateY(-20px)}
#inc04 .notice li a:hover .cate{border:1px solid var(--primary);color:#fff;background-color:var(--primary)}
#inc04 .notice li.empty{text-align:center;font-size:16px;font-weight:400}
#inc04 .more{display:flex;align-items:center;justify-content:center;margin:30px auto 0;padding:10px 30px;width:10%;background-color:#000;color:#fff;border-radius:10px}
#inc04 .more a{color:#fff}
@media (max-width:1824px){
    #inc04 .notice li{height:232px}
}
@media (max-width:1481px){
    #inc04 .notice li{height:260px}
    #inc04 .more{width:15%}
}
@media (max-width:1225px){
    #inc04 .notice li h3{font-size:17px}
    #inc04 .notice li p{font-size:15px}
    #inc04 .more{width:105px}
}
@media(max-width:1074px){
    #inc04 .notice{grid-template-columns:repeat(2,1fr);width:100%}
    #inc04 .notice li:nth-child(4),#inc04 .notice li:nth-child(5){display:none}
}
@media(max-width:770px){
    #inc04 .notice{grid-template-columns:repeat(1,1fr);width:100%}
    #inc04 .notice li{height:auto}
    #inc04 .notice li a{height:auto}
    #inc04 .notice li:nth-child(2),#inc04 .notice li:nth-child(3){display:none}
}
@media(max-width:385px){
    #inc04 .tit p{font-size:13px}
}