:root{
  --ink:#0e2338; --navy:#0a2540; --blue:#0f6fe0; --blue-d:#0b57b3; --cyan:#0fb5c9;
  --mint:#12b981; --amber:#f59e0b; --red:#e5484d;
  --bg:#f6fafd; --line:#dfe9f2; --muted:#5b7186; --muted2:#8aa0b3;
  --hl:#ffe44d;
  --shadow:0 20px 55px rgba(10,52,94,.13);
  --r:18px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Pretendard Variable',Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--ink);background:#fff;line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none} button{font:inherit;cursor:pointer} img{max-width:100%}
.container{width:min(1160px,calc(100% - 44px));margin:0 auto}
.section{padding:104px 0}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800;letter-spacing:.14em;color:var(--blue);text-transform:uppercase}
.eyebrow::before{display:none}
h2.sec-title{font-size:clamp(27px,3.6vw,40px);line-height:1.2;letter-spacing:-1.25px;margin:13px 0 14px;font-weight:800;word-break:keep-all}
h2.sec-title em{font-style:normal;color:var(--blue)}
p.lead{font-size:16px;color:var(--muted);max-width:820px;word-break:keep-all}
.br-pc{display:none}
@media(min-width:768px){.br-pc{display:inline}.journey-title{white-space:nowrap}}
.br-mo{display:none}
@media(max-width:600px){.br-mo{display:inline}}
.section-head{text-align:center;max-width:840px;margin:0 auto}
.section-head p.lead{margin-left:auto;margin-right:auto}
.hl{background:linear-gradient(transparent 58%,var(--hl) 58%);font-weight:800;padding:0 2px}

/* 성숙도 배지 */
.stage-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.04em;padding:4px 10px;border-radius:999px;vertical-align:middle}
.bg-live{background:rgba(18,185,129,.12);color:#0a9469;border:1px solid rgba(18,185,129,.3)}
.bg-live::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--mint)}
.bg-beta{background:rgba(15,111,224,.09);color:var(--blue);border:1px solid rgba(15,111,224,.25)}
.bg-soon{background:rgba(245,158,11,.1);color:#b45309;border:1px solid rgba(245,158,11,.3)}
.bg-vision{background:#eef2f6;color:#64788c;border:1px solid #dbe4ec}

/* 스크롤 리빌 */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.rv.on{opacity:1;transform:none}
.rv.d1{transition-delay:.08s}.rv.d2{transition-delay:.16s}.rv.d3{transition-delay:.24s}

/* ─── NAV ─── */
nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(223,233,242,.8)}
.navin{height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:900;letter-spacing:-.8px}
.brand-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 0 5px rgba(15,111,224,.1)}
.brand-logo{height:30px;width:auto;display:block}
.footer-logo{height:34px;width:auto;display:block;margin-bottom:10px}
.internal-detail-footer .footer-logo{height:28px;margin-bottom:7px}
.menu{display:flex;gap:26px;font-size:14px;font-weight:700;color:#44586c}
.menu a{padding:6px 0;border-bottom:2px solid transparent;transition:.15s}
.menu a:hover{color:var(--blue)}
.navcta{background:var(--ink);color:#fff;padding:11px 18px;border-radius:10px;font-size:13.5px;font-weight:800;transition:.15s}
.navcta:hover{background:var(--blue)}
/* 모바일 햄버거 버튼 (데스크톱에선 숨김) */
.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:10px}
.nav-toggle span{display:block;width:24px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:nth-child(2){opacity:0}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ─── 인트로 (풀스크린 동영상) ─── */
.intro-hero{position:relative;height:calc(100vh - 70px);height:calc(100svh - 70px);min-height:520px;overflow:hidden;display:grid;place-items:center;text-align:center;background:#0b1f33}
.intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.intro-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,26,44,.5),rgba(10,26,44,.3) 42%,rgba(10,26,44,.62))}
.intro-inner{position:relative;z-index:2;color:#fff;padding:0 22px}
.intro-eyebrow{display:block;font-size:clamp(16px,2.2vw,22px);font-weight:700;color:#eaf6ff;margin-bottom:10px;text-shadow:0 2px 16px rgba(0,0,0,.35)}
.intro-title{font-size:clamp(38px,7vw,84px);line-height:1.12;letter-spacing:-2px;font-weight:900;text-shadow:0 6px 34px rgba(0,0,0,.42)}
.intro-sub{margin-top:24px;font-size:clamp(15px,2vw,20px);color:rgba(255,255,255,.94);font-weight:600;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.intro-note{margin-top:16px;font-size:12.5px;color:rgba(255,255,255,.66)}
.intro-scroll{position:absolute;bottom:98px;left:50%;transform:translateX(-50%);z-index:2;background:none;border:0;color:rgba(255,255,255,.8);font-size:34px;line-height:1;cursor:pointer;padding:6px 12px;animation:introBounce 1.8s ease-in-out infinite}
.intro-scroll:hover{color:#fff}
@keyframes introBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(9px)}}
@media(max-width:600px){.intro-hero{min-height:520px}.intro-title{letter-spacing:-1px}.intro-scroll{bottom:84px}}

/* ─── HERO ─── */
.hero{padding:92px 0 84px;position:relative;overflow:hidden;background:
  radial-gradient(920px 560px at 93% -8%,rgba(43,116,230,.60),rgba(43,116,230,0) 62%),
  radial-gradient(680px 480px at 2% 108%,rgba(15,90,190,.28),transparent 60%),
  linear-gradient(180deg,#0a1a2f 0%,#0b1e38 55%,#0a1c33 100%)}
.hero-top{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}
.hero-top .eyebrow{color:#7fb4ff}
.hero h1{font-size:clamp(27px,3.6vw,40px);line-height:1.24;letter-spacing:-1.25px;font-weight:800;margin:18px 0 14px;color:#fff}
.hero h1 em{font-style:normal;color:#4f9bff}
.hero-copy{font-size:16px;color:#b9cbe0;max-width:760px;margin:12px auto 0;word-break:keep-all}
.hero-note{font-size:11.5px;color:#7d94ad;margin-top:14px}
/* 투트랙 도어 */
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:46px auto 0;max-width:1080px}
.door{background:linear-gradient(180deg,#ffffff,#eef4ff);border:1.6px solid #2f7fff;border-radius:20px;padding:26px 24px 24px;text-align:left;box-shadow:0 18px 42px rgba(4,18,42,.34);transition:.22s;position:relative;overflow:hidden;display:block}
.door:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(4,18,42,.46)}
.door-head{display:flex;gap:13px;align-items:center;margin-bottom:13px}
.door .door-icon-img{width:56px;height:56px;object-fit:contain;flex:0 0 auto;margin:0;filter:drop-shadow(0 6px 14px rgba(12,60,105,.16))}
.door .door-ico{font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--blue)}
.door h3{font-size:clamp(18px,2.1vw,22px);letter-spacing:-.7px;margin:0 0 10px;font-weight:800;color:var(--ink);line-height:1.3}
.door p{font-size:14px;color:var(--muted)}
.door .door-tags{display:flex;gap:6px;flex-wrap:nowrap;margin-top:14px}
.door .door-tags span{font-size:11.5px;font-weight:700;background:#eef3f9;border:1px solid #e0e9f3;border-radius:8px;padding:5px 9px;color:#41566b;white-space:nowrap}
.door .door-go{display:none}
.door.acc-g{border-color:#12b981}
.door.acc-g .door-ico{color:#0a9469}
.door.acc-p{border-color:#8b5cf6}
.door.acc-p .door-ico{color:#7c5cd6}
.door.acc-g:hover,.door.acc-p:hover{}
/* 매물분석 모드 토글 */
.mode-tog{display:flex;gap:6px;margin-bottom:12px}
.mtg{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:800;color:#5b7186;transition:.15s}
.mtg:hover{border-color:var(--blue);color:var(--blue)}
.mtg.sel{background:var(--blue);color:#fff;border-color:var(--blue)}
.proof{display:flex;justify-content:center;gap:clamp(12px,4vw,56px);margin-top:52px;flex-wrap:nowrap}
.proof div{text-align:center;flex:1 1 0;min-width:0}
.proof b{display:block;font-size:clamp(20px,2.6vw,27px);letter-spacing:-1px;font-weight:900}
.proof span{font-size:12.5px;color:var(--muted2);font-weight:600;word-break:keep-all}
.proof-cap{display:block;font-size:10px;color:var(--muted2);opacity:.85;margin-top:5px;font-weight:600}
.pf-mark{font-size:.46em;font-weight:800;vertical-align:super;color:var(--muted2);margin-left:1px;letter-spacing:0}
.proof-note{text-align:center;margin-top:15px;font-size:11px;color:var(--muted2);line-height:1.6}
.proof-note sup{font-weight:800}
@media(max-width:520px){
  .proof{gap:8px;margin-top:36px}
  .proof b{font-size:19px}
  .proof span{font-size:10.5px;letter-spacing:-.3px}
  .proof-note{font-size:9.5px;margin-top:12px;padding:0 12px}
}

/* ─── JOURNEY ─── */
.journey-head{text-align:center;max-width:760px;margin:0 auto}
.journey-head p.lead{margin:0 auto}
.timeline{margin-top:64px;display:grid;grid-template-columns:repeat(7,1fr);gap:10px;position:relative}
.timeline::before{content:'';position:absolute;top:26px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,var(--blue) 0%,var(--cyan) 55%,#cfdce8 80%,#e3ebf2 100%);z-index:0}
.tstep{position:relative;z-index:1;text-align:center;padding:0 4px;display:block;transition:.18s}
.tstep:hover{transform:translateY(-4px)}
.tno{width:52px;height:52px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:#fff;border:2px solid #c9dcec;font-weight:900;font-size:15px;color:var(--blue);box-shadow:0 8px 20px rgba(9,64,112,.1)}
.tstep.dim .tno{color:#9db0c1;border-style:dashed}
.tstep h4{font-size:14.5px;letter-spacing:-.3px;margin-bottom:5px;font-weight:800}
.tstep small{display:block;font-size:11.5px;color:var(--muted2);line-height:1.45;margin-bottom:8px}
.journey-note{margin-top:44px;text-align:center;font-size:13.5px;color:var(--muted)}
.journey-note b{color:var(--ink)}

/* ─── OPENING ─── */
.opening{background:linear-gradient(180deg,#e7f0fb 0%,#edf4fc 55%,#f3f8fd 100%)}
.opening-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;margin-top:52px;align-items:stretch}
.pane{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 12px 36px rgba(12,60,105,.07);overflow:hidden}
.pane-head{padding:22px 26px 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
.pane-head h3{font-size:19px;letter-spacing:-.5px;font-weight:800}
.pane-head .head-ico{position:absolute;top:44px;right:22px;height:112px;width:auto;object-fit:contain;z-index:1;filter:drop-shadow(0 9px 18px rgba(12,60,105,.16))}
.pane-lead{padding-right:108px}
/* PC 전용: 플래너 아이콘 축소 + 성북동 박스 축소로 검토매물 박스 하단과 정렬(→네이비↔탭 자동 정렬) */
@media(min-width:768px){
  #openingPlanner .head-ico{height:106px;top:34px}
  .opening-grid #reportDemo{margin-top:4px}
  .opening-grid .mode-tog{margin-bottom:6px}
  .opening-grid .report-sample-meta{margin-top:2px}
  .opening-grid .report-property{margin-top:0}
  .planner-box{padding-top:6px;padding-bottom:4px}
  #openingPlanner .phases{margin-top:5px}
}
.pane-head h3 .pane-num{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.02em;border-radius:7px;padding:3px 8px;margin-right:9px;vertical-align:2px}
.pane-body{padding:20px 26px 26px}
.pane-lead{margin:0 0 16px}
.pane-lead .pq{font-size:15px;font-weight:800;color:var(--ink);letter-spacing:-.3px;line-height:1.45;margin-bottom:7px;word-break:keep-all}
.pane-lead .pd{font-size:13px;color:var(--muted);line-height:1.65;word-break:keep-all}
/* 매물분석 체험 */
.try-row{display:flex;gap:8px}
.try-row input{flex:1;border:1.5px solid var(--line);border-radius:11px;padding:13px 15px;font:inherit;font-size:14px;outline:none;transition:.15s;min-width:0}
.try-row input:focus{border-color:var(--blue)}
.try-btn{background:var(--blue);color:#fff;border:none;border-radius:11px;padding:13px 18px;font-weight:800;font-size:14px;white-space:nowrap;transition:.15s}
.try-btn:hover{background:var(--blue-d)}
.try-hint{font-size:12px;color:var(--muted2);margin-top:9px}
#reportDemo{margin-top:18px;display:block}
#reportLoading{display:none;margin-top:22px;text-align:center;padding:26px 0;color:var(--muted);font-size:13.5px;font-weight:600}
.dots span{display:inline-block;width:7px;height:7px;margin:0 3px;border-radius:50%;background:var(--blue);animation:blink 1s infinite}
.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}
@keyframes blink{0%,80%,100%{opacity:.25}40%{opacity:1}}
.rep{background:linear-gradient(150deg,#245089 0%,#1a4074 52%,#15315a 100%);border-radius:18px;padding:22px;color:#eaf2f9;animation:repIn .5s ease}
@keyframes repIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rep-top{display:flex;gap:20px;align-items:center;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}
.score-ring{width:92px;height:92px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;background:conic-gradient(var(--mint) 259deg,rgba(255,255,255,.12) 0)}
.score-in{width:72px;height:72px;border-radius:50%;background:#1c4276;display:grid;place-items:center;text-align:center}
.score-in b{font-size:27px;line-height:1;color:#3ddfa9}
.score-in small{font-size:9.5px;color:#8fa9be}
.rep-top h4{font-size:16.5px;margin-bottom:5px;letter-spacing:-.3px}
.rep-top p{font-size:12.5px;color:#a8c0d3;line-height:1.55}
.rep-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}
.rtag{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px}
.rtag.g{background:rgba(18,185,129,.16);color:#5fe3b3}
.rtag.w{background:rgba(245,158,11,.15);color:#fbd06b}
.rtag.b{background:rgba(229,72,77,.15);color:#ff9b9e}
.rep-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}
.rmet{background:rgba(130,180,235,.12);border:1px solid rgba(150,195,240,.2);border-radius:11px;padding:11px 12px}
.rmet small{display:block;font-size:10px;color:#8fa9be;margin-bottom:3px}
.rmet b{font-size:16px;letter-spacing:-.4px}
.rmet b em{font-style:normal;font-size:11px;color:#a8c0d3;font-weight:600}
.rep-bars{margin-top:14px;display:grid;gap:7px}
.rbar{display:flex;align-items:center;gap:10px;font-size:11.5px}
.rbar span:first-child{width:44px;color:#a8c0d3}
.rbar .track{flex:1;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}
.rbar .fill{display:block;height:100%;border-radius:3px;background:var(--mint);width:0;transition:width 1s .2s ease}
.rbar.warn .fill{background:var(--amber)}
.rbar b{width:24px;text-align:right}
.rep-foot{margin-top:16px;font-size:11.5px;color:#8fa9be;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rep-foot a{color:#5ec3ff;font-weight:700}
/* 리포트 헤드라인: 판정 강조 + 줄바꿈 */
.rep-verdict{display:block;font-size:18px;font-weight:900;letter-spacing:-.4px;color:#fff;line-height:1.25;margin-bottom:5px}
.rep-verdict-sub{display:block;font-size:13.5px;font-weight:600;color:#cddbe8;line-height:1.45;letter-spacing:-.2px}
@media(max-width:640px){
  /* 점수링 왼쪽(작게) + 판정문구 오른쪽 2줄, 설명·태그는 아래 전체폭 */
  .rep-top{flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 13px}
  .rep-top>div:not(.score-ring){display:contents}
  .rep-top #repHead{flex:1 1 0;min-width:0;margin:0}
  .rep-top #repSub{flex-basis:100%;margin:2px 0 0}
  .rep-top .rep-tags{flex-basis:100%;margin-top:2px}
  .score-ring{width:70px;height:70px}
  .score-in{width:54px;height:54px}
  .score-in b{font-size:20px}
  .score-in small{font-size:8px}
  .rep-verdict{font-size:17px}
  .rep-verdict-sub{font-size:12.5px}
  .rep-metrics{grid-template-columns:1fr 1fr}
}
/* 개설플래너 미니 */
.planner-box{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:16px;background:#fdfeff}
.planner-sub{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:0}
.planner-name b{font-size:16px;font-weight:800;letter-spacing:-.4px;color:var(--ink)}
.planner-name .ptag{margin-left:8px;font-size:11px;font-weight:800;color:#5b7186;background:#eef3f9;border:1px solid #e0e9f3;border-radius:6px;padding:3px 8px}
.planner-dday{font-size:13px;color:var(--muted);font-weight:700;white-space:nowrap}
.planner-dday b{color:var(--blue);font-weight:900;font-size:14px;margin-left:2px}
.prog-row{display:flex;align-items:center;gap:14px;margin:6px 0 16px}
.prog-track{flex:1;height:9px;border-radius:99px;background:#e8eff5;overflow:hidden}
.prog-fill{height:100%;width:62%;border-radius:99px;background:linear-gradient(90deg,var(--blue),var(--mint));transition:width .5s}
.prog-pct{font-size:20px;font-weight:900;color:var(--blue);letter-spacing:-.5px}
.phases{display:flex;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.phase{flex:1;min-width:74px;text-align:center;font-size:11.5px;font-weight:800;padding:9px 4px;border-radius:9px;background:var(--bg);border:1px solid var(--line);color:#8296a9}
.phase.done{background:rgba(18,185,129,.1);border-color:rgba(18,185,129,.35);color:#0a9469}
.phase.now{background:rgba(15,111,224,.09);border-color:rgba(15,111,224,.4);color:var(--blue)}
.chk{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;border:1px solid var(--line);border-radius:12px;margin-bottom:9px;cursor:pointer;transition:.15s;background:#fff}
.chk:hover{border-color:#b9d4ef}
.chk.on{background:rgba(18,185,129,.06);border-color:rgba(18,185,129,.35)}
.chk-box{width:21px;height:21px;border-radius:7px;border:2px solid #c6d5e2;flex-shrink:0;margin-top:1px;display:grid;place-items:center;font-size:12px;color:#fff;transition:.15s}
.chk.on .chk-box{background:var(--mint);border-color:var(--mint)}
.chk.on .chk-box::after{content:'✓';font-weight:900}
.chk b{font-size:13.5px;display:block;letter-spacing:-.2px}
.chk.on b{text-decoration:line-through;color:var(--muted2)}
.chk small{font-size:11.5px;color:var(--muted2)}
.opening-cta{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.link-btn{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:800;color:var(--blue);background:rgba(15,111,224,.07);border:1px solid rgba(15,111,224,.2);padding:11px 16px;border-radius:10px;transition:.15s}
.link-btn:hover{background:var(--blue);color:#fff}

/* ─── VMD & 가격표 (dark) ─── */
.vmd{background:linear-gradient(180deg,#081c30,#0a2540);color:#fff;overflow:hidden}
.vmd .eyebrow{color:var(--cyan)}
.vmd .eyebrow::before{background:var(--cyan)}
.vmd h2.sec-title{color:#fff}
.vmd p.lead{color:#a9c2d6}
.vmd-detail-cta{display:flex;justify-content:center;margin-top:26px}
.vmd-detail-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(94,195,255,.42);background:rgba(15,181,201,.12);color:#fff;border-radius:12px;padding:13px 20px;font-size:14px;font-weight:800;transition:.18s;box-shadow:0 10px 28px rgba(0,0,0,.12)}
.vmd-detail-btn:hover{background:var(--cyan);border-color:var(--cyan);color:#061b2d;transform:translateY(-2px)}
.vmd-detail-btn .arr{font-size:16px;transition:transform .2s}
.vmd-detail-btn[aria-expanded="true"] .arr{transform:rotate(180deg)}
.vmd-detail-wrap{scroll-margin-top:96px;animation:vmdDetailIn .42s ease}
.vmd-detail-wrap[hidden]{display:none}
@keyframes vmdDetailIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
/* Before/After */
.ba-wrap{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:56px}
.ba-col{text-align:center}
.ba-label{font-size:12.5px;font-weight:800;letter-spacing:.08em;margin-bottom:14px;color:#7f9ab0}
.ba-label.after{color:#5fe3b3}
.tagcard{width:min(300px,100%);margin:0 auto;background:#fff;color:var(--ink);border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.35);text-align:center}
.tagcard .tg-head{background:var(--navy);color:#fff;font-weight:800;font-size:16px;padding:11px 10px;letter-spacing:-.3px}
.tagcard .tg-body{padding:16px 14px;font-size:13.5px;line-height:1.85}
.tagcard .tg-body .first{background:var(--hl);font-weight:800;padding:1px 5px;border-radius:4px}
.tagcard .tg-price{border-top:1.5px dashed #dfe6ec;padding:12px;font-size:21px;font-weight:900;letter-spacing:-.5px}
.tagcard .tg-price small{font-size:11px;color:var(--muted2);font-weight:600;display:block;letter-spacing:0}
.tagcard.plain .tg-head{background:#e8edf2;color:#5b7186}
.tagcard.plain .tg-body{color:#9db0c1;padding:26px 14px}
.ba-arrow{font-size:30px;color:var(--cyan);font-weight:900;text-align:center}
.ba-cap{margin-top:26px;text-align:center;font-size:13.5px;color:#a9c2d6}
/* 실시간 빌더 */
.builder{margin-top:74px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:36px;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}
.builder h3{font-size:clamp(21px,2.6vw,27px);letter-spacing:-.8px;margin-bottom:8px}
.builder .b-sub{font-size:14px;color:#a9c2d6;margin-bottom:24px}
.b-field{margin-bottom:13px}
.b-field label{display:block;font-size:12px;font-weight:700;color:#8fb0c8;margin-bottom:6px}
.b-field input,.b-field textarea{width:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:10px;color:#fff;font:inherit;font-size:14px;padding:11px 13px;outline:none;transition:.15s;resize:vertical}
.b-field input:focus,.b-field textarea:focus{border-color:var(--cyan)}
.b-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.swatches{display:flex;gap:8px}
.sw{width:30px;height:30px;border-radius:9px;cursor:pointer;border:2px solid transparent;transition:.15s}
.sw.sel{border-color:#fff;transform:scale(1.12)}
.b-preview{display:flex;flex-direction:column;align-items:center;gap:16px}
.b-preview .pv-label{font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--cyan)}
/* 비교표 */
.cmp{margin-top:74px;overflow-x:auto}
.cmp table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:13.5px}
.cmp th,.cmp td{padding:15px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle;line-height:1.55}
.cmp th{font-size:13px;color:#a9c2d6;font-weight:700}
.cmp td:first-child,.cmp th:first-child{text-align:left;color:#cfe2ef;font-weight:700;width:110px}
.cmp .champ{background:rgba(15,181,201,.1);border-left:1px solid rgba(15,181,201,.3);border-right:1px solid rgba(15,181,201,.3)}
.cmp thead .champ{border-top:1px solid rgba(15,181,201,.3);border-radius:14px 14px 0 0;color:#fff;font-weight:900}
.cmp tbody tr:last-child .champ{border-bottom:1px solid rgba(15,181,201,.3)}
.cmp .no{color:#6e8397}.cmp .yes{color:#5fe3b3;font-weight:700}
.cmp td small{display:block;color:#7f9ab0;font-size:11.5px}

/* ─── 재고·자동발주 ─── */
.ops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.ops-card{position:relative;border:1px solid var(--line);border-radius:22px;padding:30px;background:#fff;transition:.2s;display:flex;flex-direction:column}
.ops-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.ops-titlerow{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:12px}
.ops-badge{position:absolute;top:30px;right:30px}
.ops-ico{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:20px;font-weight:900;background:rgba(15,111,224,.08);color:var(--blue)}
.ops-card h3{font-size:21px;letter-spacing:-.6px;margin-bottom:0}
.ops-card>p{font-size:14px;color:var(--muted);flex:1}
/* 재고 섹션 다크 (시안) — 배경만 네이비, 위젯은 밝게 유지 */
#ops{background:#123a5d}
#ops .section-head .eyebrow{color:#0f6fe0}
#ops .section-head .eyebrow::before{background:#0f6fe0}
#ops .sec-title{color:#fff}
#ops .section-head p.lead{color:#b5dbff}
#ops .trust-note{color:rgba(255,255,255,.35)}
#ops .trust-note b{color:rgba(255,255,255,.55)}
.flow-story{margin-top:18px;background:#ffffff;border:1px solid #ebf1f7;border-radius:13px;padding:20px 18px;font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:6px;text-align:center}
.flow-story i{font-style:normal;color:var(--muted2);font-size:11px;text-align:center}
.flow-story .num{color:var(--blue)}
.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}
.chips span{font-size:11.5px;font-weight:800;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:#41566b}
#ops .ops-card .chips{gap:5px}
#ops .ops-card:first-child .chips{flex-wrap:nowrap}
#ops .ops-card .chips span{font-size:11px;padding:5px 9px;white-space:nowrap}
#ops .ops-card .chips .chip-break{flex-basis:100%;height:0;padding:0;margin:0;border:0;background:none}

/* ─── OS 클로징 ─── */
.os{background:linear-gradient(180deg,#f6fafd,#fff)}
.os-box{background:var(--navy);border-radius:30px;padding:clamp(30px,5vw,56px);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;box-shadow:0 34px 80px rgba(6,32,58,.3)}
.os-box .eyebrow{color:var(--cyan)}.os-box .eyebrow::before{background:var(--cyan)}
.os-box h2{font-size:clamp(26px,3.6vw,40px);letter-spacing:-1.4px;line-height:1.2;margin:14px 0 16px;font-weight:800}
.os-box p{font-size:15.5px;color:#a9c2d6;max-width:460px}
.os-quote{margin-top:26px;padding:16px 20px;border-left:3px solid var(--cyan);background:rgba(255,255,255,.05);border-radius:0 12px 12px 0;font-size:14.5px;line-height:1.7;color:#dcebf5}
.os-map{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.os-item{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:18px}
.os-item b{display:block;font-size:15px;margin-bottom:3px}
.os-item span{font-size:12px;color:#8fb0c8}
.os-item.core{grid-column:1/-1;background:linear-gradient(135deg,rgba(15,111,224,.5),rgba(15,181,201,.28));border-color:rgba(94,195,255,.4)}
.os-item.core span{color:#cfe9fa}

/* ─── 신뢰 ─── */
.trust{padding:96px 0;border-top:1px solid var(--line);background:linear-gradient(180deg,#f7fbff,#eef5fc)}
.trust .section-head{text-align:center;max-width:760px;margin:0 auto 42px}
.trust-in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1100px;margin:0 auto}
.trust-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 22px 26px;display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 12px 32px rgba(12,60,105,.06)}
.trust-item .award-ico{height:74px;width:auto;max-width:130px;object-fit:contain;display:block;margin:0 auto 14px}
.trust-item .yy{font-size:12px;font-weight:900;color:var(--blue);letter-spacing:.08em;margin-bottom:5px}
.trust-item b{display:block;font-size:16px;letter-spacing:-.4px;width:100%;padding-bottom:14px;margin-bottom:13px;border-bottom:1px solid var(--line)}
.trust-item span{font-size:12.5px;color:var(--muted);line-height:1.5}
.trust .lead b{color:var(--blue);font-weight:800}
@media(max-width:900px){.trust-in{grid-template-columns:1fr 1fr;gap:16px}}
@media(max-width:460px){.trust-in{grid-template-columns:1fr 1fr;gap:12px}.trust-item{padding:24px 14px}}

/* ─── CTA ─── */
.cta{padding:96px 0;background:linear-gradient(120deg,var(--blue),#0c93cf 60%,var(--cyan));color:#fff;text-align:center}
.cta h2{font-size:clamp(26px,3.2vw,40px);letter-spacing:-1.4px;line-height:1.22;margin-bottom:14px;font-weight:900}
.cta>.container>p{font-size:16.5px;color:#dbf1fc;margin-bottom:34px}
.cta-form{display:flex;gap:10px;justify-content:center;max-width:620px;margin:0 auto;flex-wrap:wrap}
.cta-form input{flex:1;min-width:180px;border:none;border-radius:12px;padding:16px 18px;font:inherit;font-size:15px;outline:none}
.cta-form button{background:var(--ink);color:#fff;border:none;border-radius:12px;padding:16px 26px;font-weight:900;font-size:15px;transition:.15s}
.cta-form button:hover{background:#000}
.cta-sub{margin-top:16px;font-size:12.5px;color:#c8ebfa}

footer{background:#fff;color:#8195a8;font-size:12.5px;padding:34px 0;border-top:1px solid var(--line)}
.footerin{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;align-items:center}
.footerin b{color:var(--ink);font-size:15px}


/* ─── 본부 밀착지원 ─── */
.support{background:#fff}
.support-head{text-align:center;max-width:840px;margin:0 auto}
.support-head p.lead{max-width:760px;margin:0 auto}
.support-head h2.sec-title{font-size:clamp(27px,3.2vw,36px);white-space:nowrap}
.support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:46px}
.support-card{border:1px solid var(--line);border-radius:20px;padding:25px 23px;background:#fff;min-height:248px;display:flex;flex-direction:column;transition:.2s}
.support-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#bdd8ef}
.support-no{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--blue);margin-bottom:15px}
.support-card h3{font-size:19px;line-height:1.35;letter-spacing:-.5px;margin-bottom:9px}
.support-card>p{font-size:13.5px;color:var(--muted);margin-bottom:17px}
.support-list{list-style:none;display:grid;gap:7px;margin-top:auto}
.support-list li{font-size:12.5px;color:#41566b;padding-left:15px;position:relative}
.support-list li::before{content:'✓';position:absolute;left:0;color:var(--mint);font-weight:900}

/* ─── 상황별 적용 ─── */
.cases{background:var(--bg)}
.cases .cases-eyebrow::before{display:none}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.case-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 10px 30px rgba(12,60,105,.05)}
.case-label{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.09em;color:var(--blue);background:rgba(15,111,224,.08);border-radius:999px;padding:5px 10px;margin-bottom:15px}
.case-card h3{font-size:21px;letter-spacing:-.7px;margin-bottom:17px}
.case-flow{display:grid;gap:11px}
.case-flow div{border-left:2px solid var(--line);padding-left:13px}
.case-flow small{display:block;font-size:10.5px;color:var(--muted2);font-weight:800;letter-spacing:.05em;margin-bottom:2px}
.case-flow p{font-size:13.5px;color:#41566b}
.case-flow .after{border-color:var(--blue)}
.case-flow .after p{color:var(--ink);font-weight:700}
.case-note{margin-top:30px;text-align:center;font-size:13px;color:var(--muted)}

/* ─── 상담 폼 / 푸터 ─── */
.cta{text-align:left}
.cta-box{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.cta-copy{padding-top:8px}
.cta-copy h2{margin-bottom:16px}
.cta-copy>p{font-size:16px;color:#dbf1fc;margin-bottom:25px}
.contact-steps{display:grid;gap:10px}
.contact-step{display:flex;align-items:center;gap:11px;font-size:13px;color:#eaf7fd}
.contact-step b{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:11px}
.cta-form-wrap{background:#fff;border-radius:22px;padding:27px;color:var(--ink);box-shadow:0 22px 60px rgba(0,43,82,.22)}
.cta-form-title{font-size:20px;font-weight:900;letter-spacing:-.6px;margin-bottom:4px}
.cta-form-desc{font-size:12.5px;color:var(--muted);margin-bottom:19px}
.cta-form{display:grid;grid-template-columns:1fr;gap:11px;max-width:none;margin:0}
.name-role-field{display:flex;gap:10px;align-items:center}
.name-role-field input{flex:1;width:auto;min-width:0}
.name-role-field .role-check{flex:0 0 auto;padding:0 4px}
.cta-form input,.cta-form select{width:100%;min-width:0;border:1.5px solid var(--line);border-radius:11px;padding:14px 15px;font:inherit;font-size:14px;outline:none;background:#fff;color:var(--ink)}
.cta-form input:focus,.cta-form select:focus{border-color:var(--blue)}
.cta-form .full{grid-column:1/-1}
.name-role-field{display:flex;align-items:center;gap:10px;min-width:0}
.name-role-field>input[type="text"]{flex:1;min-width:0}
.role-check{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:800;color:#41566b;cursor:pointer}
.role-check input{flex:0 0 auto;width:17px;height:17px;min-width:17px;padding:0;border:0;accent-color:var(--blue)}
.privacy-consent{grid-column:1/-1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding-top:3px}
.privacy-row{display:flex;align-items:center;gap:9px;color:#41566b;font-size:12.5px}
.privacy-row input{flex:0 0 auto;width:17px;height:17px;min-width:17px;accent-color:var(--blue)}
.cta-form .privacy-more{width:auto;flex:0 0 auto;border:0;background:none;color:var(--blue);font-weight:800;font-size:12px;padding:0;text-decoration:underline;text-underline-offset:2px}
.cta-form .privacy-more:hover{background:none;color:var(--blue-d)}

/* ─── 개인정보 수집·이용 안내 팝업 ─── */
.privacy-modal{position:fixed;inset:0;z-index:900;display:none;place-items:center;padding:20px;background:rgba(7,38,68,.55);backdrop-filter:blur(3px)}
.privacy-modal.open{display:grid}
.privacy-modal-box{display:flex;flex-direction:column;width:min(680px,100%);max-height:min(82vh,760px);background:#fff;border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;animation:repIn .28s ease}
.privacy-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}
.privacy-modal-head b{font-size:16px;letter-spacing:-.4px;color:var(--ink)}
.privacy-modal-x{border:0;background:var(--bg);color:var(--muted);width:32px;height:32px;border-radius:9px;font-size:20px;line-height:1;transition:.15s}
.privacy-modal-x:hover{background:#e9f1f8;color:var(--ink)}
.privacy-modal-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px 20px;font-size:13px;line-height:1.75;color:var(--muted)}
.privacy-modal-foot{padding:13px 20px;border-top:1px solid var(--line);background:var(--bg)}
.privacy-modal-foot button{width:100%;border:0;border-radius:11px;background:var(--ink);color:#fff;padding:13px 20px;font-weight:900;font-size:14px;transition:.15s}
.privacy-modal-foot button:hover{background:#000}
.pm-sec{padding:16px 0;border-top:1px solid var(--line)}
.pm-sec:first-child{border-top:0}
.pm-h{font-size:13.5px;font-weight:800;color:var(--ink);letter-spacing:-.3px;margin-bottom:8px}
.pm-h::before{content:'·';margin-right:6px;color:var(--blue);font-weight:900}
.pm-p{margin-bottom:10px}
.pm-list{list-style:none;display:grid;gap:6px}
.pm-list.pm-tight{gap:3px}
.pm-list li{position:relative;padding-left:11px;word-break:keep-all}
.pm-list li::before{content:'-';position:absolute;left:0;color:var(--muted2)}
.pm-list li b{color:#41566b;font-weight:800}
.pm-block{margin-top:12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.pm-block-t{display:block;font-size:12.5px;font-weight:800;color:var(--ink)}
.pm-note{font-size:12px;color:var(--muted2);margin:2px 0 6px}
.pm-item{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}
.pm-item-t{display:block;font-size:12.5px;font-weight:800;color:#41566b;margin-bottom:3px}
@media(max-width:600px){
  .privacy-modal{padding:0;place-items:end stretch}
  .privacy-modal-box{width:100%;max-height:92vh;border-radius:16px 16px 0 0}
  .privacy-modal-body{padding:4px 16px 16px;font-size:12.5px}
  .privacy-modal-head{padding:15px 16px}
  .privacy-modal-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
}
.cta-form button[type="submit"]{grid-column:1/-1;width:100%;background:var(--ink);color:#fff;border:none;border-radius:11px;padding:15px 20px;font-weight:900;font-size:14.5px;transition:.15s}
.cta-form button[type="submit"]:hover{background:#000}
.cta-sub{text-align:center;margin-top:12px;color:#6a7f92}

footer{padding:36px 0 32px}
.footerin{align-items:flex-start}
.footer-brand{min-width:170px}
.footer-brand b{display:block;margin-bottom:8px}
.footer-company{display:grid;gap:4px;line-height:1.6}
.footer-copy{width:100%;padding-top:16px;margin-top:14px;border-top:1px solid var(--line);color:#9fb1c1}

/* ─── 화면 하단 고정 상담 바 ─── */
.desktop-apply{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:490;width:min(1040px,calc(100% - 32px));background:rgba(255,255,255,.97);border:1px solid rgba(205,221,234,.95);border-radius:18px;padding:11px 14px;box-shadow:0 18px 55px rgba(7,38,68,.2);backdrop-filter:blur(14px)}
.desktop-apply-inner{display:flex;align-items:center;justify-content:center;gap:9px;width:100%}
.desktop-apply-copy{flex:0 0 152px;padding-right:4px;text-align:left}
.desktop-apply-copy b{display:block;font-size:14.5px;letter-spacing:-.35px;color:var(--ink)}
.desktop-apply-copy span{display:block;font-size:10.5px;color:var(--muted2);margin-top:1px}
.desktop-apply input[type="text"],.desktop-apply input[type="tel"],.desktop-apply select{height:44px;min-width:0;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;font-size:13px;outline:none;background:#fff;color:var(--ink)}
.desktop-apply input[type="text"]{width:116px}
.desktop-apply input[type="tel"]{width:170px}
.quick-name-role{display:flex;align-items:center;gap:7px;flex:0 1 auto}
.quick-role{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:10.5px;color:#51677a;cursor:pointer;flex:0 0 auto}
.quick-role input{width:15px;height:15px;accent-color:var(--blue)}
.desktop-apply select{width:180px;cursor:pointer}
.desktop-apply input[type="text"]:focus,.desktop-apply input[type="tel"]:focus,.desktop-apply select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,111,224,.08)}
.quick-privacy{display:flex;align-items:center;gap:5px;font-size:10.5px;color:#51677a}
.quick-privacy input{flex:0 0 auto;width:15px;height:15px;accent-color:var(--blue)}
.quick-privacy-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.25}
.quick-privacy-text label{white-space:nowrap;cursor:pointer}
.quick-privacy-more{border:0;background:none;padding:0;color:var(--blue);font-weight:800;font-size:10px;line-height:1.25;text-decoration:underline;text-underline-offset:2px}
.quick-privacy-more:hover{color:var(--blue-d)}
.desktop-apply-inner>button{height:44px;border:0;border-radius:10px;background:var(--blue);color:#fff;padding:0 20px;font-weight:900;font-size:13.5px;white-space:nowrap;box-shadow:0 8px 18px rgba(15,111,224,.22);transition:.15s}
@media(max-width:1120px){
  .desktop-apply{width:calc(100% - 24px);padding-left:12px}
  .desktop-apply-copy{min-width:146px}
  .desktop-apply-copy span{display:none}
  .desktop-apply input[type="text"]{width:100px}
  .desktop-apply input[type="tel"]{width:148px}
  .desktop-apply select{width:158px}
  .quick-privacy-text label{white-space:normal;line-height:1.15;max-width:104px}
}
.desktop-apply-inner>button:hover{background:var(--blue-d);transform:translateY(-1px)}
.mobile-apply{display:none}
body{padding-bottom:92px}

@media(max-width:820px){
  body,body.detail-route-active{padding-bottom:70px}
  .desktop-apply{display:none}
  .mobile-apply{display:block;position:fixed;left:0;right:0;bottom:0;z-index:500;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 -8px 28px rgba(10,52,94,.12)}
  .mobile-apply button{width:100%;border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px 16px;font-weight:900;font-size:15px;box-shadow:0 8px 20px rgba(15,111,224,.25)}
}

/* ─── 약장지도 데모 ─── */
.yakmap{display:grid;grid-template-columns:1fr 1.1fr;gap:36px;padding:36px;margin-top:52px;align-items:center}
.yakmap h3{font-size:24px;letter-spacing:-.7px;font-weight:800}
.yakmap-copy>p{font-size:15px;color:var(--muted);margin-top:10px}
.drug-chips{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 14px}
.dchip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700;color:#41566b;transition:.15s}
.dchip:hover{border-color:var(--blue);color:var(--blue)}
.dchip.sel{background:var(--blue);border-color:var(--blue);color:#fff}
#foundCard{display:none;border:1px solid var(--line);border-radius:15px;padding:16px 18px;background:#fff;animation:repIn .35s ease}
.fc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}
.fc-top b{font-size:15.5px;letter-spacing:-.3px}
.fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.fc-cell{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 11px}
.fc-cell small{display:block;font-size:10.5px;color:var(--muted2)}
.fc-cell b{font-size:15px}
.fc-btn{width:100%;border:none;border-radius:10px;padding:12px;font-weight:800;font-size:13.5px;background:var(--blue);color:#fff;transition:.15s}
.fc-btn:hover{background:var(--blue-d)}
.fc-btn.ok{background:rgba(18,185,129,.12);color:#0a9469;cursor:default}
.cart-line{margin-top:12px;font-size:12.5px;color:var(--muted);display:none}
.cart-line b{color:var(--blue)}
.shelf-wrap{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:20px}
.shelf-zone{font-size:12px;font-weight:800;color:var(--muted2);letter-spacing:.06em;margin-bottom:12px;display:flex;justify-content:space-between}
.shelf-zone i{font-style:normal;color:var(--blue)}
.shelf-map{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.cellS{aspect-ratio:1.25;border-radius:9px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;font-size:10px;font-weight:800;color:#a8bac9;transition:.2s}
.cellS.hit{background:var(--blue);color:#fff;border-color:var(--blue);animation:pulseCell 1.6s ease infinite}
@keyframes pulseCell{0%{box-shadow:0 0 0 0 rgba(15,111,224,.45)}70%{box-shadow:0 0 0 13px rgba(15,111,224,0)}100%{box-shadow:0 0 0 0 rgba(15,111,224,0)}}
.trust-note{margin-top:34px;text-align:center;font-size:14px;color:var(--muted)}
.trust-note b{color:var(--ink)}

@media(max-width:980px){
  .yakmap{grid-template-columns:1fr;padding:26px}
  .nav-toggle{display:flex;flex:0 0 auto}
  .navin{gap:12px}
  .navcta{margin-left:auto;padding:9px 13px;font-size:12.5px;white-space:nowrap}
  /* 6개 메뉴를 네비 아래로 펼쳐지는 드롭다운으로 전환 */
  .menu{display:flex;flex-direction:column;gap:0;position:absolute;left:0;right:0;top:100%;background:rgba(255,255,255,.98);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 20px 44px rgba(7,38,68,.14);max-height:0;overflow:hidden;opacity:0;pointer-events:none;padding:0 20px;transition:max-height .3s ease,opacity .25s ease,padding .3s ease}
  .menu.open{max-height:70vh;opacity:1;pointer-events:auto;padding-top:6px;padding-bottom:12px}
  .menu a{padding:14px 4px;border-bottom:1px solid var(--line);font-size:15.5px;color:var(--ink)}
  .menu a:last-child{border-bottom:0}
  .doors{grid-template-columns:1fr}
  .timeline{grid-template-columns:repeat(4,1fr);row-gap:34px}
  .timeline::before{display:none}
  .opening-grid,.builder,.os-box{grid-template-columns:1fr}
  .ops-grid{grid-template-columns:1fr}
  .ba-wrap{grid-template-columns:1fr}
  .ba-arrow{transform:rotate(90deg)}
  .rep-metrics{grid-template-columns:repeat(2,1fr)}
  .support-grid{grid-template-columns:repeat(2,1fr)}
  .case-grid{grid-template-columns:1fr}
  .cta-box{grid-template-columns:1fr;gap:30px}
}

@media(max-width:560px){
  .support-head h2.sec-title{white-space:normal}
  .section{padding:76px 0}
  .timeline{grid-template-columns:repeat(2,1fr)}
  .try-row{flex-direction:column}
  .hero{padding:64px 0 60px}
  body{padding-bottom:70px}
  body.detail-route-active{padding-bottom:70px}
  .support-grid{grid-template-columns:1fr;gap:12px;margin-top:30px}
  .support-card{min-height:0}
  .case-card{padding:23px}
  .cta{padding:72px 0}
  .cta-form{grid-template-columns:1fr}
  .cta-form .full,.privacy-consent,.cta-form button[type="submit"]{grid-column:1}
  .cta-form-wrap{padding:22px 18px}
  .footerin{display:block}
  .footer-company{margin-top:18px}
  .desktop-apply{display:none}
  .mobile-apply{display:block;position:fixed;left:0;right:0;bottom:0;z-index:500;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.95);border-top:1px solid var(--line);backdrop-filter:blur(12px);box-shadow:0 -8px 28px rgba(10,52,94,.12)}
  .mobile-apply button{width:100%;border:0;border-radius:12px;background:var(--blue);color:#fff;padding:14px 16px;font-weight:900;font-size:15px;box-shadow:0 8px 20px rgba(15,111,224,.25)}
}



/* ─── 단일 HTML 내부 페이지 전환 ─── */
.page-view[hidden]{display:none!important}
body.detail-route-active{padding-bottom:92px}
.internal-page{min-height:100vh;background:#fff}
.internal-nav{position:sticky;top:0;z-index:600;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.internal-nav .navin{height:66px}
.internal-nav .internal-back{font-size:13.5px;font-weight:800;color:var(--blue)}
.internal-nav .internal-actions{display:flex;align-items:center;gap:20px;font-size:13.5px;font-weight:700;color:#44586c}
.internal-nav .internal-actions a:hover{color:var(--blue)}

/* ─── 약사 경험: 메인 섹션 ─── */
.pharmacist-experience{background:linear-gradient(180deg,#ffffff 0%,#c4e6ff 100%)}
.pharmacist-experience .section-head .eyebrow{justify-content:center}
.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.experience-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;padding:29px 27px 27px;box-shadow:0 13px 38px rgba(12,60,105,.07)}
.experience-card::after{content:'“';position:absolute;right:22px;top:8px;font-family:Georgia,serif;font-size:68px;line-height:1;color:#e6f0f8;pointer-events:none}
.experience-step{display:inline-flex;border-radius:999px;padding:6px 11px;background:rgba(15,111,224,.08);color:var(--blue);font-size:11.5px;font-weight:900;letter-spacing:.04em}
.experience-card blockquote{position:relative;z-index:1;margin:20px 0 13px;font-size:18px;line-height:1.62;letter-spacing:-.45px;font-weight:800;color:var(--ink);word-break:keep-all;text-indent:-.5em;padding-left:.5em}
.experience-card p{font-size:14px;color:var(--muted)}
.experience-more{display:flex;justify-content:center;margin-top:28px}
.experience-more-btn{display:inline-flex;align-items:center;gap:12px;border-radius:12px;background:var(--blue);color:#fff;padding:14px 30px;font-size:13.5px;font-weight:900;transition:.18s;box-shadow:0 10px 24px rgba(15,111,224,.28)}
.experience-more-btn:hover{background:var(--blue-d);transform:translateY(-2px)}

/* ─── 가격표 상세 내부 페이지 ─── */
.price-detail-page{min-height:100vh;background:linear-gradient(180deg,#081c30,#0a2540 62%,#081a29);color:#fff}
.price-detail-page .internal-nav{color:var(--ink)}
.detail-hero{padding:88px 0 54px;text-align:center;background:radial-gradient(700px 380px at 50% 0%,rgba(15,181,201,.16),transparent 70%)}
.detail-hero .eyebrow{justify-content:center;color:var(--cyan)}
.detail-hero .eyebrow::before{background:var(--cyan)}
.detail-hero h1{font-size:clamp(32px,5vw,50px);line-height:1.16;letter-spacing:-1.8px;margin:16px 0;color:#fff}
.detail-hero p{max-width:720px;margin:0 auto;color:#a9c2d6;font-size:16px}
.detail-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:26px}
.detail-actions a,.detail-actions button{display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:12px 17px;font-size:13.5px;font-weight:800;transition:.16s;border:0}
.detail-actions .primary{background:var(--cyan);color:#061b2d}
.detail-actions .secondary{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.06)}
.detail-actions a:hover,.detail-actions button:hover{transform:translateY(-2px)}
.detail-content{padding:20px 0 96px}
.detail-content .builder{margin-top:0}
.detail-contact{margin-top:68px;text-align:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.11);border-radius:22px;padding:32px 24px}
.detail-contact h3{font-size:25px;color:#fff;margin-bottom:7px}
.detail-contact p{color:#a9c2d6;margin-bottom:20px}
.detail-contact a{display:inline-flex;background:#fff;color:var(--navy);padding:13px 20px;border-radius:11px;font-weight:900}
.internal-detail-footer{background:#061522;color:#7d93a5;font-size:12.5px;padding:25px 0}
.internal-detail-footer .footerin b{color:#fff}

/* ─── 약사 경험 상세 내부 페이지 ─── */
.experience-detail-page{background:linear-gradient(180deg,#f7fbfe,#fff 48%,#f6fafd)}
.experience-detail-hero{padding:88px 0 68px;text-align:center;background:radial-gradient(620px 320px at 50% 0%,rgba(15,111,224,.11),transparent 72%)}
.experience-detail-hero .eyebrow{justify-content:center}
.experience-detail-hero h1{font-size:clamp(31px,4.7vw,48px);line-height:1.16;letter-spacing:-1.7px;margin:16px 0;color:var(--ink)}
.experience-detail-hero p{max-width:700px;margin:0 auto;color:var(--muted);font-size:16px}
.story-detail-wrap{padding:78px 0 96px}
.story-detail-list{display:grid;gap:20px}
.story-detail-card{display:grid;grid-template-columns:190px 1fr;gap:34px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 15px 42px rgba(12,60,105,.07)}
.story-detail-index{border-right:1px solid var(--line);padding-right:26px}
.story-detail-index small{display:block;color:var(--blue);font-size:11.5px;font-weight:900;letter-spacing:.12em;margin-bottom:10px}
.story-detail-index b{font-size:25px;letter-spacing:-.7px}
.story-detail-copy blockquote{font-size:22px;line-height:1.55;letter-spacing:-.65px;font-weight:850;color:var(--ink);margin-bottom:20px}
.story-detail-copy>p{color:var(--muted);font-size:15px;margin-bottom:22px}
.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.story-point{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:14px 15px}
.story-point small{display:block;color:var(--muted2);font-size:10.5px;font-weight:800;margin-bottom:4px}
.story-point b{font-size:13px;line-height:1.5}
.experience-type-title{text-align:center;margin:68px 0 26px}
.experience-type-title h2{font-size:clamp(26px,3.5vw,38px);letter-spacing:-1.1px;margin-bottom:8px}
.experience-type-title p{color:var(--muted)}
.experience-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.experience-type-card{background:var(--navy);color:#fff;border-radius:23px;padding:30px;min-height:250px;display:flex;flex-direction:column}
.experience-type-card .type-label{font-size:11px;font-weight:900;letter-spacing:.12em;color:var(--cyan)}
.experience-type-card h3{font-size:24px;letter-spacing:-.7px;margin:12px 0 8px}
.experience-type-card>p{font-size:14px;color:#a9c2d6}
.experience-type-flow{margin-top:auto;padding-top:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}
.experience-type-flow div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px;font-size:12.5px}
.experience-type-flow span{color:var(--cyan);font-weight:900}
.experience-detail-cta{margin-top:56px;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#fff;border-radius:25px;padding:36px;text-align:center}
.experience-detail-cta h3{font-size:27px;letter-spacing:-.8px;margin-bottom:7px}
.experience-detail-cta p{color:#e1f4fb;margin-bottom:20px}
.experience-detail-cta a{display:inline-flex;background:var(--ink);padding:13px 20px;border-radius:11px;font-weight:900}

@media(max-width:980px){
  .experience-grid{grid-template-columns:1fr}
  .story-detail-card{grid-template-columns:1fr;gap:20px}
  .story-detail-index{border-right:0;border-bottom:1px solid var(--line);padding:0 0 18px}
  .experience-type-grid{grid-template-columns:1fr}
  .internal-nav .internal-actions a:not(.navcta){display:none}
}
@media(max-width:560px){
  .experience-card{padding:25px 21px}
  .experience-card blockquote{font-size:17px}
  .detail-hero,.experience-detail-hero{padding:62px 0 42px}
  .detail-content{padding:10px 0 76px}
  .price-detail-page .builder{padding:24px 18px}
  .price-detail-page .cmp{margin-top:48px}
  .story-detail-wrap{padding:58px 0 76px}
  .story-detail-card{padding:23px 20px}
  .story-detail-copy blockquote{font-size:19px}
  .story-points{grid-template-columns:1fr}
  .experience-type-card{padding:24px 20px}
  .experience-type-flow{grid-template-columns:1fr}
  .experience-type-flow>span{text-align:center;transform:rotate(90deg)}
}



/* ─── VMD / 상담형 가격표 메인 요약 ─── */
.vmd-overview{padding-bottom:92px}
.price-tag-main{background:linear-gradient(180deg,#0a2540,#071b2e);border-top:1px solid rgba(255,255,255,.09)}
.vmd-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:820px;margin:34px auto 0}
.vmd-proof-card{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 16px;text-align:center}
.vmd-proof-card strong{display:block;color:#65e3ea;font-size:25px;line-height:1.1;letter-spacing:-.8px;margin-bottom:8px}
.vmd-proof-card span{font-size:12.5px;line-height:1.55;color:#a9c2d6;font-weight:700}
.vmd-main-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:24px}
.vmd-main-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:12px;padding:13px 19px;font-size:13.5px;font-weight:900;transition:.18s}
.vmd-main-btn.primary{background:var(--cyan);color:#061b2d;border:1px solid var(--cyan)}
.vmd-main-btn.secondary{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(255,255,255,.22)}
.vmd-main-btn:hover{transform:translateY(-2px)}
.vmd-research-source{max-width:820px;margin:18px auto 0;color:#7894aa;font-size:10.5px;line-height:1.65;text-align:center}
.price-tag-main .ba-wrap{margin-top:58px}
.price-tag-main .section-head{max-width:860px}
@media(max-width:560px){
  .vmd-overview{padding-bottom:70px}
  .vmd-research-source{font-size:10px;text-align:left}
}


/* ─── 메인 인·익스테리어 (고정 수상카드 + 사진 캐러셀) ─── */
.interior-main{background:linear-gradient(180deg,#f7fbfe,#fff);overflow:hidden}
.interior-main .section-head{max-width:820px}
.interior-subcopy{max-width:650px;margin:12px auto 0;color:var(--muted);font-size:15px;word-break:keep-all}

/* 화살표 내비 */
.interior-nav{display:flex;justify-content:flex-end;gap:10px;margin-top:38px}
.int-arrow{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink);box-shadow:0 8px 22px rgba(12,60,105,.08);transition:.16s;font-size:20px;line-height:1;padding-bottom:2px}
.int-arrow:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.int-arrow:disabled{opacity:.32;cursor:default;transform:none;box-shadow:none}

/* 쇼케이스 */
.interior-showcase{display:flex;gap:16px;margin-top:16px;align-items:stretch}
.interior-card{flex:0 0 auto;width:340px;max-width:80vw;aspect-ratio:3/4;border-radius:22px;overflow:hidden;position:relative;box-shadow:0 16px 42px rgba(12,60,105,.1);background:linear-gradient(135deg,#dce8f3,#f5fafd 50%,#cbdce9)}
.interior-card img{width:100%;height:100%;object-fit:cover;display:block}
.interior-card::after{content:attr(data-alt);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;color:#7a8ea0;font-size:12.5px;font-weight:800;line-height:1.5}
.interior-card img[src]{position:relative;z-index:1}
.interior-award-fixed{flex:0 0 auto}
.interior-card img.award-wide{display:none}

/* VMD 커버플로우 (가운데 선명 + 양옆 흐리게, 화면 전체 폭) */
.vmd-cover{position:relative;margin-top:40px;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.vmd-cover-viewport{overflow:hidden;padding:10px 0}
.vmd-cover-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.vmd-cover-slide{flex:0 0 46%;margin:0 11px;aspect-ratio:16/9;border-radius:20px;overflow:hidden;opacity:.42;filter:blur(2px) saturate(.92);transition:opacity .55s,filter .55s;cursor:pointer;background:linear-gradient(135deg,#dce8f3,#f5fafd 50%,#cbdce9)}
.vmd-cover-slide img{width:100%;height:100%;object-fit:cover;display:block}
.vmd-cover-slide.is-active{opacity:1;filter:none;cursor:default;box-shadow:0 20px 48px rgba(12,60,105,.16)}
.vmd-cover-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.96);display:grid;place-items:center;font-size:22px;line-height:1;padding-bottom:2px;color:var(--ink);box-shadow:0 10px 26px rgba(12,60,105,.16);transition:.16s}
.vmd-cover-arrow:hover{border-color:var(--blue);color:var(--blue)}
.vmd-cover-arrow:disabled{opacity:.3;cursor:default;box-shadow:none}
.vmd-cover-arrow.prev{left:calc(27% - 23px)}
.vmd-cover-arrow.next{right:calc(27% - 23px)}
.vmd-cover-note{text-align:center;margin-top:24px;font-size:12px;color:var(--muted2);line-height:1.6;padding:0 20px}
@media(max-width:820px){
  .vmd-cover-slide{flex-basis:88%;margin:0 5px;filter:blur(1.5px) saturate(.92)}
  .vmd-cover-arrow{display:none}
}
.interior-photo-carousel{flex:1 1 auto;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none}
.interior-photo-carousel::-webkit-scrollbar{display:none}
.interior-photo-track{display:flex;gap:16px}
.interior-photo-track .interior-card{scroll-snap-align:start;cursor:grab}
.interior-photo-carousel:active .interior-card{cursor:grabbing}
.interior-card-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 16px 15px;background:linear-gradient(transparent,rgba(6,26,46,.78));color:#fff;font-size:13.5px;font-weight:800;letter-spacing:-.2px;opacity:0;transform:translateY(10px);transition:.22s}
.interior-photo-track .interior-card:hover .interior-card-cap{opacity:1;transform:none}
@media(max-width:820px){
  .interior-nav{margin-top:30px}
  .interior-showcase{flex-direction:column;align-items:center;overflow:visible}
  .interior-card{width:min(340px,82vw)}
  .interior-award-fixed{width:min(460px,92vw);aspect-ratio:auto;background:transparent;box-shadow:none}
  .interior-photo-carousel{width:100%}
  .interior-photo-track .interior-card{scroll-snap-align:center}
  .interior-subcopy{font-size:14px}
  .interior-card-cap{opacity:1;transform:none}
  .interior-award-fixed img.award-portrait{display:none}
  .interior-award-fixed img.award-wide{display:block;width:100%;height:auto}
}
@media(max-width:600px){
  .interior-photo-carousel{padding:0 15vw;scroll-padding:0 15vw}
  .interior-photo-track{gap:12px}
  .interior-photo-track .interior-card{width:70vw;max-width:70vw;filter:blur(2.5px) saturate(.9);opacity:.55;transition:filter .35s,opacity .35s}
  .interior-photo-track .interior-card.is-center{filter:none;opacity:1}
}

/* ─── VMD 상세 내부 페이지 ─── */
.vmd-detail-page{background:linear-gradient(180deg,#f7fcfd,#fff 48%,#f3f9fc);color:var(--ink)}
.vmd-detail-hero{padding:86px 0 64px;text-align:center;background:radial-gradient(720px 390px at 50% 0%,rgba(15,181,201,.14),transparent 72%)}
.vmd-detail-hero .eyebrow{justify-content:center;color:#0a8ea2}
.vmd-detail-hero .eyebrow::before{background:#0a8ea2}
.vmd-detail-hero h1{font-size:clamp(32px,5vw,50px);line-height:1.15;letter-spacing:-1.8px;margin:16px 0 15px;color:var(--ink)}
.vmd-detail-hero p{max-width:760px;margin:0 auto;color:var(--muted);font-size:16px}
.vmd-detail-hero .hero-note{display:block;margin-top:14px;font-size:11.5px;color:var(--muted2)}
.vmd-detail-body{padding:72px 0 96px}
.vmd-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:70px}
.vmd-kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px 18px;text-align:center;box-shadow:0 12px 32px rgba(12,60,105,.06)}
.vmd-kpi strong{display:block;color:#0b96a8;font-size:28px;letter-spacing:-1px;line-height:1.1;margin-bottom:8px}
.vmd-kpi span{font-size:12.5px;color:var(--muted);font-weight:800}
.vmd-detail-head{text-align:center;max-width:760px;margin:0 auto 34px}
.vmd-detail-head .eyebrow{justify-content:center;color:#0a8ea2}
.vmd-detail-head .eyebrow::before{background:#0a8ea2}
.vmd-detail-head h2{font-size:clamp(27px,3.8vw,40px);line-height:1.2;letter-spacing:-1.2px;margin:13px 0 12px}
.vmd-detail-head p{color:var(--muted)}
.vmd-research-figure{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 18px 48px rgba(12,60,105,.08);margin-bottom:76px}
.vmd-research-figure img{display:block;width:100%;height:auto;border-radius:15px;background:#fff}
.vmd-research-figure figcaption{padding:15px 4px 2px;font-size:12px;line-height:1.65;color:var(--muted)}
.vmd-market-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:70px}
.vmd-market-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:0 12px 34px rgba(12,60,105,.06)}
.vmd-market-card .market-label{display:inline-flex;background:#e6f9fb;color:#087f90;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900;letter-spacing:.04em}
.vmd-market-card h3{font-size:20px;letter-spacing:-.5px;margin:13px 0 6px}
.vmd-market-card>p{font-size:13.5px;color:var(--muted);margin-bottom:17px}
.vmd-market-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.vmd-market-stat{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:13px 14px}
.vmd-market-stat small{display:block;font-size:10.5px;color:var(--muted2);margin-bottom:4px}
.vmd-market-stat strong{font-size:21px;color:#0b96a8;letter-spacing:-.5px}
.vmd-salesman{background:linear-gradient(135deg,#07243b,#0a4e63);border-radius:28px;color:#fff;padding:44px;box-shadow:0 25px 60px rgba(6,32,58,.22);margin-bottom:76px}
.vmd-salesman h2{text-align:center;font-size:clamp(27px,3.8vw,40px);line-height:1.22;letter-spacing:-1.3px;margin-bottom:34px}
.vmd-salesman h2 em{font-style:normal;color:#6ce0e8}
.vmd-salesman-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.vmd-salesman-step{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:17px;padding:22px;text-align:center}
.vmd-salesman-step b{display:block;font-size:18px;margin-bottom:7px}
.vmd-salesman-step span{font-size:13px;line-height:1.6;color:#b8d5e2}
.vmd-paper-source{margin-top:22px;border-left:3px solid #55d5df;padding:13px 16px;background:rgba(255,255,255,.055);border-radius:0 12px 12px 0;font-size:12px;line-height:1.7;color:#b9d5e1}
.vmd-interior-section{margin-top:76px}
.vmd-interior-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.vmd-interior-top h2{font-size:clamp(27px,3.7vw,39px);letter-spacing:-1.15px;line-height:1.2;margin-top:10px}
.vmd-interior-top p{max-width:620px;color:var(--muted);margin-top:9px}
.vmd-carousel-controls{display:flex;gap:8px;flex-shrink:0}
.vmd-carousel-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:23px;font-weight:900;box-shadow:0 8px 20px rgba(12,60,105,.08);transition:.15s}
.vmd-carousel-btn:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px)}
.vmd-interior-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 18px;scrollbar-width:none}
.vmd-interior-track::-webkit-scrollbar{display:none}
.vmd-interior-slide{flex:0 0 calc((100% - 32px)/3);min-width:300px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:21px;overflow:hidden;box-shadow:0 14px 38px rgba(12,60,105,.07)}
.vmd-interior-visual{height:250px;position:relative;overflow:hidden;background:linear-gradient(145deg,#dff3f5,#f8fcfd)}
.vmd-interior-visual::before{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(160deg,#d4dee4,#eef3f6);clip-path:polygon(0 30%,100% 0,100% 100%,0 100%)}
.vmd-store-sign{position:absolute;left:18px;top:18px;background:#fff;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:900;color:#0a6975;box-shadow:0 7px 18px rgba(9,64,112,.13)}
.vmd-counter{position:absolute;left:12%;right:11%;bottom:15%;height:28px;border-radius:5px;background:#fff;box-shadow:0 6px 0 #b6c7cf,0 11px 18px rgba(10,52,94,.13)}
.vmd-shelf{position:absolute;background:#fff;border:5px solid #0e7180;border-top-width:12px;box-shadow:0 8px 18px rgba(10,52,94,.1)}
.vmd-shelf::after{content:'';position:absolute;left:4px;right:4px;top:32%;height:4px;background:#cfdee4;box-shadow:0 22px 0 #cfdee4,0 44px 0 #cfdee4}
.vmd-interior-visual.layout10 .shelf-a{width:24%;height:45%;left:9%;bottom:27%}.vmd-interior-visual.layout10 .shelf-b{width:29%;height:42%;right:9%;bottom:29%}
.vmd-interior-visual.layout15 .shelf-a{width:20%;height:48%;left:7%;bottom:25%}.vmd-interior-visual.layout15 .shelf-b{width:20%;height:48%;left:40%;bottom:25%}.vmd-interior-visual.layout15 .shelf-c{width:20%;height:48%;right:7%;bottom:25%}
.vmd-interior-visual.layout20 .shelf-a{width:17%;height:51%;left:7%;bottom:24%}.vmd-interior-visual.layout20 .shelf-b{width:17%;height:51%;left:29%;bottom:24%}.vmd-interior-visual.layout20 .shelf-c{width:17%;height:51%;right:29%;bottom:24%}.vmd-interior-visual.layout20 .shelf-d{width:17%;height:51%;right:7%;bottom:24%}
.vmd-interior-visual.layout30 .shelf-a{width:16%;height:49%;left:6%;bottom:26%}.vmd-interior-visual.layout30 .shelf-b{width:16%;height:49%;left:27%;bottom:26%}.vmd-interior-visual.layout30 .shelf-c{width:16%;height:49%;right:27%;bottom:26%}.vmd-interior-visual.layout30 .shelf-d{width:16%;height:49%;right:6%;bottom:26%}
.vmd-interior-copy{padding:22px 22px 24px}
.vmd-interior-copy .size{display:inline-flex;background:rgba(15,111,224,.08);color:var(--blue);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:900}
.vmd-interior-copy h3{font-size:20px;letter-spacing:-.5px;margin:11px 0 7px}
.vmd-interior-copy p{font-size:13.5px;color:var(--muted);min-height:44px}
.vmd-interior-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}
.vmd-interior-tags span{font-size:10.5px;font-weight:800;border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:5px 9px;color:#506579}
.vmd-interior-dots{display:flex;justify-content:center;gap:7px;margin-top:12px}
.vmd-interior-dot{width:8px;height:8px;border:0;border-radius:50%;background:#c8d8e4;padding:0;transition:.15s}
.vmd-interior-dot.active{width:24px;border-radius:99px;background:var(--blue)}
.vmd-interior-note{text-align:center;color:var(--muted2);font-size:11.5px;margin-top:17px}
.vmd-detail-cta-box{margin-top:72px;background:linear-gradient(120deg,var(--blue),var(--cyan));color:#fff;border-radius:25px;padding:38px;text-align:center}
.vmd-detail-cta-box h3{font-size:27px;letter-spacing:-.8px;margin-bottom:8px}
.vmd-detail-cta-box p{color:#e1f4fb;margin-bottom:20px}
.vmd-detail-cta-box a{display:inline-flex;background:var(--ink);padding:13px 20px;border-radius:11px;font-weight:900}

@media(max-width:980px){
  .vmd-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .vmd-interior-slide{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:700px){
  .vmd-proof-strip{grid-template-columns:1fr;max-width:420px}
  .vmd-market-grid{grid-template-columns:1fr}
  .vmd-salesman{padding:32px 20px}
  .vmd-salesman-flow{grid-template-columns:1fr}
  .vmd-interior-top{display:block}
  .vmd-carousel-controls{margin-top:18px}
  .vmd-interior-slide{flex-basis:88%;min-width:270px}
}
@media(max-width:560px){
  .vmd-detail-hero{padding:61px 0 43px}
  .vmd-detail-body{padding:54px 0 78px}
  .vmd-kpi-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:56px}
  .vmd-kpi{padding:19px 10px}
  .vmd-kpi strong{font-size:23px}
  .vmd-research-figure{padding:9px;border-radius:17px;margin-bottom:58px}
  .vmd-market-card{padding:21px 18px}
  .vmd-salesman h2{font-size:26px}
  .vmd-detail-cta-box{padding:31px 18px}
}



/* ─── 가격표 메인 개편: 자동 생성 과정 + 디지털 전환 ─── */
.price-showcase{background:linear-gradient(180deg,#1470ee 0%,#0e63e2 55%,#0b5ad6 100%);color:#fff;overflow:hidden}
.price-showcase .section-head{max-width:900px}
.price-showcase .eyebrow{color:#dbeafe}
.price-showcase .eyebrow::before{background:#dbeafe}
.price-showcase h2.sec-title{color:#fff}
.price-showcase h2.sec-title em{font-style:normal;color:#ffe14d}
.price-showcase p.lead{color:#e3edfb}
.price-head-action{display:inline-flex;align-items:center;gap:9px;margin-top:24px;background:#ffffff;color:#0e63e2;padding:13px 20px;border-radius:11px;font-size:14px;font-weight:900;transition:.18s;box-shadow:0 12px 28px rgba(3,28,58,.22)}
.price-head-action:hover{transform:translateY(-2px);background:#eef4ff}
.price-auto-demo{max-width:920px;margin:48px auto 0;display:block;background:#0d2a49;border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:34px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.price-auto-copy .mini-label{display:inline-flex;color:#65e3ea;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:12px}
.price-auto-copy h3{font-size:clamp(24px,3vw,34px);line-height:1.25;letter-spacing:-1px;color:#fff}
.price-auto-copy p{margin-top:14px;color:#a9c2d6;font-size:14.5px;line-height:1.75}
.price-auto-copy a{display:inline-flex;align-items:center;gap:8px;margin-top:22px;background:var(--cyan);color:#061b2d;padding:12px 18px;border-radius:11px;font-size:13.5px;font-weight:900;transition:.18s}
.price-auto-copy a:hover{transform:translateY(-2px);background:#65e3ea}
.price-auto-stage{min-height:330px;border-radius:21px;padding:28px 22px;background:radial-gradient(110% 120% at 50% 0%,#16466f,#06192a 72%);display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}
.price-auto-caption{text-align:center;color:#65e3ea;font-size:12.5px;font-weight:900;min-height:20px;margin-bottom:18px;transition:.25s}
.price-auto-rig{display:grid;grid-template-columns:150px 90px 236px;justify-content:center;align-items:center;gap:12px}
.price-barcode{height:84px;background:#fff;border-radius:9px;padding:12px 12px 8px;display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;box-shadow:0 13px 30px rgba(0,0,0,.26)}
.price-barcode-lines{flex:1;display:flex;gap:2px}
.price-barcode-lines i{display:block;flex:1;background:#111}
.price-barcode-lines i:nth-child(2n){flex:.45}.price-barcode-lines i:nth-child(3n){flex:1.65}.price-barcode-lines i:nth-child(5n){flex:.3}
.price-barcode-num{font:9px/1 monospace;letter-spacing:2px;color:#333;text-align:center}
.price-scan-beam{position:absolute;left:7px;right:7px;height:2px;top:8px;background:var(--cyan);box-shadow:0 0 12px 3px var(--cyan);opacity:0}
.price-auto-stage.is-running .price-scan-beam{animation:priceScan 1.05s ease-in-out 2}
@keyframes priceScan{0%{top:10%;opacity:0}12%{opacity:1}50%{top:84%}88%{opacity:1}100%{top:10%;opacity:0}}
.price-flow{height:42px;position:relative}
.price-flow span{position:absolute;top:50%;left:0;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--cyan);opacity:0}
.price-auto-stage.is-running .price-flow span{animation:priceFly 1.15s linear infinite}
.price-flow span:nth-child(2){animation-delay:.28s!important}.price-flow span:nth-child(3){animation-delay:.56s!important}.price-flow span:nth-child(4){animation-delay:.84s!important}
@keyframes priceFly{0%{left:-4%;opacity:0;transform:scale(.6)}20%{opacity:1}80%{opacity:1}100%{left:104%;opacity:0;transform:scale(1)}}
.price-demo-tag{height:244px;background:#fff;border-radius:11px;overflow:hidden;color:#111827;box-shadow:0 22px 48px rgba(0,0,0,.35);opacity:.18;transform:translateY(12px) scale(.97);transition:.45s;display:flex;flex-direction:column;position:relative}
.price-auto-stage.show-tag .price-demo-tag{opacity:1;transform:none}
.price-demo-head{height:52px;background:#17335a;color:#fff;display:flex;align-items:center;justify-content:center;padding:0 13px;font-size:20px;font-weight:900;letter-spacing:-.5px;opacity:0;transition:.3s}
.price-auto-stage.show-head .price-demo-head{opacity:1}
.price-demo-body{flex:1;padding:13px 14px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center}
.price-demo-body div{font-size:14.5px;font-weight:700;line-height:1.4;opacity:0;transform:translateY(5px);transition:.35s}
.price-demo-body div:first-child span{background:var(--hl);padding:1px 5px;font-weight:900}
.price-auto-stage.show-lines .price-demo-body div{opacity:1;transform:none}
.price-demo-foot{height:64px;background:#eef0f2;display:flex;align-items:center;justify-content:center;gap:7px;opacity:0;transition:.3s}
.price-auto-stage.show-price .price-demo-foot{opacity:1}
.price-demo-unit{background:#c0392b;color:#fff;padding:2px 7px;border-radius:4px;font-size:10.5px;font-weight:900}
.price-demo-price{font-size:22px;font-weight:900}
.price-complete{position:absolute;right:13px;top:59px;background:#65e3c4;color:#06342a;font-size:11.5px;font-weight:900;padding:5px 10px;border-radius:999px;opacity:0;transform:scale(.5) rotate(-10deg);transition:.35s}
.price-auto-stage.is-complete .price-complete{opacity:1;transform:scale(1) rotate(-7deg)}
.price-main-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px auto 0;max-width:900px}
.price-main-fact{padding:17px 16px;text-align:center;border-radius:15px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22)}
.price-main-fact strong{display:block;color:#ffffff;font-size:22px;line-height:1.1;margin-bottom:7px}
.price-main-fact span{color:#a9c2d6;font-size:12px;font-weight:700}
.price-main-desc{max-width:940px;margin:32px auto 0;text-align:center;color:#a9c2d6;font-size:15px;line-height:1.8}
.price-main-desc b{color:#fff}
.price-digital{margin-top:56px;padding-top:46px;border-top:1px solid rgba(255,255,255,.11)}
.price-digital h3{text-align:center;color:#fff;font-size:23px;letter-spacing:-.6px;margin-bottom:24px}
.price-awards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.price-award{padding:21px 18px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);text-align:center}
.price-award small{display:block;color:#65e3ea;font-size:10.5px;font-weight:900;letter-spacing:.1em;margin-bottom:7px}
.price-award b{display:block;color:#fff;font-size:14px}
.price-award p{margin-top:5px;color:#8fa9be;font-size:11.5px}
.price-service-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}
.price-service{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:15px;background:linear-gradient(135deg,rgba(15,111,224,.22),rgba(15,181,201,.12));border:1px solid rgba(94,195,255,.22)}
.price-service b{font-size:13.5px;color:#fff}.price-service span{font-size:11.5px;color:#65e3ea;font-weight:900}

/* ─── 가격표 상세 개편 ─── */
.price-detail-page{background:#f2f7fb;color:var(--ink)}
.price-detail-page .detail-hero{background:radial-gradient(700px 380px at 50% 0%,rgba(15,181,201,.2),transparent 72%),linear-gradient(180deg,#071b2e,#0a2540);padding:84px 0 58px}
.price-detail-page .detail-hero p{max-width:780px}
.price-detail-page .detail-content{padding:48px 0 100px}
.price-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:42px;box-shadow:0 14px 42px rgba(12,60,105,.07);margin-bottom:18px}
.price-panel-eye{display:inline-flex;align-items:center;color:var(--blue);background:#eaf4ff;border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:900;letter-spacing:.05em;margin-bottom:14px}
.price-panel-title{font-size:clamp(25px,3.4vw,38px);line-height:1.22;letter-spacing:-1.1px;color:var(--ink)}
.price-panel-title em{font-style:normal;color:var(--blue)}
.price-panel-lead{max-width:790px;margin-top:13px;color:var(--muted);font-size:15.5px;line-height:1.75}
.price-detail-ba{display:grid;grid-template-columns:1fr 42px 2fr;gap:0;align-items:stretch;margin-top:34px}
.price-detail-ba .arrow{display:grid;place-items:center;color:#91c9e7;font-size:25px;font-weight:900}
.price-detail-col{display:flex;flex-direction:column}
.price-detail-label{align-self:flex-start;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:900;margin-bottom:12px;background:#e7ebef;color:#657384}
.price-detail-label.after{background:var(--blue);color:#fff}
.price-plain-tag{flex:1;display:flex;flex-direction:column;justify-content:center;background:#f8fafc;border:1px dashed #cad5df;border-radius:16px;padding:24px;text-align:left}
.price-plain-tag .name{font-size:16px;font-weight:800}.price-plain-tag .unit{font-size:12px;color:#8b9aaa;margin-top:3px}.price-plain-tag .price{font-size:34px;font-weight:900;margin-top:14px;color:#111}
.price-after-pair{display:grid;grid-template-columns:7fr 3fr;gap:14px;flex:1}
.price-after-item{display:flex;flex-direction:column;min-width:0}
.price-after-item .tagcard{width:100%;height:100%;display:flex;flex-direction:column}
.price-after-item .tg-body{flex:1;display:flex;flex-direction:column;justify-content:center}
.price-after-item.narrow .tg-head{font-size:14px}.price-after-item.narrow .tg-body{font-size:12.5px;padding:12px 9px}.price-after-item.narrow .tg-price{font-size:15px}
.price-size-note{text-align:center;margin-top:8px;color:var(--muted2);font-size:10.5px;font-weight:800}
.price-example-note{text-align:center;margin-top:13px;color:var(--muted2);font-size:11.5px}
.price-strengths{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}
.price-strength{border:1px solid var(--line);border-radius:16px;padding:19px 16px;background:#fff}
.price-strength.key{background:var(--navy);border-color:var(--navy)}
.price-strength .icon{font-size:21px;margin-bottom:9px}.price-strength h3{font-size:14.5px;line-height:1.35;color:var(--ink)}.price-strength p{font-size:12.5px;line-height:1.6;color:var(--muted);margin-top:8px}
.price-strength.key h3{color:#fff}.price-strength.key p{color:#cfe2ef}.price-strength-badge{font-size:9.5px;color:#06342a;background:#65e3c4;padding:2px 5px;border-radius:4px;margin-left:4px;vertical-align:middle}
.price-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px}
.price-process-step{background:var(--bg);border:1px solid var(--line);border-radius:15px;padding:17px}
.price-process-art{height:80px;border-radius:10px;background:#fff;border:1px dashed #bfd1df;display:grid;place-items:center;margin-bottom:13px;overflow:hidden}
.price-process-step small{display:block;color:var(--cyan);font-size:10.5px;font-weight:900;letter-spacing:.08em}.price-process-step h3{font-size:15.5px;margin:6px 0 5px}.price-process-step p{color:var(--muted);font-size:12px;line-height:1.55}
.process-barcode{width:60%;height:38px;background:repeating-linear-gradient(90deg,#0a2540 0,#0a2540 2px,#fff 2px,#fff 4px,#0a2540 4px,#0a2540 6px,#fff 6px,#fff 9px);position:relative}
.process-barcode::after{content:'';position:absolute;left:0;right:0;height:2px;top:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan);animation:miniScan 2.2s ease-in-out infinite}
@keyframes miniScan{0%,100%{transform:translateY(-14px)}50%{transform:translateY(14px)}}
.process-mini-tag{width:66px;height:57px;border:1px solid var(--line);border-radius:5px;background:linear-gradient(180deg,#17335a 0 28%,#fff 28% 76%,#eef0f2 76%)}
.process-grid{display:grid;grid-template-columns:repeat(3,18px);gap:3px}.process-grid i{height:22px;border:1px solid var(--line);border-radius:2px;background:linear-gradient(180deg,#17335a 0 32%,#fff 32% 73%,#eef0f2 73%)}
.process-printer{width:72px}.process-printer i{display:block;margin:auto}.process-printer i:nth-child(1){width:37px;height:20px;background:#fff;border:1px solid var(--line);border-bottom:0}.process-printer i:nth-child(2){width:72px;height:22px;background:var(--navy);border-radius:5px}.process-printer i:nth-child(3){width:42px;height:8px;background:#fff;border:1px solid var(--line);border-top:0}
.price-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.price-method{background:var(--bg);border:1px solid var(--line);border-radius:15px;padding:20px}.price-method .icon{width:39px;height:39px;border-radius:10px;background:#e4f3ff;color:var(--blue);display:grid;place-items:center;font-weight:900;font-size:19px;margin-bottom:11px}.price-method h3{font-size:15px}.price-method p{font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:6px}
.price-live-builder{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:center;margin-top:25px;background:var(--bg);border:1px solid var(--line);border-radius:17px;padding:25px}
.price-live-fields{display:grid;gap:12px}.price-live-field label{display:block;color:var(--muted);font-size:11px;font-weight:900;margin-bottom:5px}.price-live-field input,.price-live-field textarea{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 12px;font:inherit;font-size:13.5px;background:#fff;outline:none;resize:vertical}.price-live-field input:focus,.price-live-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(15,111,224,.08)}
.price-live-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.price-live-swatches{display:flex;gap:8px}.price-live-swatches .sw{width:27px;height:27px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line);cursor:pointer}.price-live-swatches .sw.sel{box-shadow:0 0 0 2px var(--ink)}
.price-live-preview{text-align:center}.price-live-preview>small{display:block;color:var(--cyan);font-weight:900;margin-bottom:10px}.price-live-preview .tagcard{width:236px;margin:auto}
.price-compare{overflow-x:auto;margin-top:26px}.price-compare table{width:100%;min-width:730px;border-collapse:collapse;font-size:12.5px}.price-compare th,.price-compare td{border:1px solid var(--line);padding:12px;text-align:center;line-height:1.55}.price-compare th{background:#edf3f8;color:#42586d}.price-compare th.ours{background:var(--navy);color:#fff}.price-compare td:first-child{text-align:left;font-weight:900;background:#f8fafc}.price-compare td.ours{background:#edf7ff;color:#075b9a;font-weight:800}.price-compare td.no{color:#93a2b0}.price-compare-caption{margin-top:10px;color:var(--muted);font-size:12.5px}
.price-detail-page .detail-contact{background:linear-gradient(135deg,var(--navy),var(--blue));border:0}.price-detail-page .detail-contact p{color:#d8ebf8}

/* ─── 매물분석 샘플 표시 정리 ─── */
.report-property{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);background:#f8fbfe;border-radius:12px;padding:12px 14px;margin-top:2px}
.report-prop-more{flex:0 0 auto;font-size:12px;font-weight:800;color:var(--blue);white-space:nowrap;padding:7px 12px;border:1px solid #cfe0f5;border-radius:9px;background:#fff;transition:.15s}
.report-prop-more:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.report-property small{display:block;color:var(--blue);font-size:9.5px;font-weight:900;letter-spacing:.09em;margin-bottom:3px}
.report-property strong{display:block;font-size:13.5px;line-height:1.45;color:var(--ink)}
.report-sample-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:7px;color:var(--muted2)}
.report-sample-meta span{display:inline-flex;flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#eaf4ff;color:var(--blue);font-size:8.5px;font-weight:900;letter-spacing:.02em}
.report-sample-meta small{font-size:8.5px;line-height:1.45;text-align:right}

@media(max-width:980px){
  .price-auto-demo{grid-template-columns:1fr}
  .price-main-facts,.price-awards{grid-template-columns:1fr}
  .price-service-row{grid-template-columns:1fr}
  .price-strengths,.price-process-grid{grid-template-columns:repeat(2,1fr)}
  .price-detail-ba{grid-template-columns:1fr;gap:12px}.price-detail-ba .arrow{transform:rotate(90deg);height:30px}
  .price-live-builder{grid-template-columns:1fr}
}
@media(max-width:620px){
  .price-head-action{width:100%;justify-content:center;margin-top:20px}
  .price-auto-demo{padding:23px 17px}.price-auto-stage{min-height:auto;padding:24px 14px}.price-auto-rig{grid-template-columns:1fr;gap:20px;justify-items:center}.price-barcode{width:150px}.price-flow{width:70px;transform:rotate(90deg)}.price-demo-tag{width:226px}
  .price-main-desc{text-align:left;font-size:14px}.price-digital h3{font-size:19px}.price-service{align-items:flex-start;flex-direction:column}
  .price-panel{padding:27px 19px;border-radius:19px}.price-strengths,.price-process-grid,.price-method-grid{grid-template-columns:1fr}.price-after-pair{grid-template-columns:2.2fr 1fr;gap:9px}.price-after-item.narrow .tg-body{font-size:10.5px}.price-live-two{grid-template-columns:1fr}.price-live-builder{padding:18px 14px}.price-detail-page .detail-content{padding-top:24px}
  .report-sample-meta{align-items:flex-start;flex-direction:column}.report-sample-meta small{text-align:left}
}



/* ===== 최종 디자인 정합성 보정 ===== */
/* 섹션 라벨 앞 장식선 제거 */
.eyebrow::before{display:none!important}

/* OPENING AGENT: PC 좌우 카드 높이와 CTA 하단 정렬 */
.opening-grid{align-items:stretch}
.opening-grid>.pane{height:100%;display:flex;flex-direction:column}
.opening-grid>.pane>.pane-body{flex:1;display:flex;flex-direction:column}
.opening-grid>.pane>.pane-body>.opening-cta{margin-top:auto;padding-top:20px}

/* 가격표 상세: 다른 상세 화면과 동일한 밝은 톤으로 통일 */
.price-detail-page{background:linear-gradient(180deg,#f7fbfe,#fff 48%,#f6fafd);color:var(--ink)}
.price-detail-page .detail-hero{
  padding:86px 0 64px;
  background:radial-gradient(720px 390px at 50% 0%,rgba(15,111,224,.11),transparent 72%);
  border-bottom:1px solid rgba(223,233,242,.72)
}
.price-detail-page .detail-hero .eyebrow{justify-content:center;color:var(--blue)}
.price-detail-page .detail-hero h1{font-size:clamp(31px,4.7vw,48px);color:var(--ink);letter-spacing:-1.7px;margin:16px 0 15px}
.price-detail-page .detail-hero p{max-width:720px;color:var(--muted);font-size:16px}
.price-detail-page .detail-actions .primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(10,37,64,.14)}
.price-detail-page .detail-actions .primary:hover{background:var(--blue)}
.price-detail-page .detail-actions .secondary,.vmd-detail-page .detail-actions .secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 22px rgba(12,60,105,.06)}
.price-detail-page .detail-actions .secondary:hover,.vmd-detail-page .detail-actions .secondary:hover{border-color:#b8d3ea;color:var(--blue)}
.price-detail-page .detail-content{padding:72px 0 96px}
.price-detail-page .price-panel{border-radius:22px;padding:38px;box-shadow:0 12px 36px rgba(12,60,105,.06)}
.price-detail-page .price-panel-eye{background:rgba(15,111,224,.08);color:var(--blue);letter-spacing:.03em}
.price-detail-page .price-strength .icon{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  margin-bottom:12px;background:rgba(15,111,224,.08);color:var(--blue);
  font-size:11px;font-weight:900;letter-spacing:.06em
}
.price-detail-page .price-strength.key .icon{background:rgba(255,255,255,.12);color:#65e3c4}
.price-detail-page .price-process-step small{color:var(--blue)}
.price-detail-page .price-method .icon{font-family:inherit}

@media(max-width:980px){
  .opening-grid>.pane{height:auto}
}
@media(max-width:560px){
  .price-detail-page .detail-content{padding:48px 0 76px}
  .price-detail-page .price-panel{padding:26px 20px}
}



/* ===== PC OPENING 비율 및 VMD 메인 배경 보정 ===== */
@media (min-width:981px){
  /* 매물분석 리포트와 개설플래너를 5:5로 배치 */
  .opening-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:20px;
  }

  /* 개설플래너는 글자 크기를 줄이지 않고 여백만 압축 */
  .opening-grid>.pane:nth-child(2) .pane-head{padding:20px 22px 0}
  .opening-grid>.pane:nth-child(2) .pane-body{padding:16px 22px 22px}
  .opening-grid>.pane:nth-child(2) .chips{margin:7px 0 11px!important;gap:5px}
  .opening-grid>.pane:nth-child(2) .chips span{padding:5px 9px}
  .opening-grid>.pane:nth-child(2) .prog-row{margin:4px 0 12px}
  .opening-grid>.pane:nth-child(2) .phases{gap:5px;margin-bottom:13px;flex-wrap:nowrap}
  .opening-grid>.pane:nth-child(2) .phase{min-width:0;padding:8px 3px}
  .opening-grid>.pane:nth-child(2) .chk{padding:10px 12px;margin-bottom:7px;gap:10px}
  .opening-grid>.pane:nth-child(2) .opening-cta{padding-top:13px}
}

/* VMD 메인 소개: 어두운 섹션 배경 제거 */
.vmd.vmd-overview{
  background:#fff;
  color:var(--ink);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.vmd-overview .eyebrow{color:var(--blue)}
.vmd-overview h2.sec-title{color:var(--ink)}
.vmd-overview p.lead{color:var(--muted)}
.vmd-overview .vmd-proof-card{
  background:transparent;
  border:1px solid #4caaff;
  border-radius:14px;
  box-shadow:none;
}
.vmd-overview .vmd-proof-card strong{color:#4b93e8}
.vmd-overview .vmd-proof-card span{color:var(--muted)}
.vmd-overview .vmd-proof-card .pf-main{display:block;font-size:13px;font-weight:800;color:var(--muted);line-height:1.5}
.vmd-overview .vmd-proof-card .pf-sub{display:block;font-size:10.5px;font-weight:600;color:var(--muted2);margin-top:5px;letter-spacing:.01em}
.vmd-overview .vmd-main-btn.primary{
  background:var(--ink);
  border-color:var(--ink);
  color:#fff;
}
.vmd-overview .vmd-main-btn.primary:hover{
  background:var(--blue);
  border-color:var(--blue);
}
.vmd-overview .vmd-research-source{color:var(--muted2)}



/* ===== 가격표 상세 순서·형광펜 범위 보정 ===== */
.price-after-item .tg-body{align-items:center}
.price-after-item .tg-body .tag-line{display:block;width:100%;text-align:center;line-height:1.55}
.price-after-item .tg-body .first,
.price-live-preview .tg-body .first{
  display:inline;
  width:auto;
  align-self:auto;
  padding:1px 4px;
  background:linear-gradient(transparent 44%,var(--hl) 44% 88%,transparent 88%);
  border-radius:0;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}

/* ===== '자세히 보기' 계열 버튼 규격 통일 ===== */
.price-head-action,.vmd-main-btn,.experience-more-btn{
  padding:14px 22px!important;border-radius:12px!important;
  font-size:13.5px!important;font-weight:900!important;gap:10px!important;
  letter-spacing:-.2px}
@media(max-width:620px){
  .price-head-action,.vmd-main-btn,.experience-more-btn{
    width:100%!important;max-width:420px!important;justify-content:center!important}
  .vmd-main-actions,.experience-more{padding:0 2px}
}

/* 인테리어 사진 : 화살표 없이 드래그/스와이프 */
.interior-photo-carousel{cursor:grab;user-select:none;-webkit-user-select:none}
.interior-photo-carousel:active{cursor:grabbing}
.interior-photo-carousel img{-webkit-user-drag:none;user-drag:none;pointer-events:none}
.interior-showcase{margin-top:34px}

/* ===== [리뉴얼 시안] 공통 : 섹션 통합 ===== */
.anchor-alias{display:block;height:0;overflow:hidden;scroll-margin-top:84px}


/* OS × HUMAN SUPPORT — 4개 카드, 카드 안에서 시스템 / 담당자 대비 */
/* 시스템 × 담당자 — 접고 펼치기 */
.osx-toggle{appearance:none;cursor:pointer;width:100%;margin-top:22px;padding:18px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;
  background:#fff;border:1px solid var(--line);border-radius:18px;transition:.2s;
  box-shadow:0 8px 24px rgba(12,60,105,.05)}
.osx-toggle:hover{border-color:#b8d3ea;box-shadow:0 12px 30px rgba(12,60,105,.09)}
.osx-toggle-txt{font-size:14.5px;font-weight:800;color:var(--ink);letter-spacing:-.3px}
.osx-toggle-act{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;color:var(--blue)}
.osx-toggle-act b{font-size:13px;font-weight:900}
.osx-toggle-act i{font-style:normal;font-size:15px;line-height:1;transition:transform .3s}
.osx-toggle[aria-expanded="true"]{border-color:var(--ink);background:var(--ink)}
.osx-toggle[aria-expanded="true"] .osx-toggle-txt{color:#fff}
.osx-toggle[aria-expanded="true"] .osx-toggle-act{color:#7fd2ff}
.osx-toggle[aria-expanded="true"] .osx-toggle-act i{transform:rotate(180deg)}
.osx-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s ease}
.osx-panel.open{grid-template-rows:1fr}
.osx-panel-in{overflow:hidden;min-height:0}
.osx-bridge{margin:44px auto 0;text-align:center;max-width:760px}
.osx-bridge h3{font-size:clamp(21px,2.6vw,29px);font-weight:900;letter-spacing:-1px;margin:12px 0 12px;color:var(--ink)}
.osx-bridge .lead{margin:0 auto}
.osx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:30px 0 4px}
.osx-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px 24px 20px;
  box-shadow:0 10px 30px rgba(12,60,105,.05);transition:.2s;display:flex;flex-direction:column}
.osx-card:hover{border-color:#c4dcf0;box-shadow:0 16px 40px rgba(12,60,105,.09)}
.osx-card-head{display:flex;align-items:baseline;gap:11px;flex-wrap:wrap;
  padding-bottom:16px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.osx-card-head em{font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--blue)}
.osx-card-head b{font-size:17px;font-weight:900;letter-spacing:-.5px;color:var(--ink)}
.osx-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;flex:1}
.osx-col.hum{padding-left:22px;border-left:1px solid var(--line)}
.osx-lb{display:inline-block;margin-bottom:11px;padding:4px 10px;border-radius:999px;
  font-size:10.5px;font-weight:900;letter-spacing:.06em}
.osx-col.sys .osx-lb{background:rgba(15,111,224,.09);color:var(--blue)}
.osx-col.hum .osx-lb{background:rgba(20,160,130,.11);color:#12836c}
.osx-col ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.osx-col li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.55;color:#41566b}
.osx-col li::before{content:"";position:absolute;left:0;top:6.5px;width:5px;height:5px;border-radius:50%}
.osx-col.sys li::before{background:var(--blue)}
.osx-col.hum li::before{background:#2fb99a}
.osx-beta{font-style:normal;display:inline-block;margin-left:5px;padding:1px 6px;border-radius:5px;
  background:rgba(15,111,224,.1);color:var(--blue);font-size:9.5px;font-weight:900;letter-spacing:.06em;vertical-align:1px}
.osx-note{margin-top:16px;font-size:12px;color:var(--muted2);text-align:center}

/* 가맹 회원 혜택 — 별도 섹션 */
.section.benefits{background:radial-gradient(1100px 620px at 50% -12%,#123a63 0%,#0b2444 46%,#0a1f3a 100%)}
.section.benefits .section-head{text-align:center;max-width:800px;margin:0 auto}
.section.benefits .eyebrow{color:#5ea0ff}
.section.benefits .section-head h2.sec-title{color:#fff}
.section.benefits .section-head .lead{color:#b9cbe0}
.section.benefits .lead b{color:#5ea0ff;font-weight:900}
.section.benefits .osx-note{color:#8fa6bd}
.ben-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}
.ben-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:24px 22px 22px;
  box-shadow:0 10px 30px rgba(12,60,105,.05);transition:.2s;display:flex;flex-direction:column}
.ben-card:hover{border-color:#c4dcf0;box-shadow:0 16px 40px rgba(12,60,105,.09)}
.ben-head{padding-bottom:15px;margin-bottom:17px;border-bottom:1px solid var(--line)}
.ben-head em{display:block;font-style:normal;font-size:10px;font-weight:900;letter-spacing:.12em;color:var(--blue);margin-bottom:6px}
.ben-head b{display:block;font-size:16.5px;font-weight:900;letter-spacing:-.5px;color:var(--ink)}
.ben-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}
.bt{font-size:10px;font-weight:900;letter-spacing:.02em;padding:4px 9px;border-radius:999px}
.bt.ph{background:rgba(124,92,214,.11);color:#6544c4}
.bt.st{background:rgba(15,111,224,.09);color:var(--blue)}
.ben-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:13px}
.ben-card li{font-size:12px;line-height:1.5;color:var(--muted2)}
.ben-card li b{display:block;font-size:13px;font-weight:900;color:var(--ink);letter-spacing:-.3px;margin-bottom:3px}
@media(max-width:1080px){.ben-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.ben-grid{grid-template-columns:1fr}}
.exp-meta{font-size:12px;color:var(--muted2);font-weight:700}
@media(max-width:1000px){
  .osx-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .osx-split{grid-template-columns:1fr;gap:18px}
  .osx-col.hum{padding-left:0;padding-top:18px;border-left:0;border-top:1px solid var(--line)}
}


/* ===== [시안 A] 상황 진입형 3-Lane ===== */
/* 선택은 히어로 3카드로만. 별도 선택 바 없음 */
.door.is-lane-sel{border-color:var(--blue);box-shadow:0 14px 38px rgba(15,111,224,.18)}
.door.acc-p.is-lane-sel{border-color:#7c5cd6;box-shadow:0 14px 38px rgba(124,92,214,.18)}
.door.acc-g.is-lane-sel{border-color:#0a9469;box-shadow:0 14px 38px rgba(10,148,105,.18)}
.door.is-lane-sel::after{content:"이 경로를 보고 있습니다 ✓ (다시 누르면 전체)"}
.door::after{content:"이 경로만 모아보기  →";display:block;margin-top:17px;text-align:center;
  padding:13px 16px;border-radius:12px;font-size:13.5px;font-weight:800;letter-spacing:-.2px;color:#fff;
  background:linear-gradient(135deg,#3b86ff,#0f62d8);box-shadow:0 10px 20px rgba(15,98,216,.34);transition:.2s}
.door.acc-g::after{background:linear-gradient(135deg,#1fc98f,#0f9e78);box-shadow:0 10px 20px rgba(15,158,120,.3)}
.door.acc-p::after{background:linear-gradient(135deg,#9a6bff,#6d3fd0);box-shadow:0 10px 20px rgba(109,63,208,.32)}
#opening,#price-tag,#ops,#interior,#vmd,#os,#benefits,#experience,#awards,#contact,#journey,#support{scroll-margin-top:84px}
.door:hover::after{filter:brightness(1.06)}
body.lane-on [data-lane]{display:none}
body.lane-new [data-lane~="new"],
body.lane-takeover [data-lane~="takeover"],
body.lane-ops [data-lane~="ops"]{display:block}
@media(min-width:981px){
  /* 신규·양수는 01~07 그대로, 운영 중만 5칸으로 좁힌다 */
  body.lane-ops .timeline{grid-template-columns:repeat(5,1fr)}
  body.lane-ops .timeline::before{left:9%;right:9%}
}

/* 신규 ↔ 양도·양수 : 단계는 같고 문구만 바뀐다 */
.tstep small.ln-take,.planner-sub .ln-take{display:none}
body.lane-takeover .tstep small.ln-def,body.lane-takeover .planner-sub .ln-def{display:none}
body.lane-takeover .tstep small.ln-take{display:block}
body.lane-takeover .planner-sub .ln-take{display:inline}
.opening .chips span.pc-new,.opening .chips span.pc-take{transition:.18s}
body.lane-new .opening .chips span.pc-new,
body.lane-takeover .opening .chips span.pc-take{background:var(--ink);border-color:var(--ink);color:#fff}
@media(max-width:760px){
  .door::after{font-size:11.5px}
}


/* ===== 여정 01~07 × 시스템 × 담당자 : 밝은 카드로 ===== */
/* 긴 여정표는 PC에서만 (모바일은 아래 카드의 스텝 칩으로 대체) */
.journey-rail{margin-top:6px}
.journey-rail .timeline{margin-top:44px}
@media(max-width:980px){.journey-rail{display:none}}
.tstep small.ln-take{display:none}
body.lane-takeover .tstep small.ln-def{display:none}
body.lane-takeover .tstep small.ln-take{display:block}
.osx-merged{background:linear-gradient(180deg,#f4f8fc,#fff 55%)}
.os-strip{text-align:center;max-width:860px;margin:0 auto}
.os-strip .eyebrow{justify-content:center}
.os-strip h2{font-size:clamp(27px,3.6vw,40px);font-weight:800;letter-spacing:-1.25px;
  line-height:1.2;margin:13px 0 14px;color:var(--ink)}
.os-strip p{font-size:16px;line-height:1.7;color:var(--muted);max-width:820px;margin:0 auto;word-break:keep-all}
.os-strip h2,.osb-tile,.ben-card,.osb-row li{word-break:keep-all}
.os-strip p b{color:var(--ink);font-weight:900}
.os-strip h2 em{color:var(--blue);font-style:normal}
/* ── OS 스테퍼 (시안) ── */
.os-stepper{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:48px auto 0;max-width:1120px;position:relative}
.os-stepper::before{content:"";position:absolute;top:37px;left:7%;right:7%;height:2px;background:linear-gradient(90deg,#bcd3ee,#bfe3d6);z-index:0}
.os-stepper .ostep{display:block;position:relative;text-align:center;padding-top:100px;color:inherit}
.os-stepper .ostep .ostep-ph{position:absolute;top:0;left:50%;transform:translateX(-50%);width:74px;height:74px;border-radius:50%;background:linear-gradient(150deg,#dcebfb,#eff6ff);border:3px solid #fff;box-shadow:0 8px 18px rgba(12,60,105,.16);display:grid;place-items:center;font-weight:900;color:#7d97ba;font-size:31px;line-height:1;overflow:hidden;z-index:1}
.os-stepper .ostep .ostep-ph img{width:100%;height:100%;object-fit:cover}
.os-stepper .ostep .ostep-no{position:absolute;top:58px;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue);font-size:12px;font-weight:900;box-shadow:0 3px 8px rgba(15,111,224,.22)}
.os-stepper .ostep b{display:block;font-size:14.5px;letter-spacing:-.4px;color:var(--ink)}
.os-stepper .ostep small{display:block;font-size:11px;color:var(--muted2);margin-top:5px;line-height:1.45}
.os-stepper .ostep.dim .ostep-no{border-style:dashed;color:var(--muted2);border-color:#b8c8da}
/* ── OS 매트릭스 표 (시안) ── */
.os-matrix{margin:42px auto 0;max-width:1160px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 16px 44px rgba(12,60,105,.08)}
.osm-headrow,.osm-row{display:grid;grid-template-columns:186px 1fr 1fr}
.osm-headrow{background:#f7fafd;border-bottom:1px solid var(--line)}
.osm-headrow .osm-h{padding:16px 22px;font-weight:900;font-size:15px;text-align:center}
.osm-headrow .osm-h.sys{color:var(--blue)}
.osm-headrow .osm-h.hum{color:#0a9469}
.osm-row{border-top:1px solid var(--line)}
.osm-row:first-child{border-top:0}
.osm-label{display:flex;align-items:center;gap:9px;padding:20px;font-weight:800;font-size:14.5px;letter-spacing:-.4px;background:#fbfdff;border-right:1px solid var(--line)}
.osm-label i{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;font-weight:900;font-style:normal}
.osm-cell{padding:18px 22px}
.osm-cell.sys{background:rgba(15,111,224,.035);border-right:1px solid var(--line)}
.osm-cell.hum{background:rgba(10,148,105,.045)}
.osm-cell ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.osm-cell li{position:relative;padding-left:15px;font-size:13.5px;line-height:1.5;color:#3f5568}
.osm-cell.sys li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:var(--blue)}
.osm-cell.hum li::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#0a9469}
/* ── AI Pharmacy OS 배너 ── */
.os-ai{margin:22px auto 0;max-width:1160px;background:#106bf3;border-radius:20px;padding:26px 30px;display:grid;grid-template-columns:minmax(250px,330px) 1fr;gap:26px;align-items:center;box-shadow:0 20px 44px rgba(15,98,216,.32)}
.os-ai-title{display:flex;align-items:center;gap:11px;color:#fff;font-size:23px;font-weight:900}
.os-ai-title i{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.2);font-size:12px;font-style:normal;font-weight:900}
.os-ai-left p{margin-top:12px;color:#dbeafe;font-size:13.5px;line-height:1.65}
.os-ai-left p b{color:#fff}
.os-ai-right{display:flex;flex-direction:column;gap:12px}
.os-ai-tags{display:flex;gap:8px;flex-wrap:wrap;background:#fff;border-radius:12px;padding:13px 18px;justify-content:space-between}
.os-ai-tags span{font-size:13px;font-weight:800;color:#3f5568}
.os-ai-flow{display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(90deg,#106bf3,#2f80f8);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:14px 16px;flex-wrap:wrap}
.os-ai-flow .ai-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,255,255,.25);color:#fff;font-weight:700;font-size:14px;padding:11px 15px}
.os-ai-flow .ai-node{background:#fff;border-radius:9px;padding:7px 13px;font-size:12.5px;font-weight:800;color:#26527f}
.os-ai-flow i{color:#fff;opacity:.7;font-style:normal;font-weight:400}
/* ── 모바일 최적화 (요청 반영) ── */
@media(max-width:600px){
  /* 스크롤 버벅임 해결: backdrop-filter 제거(고정/스티키에서 매 프레임 재합성됨) */
  nav{backdrop-filter:none;background:#fff}
  .mobile-apply{backdrop-filter:none;background:#fff}
  .internal-nav{backdrop-filter:none;background:#fff}
  .desktop-apply{backdrop-filter:none}
  /* 오프닝: 아이콘은 헤더+질문 라인까지만, 설명은 전체폭. 질문 줄 수에 맞춰 판별 크기 */
  .pane-head .head-ico{height:84px;top:12px;right:14px}
  .pane-lead{padding-right:0}
  .pane-lead .pq{padding-right:98px}
  /* 개설플래너: 질문이 1줄이라 아이콘을 더 작게(설명 안 가리게) */
  #openingPlanner .head-ico{height:66px;top:12px;right:14px}
  #openingPlanner .pane-lead .pq{padding-right:80px}
  /* 개설플래너 단계 한 줄 (칩 내부 줄바꿈 방지) */
  .phases{flex-wrap:nowrap;gap:4px}
  .phase{flex:1;min-width:0;padding:8px 2px;font-size:9.5px;white-space:nowrap}
  /* 약장지도 제품칩 한 줄 */
  .drug-chips{flex-wrap:nowrap;gap:6px}
  .dchip{padding:8px 10px;font-size:11.5px;white-space:nowrap}
  /* 재고: 약장지도 → 카드 그리드 간격 축소 */
  .ops-grid{margin-top:26px}
  /* 재고 3카드: 아이콘+제목 한 줄, 시험운영중 배지는 그 아래로 */
  .ops-titlerow{flex-direction:row;align-items:center;gap:11px;margin-bottom:10px}
  .ops-ico{width:40px;height:40px;font-size:17px;flex:0 0 auto}
  .ops-badge{position:static;display:inline-flex;align-self:flex-start;order:-1;margin:0 0 12px}
  /* AI Pharmacy OS 배너 · 플로우 한 줄 */
  .os-ai{padding:20px 16px}
  .os-ai-flow{flex-wrap:nowrap;gap:6px}
  .os-ai-flow .ai-node{padding:7px 8px;font-size:11px;white-space:nowrap}
  .os-ai-flow .ai-badge{padding:8px 11px;font-size:12px}
  .os-ai-tags{gap:4px;padding:11px 12px;justify-content:space-between}
  .os-ai-tags span{font-size:11px}
  /* 검토 매물 주소 한 줄 (글씨 축소) */
  .report-property{gap:8px;padding:11px 12px}
  .report-property strong{font-size:10.5px;white-space:nowrap}
  .report-prop-more{font-size:11px;padding:6px 9px}
  /* 리포트 카드 태그: 모바일에서만 순서 재배치(넓은 태그 위로) → 위 2 + 아래 3, '월세 부담' 윗줄로 */
  #reportDemo .rep{padding:12px}
  #reportDemo .rep-tags{gap:4px}
  #reportDemo .rtag{padding:3px 5px;font-size:10px}
  #reportDemo .rep-tags .rtag:nth-child(1){order:1}
  #reportDemo .rep-tags .rtag:nth-child(4){order:2}
  #reportDemo .rep-tags .rtag:nth-child(2){order:3}
  #reportDemo .rep-tags .rtag:nth-child(3){order:4}
  #reportDemo .rep-tags .rtag:nth-child(5){order:5}
  /* 개설플래너 상단 배지 한 줄(가로 스크롤) */
  .planner-box .chips{flex-wrap:nowrap;overflow-x:auto;gap:6px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .planner-box .chips::-webkit-scrollbar{display:none}
  .planner-box .chips span{white-space:nowrap;flex:0 0 auto;font-size:10.5px;padding:5px 9px}
}
@media(max-width:760px){
  .os-stepper{display:none}
  .osm-headrow{display:none}
  .os-matrix{border:0;box-shadow:none;background:transparent;overflow:visible}
  .osm-row{grid-template-columns:1fr;background:#fff;border:1px solid var(--line);border-radius:16px;margin-bottom:12px;box-shadow:0 10px 26px rgba(12,60,105,.07)}
  .osm-row:first-child{border-top:1px solid var(--line)}
  .osm-label{border-right:0;border-bottom:1px solid var(--line);border-radius:16px 16px 0 0}
  .osm-cell.sys{border-right:0;border-bottom:1px solid var(--line)}
  .osm-cell.sys::before{content:"시스템이 하는 일";display:block;font-size:11px;font-weight:900;color:var(--blue);margin-bottom:9px}
  .osm-cell.hum::before{content:"담당자가 하는 일";display:block;font-size:11px;font-weight:900;color:#0a9469;margin-bottom:9px}
  .os-ai{grid-template-columns:1fr;gap:16px}
}

.osb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:38px}
.osb-tile{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;
  box-shadow:0 10px 30px rgba(12,60,105,.05);transition:.2s;display:flex;flex-direction:column}
.osb-tile:hover{border-color:#c4dcf0;box-shadow:0 16px 40px rgba(12,60,105,.09)}
.osb-tile header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding-bottom:17px;margin-bottom:19px;border-bottom:1px solid var(--line)}
.osb-tile header em{font-style:normal;font-size:10.5px;font-weight:900;letter-spacing:.12em;color:var(--blue)}
.osb-tile header b{font-size:17px;font-weight:900;letter-spacing:-.5px;color:var(--ink)}

/* 여정 스텝 칩 */
.osb-steps{display:flex;flex-wrap:wrap;gap:7px;flex:1 1 100%;margin-bottom:4px}
/* (구 여정 칩 .ostep 스타일 제거 — 새 .os-stepper .ostep 사용) */
.os-stepper .ostep{cursor:default}

.osb-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;flex:1}
.osb-row.hum{padding-left:22px;border-left:1px solid var(--line)}
.osb-row>span{display:inline-block;margin-bottom:11px;padding:4px 10px;border-radius:999px;
  font-size:10.5px;font-weight:900;letter-spacing:.06em}
.osb-row.sys>span{background:rgba(15,111,224,.09);color:var(--blue)}
.osb-row.hum>span{background:rgba(20,160,130,.11);color:#12836c}
.osb-row ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.osb-row li{position:relative;padding-left:14px;font-size:12.5px;line-height:1.55;color:#41566b}
.osb-row li::before{content:"";position:absolute;left:0;top:6.5px;width:5px;height:5px;border-radius:50%}
.osb-row.sys li::before{background:var(--blue)}
.osb-row.hum li::before{background:#2fb99a}

/* 07 · AI 운영 */
.osb-core{margin-top:16px;padding:22px 26px;border-radius:20px;
  background:linear-gradient(135deg,var(--navy),#12508f);
  display:flex;align-items:center;gap:20px;flex-wrap:wrap;
  box-shadow:0 16px 42px rgba(10,37,64,.22)}
.osb-core-step{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;
  padding:7px 15px 7px 7px;border-radius:999px;background:rgba(255,255,255,.16)}
.osb-core-step i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;
  background:#fff;color:#0f6fe0;font-size:11px;font-weight:900}
.osb-core-step b{font-size:13px;font-weight:900;color:#fff}
.osb-core-txt{flex:1 1 320px;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.osb-core-txt b{font-size:16.5px;font-weight:900;color:#fff;flex:0 0 auto}
.osb-core-txt span{font-size:13px;color:#c3ddf2;line-height:1.6}

/* 신규 ↔ 양도·양수 문구 전환 */
.osb-row li.ln-take{display:none}
body.lane-takeover .osb-row li.ln-def{display:none}
body.lane-takeover .osb-row li.ln-take{display:list-item}
@media(max-width:1000px){.osb-grid{grid-template-columns:1fr}}
.vmd-kpi-note{margin:16px auto 0;max-width:880px;font-size:12.5px;line-height:1.75;color:var(--muted2);text-align:center;
  padding:14px 18px;background:#f4f8fc;border:1px solid var(--line);border-radius:14px}
.vmd-kpi-note b{color:var(--ink);font-weight:900}
@media(max-width:560px){
  .osb-split{grid-template-columns:1fr;gap:18px}
  .osb-row.hum{padding-left:0;padding-top:18px;border-left:0;border-top:1px solid var(--line)}
  /* 07 · AI 운영 : 모바일에서 과하게 커 보이던 부분 축소 */
  .osb-core{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;border-radius:16px}
  .osb-core-step{padding:5px 12px 5px 5px}
  .osb-core-step i{width:20px;height:20px;font-size:10px}
  .osb-core-step b{font-size:11.5px}
  .osb-core-txt{flex:0 0 auto;gap:5px;flex-direction:column;align-items:flex-start}
  .osb-core-txt b{font-size:14px}
  .osb-core-txt span{font-size:12px;line-height:1.55}
}