https://webwoori.com/_next/static/chunks/1_lhlc50_29m4.js

1(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,405429,e=>{e.v({arrive:"motion-module__ztoi0G__arrive",root:"motion-module__ztoi0G__root"})},242056,e=>{"use strict";var a=e.i(98023),s=e.i(647456),l=e.i(405429);e.s(["ServiceMotion",0,function({children:e,className:t}){let d=(0,s.useRef)(null);return(0,s.useEffect)(()=>{if(!d.current||!("IntersectionObserver"in window))return;let e=Array.from(d.current.querySelectorAll("[data-service-reveal]")),a=new Set,s=window.matchMedia("(prefers-reduced-motion: reduce)"),l=new IntersectionObserver(e=>{for(let t of e)t.isIntersecting&&!s.matches&&(t.target.setAttribute("data-service-reveal","entered"),a.add(t.target),l.unobserve(t.target))},{threshold:.05}),t=()=>{for(let t of(l.disconnect(),e))t.setAttribute("data-service-reveal",""),s.matches||a.has(t)||l.observe(t)};return t(),s.addEventListener("change",t),()=>{l.disconnect(),s.removeEventListener("change",t),e.forEach(e=>e.setAttribute("data-service-reveal",""))}},[]),(0,a.jsx)("div",{ref:d,className:`${t} ${l.default.root}`,children:e})}])},937582,e=>{"use strict";var a=e.i(647456);e.s(["useServicePlayback",0,function(e){let s=(0,a.useRef)(null),[l,t]=(0,a.useState)(0),[d,i]=(0,a.useState)(!0),[r,n]=(0,a.useState)(!0),[c,o]=(0,a.useState)(!1),[u,_]=(0,a.useState)(!0),[h,m]=(0,a.useState)(!1),p=(0,a.useRef)(5e3);(0,a.useEffect)(()=>{let e=s.current;if(!e)return;let a=getComputedStyle(e).getPropertyValue("--process-cycle").trim(),l=parseFloat(a);Number.isFinite(l)&&l>0&&(p.current=a.endsWith("ms")?l:1e3*l);let t=window.matchMedia("(prefers-reduced-motion: reduce)"),d=()=>n(t.matches),r=()=>_("visible"===document.visibilityState),c=e=>{"mouse"===e.pointerType&&m(!0)},u=()=>m(!1),h=e=>{e.target instanceof HTMLElement&&e.target.matches(":focus-visible")&&i(!1)};d(),r(),t.addEventListener("change",d),document.addEventListener("visibilitychange",r),e.addEventListener("pointerenter",c),e.addEventListener("pointerleave",u),e.addEventListener("focusin",h);let x="IntersectionObserver"in window?new IntersectionObserver(([e])=>{o(e.isIntersecting)},{threshold:.15}):null;return x?.observe(e),()=>{x?.disconnect(),t.removeEventListener("change",d),document.removeEventListener("visibilitychange",r),e.removeEventListener("pointerenter",c),e.removeEventListener("pointerleave",u),e.removeEventListener("focusin",h)}},[]),(0,a.useEffect)(()=>{if(!d||r||!c||!u||h||e<2)return;let a=window.setTimeout(()=>t(a=>(a+1)%e),p.current);return()=>window.clearTimeout(a)},[d,r,c,u,h,e,l]);let x=(0,a.useCallback)(a=>{!Number.isInteger(a)||a<0||a>=e||(i(!1),t(a))},[e]),j=(0,a.useCallback)(()=>{r||i(e=>!e)},[r]);return{rootRef:s,step:l,select:x,playing:d&&!r,toggle:j,reducedMotion:r}}])},573202,e=>{e.v({afterCopy:"experience-module__YIJtia__afterCopy",aiPipeline:"experience-module__YIJtia__aiPipeline",annotation:"experience-module__YIJtia__annotation",appExplanation:"experience-module__YIJtia__appExplanation",appForm:"experience-module__YIJtia__appForm",appLayout:"experience-module__YIJtia__appLayout",appRecord:"experience-module__YIJtia__appRecord",appTiles:"experience-module__YIJtia__appTiles",beforeCopy:"experience-module__YIJtia__beforeCopy",bigCopy:"experience-module__YIJtia__bigCopy",careLayout:"experience-module__YIJtia__careLayout",change:"experience-module__YIJtia__change","change-example":"experience-module__YIJtia__change-example",checkList:"experience-module__YIJtia__checkList",checkline:"experience-module__YIJtia__checkline",choices:"experience-module__YIJtia__choices",compareArrow:"experience-module__YIJtia__compareArrow",copyComparison:"experience-module__YIJtia__copyComparison",editorNote:"experience-module__YIJtia__editorNote",eyebrow:"experience-module__YIJtia__eyebrow",heading:"experience-module__YIJtia__heading",inputDocument:"experience-module__YIJtia__inputDocument",journey:"experience-module__YIJtia__journey",miniSections:"experience-module__YIJtia__miniSections",mockAction:"experience-module__YIJtia__mockAction",newStructure:"experience-module__YIJtia__newStructure",oldStructure:"experience-module__YIJtia__oldStructure",outputDocument:"experience-module__YIJtia__outputDocument",ph

1one:"experience-module__YIJtia__phone",phoneButton:"experience-module__YIJtia__phoneButton",phoneContent:"experience-module__YIJtia__phoneContent",phoneNav:"experience-module__YIJtia__phoneNav",phoneStage:"experience-module__YIJtia__phoneStage",phoneTop:"experience-module__YIJtia__phoneTop",preservation:"experience-module__YIJtia__preservation",previewBar:"experience-module__YIJtia__previewBar",previewBody:"experience-module__YIJtia__previewBody",previewMenu:"experience-module__YIJtia__previewMenu",questionList:"experience-module__YIJtia__questionList",renewalComparison:"experience-module__YIJtia__renewalComparison",requestChoices:"experience-module__YIJtia__requestChoices",requestSheet:"experience-module__YIJtia__requestSheet",reviewGate:"experience-module__YIJtia__reviewGate",section:"experience-module__YIJtia__section",sheetColumns:"experience-module__YIJtia__sheetColumns",sheetTop:"experience-module__YIJtia__sheetTop",srStatus:"experience-module__YIJtia__srStatus",step:"experience-module__YIJtia__step",websiteCover:"experience-module__YIJtia__websiteCover",websiteLayout:"experience-module__YIJtia__websiteLayout",websitePreview:"experience-module__YIJtia__websitePreview"})},155985,e=>{e.v({appear:"website-demo-module__7GMB_q__appear",booking:"website-demo-module__7GMB_q__booking",brand:"website-demo-module__7GMB_q__brand",browser:"website-demo-module__7GMB_q__browser",bubble:"website-demo-module__7GMB_q__bubble",caption:"website-demo-module__7GMB_q__caption",character:"website-demo-module__7GMB_q__character",check:"website-demo-module__7GMB_q__check",chrome:"website-demo-module__7GMB_q__chrome",confirmation:"website-demo-module__7GMB_q__confirmation",controls:"website-demo-module__7GMB_q__controls",cta:"website-demo-module__7GMB_q__cta",demo:"website-demo-module__7GMB_q__demo",devices:"website-demo-module__7GMB_q__devices",disclaimer:"website-demo-module__7GMB_q__disclaimer",dots:"website-demo-module__7GMB_q__dots",form:"website-demo-module__7GMB_q__form",guide:"website-demo-module__7GMB_q__guide",hours:"website-demo-module__7GMB_q__hours",intro:"website-demo-module__7GMB_q__intro",introCopy:"website-demo-module__7GMB_q__introCopy",menuCard:"website-demo-module__7GMB_q__menuCard",overline:"website-demo-module__7GMB_q__overline",play:"website-demo-module__7GMB_q__play",screen:"website-demo-module__7GMB_q__screen",site:"website-demo-module__7GMB_q__site",siteFooter:"website-demo-module__7GMB_q__siteFooter",siteHeader:"website-demo-module__7GMB_q__siteHeader",stage:"website-demo-module__7GMB_q__stage",steps:"website-demo-module__7GMB_q__steps",summary:"website-demo-module__7GMB_q__summary",textButton:"website-demo-module__7GMB_q__textButton"})},924702,e=>{"use strict";var a=e.i(98023),s=e.i(577143),l=e.i(580963),t=e.i(647456),d=e.i(37571),i=e.i(975636);let r=(0,e.i(967022).default)("coffee",[["path",{d:"M10 2v2",key:"7u0qdc"}],["path",{d:"M14 2v2",key:"6buw04"}],["path",{d:"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1",key:"pwadti"}],["path",{d:"M6 2v2",key:"colzsn"}]]);var n=e.i(619389),c=e.i(456031),o=e.i(554753),u=e.i(912512),_=e.i(937582),h=e.i(573202),m=e.i(155985);let p=[{label:"가게 둘러보기",title:"어떤 곳인지, 먼저 보여주세요.",body:"가게의 분위기와 대표 메뉴를 한곳에서. 손님이 찾아야 할 정보를 가까이 둡니다."},{label:"예약 안내",title:"궁금한 다음에, 바로 다음 행동.",body:"언제 방문할지, 몇 명인지. 예약 문의에 필요한 것만 묻는 화면으로 이어집니다."},{label:"접수 확인",title:"보낸 다음도 막막하지 않게.",body:"접수한 내용과 다음 안내를 보여줍니다. 예약 확정과 문의 접수는 분명히 구분합니다."}];e.s(["WebsiteDemo",0,function(){let{rootRef:e,step:x,select:j,playing:b,toggle:f,reducedMotion:v}=(0,_.useServicePlayback)(3),[N,y]=(0,t.useState)("desktop"),[g,w]=(0,t.useState)("2명"),[k,C]=(0,t.useState)("토요일"),[M,q]=(0,t.useState)(""),B=(0,t.useRef)(null),G=(0,t.useRef)(!1);function E(e,a=!1){G.current=a,j(e),q(`${p[e].label}

1 예시입니다. 실제 예약은 전송되지 않습니다.`)}return(0,t.useEffect)(()=>{if(!G.current)return;G.current=!1;let e=B.current?.querySelector("h3");e&&(e.tabIndex=-1,e.focus({preventScroll:!0}))},[x]),(0,a.jsxs)("section",{id:"experience","data-service-reveal":"",className:h.default.section,"aria-labelledby":"website-experience-title",children:[(0,a.jsxs)("div",{className:h.default.heading,children:[(0,a.jsx)("p",{className:h.default.eyebrow,children:"홈페이지 제작 · 움직이는 구성 예시"}),(0,a.jsxs)("h2",{id:"website-experience-title",children:["가게를 둘러보고,",(0,a.jsx)("br",{}),"문의하기까지 자연스럽게."]}),(0,a.jsx)("p",{children:"가상의 카페 홈페이지입니다. 메뉴를 누르거나 화면 크기를 바꿔보세요. 손님이 경험할 흐름을 직접 볼 수 있습니다."})]}),(0,a.jsxs)("div",{ref:e,className:m.default.demo,"data-step":x,children:[(0,a.jsxs)("div",{className:m.default.controls,children:[(0,a.jsx)("div",{className:m.default.steps,role:"group","aria-label":"홈페이지 체험 단계",children:p.map((e,s)=>(0,a.jsxs)("button",{type:"button","aria-pressed":x===s,onClick:()=>E(s),children:[(0,a.jsxs)("span",{children:["0",s+1]}),e.label]},e.label))}),(0,a.jsxs)("button",{className:m.default.play,type:"button",disabled:v,onClick:f,"aria-label":b?"홈페이지 자동 재생 멈추기":"홈페이지 자동 재생 시작",children:[b?(0,a.jsx)(o.Pause,{"aria-hidden":"true"}):(0,a.jsx)(u.Play,{"aria-hidden":"true"}),v?"직접 살펴보기":b?"멈추기":"자동 재생"]})]}),(0,a.jsxs)("div",{className:m.default.stage,children:[(0,a.jsxs)("div",{className:m.default.browser,"data-device":N,children:[(0,a.jsxs)("div",{className:m.default.chrome,children:[(0,a.jsxs)("span",{className:m.default.dots,"aria-hidden":"true",children:[(0,a.jsx)("i",{}),(0,a.jsx)("i",{}),(0,a.jsx)("i",{})]}),(0,a.jsx)("span",{children:"모퉁이 커피 · 홈페이지 예시"}),(0,a.jsxs)("div",{className:m.default.devices,role:"group","aria-label":"화면 크기 체험",children:[(0,a.jsx)("button",{type:"button","aria-label":"PC 화면","aria-pressed":"desktop"===N,onClick:()=>{y("desktop"),j(x)},children:(0,a.jsx)(n.Monitor,{"aria-hidden":"true"})}),(0,a.jsx)("button",{type:"button","aria-label":"휴대폰 화면","aria-pressed":"mobile"===N,onClick:()=>{y("mobile"),j(x)},children:(0,a.jsx)(c.Smartphone,{"aria-hidden":"true"})})]})]}),(0,a.jsxs)("div",{className:m.default.site,children:[(0,a.jsxs)("header",{className:m.default.siteHeader,children:[(0,a.jsxs)("button",{type:"button",onClick:()=>E(0),className:m.default.brand,children:["모퉁이",(0,a.jsx)("span",{children:"COFFEE & A LITTLE PAUSE"})]}),(0,a.jsxs)("nav",{"aria-label":"가상 카페 메뉴",children:[(0,a.jsx)("button",{type:"button","aria-current":0===x?"page":void 0,onClick:()=>E(0),children:"가게 소개"}),(0,a.jsx)("button",{type:"button","aria-current":x>0?"page":void 0,onClick:()=>E(1),children:"방문 예약"})]})]}),(0,a.jsx)("div",{ref:B,className:m.default.screen,children:0===x?(0,a.jsxs)("div",{className:m.default.intro,children:[(0,a.jsxs)("div",{className:m.default.introCopy,children:[(0,a.jsx)("p",{className:m.default.overline,children:"A SMALL NEIGHBORHOOD CAFE"}),(0,a.jsxs)("h3",{children:["잠깐 쉬어가도",(0,a.jsx)("br",{}),"좋은 모퉁이."]}),(0,a.jsxs)("p",{children:["매일 내리는 커피와 작은 대화.",(0,a.jsx)("br",{}),"동네의 느긋한 시간을 담았습니다."]}),(0,a.jsxs)("button",{type:"button",className:m.default.cta,onClick:()=>E(1,!0),children:["방문 예약 알아보기 ",(0,a.jsx)(d.ArrowRight,{"aria-hidden":"true"})]})]}),(0,a.jsxs)("div",{className:m.default.menuCard,children:[(0,a.jsx)(r,{"aria-hidden":"true"}),(0,a.jsx)("p",{className:m.default.overline,children:"OUR DAILY MENU"}),(0,a.jsx)("h4",{children:"오늘의 한 잔"}),(0,a.jsxs)("dl",{children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"모퉁이 블렌드"}),(0,a.jsx)("dd",{children:"고소하고 부드럽게"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"플랫 화이트"}),(0,a.jsx)("dd",{children:"커피와 우유의 균형"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"오늘의 디저트"}),(0,a.jsx)("dd",{children:"계절을 담은 작은 접시"})]})]}),(0,a.jsx)("p",{className:m.default.hours,children:"화–일 10:00–19:00 · 월요일 휴무"})]})]},"intro"):1===x?(0,a.jsxs)("div",{className:m.default.booking,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("p",{className:m.default.overline,children:"PLAN YOUR VISIT"}),(0,a.jsx)("h3",{children:"언제 들르실까요?"}),(0,a.jsxs)("p",{children:["함께 오실 분들과",(0,a.jsx)("br",{}),"편안한 자리를 준비할게요."]}),(0,a.jsxs)("p",{className:m.default.disclaimer,children:["체험용 화면입니다.",(0,a.jsx)("br",{}),"개인정보 입력 없이 살펴보세요."]})]}),(0,a.jsxs)("form",{onSubmit:e=>{e.preventDefault(),E(2,!0)},className:m.default.form,children:[(0,a.jsxs)("label",{children:["방문 희망일",(0,a.jsxs)("select",{value:k,onChange:e=>{C(e.target.value),j(1)},children:[(0,a.jsx)("option",{children:"금요일"}),(0,a.jsx)("option",{children:"토요일"}),(0,a.jsx)("option",{children:"일요일"})]})]}),(0,a.jsxs)("label",{children:["방문 인원",(0,a.jsxs)("select",{value:g,onChange:e=>{w(e.target.value),j(1)},children:[(0,a.jsx)("option",{children:"1명"}),(0,a.jsx)("option",{children:"2명"}),(0,a.jsx)("option",{children:"3명"}),(0,a.jsx)("option",{children:"4명"})]})]}),(0,a.jsx)("p",{children:"날짜와 인원을 확인한 뒤 예약 가능 여부를 안내하는 구성입니다."}),(0,a.jsxs)("button",{type:"submit",className:m.default.cta,children:["접수 화면 체험하기 ",(0,a.jsx)(d.ArrowRight,{"aria-hidden":"true"})]})]})]},"booking"):(0,a.jsxs)("div",{className:m.default.confirmation,children:[(0,a.jsx)("span",{className:m.default.check,children:(0,a.jsx)(i.Check,{"aria-hidden":"true"})}),(0,a.jsx)("p",{className:m.default.overline,children:"REQUEST RECEIVED · DEMO"}),(0,a.jsx)("h3",{children:"문의한 내용이 한눈에."}),(0,a.jsx)("p",{children:"문의 접수 후에는 이런 안내를 보여줍니다."}),(0,a.jsxs)("div",{className:m.default.summary,children:[(0,a.jsx)("span",{children:"방문 희망"}),(0,a.jsxs)("strong",{children:[k," · ",g]})]}),(0,a.jsxs)("p",{children:["문의 접수는 예약 확정이 아닙니다.",(0,a.jsx)("br",{}),"가게에서 확인한 뒤 연락드린다고 안내합니다."]}),(0,a.jsx)("button",{type:"button",onClick:()=>E(0,!0),className:m.default.textButton,children:"처음부터 다시 보기 →"})]},"confirmation")}),(0,a.jsxs)("footer",{className:m.default.siteFooter,children:[(0,a.jsx)("span",{children:"모퉁이 커피"}),(0,a.jsx)("span",{children:"가게 소개 · 메뉴 · 방문 안내"})]})]})]}),(0,a.jsxs)("div",{className:m.default.guide,"aria-hidden":"true",children:[(0,a.jsx)("span",{className:m.default.bubble,children:["손님이 찾는 정보를\n가까이에 둘게요.","필요한 것만\n물어보면 돼요.","보낸 다음도\n친절하게 안내해요."][x]},x),(0,a.jsx)(s.default,{...l.CHARACTER_MEDIA.services.website,alt:"",sizes:"(max-width: 700px) 128px, 192px",className:m.default.character},`character-${x}`)]})]}),(0,a.jsxs)("div",{className:m.default.caption,children:[(0,a.jsxs)("span",{children:["0",x+1," / 03"]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{children:p[x].title}),(0,a.jsx)("p",{children:p[x].body})]})]}),(0,a.jsx)("p",{className:m.default.disclaimer,children:"가상 홈페이지 UI · AI 생성 캐릭터. 실제 예약이나 문의는 전송되지 않습니다."}),(0,a.jsx)("p",{className:h.default.srStatus,role:"status",children:M})]})]})}],924702)},62571,e=>{e.v({browser:"landing-demo-module__qhrH0G__browser",browserBar:"landing-demo-module__qhrH0G__browserBar",browserDots:"landing-demo-module__qhrH0G__browserDots",canvas:"landing-demo-module__qhrH0G__canvas",caption:"landing-demo-module__qhrH0G__caption",character:"landing-demo-module__qhrH0G__character",conditions:"landing-demo-module__qhrH0G__conditions",content:"landing-demo-module__qhrH0G__content",controls:"landing-demo-module__qhrH0G__controls",copyDetail

1s:"landing-demo-module__qhrH0G__copyDetails",dateOptions:"landing-demo-module__qhrH0G__dateOptions",demo:"landing-demo-module__qhrH0G__demo",description:"landing-demo-module__qhrH0G__description",explanation:"landing-demo-module__qhrH0G__explanation",facts:"landing-demo-module__qhrH0G__facts",gesture:"landing-demo-module__qhrH0G__gesture",host:"landing-demo-module__qhrH0G__host",hostNote:"landing-demo-module__qhrH0G__hostNote",kicker:"landing-demo-module__qhrH0G__kicker",playback:"landing-demo-module__qhrH0G__playback",primary:"landing-demo-module__qhrH0G__primary",reveal:"landing-demo-module__qhrH0G__reveal",sampleNote:"landing-demo-module__qhrH0G__sampleNote",scene:"landing-demo-module__qhrH0G__scene",selection:"landing-demo-module__qhrH0G__selection",siteHeader:"landing-demo-module__qhrH0G__siteHeader",tabs:"landing-demo-module__qhrH0G__tabs"})},325285,e=>{"use strict";var a=e.i(98023),s=e.i(577143),l=e.i(580963),t=e.i(647456),d=e.i(37571),i=e.i(975636),r=e.i(554753),n=e.i(912512),c=e.i(937582),o=e.i(573202),u=e.i(62571);let _=[{label:"첫 화면",title:"누구를 위한 시간인지, 먼저.",before:"특별한 경험을 제공하는 최고의 클래스입니다.",after:"퇴근 후 90분, 나에게 맞는 커피를 찾는 시간.",why:"대상과 경험을 첫 문장에 담습니다. 방문자가 자기에게 필요한 수업인지 바로 판단할 수 있습니다.",guide:"어떤 경험인지\n먼저 보여주세요."},{label:"조건 확인",title:"망설이는 이유를 하나씩 덜고.",before:"다양한 프로그램이 준비되어 있습니다. 자세한 내용은 문의하세요.",after:"커피를 처음 내려도 괜찮아요. 도구와 원두는 준비해 둘게요.",why:"소요 시간, 준비물, 진행 방식을 신청 전에 알려드립니다. 궁금한 것을 물어보기 위해 페이지를 떠나지 않게 합니다.",guide:"준비물과 시간을\n여기서 확인해요."},{label:"신청으로 연결",title:"마지막에는 한 가지 행동만.",before:"자세히 보기",after:"클래스 일정 선택하기",why:"버튼을 누르면 무엇이 나오는지 구체적으로 적습니다. 관심에서 일정 확인까지 한 흐름으로 이어집니다.",guide:"이제 원하는\n일정을 골라볼까요?"}],h=["평일 저녁","토요일 오전","토요일 오후"];e.s(["LandingExperience",0,function(){let{rootRef:e,step:m,select:p,playing:x,toggle:j,reducedMotion:b}=(0,c.useServicePlayback)(_.length),[f,v]=(0,t.useState)(h[0]),[N,y]=(0,t.useState)(!1),[g,w]=(0,t.useState)(""),k=_[m];function C(e){p(e),y(!1),w(`${_[e].label} 예시를 보고 있습니다.`)}return(0,a.jsxs)("section",{"data-service-reveal":"",id:"experience",className:o.default.section,"aria-labelledby":"landing-experience-title",children:[(0,a.jsxs)("div",{className:o.default.heading,children:[(0,a.jsx)("p",{className:o.default.eyebrow,children:"한 페이지의 설득 순서"}),(0,a.jsxs)("h2",{id:"landing-experience-title",children:["관심이 생기는 순간부터,",(0,a.jsx)("br",{}),"신청 버튼을 누르기까지."]}),(0,a.jsx)("p",{children:"가상의 커피 클래스 랜딩페이지입니다. 첫 문장, 신청 전 안내, 마지막 행동이 어떻게 이어지는지 직접 확인해 보세요."})]}),(0,a.jsxs)("div",{ref:e,className:u.default.demo,"data-service-demo":"landing",children:[(0,a.jsxs)("div",{className:u.default.controls,children:[(0,a.jsx)("div",{className:u.default.tabs,role:"group","aria-label":"랜딩페이지 체험 단계",children:_.map((e,s)=>(0,a.jsxs)("button",{type:"button","aria-pressed":m===s,onClick:()=>C(s),children:[(0,a.jsxs)("span",{children:["0",s+1]}),e.label]},e.label))}),(0,a.jsxs)("button",{className:u.default.playback,type:"button",onClick:j,disabled:b,children:[x?(0,a.jsx)(r.Pause,{"aria-hidden":"true"}):(0,a.jsx)(n.Play,{"aria-hidden":"true"}),b?"직접 넘기기":x?"자동 넘김 멈추기":"자동 넘김 시작"]})]}),(0,a.jsxs)("div",{className:u.default.browser,children:[(0,a.jsxs)("div",{className:u.default.browserBar,children:[(0,a.jsxs)("span",{className:u.default.browserDots,"aria-hidden":"true",children:[(0,a.jsx)("i",{}),(0,a.jsx)("i",{}),(0,a.jsx)("i",{})]}),(0,a.jsx)("span",{children:"온도 커피 · 클래스 페이지 예시"}),(0,a.jsxs)("span",{children:[m+1," / ",_.length]})]}),(0,a.jsxs)("div",{className:u.default.siteHeader,children:[(0,a.jsx)("strong",{children:"온도 커피"}),(0,a.jsx)("span",{children:"취향을 찾는 작은 클래스"})]}),(0,a.jsxs)("div",{className:u.default.canvas,children:[(0,a.jsxs)("div",{className:u.default.content,children:[(0,a.jsxs)("div",{className:u.default.scene,children:[0===m&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:u.default.kicker,children:"퇴근 후, 나를 위한 한 잔"}),(0,a.jsxs)("h3",{children:["커피 취향도",(0,a.jsx)("br",{}),"찾아가는 즐거움."]}),(0,a.jsxs)("p",{className:u.default.description,children:["퇴근 후 90분, 두 가지 원두를 비교하고",(0,a.jsx)("br",{}),"내 손으로 한 잔을 내려보세요."]}),(0,a.jsxs)("div",{className:u.default.facts,children:[(0,a.jsx)("span",{children:"처음이어도 괜찮아요"}),(0,a.jsx)("span",{children:"도구·원두 제공"}),(0,a.jsx)("span",{children:"소규모 클래스"})]})]}),1===m&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:u.default.kicker,children:"오시기 전에 확인해 주세요"}

1),(0,a.jsxs)("h3",{children:["빈손으로 오셔도",(0,a.jsx)("br",{}),"괜찮아요."]}),(0,a.jsxs)("dl",{className:u.default.conditions,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"함께하는 시간"}),(0,a.jsx)("dd",{children:"90분 · 원두 비교부터 핸드드립까지"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"준비해 드려요"}),(0,a.jsx)("dd",{children:"두 가지 원두, 드리퍼, 앞치마"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"참여 방법"}),(0,a.jsx)("dd",{children:"일정 선택 후 안내를 확인해 주세요."})]})]})]}),2===m&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("p",{className:u.default.kicker,children:"신청 화면 미리보기"}),(0,a.jsx)("h3",{children:N?(0,a.jsxs)(a.Fragment,{children:["선택한 일정을",(0,a.jsx)("br",{}),"한 번 더 확인해요."]}):(0,a.jsxs)(a.Fragment,{children:["어떤 시간이",(0,a.jsx)("br",{}),"편하세요?"]})}),(0,a.jsx)("div",{className:u.default.dateOptions,role:"group","aria-label":"체험용 클래스 일정",children:h.map(e=>(0,a.jsxs)("button",{type:"button","aria-pressed":f===e,onClick:()=>{p(m),v(e),y(!1)},children:[e,f===e&&(0,a.jsx)(i.Check,{"aria-hidden":"true"})]},e))}),(0,a.jsx)("p",{className:u.default.selection,children:N?`${f} \xb7 선택 확인 완료 (체험)`:"예시 일정을 골라 다음 화면을 확인해 보세요."})]})]},m),(0,a.jsxs)("button",{className:u.default.primary,type:"button",onClick:function(){m<2?C(m+1):N?C(0):(p(m),y(!0),w(`${f} 일정을 선택했습니다. 설명용 체험이며 실제 신청은 접수되지 않습니다.`))},children:[0===m?"클래스 안내 확인하기":1===m?"클래스 일정 선택하기":N?"처음부터 다시 보기":"선택한 일정 확인하기",(0,a.jsx)(d.ArrowRight,{"aria-hidden":"true"})]})]}),(0,a.jsxs)("aside",{className:u.default.host,"aria-hidden":"true",children:[(0,a.jsx)("p",{className:u.default.hostNote,children:k.guide},`guide-${m}`),(0,a.jsx)("div",{className:u.default.character,children:(0,a.jsx)(s.default,{...l.CHARACTER_MEDIA.services.landing,alt:"",sizes:"(max-width: 520px) 96px, (max-width: 760px) 128px, 192px"})},`character-${m}`),(0,a.jsxs)("span",{children:["취향을 함께 찾는",(0,a.jsx)("br",{}),"클래스 호스트"]})]})]}),(0,a.jsx)("div",{className:u.default.sampleNote,children:"가상 브랜드·일정으로 만든 UI 체험입니다. 실제 예약이나 결제는 이루어지지 않습니다."})]}),(0,a.jsxs)("div",{className:u.default.explanation,children:[(0,a.jsxs)("span",{children:["0",m+1," / 설계 포인트"]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{children:k.title}),(0,a.jsx)("p",{children:k.why})]})]}),(0,a.jsxs)("details",{className:u.default.copyDetails,children:[(0,a.jsx)("summary",{children:"이 단계의 문구 전후 비교"}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("p",{children:[(0,a.jsx)("span",{children:"다듬기 전"}),k.before]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("span",{children:"다듬은 문구"}),k.after]})]})]}),(0,a.jsx)("p",{className:u.default.caption,children:"직접 만든 화면 예시 · AI로 만든 투명 캐릭터"}),(0,a.jsx)("p",{className:o.default.srStatus,role:"status",children:g})]})]})}])},645464,e=>{e.v({after:"renewal-demo-module__Ho9j3G__after",appear:"renewal-demo-module__Ho9j3G__appear",arrow:"renewal-demo-module__Ho9j3G__arrow",before:"renewal-demo-module__Ho9j3G__before",browser:"renewal-demo-module__Ho9j3G__browser",browserBar:"renewal-demo-module__Ho9j3G__browserBar",character:"renewal-demo-module__Ho9j3G__character",comparison:"renewal-demo-module__Ho9j3G__comparison",comparisonLabel:"renewal-demo-module__Ho9j3G__comparisonLabel",demo:"renewal-demo-module__Ho9j3G__demo",dots:"renewal-demo-module__Ho9j3G__dots",explanation:"renewal-demo-module__Ho9j3G__explanation",feedback:"renewal-demo-module__Ho9j3G__feedback",flowerVisual:"renewal-demo-module__Ho9j3G__flowerVisual",guide:"renewal-demo-module__Ho9j3G__guide",guideText:"renewal-demo-module__Ho9j3G__guideText",newHero:"renewal-demo-module__Ho9j3G__newHero",newNav:"renewal-demo-module__Ho9j3G__newNav",newSite:"renewal-demo-module__Ho9j3G__newSite",oldBody:"renewal-demo-module__Ho9j3G__oldBody",oldBrand:"renewal-demo-module__Ho9j3G__oldBrand",oldFooter:"renewal-demo-module__Ho9j3G__oldFooter",oldMain:"renewal-demo-module__Ho9j3G__oldMain",oldNav:"renewal-demo-module__Ho9j3G__oldNav",oldNews:"renewal-demo-module__Ho9j3G__oldNews",oldProduct:"renewal-demo-module__Ho9j3G__oldProduct",oldSide:"renewal-demo-module__Ho9j3G__oldSide",oldSite:"renewal-demo-module__Ho9j3G__oldSite",orderBar:"renewal-demo-module__Ho9j3G__orderBar",playback:"renewal-demo-module__Ho9j3G__playback",present:"renewal-demo-module__Ho9j3G__present",productCheck:"renewal-demo-module__Ho9j3G__productCheck",products:"renewal-demo-module__Ho9j3G__products",steps:"renewal-demo-module__Ho9j3G__steps",summary:"renewal-demo-module__Ho9j3G__summary",toolbar:"renewal-demo-module__Ho9j3G__toolbar"})},901206,e=>{"use strict";var a=e.i(98023),s=e.i(577143),l=e.i(580963),t=e.i(647456),d=e.i(37571),i=e.i(975636);

1let r=(0,e.i(967022).default)("flower-2",[["path",{d:"M12 5a3 3 0 1 1 3 3m-3-3a3 3 0 1 0-3 3m3-3v1M9 8a3 3 0 1 0 3 3M9 8h1m5 0a3 3 0 1 1-3 3m3-3h-1m-2 3v-1",key:"3pnvol"}],["circle",{cx:"12",cy:"8",r:"2",key:"1822b1"}],["path",{d:"M12 10v12",key:"6ubwww"}],["path",{d:"M12 22c4.2 0 7-1.667 7-5-4.2 0-7 1.667-7 5Z",key:"9hd38g"}],["path",{d:"M12 22c-4.2 0-7-1.667-7-5 4.2 0 7 1.667 7 5Z",key:"ufn41s"}]]);var n=e.i(554753),c=e.i(912512),o=e.i(937582),u=e.i(573202),_=e.i(645464);let h=[{label:"기존 화면",title:"손님이 찾는 정보부터 확인해요.",description:"꽃다발을 주문하려는데, 소개와 공지 사이에서 주문 방법을 찾아야 하네요.",keep:"가게 이름과 꽃 상품",change:"흩어진 메뉴와 주문 안내",note:"같은 가게, 같은 내용입니다. 정보를 찾는 순서가 달라집니다."},{label:"정보 정리",title:"메뉴를 손님의 목적에 맞춰요.",description:"꽃 고르기, 주문 방법, 오시는 길. 필요한 정보를 세 가지로 묶었습니다.",keep:"기존 소개와 주요 주소",change:"메뉴 이름과 읽는 순서",note:"기존 주소의 유지·이전 가능 여부는 실제 사이트를 확인한 뒤 정합니다."},{label:"새 화면",title:"고른 다음 행동까지 이어져요.",description:"꽃을 고르고 픽업 날짜를 확인한 뒤 문의합니다. 직접 눌러 흐름을 확인해 보세요.",keep:"상품과 매장 운영 정보",change:"상품 선택과 픽업 문의 동선",note:"설명용 가상 사이트입니다. 버튼을 눌러도 실제 주문이나 문의는 접수되지 않습니다."}],m=["오늘의 꽃다발","마음을 전하는 꽃","작은 테이블 꽃"];e.s(["RenewalExperience",0,function(){let{rootRef:e,step:p,select:x,playing:j,toggle:b,reducedMotion:f}=(0,o.useServicePlayback)(h.length),[v,N]=(0,t.useState)(m[0]),[y,g]=(0,t.useState)(""),[w,k]=(0,t.useState)(""),C=h[p];return(0,a.jsxs)("section",{"data-service-reveal":"",id:"experience",className:u.default.section,"aria-labelledby":"renewal-experience-title",children:[(0,a.jsxs)("div",{className:u.default.heading,children:[(0,a.jsx)("p",{className:u.default.eyebrow,children:"같은 내용, 달라지는 경험"}),(0,a.jsxs)("h2",{id:"renewal-experience-title",children:["버릴 건 덜고,",(0,a.jsx)("br",{}),"찾는 건 더 잘 보이게."]}),(0,a.jsx)("p",{children:"가상의 꽃집 화면으로 살펴보세요. 가게의 이야기는 남기고, 손님이 꽃을 고르는 길을 정리합니다."})]}),(0,a.jsxs)("div",{ref:e,className:_.default.demo,"data-step":p,children:[(0,a.jsxs)("div",{className:_.default.toolbar,children:[(0,a.jsx)("div",{className:_.default.steps,role:"group","aria-label":"리뉴얼 예시 단계",children:h.map((e,s)=>(0,a.jsxs)("button",{type:"button","aria-pressed":p===s,onClick:()=>{x(s),g(""),k(`${h[s].label}: ${h[s].title}`)},children:[(0,a.jsxs)("span",{children:["0",s+1]}),e.label]},e.label))}),(0,a.jsxs)("button",{type:"button",className:_.default.playback,disabled:f,onClick:b,"aria-label":j?"리뉴얼 예시 자동 넘김 멈추기":"리뉴얼 예시 자동 넘김 시작",children:[j?(0,a.jsx)(n.Pause,{"aria-hidden":"true"}):(0,a.jsx)(c.Play,{"aria-hidden":"true"}),(0,a.jsx)("span",{children:f?"직접 넘기기":j?"자동 넘김 멈추기":"자동 넘김 시작"})]})]}),(0,a.jsxs)("div",{className:_.default.comparison,children:[(0,a.jsxs)("div",{className:_.default.before,children:[(0,a.jsxs)("div",{className:_.default.comparisonLabel,children:[(0,a.jsx)("span",{children:"BEFORE"}),(0,a.jsx)("p",{children:"찾아야 했던 화면"})]}),(0,a.jsxs)("div",{className:_.default.browser,"aria-label":"리뉴얼 전 꽃집 사이트 예시",children:[(0,a.jsxs)("div",{className:_.default.browserBar,children:[(0,a.jsx)("span",{className:_.default.dots,"aria-hidden":"true",children:"•••"}),(0,a.jsx)("span",{children:"여린꽃 · 기존 홈페이지"})]}),(0,a.jsxs)("div",{className:_.default.oldSite,children:[(0,a.jsxs)("div",{className:_.default.oldBrand,children:[(0,a.jsx)(r,{"aria-hidden":"true"}),(0,a.jsx)("strong",{children:"여린꽃"}),(0,a.jsx)("span",{children:"마음을 전하는 꽃집"})]}),(0,a.jsxs)("div",{className:_.default.oldNav,children:[(0,a.jsx)("span",{children:"인사말"}),(0,a.jsx)("span",{children:"가게 소개"}),(0,a.jsx)("span",{children:"상품 안내"}),(0,a.jsx)("span",{children:"공지사항"}),(0,a.jsx)("span",{children:"게시판"}),(0,a.jsx)("span",{children:"약도"})]}),(0,a.jsxs)("div",{className:_.default.oldBody,children:[(0,a.jsxs)("div",{className:_.default.oldSide,children:[(0,a.jsx)("strong",{children:"상품 안내"}),(0,a.jsx)("span",{children:"꽃다발"}),(0,a.jsx)("span",{children:"축하 선물"}),(0,a.jsx)("span",{children:"테이블 꽃"}),(0,a.jsx)("span",{children:"주문 게시판"})]}),(0,a.jsxs)("div",{className:_.default.oldMain,children:[(0,a.jsx)("h3",{children:"여린꽃에 오신 것을 환영합니다."}

1),(0,a.jsx)("p",{children:"꽃으로 전하는 마음, 여린꽃과 함께하세요."}),(0,a.jsxs)("div",{className:_.default.oldProduct,children:[(0,a.jsx)(r,{"aria-hidden":"true"}),(0,a.jsx)("span",{children:"오늘의 꽃다발"})]}),(0,a.jsxs)("div",{className:_.default.oldNews,children:[(0,a.jsx)("strong",{children:"공지사항"}),(0,a.jsx)("p",{children:"픽업은 방문 전 문의해 주세요."}),(0,a.jsx)("p",{children:"매장 운영 안내"}),(0,a.jsx)("p",{children:"꽃 상품 안내"})]})]})]}),(0,a.jsx)("p",{className:_.default.oldFooter,children:"주문 방법은 게시판에서 확인해 주세요."})]})]})]}),(0,a.jsxs)("div",{className:_.default.arrow,children:[(0,a.jsx)(d.ArrowRight,{"aria-hidden":"true"}),(0,a.jsx)("span",{children:"리뉴얼"})]}),(0,a.jsxs)("div",{className:_.default.after,children:[(0,a.jsxs)("div",{className:_.default.comparisonLabel,children:[(0,a.jsx)("span",{children:"AFTER"}),(0,a.jsx)("p",{children:"바로 고를 수 있는 화면"})]}),(0,a.jsxs)("div",{className:_.default.browser,"aria-label":"리뉴얼 후 꽃집 사이트 체험 예시",children:[(0,a.jsxs)("div",{className:_.default.browserBar,children:[(0,a.jsx)("span",{className:_.default.dots,"aria-hidden":"true",children:"•••"}),(0,a.jsx)("span",{children:"여린꽃 · 리뉴얼 예시"})]}),(0,a.jsxs)("div",{className:_.default.newSite,children:[(0,a.jsxs)("div",{className:_.default.newNav,children:[(0,a.jsxs)("strong",{children:[(0,a.jsx)(r,{"aria-hidden":"true"}),"여린꽃"]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{children:"꽃 고르기"}),(0,a.jsx)("span",{children:"주문 방법"}),(0,a.jsx)("span",{children:"오시는 길"})]})]}),(0,a.jsxs)("div",{className:_.default.newHero,children:[(0,a.jsx)("span",{children:"동네에서 만나는 계절의 꽃"}),(0,a.jsxs)("h3",{children:["전하고 싶은 마음에,",(0,a.jsx)("br",{}),"꽃 한 다발."]}),(0,a.jsx)("p",{children:"마음을 고르면, 여린꽃이 준비할게요."})]}),(0,a.jsx)("div",{className:_.default.products,role:"group","aria-label":"예시 꽃 상품 선택",children:m.map((e,s)=>(0,a.jsxs)("button",{type:"button","aria-pressed":e===v,onClick:()=>{x(2),N(e),g(`${e} 선택 \xb7 아래에서 픽업 문의를 이어가세요.`)},children:[(0,a.jsx)("span",{className:_.default.flowerVisual,"data-variant":s,children:(0,a.jsx)(r,{"aria-hidden":"true"})}),(0,a.jsx)("span",{children:e}),e===v&&(0,a.jsx)(i.Check,{"aria-hidden":"true",className:_.default.productCheck})]},e))}),(0,a.jsxs)("div",{className:_.default.orderBar,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{children:"매장에서 받아가세요"}),(0,a.jsx)("strong",{children:"원하는 꽃 · 픽업 날짜 확인"})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{x(2),g(`${v} 픽업 문의 예시입니다. 실제 사이트에서는 날짜와 연락처를 받는 문의 폼으로 연결합니다.`)},children:["픽업 문의",(0,a.jsx)(d.ArrowRight,{"aria-hidden":"true"})]})]})]})]})]})]}),(0,a.jsxs)("div",{className:_.default.explanation,children:[(0,a.jsxs)("div",{className:_.default.guide,children:[(0,a.jsxs)("div",{className:_.default.guideText,children:[(0,a.jsxs)("span",{children:["0",p+1," / 03"]}),(0,a.jsx)("h3",{children:C.title}),(0,a.jsx)("p",{children:C.description})]},p),(0,a.jsx)(s.default,{className:_.default.character,...l.CHARACTER_MEDIA.services.renewal,alt:"",sizes:"(max-width: 600px) 224px, 288px"},`character-${p}`)]}),(0,a.jsxs)("div",{className:_.default.summary,children:[(0,a.jsxs)("p",{children:[(0,a.jsx)("span",{children:"남길 것"}),C.keep]}),(0,a.jsxs)("p",{children:[(0,a.jsx)("span",{children:"바꿀 것"}),C.change]})]})]}),(0,a.jsx)("p",{className:_.default.feedback,role:"status",children:y||w})]}),(0,a.jsxs)("p",{className:u.default.annotation,children:[C.note," 캐릭터는 AI로 생성했습니다."]})]})}],901206)},358230,e=>{"use strict";var a=e.i(966135);e.s(["CircleCheck",()=>a.default])},353395,e=>{e.v({after:"care-demo-module__MREbNa__after",afterActive:"care-demo-module__MREbNa__afterActive",attachments:"care-demo-module__MREbNa__attachments",avatar:"care-demo-module__MREbNa__avatar",before:"care-demo-module__MREbNa__before",brandMark:"care-demo-module__MREbNa__brandMark",changeArrow:"care-demo-module__MREbNa__changeArrow",changeRow:"care-demo-module__MREbNa__changeRow",character:"care-demo-module__MREbNa__character",checks:"care-demo-module__MREbNa__checks",controls:"care-demo-module__MREbNa__controls",demo:"care-demo-module__MREbNa__demo",disclaimer:"care-demo-module__MREbNa__disclaimer",divider:"care-demo-module__MREbNa__divider",enter:"care-demo-module__MREbNa__enter",kicker:"care-demo-module__MREbNa__kicker",message:"care-demo-module__MREbNa__message",meta:"care-demo-module__MREbNa__meta",next:"care-demo-module__MREbNa__next",now:"care-demo-module__MREbNa__now",playback:"care-demo-module__MREbNa__playback",present:"care-demo-module__MREbNa__present",previewDevices:"care-demo-module__MREbNa__previewDevices",previewLabel:"care-demo-module__MREbNa__previewLabel",requestPanel:"care-demo-module__MREbNa__requestPanel",result:"care-demo-module__MREbNa__result",resultBody:"care-demo-module__MREbNa__resultBody",resultHeader:"care-demo-module__MREbNa__resultHeader",sample:"care-demo-module__MREbNa__sample",siteNav:"care-demo-module__MREbNa__siteNav",sitePreview:"care-demo-module__MREbNa__sitePreview",stageCopy:"care-demo-module__MREbNa__stageCopy",stageIntro:"care-demo-module__MREbNa__stageIntro",status:"care-demo-module__MREbNa__status",timeline:"care-demo-module__MREbNa__timeline",topbar:"care-demo-module__MREbNa__topbar",track:"care-demo-module__MREbNa__track",types:"care-demo-module__MREbNa__types",workNote:"care-demo-module__MREbNa__workNote",workspace:"care-demo-module__MREbNa__workspace",workspaceBody:"care-demo-module__MREbNa__workspaceBody",workspaceFooter:"care-demo-module__MREbNa__workspaceFooter"})},939431,e=>{"use strict";var a=e.i(98023),s=e.i(647456),l=e.i(577143),t=e.i(580963),d=e.i(37571),i=e.i(975636),r=e.i(358230);let n=(0,e.i(967022).default)("clock-3",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M12 6v6h4",key:"135r8i"}]]);var c=e.i(440440),o=e.i(619389),u=e.i(554753),_=e.i(912512),h=e.i(456031),m=e.i(937582),p=e.i(573202),x=e.i(353395);let j=[{label:"내용 수정",title:"영업시간을 바꿔주세요",message:"다음 주부터 오전 11시에 열어요. 홈페이지에도 바꿔주세요.",page:"매장 안내",field:"영업시간",before:"10:00 — 19:00",after:"11:00 — 19:00",detail

1:"홈과 매장 안내에 같은 시간이 표시되는지 함께 확인합니다.",checks:["홈·매장 안내의 시간 일치","휴대폰에서 문구 확인","기존 문의 연결 유지"],needed:"수정할 주소 · 새 내용 · 반영 희망일"},{label:"오류 점검",title:"문의 버튼이 안 눌려요",message:"휴대폰에서 문의 버튼을 눌러도 다음 화면으로 안 넘어가요.",page:"문의 안내",field:"문의 버튼 연결",before:"연결 주소 확인 필요",after:"/contact",detail:"원인을 확인한 뒤 같은 휴대폰 환경에서 다시 점검합니다.",checks:["문의 화면으로 이동 확인","입력·접수 흐름 점검","알림 전달 상태 확인"],needed:"문제가 생긴 주소 · 상황 · 화면 캡처"},{label:"페이지 추가",title:"새 프로그램을 알리고 싶어요",message:"주말 체험을 새로 시작해요. 소개와 신청 안내를 추가하고 싶어요.",page:"프로그램 안내",field:"프로그램 메뉴",before:"기존 프로그램",after:"기존 프로그램 + 주말 체험",detail:"추가 범위와 비용을 먼저 정하고 기존 메뉴에 연결합니다.",checks:["새 프로그램 내용 확인","메뉴·신청 연결 확인","휴대폰 화면 확인"],needed:"추가 내용 · 신청받을 정보 · 희망 일정"}],b=[{label:"요청",title:"바꾸고 싶은 내용을 남깁니다.",note:"짧은 문장으로 알려주셔도 됩니다."},{label:"작업",title:"어디를 고치는지 보이게 합니다.",note:"범위와 일정을 확인한 뒤 수정합니다."},{label:"확인",title:"바뀐 화면까지 함께 확인합니다.",note:"PC·휴대폰을 확인하고 결과를 공유합니다."}];e.s(["CareExperience",0,function(){let[e,f]=(0,s.useState)(0),[v,N]=(0,s.useState)(""),{rootRef:y,step:g,select:w,playing:k,toggle:C,reducedMotion:M}=(0,m.useServicePlayback)(b.length),q=j[e],B=b[g],G=e=>{w(e),N(`${q.label} 예시, ${b[e].label} 단계입니다.`)};return(0,a.jsxs)("section",{"data-service-reveal":"",id:"experience",className:p.default.section,"aria-labelledby":"care-experience-title",children:[(0,a.jsxs)("div",{className:p.default.heading,children:[(0,a.jsx)("p",{className:p.default.eyebrow,children:"공개 후에도, 고치는 과정을 함께"}),(0,a.jsxs)("h2",{id:"care-experience-title",children:["“이 부분 바꿔주세요.”",(0,a.jsx)("br",{}),"요청부터 확인까지 이어집니다."]}),(0,a.jsx)("p",{children:"어려운 설명 대신 한 문장으로 시작하세요. 어떤 부분을 고치고 어떻게 확인하는지 예시로 보여드립니다."})]}),(0,a.jsxs)("div",{ref:y,className:x.default.demo,"data-step":g,"data-reduced-motion":M,children:[(0,a.jsxs)("div",{className:x.default.controls,children:[(0,a.jsx)("div",{className:x.default.types,role:"group","aria-label":"유지보수 요청 예시 선택",children:j.map((s,l)=>(0,a.jsx)("button",{type:"button","aria-pressed":e===l,onClick:()=>{f(l),w(0),N(`${s.label} 요청 예시입니다.`)},children:s.label},s.label))}),(0,a.jsxs)("button",{className:x.default.playback,type:"button",onClick:C,disabled:M,"aria-label":M?"모션 감소 설정: 단계 버튼으로 직접 넘기기":k?"유지보수 예시 자동 넘김 멈추기":"유지보수 예시 자동 넘김 시작",children:[k?(0,a.jsx)(u.Pause,{"aria-hidden":"true"}):(0,a.jsx)(_.Play,{"aria-hidden":"true"}),M?"직접 넘기기":k?"자동 넘김 멈추기":"자동 넘김 시작"]})]}),(0,a.jsxs)("div",{className:x.default.stageIntro,children:[(0,a.jsxs)("div",{className:x.default.stageCopy,children:[(0,a.jsxs)("span",{className:x.default.kicker,children:["0",g+1," / 03 · ",B.label]}),(0,a.jsx)("h3",{children:B.title}),(0,a.jsx)("p",{children:B.note})]},`copy-${g}`),(0,a.jsx)("div",{className:x.default.character,"aria-hidden":"true",children:(0,a.jsx)(l.default,{...t.CHARACTER_MEDIA.services.care,alt:"",sizes:"192px"})},`character-${g}`)]}),(0,a.jsxs)("div",{className:x.default.workspace,children:[(0,a.jsxs)("div",{className:x.default.topbar,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("span",{className:x.default.brandMark,"aria-hidden":"true",children:"w."}),(0,a.jsx)("strong",{children:"웹우리 작업실"}),(0,a.jsx)("span",{className:x.default.divider,children:"/"}),(0,a.jsx)("span",{children:"유지보수"})]}),(0,a.jsx)("span",{className:x.default.sample,children:"가상 화면 예시"})]}),(0,a.jsxs)("div",{className:x.default.workspaceBody,children:[(0,a.jsxs)("aside",{className:x.default.requestPanel,children:[(0,a.jsx)("span",{className:x.default.kicker,children:"고객이 남긴 요청"}),(0,a.jsx)("h3",{children:q.title}),(0,a.jsx)("p",{className:x.default.message,children:q.message}),(0,a.jsxs)("dl",{className:x.default.meta,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"수정 페이지"}),(0,a.jsx)("dd",{children:q.page})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"현재 단계"}),(0,a.jsx)("dd",{className:x.default.status,children:0===g?"범위 확인":1===g?"수정 작업":"결과 확인"})]})]}),(0,a.jsxs)("div",{className:x.default.attachments,children:[(0,a.jsx)(c.FileText,{"aria-hidden":"true"}),(0,a.jsx)("span",{children:q.needed})]})]}),(0,a.jsxs)("div",{className:x.default.result,children:[(0,a.jsxs)("div",{className:x.default.resultHeader,children:[(0,a.jsx)("strong",{children:0===g?"요청 내용 정리":1===g?"수정 전·후 비교":"반영 화면 미리보기"}),(0,a.jsxs)("span",{children:[2===g?(0,a.jsx)(r.CircleCheck,{"aria-hidden":"true"}):(0,a.jsx)(n,{"aria-hidden":"true"}),0===g?"확인할 내용":1===g?"변경 1건":"확인 예시"]}

1)]}),(0,a.jsx)("div",{className:x.default.resultBody,children:g<2?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:x.default.changeRow,children:[(0,a.jsx)("span",{children:q.field}),(0,a.jsxs)("div",{className:x.default.before,children:[(0,a.jsx)("small",{children:"현재"}),(0,a.jsx)("strong",{children:q.before})]}),(0,a.jsx)(d.ArrowRight,{className:x.default.changeArrow,"aria-hidden":"true"}),(0,a.jsxs)("div",{className:1===g?x.default.afterActive:x.default.after,children:[(0,a.jsx)("small",{children:1===g?"수정 내용":"바꿀 내용"}),(0,a.jsx)("strong",{children:q.after}),1===g&&(0,a.jsx)(i.Check,{"aria-hidden":"true"})]})]}),(0,a.jsxs)("div",{className:x.default.workNote,children:[(0,a.jsx)("span",{className:x.default.avatar,"aria-hidden":"true",children:"우"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("strong",{children:"웹우리"}),(0,a.jsx)("p",{children:q.detail})]})]}),(0,a.jsxs)("button",{type:"button",className:x.default.next,onClick:()=>{G(g+1),document.getElementById(`care-demo-step-${g+1}`)?.focus()},children:[0===g?"수정 화면 보기":"반영 화면 보기",(0,a.jsx)(d.ArrowRight,{"aria-hidden":"true"})]})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:x.default.sitePreview,children:[(0,a.jsxs)("div",{className:x.default.siteNav,children:[(0,a.jsx)("strong",{children:"우리 가게"}),(0,a.jsx)("span",{children:q.page})]}),(0,a.jsx)("span",{className:x.default.previewLabel,children:"변경된 홈페이지 예시"}),(0,a.jsx)("h4",{children:q.field}),(0,a.jsx)("p",{children:q.after}),(0,a.jsxs)("div",{className:x.default.previewDevices,children:[(0,a.jsxs)("span",{children:[(0,a.jsx)(o.Monitor,{"aria-hidden":"true"}),"PC"]}),(0,a.jsxs)("span",{children:[(0,a.jsx)(h.Smartphone,{"aria-hidden":"true"}),"모바일"]})]})]}),(0,a.jsx)("ul",{className:x.default.checks,children:q.checks.map(e=>(0,a.jsxs)("li",{children:[(0,a.jsx)(i.Check,{"aria-hidden":"true"}),e]},e))})]})},`${e}-${g}`)]})]}),(0,a.jsxs)("div",{className:x.default.workspaceFooter,children:[(0,a.jsx)("span",{children:"요청 내용과 수정 기록을 함께 남깁니다."}),(0,a.jsx)("span",{children:"담당자 · 웹우리"})]})]}),(0,a.jsx)("div",{className:x.default.timeline,role:"group","aria-label":"유지보수 진행 단계",children:b.map((e,s)=>(0,a.jsxs)("button",{type:"button",id:`care-demo-step-${s}`,"aria-pressed":g===s,onClick:()=>G(s),children:[(0,a.jsx)("span",{className:x.default.track}),(0,a.jsxs)("span",{children:[(0,a.jsxs)("small",{children:["0",s+1]}),e.label,g===s&&(0,a.jsx)("span",{className:x.default.now,children:"지금 보는 단계"})]})]},e.label))}),(0,a.jsx)("p",{className:x.default.disclaimer,children:"AI로 만든 캐릭터와 가상 UI를 사용한 설명용 예시입니다. 실제 요청·수정은 실행되지 않으며, 작업 범위와 일정은 상담에서 정합니다."})]}),(0,a.jsx)("p",{className:p.default.srStatus,role:"status",children:v})]})}],939431)},161886,e=>{e.v({activities:"app-experience-module__B6tU3q__activities",activityCard:"app-experience-module__B6tU3q__activityCard",appBrand:"app-experience-module__B6tU3q__appBrand",appHeader:"app-experience-module__B6tU3q__appHeader",avatar:"app-experience-module__B6tU3q__avatar",back:"app-experience-module__B6tU3q__back",bottomNav:"app-experience-module__B6tU3q__bottomNav",calendar:"app-experience-module__B6tU3q__calendar",cancel:"app-experience-module__B6tU3q__cancel",cardAction:"app-experience-module__B6tU3q__cardAction",cardCopy:"app-experience-module__B6tU3q__cardCopy",cardPhoto:"app-experience-module__B6tU3q__cardPhoto",checkbox:"app-experience-module__B6tU3q__checkbox",content:"app-experience-module__B6tU3q__content",deleteTask:"app-experience-module__B6tU3q__deleteTask",detail:"app-experience-module__B6tU3q__detail",detailPhoto:"app-experience-module__B6tU3q__detailPhoto",device:"app-experience-module__B6tU3q__device",done:"app-experience-module__B6tU3q__done",editor:"app-experience-module__B6tU3q__editor",empty:"app-experience-module__B6tU3q__empty",error:"app-experience-module__B6tU3q__error",experience:"app-experience-module__B6tU3q__experience",explanation:"app-experience-module__B6tU3q__explanation",feedback:"app-experience-module__B6tU3q__feedback",greeting:"app-experience-module__B6tU3q__greeting",heroCard:"app-experience-module__B6tU3q__heroCard",heroPhoto:"app-experience-module__B6tU3q__heroPhoto",history:"app-experience-module__B6tU3q__history",historyCheck:"app-experience-module__B6tU3q__historyCheck",historyDay:"app-experience-module__B6tU3q__historyDay",historyHeading:"app-experience-module__B6tU3q__historyHeading",historySummary:"app-experience-module__B6tU3q__historySummary",homeIndicator:"app-experience-module__B6tU3q__homeIndicator",layout:"app-experience-module__B6tU3q__layout",liveLabel:"app-experience-module__B6tU3q__liveLabel",primary:"app-experience-module__B6tU3q__primary",progressCard:"app-experience-module__B6tU3q__progressCard",screenChoices:"app-experience-module__B6tU3q__screenChoices",stage:"app-experience-module__B6tU3q__stage",statusBar:"app-experience-module__B6tU3q__statusBar",tag:"app-experience-module__B6tU3q__tag",taskLabel:"app-experience-module__B6tU3q__taskLabel",tasks:"app-experience-module__B6tU3q__tasks",tip:"app-experience-module__B6tU3q__tip",todayButton:"app-experience-module__B6tU3q__todayButton",week:"app-experience-module__B6tU3q__week",weekHeading:"app-experience-module__B6tU3q__weekHeading"})},870858,e=>{"use strict";var a=e.i(98023),s=e.i(577143),l=e.i(647456),t=e.i(680041),d=e.i(37571),i=e.i(967022);let r=(0,i.default)("battery-full",[["path",{d:"M10 10v4",key:"1mb2ec"}],["path",{d:"M14 10v4",key:"1nt88p"}],["path",{d:"M22 14v-4",key:"14q9d5"}],["path",{d:"M6 10v4",key:"1n77qd"}],["rect",{x:"2",y:"6",width:"16",height:"12",rx:"2",key:"13zb55"}]]),n=(0,i.default)("calendar-days",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]);var c=e.i(975636),o=e.i(138394),u=e.i(240857),_=e.i(358230);let h=(0,i.default)("compass",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z",ke

1y:"9ktpf1"}]]),m=(0,i.default)("history",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}],["path",{d:"M12 7v5l4 2",key:"1fdv2h"}]]);var p=e.i(826228),p=p,x=e.i(33510);let j=(0,i.default)("signal",[["path",{d:"M2 20h.01",key:"4haj6o"}],["path",{d:"M7 20v-4",key:"j294jx"}],["path",{d:"M12 20v-8",key:"i3yub9"}],["path",{d:"M17 20V8",key:"1tkaf5"}],["path",{d:"M22 4v16",key:"sih9yq"}]]);var b=e.i(473581);let f=(0,i.default)("wifi",[["path",{d:"M12 20h.01",key:"zekei9"}],["path",{d:"M2 8.82a15 15 0 0 1 20 0",key:"dnpr2z"}],["path",{d:"M5 12.859a10 10 0 0 1 14 0",key:"1x1e6c"}],["path",{d:"M8.5 16.429a5 5 0 0 1 7 0",key:"1bycff"}]]);var v=e.i(573202),N=e.i(161886);let y=[{id:"today",label:"오늘",icon:p.default,title:"하루의 시작이 가벼워집니다.",body:"오늘 할 일과 완료한 일을 한눈에 확인합니다. 체크하면 목록과 진행률이 함께 바뀝니다.",checks:["한눈에 보이는 오늘의 요약","누르는 즉시 반영되는 완료 상태","다른 화면에서도 이어지는 내 기록"]},{id:"calendar",label:"일정",icon:n,title:"날짜를 고르고, 바로 기록합니다.",body:"날짜별로 할 일을 확인하고 새 일정을 추가해 보세요. 날짜와 시간을 바꾸면 해당 날짜의 목록에 반영됩니다.",checks:["날짜 선택과 주간 이동","제목·날짜·시간 직접 입력","할 일이 없는 날의 안내와 추가 행동"]},{id:"explore",label:"둘러보기",icon:h,title:"발견한 순간을 내 일정으로.",body:"사진으로 활동을 둘러보고 마음에 드는 활동을 일정에 담아 보세요. 상세 화면에서 저장까지 하나의 흐름으로 이어집니다.",checks:["이미지로 먼저 이해하는 콘텐츠","뒤로 가도 유지되는 선택","활동 상세에서 일정 추가까지"]},{id:"history",label:"기록",icon:m,title:"작은 실천이 기록으로 쌓입니다.",body:"완료한 일을 날짜별로 돌아봅니다. 오늘과 일정에서 체크한 내용이 기록에도 바로 반영됩니다.",checks:["완료한 일과 실천한 날짜 요약","날짜별로 모아 보는 완료 내역","기록에서 해당 날짜의 일정으로 이동"]}],g=[{id:"walk",title:"초록 사이로, 가볍게 산책",task:"공원 산책 30분",image:"/images/app-demo-park.webp",alt:"아침 햇살이 비치는 푸른 도시 공원 산책로",tag:"가벼운 움직임 · 30분",body:"가까운 공원으로 잠깐 나가 보세요. 이어폰을 내려놓고 나뭇잎 소리를 듣다 보면, 바쁜 하루에도 작은 여유가 생깁니다.",tip:"편한 신발과 물 한 병이면 충분해요."},{id:"cycle",title:"강바람 따라 달리는 오후",task:"강변 자전거 타기",image:"/images/app-demo-cycle.webp",alt:"맑은 강변 산책길에 세워진 자전거",tag:"주말의 여유 · 60분",body:"멀리 떠나지 않아도 괜찮아요. 익숙한 강변을 따라 천천히 달리며, 풍경이 좋아지는 곳에서 잠깐 쉬어 가세요.",tip:"헬멧과 물을 챙기고, 나에게 맞는 속도로 달려요."}],w=e=>new Date(`${e}T12:00:00Z`),k=(e,a)=>{let s=w(e);return s.setUTCDate(s.getUTCDate()+a),s.toISOString().slice(0,10)},C=e=>

1new Intl.DateTimeFormat("ko-KR",{month:"long",day:"numeric",weekday:"long",timeZone:"UTC"}).format(w(e));e.s(["AppExperience",0,function({today:e}){let[i,h]=(0,l.useState)("today"),[m,p]=(0,l.useState)(e),[M,q]=(0,l.useState)(e),[B,G]=(0,l.useState)([{id:"water",title:"물 한 잔으로 시작하기",date:e,time:"07:30",done:!0},{id:"plan",title:"오늘의 중요한 일 정리",date:e,time:"09:00",done:!1},{id:"read",title:"책 20분 읽기",date:e,time:"20:30",done:!1}]),[E,I]=(0,l.useState)(null),[H,R]=(0,l.useState)(!1),[S,A]=(0,l.useState)({title:"",date:e,time:"09:00"}),[U,T]=(0,l.useState)(""),[Y,J]=(0,l.useState)(""),L=(0,l.useRef)(null),P=(0,l.useRef)(null),D=(0,l.useRef)(null),F=(0,l.useRef)(null),$=(0,l.useRef)(null),O=y.find(e=>e.id===i),z="today"===i?e:m,V=B.filter(e=>e.date===z).sort((e,a)=>e.time.localeCompare(a.time)),K=V.filter(e=>e.done).length,Z=V.length?Math.round(K/V.length*100):0,W=Array.from({length:7},(e,a)=>k(M,a)),Q=B.filter(e=>e.done).sort((e,a)=>a.date.localeCompare(e.date)||e.time.localeCompare(a.time)),X=[...new Set(Q.map(e=>e.date))];function ee(e){T(""),h(e),I(null),R(!1),J("")}function ea(){H&&E?R(!1):(R(!1),I(null),requestAnimationFrame(()=>D.current?.focus())),J("")}function es(e="",a){T(""),a&&!E&&(D.current=a),A({title:e,date:z,time:"09:00"}),J(""),R(!0)}function el(e,a){T(""),D.current=a,I(e)}return(0,l.useEffect)(()=>{$.current?.scrollTo({top:0}),H?L.current?.focus():E&&P.current?.focus()},[H,E,i]),(0,a.jsxs)("section",{"data-service-reveal":"",id:"experience",className:`${v.default.section} ${N.default.experience}`,"aria-labelledby":"app-experience-title",children:[(0,a.jsxs)("div",{className:v.default.heading,children:[(0,a.jsx)("p",{className:v.default.eyebrow,children:"직접 써보는 모바일 앱"}),(0,a.jsxs)("h2",{id:"app-experience-title",children:["보기 좋은 화면에서,",(0,a.jsx)("br",{}),"매일 쓰고 싶은 앱으로."]}),(0,a.jsx)("p",{children:"일정과 할 일을 챙기는 생활 앱 ‘하루’입니다. 아래 앱에서 날짜를 고르고, 할 일을 추가하고, 완료해 보세요."})]}),(0,a.jsxs)("div",{className:N.default.layout,children:[(0,a.jsx)("div",{className:N.default.stage,children:(0,a.jsxs)("div",{className:N.default.device,role:"region","aria-label":"하루 앱 체험",onKeyDown:e=>{"Escape"===e.key&&(H||E)&&(e.preventDefault(),ea())},children:[(0,a.jsxs)("div",{className:N.default.statusBar,"aria-hidden":"true",children:[(0,a.jsx)("strong",{children:"9:41"}),(0,a.jsxs)("span",{children:[(0,a.jsx)(j,{}),(0,a.jsx)(f,{}),(0,a.jsx)(r,{})]})]}),(0,a.jsxs)("div",{className:N.default.appHeader,children:[(0,a.jsxs)("span",{className:N.default.appBrand,children:[(0,a.jsx)(_.CircleCheck,{}),"하루"]}),(0,a.jsx)("button",{type:"button",className:N.default.avatar,"aria-label":"새 할 일 추가",onClick:e=>{D.current=e.currentTarget,I(null),es()},children:(0,a.jsx)(x.Plus,{})})]}),(0,a.jsx)("div",{className:N.default.content,ref:$,children:H?(0,a.jsxs)("form",{className:N.default.editor,onSubmit:function(a){a.preventDefault();let s=new FormData(a.currentTarget),l=String(s.get("title")??"").trim(),t=String(s.get("date")),d=String(s.get("time"));if(!l){J("할 일을 한 글자 이상 적어주세요."),L.current?.focus();return}let i={title:l,date:t,time:d,id:crypto.randomUUID(),done:!1};G(e=>[...e,i]),p(t),q(t),h(t===e?"today":"calendar"),R(!1),I(null),T(`${l} \xb7 ${C(t)}에 추가했어요.`),requestAnimationFrame(()=>F.current?.focus())},"aria-label":"새 할 일",children:[(0,a.jsxs)("button",{type:"button",className:N.default.back,onClick:ea,children:[(0,a.jsx)(t.ArrowLeft,{}),"돌아가기"]}),(0,a.jsx)("h3",{children:"새로운 할 일"}),(0,a.jsx)("p",{children:"작은 계획부터 시작해요."}),(0,a.jsx)("label",{htmlFor:"app-task-title",children:"어떤 일을 할까요?"}),(0,a.jsx)("input",{ref:L,id:"app-task-title",name:"title",placeholder:"예: 저녁에 20분 산책하기",maxLength:60,required:!0,defaultValue:S.title,"aria-invalid":!!Y,"aria-describedby":Y?"app-task-error":void 0}),(0,a.jsx)("label",{htmlFor:"app-task-date",children:"날짜"}),(0,a.jsx)("input",{id:"app-task-date",name:"date",type:"date",required:!0,min:"2000-01-01",max:"2100-12-31",defaultValue:S.date}),(0,a.jsx)("label",{htmlFor:"app-task-time",children:"시간"}),(0,a.jsx)("input",{id:"app-task-time",name:"time",type:"time",required:!0,defaultValue:S.time}),Y&&(0,a.jsx)("p",{id:"app-task-error",className:N.default.error,role:"alert",children:Y}),(0,a.jsxs)("button",{className:N.default.primary,type:"submit",children:[(0,a.jsx)(c.Check,{}),"저장하기"]}),(0,a.jsx)("button",{className:N.default.cancel,type:"button",onClick:ea,children:"취소"})]}):E?(0,a.jsxs)("div",{className:N.default.detail,children:[(0,a.jsxs)("button",{type:"button",className:N.default.back,onClick:ea,children:[(0,a.jsx)(t.ArrowLeft,{}),"돌아가기"]}),(0,a.jsx)("div",{className:N.default.detailPhoto,children:(0,a.jsx)(s.default,{src:E.image,alt:E.alt,fill:!0,sizes:"384px"})}),(0,a.jsx)("span",{className:N.default.tag,children:E.tag}

1),(0,a.jsx)("h3",{ref:P,tabIndex:-1,children:E.title}),(0,a.jsx)("p",{children:E.body}),(0,a.jsx)("p",{className:N.default.tip,children:E.tip}),(0,a.jsxs)("button",{className:N.default.primary,type:"button",onClick:()=>es(E.task),children:[(0,a.jsx)(x.Plus,{}),"내 일정에 담기"]})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:N.default.greeting,children:[(0,a.jsx)("p",{children:"today"===i?C(e):"calendar"===i?"여유를 만드는 작은 계획":"history"===i?"쌓여가는 나의 하루":"나를 위한 잠깐의 시간"}),(0,a.jsx)("h3",{children:"today"===i?"오늘도, 나의 속도로.":"calendar"===i?"나의 일정":"history"===i?"작은 실천의 기록":"어떤 하루를 보낼까요?"})]}),"explore"===i?(0,a.jsx)("div",{className:N.default.activities,children:g.map(e=>(0,a.jsxs)("button",{className:N.default.activityCard,type:"button",onClick:a=>el(e,a.currentTarget),children:[(0,a.jsx)("div",{className:N.default.cardPhoto,children:(0,a.jsx)(s.default,{src:e.image,alt:e.alt,fill:!0,sizes:"384px"})}),(0,a.jsxs)("div",{className:N.default.cardCopy,children:[(0,a.jsx)("span",{children:e.tag}),(0,a.jsx)("strong",{children:e.title}),(0,a.jsxs)("span",{className:N.default.cardAction,children:["자세히 보기 ",(0,a.jsx)(d.ArrowRight,{})]})]})]},e.id))}):"history"===i?(0,a.jsxs)("div",{className:N.default.history,children:[(0,a.jsxs)("dl",{className:N.default.historySummary,"aria-label":"완료 기록 요약",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"완료한 일"}),(0,a.jsxs)("dd",{children:[Q.length,(0,a.jsx)("span",{children:"개"})]})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:"실천한 날"}),(0,a.jsxs)("dd",{children:[X.length,(0,a.jsx)("span",{children:"일"})]})]})]}),X.length?X.map(e=>(0,a.jsxs)("section",{className:N.default.historyDay,"aria-label":`${C(e)} 완료 기록`,children:[(0,a.jsxs)("div",{className:N.default.historyHeading,children:[(0,a.jsx)("h4",{children:C(e)}),(0,a.jsx)("button",{type:"button","aria-label":`${C(e)} 일정 보기`,onClick:()=>{p(e),q(e),ee("calendar")},children:(0,a.jsx)(u.ChevronRight,{})})]}),(0,a.jsx)("ul",{children:Q.filter(a=>a.date===e).map(e=>(0,a.jsxs)("li",{children:[(0,a.jsx)("span",{className:N.default.historyCheck,"aria-hidden":"true",children:(0,a.jsx)(c.Check,{})}),(0,a.jsxs)("span",{children:[(0,a.jsx)("strong",{children:e.title}),(0,a.jsx)("small",{children:e.time})]})]},e.id))})]},e)):(0,a.jsxs)("div",{className:N.default.empty,children:[(0,a.jsx)(_.CircleCheck,{}),(0,a.jsx)("strong",{children:"첫 번째 실천을 기다려요."}),(0,a.jsx)("p",{children:"할 일을 완료하면 여기에 기록돼요."}),(0,a.jsxs)("button",{className:N.default.todayButton,type:"button",onClick:()=>ee("today"),children:["오늘 할 일 보기 ",(0,a.jsx)(d.ArrowRight,{})]})]})]}):(0,a.jsxs)(a.Fragment,{children:["today"===i?(0,a.jsxs)("button",{className:N.default.heroCard,type:"button",onClick:e=>el(g[0],e.currentTarget),children:[(0,a.jsx)("div",{className:N.default.heroPhoto,children:(0,a.jsx)(s.default,{src:g[0].image,alt:g[0].alt,fill:!0,sizes:"384px"})}),(0,a.jsxs)("span",{children:[(0,a.jsxs)("span",{children:[(0,a.jsx)("small",{children:"오늘의 작은 제안"}),(0,a.jsx)("strong",{children:"잠깐, 바깥 공기 어때요?"})]}),(0,a.jsx)(u.ChevronRight,{})]})]}):(0,a.jsxs)("div",{className:N.default.calendar,children:[(0,a.jsxs)("div",{className:N.default.weekHeading,children:[(0,a.jsx)("button",{type:"button","aria-label":"이전 주",onClick:()=>{let e=k(M,-7);q(e),p(e)},children:(0,a.jsx)(o.ChevronLeft,{})}),(0,a.jsxs)("strong",{children:[w(M).getUTCFullYear(),"년 ",w(M).getUTCMonth()+1,"월"]}),(0,a.jsx)("button",{type:"button","aria-label":"다음 주",onClick:()=>{let e=k(M,7);q(e),p(e)},children:(0,a.jsx)(u.ChevronRight,{})})]}),(0,a.jsx)("div",{className:N.default.week,role:"group","aria-label":"날짜 선택",children:W.map(e=>(0,a.jsxs)("button",{type:"button","aria-label":C(e),"aria-pressed":m===e,onClick:()=>p(e),children:[(0,a.jsx)("span",{children:new Intl.DateTimeFormat("ko-KR",{weekday:"short",timeZone:"UTC"}).format(w(e))}),(0,a.jsx)("strong",{children:w(e).getUTCDate()}),(0,a.jsx)("i",{"data-has-task":B.some(a=>a.date===e)})]},e))}),(0,a.jsx)("button",{type:"button",className:N.default.todayButton,onClick:()=>{q(e),p(e)},children:"오늘로 돌아가기"})]}),(0,a.jsxs)("div",{className:N.default.progressCard,children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("strong",{children:"today"===i?"오늘의 할 일":C(m)}),(0,a.jsxs)("span",{children:[K,"/",V.length," 완료"]})]}),(0,a.jsx)("progress",{"aria-label":"선택한 날짜의 할 일 완료율",value:Z,max:100})]}),V.length?(0,a.jsx)("ul",{className:N.default.tasks,children:V.map(e=>(0,a.jsxs)("li",{children:[(0,a.jsxs)("label",{className:N.default.taskLabel,children:[(0,a.jsx)("input",{type:"checkbox",checked:e.done,onChange:()=>{G(a=>a.map(a=>a.id===e.id?{...a,done:!a.done}:a)),T(`${e.title}${e.done?" 완료를 취소했어요.":" 완료했어요."}`)}}),(0,a.jsx)("span",{className:N.default.checkbox,"aria-hidden":"true",children:e.done&&(0,a.jsx)(c.Check,{})}),(0,a.jsxs)("span",{children:[(0,a.jsx)("strong",{className:e.done?N.default.done:void 0,children:e.title}),(0,a.jsx)("small",{children:e.time})]})]}

1),(0,a.jsx)("button",{className:N.default.deleteTask,type:"button","aria-label":`${e.title} 삭제`,onClick:()=>{G(a=>a.filter(a=>a.id!==e.id)),T(`${e.title} 삭제했어요.`),F.current?.focus()},children:(0,a.jsx)(b.Trash2,{})})]},e.id))}):(0,a.jsxs)("div",{className:N.default.empty,children:[(0,a.jsx)(n,{}),(0,a.jsx)("strong",{children:"아직 정해진 일이 없어요."}),(0,a.jsx)("p",{children:"하고 싶은 일을 하나 적어볼까요?"})]}),(0,a.jsxs)("button",{ref:F,className:N.default.primary,type:"button",onClick:e=>es("",e.currentTarget),children:[(0,a.jsx)(x.Plus,{}),"할 일 추가"]})]})]})}),(0,a.jsx)("p",{className:N.default.feedback,role:"status",children:U}),(0,a.jsx)("nav",{className:N.default.bottomNav,"aria-label":"하루 앱 메뉴",children:y.map(e=>(0,a.jsxs)("button",{type:"button","aria-pressed":i===e.id&&!E&&!H,onClick:()=>ee(e.id),children:[(0,a.jsx)(e.icon,{}),(0,a.jsx)("span",{children:e.label})]},e.id))}),(0,a.jsx)("div",{className:N.default.homeIndicator,"aria-hidden":"true",children:(0,a.jsx)("span",{})})]})}),(0,a.jsxs)("div",{className:N.default.explanation,children:[(0,a.jsxs)("span",{className:N.default.liveLabel,children:[(0,a.jsx)("span",{}),"직접 눌러보세요"]}),(0,a.jsx)("h3",{children:O.title}),(0,a.jsx)("p",{children:O.body}),(0,a.jsx)("div",{className:N.default.screenChoices,role:"group","aria-label":"앱 체험 화면 선택",children:y.map(e=>(0,a.jsxs)("button",{type:"button","aria-pressed":i===e.id,onClick:()=>ee(e.id),children:[(0,a.jsx)(e.icon,{}),e.label]},e.id))}),(0,a.jsx)("ul",{className:v.default.checkList,children:O.checks.map(e=>(0,a.jsxs)("li",{children:[(0,a.jsx)(c.Check,{}),e]},e))}),(0,a.jsx)("p",{className:v.default.annotation,children:"생활 앱의 동작 예시입니다. 입력한 내용은 현재 화면에서만 유지되며 새로고침하면 초기화됩니다. 사진은 AI로 만든 이미지입니다."})]})]})]})}],870858)},468056,e=>{"use strict";var a=e.i(98023),s=e.i(647456),l=e.i(37571),t=e.i(967022);let d=(0,t.default)("user-round",[["circle",{cx:"12",cy:"8",r:"5",key:"1hypcn"}],["path",{d:"M20 21a8 8 0 0 0-16 0",key:"rfgkzh"}]]);var i=e.i(440440);let r=(0,t.default)("workflow",[["rect",{width:"8",height:"8",x:"3",y:"3",rx:"2",key:"by2w9f"}],["path",{d:"M7 11v4a2 2 0 0 0 2 2h4",key:"xkn7yn"}],["rect",{width:"8",height:"8",x:"13",y:"13",rx:"2",key:"1cgmvn"}]]);var n=e.i(573202);let c=[{label:"문의 정리",inputTitle:"여러 내용이 섞인 문의",input:"기존 홈페이지를 바꾸고 싶어요. 메뉴가 복잡하고 휴대폰에서 글이 작아요. 예약도 받으면 좋겠는데, 지금 꼭 필요한지는 상담하고 싶어요.",outputTitle:"담당자가 읽기 쉬운 상담 초안",output:[["요청 유형","기존 사이트 리뉴얼"],["확인된 불편","복잡한 메뉴 · 작은 모바일 글자"],["추가 확인","예약 기능 필요 여부 · 기존 관리 권한"]],review:"고객이 말한 사실과 AI가 해석한 내용을 구분하고, 범위와 일정은 담당자가 확인합니다.",handoff:"확인한 상담 내용만 고객 기록에 반영"},{label:"회의 정리",inputTitle:"업무 논의 메모",input:"소개 페이지 문구는 새로 정리하기로 했다. 사진 원본은 담당자가 찾아서 전달한다. 공개 날짜는 사진을 받은 뒤 다시 정하기로 했다.",outputTitle:"결정 사항과 다음 할 일 초안",output:[["결정 사항","소개 페이지 문구 재정리"],["다음 할 일","사진 원본 확인과 전달"],["아직 미정","공개 날짜"]],review:"발언에 없는 담당자나 마감일을 임의로 채우지 않았는지 확인합니다. 빠진 내용은 미정으로 남깁니다.",handoff:"검토한 결정 사항과 할 일을 업무 도구에 정리"}

1,{label:"문서 분류",inputTitle:"쌓여 있는 업무 문서",input:"공급업체 상품 안내서, 고객 수정 요청서, 이번 달 거래명세서가 같은 폴더에 쌓여 있습니다. 문서별 내용을 확인하고 담당자에게 전달해야 합니다.",outputTitle:"문서 성격에 따른 정리 초안",output:[["상품 안내서","제품 자료로 분류 · 주요 항목 정리"],["수정 요청서","고객 작업 요청으로 분류"],["거래명세서","거래 자료로 분류 · 금액 원문 확인 필요"]],review:"읽기 어려운 파일과 불확실한 분류를 따로 표시합니다. 금액과 계약 내용은 원문과 대조한 뒤 사용합니다.",handoff:"권한과 보관 기준에 맞춰 문서를 분류·연결"}];e.s(["AiExperience",0,function(){let[e,t]=(0,s.useState)(0),o=c[e];return(0,a.jsxs)("section",{"data-service-reveal":"",id:"experience",className:n.default.section,"aria-labelledby":"ai-experience-title",children:[(0,a.jsxs)("div",{className:n.default.heading,children:[(0,a.jsx)("p",{className:n.default.eyebrow,children:"AI/AX를 업무에 연결하는 방법"}),(0,a.jsxs)("h2",{id:"ai-experience-title",children:["자료를 넣고 끝나는 도구보다,",(0,a.jsx)("br",{}),"다음 일로 이어지는 프로그램."]}),(0,a.jsx)("p",{children:"어떤 자료를 넣고 어떤 결과를 확인하게 되는지, 세 가지 업무로 설명합니다. 아래 내용은 미리 작성한 예시이며 AI를 실행하거나 자료를 전송하지 않습니다."})]}),(0,a.jsx)("div",{className:n.default.choices,role:"group","aria-label":"AI 업무 예시 선택",children:c.map((s,l)=>(0,a.jsx)("button",{type:"button","aria-pressed":e===l,onClick:()=>t(l),children:s.label},s.label))}),(0,a.jsxs)("div",{className:`${n.default.aiPipeline} ${n.default.change}`,children:[(0,a.jsxs)("article",{className:n.default.inputDocument,children:[(0,a.jsxs)("p",{className:n.default.eyebrow,children:[(0,a.jsx)(i.FileText,{"aria-hidden":"true"}),"입력 자료 예시"]}),(0,a.jsx)("h3",{children:o.inputTitle}),(0,a.jsx)("p",{children:o.input})]}),(0,a.jsx)(l.ArrowRight,{className:n.default.compareArrow,"aria-hidden":"true"}),(0,a.jsxs)("article",{className:n.default.outputDocument,children:[(0,a.jsxs)("p",{className:n.default.eyebrow,children:[(0,a.jsx)(r,{"aria-hidden":"true"}),"AI 초안 예시"]}),(0,a.jsx)("h3",{children:o.outputTitle}),(0,a.jsx)("dl",{children:o.output.map(([e,s])=>(0,a.jsxs)("div",{children:[(0,a.jsx)("dt",{children:e}),(0,a.jsx)("dd",{children:s})]},e))})]})]},e),(0,a.jsxs)("div",{className:n.default.reviewGate,children:[(0,a.jsx)(d,{"aria-hidden":"true"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{children:"담당자가 확인한 뒤, 업무에 반영합니다."}),(0,a.jsx)("p",{children:o.review}),(0,a.jsx)("strong",{children:o.handoff})]})]}),(0,a.jsxs)("p",{className:n.default.srStatus,role:"status",children:[o.label,"의 입력·초안·검토 예시를 보고 있습니다."]})]})}],468056)}]);