@charset "utf-8";

#inc04{overflow:hidden;position:relative;padding-top:200px;padding-bottom:120px;text-align:center;background:var(--cream)}
#inc04 .inner{position:relative;z-index:1}
#inc04 .event-list li{min-width:0;transition:all .3s}
#inc04 .event-slide .swiper-pagination{display:none}

#inc04 .event-list .img{position:relative;width:100%;aspect-ratio:416 / 400;border-radius:30px 30px 0 0;overflow:hidden;background-size:cover;background-position:center}
#inc04 .event-list .cont{padding:30px 12px;background:#fff;border-radius:0 0 30px 30px}
#inc04 .event-list .cont p{font-size:18px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#inc04 .event-list .cont .date{margin-top:5px;color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#inc04 .section-cont{position:relative}
#inc04 .icon img{position:absolute;z-index:2}
#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}

/* 반응형 [s] */
/* slide 사용 x 스타일 */
@media (min-width:769px){
#inc04 .event-slide{overflow:visible;margin-bottom:50px}
#inc04 .event-list{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;transform:none !important}
#inc04 .event-list li{width:auto !important;margin:0 !important;height:auto}
#inc04 .event-list li:hover{transform:translateY(-10px)}
}

@media (max-width:1600px){
#inc04{padding-top:150px}
#inc04 .icon .icon03{width:105px;left:-45px}
#inc04 .icon .icon04{bottom:-45px;right:-35px;width:90px}
}
@media (max-width:1400px){
#inc04{padding:120px 20px 100px}
#inc04 .event-list{gap:20px}
#inc04 .icon .icon01{width:82px}
#inc04 .icon .icon02{width:90px}
#inc04 .icon .icon03{bottom:-75px;left:5px;width:70px}
#inc04 .icon .icon04{bottom:-50px;right:-7px}
#inc04 .event-list .cont p{font-size:17px}
#inc04 .pattern-bg{aspect-ratio:1400 / 490;height:auto}
}
@media (max-width:1200px){
#inc04 .event-list .cont p{font-size:16px}
#inc04 .event-list .cont .date{font-size:15px}
#inc04 .event-list .img{border-radius:20px 20px 0 0}
#inc04 .icon .icon01{width:70px;top:-52px}
#inc04 .icon .icon02{width:80px;top:-65px;right:18%}
}
@media (max-width:1024px){
#inc04{padding:80px 20px 60px}
#inc04 .icon .icon01{width:60px;top:-37px;left:17%}
#inc04 .icon .icon02{width:70px;top:-46px;right:17%}
#inc04 .icon .icon03{bottom:-90px;left:5px;width:60px}
#inc04 .icon .icon04{width:78px;bottom:-62px}
#inc04 .event-list .cont{padding:24px 12px}
#inc04 .pattern-bg{aspect-ratio:1400 / 560}
}
@media (max-width:768px){
#inc04{padding:60px 20px 40px}
#inc04 .event-list{display:flex;gap:0}
#inc04 .event-slide{width:100%;height:100%;padding-bottom:50px}
#inc04 .pattern-bg{aspect-ratio:1400 / 830}
#inc04 .icon .icon01{width:53px;top:-22px;left:10%}
#inc04 .icon .icon02{width:60px;top:-34px}
#inc04 .icon .icon03{bottom:-27px;left:10px}
#inc04 .icon .icon04{width:72px;bottom:-14px}
}
@media (max-width:480px){
#inc04 .event-slide{padding-bottom:30px}
#inc04 .event-list .cont{padding:18px 12px}
#inc04 .event-list .cont p{font-size:15px}
#inc04 .event-list .cont .date{font-size:14px}
#inc04 .pattern-bg{aspect-ratio:1400 / 1090}
#inc04 .icon{display:none}
}
/* 반응형 [e] */