@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{max-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%)}

/* marquee */
#inc02 .cont{--translateX:-2065px;position:relative;overflow:hidden}
#inc02 .cont .marquee{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:-1}
#inc02 .cont .marquee .scroll{display:flex;gap:20px;animation:marqueeInc02 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 marqueeInc02 {0%{transform:translateX(0)} 100% {transform:translateX(var(--translateX))}}

/* content */
#inc02 .col-3{display:flex;align-items:center;justify-content:space-between;gap:60px}
#inc02 .col-3 .place{height:58px;overflow:hidden;flex-shrink:0}
#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;justify-content:center;gap:56px;flex:1}
#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{max-width:525px;max-height:460px;height:46vh;width:100%}
#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;white-space:nowrap}

/* 반응형 [s] */
@media (max-height:900px){
#inc02 .col-3 .thumb .thumb-box ul li, #inc02 .col-3 .thumb .thumb-box{height:36vh}
}
@media (max-width:1500px){
#inc02{padding-bottom:40px}
#inc02 .group-title{padding-bottom:70px}
#inc02 .group-title .desc{padding-bottom:30px}
#inc02 .col-3{padding:0 20px}
#inc02 .col-3 .place ul li{font-size:36px}
#inc02 .col-3 .thumb .tit{font-size:22px}
#inc02 .col-3 .thumb .thumb-box{max-width:410px}
#inc02 .col-3 .desc ul li{font-size:22px}
}
@media (max-width:1200px){
#inc02{padding-bottom:0}
#inc02 .col-3{gap:40px}
#inc02 .col-3 .place ul li{font-size:30px}
#inc02 .col-3 .thumb{gap:35px}
#inc02 .col-3 .thumb .tit{gap:8px;font-size:18px}
#inc02 .col-3 .thumb .tit::after{width:6px;height:6px}
#inc02 .col-3 .desc{height:21px}
#inc02 .col-3 .desc ul li{font-size:18px}
}
@media (max-width:1024px){
#inc02 .group-title{padding-bottom:50px}
#inc02 .group-title .desc{padding-bottom:24px}
#inc02 .group-title h2 .highlighting{padding:0 10px}
#inc02 .col-3{flex-direction:column;gap:12px}
#inc02 .col-3 .place ul li{gap:7px;font-size:25px}
#inc02 .col-3 .place ul li i img{width:48px}
#inc02 .col-3 .place{height:48px}
#inc02 .col-3 .thumb{flex-direction:column-reverse;gap:15px;width:100%}
#inc02 .col-3 .thumb .thumb-box{max-width:340px}
#inc02 .col-3 .thumb .thumb-box, #inc02 .col-3 .thumb .thumb-box ul li{max-height:370px;height:35vh}
#inc02 .col-3 .desc ul li{text-align:center}
#inc02 .cont{--translateX:-1383.5px}
#inc02 .cont .marquee span{font-size:200px}
}
@media (max-width:768px){
#inc02 .group-title{padding-bottom:35px}
#inc02 .col-3 .place{height:42px}
#inc02 .col-3 .place ul li{font-size:22px}
#inc02 .col-3 .place ul li i img{width:40px}
#inc02 .col-3 .thumb .tit{font-size:16px}
#inc02 .col-3 .thumb .thumb-box{max-width:315px}
#inc02 .col-3 .desc ul li{font-size:16px}
#inc02 .cont{--translateX:-1042.5px}
#inc02 .cont .marquee span{font-size:150px}
}
@media (max-width:480px){
#inc02 .group-title{padding-bottom:30px}
#inc02 .group-title .desc{padding-bottom:15px}
#inc02 .group-title h2 .highlighting{padding:0 5px}
#inc02 .col-3 .place{height:36px}
#inc02 .col-3 .place ul li{font-size:20px}
#inc02 .col-3 .place ul li i.restaurant{transform:translateY(-3px)}
#inc02 .col-3 .place ul li i img{width:36px}
#inc02 .col-3 .thumb{gap:12px}
#inc02 .col-3 .thumb .tit{font-size:15px}
#inc02 .col-3 .thumb .thumb-box{max-width:280px}
#inc02 .col-3 .thumb .thumb-box ul li{border-radius:10px}
#inc02 .col-3 .desc ul li{font-size:15px}
#inc02 .cont{--translateX:-838.5px}
#inc02 .cont .marquee .scroll{animation-duration:8s}
#inc02 .cont .marquee span{font-size:120px}
}
/* 반응형 [e] */