@charset "utf-8";

#inc02{position:relative;padding-bottom:180px}
#inc02 .sticky-wrap{height:600vh}
#inc02 .sticky-container{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center}

#inc02 .inner{width:1792px;margin:0 auto}
#inc02 .group-title{padding-bottom:85px}
#inc02 .group-title .desc{padding-bottom:50px;font-size:26px;font-weight:700}
#inc02 .group-title h2{font-size:65px !important;white-space:pre-line}
#inc02 .group-title h2 .highlighting{position:relative;padding:0 15px}
#inc02 .group-title h2 .highlighting::before{z-index:-1;position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 55%, var(--primary) 45%)}

#inc02 .cont{position:relative;overflow:hidden}
/* marquee */
#inc02 .cont .marquee{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:-1}
#inc02 .cont .marquee .scroll{display:flex;gap:20px;animation:marqueeWidePc 12s linear infinite}
#inc02 .cont .marquee span{font-family:var(--e-font);font-size:300px;font-weight:700;white-space:nowrap;text-transform:uppercase;color:rgba(17,17,17,0.08)}
@keyframes marqueeWidePc {0%{transform:translateX(0)} 100% {transform:translateX(-2065px)}}

/* content */
#inc02 .col-3{display:flex;align-items:center;justify-content:space-between;gap:60px}
#inc02 .col-3 .place{height:58px;overflow:hidden}
#inc02 .col-3 .place ul li{display:flex;align-items:center;gap:5px;font-size:45px;font-weight:800}
#inc02 .col-3 .place ul li i.restaurant{transform:translateY(-4px)}
#inc02 .col-3 .place ul li i img{width:53px}

#inc02 .col-3 .thumb{display:flex;align-items:center;gap:56px}
#inc02 .col-3 .thumb .tit{display:flex;align-items:center;gap:5px;font-family:var(--e-font);font-size:24px;font-weight:700}
#inc02 .col-3 .thumb .tit::after{content:'';width:8px;height:8px;border-radius:50px;background-color:var(--primary)}
#inc02 .col-3 .thumb .thumb-box{width:525px;max-height:460px;height:46vh}
#inc02 .col-3 .thumb .thumb-box ul{position:relative}
#inc02 .col-3 .thumb .thumb-box ul li{position:absolute;inset:0%;width:100%;max-height:460px;height:46vh;border-radius:20px;overflow:hidden}
#inc02 .col-3 .thumb .thumb-box ul li img{width:100%;height:100%;object-fit:cover;object-position:left}

#inc02 .col-3 .desc{height:29px;overflow:hidden}
#inc02 .col-3 .desc ul li{font-size:24px;font-weight:700;text-align:right}

@media (max-height:900px){
#inc02 .col-3 .thumb .thumb-box ul li, #inc02 .col-3 .thumb .thumb-box{height:36vh}
}