diff --git a/public/images/ctabackground.png b/public/images/ctabackground.png new file mode 100644 index 0000000..dbd3e30 Binary files /dev/null and b/public/images/ctabackground.png differ diff --git a/src/css/common.css b/src/css/common.css index f1c37da..e6acec9 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -113,7 +113,8 @@ body{overflow-x:hidden;} .partners-title-main { font-size: clamp(18px, 2vw, 24px); font-weight: 700; color: #333; letter-spacing: -0.01em; line-height: 1.5; } .partners-title-main em { font-style: normal; font-weight: 700; color: #333; background: none; } .partners-title-desc { font-size: 13px; color: #bbb; line-height: 1.8; letter-spacing: 0.02em; } -.partners-section-row { display: grid; grid-template-columns: 180px 1fr; gap: 3rem; align-items: start; padding: 4rem 0; border-top: 1px solid #e8e8e8; } +.partners-section-row { display: grid; grid-template-columns: 180px 1fr; gap: 3rem; align-items: start; padding: 80px 0; border-top: 1px solid #e8e8e8; } +.partners-section-row:first-of-type { border-top: none; } .partners-sidebar { display: flex; flex-direction: column; gap: 6px; padding-top: 4px;} .partners-eyebrow { font-size: 12px; font-weight: 600; letter-spacing: 0.15em; text-transform: uppercase; color: #888; } .partners-heading { font-size: 32px; font-weight: 700; color: #111; letter-spacing: -0.04em; line-height: 1.15; margin-top: 6px; } diff --git a/src/pages/company/PartnersPage.jsx b/src/pages/company/PartnersPage.jsx index 25c2747..7319f0c 100644 --- a/src/pages/company/PartnersPage.jsx +++ b/src/pages/company/PartnersPage.jsx @@ -2,6 +2,7 @@ import { useEffect, useRef } from "react"; import gsap from "gsap"; import { ScrollTrigger } from "gsap/ScrollTrigger"; import { motion } from "framer-motion"; +import { Link } from "react-router-dom"; import SubHero from "../../components/SubHero"; import useFadeIn from "../../hooks/useFadeIn"; @@ -144,6 +145,19 @@ export default function PartnersPage() { 오랜 신뢰, 깊은 협력 함께하는 기관과 파트너 +
{/* 주요 고객사 */} @@ -186,17 +200,36 @@ export default function PartnersPage() {
-
+ {/* 배경 이미지 — 오른쪽에만 페이드인 */} +
+ + {/* 콘텐츠 */} +

- 협력 문의하기 - +