https://www.hankookilbo.com/_next/static/chunks/4034.d2c9f1074cefd3de.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4034],{94034:(e,t,i)=>{i.r(t),i.d(t,{default:()=>p});var a=i(97251),s=i(51727),l=i(57875),n=i(2081),o=i(75361),r=i(27683),c=i(7221),d=i(56669),x=i(52931);function p(){let{containerRef:e,selectedIndex:t,setSelectedIndex:i}=(0,d.A)(l.v$);return(0,a.jsx)(o.F,{features:r.l,children:(0,a.jsxs)("div",{ref:e,className:"mx-auto flex max-w-[1120px] justify-center gap-[80px] px-[40px] pt-[160px] max-sm:max-w-[690px]",children:[(0,a.jsx)(m,{selectedIndex:t}),(0,a.jsxs)("div",{className:"flex w-1/2 flex-col gap-[80px]",children:[(0,a.jsx)(u,{}),(0,a.jsx)(h,{selectedIndex:t,onSelect:i})]})]})})}let m=(0,x.memo)(e=>{let{selectedIndex:t}=e;return(0,a.jsx)("div",{className:"relative w-1/2",children:l.v$.map((e,i)=>(0,a.jsx)(c.m.div,{initial:{y:50},whileInView:{y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:(0,n.cn)("absolute top-0 right-0 overflow-hidden rounded-[24px] transition-opacity duration-300 ease-out",t===i?"opacity-100":"opacity-0"),children:(0,a.jsx)(s.default,{src:e.image,alt:e.alt,sizes:"100vw",priority:0===i,className:"object-cover"})},e.title))})});m.displayName="PersonalImages";let u=(0,x.memo)(()=>(0,a.jsxs)("div",{className:"flex flex-col",children:[(0,a.jsx)(c.m.h2,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:"text-[40px] font-bold",children:"그때 그때 말을 거는 개인화"}),(0,a.jsxs)(c.m.h3,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:"text-[24px] font-medium",children:["당신이 읽고 싶은 뉴스가",(0,a.jsx)("br",{}),"읽는 흐름 속에 자연스럽게 나타납니다"]})]}));u.displayName="PersonalTitle";let h=(0,x.memo)(e=>{let{selectedIndex:t,onSelect:i}=e;return(0,a.jsx)("div",{className:"flex flex-col",children:l.v$.map((e,s)=>(0,a.jsxs)(c.m.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:(0,n.cn)("flex flex-col border-t border-[#070707] py-[20px] transition-[border-color] duration-300 ease-out",t===s?"border-[#070707]":"border-[#070707]/10"),children:[(0,a.jsx)("button",{type:"button","aria-expanded":t===s,className:(0,n.cn)("cursor-pointer text-left transition-[font-size,font-weight,color] duration-300 ease-out",t===s?"text-[24px] font-bold":"text-[20px] font-medium text-[#070707]/40"),onClick:()=>i(s),children:e.title}),(0,a.jsx)(c.m.div,{initial:!1,animate:{height:t===s?"auto":0},transition:{duration:.3,ease:"easeOut"},className:"overflow-hidden",children:(0,a.jsx)("div",{className:"pt-8 text-[18px]",children:e.description})})]},e.title))})});h.displayName="PersonalTexts"}}]);