페이지 편집 > 코드 에디터(⋮) > 붙여넣기
================================================================ –>
/* ── 전역 토큰 ── */
:root{
–jk-bg:#fbfaf7;
–jk-bg-soft:#f6f1ea;
–jk-ivory:#fffdfa;
–jk-text:#1f2430;
–jk-muted:#667085;
–jk-line:#e8dfd2;
–jk-accent:#1f3b34;
–jk-gold:#c7a55b;
}
/* ── 리셋 & 기본 ── */
.jk*{box-sizing:border-box}
.jk-site{
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,Helvetica,Arial,sans-serif;
color:var(–jk-text);background:#fff;
}
/* ── 레이아웃 헬퍼 ── */
.jk-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.jk-center{text-align:center}
/* ── 네비 ── */
.jk-nav{
position:sticky;top:0;z-index:50;
background:rgba(255,255,255,.93);
backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
border-bottom:1px solid rgba(232,223,210,.8);
}
.jk-nav-inner{
max-width:1180px;margin:0 auto;padding:0 24px;height:64px;
display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.jk-brand{
display:flex;align-items:center;gap:12px;
text-decoration:none;color:var(–jk-text);
}
.jk-brand-logo{width:38px;height:38px;flex-shrink:0}
.jk-brand-name{font-size:15px;font-weight:600;letter-spacing:.03em}
.jk-nav-links{display:flex;gap:24px}
.jk-nav-links a{
color:var(–jk-muted);text-decoration:none;font-size:14px;
transition:color .18s;
}
.jk-nav-links a:hover{color:var(–jk-accent)}
/* ── 버튼 ── */
.jk-btn{
display:inline-flex;align-items:center;justify-content:center;
min-height:50px;padding:0 24px;border-radius:999px;
font-size:15px;font-weight:600;text-decoration:none;
transition:.18s ease;white-space:nowrap;
}
.jk-btn-primary{background:var(–jk-accent);color:#fff}
.jk-btn-primary:hover{background:#162d27}
.jk-btn-outline{
border:1px solid var(–jk-line);color:var(–jk-text);background:#fff;
}
.jk-btn-outline:hover{border-color:#c8bba6;background:#faf8f4}
.jk-btn-white{background:#fff;color:var(–jk-text)}
.jk-btn-white:hover{background:#f4f0e8}
.jk-btn-group{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* ── 섹션 ── */
.jk-section{padding:88px 0}
.jk-s-white{background:#fff}
.jk-s-warm{background:var(–jk-bg)}
.jk-s-ivory{background:var(–jk-bg-soft)}
.jk-s-dark{background:#1a2420;color:#f0ece4}
/* ── 타이포 ── */
.jk-eyebrow{
display:inline-block;margin:0 0 12px;
font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;
color:var(–jk-accent);
}
.jk-title{
margin:0 0 20px;
font-size:clamp(28px,3.8vw,42px);font-weight:600;
line-height:1.22;letter-spacing:-.02em;
}
.jk-lead{
font-size:17px;line-height:1.9;color:var(–jk-muted);
}
/* ── 히어로 ── */
.jk-hero{
min-height:88vh;display:flex;align-items:center;
background:#fff;border-bottom:1px solid var(–jk-line);
}
.jk-hero-grid{
display:grid;grid-template-columns:1.05fr .95fr;
gap:52px;align-items:center;
max-width:1180px;margin:0 auto;padding:60px 24px;
}
.jk-hero h1{
margin:0 0 20px;
font-size:clamp(36px,5.5vw,62px);font-weight:600;
line-height:1.08;letter-spacing:-.03em;
}
.jk-hero p.sub{
margin:0 0 32px;
font-size:18px;line-height:1.85;color:var(–jk-muted);max-width:620px;
}
.jk-hero-img{
width:100%;height:auto;display:block;
border-radius:28px;
box-shadow:0 28px 72px rgba(20,28,22,.1);
border:1px solid rgba(232,223,210,.8);
background:#fff;
}
/* ── 2단 스플릿 ── */
.jk-split{
display:grid;grid-template-columns:1fr 1fr;
gap:48px;align-items:center;
}
.jk-split-img{
width:100%;height:auto;display:block;
border-radius:24px;
box-shadow:0 20px 56px rgba(20,28,22,.09);
border:1px solid rgba(232,223,210,.7);
}
/* ── 카드 그리드 ── */
.jk-cards{
display:grid;grid-template-columns:repeat(3,1fr);
gap:22px;margin-top:40px;
}
.jk-card{
background:#fff;border:1px solid var(–jk-line);border-radius:24px;
padding:28px;
box-shadow:0 8px 24px rgba(20,28,22,.03);
transition:box-shadow .2s,transform .2s;
}
.jk-card:hover{
box-shadow:0 16px 40px rgba(20,28,22,.08);transform:translateY(-2px);
}
.jk-card-num{
width:38px;height:38px;border-radius:999px;
background:var(–jk-bg-soft);border:1px solid var(–jk-line);
color:var(–jk-accent);font-size:14px;font-weight:700;
display:flex;align-items:center;justify-content:center;margin-bottom:18px;
}
.jk-card h3{margin:0 0 10px;font-size:22px;font-weight:600}
.jk-card p{margin:0;color:var(–jk-muted);font-size:15.5px;line-height:1.85}
/* ── 포인트 카드 2×2 ── */
.jk-points{
display:grid;grid-template-columns:1fr 1fr;
gap:16px;
}
.jk-point{
background:#fff;border:1px solid var(–jk-line);border-radius:20px;padding:22px;
}
.jk-point h4{margin:0 0 8px;font-size:18px;font-weight:600}
.jk-point p{margin:0;color:var(–jk-muted);font-size:15px;line-height:1.8}
/* ── Steps 4열 ── */
.jk-steps{
display:grid;grid-template-columns:repeat(4,1fr);
gap:18px;margin-top:40px;
}
.jk-step{
background:#fff;border:1px solid var(–jk-line);border-radius:24px;
padding:26px;
box-shadow:0 6px 18px rgba(20,28,22,.03);
}
.jk-step-num{
font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
color:var(–jk-accent);margin-bottom:14px;
}
.jk-step h4{margin:0 0 10px;font-size:20px;font-weight:600;line-height:1.3}
.jk-step p{margin:0;color:var(–jk-muted);font-size:15px;line-height:1.8}
/* ── CTA 박스 ── */
.jk-cta-box{
background:linear-gradient(160deg,#f8f4ee 0%,#f2ebe0 100%);
border:1px solid var(–jk-line);border-radius:32px;padding:52px;
}
.jk-cta-box h2{margin:0 0 14px;font-size:clamp(28px,3.8vw,40px);font-weight:600;line-height:1.2}
.jk-cta-box p{margin:0 0 28px;color:var(–jk-muted);font-size:17px;line-height:1.9;max-width:760px}
/* ── 컨택트 그리드 ── */
.jk-contact-grid{
display:grid;grid-template-columns:1fr 1.1fr;
gap:26px;align-items:start;
}
.jk-contact-info,.jk-form-box{
background:#fff;border:1px solid var(–jk-line);border-radius:26px;padding:32px;
}
.jk-contact-info h3,.jk-form-box h3{margin:0 0 12px;font-size:24px;font-weight:600}
.jk-contact-info p{margin:0 0 10px;color:var(–jk-muted);font-size:15.5px;line-height:1.8}
.jk-contact-list{margin:18px 0 0;padding:0;list-style:none}
.jk-contact-list li{
padding:12px 0;border-top:1px solid #f0e9df;
font-size:15px;line-height:1.7;
}
.jk-contact-list li:first-child{border-top:0}
/* ── 폼 ── */
.jk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.jk-form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}
.jk-form-group input,
.jk-form-group select,
.jk-form-group textarea{
width:100%;border:1px solid #ddd4c6;border-radius:14px;
padding:13px 15px;font-size:15px;color:var(–jk-text);
background:#fafaf8;transition:border-color .18s;
font-family:inherit;
}
.jk-form-group input:focus,
.jk-form-group select:focus,
.jk-form-group textarea:focus{
outline:none;border-color:#a89880;background:#fff;
}
.jk-form-group textarea{min-height:140px;resize:vertical}
.jk-full{grid-column:1 / -1}
.jk-submit{
margin-top:18px;
display:inline-flex;align-items:center;justify-content:center;
min-height:50px;padding:0 26px;
background:var(–jk-accent);color:#fff;
border:0;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;
font-family:inherit;transition:background .18s;
}
.jk-submit:hover{background:#162d27}
/* ── 푸터 ── */
.jk-footer{
padding:28px 0 38px;
border-top:1px solid var(–jk-line);background:#fff;
}
.jk-footer-inner{
max-width:1180px;margin:0 auto;padding:0 24px;
display:flex;justify-content:space-between;align-items:center;
gap:18px;flex-wrap:wrap;
}
.jk-footer small{color:var(–jk-muted);font-size:13px}
.jk-footer-links{display:flex;gap:18px;flex-wrap:wrap}
.jk-footer-links a{
color:var(–jk-muted);text-decoration:none;font-size:13px;
transition:color .15s;
}
.jk-footer-links a:hover{color:var(–jk-accent)}
/* ── 반응형 ── */
@media(max-width:980px){
.jk-hero-grid,.jk-split,.jk-contact-grid{grid-template-columns:1fr}
.jk-cards,.jk-steps{grid-template-columns:1fr 1fr}
.jk-hero-img{max-width:520px;margin:0 auto}
.jk-split-img{max-width:520px;margin:0 auto}
}
@media(max-width:720px){
.jk-nav-links{display:none}
.jk-section{padding:60px 0}
.jk-hero{min-height:auto}
.jk-hero-grid{padding:36px 20px 52px;gap:28px}
.jk-cards,.jk-steps,.jk-points,.jk-form-grid{grid-template-columns:1fr}
.jk-cta-box{padding:32px 24px}
.jk-hero h1{font-size:clamp(32px,8vw,48px)}
.jk-split{gap:28px}
.jk-contact-grid{grid-template-columns:1fr}
}
Cross-border K-Beauty Partner
Beyond using
K-Beauty,
build with Korea.
European founders, retailers, and emerging beauty brands are increasingly looking beyond resale.
JK K-Beauty Partner helps turn beauty ambition into a clearer starting point — connecting Korean
expertise, product direction, and European market relevance.
About
We are not a beauty shop. We are a structured starting point for beauty ideas that need the right Korean direction.
JK K-Beauty Partner exists to connect Korean beauty expertise with European brand ambition.
We believe Europe should move beyond simply using K-Beauty and toward building with Korea —
through stronger direction, clearer positioning, and more realistic product pathways.
The Gap We Solve
Demand is growing. What is missing is direction.
Across Europe, more founders, retailers, and early-stage beauty businesses want to create
their own products or launch their own brand. But many still do not know where to begin,
what product category makes sense first, which Korean path is realistic, or how to align
an idea with actual market fit.
JK K-Beauty Partner helps bridge that gap with clarity, structure, and trusted cross-border guidance.
Services
Focused support for founders, brands, and retail partners who need a clearer way forward.
01
Brand Start Direction
We help define where to start — the right product idea, target customer, brand position, and the most realistic first step for your concept.
02
Korean Partner Connection
We connect your concept with Korean beauty know-how including OEM / ODM direction, manufacturing pathways, and practical next steps.
03
Market Fit Support
We refine ideas through a European lens so your concept becomes clearer, more relevant, and better aligned with a realistic launch path.
Why JK K-Beauty Partner
A more curated and strategic bridge between Europe and Korean beauty expertise.
We do not position ourselves as a trend-driven K-Beauty brand, a generic sourcing middleman,
or a cosmetics reseller. Our role is to bring more structure to beauty ambition and help clients
move from idea to clearer execution.
Korean expertise + European understanding
Beauty direction from Korea combined with a grounded view of what European founders and markets actually need.
Curated, not overwhelming
We focus on what is most relevant first, instead of presenting too many paths without structure.
From ambition to a real starting point
We help shape a concept into something more realistic, focused, and actionable.
Trust, clarity, long-term value
Our approach is designed to support stronger brand foundations, not short-term beauty hype.
How It Works
Simple, structured, and reassuring — from first idea to clearer execution.
Step 1
Share Your Idea
Tell us what kind of beauty product, brand, or concept you want to create. No idea is too early.
Step 2
Define the Direction
We shape your idea into a more realistic product and brand pathway — structured and clear.
Step 3
Connect with Korea
Your concept is aligned with relevant Korean development possibilities and practical direction.
Step 4
Start Building
Move forward with more clarity, better structure, and a stronger launch foundation.
Get Started
From idea to direction, and from direction to execution.
If you want to turn your beauty idea into a more structured and realistic starting point with Korean expertise,
let’s talk. JK K-Beauty Partner is built for founders, retailers, and emerging brands that want more than inspiration.
JK K-Beuaty Partner 