@charset "utf-8";

#inc04{position:relative;padding-top:200px;padding-bottom:120px;text-align:center;background:var(--cream)}
#inc04 .inner{position:relative;z-index:1}
#inc04 .event-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;margin-bottom:50px}
#inc04 .event-list li{transition:all .3s}
#inc04 .event-list li:hover{transform:translateY(-10px)}
#inc04 .event-list .img{position:relative;height:400px;border-radius:30px 30px 0 0;overflow:hidden;background-size:cover;background-position:center}
#inc04 .event-list .cont{padding:30px 0;background:#fff;border-radius:0 0 30px 30px}
#inc04 .event-list .cont p{font-size:18px;font-weight:700}
#inc04 .event-list .cont .date{margin-top:5px;color:#777}
#inc04 .section-cont{position:relative}
#inc04 .icon img{position:absolute}
#inc04 .icon .icon01{top:-70px;left:20%}
#inc04 .icon .icon02{top:-70px;right:20%}
#inc04 .icon .icon03{bottom:-50px;left:-70px}
#inc04 .icon .icon04{bottom:-50px;right:-70px}
#inc04 .pattern-bg{position:absolute;z-index:0;bottom:0;left:0;width:100%;height:490px;background:var(--yellow) url('./img/pattern.png') repeat}
#inc04 .cm-btn:hover{border-color:var(--red) !important;color:#fff !important;background:var(--red) !important}