|
|
@@ -0,0 +1,45 @@
|
|
|
+import React from 'react';
|
|
|
+
|
|
|
+const Directions = () => {
|
|
|
+ return (
|
|
|
+ <div className="px-[2vw] py-[4vw] space-y-[5vw]">
|
|
|
+ <div>
|
|
|
+ <div className="space-y-2 mb-2.5 pb-10">
|
|
|
+ <div className="text-5xl text-blue-900 font-bold font-['Inter']">찾아오시는 길</div>
|
|
|
+ </div>
|
|
|
+ <div className="w-full">
|
|
|
+ <div className="border h-40 relative">
|
|
|
+ <div className="self-stretch self-stretch left-0 top-0 absolute inline-flex flex-col justify-start items-start gap-2.5 overflow-hidden">
|
|
|
+ <div className="self-stretch flex-1 relative overflow-hidden">
|
|
|
+ <div className="left-[144px] top-[24px] absolute justify-start text-black text-3xl font-semibold font-['Inter']">부산 본사</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="self-stretch self-stretch left-[414px] top-0 absolute border-l border-r border-black/10 inline-flex flex-col justify-start items-start gap-2.5 overflow-hidden">
|
|
|
+ <div className="self-stretch flex-1 relative overflow-hidden">
|
|
|
+ <div className="left-[144px] top-[24px] absolute justify-start text-black/25 text-3xl font-semibold font-['Inter']">김해 공장</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="self-stretch self-stretch left-[828px] top-0 absolute inline-flex flex-col justify-start items-start gap-2.5 overflow-hidden">
|
|
|
+ <div className="self-stretch flex-1 relative overflow-hidden">
|
|
|
+ <div className="left-[116px] top-[24px] absolute justify-start text-black/25 text-3xl font-semibold font-['Inter']">서울 경기지사</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div className="self-stretch h-96 relative rounded-lg overflow-hidden">
|
|
|
+ <img className="w-[1263.97px] h-[622px] left-[-32px] top-[-61px] absolute" src="https://placehold.co/1264x622" />
|
|
|
+ </div>
|
|
|
+ <div className="self-stretch flex-1 relative overflow-hidden">
|
|
|
+ <div className="w-24 h-7 left-[219px] top-[44px] absolute" />
|
|
|
+ <div className="w-24 h-9 left-[710px] top-[46px] absolute" />
|
|
|
+ <div className="w-[575px] left-[36px] top-[10px] absolute justify-start text-black text-2xl font-semibold font-['Inter']">주소</div>
|
|
|
+ <div className="w-[575px] left-[621px] top-[10px] absolute justify-start text-black text-2xl font-semibold font-['Inter']">전화</div>
|
|
|
+ <div className="left-[36px] top-[48.33px] absolute justify-start text-black text-xl font-normal font-['Inter']">부산 해운대구 센텀중앙로 78, 1308호(센텀그린타워)</div>
|
|
|
+ <div className="w-[575px] left-[621px] top-[48.33px] absolute justify-start text-black text-xl font-normal font-['Inter']">051-808-8556</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+}
|
|
|
+
|
|
|
+export default Directions;
|