/* 팬텀디자인 리뉴얼 · 반응형 보정 (원본은 1440px 데스크톱 캔버스 내보내기) */
/* ---------- 헤더 ---------- */
.pd-header{position:fixed;left:0;right:0;top:0;z-index:50;background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(14px);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.pd-scrolled .pd-header{border-bottom-color:#eceef1;box-shadow:0 6px 24px rgba(18,20,23,.05)}
.pd-header-in{max-width:1320px;margin:0 auto;height:76px;padding:0 60px;box-sizing:content-box;display:flex;align-items:center;gap:56px}
.pd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#121417;flex-shrink:0}
.pd-logo:hover{opacity:1}
.pd-logo-mark{width:34px;height:34px;display:block}
.pd-logo-word{font-size:20px;font-weight:500;letter-spacing:-.8px;line-height:1}
.pd-logo-word b{font-weight:900}
.pd-nav{display:flex;align-items:center;gap:4px;height:100%}
.pd-nav a{position:relative;display:flex;align-items:center;height:100%;padding:0 16px;font-size:15.5px;font-weight:600;letter-spacing:-.4px;color:#4b5261;text-decoration:none;transition:color .15s}
.pd-nav a:hover{color:#121417;opacity:1}
.pd-nav a[aria-current="page"]{color:#121417;font-weight:800}
.pd-nav a[aria-current="page"]::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:2px;background:#2b5cff}
.pd-header-act{margin-left:auto;display:flex;align-items:center;gap:18px}
.pd-tel{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:800;letter-spacing:-.2px;color:#121417;text-decoration:none}
.pd-tel svg{width:16px;height:16px;fill:none;stroke:#2b5cff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pd-cta{display:inline-flex;align-items:center;height:44px;padding:0 22px;border-radius:12px;background:#121417;color:#fff;font-size:15px;font-weight:800;letter-spacing:-.3px;text-decoration:none;transition:background .15s}
.pd-cta:hover{background:#2b5cff;opacity:1}
.pd-burger,.pd-mnav{display:none}
@media (max-width:1023px){
  html,body{overflow-x:hidden}
  [data-dc-tpl]{min-width:0!important}
  [data-dc-tpl]>section,[data-dc-tpl]>footer{width:100%!important;max-width:100%}
  /* 섹션 좌우 여백 */
  [style*="max(60px, 50% - 660px)"]{padding-left:20px!important;padding-right:20px!important;padding-top:56px!important;padding-bottom:56px!important}
  footer[style*="max(60px, 50% - 660px)"]{padding-top:44px!important;padding-bottom:110px!important}
  #top[style*="max(60px, 50% - 660px)"]{padding-top:100px!important}
  .pd-hero-collage{overflow:hidden}
  .pd-hero-txt{z-index:2}
  /* 그리드 → 1열 */
  [style*="grid-template-columns: repeat(12"]{grid-template-columns:minmax(0,1fr)!important;row-gap:28px!important}
  [style*="grid-template-columns: repeat(12"]>*{grid-column:auto!important}
  [style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(5"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: 220px minmax"]{grid-template-columns:minmax(0,1fr)!important;height:auto!important;row-gap:6px!important}
  [style*="grid-template-columns: 300px minmax(0px, 1fr) 140px"]{grid-template-columns:minmax(0,1fr) auto!important;row-gap:4px!important;padding:14px 0!important}
  [style*="grid-template-columns: 300px minmax(0px, 1fr) 140px"]>:nth-child(2){grid-row:2;grid-column:1 / -1}
  [style*="grid-template-columns: 300px minmax(0px, 1fr) 140px"]>:nth-child(3){grid-row:1;grid-column:2}
  [style*="grid-template-columns: 96px minmax(0px, 1fr) 160px"]{grid-template-columns:48px minmax(0,1fr) auto!important}
  /* 고정 폭 레이아웃 박스 */
  [style*="width: 1200px"]:not([style*="height"]),[style*="width: 1440px"]:not([style*="height"]){width:100%!important}
  [style*="grid-template-columns: repeat(2, 150px)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:auto!important;box-sizing:border-box}
  /* 제목 크기 */
  h1{font-size:34px!important;line-height:1.28!important;letter-spacing:-1px!important}
  h2{font-size:28px!important;line-height:1.32!important;letter-spacing:-.8px!important}
  h3{letter-spacing:-.5px}
  [style*="font-size: 40px"]:not(h1):not(h2){font-size:30px!important}
  [style*="font-size: 104px"]{font-size:60px!important;line-height:1!important}
  [style*="font-size: 80px"]{font-size:60px!important}
  /* 헤더 */
  .pd-header-in{height:60px;padding:0 12px 0 18px;gap:10px}
  .pd-nav,.pd-tel{display:none!important}
  .pd-logo-mark{width:30px;height:30px}
  .pd-logo-word{font-size:18px}
  .pd-header-act{gap:6px}
  .pd-cta{height:38px;padding:0 14px;font-size:14px;border-radius:10px}
  .pd-burger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:999px;background:#f1f2f4;cursor:pointer;padding:0}
  .pd-burger span,.pd-burger span::before,.pd-burger span::after{display:block;width:16px;height:2px;background:#121417;border-radius:2px;position:relative;transition:transform .2s}
  .pd-burger span::before,.pd-burger span::after{content:"";position:absolute;left:0}
  .pd-burger span::before{top:-5px}.pd-burger span::after{top:5px}
  .pd-open .pd-burger span{background:transparent}
  .pd-open .pd-burger span::before{transform:translateY(5px) rotate(45deg)}
  .pd-open .pd-burger span::after{transform:translateY(-5px) rotate(-45deg)}
  .pd-mnav{display:block;position:fixed;left:12px;right:12px;top:68px;z-index:49;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(18,20,23,.18),0 0 0 1px rgba(18,20,23,.05);padding:8px;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .18s,transform .18s}
  .pd-open .pd-mnav{opacity:1;transform:none;pointer-events:auto}
  .pd-mnav a{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;color:#121417;letter-spacing:-.4px}
  .pd-mnav a:active{background:#f4f5f7}
  .pd-mnav a[aria-current="page"]{color:#2b5cff}
  .pd-mnav .pd-mnav-cta{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 8px 6px;border-top:1px solid #eceef1;margin-top:6px}
  .pd-mnav .pd-mnav-cta a{justify-content:center;height:48px;font-size:15px;background:#f1f2f4}
  .pd-mnav .pd-mnav-cta a.pd-dark{background:#121417;color:#fff}
  /* 플로팅 버튼 */
  [data-dc-tpl]>div[style*="position: fixed"]{right:14px!important;bottom:14px!important;gap:8px!important}
  [data-dc-tpl]>div[style*="position: fixed"]>a{width:50px!important;height:50px!important}
  /* 가로 스크롤 칩 */
  .pd-chips{flex-wrap:nowrap!important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-20px!important;margin-right:-20px!important;padding-left:20px!important;padding-right:20px!important}
  .pd-chips::-webkit-scrollbar{display:none}
  .pd-chips>*{flex-shrink:0!important}
  /* 줄바꿈 고정 해제 */
  [style*="white-space: nowrap"]{white-space:normal}
  /* 스택 */
  .pd-stack{flex-direction:column!important;align-items:stretch!important}
  .pd-stack>*{width:auto!important;max-width:100%!important}
  .pd-wrap{flex-wrap:wrap!important}
  input,select,textarea{font-size:16px!important}


  h1[style*="nowrap"],h2[style*="nowrap"],p[style*="nowrap"]{white-space:normal!important}
  [style*="justify-content: space-between"]:not([style*="flex-direction: column"]):not(header):not(summary):not(label):not(button){flex-wrap:wrap!important;row-gap:16px!important}
  [style*="align-items: baseline"]{flex-wrap:wrap!important;row-gap:2px!important}
  .pd-hero-txt>div{flex-wrap:wrap!important}
  .pd-hero-txt a{white-space:nowrap}
  .pd-hero-txt>div:not([style*="border-top"]) a{padding-left:18px!important;padding-right:18px!important;font-size:15px!important;min-height:52px!important;height:52px!important;gap:8px!important}
  a[style*="border-radius: 999px"],button[style*="border-radius: 999px"]{white-space:nowrap}
  .pd-hero-txt>div[style*="border-top"]{gap:14px 22px!important}
  .pd-scrollx>:last-child{order:-1}
  .pd-scrollx>:first-child{order:-2}
  #contact [style*="gap: 44px"]{flex-wrap:wrap!important;gap:14px 26px!important}
  #contact [style*="gap: 44px"] span{white-space:nowrap}
  /* 히어로 (절대배치 캔버스 → 세로 흐름) */
  .pd-hero{height:auto!important;width:100%!important;display:flex!important;flex-direction:column;overflow:hidden!important}
  .pd-hero-txt{position:relative!important;left:auto!important;top:auto!important;bottom:auto!important;width:auto!important;order:1;padding:100px 20px 0!important;gap:18px!important}
  .pd-hero-txt p{font-size:16px!important;line-height:1.65!important}
  .pd-hero-vis{position:relative!important;inset:auto!important;order:2;flex-shrink:0;margin:36px auto 0!important;width:620px!important;height:756px!important}
  .pd-hero-dark{background:#121417}
  .pd-hero-collage{display:none!important}
  .pd-hero-dark .pd-hero-txt{padding-bottom:48px!important}
  .pd-hide-m{display:none!important}
  .pd-hero-vis-short{height:616px!important}
  section.pd-hero{padding-bottom:8px}
  /* 고객지원 히어로 떠 있는 질문 칩 */
  #top>span[style*="position: absolute"]{display:none!important}
  .pd-search{width:100%!important;height:58px!important;padding:0 18px!important;box-sizing:border-box}
  /* 비교표 가로 스크롤 */
  .pd-scrollx{overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:6px}
  .pd-scrollx>*{flex-shrink:0!important;min-width:128px}
  .pd-scrollx>:first-child{min-width:96px;width:96px!important}
  /* 표 머리행(단계/사장님/팬텀디자인) */
  [style*="220px minmax(0px, 1fr) minmax(0px, 1fr)"][style*="height: 56px"]{display:none!important}
}
@media (max-width:560px){
  [style*="grid-template-columns: repeat(3"],[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(2, minmax"]{grid-template-columns:minmax(0,1fr)!important}
  .pd-keep2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ---------- 작업 사례 카드 ---------- */
.pd-card-img{border-radius:18px;overflow:hidden;background:#f1f2f4;box-shadow:0 0 0 1px #eceef2;aspect-ratio:16/10}
.pd-card-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.pd-card:hover{opacity:1}
.pd-card:hover .pd-card-img img{transform:scale(1.035)}
.pd-chip-n{margin-left:6px;font-size:12px;font-weight:700;opacity:.55}
@media (max-width:1023px){.pd-grid{gap:36px 16px!important}}
.pd-visit{align-self:flex-start;display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:12px;background:#fff;color:#121417;font-size:15px;font-weight:800;text-decoration:none;letter-spacing:-.3px}
.pd-visit:hover{background:#e8edff;opacity:1}
[data-case-url]+*,span[style*="margin-left: auto; font-size: 11px"]{white-space:nowrap}
@media (max-width:560px){
  .pd-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important}
  .pd-card{gap:10px!important}
  .pd-card-img{border-radius:12px}
  .pd-card>div:last-child>span:last-child{display:none}
  .pd-card>div:last-child>span:first-child>span:first-child{font-size:16px!important}
  .pd-card>div:last-child>span:first-child>span:last-child{font-size:12.5px!important;line-height:1.45}
}

/* ---------- 홈 히어로: 실제 제작 사이트 벽 ---------- */
.pd-wall{position:absolute;inset:0;overflow:hidden}
.pd-wall-grid{position:absolute;left:-100px;top:-260px;width:820px;height:1300px;display:flex;gap:18px;transform:rotate(-11deg);transform-origin:50% 50%}
.pd-wall-col{flex:1;overflow:hidden}
.pd-wall-track{display:flex;flex-direction:column;gap:18px;animation:pd-wall-up 60s linear infinite}
.pd-wall-col1 .pd-wall-track{animation-name:pd-wall-down;animation-duration:70s}
.pd-wall-col2 .pd-wall-track{animation-duration:54s}
.pd-wall-track img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top center;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.06)}
@keyframes pd-wall-up{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 9px))}}
@keyframes pd-wall-down{from{transform:translateY(calc(-50% - 9px))}to{transform:translateY(0)}}
.pd-wall-shade{position:absolute;inset:0;background:rgba(17,18,24,.42)}
.pd-wall-glow{display:none}
.pd-hero-phone{z-index:2;box-shadow:0 50px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.08)!important}
@media (prefers-reduced-motion:reduce){.pd-wall-track{animation:none}}

/* ---------- 히어로 시안 비교 (A: 사이트 컬라주 / B: PC+모바일 기기 / C: 사이트 벽+채팅폰) ---------- */
.pd-vb,.pd-va{display:none}
html.pd-hero-a .pd-wall,html.pd-hero-a .pd-hero-phone,html.pd-hero-b .pd-wall,html.pd-hero-b .pd-hero-phone{display:none!important}
/* B */
html.pd-hero-b .pd-hero-vis{background:#f1f2f5!important}
html.pd-hero-b .pd-vb{display:block;position:absolute;inset:0}
.pd-vb-browser{position:absolute;left:96px;top:110px;width:490px;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 40px 80px rgba(18,20,23,.16),0 0 0 1px rgba(18,20,23,.06)}
.pd-vb-bar{height:34px;display:flex;align-items:center;gap:6px;padding:0 14px;background:#f6f7f9;border-bottom:1px solid #eceef1}
.pd-vb-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57}.pd-vb-bar i:nth-child(2){background:#febc2e}.pd-vb-bar i:nth-child(3){background:#28c840}
.pd-vb-bar span{margin-left:12px;display:flex;align-items:center;gap:6px;height:22px;padding:0 12px;border-radius:6px;background:#fff;font-size:11.5px;font-weight:600;color:#5f6672;box-shadow:0 0 0 1px #eceef1}
.pd-vb-bar svg{width:11px;height:11px;fill:none;stroke:#1f9d55;stroke-width:2.4}
.pd-vb-browser img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pd-vb-phone{position:absolute;left:40px;top:330px;width:190px;height:400px;box-sizing:border-box;padding:8px;border-radius:38px;background:#121417;box-shadow:0 40px 80px rgba(18,20,23,.3)}
.pd-vb-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:31px}
/* A */
html.pd-hero-a .pd-hero-vis{background:transparent!important;overflow:visible!important}
html.pd-hero-a .pd-va{display:block;position:absolute;left:-20px;top:30px;width:1100px;height:900px;perspective:1600px}
.pd-va-grid{display:grid;grid-template-columns:repeat(3,330px);gap:22px;transform:rotateX(28deg) rotateZ(-22deg) translate(40px,-40px);transform-origin:0 0}
.pd-va-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:12px;box-shadow:0 24px 50px rgba(18,20,23,.18),0 0 0 1px rgba(18,20,23,.06)}
html.pd-hero-a section.pd-hero{overflow:hidden}
@media (max-width:1023px){html.pd-hero-a .pd-hero-vis{overflow:hidden!important;height:560px!important}html.pd-hero-a .pd-va{left:-60px;top:-40px}}

/* =========================================================
   모바일 보정 2차 — 320px 기준
   ========================================================= */
@media (max-width:1023px){
  /* 고정 행 높이 격자 → 내용 높이 */
  [style*="grid-auto-rows"]{grid-auto-rows:auto!important}
  [style*="grid-area: span 2"]{grid-area:auto!important}
  /* 반응형 디자인 카드: 절대배치 목업 공간 확보 */
  [style*="grid-area: span 2 / span 7"]{min-height:420px}
  [style*="grid-area: span 2 / span 7"]>div[style*="position: absolute"][style*="left: 36px"]{left:24px!important;bottom:24px!important}
  [style*="grid-area: span 2 / span 7"]>div[style*="position: absolute"][style*="right: 44px"]{right:18px!important;bottom:18px!important;zoom:.72}
  /* 도메인 주소 알약 */
  [style*="height: 50px"][style*="border-radius: 999px"]{height:auto!important;min-height:50px;flex-wrap:wrap;row-gap:6px;padding:10px 16px!important}
  a[href^="mailto:"],a[href^="mailto:"] *{overflow-wrap:anywhere;word-break:break-all}
}
@media (max-width:560px){
  /* 카드 안쪽 여백 */
  :where([style*="padding: 32px"],[style*="padding: 36px"],[style*="padding: 44px"],[style*="padding: 48px"]):not(section):not(footer):not([aria-hidden="true"] *):not(.pd-hero-vis *){padding:24px 20px!important}
  /* 제목 */
  h1{font-size:clamp(25px,8vw,34px)!important;letter-spacing:-1.2px!important}
  h2{font-size:clamp(22px,6.9vw,28px)!important}
  [style*="font-size: 22px"]:not(h1):not(h2):not(.pd-hero-vis *){font-size:19px!important}
  [style*="font-size: 21px"]:not(.pd-hero-vis *){font-size:18px!important}
  [style*="font-size: 26px"]:not(.pd-plus){font-size:22px!important}
  /* 홈 히어로: 버튼 꽉 차게, 수치 3칸 */
  .pd-hero-txt{padding-top:92px!important}
  .pd-hero-txt>div:not([style*="border-top"]){display:grid!important;grid-template-columns:1fr;gap:8px!important}
  .pd-hero-txt>div:not([style*="border-top"]) a{justify-content:center;width:100%;box-sizing:border-box}
  .pd-hero-txt>div[style*="border-top"]{display:grid!important;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:4px 10px!important;margin-top:20px!important;padding-top:18px!important}
  .pd-hero-txt>div[style*="border-top"] span[style*="font-size: 22px"]{font-size:17px!important}
  .pd-hero-txt>div[style*="border-top"] span[style*="font-size: 13px"]{font-size:12px!important;line-height:1.35}
  /* 홈 히어로 그림: 휴대폰이 크게 보이도록 오른쪽을 잘라서 */
  .pd-hero-vis:not(.pd-hero-vis-short){width:440px!important;height:640px!important;border-radius:26px!important}
  .pd-hero-phone{left:70px!important;top:52px!important}
  html.pd-hero-b .pd-vb-browser{left:120px}
  html.pd-hero-b .pd-vb-phone{left:36px;top:250px}
  /* 상담 신청 히어로 그림은 폼 바로 위라 숨김 */
  .pd-hero-vis-short{display:none!important}
  /* 공지 표 */
  [style*="grid-template-columns: 96px minmax(0px, 1fr) 160px"][style*="height: 52px"]{display:none!important}
  a[style*="grid-template-columns: 96px minmax(0px, 1fr) 160px"]{grid-template-columns:auto minmax(0,1fr)!important;column-gap:12px!important;row-gap:2px!important;padding:14px 0!important;height:auto!important;min-height:0!important}
  a[style*="grid-template-columns: 96px minmax(0px, 1fr) 160px"]>:nth-child(3){grid-column:2;grid-row:2;justify-self:start!important;font-size:12.5px!important}
  /* 작업 사례 카드 이름 */
  .pd-card span{overflow-wrap:anywhere}
  /* 떠 있는 상담 버튼 */
  [data-dc-tpl]>div[style*="position: fixed"]{right:12px!important;bottom:12px!important;gap:8px!important}
  [data-dc-tpl]>div[style*="position: fixed"]>a{width:46px!important;height:46px!important}
  [data-dc-tpl]>div[style*="position: fixed"] svg{width:21px;height:21px}
  /* 연락 채널 카드 */
  a[style*="padding: 18px 20px"]{padding:16px!important;gap:12px!important}
  a[style*="padding: 18px 20px"]>span[style*="width: 48px"]{width:40px!important;height:40px!important}
}
@media (max-width:360px){
  .pd-header-in{padding:0 8px 0 14px}
  .pd-logo-word{font-size:16.5px}
  .pd-logo-mark{width:28px;height:28px}
  .pd-cta{padding:0 12px;font-size:13.5px}
  [style*="max(60px, 50% - 660px)"]{padding-left:16px!important;padding-right:16px!important}
  .pd-hero-txt{padding-left:16px!important;padding-right:16px!important}
  .pd-card>div:last-child>span:first-child>span:first-child{font-size:15px!important}
}
@media (max-width:560px){
  [style*="padding: 7px 12px"][style*="border-radius: 999px"]{white-space:nowrap}
  div:has(> [style*="padding: 7px 12px"][style*="border-radius: 999px"]){flex-wrap:wrap!important}
}

/* ---------- 노트북 폭(1024~1439): 전체 축소 대신 유동 레이아웃 ---------- */
@media (min-width:1024px){
  [data-dc-tpl]{min-width:0!important}
}
@media (min-width:1024px) and (max-width:1439px){
  /* 첫 화면: 글/그림 경계를 폭에 비례 (1440px에서 기존 배치와 일치) */
  .pd-hero-vis{left:calc(39.9vw + 185px)!important}
  .pd-hero-txt{width:min(610px,calc(39.9vw + 85px))!important}
  .pd-hero-txt h1{font-size:min(58px,calc(3.79vw + 8px))!important;line-height:1.25!important}
  .pd-hero-phone{left:min(64px,calc(100% - 336px))!important}
  /* 상담신청 첫 화면 그림: 통째로 비율 축소 (배율은 site.js) */
  .pd-hero-vis-short{left:auto!important;right:60px!important;width:620px!important;transform:scale(var(--pd-s,1));transform-origin:right center}
  /* 서브 페이지 제목 */
  h1[style*="font-size: 64px"]{font-size:min(64px,4.45vw)!important;line-height:1.2!important}
  h2[style*="font-size: 54px"]{font-size:min(54px,3.75vw)!important;line-height:1.26!important}
  h2[style*="font-size: 44px"]{font-size:min(44px,3.06vw)!important;line-height:1.32!important}
  h2[style*="font-size: 42px"],h2[style*="font-size: 40px"]{font-size:min(42px,2.92vw)!important;line-height:1.3!important}
  #work [style*="flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px"]{flex:0 0 300px!important}
}
@media (max-width:1439px){
  /* 작업 사례 쇼케이스: 그림이 폭에 맞춰 줄어듦 */
  #work h2{white-space:normal!important}
  #work>div:first-child{flex-wrap:wrap;row-gap:16px}
  #work [style*="width: 780px; flex-shrink: 0"]{flex:1 1 auto!important;width:auto!important;min-width:0}
  #work [style*="width: 780px; height: 452px; overflow: hidden"]{width:100%!important;height:auto!important;aspect-ratio:780/452}
  #work [data-case-panel],#work [data-case-panel]>div{height:100%}
  #work [data-case-panel] img{width:100%!important;height:100%!important}
}
@media (max-width:1023px){
  /* 태블릿·모바일: 목록 위, 그림 아래 */
  #work [style*="display: flex; gap: 40px; align-items: flex-start;"]{flex-direction:column!important;align-items:stretch!important;gap:24px!important}
  #work [style*="flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 8px"]{flex:none!important;width:100%}
  #work [style*="width: 780px; flex-shrink: 0"]{width:100%!important}
  /* 큰 숫자 */
  [style*="font-size: 80px"],[style*="font-size: 66px"]{font-size:56px!important;line-height:1.05!important}
  [style*="font-size: 104px"]{font-size:56px!important;line-height:1!important}
}
/* 작업 사례 카드: 긴 이름이면 태그를 아래 줄로 */
.pd-card>div:last-child{flex-wrap:wrap;row-gap:4px}
.pd-card>div:last-child>span:first-child>span:first-child{overflow-wrap:anywhere}
@media (max-width:560px){
  [style*="font-size: 80px"],[style*="font-size: 66px"]{font-size:52px!important;line-height:1.05!important}
  [style*="font-size: 104px"]{font-size:48px!important}
}

@media (min-width:1024px) and (max-width:1439px){
  [style*="font-size: 80px"]{font-size:min(80px,5.55vw)!important}
  [style*="font-size: 66px"]{font-size:min(66px,4.6vw)!important}
  [style*="font-size: 104px"]{font-size:min(104px,7.2vw)!important}
}
/* 긴 이름 제목 */
h1{overflow-wrap:anywhere}
@media (max-width:560px){
  /* 비교표: 가로 스크롤 대신 3칸 (항목 / 일반 제작 업체 / 팬텀디자인) */
  .pd-scrollx{overflow:visible!important;padding-bottom:0}
  .pd-scrollx>*{min-width:0!important;flex:1 1 0!important}
  .pd-scrollx>:first-child{flex:0 0 76px!important;width:76px!important}
  .pd-scrollx>:nth-child(2){display:none!important}
  .pd-scrollx>:last-child{flex:1.15 1 0!important}
  .pd-scrollx>* > div{font-size:12.5px!important;line-height:1.35!important;height:auto!important;min-height:60px;padding:0 4px;box-sizing:border-box;word-break:keep-all}
  .pd-scrollx>* > div:first-child{min-height:70px}
  .pd-scrollx>* > div span{font-size:12.5px!important}
}
[style*="padding: 7px 12px"][style*="border-radius: 999px"]{white-space:nowrap}
div:has(> [style*="padding: 7px 12px"][style*="border-radius: 999px"]){flex-wrap:wrap!important}
@media (min-width:561px) and (max-width:1023px){
  h1{font-size:clamp(34px,4.5vw,46px)!important}
  h2{font-size:clamp(28px,3.1vw,31px)!important}
}

/* ---------- 모바일 홈 히어로 압축 (2026-10-06 "너무 큼직하고 여백 많다") ---------- */
@media (max-width:560px){
  .pd-hero-txt{padding-top:84px!important;gap:0!important}
  .pd-hero-txt h1{font-size:clamp(24px,7.2vw,29px)!important;line-height:1.3!important}
  .pd-hero-txt>p{margin-top:14px!important;font-size:15px!important;line-height:1.6!important}
  .pd-hero-txt>div:not([style*="border-top"]){margin-top:22px!important;grid-template-columns:minmax(0,1fr) auto!important}
  .pd-hero-txt>div:not([style*="border-top"]) a{min-height:48px!important;height:48px!important;font-size:15px!important;padding-left:16px!important;padding-right:16px!important}
  .pd-hero-txt>div[style*="border-top"]{margin-top:22px!important;padding-top:16px!important}
  .pd-hero-vis:not(.pd-hero-vis-short){height:500px!important;margin-top:28px!important}
  .pd-hero-phone{top:40px!important;transform:scale(.82);transform-origin:50% 0}
}
@media (max-width:374px){
  .pd-hero-txt>div:not([style*="border-top"]){grid-template-columns:1fr!important}
}
@media (max-width:374px){
  .pd-hero-txt>div[style*="border-top"] span[style*="font-size: 13px"]{font-size:11.5px!important;letter-spacing:-.3px}
}

/* ===================== 2026-10-06 구독료 포함 · 진행 과정 · 요금 섹션 재구성 (.pdx) ===================== */
.pdx{--ink:#121417;--sub:#5f6672;--mute:#8a919c;--line:#e3e6ea;--soft:#f6f7f9;--pur:#2b5cff;--pur-s:#edf1ff;flex-shrink:0;box-sizing:border-box;padding:112px max(60px,calc(50% - 660px));background:#fff;color:var(--ink)}
.pdx *{box-sizing:border-box}
.pdx h2,.pdx h3,.pdx p,.pdx ul,.pdx ol{margin:0;padding:0}
.pdx ul,.pdx ol{list-style:none}
.pdx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:56px}
.pdx-head>div{display:flex;flex-direction:column;gap:14px}
.pdx-head h2{font-size:44px;line-height:1.32;font-weight:800;letter-spacing:-.04em}
.pdx-head>p{max-width:400px;font-size:17px;line-height:1.7;color:#3b414b}
.pdx-head-c{flex-direction:column;align-items:center;text-align:center;gap:14px}
.pdx-eyebrow{font-size:14px;font-weight:800;color:var(--pur);letter-spacing:-.01em}
.pdx-mute{color:var(--mute)}
.pdx-card{position:relative;border-radius:28px;overflow:hidden}
.pdx-card h3{font-size:26px;line-height:1.35;font-weight:900;letter-spacing:-.03em}
.pdx-card p{font-size:16px;line-height:1.65;color:var(--sub)}
.pdx-tag{display:inline-flex;align-self:flex-start;height:28px;align-items:center;padding:0 12px;border-radius:999px;background:var(--pur-s);color:var(--pur);font-size:13px;font-weight:800}
/* 구독료 포함 */
.pdx-inc-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px}
.pdx-design{background:var(--soft);padding:40px 40px 0;display:flex;flex-direction:column;gap:12px;min-height:520px}
.pdx-devices{position:relative;margin-top:auto;padding-top:28px;height:330px}
.pdx-laptop{position:absolute;left:0;bottom:-24px;width:82%;border-radius:12px 12px 0 0;overflow:hidden;background:#fff;box-shadow:0 24px 50px rgba(18,20,23,.14),0 0 0 1px rgba(18,20,23,.06)}
.pdx-bar{height:24px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#f1f2f4}
.pdx-bar i{width:7px;height:7px;border-radius:9px;background:#d6d9de}
.pdx-laptop img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pdx-phone{position:absolute;right:0;bottom:-40px;width:26%;max-width:190px;aspect-ratio:9/19;border-radius:30px;background:var(--ink);padding:7px;box-shadow:0 30px 60px rgba(18,20,23,.28)}
.pdx-phone img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:24px}
.pdx-ops{background:var(--ink);color:#fff;padding:36px 32px 28px;display:flex;flex-direction:column;gap:14px}
.pdx-ops-top{display:flex;justify-content:space-between;align-items:center}
.pdx-tag-d{background:rgba(255,255,255,.1);color:#fff}
.pdx-live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#aeb4bd}
.pdx-live i{width:7px;height:7px;border-radius:9px;background:#3ddc84;box-shadow:0 0 0 4px rgba(61,220,132,.16)}
.pdx-ops h3{color:#fff}
.pdx-ops-list{margin-top:6px!important;display:flex;flex-direction:column}
.pdx-ops-list li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px 0;border-top:1px solid rgba(255,255,255,.08)}
.pdx-ic{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center}
.pdx-ic svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pdx-ops-list b{display:flex;flex-direction:column;gap:3px;font-size:15.5px;font-weight:800;letter-spacing:-.02em}
.pdx-ops-list small{font-size:13px;font-weight:500;color:#8f96a1}
.pdx-ops-list em{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:#3ddc84;white-space:nowrap}
.pdx-ops-list em::before{content:"";width:6px;height:6px;border-radius:9px;background:currentColor}
.pdx-owner{grid-column:1/-1;background:var(--pur-s);padding:40px 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:40px;align-items:center}
.pdx-owner-txt{display:flex;flex-direction:column;gap:12px}
.pdx-owner p{color:#4a4f5a;max-width:560px}
.pdx-who{display:flex;align-items:center;gap:12px;margin-top:10px}
.pdx-who>span{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.pdx-who b{display:flex;flex-direction:column;gap:2px;font-size:15px;font-weight:800}
.pdx-who small{font-size:13px;font-weight:500;color:var(--sub)}
.pdx-chat{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:22px;padding:22px;box-shadow:0 18px 40px rgba(43,92,255,.12)}
/* 말풍선 (포함·진행 공용) */
.pdx-msg{font-size:14.5px;line-height:1.5;font-weight:700;letter-spacing:-.02em}
.pdx-me{align-self:flex-end;max-width:88%;padding:11px 15px;border-radius:18px 18px 4px 18px;background:var(--pur);color:#fff}
.pdx-you{align-self:flex-start;display:flex;align-items:flex-start;gap:8px;max-width:94%}
.pdx-you i{flex-shrink:0;width:28px;height:28px;border-radius:9px;background:var(--pur);color:#fff;font-style:normal;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pdx-you span{padding:11px 15px;border-radius:4px 18px 18px 18px;background:#f1f2f5;color:var(--ink);font-weight:600}
/* 진행 과정 */
.pdx-proc{background:var(--soft)}
.pdx-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;counter-reset:s}
.pdx-steps>li{background:#fff;border-radius:24px;padding:28px 24px 26px;display:flex;flex-direction:column;gap:12px;box-shadow:0 0 0 1px var(--line)}
.pdx-step-n{display:flex;align-items:center;gap:12px;margin-bottom:4px}
.pdx-step-n span{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-size:14px;font-weight:900;display:flex;align-items:center;justify-content:center}
.pdx-steps>li:last-child .pdx-step-n span{background:var(--pur)}
.pdx-step-n i{flex:1;height:2px;background:repeating-linear-gradient(90deg,#cfd3da 0 6px,transparent 6px 12px)}
.pdx-steps>li:last-child .pdx-step-n i{display:none}
.pdx-steps h3{font-size:22px;font-weight:900;letter-spacing:-.03em;margin-bottom:4px}
.pdx-steps .pdx-me{max-width:100%}
.pdx-steps .pdx-you{max-width:100%}
.pdx-steps .pdx-you span{background:var(--soft)}
/* 요금 */
.pdx-price .pdx-head{margin-bottom:48px}
.pdx-plan{display:grid;grid-template-columns:420px minmax(0,1fr);border-radius:28px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.pdx-plan-l{background:var(--ink);color:#fff;padding:48px;display:flex;flex-direction:column;gap:20px}
.pdx-badge{align-self:flex-start;padding:6px 12px;border-radius:999px;background:var(--pur);font-size:13px;font-weight:800}
.pdx-price-n{display:flex;align-items:baseline;gap:8px}
.pdx-price-n b{font-size:76px;line-height:1;font-weight:900;letter-spacing:-.05em}
.pdx-price-n span{font-size:20px;font-weight:700;color:#c9ced6}
.pdx-price-note{font-size:14px;color:#aeb4bd}
.pdx-btn{margin-top:auto;height:58px;border-radius:999px;background:var(--pur);color:#fff;font-size:17px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none}
.pdx-more{font-size:14px;font-weight:700;color:#fff;text-decoration:none;text-align:center}
.pdx-plan-r{background:#fff;padding:48px 56px;display:flex;flex-direction:column;gap:22px}
.pdx-plan-h{font-size:18px;font-weight:900;letter-spacing:-.02em}
.pdx-incl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pdx-incl li{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:16px;background:var(--soft);font-size:16px;font-weight:800;letter-spacing:-.02em}
.pdx-incl svg{flex-shrink:0;width:22px;height:22px;padding:3px;border-radius:50%;background:var(--pur);fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pdx-terms{margin-top:4px;padding:20px 22px;border-radius:16px;box-shadow:0 0 0 1px var(--line);display:flex;flex-direction:column;gap:8px}
.pdx-terms span{font-size:14px;font-weight:900}
.pdx-terms li{position:relative;padding-left:12px;font-size:14px;line-height:1.6;color:var(--sub)}
.pdx-terms li::before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;border-radius:9px;background:#b3b8c0}

@media (min-width:1024px) and (max-width:1279px){
  .pdx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdx-plan{grid-template-columns:360px minmax(0,1fr)}
  .pdx-plan-r{padding:40px}
}
@media (max-width:1023px){
  .pdx{padding:80px 32px}
  .pdx-head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:36px}
  .pdx-head-c{align-items:center}
  .pdx-head h2{font-size:36px}
  .pdx-inc-grid{grid-template-columns:1fr}
  .pdx-design{min-height:0}
  .pdx-devices{height:auto;aspect-ratio:16/8.4}
  .pdx-owner{grid-template-columns:1fr;gap:24px}
  .pdx-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pdx-plan{grid-template-columns:1fr}
}
@media (max-width:560px){
  .pdx{padding:64px 20px}
  .pdx-head{margin-bottom:28px}
  .pdx-head h2{font-size:clamp(23px,7vw,28px)!important;line-height:1.35}
  .pdx-head>p{font-size:15px}
  .pdx-head>p br{display:none}
  .pdx-card h3{font-size:21px}
  .pdx-card p{font-size:15px}
  .pdx-inc-grid{gap:12px}
  .pdx-card{border-radius:22px}
  .pdx-design{padding:26px 22px 0}
  .pdx-devices{padding-top:18px;aspect-ratio:16/9.6}
  .pdx-phone{border-radius:20px;padding:5px;width:28%}
  .pdx-phone img{border-radius:16px}
  .pdx-laptop{border-radius:8px 8px 0 0}
  .pdx-bar{height:16px;gap:4px;padding:0 8px}.pdx-bar i{width:5px;height:5px}
  .pdx-ops{padding:26px 20px 18px}
  .pdx-ops-list li{grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:13px 0}
  .pdx-ic{width:36px;height:36px;border-radius:10px}
  .pdx-ops-list b{font-size:15px}
  .pdx-ops-list small{font-size:12.5px}
  .pdx-owner{padding:26px 22px;gap:20px}
  .pdx-chat{padding:16px;border-radius:18px}
  .pdx-msg{font-size:14px}
  .pdx-steps{grid-template-columns:1fr;gap:0;position:relative}
  .pdx-steps>li{background:none;box-shadow:none;border-radius:0;padding:0 0 26px 56px;position:relative;gap:10px}
  .pdx-steps>li:last-child{padding-bottom:0}
  .pdx-step-n{position:absolute;left:0;top:-6px;margin:0;flex-direction:column;height:calc(100% + 6px);gap:6px}
  .pdx-step-n i{flex:1;width:2px;height:auto;background:repeating-linear-gradient(180deg,#cfd3da 0 6px,transparent 6px 12px)}
  .pdx-steps h3{font-size:19px;margin:2px 0 2px}
  .pdx-steps .pdx-you span{background:#fff}
  .pdx-plan{border-radius:22px}
  .pdx-plan-l{padding:30px 24px;gap:16px}
  .pdx-price-n b{font-size:58px}
  .pdx-price-n span{font-size:17px}
  .pdx-btn{height:52px;font-size:16px;margin-top:6px}
  .pdx-plan-r{padding:28px 20px;gap:18px}
  .pdx-incl{grid-template-columns:1fr 1fr;gap:8px}
  .pdx-incl li{padding:13px 12px;font-size:14px;gap:8px;border-radius:12px}
  .pdx-incl svg{width:20px;height:20px}
  .pdx-terms{padding:16px}
  .pdx-terms li{font-size:13.5px}
}
@media (max-width:360px){
  .pdx{padding-left:16px;padding-right:16px}
  .pdx-incl{grid-template-columns:1fr}
}
.pdx{word-break:keep-all}
.pdx-head-c p{max-width:none}
@media (max-width:560px){
  .pdx-design{gap:10px}
  .pdx-devices{padding-top:6px;margin-top:14px}
  .pdx-incl{grid-template-columns:1fr;gap:6px}
  .pdx-incl li{padding:12px 14px}
}
@media (max-width:374px){.pdx-price-note{font-size:12.5px;letter-spacing:-.2px}}
/* 상담 채널 카드: 왼쪽 FAQ 높이에 맞춰 늘리고 채널 칸을 고르게 (2026-10-06) */
@media (min-width:1024px){
  .pd-ch{align-self:stretch!important}
  .pd-ch>a{flex:1;position:relative;padding:22px 56px 22px 24px!important;gap:18px!important;transition:box-shadow .2s,transform .2s}
  .pd-ch>a:hover{box-shadow:0 12px 28px rgba(18,20,23,.08);transform:translateY(-2px)}
  .pd-ch>a>span:first-child{width:56px!important;height:56px!important}
  .pd-ch>a::after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;border-top:2px solid #b3b8c0;border-right:2px solid #b3b8c0;transform:translateY(-50%) rotate(45deg)}
}
/* 업종 맞춤 디자인: 실제 고객 사이트 모바일 화면이 위아래로 흐르는 목업 (2026-10-06) */
.pdx-design{padding-bottom:0}
.pdx-reel{position:relative;margin:22px -40px 0;flex:1;min-height:360px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0 24px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 40px,#000 calc(100% - 30px),transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 40px,#000 calc(100% - 30px),transparent 100%)}
.pdx-col{position:relative;overflow:hidden}
.pdx-track{display:flex;flex-direction:column;gap:14px;animation:pdxUp 38s linear infinite}
.pdx-col2 .pdx-track,.pdx-col4 .pdx-track{animation-name:pdxDown;animation-duration:44s}
.pdx-col3 .pdx-track{animation-duration:34s}
.pdx-ph{flex-shrink:0;border-radius:18px;padding:5px;background:#121417;box-shadow:0 14px 30px rgba(18,20,23,.16)}
.pdx-ph img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:13px;background:#e9ebef}
.pdx-reel:hover .pdx-track{animation-play-state:paused}
@keyframes pdxUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
@keyframes pdxDown{from{transform:translateY(calc(-50% - 7px))}to{transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.pdx-track{animation:none}}
@media (max-width:1023px){.pdx-reel{min-height:420px;margin:22px -40px 0}}
@media (max-width:560px){
  .pdx-reel{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px;margin:16px -22px 0;min-height:330px;height:330px}
  .pdx-col4{display:none}
  .pdx-track{gap:10px}
  .pdx-ph{border-radius:14px;padding:4px}.pdx-ph img{border-radius:10px}
  @keyframes pdxUp{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 5px))}}
  @keyframes pdxDown{from{transform:translateY(calc(-50% - 5px))}to{transform:translateY(0)}}
}
.pdx-track{position:absolute;left:0;top:0;width:100%}
.pdx-reel{height:auto}
@media (max-width:560px){.pdx-reel{height:330px}}
/* ===================== 업종별 제작 사례 쇼케이스 (2026-10-06) ===================== */
.pdx-sc{background:var(--soft);padding-top:96px;padding-bottom:96px}
.pdx-sc .pdx-head{margin-bottom:32px}
.pdx-sc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.pdx-sc-tab{appearance:none;border:0;cursor:pointer;height:46px;padding:0 20px;border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:15.5px;font-weight:800;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:7px;box-shadow:0 0 0 1px var(--line);transition:background .15s,color .15s}
.pdx-sc-tab small{font-size:12.5px;font-weight:800;color:var(--mute)}
.pdx-sc-tab:hover{box-shadow:0 0 0 1px var(--ink)}
.pdx-sc-tab[aria-selected="true"]{background:var(--ink);color:#fff;box-shadow:none}
.pdx-sc-tab[aria-selected="true"] small{color:rgba(255,255,255,.6)}
.pdx-sc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pdx-sc-grid[hidden]{display:none}
.pdx-sc-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:0 0 0 1px var(--line);transition:transform .25s,box-shadow .25s}
.pdx-sc-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(18,20,23,.12)}
.pdx-sc-shot{position:relative;padding:22px 22px 0;background:#eceef2;overflow:hidden;aspect-ratio:16/11}
.pdx-sc-pc{border-radius:10px 10px 0 0;overflow:hidden;background:#fff;box-shadow:0 14px 30px rgba(18,20,23,.14);width:84%}
.pdx-sc-pc .pdx-bar{height:20px;padding:0 9px;gap:4px}
.pdx-sc-pc .pdx-bar i{width:6px;height:6px}
.pdx-sc-pc .pdx-bar em{font-style:normal;font-size:10px;color:#8a919c;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdx-sc-pc img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;transition:transform .6s}
.pdx-sc-mo{position:absolute;right:18px;bottom:-26px;width:27%;border-radius:16px;padding:4px;background:var(--ink);box-shadow:0 16px 32px rgba(18,20,23,.3);transition:transform .35s}
.pdx-sc-mo img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:12px}
.pdx-sc-card:hover .pdx-sc-mo{transform:translateY(-10px)}
.pdx-sc-card:hover .pdx-sc-pc img{transform:scale(1.03)}
.pdx-sc-meta{padding:20px 22px 22px;display:flex;flex-direction:column;gap:5px}
.pdx-sc-cat{font-size:12.5px;font-weight:800;color:var(--pur)}
.pdx-sc-meta b{font-size:19px;font-weight:900;letter-spacing:-.03em}
.pdx-sc-meta p{font-size:14.5px;color:var(--sub)}
.pdx-sc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pdx-sc-tags span{font-size:12px;font-weight:700;color:#4a4f5a;background:var(--soft);border-radius:999px;padding:4px 10px}
.pdx-sc-foot{display:flex;justify-content:center;margin-top:36px}
.pdx-sc-all{height:52px;padding:0 28px;border-radius:999px;background:var(--ink);color:#fff;font-size:16px;font-weight:800;display:inline-flex;align-items:center;text-decoration:none}
@media (max-width:1023px){
  .pdx-sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .pdx-sc{padding-top:60px;padding-bottom:60px}
  .pdx-sc .pdx-head{margin-bottom:22px}
  .pdx-sc-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px 20px;padding:2px 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .pdx-sc-tabs::-webkit-scrollbar{display:none}
  .pdx-sc-tab{flex-shrink:0;height:40px;padding:0 15px;font-size:14px}
  .pdx-sc-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none}
  .pdx-sc-grid::-webkit-scrollbar{display:none}
  .pdx-sc-grid[hidden]{display:none}
  .pdx-sc-card{flex:0 0 82%;scroll-snap-align:start;border-radius:20px}
  .pdx-sc-shot{padding:16px 16px 0}
  .pdx-sc-meta{padding:16px 18px 18px}
  .pdx-sc-meta b{font-size:17px}
  .pdx-sc-meta p{font-size:13.5px}
  .pdx-sc-foot{margin-top:22px}
  .pdx-sc-all{height:48px;font-size:15px;padding:0 22px}
}
@media (max-width:360px){.pdx-sc-tabs,.pdx-sc-grid{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px}}
@media (max-width:560px){.pdx-sc-grid{scroll-padding-left:20px}.pdx-sc .pdx-head>p br{display:none}}
@media (max-width:360px){.pdx-sc-grid{scroll-padding-left:16px}}
/* 히어로 오른쪽 정리: 기울어진 사이트 벽 제거, 차분한 배경 + 휴대폰 + 작은 카드 2개 (2026-10-06) */
html.pd-hero-c .pd-wall{display:none!important}
html.pd-hero-c .pd-hero-vis{background:#ecf0ff!important}
html.pd-hero-c .pd-hero-phone{box-shadow:0 40px 80px rgba(40,68,160,.22),0 0 0 1px rgba(18,20,23,.06)!important}
.pdx-hv-badge,.pdx-hv-card{display:none}
html.pd-hero-c .pdx-hv-badge{display:inline-flex;position:absolute;z-index:3;top:40px;right:40px;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:#fff;font-size:14px;font-weight:800;color:#121417;box-shadow:0 12px 28px rgba(40,68,160,.14)}
html.pd-hero-c .pdx-hv-badge i{width:8px;height:8px;border-radius:9px;background:#2b5cff}
html.pd-hero-c .pdx-hv-card{display:flex;position:absolute;z-index:3;left:32px;bottom:44px;width:250px;align-items:center;gap:12px;padding:10px 14px 10px 10px;border-radius:18px;background:#fff;box-shadow:0 18px 40px rgba(40,68,160,.18)}
html.pd-hero-c .pdx-hv-card img{width:72px;height:48px;border-radius:9px;object-fit:cover;object-position:top}
html.pd-hero-c .pdx-hv-card span{display:flex;flex-direction:column;gap:2px;min-width:0}
html.pd-hero-c .pdx-hv-card b{font-size:14px;font-weight:900;letter-spacing:-.02em;white-space:nowrap}
html.pd-hero-c .pdx-hv-card small{font-size:12px;color:#5f6672;white-space:nowrap}
@media (min-width:1024px){html.pd-hero-c .pd-hero-phone{left:50%!important;margin-left:-150px}}
@media (max-width:1023px){
  html.pd-hero-c .pd-hero-phone{left:50%!important;margin-left:-150px}
  html.pd-hero-c .pdx-hv-badge{top:22px;right:22px}
  html.pd-hero-c .pdx-hv-card{left:20px;bottom:24px}
}
/* ===== 히어로 시안 D(사이트 슬라이드)·E(휴대폰 캐러셀) — ?hero=d / ?hero=e ===== */
.pdx-hd,.pdx-he{display:none}
html.pd-hero-d .pd-wall,html.pd-hero-d .pd-hero-phone,html.pd-hero-d .pdx-hv-badge,html.pd-hero-d .pdx-hv-card,
html.pd-hero-e .pd-wall,html.pd-hero-e .pd-hero-phone,html.pd-hero-e .pdx-hv-badge,html.pd-hero-e .pdx-hv-card{display:none!important}
html.pd-hero-d .pd-hero-vis{background:#f1f2f5!important}
html.pd-hero-e .pd-hero-vis{background:#ecf0ff!important}
/* D */
html.pd-hero-d .pdx-hd{display:block;position:absolute;inset:0}
.pdx-hd-s{position:absolute;inset:0;opacity:0;transition:opacity .9s ease}
.pdx-hd-s.is-on{opacity:1}
.pdx-hd-pc{position:absolute;left:7%;top:12%;width:86%;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 30px 60px rgba(18,20,23,.16),0 0 0 1px rgba(18,20,23,.06);transform:translateY(14px);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.pdx-hd-pc .pdx-bar{height:26px;padding:0 12px}
.pdx-hd-pc .pdx-bar em{font-style:normal;font-size:11.5px;color:#8a919c;margin-left:10px}
.pdx-hd-pc img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top}
.pdx-hd-mo{position:absolute;right:6%;top:42%;width:30%;border-radius:30px;padding:7px;background:#121417;box-shadow:0 34px 60px rgba(18,20,23,.3);transform:translateY(30px);transition:transform 1.1s .1s cubic-bezier(.2,.7,.2,1)}
.pdx-hd-mo img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:24px}
.pdx-hd-s.is-on .pdx-hd-pc,.pdx-hd-s.is-on .pdx-hd-mo{transform:none}
.pdx-hd-cap{position:absolute;left:7%;bottom:9%;display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-radius:16px;background:#fff;box-shadow:0 14px 30px rgba(18,20,23,.1)}
.pdx-hd-cap span{font-size:12.5px;font-weight:800;color:#2b5cff}
.pdx-hd-cap b{font-size:17px;font-weight:900;letter-spacing:-.03em;color:#121417}
.pdx-hd-dots{position:absolute;left:7%;bottom:4.5%;display:flex;gap:6px}
.pdx-hd-dots i{width:6px;height:6px;border-radius:9px;background:#c9cdd4;transition:width .3s,background .3s}
.pdx-hd-dots i.is-on{width:20px;background:#121417}
/* E */
html.pd-hero-e .pdx-he{display:block;position:absolute;inset:0;overflow:hidden}
.pdx-he-p{position:absolute;left:50%;top:9%;width:42%;margin-left:-21%;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .8s;opacity:0;transform:translateX(0) scale(.6)}
.pdx-he-ph{border-radius:34px;padding:8px;background:#121417;box-shadow:0 34px 60px rgba(40,68,160,.25)}
.pdx-he-ph img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;object-position:top;border-radius:27px}
.pdx-he-cap{margin-top:18px;text-align:center;display:flex;flex-direction:column;gap:3px;opacity:0;transition:opacity .4s}
.pdx-he-cap b{font-size:18px;font-weight:900;letter-spacing:-.03em;color:#121417}
.pdx-he-cap span{font-size:13px;color:#5f6672}
.pdx-he-p.is-c{opacity:1;transform:none;z-index:3}
.pdx-he-p.is-c .pdx-he-cap{opacity:1;transition-delay:.35s}
.pdx-he-p.is-l{opacity:.9;transform:translateX(-78%) scale(.78);z-index:2}
.pdx-he-p.is-r{opacity:.9;transform:translateX(78%) scale(.78);z-index:2}
.pdx-he-p.is-ll{opacity:0;transform:translateX(-140%) scale(.6);z-index:1}
.pdx-he-p.is-rr{opacity:0;transform:translateX(140%) scale(.6);z-index:1}
.pdx-he-p.is-l .pdx-he-ph,.pdx-he-p.is-r .pdx-he-ph{box-shadow:0 20px 40px rgba(40,68,160,.16)}
@media (prefers-reduced-motion:reduce){.pdx-hd-s,.pdx-hd-pc,.pdx-hd-mo,.pdx-he-p{transition:none}}
@media (max-width:560px){
  .pdx-hd-pc{top:8%}
  .pdx-hd-mo{border-radius:20px;padding:5px;top:36%}.pdx-hd-mo img{border-radius:16px}
  .pdx-hd-cap{padding:10px 14px;bottom:10%}.pdx-hd-cap b{font-size:15px}
  .pdx-he-p{top:6%;width:44%;margin-left:-22%}
  .pdx-he-ph{border-radius:24px;padding:6px}.pdx-he-ph img{border-radius:19px}
  .pdx-he-cap{margin-top:12px}.pdx-he-cap b{font-size:15px}
}
/* 업종 사례 카드: 휴대폰 목업이 아래로 잘리지 않게 카드 안에 다 보이도록 */
.pdx-sc-shot{padding-bottom:18px}
.pdx-sc-mo{bottom:14px;width:25%}
.pdx-sc-card:hover .pdx-sc-mo{transform:translateY(-6px)}
.pdx-he-p{top:15%}
@media (max-width:560px){.pdx-he-p{top:9%}}
@media (max-width:560px){.pdx-he-p{top:14%}}
/* D·E: 뒤 단색 패널 없이 흰 배경 위에 목업만 (2026-10-06) */
html.pd-hero-d .pd-hero-vis,html.pd-hero-e .pd-hero-vis{background:transparent!important;overflow:visible!important}
html.pd-hero-e .pdx-he{overflow:visible}
html.pd-hero-d .pdx-hd-pc{box-shadow:0 30px 70px rgba(18,20,23,.14),0 0 0 1px rgba(18,20,23,.08)}
html.pd-hero-d .pdx-hd-cap{box-shadow:0 14px 34px rgba(18,20,23,.12),0 0 0 1px rgba(18,20,23,.05)}
html.pd-hero-e .pdx-he-p.is-ll,html.pd-hero-e .pdx-he-p.is-rr{visibility:hidden}
@media (max-width:1023px){html.pd-hero-e .pdx-he{overflow:hidden}}
/* ===== 프리미엄 정리 (2026-10-06 "난잡하다, 프리미엄 느낌") ===== */
/* 히어로 카톡 버튼: 노란 덩어리 대신 검정 + 노란 아이콘 */
.pd-hero-txt a[href*="pf.kakao.com"]{background:#121417!important;color:#fff!important}
.pd-hero-txt a[href*="pf.kakao.com"] svg path{fill:#fee500}
.pd-hero-txt a[href^="tel:"]{border-color:#d6d9de!important}
/* D: 캡션 상자·그림자 걷어내고 글자만 */
html.pd-hero-d .pdx-hd-cap{background:none!important;box-shadow:none!important;padding:0;left:7%;bottom:7%;flex-direction:row;align-items:baseline;gap:10px}
.pdx-hd-cap span{color:#8a919c!important;font-weight:700!important;font-size:13px!important;order:2}
.pdx-hd-cap b{font-size:16px!important;order:1}
.pdx-hd-dots{left:auto!important;right:7%;bottom:7.6%!important}
.pdx-hd-dots i{background:#d6d9de!important;width:5px;height:5px}
.pdx-hd-dots i.is-on{background:#121417!important;width:18px}
.pdx-hd-s{transition:opacity 1.2s ease}
.pdx-hd-pc .pdx-bar{background:#f4f5f7}
/* 업종 사례 카드: 태그 칩 숨겨 정보 줄이기 */
.pdx-sc-tags{display:none!important}
.pdx-sc-meta{gap:4px}
@media (max-width:560px){html.pd-hero-d .pdx-hd-cap{bottom:6%}.pdx-hd-dots{bottom:6.8%!important}}
@media (max-width:560px){html.pd-hero-d .pd-hero-vis:not(.pd-hero-vis-short){height:440px!important}html.pd-hero-d .pdx-hd-pc{top:4%}html.pd-hero-d .pdx-hd-mo{top:30%}}
/* 히어로 E 기본 + 위아래 여백 축소 (2026-10-06 "위아래 여백이 허하다") */
@media (min-width:1024px){
  html.pd-hero-e section.pd-hero{height:min(760px,max(640px,calc(100vh - 20px)))!important}
  html.pd-hero-e .pd-hero-vis{top:96px!important;bottom:24px!important}
  html.pd-hero-e .pd-hero-txt{top:96px!important;bottom:24px!important}
  html.pd-hero-e .pdx-he-p{top:2%;width:46%;margin-left:-23%}
  html.pd-hero-e .pdx-he-cap{margin-top:14px}
}
/* E: 휴대폰 묶음을 세로 가운데로 (화면 폭과 상관없이 위아래 여백 균형) */
html.pd-hero-e .pdx-he-p{top:50%!important}
html.pd-hero-e .pdx-he-p{transform:translateY(-50%) scale(.6)}
html.pd-hero-e .pdx-he-p.is-c{transform:translateY(-50%)}
html.pd-hero-e .pdx-he-p.is-l{transform:translateX(-78%) translateY(-50%) scale(.78)}
html.pd-hero-e .pdx-he-p.is-r{transform:translateX(78%) translateY(-50%) scale(.78)}
html.pd-hero-e .pdx-he-p.is-ll{transform:translateX(-140%) translateY(-50%) scale(.6)}
html.pd-hero-e .pdx-he-p.is-rr{transform:translateX(140%) translateY(-50%) scale(.6)}
html.pd-hero-e .pdx-he-p.is-l{transform:translateX(-60%) translateY(-50%) scale(.8)}
html.pd-hero-e .pdx-he-p.is-r{transform:translateX(60%) translateY(-50%) scale(.8)}
@media (min-width:1024px){html.pd-hero-e .pdx-he-p{width:min(50%,300px);margin-left:calc(min(50%,300px) / -2)}}
/* 그림자 걷어내기 (2026-10-06 "box-shadow 허접") — 목업은 프레임 자체로만 */
html.pd-hero-e .pdx-he-ph,html.pd-hero-e .pdx-he-p.is-l .pdx-he-ph,html.pd-hero-e .pdx-he-p.is-r .pdx-he-ph{box-shadow:none!important}
.pdx-sc-pc{box-shadow:0 0 0 1px rgba(18,20,23,.08)!important}
.pdx-sc-mo{box-shadow:none!important}
.pdx-sc-card:hover{box-shadow:0 0 0 1px #121417!important}
/* 업종 사례: 회색 배경+흰 카드 상자 → 흰 배경, 카드 상자 없이 이미지 타일 + 글자 (2026-10-06) */
.pdx-sc{background:#fff!important;border-top:1px solid #eef0f3}
.pdx-sc-card{background:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.pdx-sc-card:hover{transform:none!important;box-shadow:none!important}
.pdx-sc-shot{background:#f3f4f6!important;border-radius:20px;overflow:hidden}
.pdx-sc-card:hover .pdx-sc-shot{background:#eceef1!important}
.pdx-sc-meta{padding:18px 4px 0!important}
.pdx-sc-grid{row-gap:44px!important}
.pdx-sc-tab{box-shadow:none!important;background:#f3f4f6!important}
.pdx-sc-tab[aria-selected="true"]{background:#121417!important}
@media (max-width:560px){.pdx-sc-shot{border-radius:16px}.pdx-sc-meta{padding:14px 2px 0!important}}
/* 목업 뒤 배경 시안 비교용: html.sc-none / sc-tint / sc-blur */
html.sc-none .pdx-sc-shot{background:transparent!important}
html.sc-tint .pdx-sc-shot{background:var(--tint)!important}
html.sc-blur .pdx-sc-shot{background:#121417!important;isolation:isolate}
html.sc-blur .pdx-sc-shot::before{content:"";position:absolute;inset:-30px;background:var(--shot) center/cover;filter:blur(28px) brightness(.75) saturate(1.1);z-index:-1}
/* 업종 사례 목업 뒤: 사이트 흐림 배경을 기본으로 (덜 흐리게) */
.pdx-sc-shot{background:#121417!important;isolation:isolate}
.pdx-sc-shot::before{content:"";position:absolute;inset:-20px;background:var(--shot) center/cover;filter:blur(10px) brightness(.8);z-index:-1;transition:transform .6s}
.pdx-sc-card:hover .pdx-sc-shot::before{transform:scale(1.04)}
.pdx-sc-card:hover .pdx-sc-shot{background:#121417!important}
/* ===== 모바일 전수 점검 보정 (2026-10-06) ===== */
a[href^="mailto:"],a[href^="mailto:"] *{word-break:keep-all!important;overflow-wrap:normal!important}
span:has(>[data-case-url]){visibility:hidden}
span:has(>[data-case-url])+span{font-size:12px!important}
@media (max-width:560px){
  div:has(>span+button[data-faq-q]){flex-wrap:wrap!important;justify-content:center!important;row-gap:8px!important}
  div:has(>span+button[data-faq-q])>span{flex-basis:100%;text-align:center;margin:0!important}
  .pd-prep>div:last-child:nth-child(odd){grid-column:1/-1}
  nav[aria-label] a,p a[href="index.html"],a[href="index.html"]:not(.pd-logo):not(header a){padding:8px 4px;margin:-8px -4px}
  label a,a[href*="privacy"]{padding:8px 4px;margin:-8px -4px;display:inline-block}
  html.pd-hero-e .pd-hero-vis:not(.pd-hero-vis-short){height:430px!important;margin-top:20px!important}
}
/* ===== 모바일 메뉴: 전체 화면 (2026-10-06) ===== */
@media (max-width:1023px){
  .pd-header{z-index:60!important}
  .pd-mnav{left:0!important;right:0!important;top:0!important;bottom:0!important;border-radius:0!important;box-shadow:none!important;padding:calc(var(--pd-hh,68px) + 12px) 20px max(20px,env(safe-area-inset-bottom))!important;display:flex!important;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;transform:none!important;transition:opacity .22s!important;z-index:55!important}
  .pd-mnav-list{display:flex;flex-direction:column;border-top:1px solid #eceef1}
  .pd-mnav-list a{height:auto!important;padding:18px 4px!important;border-radius:0!important;border-bottom:1px solid #eceef1;display:grid!important;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:6px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}
  .pd-open .pd-mnav-list a{opacity:1;transform:none}
  .pd-open .pd-mnav-list a:nth-child(2){transition-delay:.03s}.pd-open .pd-mnav-list a:nth-child(3){transition-delay:.06s}.pd-open .pd-mnav-list a:nth-child(4){transition-delay:.09s}.pd-open .pd-mnav-list a:nth-child(5){transition-delay:.12s}.pd-open .pd-mnav-list a:nth-child(6){transition-delay:.15s}
  .pd-mnav-list i{font-style:normal;font-size:13px;font-weight:800;color:#a0a6b0;letter-spacing:0}
  .pd-mnav-list b{display:flex;flex-direction:column;gap:3px;font-size:22px;font-weight:900;letter-spacing:-.04em;color:#121417}
  .pd-mnav-list small{font-size:13px;font-weight:500;color:#8a919c;letter-spacing:-.02em}
  .pd-mnav-list span{font-size:18px;color:#c3c8cf}
  .pd-mnav-list a[aria-current="page"] b{color:#2b5cff}
  .pd-mnav-list a[aria-current="page"] i{color:#2b5cff}
  .pd-mnav-list a:active{background:none!important}
  .pd-mnav-foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:16px}
  .pd-mnav-info{display:flex;flex-direction:column;gap:2px}
  .pd-mnav-info span{font-size:13px;font-weight:700;color:#8a919c}
  .pd-mnav-info a{display:block!important;height:auto!important;padding:0!important;font-size:24px!important;font-weight:900!important;letter-spacing:-.02em}
  .pd-mnav-info small{font-size:13px;color:#8a919c}
  .pd-mnav .pd-mnav-cta{border-top:0!important;margin:0!important;padding:0!important;gap:8px!important}
  .pd-mnav .pd-mnav-cta a{height:52px!important;border-radius:999px!important;font-size:15px!important;justify-content:center!important;background:#f1f2f4}
  .pd-mnav .pd-mnav-cta a.pd-dark{background:#121417!important;color:#fff!important}
  html.pd-open .fab,html.pd-open [data-dc-tpl]>div[style*="position: fixed"]{opacity:0;pointer-events:none}
}
@media (max-width:1023px){.pd-mnav-info{padding:0 4px}.pd-mnav-info a{margin-left:-1px}}
/* ===== 헤더 좌우 여백을 본문(20px / 360 이하 16px)과 일치 ===== */
@media (max-width:1023px){.pd-header-in{padding:0 20px!important}}
@media (max-width:360px){.pd-header-in{padding:0 16px!important}}
/* ===== 모바일 전체 메뉴 v2: 다크, 큰 글자만, 여백 통일 (2026-10-06) ===== */
@media (max-width:1023px){
  html.pd-open .pd-header{background:#121417!important;border-bottom-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
  html.pd-open .pd-logo{color:#fff}
  html.pd-open .pd-cta{visibility:hidden}
  html.pd-open .pd-burger{background:rgba(255,255,255,.1)}
  html.pd-open .pd-burger span::before,html.pd-open .pd-burger span::after{background:#fff}
  .pd-mnav{background:#121417!important;padding:96px 20px max(24px,env(safe-area-inset-bottom))!important}
  .pd-mnav-list{border-top:0!important;gap:2px}
  .pd-mnav-list a{display:flex!important;align-items:center;justify-content:space-between;padding:12px 0!important;border-bottom:0!important}
  .pd-mnav-list i,.pd-mnav-list small{display:none!important}
  .pd-mnav-list b{font-size:clamp(26px,8vw,32px)!important;font-weight:800!important;letter-spacing:-.04em;color:#fff!important;line-height:1.2}
  .pd-mnav-list span{font-size:16px!important;color:rgba(255,255,255,.28)!important}
  .pd-mnav-list a[aria-current="page"] b{color:#86a2ff!important}
  .pd-mnav-list a[aria-current="page"] span{color:#86a2ff!important}
  .pd-mnav-foot{padding-top:24px!important;border-top:1px solid rgba(255,255,255,.1);gap:18px!important}
  .pd-mnav-info{padding:0!important}
  .pd-mnav-info span,.pd-mnav-info small{color:rgba(255,255,255,.5)!important}
  .pd-mnav-info a{color:#fff!important;margin:0!important;font-size:22px!important}
  .pd-mnav .pd-mnav-cta a{background:rgba(255,255,255,.08)!important;color:#fff!important}
  .pd-mnav .pd-mnav-cta a.pd-dark{background:#fff!important;color:#121417!important}
}
@media (max-width:360px){.pd-mnav{padding-left:16px!important;padding-right:16px!important;padding-top:84px!important}.pd-mnav-list a{padding:9px 0!important}}
@media (max-width:1023px){.pd-mnav a{margin:0!important}}
/* 히어로 타이핑 */
.pd-hero-txt h1{position:relative}
.pd-tw .pd-tw-c{position:relative;color:transparent}
.pd-tw .pd-tw-c.is-on{color:inherit}
.pd-tw .pd-tw-c[data-s]{color:transparent}
.pd-tw .pd-tw-c[data-s]::before{content:attr(data-s);position:absolute;left:0;top:0;color:#121417}
.pd-tw-caret{position:absolute;left:0;top:0;width:3px;border-radius:2px;background:#2b5cff;animation:pdCaret 1s steps(1) infinite;transition:transform .07s linear,opacity .4s}
.pd-tw:not(.pd-tw-done) .pd-tw-caret{animation:none}
.pd-tw-caret.pd-tw-off{opacity:0}
@keyframes pdCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
.pd-tw-wait{opacity:0;transform:translateY(14px)}
.pd-tw-wait.pd-tw-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.pd-ln{padding-bottom:.08em;margin-bottom:-.08em}
/* 헤더 메뉴 hover: 밑줄이 왼쪽에서 그려지고, 나머지 메뉴는 살짝 흐려짐 (2026-10-06) */
@media (min-width:1024px){
  .pd-nav a{transition:color .25s ease}
  .pd-nav a::after{content:"";position:absolute;left:16px;right:16px;bottom:-1px;height:2px;border-radius:2px;background:#2b5cff;transform:scaleX(0);transform-origin:right center;transition:transform .45s cubic-bezier(.65,0,.35,1)}
  .pd-nav a:hover::after,.pd-nav a:focus-visible::after,.pd-nav a[aria-current="page"]::after{transform:scaleX(1);transform-origin:left center}
  .pd-nav:hover a{color:#a3a9b3}
  .pd-nav:hover a:hover,.pd-nav a:focus-visible{color:#121417}
  .pd-nav:hover a[aria-current="page"]:not(:hover)::after{transform:scaleX(0);transform-origin:right center}
  .pd-tel{transition:color .2s}
  .pd-tel:hover{color:#2b5cff}
  .pd-cta{transition:background .25s,transform .25s}
  .pd-cta:hover{transform:translateY(-1px)}
}
/* ===================== 서브페이지 공통 상단 (2026-10-06) ===================== */
.pdx-sub{position:relative;flex-shrink:0;background:#fff;border-bottom:1px solid #eef0f3;padding:calc(76px + 72px) max(60px,calc(50% - 660px)) 72px;box-sizing:border-box;color:#121417;word-break:keep-all}
.pdx-sub-in,.pdx-sub-in *,.pdx-sub-steps,.pdx-sub-steps *{box-sizing:border-box}
.pdx-sub-in{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:end}
.pdx-sub-in.has-aside{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.pdx-sub-txt{display:flex;flex-direction:column;align-items:flex-start}
.pdx-crumb{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#8a919c;margin-bottom:28px}
.pdx-crumb a{color:#8a919c;text-decoration:none}.pdx-crumb a:hover{color:#121417}
.pdx-crumb span{color:#c9cdd4}.pdx-crumb b{color:#121417;font-weight:700}
.pdx-sub .pdx-eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;color:#2b5cff;margin-bottom:14px}
.pdx-sub h1{margin:0;font-size:56px;line-height:1.22;font-weight:800;letter-spacing:-.045em}
.pdx-sub-txt>p{margin:20px 0 0;max-width:560px;font-size:18px;line-height:1.7;color:#4a515c}
.pdx-sub-act{display:flex;gap:10px;margin-top:32px;flex-wrap:wrap}
.pdx-b-dark,.pdx-b-line{display:inline-flex;align-items:center;height:52px;padding:0 24px;border-radius:999px;font-size:16px;font-weight:800;text-decoration:none;letter-spacing:-.02em;transition:background .2s,color .2s,border-color .2s}
.pdx-b-dark{background:#121417;color:#fff}.pdx-b-dark:hover{background:#2b5cff}
.pdx-b-line{border:1px solid #d6d9de;color:#121417}.pdx-b-line:hover{border-color:#121417}
.pdx-sub-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid #121417}
.pdx-sub-stats>div{padding:20px 0 0}
.pdx-sub-stats>div+div{padding-left:20px;border-left:1px solid #eef0f3}
.pdx-sub-stats dt{font-size:13px;font-weight:600;color:#8a919c}
.pdx-sub-stats dd{margin:6px 0 0;font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.1}
.pdx-sub-stats dd small{font-size:15px;font-weight:700;color:#4a515c;margin-left:2px;letter-spacing:-.02em}
.pdx-sub-stats-inline{margin-top:36px;width:100%;max-width:520px}
/* 요금 카드 (그림자 없이 검정 단색) */
.pdx-price-card{background:#121417;color:#fff;border-radius:28px;padding:32px}
.pdx-pc-top{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:800}
.pdx-pc-top small{font-size:12.5px;color:#8a919c;font-weight:600}
.pdx-pc-n{display:flex;align-items:baseline;gap:8px;margin:14px 0 22px}
.pdx-pc-n b{font-size:64px;font-weight:900;letter-spacing:-.05em;line-height:1}
.pdx-pc-n span{font-size:18px;font-weight:700;color:#aeb4bd}
.pdx-price-card ul{list-style:none;margin:0 0 24px;padding:0}
.pdx-price-card li{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid rgba(255,255,255,.1);font-size:15px;color:#c9ced6}
.pdx-price-card li b{color:#fff}
.pdx-price-card a{display:flex;align-items:center;justify-content:center;height:54px;border-radius:999px;background:#2b5cff;color:#fff;font-size:16px;font-weight:800;text-decoration:none}
/* 진행 과정 단계 줄 */
.pdx-sub-steps{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #121417}
.pdx-sub-steps li{padding:22px 24px 0 0;display:flex;flex-direction:column;gap:6px}
.pdx-sub-steps li+li{padding-left:24px;border-left:1px solid #eef0f3}
.pdx-sub-steps i{font-style:normal;font-size:13px;font-weight:800;color:#2b5cff;letter-spacing:.06em}
.pdx-sub-steps b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.pdx-sub-steps span{font-size:14.5px;color:#6b7280}
/* 고객 지원: 가운데 정렬 + 검색 */
.pdx-sub-c .pdx-sub-txt{align-items:center;text-align:center}
.pdx-sub-c .pdx-crumb{justify-content:center}
.pdx-sub-c .pdx-sub-txt>p{margin-left:auto;margin-right:auto}
.pdx-sub-search{width:100%;max-width:640px;margin-top:32px;display:flex;flex-direction:column;gap:16px;align-items:center}
.pdx-sub-search .pd-search{width:100%;display:flex;align-items:center;gap:12px;height:60px;padding:0 22px;border-radius:999px;background:#f3f4f6;box-shadow:none!important;border:1px solid transparent;transition:border-color .2s,background .2s}
.pdx-sub-search .pd-search:focus-within{background:#fff;border-color:#121417}
.pdx-sub-search .pd-search input{flex:1;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#121417}
.pdx-sub-chips{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px!important}
.pdx-sub-chips>span{font-size:13px!important;color:#8a919c!important;margin-right:4px}
.pdx-sub-chips button{box-shadow:none!important;background:#fff!important;border:1px solid #e3e6ea!important;height:36px!important}
.pdx-sub-chips button:hover{border-color:#121417!important}
/* 상담 신청: 연락 방법 3줄 */
.pdx-sub-contact{display:flex;flex-direction:column;border-top:1px solid #121417}
.pdx-sc-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid #eef0f3;text-decoration:none;color:#121417;transition:padding .25s}
.pdx-sc-row:hover{padding-left:10px}
.pdx-sc-row>span{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6}
.pdx-sc-row .pdx-ic-k{background:#121417}
.pdx-sc-row svg{width:20px;height:20px}
.pdx-ic-t svg,.pdx-ic-f svg{fill:none;stroke:#2b5cff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pdx-sc-row b{display:flex;flex-direction:column;gap:3px;font-size:18px;font-weight:800;letter-spacing:-.03em}
.pdx-sc-row small{font-size:13px;font-weight:500;color:#8a919c;letter-spacing:-.01em}
.pdx-sc-row em{font-style:normal;color:#b3b8c0;font-size:18px}
@media (max-width:1023px){
  .pdx-sub{padding:calc(60px + 48px) 32px 56px}
  .pdx-sub-in.has-aside{grid-template-columns:1fr;gap:36px}
  .pdx-sub h1{font-size:42px}
  .pdx-sub-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
  .pdx-sub-steps li:nth-child(3){padding-left:0;border-left:0}
}
@media (max-width:560px){
  .pdx-sub{padding:calc(60px + 36px) 20px 44px}
  .pdx-crumb{margin-bottom:20px}
  .pdx-sub h1{font-size:clamp(28px,8.4vw,34px)!important}
  .pdx-sub-txt>p{font-size:15.5px;margin-top:14px}
  .pdx-sub-txt>p br{display:none}
  .pdx-sub-act{margin-top:24px}.pdx-b-dark,.pdx-b-line{height:48px;padding:0 20px;font-size:15px}
  .pdx-sub-stats dd{font-size:26px}.pdx-sub-stats dd small{font-size:13px}
  .pdx-sub-stats>div+div{padding-left:14px}
  .pdx-price-card{padding:26px 22px;border-radius:22px}.pdx-pc-n b{font-size:52px}
  .pdx-sub-steps{margin-top:36px}
  .pdx-sub-steps li{padding:18px 12px 0 0}.pdx-sub-steps li+li{padding-left:14px}
  .pdx-sub-steps b{font-size:18px}.pdx-sub-steps span{font-size:13px}
  .pdx-sub-search .pd-search{height:54px;padding:0 18px}
  .pdx-sc-row b{font-size:16.5px}
}
@media (max-width:360px){.pdx-sub{padding-left:16px;padding-right:16px}}
/* 작업 사례 목록: 메인 업종 사례 카드와 같은 카드 */
.pdx-work{padding-top:56px!important}
.pdx-work-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px;flex-wrap:wrap}
.pdx-work-chips{margin:0!important}
.pdx-work-chips button{appearance:none;border:0!important;cursor:pointer;height:44px;padding:0 18px;border-radius:999px;background:#f3f4f6!important;color:#121417!important;font:inherit;font-size:15px;font-weight:800;display:inline-flex;align-items:center;gap:6px;letter-spacing:-.02em}
.pdx-work-chips button .pd-chip-n{font-size:12.5px;color:#8a919c}
.pdx-work-chips button[aria-pressed="true"]{background:#121417!important;color:#fff!important}
.pdx-work-chips button[aria-pressed="true"] .pd-chip-n{color:rgba(255,255,255,.6)}
.pdx-work-note{font-size:14px;color:#8a919c}
.pdx-work-grid{display:grid!important}
.pdx-work-grid .pdx-sc-card[hidden]{display:none!important}
@media (max-width:560px){
  .pdx-work{padding-top:36px!important}
  .pdx-work-note{display:none}
  .pdx-work-chips{flex-wrap:nowrap!important;overflow-x:auto;margin:0 -20px!important;padding:2px 20px!important;scrollbar-width:none}
  .pdx-work-chips::-webkit-scrollbar{display:none}
  .pdx-work-chips button{flex-shrink:0;height:40px;padding:0 15px;font-size:14px}
  .pdx-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 12px!important;margin:0!important;padding:0!important;overflow:visible!important}
  .pdx-work-grid .pdx-sc-card{flex:none!important}
  .pdx-work-grid .pdx-sc-shot{padding:12px 12px 0!important;border-radius:14px}
  .pdx-work-grid .pdx-sc-pc .pdx-bar{height:12px;padding:0 6px}.pdx-work-grid .pdx-sc-pc .pdx-bar i{width:4px;height:4px}
  .pdx-work-grid .pdx-sc-mo{right:8px;bottom:8px;border-radius:9px;padding:2px}.pdx-work-grid .pdx-sc-mo img{border-radius:7px}
  .pdx-work-grid .pdx-sc-meta{padding:10px 2px 0!important}
  .pdx-work-grid .pdx-sc-cat{font-size:11.5px}.pdx-work-grid .pdx-sc-meta b{font-size:15px}.pdx-work-grid .pdx-sc-meta p{font-size:12.5px;line-height:1.45}
}
@media (max-width:360px){.pdx-work-chips{margin:0 -16px!important;padding:2px 16px!important}}
/* 작업 사례 상세 */
.pdx-wd-info{margin:0;display:flex;flex-direction:column;border-top:1px solid #121417;min-width:280px}
.pdx-wd-info>div{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #eef0f3}
.pdx-wd-info dt{font-size:14px;color:#8a919c;font-weight:600}
.pdx-wd-info dd{margin:0;font-size:15px;font-weight:800;display:flex;align-items:center;gap:7px;text-align:right}
.pdx-wd-info dd i{width:7px;height:7px;border-radius:9px;background:#1f9d55}
.pdx-wd{padding-top:56px!important}
.pdx-wd-shot{aspect-ratio:auto!important;padding:56px 72px 0!important;border-radius:28px;min-height:0}
.pdx-wd-shot .pdx-sc-pc{width:80%;border-radius:12px 12px 0 0}
.pdx-wd-shot .pdx-sc-pc .pdx-bar{height:30px;padding:0 14px;gap:6px}.pdx-wd-shot .pdx-sc-pc .pdx-bar i{width:9px;height:9px}
.pdx-wd-shot .pdx-sc-mo{right:72px;bottom:40px;width:21%;border-radius:30px;padding:8px}.pdx-wd-shot .pdx-sc-mo img{border-radius:23px}
.pdx-wd-about{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;margin-top:80px;padding-top:40px;border-top:1px solid #121417}
.pdx-wd-about h2{font-size:32px;font-weight:800;letter-spacing:-.04em;margin-top:10px}
.pdx-wd-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.pdx-wd-cols span{display:block;font-size:13px;font-weight:700;color:#8a919c;margin-bottom:10px}
.pdx-wd-cols p{font-size:17px;line-height:1.75;color:#2b313a;margin:0}
@media (max-width:1023px){.pdx-wd-info{min-width:0}.pdx-wd-shot{padding:36px 36px 0!important}.pdx-wd-shot .pdx-sc-mo{right:36px;bottom:28px}.pdx-wd-about{grid-template-columns:1fr;gap:24px;margin-top:56px}}
@media (max-width:560px){
  .pdx-wd{padding-top:32px!important}
  .pdx-wd-shot{padding:20px 18px 0!important;border-radius:18px}
  .pdx-wd-shot .pdx-sc-pc{width:82%}.pdx-wd-shot .pdx-sc-pc .pdx-bar{height:16px;padding:0 7px;gap:4px}.pdx-wd-shot .pdx-sc-pc .pdx-bar i{width:5px;height:5px}
  .pdx-wd-shot .pdx-sc-mo{right:14px;bottom:12px;width:26%;border-radius:14px;padding:3px}.pdx-wd-shot .pdx-sc-mo img{border-radius:11px}
  .pdx-wd-about{margin-top:40px;padding-top:28px}.pdx-wd-about h2{font-size:24px}
  .pdx-wd-cols{grid-template-columns:1fr;gap:24px}.pdx-wd-cols p{font-size:15.5px}
}
/* 공지사항 (2026-10-06) */
.pdx-notice{background:#fff;border-top:1px solid #eef0f3;padding-top:104px;padding-bottom:120px}
.pdx-notice .pdx-head{margin-bottom:40px}
.pdx-nt{border-top:1px solid #121417}
.pdx-nt-row{border-bottom:1px solid #e3e6ea}
.pdx-nt-row summary{list-style:none;display:grid;grid-template-columns:132px minmax(0,1fr) 24px;align-items:center;gap:24px;padding:28px 4px;cursor:pointer;transition:background .2s}
.pdx-nt-row summary::-webkit-details-marker{display:none}
.pdx-nt-row summary:hover .pdx-nt-title{color:#2b5cff}
.pdx-nt-row time{font-size:14px;font-weight:600;color:#8a919c;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.pdx-nt-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:-.03em;color:#121417;transition:color .2s;min-width:0}
.pdx-nt-title em{flex-shrink:0;font-style:normal;font-size:12px;font-weight:800;color:#2b5cff;border:1px solid #c9d6ff;border-radius:999px;padding:3px 9px;letter-spacing:0}
.pdx-nt-row summary i{position:relative;width:24px;height:24px}
.pdx-nt-row summary i::before,.pdx-nt-row summary i::after{content:"";position:absolute;left:5px;right:5px;top:11px;height:2px;border-radius:2px;background:#121417;transition:transform .3s}
.pdx-nt-row summary i::after{transform:rotate(90deg)}
.pdx-nt-row[open] summary i::after{transform:rotate(0)}
.pdx-nt-body{padding:0 52px 32px calc(132px + 24px + 4px);font-size:16px;line-height:1.75;color:#4a515c}
.pdx-nt-body p{margin:0}
.pdx-nt-body ul{list-style:none;margin:16px 0 0;padding:16px 20px;border-radius:14px;background:#f6f7f9;display:flex;flex-direction:column;gap:6px;font-size:15px}
.pdx-nt-body a{color:#121417;font-weight:700;text-decoration:none;border-bottom:1px solid #c9cdd4}
.pdx-nt-body a:hover{border-color:#121417}
@media (max-width:1023px){.pdx-notice{padding-top:80px;padding-bottom:88px}}
@media (max-width:560px){
  .pdx-notice{padding-top:64px;padding-bottom:72px}
  .pdx-notice .pdx-head{margin-bottom:24px}
  .pdx-nt-row summary{grid-template-columns:minmax(0,1fr) 22px;grid-template-areas:"d i" "t i";gap:6px 14px;padding:20px 0}
  .pdx-nt-row time{grid-area:d;font-size:13px}
  .pdx-nt-title{grid-area:t;font-size:16px;align-items:flex-start;flex-direction:column;gap:8px}
  .pdx-nt-row summary i{grid-area:i;align-self:center}
  .pdx-nt-body{padding:0 0 24px;font-size:15px}
  .pdx-nt-body ul{padding:14px 16px;font-size:14px}
}
.pdx-nt-row summary{padding-left:0;padding-right:0}
.pdx-nt-body{padding-left:calc(132px + 24px);padding-right:48px}
@media (max-width:560px){.pdx-nt-title{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 8px}.pdx-nt-body{padding:0 0 24px}}
@media (min-width:561px){.pdx-notice .pdx-head h2{font-size:40px}}
/* 섹션 소제목 통일: 회색 소제목 → 메인과 같은 파란 소제목 */
span[style*="color: rgb(107, 114, 128)"][style*="font-size: 14px"]:has(+ h2),span[style*="color: rgb(107, 114, 128)"][style*="font-size: 14px"]:has(+ div > h2){color:#2b5cff!important;font-weight:800!important}
.pdx-faq-eb{display:block;margin-bottom:12px}
@media (min-width:1024px){.pdx-ch-sticky{position:sticky;top:100px}}
.pdx-faq-eb{color:#2b5cff!important;font-size:14px;font-weight:800}
[data-dc-tpl]{overflow:clip!important}
/* 새 로고 (2026-10-06) */
.pd-logo{gap:0!important}
.pd-logo-img,.pd-logo-img-w{display:block;height:28px;width:auto}
.pd-logo-img-w{display:none}
html.pd-open .pd-logo-img{display:none}
html.pd-open .pd-logo-img-w{display:block}
.pd-ft-logo{display:block;height:26px;width:auto;align-self:flex-start}
@media (max-width:1023px){.pd-logo-img,.pd-logo-img-w{height:24px}}
@media (max-width:360px){.pd-logo-img,.pd-logo-img-w{height:21px}}
/* 작업 사례: 섹션 머리말 + 업종별 디자인 */
.pdx-work-head{margin-bottom:32px!important}
.pdx-tpl{background:#f6f7f9!important;border-top:1px solid #eef0f3;padding-top:104px!important}
.pdx-tpl .pdx-work-chips button{background:#fff!important}
.pdx-tpl .pdx-work-chips button[aria-pressed="true"]{background:#121417!important}
.pdx-tpl-tag{font-style:normal;margin-left:8px;font-size:11.5px;font-weight:700;color:#8a919c}
.pdx-tpl-demo{position:absolute;left:16px;top:14px;z-index:2;font-size:12px;font-weight:800;color:#fff;background:rgba(18,20,23,.72);padding:6px 11px;border-radius:999px;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s}
.pdx-sc-card:hover .pdx-tpl-demo{opacity:1;transform:none}
@media (max-width:560px){.pdx-tpl{padding-top:64px!important}.pdx-tpl-tag{display:block;margin:2px 0 0}.pdx-tpl-demo{display:none}}
/* 숫자 띠 */
.pdx-stats{padding-top:24px!important;padding-bottom:96px!important}
.pdx-st{margin:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #121417}
.pdx-st>div{padding:26px 20px 0;border-left:1px solid #eef0f3;display:flex;flex-direction:column-reverse;gap:6px}
.pdx-st>div:first-child{border-left:0;padding-left:0}
.pdx-st dt{font-size:14px;font-weight:600;color:#6b7280}
.pdx-st dd{margin:0;display:flex;align-items:baseline;gap:2px}
.pdx-st b{font-size:48px;font-weight:900;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.pdx-st span{font-size:20px;font-weight:800;color:#2b5cff}
@media (max-width:1023px){.pdx-st{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}.pdx-st>div:nth-child(4){border-left:0;padding-left:0}}
@media (max-width:560px){.pdx-stats{padding-top:8px!important;padding-bottom:56px!important}.pdx-st{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px}.pdx-st>div{padding:18px 0 0 16px}.pdx-st>div:nth-child(odd){border-left:0;padding-left:0}.pdx-st>div:nth-child(4){border-left:1px solid #eef0f3;padding-left:16px}.pdx-st b{font-size:34px}.pdx-st span{font-size:16px}.pdx-st dt{font-size:13px}}
.pdx-was{font-weight:600;color:#8a919c;margin-right:6px;font-size:.9em}
/* 관심 디자인 담기 */
.pdx-save{position:absolute;right:12px;top:12px;z-index:3;display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px 0 10px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#121417;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.pdx-save svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}
.pdx-save:hover{transform:scale(1.04)}
.pdx-save.on{background:#2b5cff;color:#fff}.pdx-save.on svg{fill:#fff;stroke:#fff}
.pdx-savebar{position:fixed;left:50%;bottom:20px;z-index:45;transform:translate(-50%,140%);display:flex;align-items:center;gap:12px;height:56px;padding:0 22px 0 10px;border-radius:999px;background:#121417;color:#fff;text-decoration:none;font-size:14.5px;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.pdx-savebar.on{transform:translate(-50%,0)}
.pdx-savebar b{font-weight:800}
.pdx-savebar>span:last-child{color:#9db4ff;font-weight:700}
.pdx-sb-imgs{display:flex}
.pdx-sb-imgs img{width:30px;height:40px;object-fit:cover;object-position:top;border-radius:7px;border:2px solid #121417;margin-left:-8px;background:#333}
.pdx-sb-imgs img:first-child{margin-left:0}
.pdx-toast{position:fixed;left:50%;top:84px;z-index:70;transform:translate(-50%,-10px);opacity:0;pointer-events:none;background:#121417;color:#fff;font-size:14px;font-weight:700;padding:11px 18px;border-radius:999px;transition:opacity .2s,transform .2s}
.pdx-toast.on{opacity:1;transform:translate(-50%,0)}
.pdx-picked{margin-bottom:6px}
.pdx-pk-empty{margin:0;padding:14px 16px;border-radius:14px;background:#f3f6ff;font-size:13.5px;line-height:1.6;color:#4a515c}
.pdx-pk-empty a{color:#2b5cff;font-weight:800;text-decoration:none}
.pdx-pk-h{display:block;font-size:14px;font-weight:800;margin-bottom:10px}
.pdx-pk-h small{color:#2b5cff;font-size:13px;margin-left:4px}
.pdx-picked ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.pdx-picked li{display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:center;gap:12px;padding:8px 10px;border-radius:12px;background:#f6f7f9}
.pdx-picked li img{width:36px;height:48px;object-fit:cover;object-position:top;border-radius:7px;background:#e3e6ea}
.pdx-picked li b{display:block;font-size:14.5px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdx-picked li small{font-size:12px;color:#8a919c}
.pdx-picked li button{width:28px;height:28px;border:0;border-radius:50%;background:#fff;font-size:17px;line-height:1;cursor:pointer;color:#6b7280}
.pdx-pk-more{display:inline-block;margin-top:10px;font-size:13.5px;font-weight:800;color:#2b5cff;text-decoration:none}
@media (max-width:560px){.pdx-save{right:8px;top:8px;height:28px;padding:0 9px 0 8px;font-size:11.5px}.pdx-save svg{width:13px;height:13px}.pdx-savebar{bottom:14px;height:50px;font-size:13px;gap:9px;padding:0 16px 0 8px;max-width:calc(100% - 100px);left:calc(50% - 30px)}.pdx-savebar>span:last-child{display:none}}
/* ===== 제작 정보 보내기 (intake.html) ===== */
.pdx-ik-flow{list-style:none;margin:0;padding:0;border-top:1px solid #121417}
.pdx-ik-flow li{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #eef0f3}
.pdx-ik-flow i{font-style:normal;width:28px;height:28px;border-radius:50%;background:#f3f4f6;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.pdx-ik-flow li:first-child i{background:#2b5cff;color:#fff}
.pdx-ik-flow b{font-size:15.5px;font-weight:800}
.pdx-ik-flow span{font-size:13px;color:#8a919c}
.ik{background:#f6f7f9!important;padding-top:56px!important}
.ik-wrap{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}
.ik-form{display:flex;flex-direction:column;gap:14px}
.ik-sec{margin:0;border:0;background:#fff;border-radius:24px;padding:28px 32px 30px;min-width:0}
.ik-sec legend{float:left;width:100%;display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:2px;margin:0 0 20px;padding:0}
.ik-sec legend+*{clear:both}
.ik-sec legend i{grid-row:1/3;font-style:normal;font-size:13px;font-weight:800;color:#2b5cff;padding-top:4px}
.ik-sec legend b{font-size:19px;font-weight:800;letter-spacing:-.03em}
.ik-sec legend small{font-size:13.5px;color:#8a919c;line-height:1.5}
.ik-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ik-span{grid-column:1/-1}
.ik-f{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}
.ik-g2 .ik-f{margin:0}
.ik-l{font-size:14px;font-weight:800;color:#2b313a;display:flex;align-items:baseline;gap:6px}
.ik-l em{font-style:normal;color:#2b5cff}
.ik-l small{font-size:12px;font-weight:500;color:#8a919c}
.ik-l small a{color:#2b5cff;font-weight:700;text-decoration:none}
.ik input:not([type=checkbox]),.ik textarea{width:100%;box-sizing:border-box;border:1px solid #d5d9df;border-radius:12px;background:#fff;font:inherit;font-size:15.5px;color:#121417;padding:0 14px;height:50px;transition:border-color .2s}
.ik textarea{height:auto;padding:12px 14px;line-height:1.6;resize:vertical}
.ik input:focus,.ik textarea:focus{outline:0;border-color:#121417}
.ik ::placeholder{color:#b3b8c0}
.ik-hp{position:absolute!important;left:-9999px;width:1px;height:1px}
.ik-file{margin-top:14px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px;border:1.5px dashed #c9cdd4;border-radius:16px;cursor:pointer;text-align:center;transition:border-color .2s,background .2s}
.ik-file:hover,.ik-file.drag,.ik-file:focus-visible{border-color:#2b5cff;background:#f3f6ff;outline:0}
.ik-file b{font-size:14.5px;font-weight:800}.ik-file b::before{content:"↑ ";color:#2b5cff}
.ik-file span{font-size:12.5px;color:#8a919c}
.ik-file.has{padding:14px}
.ik-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ik-files:empty{display:none}
.ik-files span{display:inline-flex;align-items:center;gap:6px;padding:7px 8px 7px 12px;border-radius:10px;background:#f3f4f6;font-size:13px;font-weight:700}
.ik-files small{color:#8a919c;font-weight:500}
.ik-files button{border:0;background:#fff;width:22px;height:22px;border-radius:50%;cursor:pointer;color:#6b7280}
.ik-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ik-seg button,.ik-chips button{appearance:none;border:1px solid #e3e6ea;background:#fff;border-radius:12px;height:48px;font:inherit;font-size:14.5px;font-weight:700;color:#4a515c;cursor:pointer;transition:all .15s}
.ik-seg button:hover,.ik-chips button:hover{border-color:#121417}
.ik-seg button.on,.ik-chips button.on{background:#121417;border-color:#121417;color:#fff}
.ik-note{margin:14px 0 0;padding:12px 16px;border-radius:12px;background:#f6f7f9;font-size:13.5px;color:#4a515c}
.ik-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.ik-chips button{height:42px;padding:0 16px;border-radius:999px;font-size:14px}
.ik-ind{display:grid;grid-template-columns:repeat(4,1fr)}
.ik-ind button{border-radius:12px;padding:0 6px}
.ik-etc{margin-bottom:14px}
.ik-menus{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#f6f7f9}
.ik-menus span{font-size:12.5px;font-weight:700;color:#8a919c;margin-right:4px}
.ik-menus i{font-style:normal;font-size:13px;font-weight:700;padding:5px 10px;background:#fff;border-radius:8px;border:1px solid #e3e6ea}
.ik-picked:empty{display:none}
.ik-picked{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;border-radius:12px;background:#f3f6ff}
.ik-picked>span{width:100%;font-size:12.5px;font-weight:800;color:#2b5cff}
.ik-picked i{font-style:normal;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;background:#fff;border-radius:10px;padding:5px 12px 5px 5px}
.ik-picked img{width:24px;height:32px;object-fit:cover;object-position:top;border-radius:5px}
.ik-basic{margin:0;font-size:13px;line-height:1.7;color:#8a919c}.ik-basic b{color:#4a515c;margin-right:6px}
.ik-agree{display:flex;gap:10px;align-items:flex-start;margin-top:16px;font-size:13.5px;line-height:1.6;color:#4a515c;cursor:pointer}
.ik-agree input{width:18px;height:18px;margin-top:2px;flex-shrink:0;accent-color:#121417}
.ik-agree b{color:#121417}.ik-agree em{font-style:normal;color:#2b5cff}
.ik-side{position:sticky;top:100px}
.ik-card{background:#121417;color:#fff;border-radius:24px;padding:28px}
.ik-c-h{display:flex;justify-content:space-between;font-size:14px;font-weight:800}.ik-c-h small{color:#8a919c;font-weight:600}
.ik-c-n{display:flex;align-items:baseline;gap:6px;margin:12px 0 18px}.ik-c-n b{font-size:46px;font-weight:900;letter-spacing:-.05em;line-height:1}.ik-c-n span{color:#aeb4bd;font-weight:700}
.ik-card ul{list-style:none;margin:0 0 22px;padding:0}
.ik-card li{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid rgba(255,255,255,.1);font-size:14px;color:#c9ced6}.ik-card li b{color:#fff}
.ik-submit{width:100%;height:56px;border:0;border-radius:999px;background:#2b5cff;color:#fff;font:inherit;font-size:16.5px;font-weight:800;cursor:pointer;transition:background .2s}
.ik-submit:hover{background:#1f4be0}.ik-submit:disabled{opacity:.6;cursor:default}
.ik-msg{margin:12px 0 0;font-size:13.5px;line-height:1.5;min-height:0}.ik-msg.err{color:#ff8a7a}.ik-msg.ok{color:#7be0a5}.ik-msg:empty{display:none}
.ik-c-f{margin:12px 0 0;font-size:12.5px;color:#8a919c;text-align:center}
.ik-done{padding:40px 0 60px;max-width:640px}
.ik-done h2{font-size:40px;font-weight:800;letter-spacing:-.04em;margin:10px 0 16px}.ik-done p{font-size:17px;line-height:1.75;color:#4a515c;margin:0 0 28px}
@media (max-width:1023px){.ik-wrap{grid-template-columns:1fr}.ik-side{position:static}.ik-ind{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
  .ik{padding-top:28px!important}
  .ik-sec{padding:22px 18px 24px;border-radius:20px}
  .ik-sec legend b{font-size:17.5px}
  .ik-g2{grid-template-columns:1fr}
  .ik-seg{grid-template-columns:1fr}
  .ik-ind{grid-template-columns:repeat(2,1fr)}
  .ik-card{padding:24px 20px;border-radius:20px}.ik-c-n b{font-size:40px}
  .pdx-ik-flow span{display:none}
  .ik-done h2{font-size:28px}
}
.ik [hidden]{display:none!important}
.ik-sec>*:not(legend){clear:both}
.ik-note{margin:12px 0 0!important}
.ik-seg button,.ik-chips button{transition:border-color .15s}
/* 단계형 인테이크 */
.ik-steps{background:#fff;border-radius:24px;padding:22px 28px 20px;position:sticky;top:84px;z-index:5}
.ik-prog{height:4px;border-radius:4px;background:#eef0f3;overflow:hidden}
.ik-prog i{display:block;height:100%;background:#2b5cff;border-radius:4px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.ik-cheer{margin:14px 0 12px;font-size:14.5px;line-height:1.55;color:#4a515c}
.ik-cheer b{color:#121417}
.ik-cheer.pop{animation:ikPop .45s ease}
@keyframes ikPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ik-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.ik-steps li{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#a0a6b0;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ik-steps li span{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#f3f4f6;color:#8a919c;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ik-steps li.on{color:#121417}.ik-steps li.on span{background:#2b5cff;color:#fff}
.ik-steps li.done{color:#4a515c}.ik-steps li.done span{background:#121417;color:#fff;font-size:0}.ik-steps li.done span::before{content:"✓";font-size:12px}
.ik-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0}
.ik-nav button{appearance:none;border:0;cursor:pointer;font:inherit;font-weight:800;border-radius:999px;height:52px;padding:0 26px;font-size:15.5px}
.ik-prev{background:transparent;color:#4a515c}
.ik-next{background:#121417;color:#fff;min-width:150px}
.ik-next.is-submit{background:#2b5cff}
.ik-count{font-size:13px;color:#8a919c;font-weight:700}
.ik-sec[hidden]{display:none!important}
/* 담은 디자인: 왼쪽 아래 상시 */
.pdx-savebar{left:20px!important;bottom:20px!important;transform:translateY(160%)!important;height:auto!important;padding:10px 18px 10px 10px!important;border-radius:18px!important;gap:12px!important}
.pdx-savebar.on{transform:none!important}
.pdx-sb-t{display:flex;flex-direction:column;gap:2px;line-height:1.25}
.pdx-sb-t b{font-size:14.5px}
.pdx-sb-t small{font-size:12.5px;color:#9db4ff;font-weight:700}
.pdx-savebar:hover .pdx-sb-t small{text-decoration:underline}
@media (max-width:560px){
  .ik-steps{padding:16px 16px 14px;border-radius:18px;top:68px}
  .ik-cheer{font-size:13.5px;margin:12px 0 10px}
  .ik-steps li{font-size:0;justify-content:center}.ik-steps li.on{font-size:12.5px;justify-content:flex-start}
  .ik-steps ol{grid-template-columns:auto auto auto auto;justify-content:space-between}
  .ik-nav button{height:50px;padding:0 18px}.ik-next{min-width:130px}
  .pdx-savebar{left:12px!important;bottom:12px!important;max-width:calc(100% - 90px)!important;padding:8px 14px 8px 8px!important}
  .pdx-savebar>span:last-child{display:flex!important}
  .pdx-sb-t b{font-size:13.5px}.pdx-sb-t small{font-size:11.5px}
}
@media (max-width:1023px){.ik-steps{position:static}}
/* ===== 인테이크 v3: 히어로 없음, 가운데 집중형 (2026-10-06) ===== */
.ik-top{position:relative;height:76px;flex-shrink:0}
.ik{background:#fff!important;padding:40px 20px 0!important}
.ik .ik-wrap{display:block!important;max-width:640px;margin:0 auto}
.ik-kicker{margin:0 0 18px;font-size:13px;font-weight:700;color:#8a919c}
.ik-steps{position:static!important;background:none!important;padding:0!important;border-radius:0!important;margin-bottom:8px}
.ik-prog-row{display:flex;align-items:center;gap:14px}
.ik-prog{flex:1;height:6px!important;border-radius:6px!important}
.ik-count{font-size:13px;font-weight:800;color:#2b5cff;font-variant-numeric:tabular-nums}
.ik-steps ol{display:flex!important;gap:0!important;margin:12px 0 0!important}
.ik-steps li{flex:1;font-size:12.5px!important;font-weight:700;color:#b3b8c0!important;justify-content:flex-start!important}
.ik-steps li.on{color:#121417!important}
.ik-steps li.done{color:#4a515c!important}
.ik-steps li span{display:none!important}
.ik-h{margin:44px 0 10px;font-size:36px;line-height:1.3;font-weight:800;letter-spacing:-.045em;color:#121417}
.ik-cheer{margin:0 0 36px!important;font-size:16px!important;color:#2b5cff!important;font-weight:600}
.ik-cheer b{color:inherit}
.ik-form{gap:0!important}
.ik-sec{background:none!important;border-radius:0!important;padding:0 0 36px!important;margin:0 0 36px!important;border-bottom:1px solid #eef0f3!important}
.ik-sec:last-of-type,.ik-sec:has(+ .ik-msg),.ik-sec:has(+ .ik-sec[hidden]){border-bottom:0!important}
.ik-sec legend{margin:0 0 18px!important}
.ik-sec legend i{display:none}
.ik-sec legend{grid-template-columns:1fr!important}
.ik-sec legend b{font-size:17px!important}
.ik-sec legend small{font-size:13.5px}
.ik input:not([type=checkbox]),.ik textarea{height:56px;border-radius:14px;border-color:#dfe2e7;background:#fafbfc;font-size:16px}
.ik textarea{height:auto}
.ik input:focus,.ik textarea:focus{background:#fff;border-color:#2b5cff;box-shadow:0 0 0 3px rgba(43,92,255,.12)}
.ik-seg button,.ik-ind button{height:52px;border-radius:14px;background:#fafbfc}
.ik-seg button.on,.ik-chips button.on{background:#121417!important;color:#fff!important;border-color:#121417!important}
.ik-chips button{background:#fafbfc}
.ik-file{background:#fafbfc;border-radius:16px;padding:28px}
.ik-msg{margin:0 0 12px!important;font-size:14.5px!important;font-weight:700}
.ik-msg.err{color:#e5484d!important}
.ik-nav{position:sticky;bottom:0;z-index:20;margin:0 -20px;padding:14px 20px calc(14px + env(safe-area-inset-bottom))!important;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #eef0f3;display:grid!important;grid-template-columns:120px 1fr;gap:10px}
.ik-nav button{height:58px!important;border-radius:16px!important;font-size:17px!important}
.ik-prev{background:#f1f2f4!important;color:#4a515c!important}
.ik-prev[style*="hidden"]{visibility:visible!important;display:none}
.ik-nav:has(.ik-prev[style*="hidden"]){grid-template-columns:1fr}
.ik-next{background:#2b5cff!important;color:#fff!important}
.ik-next:hover{background:#1f4be0!important}
.ik-done{text-align:center;margin:0 auto;padding:60px 0 100px!important}
.ik-done .pdx-b-dark{margin:0 auto}
[data-dc-tpl]:has(#intake) footer{margin-top:0}
@media (max-width:560px){
  .ik{padding-top:24px!important}
  .ik-h{font-size:28px;margin-top:32px}
  .ik-cheer{font-size:15px!important;margin-bottom:28px!important}
  .ik-steps li{font-size:11.5px!important}
  .ik-nav{grid-template-columns:96px 1fr}
  .ik-seg{grid-template-columns:1fr!important}
}
.ik-sec:first-of-type legend{display:none}
.ik-nav{position:fixed!important;left:0;right:0;bottom:0;margin:0!important;padding:12px max(20px,calc(50% - 320px)) calc(12px + env(safe-area-inset-bottom))!important;z-index:60}
.ik-form{padding-bottom:110px}
body:has(#intake) .fab,body:has(#intake) [data-dc-tpl]>div[style*="position: fixed"]{display:none!important}
.ik{min-height:calc(100vh - 76px)}
.ik-mail{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}
.ik-mail i{font-style:normal;font-weight:700;color:#8a919c}
.ik-mail select{height:56px;border:1px solid #dfe2e7;border-radius:14px;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238a919c' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;appearance:none;-webkit-appearance:none;padding:0 34px 0 14px;font:inherit;font-size:15.5px;color:#121417;min-width:0}
.ik-mail select:focus{outline:0;border-color:#2b5cff;box-shadow:0 0 0 3px rgba(43,92,255,.12)}
.ik-mail-etc{grid-column:1/-1}
.ik-sec [data-file="bizdoc"]{margin:0 0 12px!important;border-color:#2b5cff;background:#f3f6ff}
.ik-sec [data-file="bizdoc"] b::before{content:"✦ "}
.ik-file.busy{opacity:.6;pointer-events:none}
.ik-ocr{margin:0 0 18px!important;padding:12px 14px;border-radius:12px;font-size:14px;line-height:1.5}
.ik-ocr.ing{background:#f3f6ff;color:#2b5cff}
.ik-ocr.ok{background:#ecfbf3;color:#1f7a4d}
.ik-ocr.err{background:#fff2f0;color:#c2410c}
.ik input.ik-auto{border-color:#7fd3a5;background:#f5fdf8}
/* .pdx p{padding:0} 보다 우선하도록 */
.ik p.ik-note{padding:13px 16px;margin:12px 0 0!important;border-radius:12px;background:#f6f7f9;font-size:14px;line-height:1.55;color:#4a515c}
.ik p.ik-ocr{padding:13px 16px}
.ik p.ik-menus{padding:12px 14px}
/* 원하는 느낌 선택 */
.ik-feel{margin-top:6px}
.ik-sub{display:block;font-size:13px;font-weight:700;color:#8a919c;margin:10px 0 -2px}
.ik-feel .ik-chips{margin-bottom:6px}
.ik-colors button{display:inline-flex;align-items:center;gap:8px;padding:0 14px 0 10px}
.ik-colors i{width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.ik-colors button.on i{box-shadow:0 0 0 2px #fff}
.ik-feel textarea{margin-top:10px}
/* 영업시간 */
.ik-hours{gap:10px!important}
.ik-hrow{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:6px 12px;padding:4px 0}
.ik-hrow>b{font-size:14.5px;font-weight:700;color:#2b313a}
.ik-hrow .ik-hsel{grid-column:2}
.ik-hsel{display:flex;align-items:center;gap:8px}
.ik-hsel i{font-style:normal;color:#8a919c}
.ik-t{height:48px;flex:1;max-width:150px;border:1px solid #dfe2e7;border-radius:12px;background:#fafbfc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238a919c' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;padding:0 30px 0 14px;font:inherit;font-size:15.5px;font-variant-numeric:tabular-nums;color:#121417}
.ik-t:focus{outline:0;border-color:#2b5cff}
.ik-hmode{display:flex;flex-wrap:wrap;gap:6px}
.ik-hmode button{appearance:none;height:40px;padding:0 14px;border:1px solid #e3e6ea;border-radius:999px;background:#fafbfc;font:inherit;font-size:13.5px;font-weight:700;color:#4a515c;cursor:pointer}
.ik-hmode button.on{background:#121417;border-color:#121417;color:#fff}
.ik-hnote{margin-top:4px}
.ik p.ik-hprev{margin:4px 0 0;padding:12px 14px;border-radius:12px;background:#f3f6ff;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:14px;color:#121417}
.ik-hprev span{width:100%;font-size:12px;font-weight:700;color:#2b5cff}
.ik-hprev b{font-weight:700}
.ik-hprev b+b::before{content:"·";margin-right:10px;color:#b3b8c0}
/* OCR 로딩 */
.ik p.ik-ocr.ing{display:flex;flex-direction:column;gap:10px}
.ik-ocr-t{font-weight:700}
.ik-ocr-t.in{animation:ikPop .35s ease}
.ik-ocr-bar{position:relative;height:5px;border-radius:5px;background:#dbe4ff;overflow:hidden}
.ik-ocr-bar i{position:absolute;left:0;top:0;height:100%;width:0;border-radius:5px;background:#2b5cff;animation:ikLoad 6s cubic-bezier(.1,.6,.2,1) forwards}
.ik-ocr-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:ikShine 1.1s linear infinite}
@keyframes ikLoad{to{width:92%}}
@keyframes ikShine{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.ik-file.busy{position:relative;opacity:1!important}
.ik-file.busy b,.ik-file.busy span{opacity:.45}
@media (max-width:560px){.ik-hrow{grid-template-columns:1fr}.ik-hrow .ik-hsel{grid-column:1}.ik-t{max-width:none}}
.pdx-sb-t b{color:#fee500!important}
.pdx-sb-t small{color:#fff!important;opacity:1}
.ik-sec .ik-files{margin:10px 0 12px}
.ik-sec .ik-files:empty{margin:0}
.ik p.ik-ocr{margin:0 0 20px!important}
.ik-t{max-width:none!important}
.ik-hsel{width:100%}
/* ===== 고객 지원 v2 ===== */
.sp{background:#fff!important;padding-top:88px!important;padding-bottom:104px!important}
.sp-wrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start}
.sp-side{position:sticky;top:100px;display:flex;flex-direction:column}
.sp-side h2{font-size:34px;line-height:1.3;font-weight:800;letter-spacing:-.04em;margin:10px 0 28px}
.sp-cats{display:flex;flex-direction:column;border-top:1px solid #121417}
.sp-cats button{appearance:none;border:0;border-bottom:1px solid #eef0f3;background:none;display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 4px;font:inherit;font-size:16px;font-weight:700;color:#8a919c;cursor:pointer;text-align:left;transition:color .2s,padding .2s}
.sp-cats button b{font-size:13px;font-weight:700;color:#b3b8c0}
.sp-cats button:hover{color:#121417}
.sp-cats button.on{color:#121417;padding-left:12px;box-shadow:inset 3px 0 0 #2b5cff}
.sp-cats button.on b{color:#2b5cff}
.sp-help{margin-top:36px;padding:24px;border-radius:20px;background:#f6f7f9;display:flex;flex-direction:column}
.sp-help>b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.sp-help>span{font-size:13px;color:#8a919c;margin:4px 0 14px}
.sp-hl{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #e6e8ec;font-size:14.5px;font-weight:700;color:#121417;text-decoration:none;word-break:keep-all}
.sp-hl em{font-style:normal;color:#b3b8c0;transition:transform .2s}
.sp-hl:hover em{transform:translateX(3px);color:#121417}
.sp-ic{width:34px;height:34px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.sp-ic.k{background:#fee500}
.sp-ic svg{width:17px;height:17px}
.sp-ic svg.ln{fill:none;stroke:#2b5cff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sp-bar{display:flex;justify-content:space-between;align-items:center;min-height:28px;margin-bottom:12px}
.sp-res{font-size:14px;color:#8a919c}.sp-res b{color:#121417}
.sp-clear{appearance:none;border:0;background:#f3f4f6;border-radius:999px;height:32px;padding:0 14px;font:inherit;font-size:13px;font-weight:700;color:#4a515c;cursor:pointer}
.sp-list{border-top:1px solid #121417}
.sp-q{border-bottom:1px solid #e6e8ec}
.sp-q[hidden]{display:none}
.sp-q summary{list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) 22px;align-items:center;gap:14px;padding:24px 4px;cursor:pointer}
.sp-q summary::-webkit-details-marker{display:none}
.sp-q summary i,.sp-a i{font-style:normal;font-size:16px;font-weight:900;color:#c9cdd4}
.sp-q[open] summary i{color:#2b5cff}
.sp-q summary span{font-size:18px;font-weight:700;letter-spacing:-.03em;color:#121417;transition:color .2s}
.sp-q summary:hover span{color:#2b5cff}
.sp-q summary em{position:relative;width:22px;height:22px}
.sp-q summary em::before,.sp-q summary em::after{content:"";position:absolute;left:4px;right:4px;top:10px;height:2px;border-radius:2px;background:#121417;transition:transform .3s}
.sp-q summary em::after{transform:rotate(90deg)}
.sp-q[open] summary em::after{transform:rotate(0)}
.sp-a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;padding:0 40px 26px 4px}
.sp-a i{color:#121417}
.sp .sp-a p{margin:0;padding:18px 20px;border-radius:16px;background:#f6f7f9;font-size:16px;line-height:1.75;color:#3b414b}
.sp-a a{color:#2b5cff;font-weight:700;text-decoration:none}
.sp-q[open] .sp-a{animation:ikPop .35s ease}
.sp-empty{padding:56px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;border-bottom:1px solid #e6e8ec}
.sp-empty b{font-size:20px;font-weight:800}.sp-empty span{font-size:15px;color:#6b7280;margin-bottom:14px}
.sp-empty[hidden]{display:none}
@media (max-width:1023px){.sp-wrap{grid-template-columns:1fr;gap:28px}.sp-side{position:static}.sp-cats{flex-direction:row;flex-wrap:wrap;gap:8px;border:0}.sp-cats button{height:42px;border:1px solid #e3e6ea;border-radius:999px;padding:0 16px;gap:8px}.sp-cats button.on{background:#121417;color:#fff;box-shadow:none;padding-left:16px;border-color:#121417}.sp-cats button.on b{color:rgba(255,255,255,.6)}.sp-help{order:3;margin-top:0}.sp-main{order:2}.sp-side{display:contents}.sp-side>.pdx-eyebrow,.sp-side>h2{order:0}.sp-cats{order:1}}
@media (max-width:560px){.sp{padding-top:56px!important;padding-bottom:64px!important}.sp-side h2{font-size:26px;margin-bottom:4px}.sp-q summary{grid-template-columns:22px minmax(0,1fr) 20px;gap:10px;padding:20px 0}.sp-q summary span{font-size:16px}.sp-a{grid-template-columns:22px minmax(0,1fr);gap:10px;padding:0 0 20px}.sp .sp-a p{font-size:15px;padding:14px 16px}.sp-cats{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px;scrollbar-width:none}.sp-cats button{flex-shrink:0}}
.pdx-savebar:not(.on){visibility:hidden}
@media (max-width:1023px){
  .sp-wrap{gap:0!important}
  .sp-side h2{margin:10px 0 20px}
  .sp-cats{margin:0 0 20px!important;padding:0!important;flex-wrap:wrap!important;overflow:visible!important}
  .sp-help{margin-top:40px!important}
}
/* 고객지원 히어로 v2 */
.sp-hero .pdx-sub-in{align-items:end}
.sp-search{width:100%;max-width:560px;margin-top:32px}
.sp-search .pd-search{display:flex;align-items:center;gap:12px;height:64px;padding:0 24px;border-radius:999px;border:1.5px solid #121417;background:#fff;box-shadow:none!important;width:100%!important;transition:box-shadow .2s}
.sp-search .pd-search:focus-within{box-shadow:0 0 0 4px rgba(43,92,255,.15)!important;border-color:#2b5cff}
.sp-search .pd-search input{flex:1;height:100%;border:0;outline:0;background:transparent;font:inherit;font-size:17px;color:#121417}
.sp-search .pd-search svg{flex-shrink:0}
.sp-quick{display:flex;align-items:center;gap:16px;margin-top:18px;font-size:14px}
.sp-quick a{color:#121417;font-weight:800;text-decoration:none;border-bottom:1.5px solid #121417;padding-bottom:1px}
.sp-quick a:first-child{border-color:#fee500;box-shadow:inset 0 -6px 0 #fee500}
.sp-quick span{color:#8a919c}
.sp-pop{border-top:1px solid #121417}
.sp-pop-h{display:block;font-size:13px;font-weight:800;color:#2b5cff;padding:18px 0 6px}
.sp-pop ol{list-style:none;margin:0;padding:0}
.sp-pop a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:15px 0;border-bottom:1px solid #eef0f3;color:#121417;text-decoration:none}
.sp-pop i{font-style:normal;font-size:13px;font-weight:800;color:#b3b8c0;font-variant-numeric:tabular-nums}
.sp-pop span{font-size:16px;font-weight:700;letter-spacing:-.02em;transition:color .2s}
.sp-pop em{font-style:normal;color:#c9cdd4;transition:transform .2s,color .2s}
.sp-pop a:hover span{color:#2b5cff}.sp-pop a:hover em{transform:translateX(3px);color:#2b5cff}
.sp-pop a:hover i{color:#2b5cff}
@media (max-width:560px){.sp-search{margin-top:24px}.sp-search .pd-search{height:56px;padding:0 18px}.sp-search .pd-search input{font-size:16px}.sp-quick{flex-wrap:wrap;gap:10px 14px}.sp-pop span{font-size:15px}}
/* 상담 페이지: 인테이크로 가는 두 번째 길 */
.ct-ik{display:flex;flex-direction:column;gap:10px;padding:28px 30px;border-radius:24px;background:#121417;color:#fff;text-decoration:none;transition:transform .25s}
.ct-ik:hover{transform:translateY(-2px)}
.ct-ik-tag{font-size:13px;font-weight:800;color:#fee500}
.ct-ik b{font-size:22px;line-height:1.35;font-weight:800;letter-spacing:-.03em}
.ct-ik-d{font-size:14.5px;line-height:1.6;color:#c9ced6}
.ct-ik-warn{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;font-size:12.5px;font-weight:700;color:#9db4ff;background:rgba(43,92,255,.16);padding:6px 10px;border-radius:8px}
.ct-ik-warn::before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#9db4ff;color:#121417;font-size:10px;font-weight:900;font-style:italic}
.ct-ik-go{margin-top:6px;font-size:15px;font-weight:800;color:#fff}
.ct-ik:hover .ct-ik-go{color:#fee500}
@media (max-width:560px){.ct-ik{padding:24px 22px;border-radius:20px}.ct-ik b{font-size:19px}}
/* 상담 신청 모바일 압축 (2026-10-06) */
@media (max-width:560px){
  .pdx-sub-contact .pdx-sc-row[href="#contact"]{display:none}
  .pdx-sub-contact{flex-direction:row!important;gap:8px;border-top:0!important}
  .pdx-sub-contact .pdx-sc-row{flex:1;grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;padding:12px!important;border:1px solid #e3e6ea!important;border-radius:14px}
  .pdx-sub-contact .pdx-sc-row:hover{padding-left:12px!important}
  .pdx-sub-contact .pdx-sc-row>span{width:32px!important;height:32px!important}
  .pdx-sub-contact .pdx-sc-row svg{width:16px;height:16px}
  .pdx-sub-contact .pdx-sc-row b{font-size:14.5px!important}
  .pdx-sub-contact .pdx-sc-row small{display:none}
  .pdx-sub-contact .pdx-sc-row em{display:none}
  #contact{padding-top:28px!important;padding-bottom:48px!important;gap:16px!important}
  .ct-form{padding:0!important;box-shadow:none!important;border-radius:0!important;gap:16px!important;background:none!important}
  .ct-form>div:first-of-type span:first-child{font-size:21px!important}
  .ct-form input:not([type=checkbox]):not([type=radio]),.ct-form select{height:50px!important;font-size:16px!important;border-radius:12px!important}
  .ct-form textarea{height:104px!important;min-height:0!important}
  .ct-form label{font-size:14px!important;gap:6px!important}
  .ct-form label[style*="height: 48px"]{height:44px!important}
  .ct-form button[type=submit]{height:56px!important;font-size:17px!important}
  .ct-agree{flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;font-size:13.5px!important}
  .ct-agree input{flex-shrink:0}
  .ct-form .pdx-picked{margin-bottom:0}
  .ct-form .pdx-pk-empty{padding:11px 14px;font-size:13px}
  .ct-dup{display:none!important}
  .ct-steps{padding:22px 20px!important;border-radius:20px!important;gap:14px!important}
  .ct-steps>span:first-child{font-size:17px!important}
}
@media (max-width:560px){#contact form.ct-form{padding:0!important;box-shadow:none!important;background:none!important}#contact .ct-steps{padding:22px 20px!important}}
/* ===== 상담 신청 v2 (모바일 기준) ===== */
.ct{background:#fff!important;padding-top:56px!important;padding-bottom:104px!important;display:block!important}
.ct-wrap{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start}
.ct-f{display:flex;flex-direction:column;gap:22px;padding:40px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px #e6e8ec}
.ct-fh{display:flex;flex-direction:column;gap:6px}
.ct-fh b{font-size:24px;font-weight:800;letter-spacing:-.03em}
.ct-fh span{font-size:14.5px;color:#2b5cff;font-weight:600}
.ct-g2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-fl{display:flex;flex-direction:column;gap:8px;min-width:0}
.ct-fl>span{font-size:14px;font-weight:800;color:#2b313a}
.ct-fl>span em{font-style:normal;color:#2b5cff;margin-left:3px}
.ct-fl>span small{font-size:12px;font-weight:600;color:#a0a6b0;margin-left:4px}
.ct input[type=text],.ct input[type=tel],.ct input[type=url],.ct textarea{width:100%;box-sizing:border-box;height:54px;border:1px solid #dfe2e7;border-radius:14px;background:#fafbfc;padding:0 15px;font:inherit;font-size:16px;color:#121417;transition:border-color .2s,box-shadow .2s,background .2s}
.ct textarea{height:auto;padding:13px 15px;line-height:1.6;resize:vertical}
.ct input:focus,.ct textarea:focus{outline:0;background:#fff;border-color:#2b5cff;box-shadow:0 0 0 3px rgba(43,92,255,.12)}
.ct ::placeholder{color:#b3b8c0}
.ct-hidden-sel{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.ct-chips{display:flex;flex-wrap:wrap;gap:8px}
.ct-chip,.ct-seg label{position:relative;cursor:pointer}
.ct-chip input,.ct-seg input{position:absolute;opacity:0;pointer-events:none}
.ct-chip span{display:inline-flex;align-items:center;height:42px;padding:0 16px;border:1px solid #e3e6ea;border-radius:999px;background:#fafbfc;font-size:14.5px;font-weight:700;color:#4a515c;transition:all .15s}
.ct-chip input:checked+span,.ct-seg input:checked+span{background:#121417;border-color:#121417;color:#fff}
.ct-chip input:focus-visible+span,.ct-seg input:focus-visible+span{box-shadow:0 0 0 3px rgba(43,92,255,.25)}
.ct-seg{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:320px}
.ct-seg span{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid #e3e6ea;border-radius:12px;background:#fafbfc;font-size:15px;font-weight:700;color:#4a515c;transition:all .15s}
.ct-agree2{display:flex;align-items:center;gap:10px;font-size:14px;color:#4a515c;cursor:pointer}
.ct-agree2 input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:#121417}
.ct-agree2 em{font-style:normal;color:#2b5cff}
.ct-agree2 a{margin-left:auto;color:#4a515c;font-weight:700;font-size:13.5px}
.ct-submit{height:60px;border:0;border-radius:16px;background:#2b5cff;color:#fff;font:inherit;font-size:17.5px;font-weight:800;cursor:pointer;transition:background .2s}
.ct-submit:hover{background:#1f4be0}.ct-submit:disabled{opacity:.6}
.ct-f>p[role=status]{margin:-8px 0 0!important}
.ct-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:100px}
.ct-flow{padding:24px 26px;border-radius:22px;background:#f6f7f9}
.ct-flow>b{display:block;font-size:16px;font-weight:800;margin-bottom:14px}
.ct-flow ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.ct-flow li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:start}
.ct-flow i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#2b5cff;color:#fff;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ct-flow span{font-size:13.5px;line-height:1.55;color:#6b7280}
.ct-flow span b{display:block;font-size:15px;color:#121417;margin-bottom:1px}
.ct-mail{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:12px;align-items:center;padding:16px 20px;border-radius:18px;box-shadow:0 0 0 1px #e6e8ec;color:#121417;text-decoration:none;font-size:14.5px;font-weight:800}
.ct-mail .sp-ic{grid-row:1/3;background:#f3f6ff}
.ct-mail em{font-style:normal;font-size:13px;font-weight:500;color:#8a919c;word-break:keep-all}
@media (max-width:1023px){.ct-wrap{grid-template-columns:1fr}.ct-side{position:static}}
@media (max-width:560px){
  .ct{padding-top:28px!important;padding-bottom:56px!important}
  .ct-f{padding:0;box-shadow:none;border-radius:0;gap:20px}
  .ct-fh b{font-size:21px}
  .ct-g2{grid-template-columns:1fr}
  .ct input[type=text],.ct input[type=tel],.ct input[type=url]{height:52px}
  .ct-chips{gap:7px}.ct-chip span{height:40px;padding:0 14px;font-size:14px}
  .ct-seg{max-width:none}
  .ct-submit{height:56px;font-size:17px}
  .ct-wrap{gap:32px}
  .ct-ik{padding:22px 20px}
  .ct-flow{padding:20px}
}
.ct-cur{display:block;margin-top:8px;animation:ikPop .3s ease}
.ct-cur[hidden]{display:none}
/* 상담 신청서 모바일: 덜 부해 보이게 (2026-10-06) */
@media (max-width:560px){
  .ct-f{gap:18px!important}
  .ct-fh b{font-size:19px}
  .ct-fh span{font-size:13.5px}
  .ct-fl{gap:7px}
  .ct-fl>span{font-size:13.5px}
  .ct input[type=text],.ct input[type=tel],.ct input[type=url]{height:48px!important;border-radius:12px;padding:0 14px}
  .ct textarea{border-radius:12px;padding:11px 14px;min-height:84px}
  .ct-chips{gap:6px}
  .ct-chip span{height:34px;padding:0 12px;font-size:13.5px;font-weight:600;border-color:#e6e8ec;background:#fff}
  .ct-chip input:checked+span{font-weight:700}
  .ct-seg{gap:6px}
  .ct-seg span{height:42px;font-size:14px;font-weight:600;border-radius:10px;background:#fff;border-color:#e6e8ec}
  .ct-agree2{font-size:13px}.ct-agree2 input{width:18px;height:18px}
  .ct-submit{height:52px;font-size:16px;border-radius:14px}
  .pdx-sub-contact .pdx-sc-row{padding:10px 12px!important}
  .ct-ik{gap:8px;padding:20px 18px!important}.ct-ik b{font-size:18px}.ct-ik-d{font-size:13.5px}
}
#contact p.pdx-pk-empty{padding:11px 14px;font-size:13px;line-height:1.55;border-radius:12px}
.ct-seg span,.ct-chip span{transition:background .12s,border-color .12s,color .12s}
/* 문장 끝 한 단어만 떨어지는 줄바꿈 방지 */
.why-lead{word-break:keep-all;text-wrap:pretty}
@media (max-width:560px){.pc-br{display:none}.why-lead{font-size:16px!important;line-height:1.7!important}}
/* 이 스타일로 상담받기 → 상담 신청서 상단 강조 */
.pdx-pk-style{display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:center;padding:12px 14px;margin-bottom:14px;border-radius:16px;background:#121417;color:#fff;animation:ikPop .4s ease}
.pdx-pk-style img{width:52px;height:70px;object-fit:cover;object-position:top;border-radius:9px;background:#333}
.pdx-pk-style small{display:block;font-size:12.5px;font-weight:700;color:#fee500;margin-bottom:3px}
.pdx-pk-style b{font-size:17px;font-weight:800;letter-spacing:-.02em}
.pdx-picked li.is-style{box-shadow:inset 0 0 0 2px #2b5cff;background:#f3f6ff}
/* ===== 푸터 모바일 압축 (2026-10-06) ===== */
@media (max-width:560px){
  footer{padding:36px 20px calc(28px + env(safe-area-inset-bottom))!important;gap:22px!important}
  footer>div:first-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:22px 16px!important}
  footer>div:first-child>div{grid-column:auto!important;gap:9px!important;min-width:0}
  footer>div:first-child>div:nth-child(1){grid-column:1/-1!important;order:0;gap:12px!important}
  footer>div:first-child>div:nth-child(4){grid-column:1/-1!important;order:1;display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px!important;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.06)}
  footer>div:first-child>div:nth-child(4)>span:first-child{display:none}
  footer>div:first-child>div:nth-child(4)>a[href^="tel:"]{font-size:20px!important;grid-row:1}
  footer>div:first-child>div:nth-child(4)>span:nth-of-type(2){grid-column:1/-1;font-size:12px!important;order:3}
  footer>div:first-child>div:nth-child(4)>a[href*="kakao"]{justify-self:end;font-size:13px!important}
  footer>div:first-child>div:nth-child(2){order:2}
  footer>div:first-child>div:nth-child(3){order:3}
  footer>div:first-child>div:nth-child(2) a,footer>div:first-child>div:nth-child(3) a{font-size:13.5px!important;line-height:1.4}
  footer>div:first-child>div:nth-child(2)>span,footer>div:first-child>div:nth-child(3)>span{font-size:12.5px!important;margin-bottom:2px}
  footer .pd-ft-logo{height:22px}
  footer>div:first-child>div:nth-child(1)>span{font-size:11.5px!important;line-height:1.7!important;color:#7d838d!important}
  footer>div:last-child{padding-top:16px!important;gap:8px!important;flex-direction:column!important;align-items:flex-start!important;font-size:12px!important}
  footer>div:last-child>span:last-child{display:flex!important;gap:14px!important;flex-wrap:wrap}
}
@media (max-width:560px){footer[style*="max(60px, 50% - 660px)"]{padding:36px 20px calc(36px + env(safe-area-inset-bottom))!important}}
/* ===== 회사 소개 ===== */
.ab-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;row-gap:4px}
.ab-stats>div:nth-child(4){border-left:0!important;padding-left:0!important}
.ab-stats dd{font-size:30px!important}
.ab-story{padding-top:104px!important}
.ab-tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #121417}
.ab-tl li{position:relative;padding:28px 24px 0 0}
.ab-tl li+li{padding-left:24px;border-left:1px solid #eef0f3}
.ab-tl li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:#2b5cff}
.ab-tl li+li::before{left:24px}
.ab-tl i{font-style:normal;display:block;font-size:14px;font-weight:800;color:#2b5cff;margin-bottom:10px}
.ab-tl b{display:block;font-size:20px;font-weight:800;letter-spacing:-.03em;margin-bottom:10px}
.pdx .ab-tl p{font-size:15px;line-height:1.7;color:#5f6672}
.ab-val{background:#f6f7f9!important}
.ab-vals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ab-vals>div{background:#fff;border-radius:24px;padding:32px 30px}
.ab-vals i{font-style:normal;font-size:14px;font-weight:800;color:#2b5cff}
.ab-vals b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em;margin:14px 0 10px}
.pdx .ab-vals p{font-size:15.5px;line-height:1.7;color:#5f6672}
.ab-info-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:56px;align-items:start}
.ab-info h2{font-size:36px;font-weight:800;letter-spacing:-.04em;margin:10px 0 14px}
.pdx .ab-info p{font-size:15px;line-height:1.75;color:#5f6672}
.ab-dl{margin:0;border-top:1px solid #121417}
.ab-dl>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:16px 0;border-bottom:1px solid #eef0f3;font-size:15.5px}
.ab-dl dt{color:#8a919c;font-weight:600}.ab-dl dd{margin:0;font-weight:700;color:#121417;word-break:keep-all}
.ab-dl a{color:#121417;text-decoration:none;border-bottom:1px solid #c9cdd4}
@media (max-width:1023px){.ab-tl{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.ab-tl li:nth-child(3){padding-left:0;border-left:0}.ab-tl li:nth-child(3)::before{left:0}.ab-info-in{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){
  .ab-stats dd{font-size:24px!important}
  .ab-story{padding-top:64px!important}
  .ab-tl{grid-template-columns:1fr;border-top:0;border-left:2px solid #eef0f3;margin-left:4px;row-gap:28px}
  .ab-tl li,.ab-tl li+li{padding:0 0 0 22px!important;border:0!important}
  .ab-tl li::before,.ab-tl li+li::before{top:4px;left:-6px!important}
  .ab-tl b{font-size:18px}
  .ab-vals{grid-template-columns:1fr;gap:10px}.ab-vals>div{padding:24px 22px;border-radius:20px}.ab-vals b{font-size:19px;margin:10px 0 8px}
  .ab-info h2{font-size:28px}
  .ab-dl>div{grid-template-columns:104px minmax(0,1fr);gap:10px;padding:13px 0;font-size:14.5px}
}
/* ===== 약관 3종 ===== */
.lg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.lg-tabs a{height:40px;padding:0 16px;border-radius:999px;background:#f3f4f6;display:inline-flex;align-items:center;font-size:14px;font-weight:700;color:#4a515c;text-decoration:none}
.lg-tabs a[aria-current]{background:#121417;color:#fff}
.lg{padding-top:64px!important}
.lg-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:64px;align-items:start}
.lg-side{position:sticky;top:100px;max-height:calc(100vh - 120px);overflow:auto}
.lg-toc{display:flex;flex-direction:column;border-top:1px solid #121417;padding-top:14px}
.lg-toc b{font-size:13px;font-weight:800;color:#2b5cff;margin-bottom:8px}
.lg-toc a{font-size:14px;line-height:1.45;color:#6b7280;text-decoration:none;padding:6px 0}
.lg-toc a.chap{color:#121417;font-weight:800;margin-top:8px}
.lg-toc a:hover,.lg-toc a.on{color:#2b5cff}
.lg-doc{max-width:760px;font-size:16px;line-height:1.85;color:#3b414b;word-break:keep-all}
.lg-doc h2{font-size:22px;font-weight:800;letter-spacing:-.03em;color:#121417;margin:44px 0 14px;scroll-margin-top:96px}
.lg-doc h2:first-child,.lg-doc h3+h2{margin-top:0}
.lg-doc .lg-chap{font-size:14px;font-weight:800;color:#2b5cff;margin:56px 0 12px;padding-top:24px;border-top:1px solid #eef0f3;scroll-margin-top:96px}
.lg-doc .lg-chap:first-child{margin-top:0;padding-top:0;border-top:0}
.lg-doc h4{font-size:17px;font-weight:800;color:#121417;margin:28px 0 10px}
.pdx .lg-doc p{margin:0 0 12px;font-size:16px;line-height:1.85;color:#3b414b}
.pdx .lg-doc ul,.pdx .lg-doc ol{margin:0 0 14px;padding-left:20px;list-style:disc}
.pdx .lg-doc ol{list-style:decimal}
.lg-doc li{margin:4px 0}
.lg-tw{overflow-x:auto;margin:6px 0 18px;border-top:1px solid #121417}
.lg-doc table{width:100%;border-collapse:collapse;font-size:14.5px;line-height:1.6;min-width:520px}
.lg-doc th,.lg-doc td{padding:12px 14px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:top}
.lg-doc thead th{background:#f6f7f9;font-weight:800;color:#121417}
.lg-doc tbody th{font-weight:700;color:#121417;white-space:nowrap}
@media (max-width:1023px){.lg-wrap{grid-template-columns:1fr;gap:28px}.lg-side{position:static;max-height:none}.lg-toc{display:none}}
@media (max-width:560px){.lg{padding-top:36px!important}.lg-doc{font-size:15px}.pdx .lg-doc p{font-size:15px;line-height:1.8}.lg-doc h2{font-size:19px;margin:36px 0 12px}.lg-tabs{margin-top:20px}.lg-tabs a{height:36px;padding:0 13px;font-size:13px}}
.lg-wrap>*{min-width:0}.lg-doc{overflow-wrap:anywhere}
/* ===== 블로그 (서버 렌더) ===== */
.bl-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.bl-cats a{height:40px;padding:0 15px;border-radius:999px;background:#f3f4f6;display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#4a515c;text-decoration:none}
.bl-cats a small{font-size:12px;color:#a0a6b0}
.bl-cats a[aria-current]{background:#121417;color:#fff}.bl-cats a[aria-current] small{color:rgba(255,255,255,.6)}
.bl{padding-top:56px!important}
.bl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 20px}
.bl-card{display:flex;flex-direction:column;color:#121417;text-decoration:none}
.bl-img{aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#f3f4f6}
.bl-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.bl-card:hover .bl-img img{transform:scale(1.04)}
.bl-meta{display:flex;gap:10px;margin:16px 0 6px;font-size:12.5px;font-weight:700;color:#2b5cff}
.bl-meta time{color:#a0a6b0;font-weight:600}
.bl-card b{font-size:18px;line-height:1.45;font-weight:800;letter-spacing:-.03em;transition:color .2s}
.bl-card:hover b{color:#2b5cff}
.pdx .bl-card p{margin-top:8px;font-size:14.5px;line-height:1.6;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-pager{display:flex;justify-content:center;gap:6px;margin-top:56px}
.bl-pager a,.bl-pager b{min-width:40px;height:40px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;text-decoration:none;color:#4a515c;background:#f3f4f6}
.bl-pager b{background:#121417;color:#fff}
.bl-h1{font-size:44px!important;max-width:880px}
.bl-by{display:flex;gap:12px;margin-top:20px;font-size:14px;color:#8a919c;font-weight:600}
.bl-by span::before{content:"·";margin-right:12px}
.bl-post{padding-top:56px!important}
.bl-doc{max-width:760px;font-size:17px;line-height:1.9;color:#2b313a;word-break:keep-all;overflow-wrap:anywhere}
.bl-doc>*:first-child{margin-top:0}
.bl-doc h2{font-size:26px;line-height:1.4;font-weight:800;letter-spacing:-.035em;color:#121417;margin:52px 0 16px}
.bl-doc h3{font-size:20px;font-weight:800;letter-spacing:-.03em;color:#121417;margin:36px 0 12px}
.pdx .bl-doc p{margin:0 0 18px;font-size:17px;line-height:1.9;color:#2b313a}
.pdx .bl-doc p.lead{font-size:19px;line-height:1.8;color:#121417;padding:22px 24px;border-radius:16px;background:#f3f6ff}
.pdx .bl-doc ul,.pdx .bl-doc ol{margin:0 0 20px;padding-left:22px;list-style:disc}.pdx .bl-doc ol{list-style:decimal}
.bl-doc li{margin:6px 0}
.bl-doc img{max-width:100%;height:auto;border-radius:14px;margin:8px 0}
.bl-doc a{color:#2b5cff;font-weight:700}
.bl-doc blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:3px solid #2b5cff;color:#4a515c}
.bl-doc table{width:100%;border-collapse:collapse;font-size:15px;margin:8px 0 24px;display:block;overflow-x:auto}
.bl-doc th,.bl-doc td{padding:11px 14px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:top}
.bl-doc th{background:#f6f7f9;font-weight:800;color:#121417;white-space:nowrap}
.bl-faq{margin-top:48px;border-top:1px solid #121417;padding-top:8px}
.bl-faq h2{margin-top:24px!important}
.bl-faq details{border-bottom:1px solid #eef0f3}
.bl-faq summary{padding:18px 0;font-size:17px;font-weight:800;cursor:pointer;list-style:none}
.bl-faq summary::before{content:"Q. ";color:#2b5cff}
.pdx .bl-faq details p{margin:0 0 18px;padding:14px 16px;border-radius:12px;background:#f6f7f9;font-size:15.5px}
.bl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:32px}
.bl-tags span{font-size:13px;font-weight:700;color:#6b7280;background:#f3f4f6;border-radius:999px;padding:6px 12px}
.bl-back{display:inline-block;margin-top:36px;font-size:15px;font-weight:800;color:#121417!important;text-decoration:none}
.bl-rel{margin-top:96px;padding-top:40px;border-top:1px solid #eef0f3}
.bl-rel h2{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0 0 24px}
@media (max-width:1023px){.bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-h1{font-size:36px!important}}
@media (max-width:560px){
  .bl{padding-top:32px!important}.bl-grid{grid-template-columns:1fr;gap:32px}
  .bl-cats{flex-wrap:nowrap;overflow-x:auto;margin:20px -20px 0;padding:0 20px;scrollbar-width:none}.bl-cats a{flex-shrink:0;height:36px;font-size:13px}
  .bl-h1{font-size:26px!important;line-height:1.4!important}
  .bl-post{padding-top:28px!important}
  .bl-doc,.pdx .bl-doc p{font-size:16px;line-height:1.85}.pdx .bl-doc p.lead{font-size:17px;padding:18px}
  .bl-doc h2{font-size:21px;margin:40px 0 12px}.bl-doc h3{font-size:18px}
  .bl-rel{margin-top:64px}
}
/* ===== 업종별 디자인 상세 (/template/:id) ===== */
.td-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.td-tags span{font-size:13px;font-weight:700;color:#4a515c;background:#f3f4f6;border-radius:999px;padding:6px 12px}
.td-card{background:#121417;color:#fff;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:8px}
.td-c-h{font-size:13px;font-weight:800;color:#9db4ff}
.td-c-p{font-size:34px;font-weight:900;letter-spacing:-.04em}
.td-c-n{font-size:13.5px;line-height:1.55;color:#aeb4bd}
.td-c-go{margin-top:12px;height:54px;border-radius:999px;background:#2b5cff;color:#fff;font-size:16px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none}
.td-c-go:hover{background:#1f4be0}
.td-c-f{font-size:12.5px;color:#8a919c;text-align:center;margin-top:4px}
.td{padding-top:56px!important}
.td-about{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;margin-top:72px;padding-top:36px;border-top:1px solid #121417}
.td-about h2{font-size:28px;font-weight:800;letter-spacing:-.04em;margin-top:10px}
.pdx .td-about p{font-size:17px;line-height:1.8;color:#2b313a}
.td-sec{margin-top:72px}
.td-sec h2{font-size:26px;font-weight:800;letter-spacing:-.04em;margin:0 0 20px}
.pdx .td-sub{margin:-12px 0 18px;font-size:14px;color:#8a919c}
.td-feats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.td-feats li{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:14px;background:#f6f7f9;font-size:15.5px;font-weight:700;line-height:1.5}
.td-feats svg{flex-shrink:0;width:22px;height:22px;padding:3px;border-radius:50%;background:#2b5cff;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}
.td-pages{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.td-pages span{font-size:14px;font-weight:700;border:1px solid #e3e6ea;border-radius:999px;padding:8px 14px}
.pdx .td-incl{list-style:disc;padding-left:20px;font-size:15.5px;line-height:1.8;color:#3b414b}
.td-full{border-radius:16px;overflow:hidden;box-shadow:0 0 0 1px #e3e6ea;max-width:960px}
.td-full .pdx-bar{height:30px;padding:0 14px;gap:6px;background:#f1f2f4}
.td-full-in{height:640px;overflow-y:auto;overscroll-behavior:contain;background:#fff}
.td-full-in img{display:block;width:100%;height:auto}
.td-others{grid-template-columns:repeat(3,minmax(0,1fr))!important}
@media (max-width:1023px){.td-about{grid-template-columns:1fr;gap:16px}.td-others{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:560px){
  .td-card{padding:22px 20px;border-radius:20px}.td-c-p{font-size:28px}
  .td{padding-top:28px!important}
  .td-about{margin-top:48px}.td-about h2{font-size:22px}.pdx .td-about p{font-size:15.5px}
  .td-sec{margin-top:52px}.td-sec h2{font-size:21px}
  .td-feats{grid-template-columns:1fr;gap:8px}.td-feats li{padding:13px 14px;font-size:14.5px}
  .td-full-in{height:520px}
  .td-others{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
.td-others{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media (max-width:1023px){.td-others{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* FAQ 답변 v2: 'A' 박스 대신 질문 글자선에 맞춘 답변 + 열린 항목 전체에 옅은 배경 */
.sp-q{border-radius:0;transition:background .25s}
.sp-q[open]{background:#f6f8ff;border-radius:16px;border-bottom-color:transparent;margin:6px 0}
.sp-q[open]+.sp-q{border-top:0}
.sp-q summary{padding:22px 16px!important}
.sp-a{display:block!important;padding:0 56px 24px calc(16px + 28px + 14px)!important}
.sp-a i{display:none}
.sp .sp-a p{padding:0!important;background:none!important;border-radius:0!important;font-size:16px;line-height:1.8;color:#4a515c;border-left:0}
.sp .sp-a p::before{content:"";display:block;width:24px;height:2px;background:#2b5cff;margin:2px 0 12px;border-radius:2px}
.sp-q[open] summary span{color:#121417}
@media (max-width:560px){
  .sp-q summary{padding:18px 12px!important;grid-template-columns:20px minmax(0,1fr) 20px!important;gap:10px!important}
  .sp-a{padding:0 14px 20px calc(12px + 20px + 10px)!important}
  .sp .sp-a p{font-size:15px}
}
/* 서브 히어로 3D 비주얼 (Gemini 생성, img/hero/c-*.webp) — 페이지마다 빈 자리에 배치 */
.pdx-sub.hb{isolation:isolate;--hbR:max(60px,calc(50% - 660px))}
.pdx-sub.hb::before{content:"";position:absolute;z-index:-1;pointer-events:none;background:no-repeat center/contain;
 -webkit-mask-image:radial-gradient(closest-side,#000 78%,transparent);mask-image:radial-gradient(closest-side,#000 78%,transparent);mix-blend-mode:multiply}
.pdx-sub.hb-work::before{background-image:url(/img/hero/c-work2.webp);right:var(--hbR);top:100px;width:370px;height:326px}
.pdx-sub.hb-about::before{background-image:url(/img/hero/c-about.webp);right:var(--hbR);top:92px;width:320px;height:298px}
.pdx-sub.hb-process::before{background-image:url(/img/hero/c-process.webp);right:var(--hbR);top:110px;width:560px;height:367px}
.pdx-sub.hb-support::before{background-image:url(/img/hero/c-support.webp);right:var(--hbR);top:78px;width:224px;height:202px}
.pdx-sub.hb-pricing::before{background-image:url(/img/hero/c-pricing.webp);right:calc(var(--hbR) + 510px);top:236px;width:240px;height:310px}
.pdx-sub.hb-contact::before{background-image:url(/img/hero/c-contact.webp);right:calc(var(--hbR) + 500px);top:128px;width:230px;height:262px}
@media (max-width:1399px){.pdx-sub.hb-pricing::before,.pdx-sub.hb-contact::before{display:none}}
@media (max-width:1100px){.pdx-sub.hb::before,.pdx-sub.hb-pricing::before,.pdx-sub.hb-contact::before{display:block;left:auto;right:16px;top:80px;width:104px;height:64px;background-position:right center}}
@media (min-width:561px) and (max-width:1100px){.pdx-sub.hb::before,.pdx-sub.hb-pricing::before,.pdx-sub.hb-contact::before{right:max(32px,calc(50% - 480px));top:120px;width:220px;height:180px}}
.pdx-sub.hb-work::before,.pdx-sub.hb-support::before,.pdx-sub.hb-pricing::before,.pdx-sub.hb-contact::before{-webkit-mask-image:none;mask-image:none}
/* 작업사례 히어로: 실제 운영 사례 화면 3장 */
.pdx-sub.hb-work::before{display:none!important}
.wk-shots{position:absolute;z-index:-1;right:var(--hbR);top:134px;display:flex;gap:14px;align-items:flex-start;pointer-events:none}
.wk-shots img{display:block;width:144px;height:252px;object-fit:cover;object-position:top;border-radius:18px;border:1px solid #e6e8ec;background:#f3f4f6}
.wk-shots img:nth-child(2){margin-top:-22px}
.wk-shots img:nth-child(3){margin-top:10px}
@media (max-width:1100px){.wk-shots{display:none}}