<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;600;700&amp;family=Noto+Serif+KR:wght@500&amp;display=swap" rel="stylesheet" /> <style type="text/css">#cc-pc img{height:auto!important}#cc-pc{--wine:#460f0f!important;--cream:#f7f3ec!important;--ink:#30251f!important}#cc-pc *{box-sizing:border-box!important}#cc-pc{scroll-behavior:smooth!important}#cc-pc{margin:0!important;background:var(--cream)!important;color:var(--ink)!important;min-width:1024px!important}#cc-pc img{display:block!important;width:100%!important}#cc-pc p{font-size:17px!important;margin:24px 0 0!important}#cc-pc h1,#cc-pc h2,#cc-pc h3{margin:0!important;font-weight:500!important;letter-spacing:-.065em!important}#cc-pc h2{font-size:48px!important;line-height:1.35!important}#cc-pc h3{font-size:27px!important;line-height:1.45!important}#cc-pc .eyebrow{font:12px Arial,sans-serif!important;letter-spacing:.18em!important;text-transform:uppercase!important}#cc-pc .hero{position:relative!important;overflow:hidden!important}#cc-pc .hero>img{height:100%!important;animation:enter 1.5s ease-out!important}#cc-pc .lockup{position:absolute!important;left:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--wine)!important}#cc-pc .lockup img{width:150px!important}#cc-pc .lockup span{font-size:27px!important;font-weight:700!important;letter-spacing:.06em!important}#cc-pc .hero-title{position:absolute!important;color:white!important;text-shadow:0 2px 25px #0003!important}#cc-pc .hero-title h1{font:clamp(70px,8.5vw,145px)/.9 Arial,sans-serif!important;font-weight:900!important;letter-spacing:-.065em!important}#cc-pc .hero-title p{letter-spacing:.04em!important}#cc-pc .hero-foot{position:absolute!important;right:5%!important;color:white!important;font:12px Arial!important;letter-spacing:.15em!important}#cc-pc .intro{text-align:center!important}#cc-pc .intro h2{margin-top:25px!important;color:var(--wine)!important}#cc-pc .intro .brand-desc{font-size:15px!important}#cc-pc .film-label{display:flex!important;justify-content:space-between!important;border-top:1px solid #bcb0a5!important}#cc-pc .film video{width:100%!important;aspect-ratio:16/9!important;display:block!important;background:#d6b8a0!important}#cc-pc .section-head{padding:100px 8% 60px!important;display:flex!important;justify-content:space-between!important;align-items:end!important}#cc-pc .section-head h2{color:var(--wine)!important;margin-top:20px!important}#cc-pc .section-head>p{max-width:400px!important}#cc-pc .product{display:grid!important;grid-template-columns:57% 43%!important;align-items:center!important;background:#eee5da!important}#cc-pc .product figure{margin:0!important;overflow:hidden!important}#cc-pc .product figure img{aspect-ratio:1.18!important;object-fit:cover!important;transition:transform 1s!important}#cc-pc .product figure:hover img{transform:scale(1.035)!important}#cc-pc .product .copy{padding:55px 13%!important}#cc-pc .platform{grid-template-columns:43% 57%!important;background:#e5dbcd!important}#cc-pc .platform .copy{padding:55px 16%!important}#cc-pc .platform figure img{aspect-ratio:1.05!important;object-position:center 73%!important}#cc-pc .style-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:60px 28px!important}#cc-pc .style-card:nth-child(even){transform:translateY(75px)!important}#cc-pc .style-card .photo{overflow:hidden!important}#cc-pc .style-card img{aspect-ratio:4/5!important;object-fit:cover!important;transition:transform 1s!important}#cc-pc .style-card:hover img{transform:scale(1.025)!important}#cc-pc .marquee{overflow:hidden!important;margin-top:135px!important;border-top:1px solid #d5c9bb!important;border-bottom:1px solid #d5c9bb!important;padding:22px 0!important;color:var(--wine)!important}#cc-pc .marquee div{white-space:nowrap!important;font:90px Arial!important;font-weight:900!important;letter-spacing:-.06em!important;animation:move 32s linear infinite!important}#cc-pc .reveal{transition:opacity .85s,translate .85s!important}#cc-pc.js .reveal{opacity:0!important;translate:0 28px!important}#cc-pc.js .reveal.shown{opacity:1!important;translate:0 0!important}#cc-pc .progress{position:fixed!important;top:0!important;left:0!important;height:3px!important;background:#c77c66!important;z-index:9!important;width:0!important}@keyframes enter{from{transform:scale(1.025);opacity:.7}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){#cc-pc *{animation:none!important;transition:none!important}#cc-pc.js .reveal{opacity:1!important;translate:none!important}}#cc-pc .lockup{top:5%!important;gap:20px!important}#cc-pc .lockup .hwasa-logo{width:108px!important;height:auto!important}#cc-pc .lockup .lock-divider{font:28px Arial!important}#cc-pc .hero-title{bottom:8%!important;left:5%!important}#cc-pc .hero-title h1{width:clamp(240px,28vw,380px)!important}#cc-pc .hero-title h1 img{width:100%!important;height:auto!important}#cc-pc .hero-title p{font-size:14px!important;margin-top:14px!important}#cc-pc .hero-foot{font-size:10px!important;bottom:5%!important}#cc-pc .intro{max-width:900px!important;margin:auto!important;padding:85px 30px!important}#cc-pc .intro .logo{width:150px!important;margin:0 auto 28px!important}#cc-pc .intro .brand-desc{margin-top:25px!important}#cc-pc .film{width:min(1040px,88%,calc((100svh - 110px)*16/9))!important;padding:0 0 85px!important;margin:auto!important}#cc-pc .film video{object-fit:contain!important}#cc-pc .film-label{padding:16px 0 20px!important}#cc-pc .visual-only{align-items:center!important}#cc-pc .visual-only .style-card{margin:0!important;transform:none!important}#cc-pc .visual-only .photo img{aspect-ratio:4/5!important;object-fit:contain!important}#cc-pc .hero{width:100%!important;max-width:none!important;margin:0!important;aspect-ratio:16/9!important}#cc-pc .hero>img{object-fit:cover!important}#cc-pc .styles{max-width:1100px!important;width:82%!important;margin:0 auto!important;padding:75px 0 65px!important}#cc-pc .visual-only{gap:24px!important;grid-template-columns:1.12fr 1fr!important}#cc-pc .visual-only .style-card:nth-child(2){padding-top:55px!important}#cc-pc{font-family:'Noto Sans KR','Malgun Gothic',sans-serif!important}#cc-pc p{letter-spacing:-.025em!important;line-height:1.85!important}#cc-pc h2,#cc-pc h3{letter-spacing:-.045em!important}#cc-pc .intro h2{font-family:'Noto Serif KR',serif!important;font-weight:500!important;font-size:48px!important;line-height:1.45!important}#cc-pc .intro p{font-size:18px!important}#cc-pc .section-head h2{font-weight:600!important}#cc-pc .product,#cc-pc .platform{grid-template-columns:52% 48%!important;align-items:stretch!important}#cc-pc .product .copy,#cc-pc .platform .copy{padding:60px clamp(36px,4.5vw,82px)!important;display:flex!important;flex-direction:column!important;justify-content:center!important}#cc-pc .product .copy h3{font-size:38px!important;line-height:1.35!important;font-weight:600!important;color:var(--wine)!important;margin-top:20px!important}#cc-pc .product-name{font-size:14px!important;font-weight:600!important;margin-top:22px!important;color:#806355!important}#cc-pc .product-summary{font-size:18px!important;line-height:1.8!important;margin-top:18px!important;word-break:keep-all!important}#cc-pc .feature-list{margin:32px 0 0!important;border-top:1px solid #c8b9aa!important}#cc-pc .feature-list>div{grid-template-columns:145px 1fr!important;gap:14px!important;border-bottom:1px solid #d7cabe!important}#cc-pc .feature-list .feature-desc{margin:0!important;word-break:keep-all!important}#cc-pc .product-gallery{display:grid!important}#cc-pc .platform>figure img{height:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center!important}#cc-pc .next-content{background:#0b0c0e!important;color:#fff!important;margin-top:75px!important;padding:60px 0 0!important}#cc-pc .next-inner{width:80%!important;max-width:1440px!important;margin:auto!important}#cc-pc .next-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:55px!important;padding-bottom:45px!important}#cc-pc .next-content .eyebrow{font-family:'Noto Sans KR',sans-serif!important;color:#a6abb6!important;font-size:12px!important;font-weight:700!important;letter-spacing:.16em!important}#cc-pc .next-content h2{font-family:'Noto Sans KR',sans-serif!important;font-size:34px!important;font-weight:400!important;line-height:1.45!important;margin-top:17px!important;letter-spacing:-.055em!important}#cc-pc .next-content h2 strong{font-weight:750!important}#cc-pc .next-link{display:flex!important;align-items:center!important;justify-content:space-between!important;min-width:340px!important;width:430px!important;border:1px solid #77797c!important;padding:24px 28px!important;color:white!important;text-decoration:none!important;font-size:15px!important;font-weight:700!important}#cc-pc .next-link:hover{border-color:white!important;background:#191b1f!important}#cc-pc .next-link .arrow{font-size:28px!important;line-height:1!important}#cc-pc .next-note{text-align:center!important;border-top:1px solid #292b30!important;color:#929bab!important;font-size:12px!important;margin:0!important;padding:21px 0!important}#cc-pc .product-gallery{grid-template-columns:1fr 1fr!important;align-content:center!important;align-items:center!important;padding:30px!important;gap:18px!important}#cc-pc .product-gallery figure:first-child{grid-row:1/3!important}#cc-pc .product-gallery figure img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}#cc-pc .product-gallery figure{overflow:visible!important}#cc-pc .product-gallery figure:hover img{transform:none!important}#cc-pc .styles .marquee{display:block!important;width:100%!important;margin-top:65px!important;padding:22px 0!important}#cc-pc .styles .marquee div{display:flex!important;width:max-content!important;font-size:64px!important;line-height:1.2!important;animation:cozy-roll 24s linear infinite!important}#cc-pc .marquee span{white-space:nowrap!important;padding-right:40px!important}@keyframes cozy-roll{to{transform:translateX(-50%)}}#cc-pc .feature-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px 12px!important;border:0!important;margin-top:27px!important}#cc-pc .feature-list>div{position:relative!important;display:block!important;border:0!important;border-radius:2px!important;background:#ffffff38!important;padding:15px 14px 14px 49px!important;min-height:82px!important}#cc-pc .feature-list .feature-title{font-size:14px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.035em!important}#cc-pc .feature-list .feature-desc{font-size:13px!important;line-height:1.65!important;margin-top:6px!important;color:#6b594e!important;letter-spacing:-.025em!important}#cc-pc .feature-icon{position:absolute!important;left:15px!important;top:17px!important;width:23px!important;height:23px!important;fill:none!important;stroke:#875f4c!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}@media(min-width:1450px){#cc-pc .feature-list>div{padding-top:17px!important;padding-bottom:17px!important}#cc-pc .feature-list .feature-title{font-size:15px!important}#cc-pc .feature-list .feature-desc{font-size:14px!important}}#cc-pc .feature-list>div:last-child{grid-column:auto!important;min-height:82px!important}#cc-pc .feature-list>div:last-child dd{margin-top:6px!important}#cc-pc .feature-list>div:last-child .feature-icon{top:17px!important}#cc-pc p,#cc-pc .feature-title{font-family:"Noto Sans KR","Malgun Gothic",sans-serif!important}#cc-pc .feature-title{display:block!important}#cc-pc .feature-desc{font-weight:400!important}#cc-pc .lockup img{flex:0 0 auto!important;max-width:none!important}#cc-pc .lockup{flex-wrap:nowrap!important}#cc-pc .intro .logo{height:auto!important}#cc-pc svg{max-width:none!important}#cc-pc .product figure img{display:block!important} #cc-pc .approved-gallery{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:16px!important;padding:28px!important;align-items:center!important}#cc-pc .approved-gallery figure{grid-column:auto!important;grid-row:auto!important;margin:0!important}#cc-pc .approved-gallery figure img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;transform:none!important}#cc-pc .platform-gallery{align-items:start!important}#cc-pc .styles{padding-top:0!important}#cc-pc .marquee{margin-top:60px!important} #cc-pc .approved-gallery{align-items:stretch!important}#cc-pc .approved-gallery figure{aspect-ratio:4/5!important;overflow:hidden!important}#cc-pc .approved-gallery figure img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}#cc-pc .platform-gallery figure:first-child img{object-position:70% center!important}#cc-pc .cozy-finale{background:#460f0f!important;color:#f7f3ec!important;padding:48px 6%!important;margin:0!important;overflow:hidden!important}#cc-pc .finale-top,#cc-pc .finale-bottom{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:20px!important}#cc-pc .finale-logo{width:115px!important;height:auto!important;filter:brightness(0) invert(1)!important}#cc-pc .finale-top span,#cc-pc .finale-bottom span{font:10px Arial,sans-serif!important;letter-spacing:.16em!important}#cc-pc .finale-title{font:900 clamp(52px,6vw,100px)/1.02 Arial,sans-serif!important;letter-spacing:-.055em!important;margin:35px 0!important}#cc-pc .finale-title span{color:#dfb8a4!important}#cc-pc .finale-bottom{border-top:1px solid #ffffff40!important;padding-top:22px!important}#cc-pc .finale-bottom p{font-size:16px!important;line-height:1.65!important;margin:0!important}#cc-pc .finale-top span{max-width:190px!important;text-align:right!important}#cc-pc .approved-gallery figure{width:100%!important;min-width:0!important;max-width:none!important;height:auto!important;align-self:stretch!important}#cc-pc .approved-gallery{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}#cc-pc .approved-gallery figure:first-child,#cc-pc .approved-gallery figure:nth-child(n){grid-row:1!important;grid-column:auto!important;aspect-ratio:4/5!important} #cc-pc .approved-gallery{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)!important;gap:12px!important;padding:24px!important}#cc-pc .platform-gallery{grid-template-columns:minmax(0,.62fr) minmax(0,.38fr)!important}#cc-pc .approved-gallery figure:nth-child(n){aspect-ratio:auto!important;height:460px!important;position:relative!important}#cc-pc .approved-gallery figure img{height:100%!important;object-fit:cover!important}#cc-pc .approved-gallery figure:first-child img{object-position:center 65%!important}#cc-pc .platform-gallery figure:first-child img{object-position:65% center!important}#cc-pc .approved-gallery figure:after{content:'DETAIL / 01';position:absolute;left:12px;bottom:12px;color:#fff;font:9px Arial,sans-serif;letter-spacing:.12em;text-shadow:0 1px 8px #0008}#cc-pc .approved-gallery figure:nth-child(2):after{content:'STYLING / HWASA'}#cc-pc .platform-gallery figure:first-child:after{content:'STYLING / HWASA'}#cc-pc .platform-gallery figure:nth-child(2):after{content:'DETAIL / 02'}#cc-pc{padding-bottom:0!important}#cc-pc .cozy-finale{margin-bottom:0!important}#cc-pc .next-content{margin-top:0!important}#cc-pc main{padding-bottom:0!important} </style> <div id="cc-pc"> <div class="progress">&nbsp;</div> <main> <section class="hero"><img alt="핑크 니트와 크록스 클로그를 착용하고 소파에 누워 있는 화사" decoding="async" fetchpriority="high" height="3000" src="https://image.a-rt.com/art/editor/202609/1791277620969.jpg" width="5333" /> <div class="lockup"><img alt="crocs" decoding="async" height="60" src="https://image.a-rt.com/art/editor/202609/1791264671487.png" width="220" /><span class="lock-divider">I</span><img alt="HWASA" class="hwasa-logo" decoding="async" height="108" src="https://image.a-rt.com/art/editor/202609/1791264668782.png" width="360" /></div> <div class="hero-title"> <h1><img alt="MAKE IT COZY" decoding="async" height="264" src="https://image.a-rt.com/art/editor/202609/1791264676679.png" width="548" /></h1> <p>&nbsp; &nbsp;화사와 함께하는 나만의 코지 스타일</p> </div> <div class="hero-foot">THE UNFURGETTABLE COLLECTION</div> </section> <section class="intro reveal"><img alt="crocs" class="logo" decoding="async" height="60" src="https://image.a-rt.com/art/editor/202609/1791264671487.png" width="220" /> <h2>기다리지 않아도,<br /> 오늘은 코지.</h2> <p>휴일의 여유를 일상으로 가져오는 시간.<br /> 부드러운 소재, 스타일을 담은 크록스 언퍼게터블 컬렉션이<br /> 나만의 시간을 더욱 아늑하게 채워줍니다.<br /> 크록스 I 화사의 코지한 일상을 만나보세요.</p> </section> <section class="film reveal"> <div class="film-label"><span class="eyebrow">with HWASA</span><span class="eyebrow"></span></div> <video aria-label="화사 크록스 코지 캠페인 영상" controls="" muted="" playsinline="" poster="https://image.a-rt.com/art/editor/202609/1791264642041.jpg" preload="metadata" src="https://api.wecandeo.com/video/default/BOKNS9AQWrHQg7ii9ipD2jMWlwNOz6xais3ChyxN3laRSQ2OdDNuXODyfMxzxNx4FQQYtTg4is5pWTjtOP14dYAWLwieie.mp4">&nbsp;</video> </section> <section> <div class="section-head reveal"> <div><span class="eyebrow">FEEL THE COZY</span> <h2>더 아늑하고 따뜻한<br /> 크록스 언퍼게터블</h2> </div> <p>01. 클래식 언퍼게터블 스웨이드 클로그<br /> 02. 언퍼게터블 플랫폼 클로그</p> </div> <article class="product reveal"> <div class="product-gallery approved-gallery"> <figure><img alt="브라운 퍼 클로그 정면 착화컷" decoding="async" height="1800" loading="lazy" src="https://image.a-rt.com/art/editor/202609/1791264686180.jpg" width="1200" /></figure> <figure><img alt="그레이 니트와 베이지 스웨이드 클로그를 착용한 화사" decoding="async" height="1800" loading="lazy" src="https://image.a-rt.com/art/editor/202609/1791264714816.jpg" width="1440" /></figure> </div> <div class="copy"><span class="eyebrow">01 / SUEDE CLOG</span> <h3>부드러운 소재<br /> 여유로운 일상&nbsp;스타일</h3> <p class="product-summary">스웨이드의 차분한 질감에 퍼의 포근함을 더했습니다.<br /> 발을 감싸는 부드러움과 편안한 착화감을 만나보세요.</p> <div class="feature-list"> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M5 19C3 10 9 4 20 4c0 11-6 17-15 15Z"></path><path d="m5 19 10-10m-4 6v-5m0 5h5"></path></svg><strong class="feature-title">부드러운 질감</strong> <p class="feature-desc">비건 인조 스웨이드 어퍼</p> </div> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M4 16c-2-3 0-6 3-6-1-4 5-6 7-2 4-2 8 1 6 5 3 3 0 7-4 6H8c-3 1-5-1-4-3Z"></path><path d="M8 14c2 2 6 2 8 0"></path></svg><strong class="feature-title">발을 감싸는 포근함</strong> <p class="feature-desc">인조 퍼 라이너&middot;칼라&middot;백스트랩</p> </div> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M5 15v-4a7 7 0 0 1 14 0v4M5 15h3v5H5zm11 0h3v5h-3z"></path><path d="M8 20h8"></path></svg><strong class="feature-title">나만의 스타일</strong> <p class="feature-desc">피보팅 백스트랩과 지비츠&trade; 구멍</p> </div> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M3 18h18v3H3zM5 17V9l7-6 7 6v8M9 17v-5h6v5"></path></svg><strong class="feature-title">어디서든 안락한 편안함</strong> <p class="feature-desc">부드러운 풋베드 &middot; 가벼운 Croslite&trade; 아웃솔</p> </div> </div> </div> </article> <article class="product platform reveal"> <div class="product-gallery approved-gallery platform-gallery"> <figure><img alt="핑크 니트와 베이지 플랫폼 클로그를 착용한 화사" decoding="async" height="645" loading="lazy" src="https://image.a-rt.com/art/editor/202609/1791272120093.png" width="632" /></figure> <figure><img alt="베이지 플랫폼 클로그와 아웃솔 클로즈업" decoding="async" height="691" loading="lazy" src="https://image.a-rt.com/art/editor/202609/1791272146119.png" width="536" /></figure> </div> <div class="copy"><span class="eyebrow">02 / PLATFORM CLOG</span> <h3>포근한 착화감<br /> 한층 높아진 플랫폼 스타일</h3> <p class="product-summary">슬리퍼처럼 간편하게 신고, 볼륨감 있는 플랫폼으로<br /> 편안함과 스타일을 함께 누려보세요.</p> <div class="feature-list"> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M3 15h5l3-4 4 3h6v6H3zM4 8V3m-2 2 2-2 2 2"></path><path d="M3 17h18"></path></svg><strong class="feature-title">41mm 플랫폼</strong> <p class="feature-desc">1.6인치 웨지 높이 &middot; 바닥부터 뒤꿈치까지</p> </div> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M4 16c-2-3 0-6 3-6-1-4 5-6 7-2 4-2 8 1 6 5 3 3 0 7-4 6H8c-3 1-5-1-4-3Z"></path><path d="M8 14c2 2 6 2 8 0"></path></svg><strong class="feature-title">아늑한 착화감</strong> <p class="feature-desc">포 퍼 어퍼와 스트레치 고어 백스트랩</p> </div> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M4 15h5l3-4 4 3h5v5H4zM5 21h3m3 0h3m3 0h3M3 7h8M3 10h5"></path></svg><strong class="feature-title">가벼운 걸음</strong> <p class="feature-desc">GripRite 경량 트랙션 &middot; Croslite&trade; 아웃솔</p> </div> <div><svg aria-hidden="true" class="feature-icon" viewbox="0 0 24 24"><path d="M5 18c0-6 2-13 6-14 4-1 6 2 6 5 0 4 3 5 2 9-1 4-13 4-14 0Z"></path><path d="M8 16c2 2 6 2 8 0"></path></svg><strong class="feature-title">부드러운 풋베드</strong> <p class="feature-desc">발을 감싸는 부드러움, 집 안팎의 편안함</p> </div> </div> </div> </article> </section> <section class="cozy-finale"> <div class="finale-title">MAKE IT COZY.<br /> <span>MAKE IT YOURS.</span></div> <div class="finale-bottom"> <p>&nbsp;</p> <span>CROCS I HWASA</span></div> </section> <section class="next-content"> <div class="next-inner"> <div class="next-row"> <div><span class="eyebrow">A-RT CONTENT / NEXT</span> <h2>지금 주목할 트렌드, 스타일을<br /> <strong>A-RT에서 계속 만나보세요.</strong></h2> </div> <a class="next-link" href="https://www.a-rt.com/display/webzine/magazine" rel="noopener" target="_blank"><span>더 많은 콘텐츠 보러가기</span><span class="arrow">↗</span></a></div> <p class="next-note">마음에 든 콘텐츠라면 좋아요로 감상을 남겨주세요.</p> </div> </section> </main> <script>(function(){document.querySelector('#cc-pc').classList.add('js');const io=new IntersectionObserver(entries=>entries.forEach(e=>{if(e.isIntersecting){e.target.classList.add('shown');io.unobserve(e.target)}}),{threshold:.08});document.querySelectorAll('#cc-pc .reveal').forEach(e=>io.observe(e));addEventListener('scroll',()=>{document.querySelector('#cc-pc .progress').style.width=(scrollY/(document.documentElement.scrollHeight-innerHeight)*100)+'%'},{passive:true});const video=document.querySelector('#cc-pc .film video');if(video){let autoUsed=false;video.muted=true;video.defaultMuted=true;video.loop=false;video.addEventListener('play',()=>{autoUsed=true});const videoObserver=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting&&entry.intersectionRatio>=.3&&!autoUsed){autoUsed=true;video.muted=true;const attempt=video.play();if(attempt)attempt.catch(()=>{});}})},{threshold:[0,.3]});videoObserver.observe(video);}})();</script></div>