/* ─────────────────────────────────────────────────────────────
   평강프라자 — 푸터 + 플로팅 상담바 (pk-ft / pk-fxbar / pk-mbar / pk-sheet / pk-mq)
   시안: docs/design/quick-footer-draft.html 2·3·4번 (2026-09-15 확정)
   - 푸터: 콘크리트 바닥 위 매장 안내판 (흰 plate + 핀). 마크업 extend/pk.footer.php. 그림자·둥근 카드·알약 없음
   - 플로팅 상담바: 삼성 SOP 가이드 ⑦ (하단 고정 · 파란 바 · 문구 고정 · 접기 없음) 준수. 케이디엘 마크업 그대로,
     css/sop-main.css 의 .fxbar 알약 규칙(!important)을 .fxbar.pk-fxbar 로 덮어 flat 블루 띠 + 사각 입력칸·버튼으로
   - 모바일 하단 바(.fxMenu.pk-mbar)·바텀시트(.advPop.pk-sheet)·카톡/TOP(#qcrM.pk-mq)·PC TOP(a.sop-totop) 도 사각 블루
   ───────────────────────────────────────────────────────────── */
#ft.pk-ft{margin-top:96px;padding:56px 0 110px !important;background:var(--pk-concrete) !important;border-top:1px solid var(--pk-line);position:relative;overflow:visible !important;color:var(--pk-ink);font-family:var(--pk-kr);font-size:14px;line-height:1.33;animation:none !important;clear:both}
#ft.pk-ft *{box-sizing:border-box}
#ft.pk-ft a{text-decoration:none !important}
#ft.pk-ft .in{max-width:1280px;margin:0 auto;padding:0 24px}
#ft.pk-ft .pk-ft-top{display:grid;grid-template-columns:1.2fr .55fr .55fr;gap:48px;align-items:start}
/* 안내판 plate — 히어로 가격표와 같은 문법: 흰 판 + 블루 핀 */
#ft.pk-ft .pk-ft-plate{position:relative;background:#fff;border:1px solid var(--pk-line);border-radius:var(--pk-r);padding:26px 28px 24px;display:grid;grid-template-columns:1fr auto;gap:8px 32px;align-items:end}
#ft.pk-ft .pk-ft-plate .pin{position:absolute;top:-1px;left:28px;width:28px;height:3px;background:var(--pk-blue);display:block}
#ft.pk-ft .pk-ft-plate .eb{font-family:var(--pk-en);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-blue)}
#ft.pk-ft .pk-ft-plate .nm{margin-top:8px;font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--pk-ink)}
#ft.pk-ft .pk-ft-plate .nm small{display:block;font-size:14px;font-weight:400;color:var(--pk-mute);margin-top:4px}
#ft.pk-ft .pk-ft-plate .tel{grid-column:1;margin-top:18px}
#ft.pk-ft .pk-ft-plate .tel .l{font-size:12px;color:var(--pk-mute)}
#ft.pk-ft .pk-ft-plate .tel a{display:block;font-family:var(--pk-en);font-size:38px;line-height:1.2;color:var(--pk-blue);letter-spacing:.01em;margin-top:2px}
#ft.pk-ft .pk-ft-plate .hrs{grid-column:1;display:flex;gap:18px;flex-wrap:wrap;margin-top:12px;font-size:14px;color:var(--pk-graphite)}
#ft.pk-ft .pk-ft-plate .hrs span b{color:var(--pk-mute);font-weight:400;margin-right:6px}
#ft.pk-ft .pk-ft-plate .cta{grid-column:2;grid-row:1/6;align-self:end;display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 22px;background:var(--pk-blue);color:#fff;border-radius:var(--pk-r);font-size:14px;font-weight:700;white-space:nowrap;transition:background .15s}
#ft.pk-ft .pk-ft-plate .cta:hover{background:var(--pk-blue-ink)}
#ft.pk-ft .pk-ft-plate .cta i{font-style:normal;font-family:var(--pk-en)}
/* 링크 2열 */
#ft.pk-ft h4{font-family:var(--pk-en);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--pk-blue);margin:0 0 16px;padding-top:6px;font-weight:700}
#ft.pk-ft .pk-ft-links{margin:0;padding:0;list-style:none}
#ft.pk-ft .pk-ft-links li{list-style:none;margin:0 0 10px;float:none}
#ft.pk-ft .pk-ft-links a{font-size:14px;color:var(--pk-graphite);display:inline-flex;align-items:center;gap:8px;line-height:1.33;transition:color .15s}
#ft.pk-ft .pk-ft-links a:hover .pk-ic{background:var(--pk-blue);color:#fff}
#ft.pk-ft .pk-ft-links a:hover{color:var(--pk-ink)}
#ft.pk-ft .pk-ft-links a.st{color:var(--pk-ink);font-weight:700}
/* 사업자 정보 표 — 검정 hairline 아래 4열 */
#ft.pk-ft .pk-ft-info{margin:40px 0 0;border-top:1px solid var(--pk-ink);padding-top:16px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 32px;font-size:12px}
#ft.pk-ft .pk-ft-info div{display:flex;gap:8px;line-height:1.33;min-width:0}
#ft.pk-ft .pk-ft-info dt{flex:none;color:var(--pk-mute);display:flex;align-items:center;gap:6px}   /* 강조 개편: 항목 아이콘 */
#ft.pk-ft .pk-ft-info dd{color:var(--pk-ink);word-break:keep-all;margin:0;min-width:0}
#ft.pk-ft .pk-ft-info dd a.chk{font-family:var(--pk-en);font-size:12px;letter-spacing:.06em;color:var(--pk-blue);border:1px solid var(--pk-line);border-radius:var(--pk-r);padding:1px 6px;margin-left:6px;background:#fff;vertical-align:1px}
#ft.pk-ft .pk-ft-info .wide{grid-column:span 2}
/* 하단 줄 */
#ft.pk-ft .pk-ft-bot{margin-top:24px;padding-top:16px;border-top:1px solid var(--pk-line);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;color:var(--pk-mute)}
#ft.pk-ft .pk-ft-bot .legal{max-width:760px;line-height:1.33}
#ft.pk-ft .pk-ft-bot .legal b{color:var(--pk-ink);font-weight:400}
#ft.pk-ft .pk-ft-bot .soc{display:flex;gap:6px}
#ft.pk-ft .pk-ft-bot .soc a{width:34px;height:34px;border:1px solid var(--pk-line);border-radius:var(--pk-r);background:#fff;display:grid;place-items:center;color:var(--pk-ink);transition:border-color .15s}
#ft.pk-ft .pk-ft-bot .soc a:hover{border-color:var(--pk-ink)}
#ft.pk-ft .pk-ft-bot .soc svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ───────── PC 플로팅 상담바 — 가이드 ⑦ 준수, 형태만 flat 블루 띠 (sop-main.css 알약 규칙을 !important 로 덮음) ───────── */
.fxbar.pk-fxbar{left:0 !important;right:0 !important;bottom:0 !important;transform:none !important;width:auto !important;max-width:none !important;min-width:0 !important;border-radius:0 !important;padding:0 !important;
  background:var(--pk-blue) !important;box-shadow:none !important;z-index:9200 !important;font-family:var(--pk-kr)}
.fxbar.pk-fxbar .fxbar_cont{width:1280px !important;max-width:calc(100% - 48px) !important;margin:0 auto !important;height:64px !important;gap:20px !important;padding:0 !important}
.fxbar.pk-fxbar .cstel{align-items:baseline !important;gap:10px;padding-right:20px !important;border-right:1px solid rgba(255,255,255,.22)}
.fxbar.pk-fxbar .cstel .stxt{font-size:14px !important;font-weight:400;opacity:.85}
.fxbar.pk-fxbar .cstel .tel{font-family:var(--pk-en) !important;font-size:22px !important;letter-spacing:.02em}
.fxbar.pk-fxbar .fxagree{font-size:12px !important;gap:7px}
.fxbar.pk-fxbar .fxagree input[type=checkbox]{width:15px;height:15px}
.fxbar.pk-fxbar .fxbt_more{opacity:.75}
.fxbar.pk-fxbar .wrtbx input[type=text]{height:40px !important;line-height:40px !important;border-radius:var(--pk-r) !important;background:#fff !important;padding:0 12px !important;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .15s;max-width:260px}
.fxbar.pk-fxbar .wrtbx input[type=text]:focus{box-shadow:inset 0 0 0 2px var(--pk-ink)}
.fxbar.pk-fxbar .formbx .formbtn{height:40px !important;line-height:40px !important;border-radius:var(--pk-r) !important;font-size:14px !important;font-weight:700;padding:0 22px !important;color:var(--pk-blue) !important;box-shadow:none}
.fxbar.pk-fxbar .formbx .formbtn:hover{background:var(--pk-blue-tint) !important}
/* AI 상담 버튼(케이디엘 sop-ai-fx)도 사각으로 */
.fxbar.pk-fxbar .formbx .sop-ai-fx{border-radius:var(--pk-r);box-shadow:none;animation:none}
/* PC 맨 위로(sop-totop) — 사각 블루. sop-totop.css 가 tail 에서 나중에 로드되므로 a. 로 우선순위 한 단계 위 */
a.sop-totop{border-radius:var(--pk-r);background:var(--pk-blue);bottom:84px;right:24px;width:40px;height:40px;box-shadow:none}
a.sop-totop:hover{background:var(--pk-blue-ink);transform:none}
/* TOP 을 플로팅 바 안 마지막 칸으로 (theme/basic/tail.skin.php 인라인 스크립트가 load 후 .fxbar_cont 로 이동, 2026-09-16) — 본문 위 부유 요소 0 */
.fxbar.pk-fxbar .fxbar_cont a.sop-totop{position:static !important;opacity:1 !important;visibility:visible !important;transform:none !important;width:40px;height:40px;flex:none;margin-left:auto;border-radius:var(--pk-r);background:#fff;color:var(--pk-blue);box-shadow:none;bottom:auto;right:auto}
.fxbar.pk-fxbar .fxbar_cont a.sop-totop svg{stroke:var(--pk-blue)}
.fxbar.pk-fxbar .fxbar_cont a.sop-totop:hover{background:var(--pk-blue-tint);transform:none !important}

/* ───────── 모바일 푸터 ───────── */
footer#ft.pk-ft,#ft.pk-ft.m{margin-top:60px;padding:28px 16px 150px !important}   /* 하단 바(66px) + 카톡·TOP 버튼 자리 */
#ft.pk-ft.m .in{padding:0}
#ft.pk-ft.m .pk-ft-top{grid-template-columns:1fr;gap:20px}
#ft.pk-ft.m .pk-ft-plate{padding:18px 18px 16px;grid-template-columns:1fr;gap:6px}
#ft.pk-ft.m .pk-ft-plate .tel a{font-size:30px;line-height:1.33}
#ft.pk-ft.m .pk-ft-plate .hrs{gap:12px}
#ft.pk-ft.m .pk-ft-plate .cta{grid-column:1;grid-row:auto;justify-content:center;margin-top:12px}
#ft.pk-ft.m .pk-ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#ft.pk-ft.m h4{margin-bottom:10px;padding-top:0}
#ft.pk-ft.m .pk-ft-links li{margin-bottom:8px}
#ft.pk-ft.m .pk-ft-links a{font-size:14px}
#ft.pk-ft.m .pk-ft-info{grid-template-columns:1fr;gap:6px;margin-top:22px;padding-top:12px;font-size:12px}
#ft.pk-ft.m .pk-ft-info .wide{grid-column:auto}
#ft.pk-ft.m .pk-ft-bot{flex-direction:column;align-items:flex-start;gap:10px;font-size:12px}

/* ───────── 모바일 하단 바 — flat 블루 띠, 빠른신청(흰 사각) · 전화상담(테두리 사각) ───────── */
.fxMenu.pk-mbar{background:var(--pk-blue) !important;box-shadow:none;padding:10px 12px;gap:8px;position:fixed;left:0;right:0;bottom:0;box-sizing:border-box;font-family:var(--pk-kr)}
.fxMenu.pk-mbar > div{height:46px;border-left:0;flex:1}
.fxMenu.pk-mbar > div:first-child{flex:1.3}
.fxMenu.pk-mbar > div .btn_adv{height:46px;line-height:46px;border-radius:var(--pk-r);background:#fff;color:var(--pk-blue);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px}
.fxMenu.pk-mbar > div .btn_adv:before{content:'';width:16px;height:16px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231428a0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16v11H9l-5 4z'/></svg>") center/16px no-repeat}
.fxMenu.pk-mbar > div.fxtel a{height:46px;line-height:44px;border-radius:var(--pk-r);border:1.5px solid rgba(255,255,255,.6);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:7px;box-sizing:border-box}
.fxMenu.pk-mbar > div.fxtel a img{display:none}
.fxMenu.pk-mbar > div.fxtel a:before{content:'';width:16px;height:16px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/></svg>") center/16px no-repeat}
.fxMenu.pk-mbar > div.fxai{border-radius:var(--pk-r);flex:0 0 46px;height:46px;background:#fff}
.fxMenu.pk-mbar > div.fxai::after{display:none}
.fxMenu.pk-mbar > div.fxai .btn_ai{height:46px;line-height:46px;font-size:0;color:var(--pk-blue)}
.fxMenu.pk-mbar > div.fxai .btn_ai i{font-size:14px;width:24px;height:24px;background:var(--pk-blue);box-shadow:none}
/* 카톡·TOP — 사각 */
/* 카톡·TOP 을 본문 위에 띄우지 않고 하단 바 안쪽 오른쪽 칸에 가로로 (2026-09-16 — 상세 CTA 오른쪽 끝을 덮던 문제). 바는 --pk-mq-w 만큼 오른쪽 여백(m/theme/basic/tail.skin.php 인라인 스크립트가 설정) */
#qcrM.pk-mq,#qcrM.pk-mq.active{bottom:10px;right:12px;z-index:9300}
#qcrM.pk-mq ul{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0;padding:0}
#qcrM.pk-mq ul li{width:46px;height:46px;margin:0 !important;border-radius:var(--pk-r);box-shadow:none;flex:none}
#qcrM.pk-mq ul li a{width:46px;height:46px;border-radius:var(--pk-r);background:#fff !important;padding:0}
#qcrM.pk-mq ul li.qbtn_bx{background:#fff;color:var(--pk-blue);font-family:var(--pk-en);font-size:10px;font-weight:700;padding:8px 0 0;border-radius:var(--pk-r);height:46px}
#qcrM.pk-mq ul li.qbtn_bx:before{font-size:16px;margin:0 0 1px}
.fxMenu.pk-mbar{padding-right:calc(12px + var(--pk-mq-w, 0px))}
/* 바텀시트 — 핀 · 제목 · 사각 입력칸 · 블루 버튼 (문구는 tail.skin.php에서 가이드 ⑦ 그대로) */
.advPop.pk-sheet .advBg{background:rgba(17,18,20,.45)}
.advPop.pk-sheet dl{padding:22px 20px 24px;border-radius:0;border-top:1px solid var(--pk-line);bottom:-420px;font-family:var(--pk-kr)}
.advPop.pk-sheet.active dl{bottom:0}
.advPop.pk-sheet dl:before{content:'';display:block;width:28px;height:3px;background:var(--pk-blue);margin:0 0 14px}
.advPop.pk-sheet dl dt{text-align:left;font-size:16px;color:var(--pk-ink);margin:0 0 4px;font-weight:700;line-height:1.33}
.advPop.pk-sheet dl dt b{font-family:var(--pk-en);color:var(--pk-blue);font-weight:700;margin-left:6px}
.advPop.pk-sheet dl dt small{display:block;font-size:12px;color:var(--pk-mute);font-weight:400;margin-top:4px}
.advPop.pk-sheet dl dd.advinp{height:46px;line-height:46px;background:#fff;border:1px solid var(--pk-line);border-radius:var(--pk-r);padding:0 0 0 76px;margin-top:10px;box-sizing:border-box}
.advPop.pk-sheet dl dd.advinp:before{left:66px;background:var(--pk-line);height:20px;margin-top:-10px}
.advPop.pk-sheet dl dd.advinp span{left:14px;font-size:14px;color:var(--pk-mute);font-weight:400;line-height:44px}
.advPop.pk-sheet dl dd.advinp input{line-height:44px;height:44px;padding:0 12px;width:100%;box-sizing:border-box;background:transparent;font-size:14px;color:var(--pk-ink)}
.advPop.pk-sheet dl dd.adv_agree{margin:14px 0;font-size:12px;display:flex;align-items:center;gap:8px}
.advPop.pk-sheet dl dd.adv_agree a{margin-left:auto;color:var(--pk-blue);text-decoration:underline !important;font-size:12px}
.advPop.pk-sheet dl dd.adv_btn .formbtn{height:50px;line-height:50px;border-radius:var(--pk-r);background:var(--pk-blue) !important;color:#fff;font-size:14px;font-weight:700;border:0;box-shadow:none}
.advPop.pk-sheet .advClosed{top:14px;left:auto;right:14px;margin:0;width:30px;height:30px;border-radius:var(--pk-r);background:#fff;border:1px solid var(--pk-line);z-index:11}
.advPop.pk-sheet .advClosed:before{font-size:16px;line-height:28px;color:var(--pk-mute)}
@media (prefers-reduced-motion:reduce){.advPop.pk-sheet dl{transition:none}}

/* 가이드 타입 스케일 점검(2026-09-15): 테마 #ft 규칙(13px) 덮기 */
#ft.pk-ft .pk-ft-info dt,#ft.pk-ft .pk-ft-info dd{font-size:12px;line-height:1.33}
#ft.pk-ft .pk-ft-bot .legal,#ft.pk-ft .pk-ft-bot .legal b{font-size:12px;line-height:1.33}