/* ===========================================================
   퍼스널컬러 정밀진단 — 독자적 디자인 시스템 v3
   구조·리듬 참고 원칙(색상·로고·문구 아님): 큰 이미지 중심 히어로,
   솔리드 컬러 밴드로 구분되는 섹션 리듬, 얇고 가벼운 대형 타이포,
   2단 구성 헤더(브랜드 영역 + 내비게이션 영역).
   팔레트·서체·컴포지션은 이 사이트 고유안이다.
=========================================================== */

:root{
  --white:#ffffff;
  --paper:#f6f5f1;
  --ink:#18181b;
  --ink-soft:#6b6b70;
  --line:#e7e5df;

  --teal:#0ba39c;
  --teal-deep:#087a75;
  --teal-tint:#e3f4f3;

  --violet:#8b6ac1;
  --violet-deep:#6d4fa3;
  --violet-tint:#efe9f8;

  --lime:#a9c93c;
  --lime-deep:#87a423;

  --amber:#e8a33d;
  --amber-deep:#c9840f;

  --font-body:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--white);
  color:var(--ink);
  font-family:var(--font-body);
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
ul{list-style:none;margin:0;padding:0}
h1,h2,h3{margin:0;font-family:var(--font-body);font-weight:300;letter-spacing:-.02em}
p{margin:0 0 1em}

.pcd-container{max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,40px)}
.pcd-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--white);padding:12px 20px;z-index:200}
.pcd-skip:focus{left:12px;top:12px}

.pcd-kicker{display:block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;font-weight:700;margin-bottom:20px;color:var(--teal-deep)}

/* ---------- Header : 2단 구조 (브랜드 영역 + 내비게이션 영역) ---------- */
.pcd-header{background:var(--white);position:relative;z-index:50}

.pcd-header-brand{max-width:1240px;margin-inline:auto;padding:clamp(32px,5vw,52px) clamp(20px,4vw,40px) clamp(20px,3vw,28px);text-align:center}
.pcd-logo{display:inline-block;text-decoration:none;color:var(--ink);line-height:1.2}
.pcd-logo-word{display:block;font-size:clamp(22px,2.6vw,30px);font-weight:500;letter-spacing:.01em}
.pcd-logo-sub{display:block;font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-soft);margin-top:8px;font-weight:600}

.pcd-header-navrow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.pcd-header-navrow-inner{max-width:1240px;margin-inline:auto;padding:0 clamp(20px,4vw,40px);display:flex;align-items:center;justify-content:center}
.pcd-nav{display:flex;align-items:center;justify-content:center;gap:56px;flex:1;padding:18px 0}
.pcd-nav ul{display:flex;gap:52px}
.pcd-nav a{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;text-decoration:none;color:var(--ink);padding-bottom:4px;border-bottom:2px solid transparent;transition:border-color .15s,color .15s}
.pcd-nav a:hover,.pcd-nav a.is-current{border-color:var(--teal);color:var(--teal-deep)}
.pcd-nav-phone{font-size:13px;letter-spacing:.04em;font-weight:600;text-decoration:none;color:var(--teal-deep);white-space:nowrap}
.pcd-nav-phone:hover{color:var(--teal)}
.pcd-nav-toggle{display:none;background:none;border:0;width:32px;height:26px;position:relative;cursor:pointer;flex-direction:column;justify-content:space-between;padding:0}
.pcd-nav-toggle span{display:block;height:2px;background:var(--ink);width:100%}

@media (max-width:920px){
  .pcd-header-navrow-inner{justify-content:flex-end;padding-block:14px}
  .pcd-nav{position:fixed;inset:0 0 0 auto;width:min(320px,84vw);height:100vh;background:var(--white);flex-direction:column;align-items:flex-start;padding:96px 32px 32px;gap:36px;transform:translateX(100%);transition:transform .25s ease;box-shadow:-8px 0 32px rgba(0,0,0,.12);z-index:60}
  .pcd-nav.is-open{transform:translateX(0)}
  .pcd-nav ul{flex-direction:column;gap:22px}
  .pcd-nav a{font-size:16px}
  .pcd-nav-toggle{display:flex}
}

/* ---------- Buttons ---------- */
.pcd-btn{display:inline-block;background:var(--ink);color:var(--white) !important;font-weight:600;font-size:14px;letter-spacing:.04em;padding:17px 38px;text-decoration:none;border:2px solid var(--ink);transition:background .15s,color .15s,border-color .15s}
.pcd-btn:hover{background:var(--teal);border-color:var(--teal);color:var(--white) !important}
.pcd-btn-outline{background:transparent;color:var(--ink) !important;border:2px solid var(--ink)}
.pcd-btn-outline:hover{background:var(--ink);color:var(--white) !important}
.pcd-btn-on-dark{border-color:var(--white);color:var(--white) !important;background:transparent}
.pcd-btn-on-dark:hover{background:var(--white);color:var(--ink) !important;border-color:var(--white)}
.pcd-btn-row{display:flex;gap:16px;flex-wrap:wrap}

/* ---------- Hero : 대형 이미지 + 오버랩 카드 ---------- */
.pcd-hero{position:relative;padding:0 clamp(20px,4vw,40px);margin-top:clamp(12px,2vw,24px)}
.pcd-hero-media{position:relative;height:80vh;min-height:480px;max-height:760px;overflow:hidden}
.pcd-hero-media img{width:100%;height:100%;object-fit:cover}
.pcd-hero-card{
  position:relative;
  margin:-96px 0 0;
  max-width:560px;
  background:var(--white);
  padding:clamp(32px,4vw,52px) clamp(28px,4vw,48px);
  box-shadow:0 24px 64px rgba(24,24,27,.12);
}
.pcd-hero-eyebrow{display:block;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--teal-deep);font-weight:700;margin-bottom:22px}
.pcd-hero h1{font-size:clamp(38px,5.4vw,68px);font-weight:300;line-height:1.04;margin-bottom:22px}
.pcd-hero .lead{font-size:16px;line-height:1.75;color:var(--ink-soft);margin-bottom:32px}
@media (max-width:920px){
  .pcd-hero{padding:0}
  .pcd-hero-media{height:56vh;min-height:380px}
  .pcd-hero-card{margin:-64px 20px 0;max-width:none;padding:28px 24px}
  .pcd-hero h1{font-size:clamp(32px,9vw,44px)}
}

/* ---------- Season colour strip (브랜드 팔레트 밴드) ---------- */
.pcd-season-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(56px,8vw,96px)}
.pcd-season{display:flex;align-items:center;justify-content:center;min-height:104px;color:var(--white);font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
.s-spring{background:var(--lime)}
.s-summer{background:var(--violet)}
.s-autumn{background:var(--amber)}
.s-winter{background:var(--teal)}
@media (max-width:700px){
  .pcd-season-strip{grid-template-columns:1fr 1fr}
  .pcd-season{min-height:84px;font-size:12px}
}

/* ---------- Feature split : 이미지가 더 큰 비대칭(62/38) ---------- */
.pcd-feature{display:grid;grid-template-columns:1.65fr 1fr;min-height:560px}
.pcd-feature.reverse{grid-template-columns:1fr 1.65fr}
.pcd-feature.reverse .pcd-feature-media{order:2}
.pcd-feature.reverse .pcd-feature-copy{order:1}
.pcd-feature-media{position:relative;min-height:340px;overflow:hidden}
.pcd-feature-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.pcd-feature-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vw,80px)}
.pcd-feature-copy.tint-teal{background:var(--teal-tint)}
.pcd-feature-copy.tint-violet{background:var(--violet-tint)}
.pcd-feature-copy h2{font-size:clamp(28px,3.2vw,42px);font-weight:300;line-height:1.12;margin-bottom:22px}
.pcd-feature-copy p{color:var(--ink-soft);font-size:16px;line-height:1.8;max-width:42ch}
@media (max-width:920px){
  .pcd-feature,.pcd-feature.reverse{grid-template-columns:1fr;min-height:auto}
  .pcd-feature .pcd-feature-media{order:1}
  .pcd-feature .pcd-feature-copy{order:2}
  .pcd-feature-media{height:48vh;min-height:280px}
}

/* ---------- Solid colour divider / visit band ---------- */
.pcd-band{background:var(--teal);color:var(--white);padding:clamp(64px,9vw,120px) 0;text-align:center}
.pcd-band .pcd-kicker{color:var(--white);opacity:.85}
.pcd-band h2{font-size:clamp(28px,4vw,46px);font-weight:300;margin-bottom:40px;color:var(--white)}
.pcd-band-grid{display:flex;justify-content:center;gap:clamp(28px,6vw,72px);flex-wrap:wrap;text-align:left}
.pcd-band-item{min-width:180px}
.pcd-band-item .label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;opacity:.8;margin-bottom:10px}
.pcd-band-item .value{display:block;font-size:19px;font-weight:600;line-height:1.5}
.pcd-band-item .value a{color:inherit;text-decoration:none}

/* ---------- Info / price table (AEO 표) ---------- */
.pcd-info-wrap{max-width:680px;margin:0 auto;padding:clamp(80px,10vw,140px) 0}
.pcd-info-wrap .pcd-kicker{text-align:center;color:var(--violet-deep)}
.pcd-info-wrap h2{text-align:center;font-size:clamp(28px,3.4vw,38px);font-weight:300;margin-bottom:44px}
table.pcd-table{width:100%;border-collapse:collapse}
table.pcd-table th,table.pcd-table td{text-align:left;padding:18px 4px;border-bottom:1px solid var(--line);font-size:16px}
table.pcd-table th{width:34%;color:var(--ink-soft);font-weight:600;letter-spacing:.02em}
table.pcd-table td{font-weight:600}

/* ---------- FAQ ---------- */
.pcd-faq-section{background:var(--paper)}
.pcd-faq-wrap{max-width:820px;margin:0 auto;padding:clamp(80px,10vw,140px) 0}
.pcd-faq-wrap .pcd-kicker{text-align:center}
.pcd-faq-wrap>h1,.pcd-faq-wrap>h2{text-align:center;font-size:clamp(28px,3.6vw,40px);font-weight:300;margin-bottom:56px}
.pcd-faq-item{border-top:1px solid var(--line)}
.pcd-faq-item:last-child{border-bottom:1px solid var(--line)}
.pcd-faq-item summary{display:grid;grid-template-columns:64px 1fr 24px;align-items:center;gap:20px;padding:28px 4px;cursor:pointer;list-style:none;font-size:18px;font-weight:600}
.pcd-faq-item summary::-webkit-details-marker{display:none}
.pcd-faq-num{font-size:15px;font-weight:700;color:var(--violet-deep)}
.pcd-faq-plus{font-size:22px;color:var(--ink-soft);transition:transform .2s}
.pcd-faq-item[open] .pcd-faq-plus{transform:rotate(45deg)}
.pcd-faq-a{padding:0 4px 32px 84px;color:var(--ink-soft);font-size:16px;line-height:1.8;max-width:58ch}
@media (max-width:600px){
  .pcd-faq-item summary{grid-template-columns:44px 1fr 20px;font-size:16px}
  .pcd-faq-a{padding-left:60px}
}

/* ---------- Generic section / prose (하위 페이지) ---------- */
.pcd-section{padding:clamp(72px,9vw,120px) 0}
.pcd-section-tight{padding:clamp(48px,6vw,80px) 0}
.pcd-prose{max-width:700px}
.pcd-prose h1,.pcd-prose h2{font-size:clamp(28px,3.6vw,42px);font-weight:300;margin-bottom:24px}
.pcd-prose p{color:var(--ink-soft);font-size:16px;line-height:1.85}
.pcd-breadcrumb{font-size:13px;color:var(--ink-soft);margin-bottom:32px}
.pcd-breadcrumb a{color:var(--ink-soft);text-decoration:underline}

/* ---------- Contact panel ---------- */
.pcd-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.pcd-contact-item{border-bottom:1px solid var(--line);padding:20px 0}
.pcd-contact-item .label{display:block;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}
.pcd-contact-item .value{font-size:19px;font-weight:600;text-decoration:none;color:var(--ink)}
@media (max-width:760px){.pcd-contact-grid{grid-template-columns:1fr;gap:8px}}

/* ---------- Footer ---------- */
.pcd-footer{background:var(--ink);color:var(--white)}
.pcd-footer-cta{text-align:center;padding:clamp(72px,9vw,120px) 0;border-bottom:1px solid rgba(255,255,255,.14)}
.pcd-footer-cta .pcd-kicker{color:var(--white);opacity:.75}
.pcd-footer-cta h2{font-size:clamp(30px,5vw,54px);font-weight:300;margin-bottom:32px;color:var(--white)}
.pcd-footer-cta p{color:rgba(255,255,255,.75);max-width:44ch;margin-inline:auto;margin-bottom:36px}
.pcd-footer-cta .pcd-btn-row{justify-content:center}
.pcd-footer-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:48px;padding:clamp(48px,7vw,80px) 0}
.pcd-footer-col .ft-label{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.5);margin-bottom:18px}
.pcd-footer-col p{color:rgba(255,255,255,.85);font-size:14px;line-height:1.8;margin-bottom:6px}
.pcd-footer-col a{text-decoration:none;color:rgba(255,255,255,.9)}
.pcd-footer-nav li{margin-bottom:10px}
.pcd-footer-nav a{font-size:14px}
.pcd-footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:22px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12px;color:rgba(255,255,255,.5)}
@media (max-width:760px){
  .pcd-footer-cols{grid-template-columns:1fr;gap:36px}
}

.pcd-updated-note{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,40px) 56px;font-size:12px;color:var(--ink-soft);text-align:center}