https://www.hankookilbo.com/_next/static/chunks/650.82cb04f53a172f58.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[650],{40650:(e,t,i)=>{i.r(t),i.d(t,{default:()=>h});var s=i(97251),a=i(52931),l=i(51727),A=i(39847),n=i(8750),r=i(50888);let o={src:"/_next/static/media/promotion_bg_top.098565c1.png",height:2880,width:5120,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAABlBMVEUTExMdHR3NXew/AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAFUlEQVR4nGNghAIGCMHAAMYQAh0AAAJEABDdBAdtAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},c={src:"/_next/static/media/promotion_news_01.f00c877a.png",height:2240,width:3840,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAVFBMVEWVlJS9yMqmpqarq6tnZW23t7qhq7Z4jZhkdoHL0dCztMGId3IAAABwhZKHh4cRERFsbHiPmqCho6WVr7l7XVSfrrY9PD+cnqV/lqOGio/q6OiJjpQ9JH0HAAAAE3RSTlPO/dK9/fyz/t/+/f3c3N0Pp/p4rrpPwgAAAAlwSFlzAAAsSwAALEsBpT2WqQAAADNJREFUeJwFwQkCgBAAAMElZzkqJPz/n2aIVf3WuoyrVyulvYRPC/8MQ+qnn3oZDgmg7g0vlQHeelZqtwAAAABJRU5ErkJggg==",blurWidth:8,blurHeight:5};var p=i(33),x=i(2081),d=i(65294);function h(){let e=(0,a.useRef)(null),t=(0,p.useDevice)(e=>e.device),i="pc"===t,h="tablet"===t,m="mobile"===t,{scrollYProgress:u}=(0,A.L)({target:e,offset:["start start","end start"]}),f=(0,n.G)(u,[0,.3],["100%","80%"]),w=(0,n.G)(u,[0,.3],["0%","-60%"]),y=(0,n.G)(u,[.1,.3],[0,1]),g=(0,n.G)(u,[.1,.3],["50px","0px"]),v=(0,n.G)(u,[0,.03],[1,0]),b=(0,n.G)(u,[0,.3],["64px","48px"]);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:e,className:(0,x.cn)("relative",i?"h-[150vh]":h?"h-[560px]":m?"h-[360px]":void 0),children:(0,s.jsxs)("div",{className:(0,x.cn)("flex h-screen w-full flex-col items-center",i?"sticky top-0 justify-center":"pt-160"),children:[(0,s.jsx)(r.P.div,{style:{opacity:v},animate:{y:[0,10,0]},transition:{repeat:1/0,duration:1.5,repeatType:"loop",ease:"easeInOut"},className:"absolute bottom-10 left-1/2 -translate-y-1/2 max-sm:hidden",children:(0,s.jsx)(d.A,{width:"24",height:"40",name:"mouse"})}),(0,s.jsx)(r.P.div,{style:{height:i?f:h?"560px":m?"360px":void 0},className:"absolute top-0 left-1/2 -z-10 w-full -translate-x-1/2 bg-[#070707]",children:(0,s.jsx)(l.default,{src:o,alt:"여러명이 기사를 찍고 있는 배경 이미지",sizes:"100vw",className:"h-full w-full object-cover",unoptimized:!0,priority:!0})}),(0,s.jsxs)("div",{className:"relative flex w-full flex-col items-center justify-center",children:[(0,s.jsx)(r.P.div,{style:i?{y:w,fontSize:b}:{},className:"text-center text-[28px] font-bold text-white sm:text-[52px]",children:(0,s.jsxs)(r.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},children:["뉴스의 경험이",(0,s.jsx)("br",{}),"새롭게 바뀝니다"]})}),(0,s.jsx)(r.P.div,{style:i?{opacity:y,y:g}:{opacity:1,y:0},className:(0,x.cn)("absolute left-1/2 -translate-x-1/2 pt-10 sm:pt-16",i?"top-full h-[640px] w-[960px]":h?"top-280 h-[280px] w-[480px]":m?"top-100":void 0),children:(0,s.jsx)("div",{className:"relative w-full max-sm:w-[300px]",children:(0,s.jsx)(l.default,{src:c,alt:"기기별 기사 메인 페이지에 대한 이미지",sizes:"100vw",className:"h-full w-full object-cover",priority:!0})})})]}),(0,s.jsx)("div",{className:(0,x.cn)("absolute left-1/2 -z-10 h-100 w-1 -translate-x-1/2 bg-[#070707] opacity-25",i?"-bottom-80":h?"-bottom-180":m?"-bottom-80":void 0)})]})}),(0,s.jsxs)("div",{className:"flex flex-col items-center justify-center gap-[60px] pt-[200px] pb-[100px] sm:gap-120 sm:pt-[300px]",children:[(0,s.jsxs)(r.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:"w-fit text-center text-[18px] font-medium sm:text-[26px]",children:["콘텐츠와 사용자를 연결하고",(0,s.jsx)("br",{}),"단순한 정보 소비를 넘어",(0,s.jsx)("br",{}),"사용자와 함께 이야기하는 플랫폼"]}),(0,s.jsxs)(r.P.div,{initial:{opacity:0,y:50},whileInView:{opacity:1,y:0},viewport:{once:!0},transition:{duration:.8,ease:"easeOut"},className:"w-fit text-center text-[24px] font-bold sm:text-[44px]",children:["모바일\xb7개인화\xb7AI까지",(0,s.jsx)("br",{}),"뉴스의 모든 순간을 다시 정의합니다"]})]})]})}}}]);