import M from"./Default-pbBuq7kD.js";import A from"./Banner-bIdedLbp.js";import{i as j}from"./introduce-Dgp7UAcF.js";import{r as d,a as k,b as L,w as T,O as N,z as a,I as C,A as e,G as p,y as n,F as b,B as f,N as w,R as q,C as u,M as V,H as E,E as H}from"./runtime-dom.esm-bundler-COsyWSZ4.js";import"./Navbar-B-14WSiN.js";import"./index.esm2017-BwYSbQyX.js";import"./navigation-DEuOoJXd.js";import"./LogoDark-DLuSsnhY.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./LogoLight-CQCEjW3c.js";import"./DepartmentSwitcher-DtOIFioT.js";import"./listbox-CFjojfpG.js";import"./keyboard-PKtydfbd.js";import"./ChevronRight-Bcj265eN.js";import"./disclosure-CqIGI98O.js";import"./Footer-BzT1psfi.js";import"./BackToTop.vue_vue_type_script_setup_true_lang-BUPYJ_m_.js";import"./assets-Cpj_8Xu4.js";import"./MainTab-D5jsgYKX.js";import"./FloatingBtn-CLgCxscT.js";import"./PlusWhiteBtn-BT0SMGxg.js";import"./PlusBlackBtn-CVKfDMza.js";import"./XBlackBtn-Dj6PVKai.js";/* empty css                 */const K="/build/assets/group-1-KMDjphlS.png",U="/build/assets/group-2-C571L1CD.png",$="/build/assets/group-3-D0DzxKDh.png",W="/build/assets/group-4-BHJ-64Ze.png",F="/build/assets/slide1-BvoLeDxo.png",J="/build/assets/slide2-DgSzS606.png",O="/build/assets/slide3-CefutBkn.png",P="/build/assets/slide4-C-AlC_s1.png",R="/build/assets/slide5-DBRujW1K.png",Z="/build/assets/slide6-C4DMQl4u.png",G="/build/assets/slide7-Ca_3CDKN.png",Q="/build/assets/grid1-Dt8gu3LE.png",X="/build/assets/grid2-B-q_z_7t.png",Y="/build/assets/grid3-BJUIjZ8p.png",ee="/build/assets/grid4-B8tC-pst.png",te={class:"w-full px-6 lg:px-[3.75rem] pt-[6rem] lg:pt-[7.5rem] pb-32 lg:pb-48"},le={class:"max-w-7xl mx-auto"},se={class:"flex flex-col md:flex-row gap-4 lg:gap-5"},ae=["onMouseover"],oe=["src"],ie={key:0,class:"transition-opacity duration-300"},ne={class:"text-lg lg:text-2xl font-bold text-black-800"},re={class:"text-base lg:text-xl text-gray-800 pt-4"},ge={class:"z-0 relative w-full h-[18rem] md:h-[30rem] lg:h-[41rem]"},de={class:"flex flex-row justify-between pt-4 lg:pt-8 pb-3 lg:pb-6"},ue={class:"flex flex-row items-center gap-2 lg:gap-4"},ce={class:"text-sm lg:text-lg text-black-800 lg:pl-2"},pe={class:"text-footer-gray"},xe={class:"text-sm lg:text-lg text-black-800"},me={class:"flex flex-row gap-2 lg:gap-4"},ve={key:0,xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",class:"feather feather-play lg:w-6 lg:h-6 w-4 h-4"},be={key:1,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},fe={class:"grid grid-cols-7 items-end w-full"},we={class:"pt-32 lg:pt-48"},he={class:"grid md:grid-cols-2 gap-x-5 gap-y-8 md:gap-y-14"},_e=["src"],ye={class:"text-lg lg:text-2xl text-black-800 font-extrabold"},ke={class:"text-base lg:text-xl text-gray-800"},Ge={__name:"Hospital",setup(Ce){const B=d([{image:K,text:"정직과 신뢰로 보답하겠습니다.",subText:"댄의원은 풍부한 경험의 전문의가 직접 시술을 진행해 최적의 결과를 제공합니다. 개인 맞춤형 접근으로 과도하거나 불필요한 시술을 배제합니다."},{image:U,text:"항상 고객을 우선시하겠습니다.",subText:"댄의원은 고객을 우선으로 생각하며 환자분들을 가족으로 생각합니다. 꾸준하고 세심한 관리로 환자의 가족들까지 모두 만족할 수 있도록 최선을 다하겠습니다."},{image:$,text:"체계적이고 안전한 시술을 지향합니다.",subText:"시술은 경험과 실력, 적절한 장비 사용이 중요합니다. 댄의원은 최신 장비를 활용해 안전하고 최상의 결과를 제공합니다."},{image:W,text:"정성을 더한 전문 진료",subText:"풍부한 경험과 전문성을 바탕으로 섬세하고 꼼꼼한 진료를 제공합니다. 댄의원은 작은 부분까지 세심하게 살펴 최상의 치료 결과를 위해 노력합니다."}]),s=d(null),x=d(null),r=d(window.innerWidth<768),v=()=>{r.value=window.innerWidth<768,r.value?s.value=null:s.value=0};k(()=>{window.addEventListener("resize",v),v()}),L(()=>{window.removeEventListener("resize",v)}),T(()=>s.value,m=>{if(r.value){x.value=m;return}x.value=null,setTimeout(()=>{s.value===m&&(x.value=m)},300)});const g=[{image:F,text:"편안함이 시작되는 곳, 1층 로비"},{image:J,text:"따뜻한 상담이 이루어지는 진료실"},{image:O,text:"안락함을 중시한 개인 맞춤형 대기실"},{image:P,text:"정밀한 검진이 이루어지는 검사실"},{image:R,text:"환자 중심의 맞춤형 진료 공간"},{image:Z,text:"안전하고 전문적으로 설계된 시술실"},{image:G,text:"안전하고 전문적으로 설계된 시술실"}],o=d(0),D=d([{image:Q,number:"01.",text:"1:1 맞춤 상담을 통해 정확한 진단과 최적의 치료로 시술 만족도를 높입니다."},{image:X,number:"02.",text:"안전한 시술을 제공하기 위해 신뢰할 수 있는 검증된 제품만을 사용합니다."},{image:Y,number:"03.",text:"항상 시술받는 고객의 입장에서 고민하고 또 고민하여, 부담 없이 진료를 받을 수 있는 병원이 될 수 있도록 진료 서비스에 성심성의를 다하겠습니다."},{image:ee,number:"04.",text:"급변하는 현대의학의 새로운 트렌드를 성실히 연구하고 습득하여, 더 나은 서비스를 제공해드릴 수 있는 병원이 되겠습니다."}]),h=()=>{o.value=(o.value+1)%g.length},z=()=>{o.value=(o.value-1+g.length)%g.length},c=d(!1);let _;const y=()=>{_=setInterval(h,3e3)},S=()=>{clearInterval(_)},I=()=>{c.value=!c.value,c.value?S():y()};return k(()=>{y()}),(m,t)=>(a(),N(M,null,{banner:C(()=>[E(A,{text:"D&N Clinic","sub-text":"Introduction",background:H(j),class:"bg-[65%] lg:bg-center"},null,8,["background"])]),content:C(()=>[e("div",te,[e("div",le,[e("section",null,[t[0]||(t[0]=e("div",{class:"flex flex-col lg:flex-row justify-between gap-4 lg:gap-16 pb-10 lg:pb-[4.5rem]"},[e("div",{class:"flex flex-1"},[e("p",{class:"text-[1.5rem] lg:text-[2rem] font-bold text-black-800 whitespace-nowrap"},[p(" 행복한 삶을 위한 건강한 아름다움을 "),e("br"),p(" 제공하는 댄 의원입니다. ")])]),e("div",{class:"flex flex-1"},[e("p",{class:"text-base lg:text-xl text-gray-800"}," 전문성과 세심함을 바탕으로, 환자 개개인의 상태에 맞춘 최적의 건강과 아름다움을 선사합니다. 삶의 자신감과 활력을 더할 수 있도록 맞춤형 의료 서비스를 약속드립니다. ")])],-1)),e("div",se,[(a(!0),n(b,null,f(B.value,(i,l)=>(a(),n("div",{key:l,class:w(["bg-footer-bg group rounded-3xl lg:rounded-[2rem] transition-all duration-300 h-64 md:h-80 lg:h-[26rem] flex flex-col cursor-pointer",{"w-full md:w-[64%] p-6 md:pr-16 lg:pr-24 md:pl-10 md:py-12 justify-between":r.value||s.value===l||s.value===null&&l===0,"w-[12%] px-4 py-12 items-center":!r.value&&s.value!==l&&s.value!==null}]),onMouseover:Be=>r.value?null:s.value=l},[e("img",{src:i.image,alt:"item image",class:"w-10 md:w-16 lg:w-24 aspect-square"},null,8,oe),r.value||x.value===l?(a(),n("div",ie,[e("p",ne,u(i.text),1),e("p",re,u(i.subText),1)])):q("",!0)],42,ae))),128))])]),t[7]||(t[7]=e("div",{class:"w-full h-px bg-[#ededed] my-20 lg:my-[8.5rem]"},null,-1)),e("section",null,[t[5]||(t[5]=e("div",{class:"flex flex-col lg:flex-row justify-between gap-4 lg:gap-16 pb-10 lg:pb-[4.5rem]"},[e("div",{class:"flex flex-1"},[e("p",{class:"text-2xl lg:text-[2rem] font-bold text-black-800 whitespace-nowrap"}," 오직 환자만을 위한 공간 ")]),e("div",{class:"flex flex-1"},[e("p",{class:"text-base lg:text-xl text-gray-800"}," 환자의 편안함과 만족을 최우선으로 생각하며, 진료와 시술의 모든 과정을 세심하게 설계했습니다. 오직 환자만을 위한 맞춤형 의료 서비스를 제공합니다. ")])],-1)),e("div",ge,[e("div",{class:"absolute inset-0 w-full h-full bg-cover bg-center rounded-3xl lg:rounded-[2rem] transition-all duration-500",style:V({backgroundImage:`url(${g[o.value].image})`})},null,4)]),e("div",de,[e("div",ue,[e("p",ce,[p(u(o.value+1)+" ",1),e("span",pe,"/ "+u(g.length),1)]),e("p",xe,u(g[o.value].text),1)]),e("div",me,[e("button",{onClick:z},t[1]||(t[1]=[e("svg",{class:"lg:w-5 lg:h-5 w-3.5 h-3.5",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"m7.573 9.995 6.125 6.125a.976.976 0 0 1 .302.74 1.05 1.05 0 0 1-.323.74 1.01 1.01 0 0 1-.74.312c-.285 0-.531-.104-.74-.312l-6.395-6.417a1.664 1.664 0 0 1-.375-.563 1.671 1.671 0 0 1-.125-.625c0-.208.041-.416.125-.625.083-.208.208-.395.375-.562l6.416-6.417a.963.963 0 0 1 .73-.302c.277.007.52.115.729.323.208.208.312.455.312.74 0 .284-.104.53-.312.74L7.573 9.994z",fill:"#111"})],-1)])),e("button",{onClick:h},t[2]||(t[2]=[e("svg",{class:"lg:w-5 lg:h-5 w-3.5 h-3.5",width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[e("path",{d:"M12.427 10.005 6.302 3.88A.975.975 0 0 1 6 3.14a1.05 1.05 0 0 1 .323-.74c.209-.208.455-.312.74-.312s.531.104.74.312l6.395 6.417c.167.167.292.354.375.563.084.208.125.416.125.625 0 .208-.041.416-.125.625a1.668 1.668 0 0 1-.375.562L7.782 17.61a.963.963 0 0 1-.73.302 1.038 1.038 0 0 1-.729-.323 1.011 1.011 0 0 1-.312-.74c0-.284.104-.53.312-.74l6.104-6.103z",fill:"#111"})],-1)])),e("button",{onClick:I,class:w([c.value,"text-black"])},[c.value?(a(),n("svg",ve,t[3]||(t[3]=[e("polygon",{points:"5 3 19 12 5 21 5 3"},null,-1)]))):(a(),n("svg",be,t[4]||(t[4]=[e("mask",{id:"y5eqskyiqa",style:{"mask-type":"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24"},[e("path",{fill:"#D9D9D9",d:"M0 0h24v24H0z"})],-1),e("g",{mask:"url(#y5eqskyiqa)"},[e("path",{d:"M16 19c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 14 17V7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 16 5c.55 0 1.02.196 1.413.588.391.391.587.862.587 1.412v10c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 16 19zm-8 0c-.55 0-1.02-.196-1.412-.587A1.926 1.926 0 0 1 6 17V7c0-.55.196-1.02.588-1.412A1.926 1.926 0 0 1 8 5c.55 0 1.02.196 1.412.588C9.804 5.979 10 6.45 10 7v10c0 .55-.196 1.02-.588 1.413A1.926 1.926 0 0 1 8 19z",fill:"#111"})],-1)])))],2)])]),e("div",fe,[(a(),n(b,null,f(g,(i,l)=>e("div",{key:l,class:w([["w-full h-px bg-gray-100",o.value>=l?"bg-black-800 border-b-2 border-black-800":""],"transition-all duration-300"])},null,2)),64))])]),e("section",null,[e("div",we,[t[6]||(t[6]=e("div",{class:"flex flex-col lg:flex-row justify-between gap-4 lg:gap-16 pb-10 lg:pb-[4.5rem]"},[e("div",{class:"flex flex-1"},[e("p",{class:"text-[1.5rem] lg:text-[2rem] font-bold text-black-800 whitespace-nowrap"},[p(" 건강한 아름다움을 위한"),e("br"),p(" 댄 의원의 철학 ")])]),e("div",{class:"flex flex-1"},[e("p",{class:"text-base lg:text-xl text-gray-800"}," 댄 의원은 단순한 시술을 넘어, 균형 잡힌 아름다움과 건강을 추구합니다. 또한, 환자의 니즈와 개별적인 상황을 깊이 이해하며, 전문성과 진심을 바탕으로 최적의 치료 계획을 제안합니다. 전문성과 진심을 바탕으로 최상의 결과를 약속드립니다. ")])],-1)),e("div",he,[(a(!0),n(b,null,f(D.value,(i,l)=>(a(),n("div",{key:l,class:"flex flex-col gap-2 md:gap-3"},[e("img",{src:i.image,alt:"item image",class:"w-full h-auto rounded-3xl md:rounded-[2rem]"},null,8,_e),e("p",ye,u(i.number),1),e("p",ke,u(i.text),1)]))),128))])])])])])]),_:1}))}};export{Ge as default};