@charset "utf-8";

#inc02{overflow:hidden;background:var(--ink)}
#inc02 .spotlight{width:calc(100% - 60px);margin:0 auto;padding:200px 0;border-radius:50px;background:var(--cream)}
#inc02 .story-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
#inc02 .story-card{position:relative;height:442px;border-radius:30px;overflow:hidden;color:#fff}
#inc02 .story-card.n1{background:url('./img/story-bg-01.jpg') no-repeat center/cover}
#inc02 .story-card.n2{background:url('./img/story-bg-02.jpg') no-repeat center/cover}
#inc02 .story-card.n3{background:url('./img/story-bg-03.jpg') no-repeat center/cover}
#inc02 .story-wide{grid-column:1/-1}
#inc02 .story-card:after,#inc02 .promo.media-box:after,#inc02 .event-image:after,#inc02 .store:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 58%)}
#inc02 .story-card>div{position:absolute;z-index:2;left:54px;bottom:54px}
#inc02 .story-card small{font:700 20px var(--e-font);text-transform:uppercase;letter-spacing:1px}
#inc02 .story-card h3{font-size:35px;margin:10px 0 0}
#inc02 .marquee{--x:-1361.5px;height:54px;background:#000;color:#f39e0d;overflow:hidden;white-space:nowrap;font:700 25px/54px Outfit,sans-serif}
#inc02 .marquee div{display:flex;flex-shrink:0;width:max-content;animation:marquee 15s linear infinite}
#inc02 .marquee div p{margin-right:20px}
#inc02 .marquee em{color:#000;-webkit-text-stroke:2px var(--red);font-style:normal;paint-order:stroke fill;letter-spacing:2px}
@keyframes marquee{from{transform:translateX(0%)}to{transform:translateX(var(--x))}}

/* 반응형 [s] */
@media (max-width:1600px){
#inc02 .spotlight{padding:clamp(100px,8.75vw, 140px) 50px}
#inc02 .story-card{height:415px}
#inc02 .story-card h3{font-size:32px}
#inc02 .story-card small{font-size:18px}
}
@media (max-width:1400px){
#inc02 .story-grid{gap:20px}
#inc02 .story-card{height:390px}
#inc02 .story-card h3{font-size:30px}
#inc02 .story-card small{font-size:16px}
}
@media (max-width:1200px){
#inc02 .story-card{height:340px;border-radius:20px}
#inc02 .story-card>div{left:34px;bottom:34px}
#inc02 .story-card h3{margin:8px 0 0;font-size:26px}
}
@media (max-width:1024px){
#inc02 .spotlight{padding:80px 20px;width:calc(100% - 40px);border-radius:20px}
#inc02 .story-card{height:280px;border-radius:10px}
#inc02 .story-card h3{font-size:24px}
#inc02 .story-card small{font-size:14px}
}
@media (max-width:768px){
#inc02 .marquee{--x:-1097.25px;height:50px;line-height:50px;font-size:20px}
#inc02 .story-grid{gap:14px;grid-template-columns:repeat(1,1fr)}
#inc02 .spotlight{padding:60px 20px 20px}
#inc02 .story-card{height:215px}
#inc02 .story-card h3{margin:4px 0 0;font-size:20px}
#inc02 .story-card small{font-size:12px}
}
@media (max-width:480px){
#inc02 .story-card{height:190px}
#inc02 .story-card>div{left:20px;bottom:20px}
#inc02 .story-card h3{font-size:17px}
}
/* 반응형 [e] */