<!-- S : FILA I ILLIT PC integration fix -->
<style type="text/css">@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");#fi26pc *{box-sizing:border-box}#fi26pc,#fi26pc{margin:0;background:#f7f6f2;color:#242429;font-family:Pretendard,Arial,sans-serif}#fi26pc{width:1440px}#fi26pc img{display:block;width:100%}#fi26pc figure,#fi26pc p,#fi26pc h1,#fi26pc h2,#fi26pc h3{margin:0}#fi26pc{overflow:hidden}#fi26pc .fi-wrap{width:1248px;margin:auto}#fi26pc .meta{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;padding:25px 0;border-bottom:1px solid #bdbbb8}#fi26pc .fi-brand{display:flex;justify-content:center;align-items:center;gap:23px;margin:45px 0 29px}#fi26pc .fi-brand img{width:128px;height:43px;object-fit:contain}#fi26pc .fi-brand i{height:32px;width:1px;background:#29282c}#fi26pc .intro{text-align:center;padding:0 0 45px}#fi26pc h1{font-size:64px;line-height:1.15;font-weight:500;letter-spacing:-3px}#fi26pc .fi-eng{font-family:Georgia,serif;font-style:italic;font-size:32px;line-height:1.3;margin-bottom:15px;color:#67616f}#fi26pc .intro p{font-size:15px;margin-top:20px;letter-spacing:.02em}#fi26pc .fi-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}#fi26pc .fi-pair img{aspect-ratio:4/5;object-fit:cover}#fi26pc .caption{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em;padding:17px 0 0}#fi26pc .fi-launch{text-align:center;padding:94px 0 76px}#fi26pc .fi-eyebrow{font-size:12px;letter-spacing:.16em;margin-bottom:26px}#fi26pc .fi-launch h2{font-size:36px;line-height:1.4;letter-spacing:-1.3px;font-weight:500}#fi26pc .fi-body{font-size:17px;line-height:1.9;color:#5f5b62;margin-top:24px;letter-spacing:-.3px}#fi26pc .fi-film{width:1040px;margin:0 auto 90px}#fi26pc .fi-film video{width:1040px;height:585px;object-fit:cover;display:block;background:#dfdad2}#fi26pc .fi-film p{margin-top:16px;font-size:11px;letter-spacing:.14em}#fi26pc .fi-chapter{padding:84px 0 74px}#fi26pc .fi-taton{background:#e9e6ef}#fi26pc .fi-alpha{background:#e7edeb}#fi26pc .fi-head{border-top:1px solid #b6b1bd;padding-top:24px;display:flex;justify-content:space-between;align-items:start;margin-bottom:44px}#fi26pc .fi-index{font-size:12px;letter-spacing:.13em}#fi26pc .fi-head h2{font-size:52px;font-weight:500;letter-spacing:-1.8px;margin-top:22px}#fi26pc .fi-head .fi-desc{width:525px;padding-top:36px}#fi26pc .fi-head h3{font-size:26px;font-weight:500;letter-spacing:-.8px}#fi26pc .fi-head .fi-body{margin-top:15px;font-size:16px}#fi26pc .smalltitle{display:flex;justify-content:space-between;border-bottom:1px solid #b6b1bd;padding:35px 0 19px;font-size:12px;letter-spacing:.08em}#fi26pc .products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:24px}#fi26pc .products img{aspect-ratio:1/1;object-fit:contain;background:#fff}#fi26pc .products figcaption{font-size:16px;letter-spacing:.02em;padding-top:15px}#fi26pc .fi-close{text-align:center;padding:88px 0 84px}#fi26pc .fi-close .fi-eng{font-size:57px;color:#4c4558;margin-bottom:23px}#fi26pc .fi-close h2{font-size:29px;font-weight:500;letter-spacing:-1px}#fi26pc .fi-close p{font-size:16px;line-height:1.9;margin-top:20px;color:#615e65}#fi26pc .fi-cta{background:#25242a;color:#fff;padding:45px 96px 30px}#fi26pc .fi-cta .fi-top{display:flex;align-items:center;justify-content:space-between}#fi26pc .fi-cta small{font-size:10px;letter-spacing:.13em;color:#b5b3bd}#fi26pc .fi-cta h2{font-size:25px;font-weight:400;line-height:1.5;margin-top:15px}#fi26pc .fi-cta a{color:#fff;text-decoration:none;border-bottom:1px solid #d5d1db;padding:18px 0;width:270px;display:flex;justify-content:space-between;font-size:17px}#fi26pc .fi-cta p{font-size:12px;color:#aaa5b2;margin-top:30px}#fi26pc,#fi26pc{background:#f9f2ed}#fi26pc{background:linear-gradient(#faf4ef99,#f6e9ee88),var(--fi-paper) center top/1440px auto repeat-y}#fi26pc .fi-wrap{width:1160px}#fi26pc .fi-lockin{height:760px;padding:26px 0 24px;background:var(--fi-paper) center/cover}#fi26pc .fi-lockin .fi-brand{margin:0 0 25px;height:55px}#fi26pc .fi-brand img{width:146px;height:49px}#fi26pc .fi-lockin .fi-pair{width:960px;margin:auto;gap:16px}#fi26pc .fi-lockin .fi-pair img{height:590px;aspect-ratio:4/5;object-fit:cover}#fi26pc .fi-campaign-title{text-align:center;padding:52px 0 58px;background:#eee0e885}#fi26pc .fi-campaign-title p{font-size:23px;letter-spacing:.01em;margin-bottom:20px}#fi26pc .fi-campaign-title h1{font-size:48px;line-height:1.3;font-weight:750;letter-spacing:-1.7px}#fi26pc .fi-discover{display:flex;align-items:center;justify-content:center;gap:90px;padding:37px 0;background:#dce3c9d9}#fi26pc .fi-discover strong{font-size:25px;font-weight:600}#fi26pc .fi-discover p{font-size:15px;line-height:1.8}#fi26pc .fi-launch{padding:60px 0 45px}#fi26pc .fi-launch h2{font-size:30px}#fi26pc .fi-launch .fi-body{font-size:16px;margin-top:18px}#fi26pc .fi-film{width:960px;margin:0 auto;padding-bottom:55px}#fi26pc .fi-film video{width:960px;height:540px}#fi26pc .fi-chapter{height:780px;padding:35px 0 30px;background:linear-gradient(#e8e2ed99,#eee4ed77),var(--fi-paper) center/cover}#fi26pc .fi-chapter.fi-alpha{background:linear-gradient(#e2ebe477,#e1e9e1bb),var(--fi-paper) center/cover}#fi26pc .fi-head{padding-top:18px;margin-bottom:25px}#fi26pc .fi-head h2{font-size:40px;margin-top:15px}#fi26pc .fi-head .fi-desc{padding-top:12px;width:550px}#fi26pc .fi-head h3{font-size:25px}#fi26pc .fi-head .fi-body{font-size:15px;line-height:1.8;margin-top:12px}#fi26pc .fi-chapter .fi-pair{width:896px;margin:auto;gap:16px}#fi26pc .fi-chapter .fi-pair img{height:550px;object-fit:cover}#fi26pc .fi-still-section{padding:40px 0 65px;background:linear-gradient(#e8e2edaa,#f1e5e399),var(--fi-paper) center/cover}#fi26pc .fi-still-section.fi-alpha{background:linear-gradient(#e2ebe4bb,#eee9e077),var(--fi-paper) center/cover}#fi26pc .fi-product-story{display:flex;align-items:center;gap:65px}#fi26pc .fi-still-life{position:relative;width:740px;height:470px;flex-shrink:0}#fi26pc .fi-still-life .fi-wide{position:absolute;left:0;top:94px;width:540px;height:358px;object-fit:cover;box-shadow:0 12px 28px #4439501c}#fi26pc .fi-still-life .fi-tall{position:absolute;right:0;top:0;width:310px;height:388px;object-fit:cover;border:8px solid #f8f0ec;box-shadow:0 15px 30px #44395026}#fi26pc .fi-product-story h3{font-size:29px;line-height:1.5;font-weight:500;letter-spacing:-1px}#fi26pc .fi-product-story .fi-body{font-size:15px;line-height:1.8}#fi26pc .fi-product-story .fi-eyebrow{margin-bottom:23px}#fi26pc .fi-alpha-story{gap:90px}#fi26pc .fi-alpha-story>img{width:700px;height:467px;object-fit:cover;box-shadow:0 12px 28px #4439501c}#fi26pc .fi-close{background:var(--fi-paper) center/cover;padding:70px 0}#fi26pc .fi-close .fi-eng{font-size:48px}#fi26pc .fi-cta{padding-top:35px}#fi26pc .fi-lockin{height:610px;padding:22px 0 24px}#fi26pc .fi-lockin .fi-brand{height:49px;margin:0 0 20px}#fi26pc .fi-lockin .fi-pair{width:800px;gap:16px}#fi26pc .fi-lockin .fi-pair img{height:490px}#fi26pc .fi-campaign-title{height:170px;padding:24px 0 26px}#fi26pc .fi-campaign-title p{font-size:18px;margin-bottom:13px}#fi26pc .fi-campaign-title h1{font-size:34px;line-height:1.35;letter-spacing:-1px;font-weight:650}#fi26pc .fi-discover{height:192px;padding:0;}#fi26pc .fi-hero-continuous{background:var(--fi-paper) center center/cover no-repeat}#fi26pc .fi-hero-continuous .fi-lockin,#fi26pc .fi-hero-continuous .fi-campaign-title{background:transparent}#fi26pc .fi-lockin .fi-brand{height:42px;margin-bottom:27px;gap:21px}#fi26pc .fi-lockin .fi-brand img{width:125px;height:42px}#fi26pc .fi-lockin .fi-brand i{height:29px}#fi26pc .fi-cta{position:relative;background:#0b0d10;padding:52px 80px 38px;color:#f4f3f5}#fi26pc .fi-cta:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#c9d2b8 0 50%,#d6bfce 50% 100%)}#fi26pc .fi-cta .fi-top{align-items:center;min-height:100px}#fi26pc .fi-cta small{font-size:10px;color:#94a0b7;letter-spacing:.15em}#fi26pc .fi-cta h2{font-size:25px;font-weight:400;line-height:1.45;margin-top:15px;letter-spacing:-.7px}#fi26pc .fi-cta h2 strong{font-weight:700}#fi26pc .fi-cta a{width:335px;height:61px;border:1px solid #6c6b70;padding:0 23px;align-items:center;font-size:13px;font-weight:600}#fi26pc .fi-cta a span{font-size:22px}#fi26pc .fi-cta p{border-top:1px solid #22242a;text-align:center;padding-top:20px;margin-top:35px;font-size:10px;color:#949aaa}#fi26pc .fi-campaign-title{height:220px;padding-bottom:76px}#fi26pc{--fi-paper:url("https://image.a-rt.com/art/editor/202609/1789438694752.jpg");isolation:isolate;position:relative;margin:0 auto;width:100%;max-width:1920px;}#fi26pc .fi-reveal{opacity:0;transform:translateY(23px);transition:opacity .8s ease var(--delay,0ms),transform 1s cubic-bezier(.2,.65,.3,1) var(--delay,0ms)}#fi26pc .fi-reveal.fi-is-visible{opacity:1;transform:none}#fi26pc .fi-chapter .fi-pair img{transition:transform 1.1s ease}#fi26pc .fi-chapter .fi-pair:not(.fi-is-visible).fi-reveal img{transform:scale(1.025)}#fi26pc .fi-still-life .fi-tall{transition:transform 1.1s ease .15s}#fi26pc .fi-still-life.fi-reveal:not(.fi-is-visible) .fi-tall{transform:translateY(18px) rotate(1deg)}#fi26pc .fi-cta a{transition:background .25s,border-color .25s}#fi26pc .fi-cta a:hover{background:#ffffff0f;border-color:#d6bfce}#fi26pc .fi-cta a:focus-visible,#fi26pc button:focus-visible{outline:2px solid #897788;outline-offset:4px}@media(prefers-reduced-motion:reduce){#fi26pc .fi-reveal{opacity:1;transform:none;transition:none}#fi26pc .fi-chapter .fi-pair img,#fi26pc .fi-still-life .fi-tall{transition:none;transform:none!important}}#fi26pc{font-size:16px;line-height:1.5;text-align:left;background-size:100% auto;}#fi26pc .fi-wrap{min-width:0;min-height:0;display:block;float:none;}#fi26pc img{max-width:100%;}#fi26pc .fi-reveal{opacity:1;transform:none;}#fi26pc .fi-reveal.fi-is-visible{animation:fi-arrive .8s ease both;}@keyframes fi-arrive{from{opacity:.25;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#fi26pc .fi-reveal.fi-is-visible{animation:none}}#fi26pc{width:max(1440px,var(--fi-viewport,100vw));max-width:none;margin-left:calc((100% - max(1440px,var(--fi-viewport,100vw)))/2);margin-right:0;}#fi26pc .fi-launch{display:block;}#fi26pc .fi-hero-continuous{position:relative;}#fi26pc .fi-autumn-leaves{position:absolute;display:block;pointer-events:none;z-index:3;object-fit:contain;max-width:none;width:230px;height:345px;left:5%;top:150px;opacity:.96;}#fi26pc .fi-leaf{position:absolute;z-index:3;pointer-events:none;width:110px;height:110px;background-image:url("https://image.a-rt.com/art/editor/202609/1789438710558.png");background-repeat:no-repeat;background-size:200% 285%;}#fi26pc .fi-leaf-a{left:8%;top:100px;background-position:center top;clip-path:inset(0 0 10% 0);transform:rotate(-24deg);}#fi26pc .fi-leaf-b{right:8%;top:390px;background-position:center center;transform:rotate(23deg);}#fi26pc .fi-leaf-c{left:20%;bottom:60px;background-position:center bottom;transform:rotate(-40deg);}#fi26pc .fi-launch-surface{background:var(--fi-paper) center/cover no-repeat;}#fi26pc .fi-launch,#fi26pc .fi-film{background:transparent;}#fi26pc video::-webkit-media-controls{display:none!important;}#fi26pc video::-webkit-media-controls-start-playback-button{display:none!important;}
</style>
<div data-device="pc" id="fi26pc">
<div class="fi-hero-continuous"><span aria-hidden="true" class="fi-leaf fi-leaf-a"></span><span aria-hidden="true" class="fi-leaf fi-leaf-b"></span><span aria-hidden="true" class="fi-leaf fi-leaf-c"></span>
<header class="fi-lockin">
<div class="fi-wrap">
<div class="fi-brand"><img alt="FILA 로고" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438671967.png" /><i></i><img alt="ILLIT 로고" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438695765.png" /></div>
<div class="fi-pair"><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438707670.jpg" /><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438708588.jpg" /></div>
</div>
</header>
<section class="fi-campaign-title">
<p>ABC-MART EXCLUSIVE</p>
<h1>휠라 I 아일릿<br />
26FW 스니커즈 컬렉션</h1>
</section>
</div>
<section class="fi-discover"><strong>DISCOVER</strong>
<p>잊고 있던 매력과 몰랐던 정보까지,<br />
다시 발견하는 트렌디한 아이템 소개합니다.</p>
</section>
<div class="fi-launch-surface">
<section class="fi-launch fi-wrap">
<div class="fi-eyebrow">ONLY ABC-MART</div>
<h2>아일릿과 함께하는<br />
가을 스니커즈 컬렉션</h2>
<p class="fi-body">클래식한 스쿨 룩부터 포근한 니트 스타일링까지.<br />
아일릿이 추천하는 가을 스니커즈를 ABC마트 단독으로 만나보세요.</p>
</section>
<section class="fi-film">
<video controlslist="nodownload noplaybackrate noremoteplayback" disablepictureinpicture="" loop="" muted="" playsinline="" poster="https://image.a-rt.com/art/editor/202609/1789438670162.jpg" preload="metadata" src="https://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3w6RuY0ii9IrugiinipeNLj7NfMxzxNx4FQQtQXE64ltaiiAgCCXs2oHJrAieie.mp4"> </video>
<p>FILA I ILLIT — FILM</p>
</section>
</div>
<section class="fi-chapter fi-taton">
<div class="fi-wrap">
<div class="fi-head">
<div>
<p class="fi-index">01 / THE SPORTY CLASSIC</p>
<h2>TATON 5</h2>
</div>
<div class="fi-desc">
<h3>평소 입던 옷에, 가볍게 포인트.</h3>
<p class="fi-body">니트나 플리츠 스커트에 테이톤 5를 매치해 보세요.<br />
옆면의 실버 포인트가 심플한 옷차림도 돋보이게 해줘요.</p>
</div>
</div>
<div class="fi-pair"><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438667058.jpg" /><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438709543.jpg" /></div>
</div>
</section>
<section class="fi-still-section fi-taton">
<div class="fi-wrap">
<div class="fi-product-story">
<div class="fi-still-life"><img alt="휠라 아일릿 26FW 컬렉션 화보" class="fi-wide" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438692967.jpg" /><img alt="휠라 아일릿 26FW 컬렉션 화보" class="fi-tall" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438706631.jpg" /></div>
<div class="fi-story-copy">
<p class="fi-eyebrow">STYLE TIP</p>
<h3>오늘 입을 옷에 맞춰<br />
골라 신는 즐거움.</h3>
<p class="fi-body">깔끔하게 어울리는 블랙, 눈길을 끄는 실버.<br />
좋아하는 스타일에 맞는 컬러를 골라보세요.</p>
</div>
</div>
</div>
</section>
<section class="fi-chapter fi-alpha">
<div class="fi-wrap">
<div class="fi-head">
<div>
<p class="fi-index">02 / A SOFT BALANCE</p>
<h2>ALPHA RAY LT</h2>
</div>
<div class="fi-desc">
<h3>포근한 니트와 잘 어울리는.</h3>
<p class="fi-body">도톰한 니트나 짧은 스커트에 알파 레이 LT를 함께 신어보세요.<br />
볼륨감 있는 디자인이 가을 옷차림에 잘 어울려요.</p>
</div>
</div>
<div class="fi-pair"><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438673848.jpg" /><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438686823.jpg" /></div>
</div>
</section>
<section class="fi-still-section fi-alpha">
<div class="fi-wrap">
<div class="fi-product-story fi-alpha-story"><img alt="휠라 아일릿 26FW 컬렉션 화보" decoding="async" src="https://image.a-rt.com/art/editor/202609/1789438696791.jpg" />
<div>
<p class="fi-eyebrow">STYLE TIP</p>
<h3>어디에나 어울리는<br />
은은한 데일리 컬러.</h3>
<p class="fi-body">밝은 색 니트부터 베이지색 아우터까지,<br />
차분한 색감의 옷과 자연스럽게 매치해 보세요.</p>
</div>
</div>
</div>
</section>
<section class="fi-close">
<div class="fi-eng">Find your own autumn.</div>
<h2>나만의 스타일을 신는 계절.</h2>
<p>매일 신어도 부담 없는 디테일과 컬러로<br />
손쉽게 나만의 가을 스타일을 완성하세요.</p>
</section>
<aside class="fi-cta">
<div class="fi-top">
<div><small>A-RT CONTENT / NEXT</small>
<h2>지금 주목할 트렌드 스타일을<br />
<strong>A-RT에서 계속 만나보세요.</strong></h2>
</div>
<a href="https://www.a-rt.com/display/webzine/magazine">더 많은 콘텐츠 보러가기 <span>↗</span></a></div>
<p>마음에 든 콘텐츠라면 좋아요로 감상을 남겨주세요.</p>
</aside>
</div>
<script>(function(){
const root=document.getElementById('fi26pc');if(!root||root.dataset.ready)return;root.dataset.ready='1';
const fit=()=>root.style.setProperty('--fi-viewport',document.documentElement.clientWidth+'px');fit();window.addEventListener('resize',fit,{passive:true});
const film=root.querySelector('video');
if(film){
film.controls=false;film.muted=true;film.defaultMuted=true;film.loop=true;film.playsInline=true;
let onScreen=false,playPending=false;
const syncVideo=()=>{
if(!onScreen||document.hidden){film.pause();return;}
if(!film.paused||playPending)return;
playPending=true;
const attempt=film.play();
if(attempt&&attempt.then)attempt.then(()=>{playPending=false;if(!onScreen||document.hidden)film.pause();}).catch(()=>{playPending=false;});
else playPending=false;
};
if('IntersectionObserver' in window){
const videoObserver=new IntersectionObserver(entries=>{const e=entries[0];onScreen=e.isIntersecting&&e.intersectionRatio>=.25;syncVideo();},{threshold:[0,.25,.5]});
videoObserver.observe(film);
}else{
const checkVideo=()=>{const r=film.getBoundingClientRect();onScreen=r.top<innerHeight*.8&&r.bottom>innerHeight*.2;syncVideo();};
addEventListener('scroll',checkVideo,{passive:true});addEventListener('resize',checkVideo,{passive:true});checkVideo();
}
document.addEventListener('visibilitychange',syncVideo);
film.addEventListener('canplay',syncVideo);
root.addEventListener('touchend',syncVideo,{passive:true});
root.addEventListener('pointerup',syncVideo,{passive:true});
}
const reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;
const reveal=[...root.querySelectorAll('.fi-head,.fi-launch,.fi-film,.fi-chapter .fi-pair,.fi-still-life,.fi-alpha-story>img,.fi-story-copy,.fi-alpha-story>div,.fi-close>*')];
if(!reduce&&'IntersectionObserver'in window){const io=new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('fi-is-visible');io.unobserve(e.target)}}),{threshold:.09});reveal.forEach((e,i)=>{e.classList.add('fi-reveal');e.style.setProperty('--delay',(i%2)*90+'ms');io.observe(e)});}
root.querySelectorAll('.fi-chapter .fi-pair').forEach((track)=>{
if(root.dataset.device!=='mo')return;
const nav=document.createElement('div');nav.className='fi-look-nav';const prev=document.createElement('button'),next=document.createElement('button'),label=document.createElement('span');prev.textContent='←';next.textContent='→';prev.setAttribute('aria-label','이전 화보');next.setAttribute('aria-label','다음 화보');label.textContent='01 / 02';nav.append(prev,label,next);track.after(nav);
const pics=[...track.querySelectorAll('img')];track.setAttribute('tabindex','0');track.setAttribute('aria-label','좌우로 넘기는 상품 화보');
const go=(dir)=>{const step=pics[1].offsetLeft-pics[0].offsetLeft;track.scrollTo({left:track.scrollLeft+step*dir,behavior:reduce?'auto':'smooth'})};prev.onclick=()=>go(-1);next.onclick=()=>go(1);track.addEventListener('scroll',()=>{const last=track.scrollLeft>(track.scrollWidth-track.clientWidth)/2;label.textContent=last?'02 / 02':'01 / 02';prev.disabled=!last;next.disabled=last},{passive:true});prev.disabled=true;
});
if(root.dataset.device==='mo'){
const slides=[...root.querySelectorAll('.fi-lockin .fi-pair img')],track=root.querySelector('.fi-lockin .fi-pair'),nav=document.createElement('div');nav.className='fi-hero-dots';let current=0,paused=reduce,visible=true,timer;
const buttons=slides.map((s,i)=>{const btn=document.createElement('button');btn.setAttribute('aria-label',(i+1)+'번째 메인 화보');btn.onclick=()=>{show(i);restart()};nav.append(btn);return btn});const pause=document.createElement('button');pause.className='fi-hero-pause';nav.append(pause);track.after(nav);
function show(i){current=i;slides.forEach((s,k)=>{s.classList.toggle('fi-active',k===i);s.setAttribute('aria-hidden',k!==i)});buttons.forEach((b,k)=>{b.classList.toggle('fi-active',k===i);b.setAttribute('aria-pressed',k===i)})}
function restart(){clearInterval(timer);if(!paused&&visible&&!document.hidden)timer=setInterval(()=>show(1-current),4200)}
function state(){pause.textContent=paused?'▶':'Ⅱ';pause.setAttribute('aria-label',paused?'자동 전환 시작':'자동 전환 일시정지');restart()}
pause.onclick=()=>{paused=!paused;state()};document.addEventListener('visibilitychange',restart);if('IntersectionObserver'in window)new IntersectionObserver(es=>{visible=es[0].isIntersecting;restart()}).observe(track);
let start=0;track.addEventListener('touchstart',e=>start=e.touches[0].clientX,{passive:true});track.addEventListener('touchend',e=>{if(Math.abs(e.changedTouches[0].clientX-start)>35){show(1-current);restart()}},{passive:true});show(0);state();
}
})();
</script>
