@charset "utf-8";
/* ============================================================
   sub_v2.css — 서브페이지 v2 시안 (2026-10-26). main_v2.css 톤(짙은 남색 + 샴페인 골드)을 서브에 옮긴다.
   - 쓰는 곳: patent/brand/design 의 service-v2.php · overseas-application-v2.php · cost-v2.php (복사본에서만 불러온다)
   - 모든 선택자는 .sv2 아래에만 건다. 원본 css(service·patent_svc·overseas·cost)는 복사본에서 불러오지 않는다.
   - 크기는 px (사이트 rem 기준이 992~1400px 에서 51% 로 바뀌기 때문).
   - 애니메이션은 transform/opacity(선 그리기만 stroke-dashoffset). prefers-reduced-motion 이면 모두 멈춘다.
   절: 1 공통 토큰·틀 / 2 상단 띠(히어로) / 3 히어로 그림 5종 / 4 섹션 공통·등장 / 5 업무분야 / 6 진행절차
       7 요금제 / 8 상담 띠 / 9 해외출원 / 10 비용안내 / 11 태블릿 / 12 폰 / 13 움직임 줄이기
   ============================================================ */

/* ---------- 1. 공통 토큰·틀 ---------- */
.sv2{--pv-deep:#081528; --pv-ink:#0E2240; --pv-navy:#1B3E6F; --pv-gold:#C8A86B; --pv-gold2:#E3CFA2; --pv-goldD:#9A7B3F;
	--pv-ivory:#F7F5F0; --pv-hair:#E6DFD0; --pv-muted:#5B6678; --pv-serif:Georgia,'Times New Roman','Noto Serif KR',serif;
	--pv-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
	color:var(--pv-ink); font-family:'Pretendard',sans-serif; word-break:keep-all;}
.sv2 *{box-sizing:border-box;}
.sv2 .sv2-in{max-width:1240px; margin:0 auto; padding:0 24px; position:relative;}
.sv2 .sv2-mo{display:none;}
.sv2 em{font-style:normal;}
.sv2 ol,.sv2 ul{list-style:none; margin:0; padding:0;}
.sv2 h1,.sv2 h2,.sv2 h3,.sv2 p,.sv2 figure,.sv2 dl,.sv2 dd{margin:0;}

/* ---------- 2. 상단 띠(히어로) ---------- */
.sv2 .sv2-hero{position:relative; overflow:hidden; color:#fff;
	background:radial-gradient(ellipse 55% 85% at 80% 45%,rgba(64,104,160,.42) 0%,transparent 62%),linear-gradient(115deg,var(--pv-deep) 0%,#0D2142 55%,#12305A 100%);}
.sv2 .sv2-hero::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; mix-blend-mode:soft-light; background-image:var(--pv-grain);}
.sv2 .sv2-hero::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent 0%,rgba(200,168,107,.7) 50%,transparent 100%);}
.sv2 .sv2-heroGrid{position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); gap:40px; align-items:center; min-height:460px;}
.sv2 .sv2-heroTxt{padding:70px 0 74px;}
.sv2 .sv2-kicker{display:flex; align-items:center; gap:14px; margin:0 0 22px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:12.5px; line-height:1; letter-spacing:.24em; text-transform:uppercase; color:var(--pv-gold2);}
.sv2 .sv2-kicker::before{content:""; width:40px; height:1px; background:var(--pv-gold);}
.sv2 .sv2-title,.sv2 .sv2-title.gnb_Tit{font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:64px; line-height:1.15; letter-spacing:-.035em; color:#fff; margin:0 0 20px;}
.sv2 .sv2-title em{color:var(--pv-gold2); background:linear-gradient(110deg,#B8955A 0%,#F3E4C0 30%,#C8A86B 50%,#F3E4C0 70%,#B8955A 100%); background-size:220% 100%; background-position:30% 50%; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; animation:sv2Sheen 9s ease-in-out 1.2s infinite;}
@keyframes sv2Sheen{0%,100%{background-position:30% 50%;} 50%{background-position:80% 50%;}}
.sv2 .sv2-lead{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; font-size:24px; line-height:1.45; letter-spacing:-.02em; color:#fff; margin:0 0 12px;}
.sv2 .sv2-sub{font-family:'Pretendard-Light','Pretendard',sans-serif; font-size:17px; line-height:1.75; color:rgba(255,255,255,.72); margin:0 0 34px;}
.sv2 .sv2-btns{display:flex; flex-wrap:wrap; gap:12px;}
.sv2 .sv2-btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:56px; padding:0 30px; border-radius:2px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:16px; letter-spacing:.01em; text-decoration:none; transition:filter .25s,box-shadow .25s,border-color .25s,color .25s;}
.sv2 .sv2-btn svg{width:18px; height:18px; flex:none;}
.sv2 .sv2-btnMain{background:linear-gradient(135deg,var(--pv-gold2),var(--pv-gold)); color:var(--pv-deep); border:0;}
.sv2 .sv2-btnMain:hover{filter:brightness(1.06); box-shadow:0 10px 26px rgba(200,168,107,.3);}
.sv2 .sv2-btnSub{background:transparent; color:#fff; border:1px solid rgba(255,255,255,.4);}
.sv2 .sv2-btnSub:hover{border-color:var(--pv-gold2); color:var(--pv-gold2);}

/* ---------- 3. 히어로 그림(얇은 골드 선) ---------- */
.sv2 .sv2-art{position:relative; align-self:stretch; display:flex; align-items:center; justify-content:center; pointer-events:none;}
.sv2 .sv2-art svg{width:100%; max-width:500px; height:auto; overflow:visible; filter:drop-shadow(0 0 4px rgba(255,222,150,.35));}
.sv2 .sv2-art *{stroke-linecap:round; stroke-linejoin:round;}
.sv2 .sv2-art .a-ln{fill:none; stroke:#F3E4BE; stroke-width:1.5;}
.sv2 .sv2-art .a-thin{fill:none; stroke:rgba(243,228,190,.55); stroke-width:1;}
.sv2 .sv2-art .a-faint{fill:none; stroke:rgba(243,228,190,.16); stroke-width:1;}
.sv2 .sv2-art .a-hid{fill:none; stroke:rgba(243,228,190,.5); stroke-width:1.1; stroke-dasharray:5 5;}
.sv2 .sv2-art .a-axis{fill:none; stroke:rgba(243,228,190,.4); stroke-width:1; stroke-dasharray:14 4 2 4;}
.sv2 .sv2-art .a-fill{fill:rgba(243,228,190,.07); stroke:none;}
.sv2 .sv2-art text{fill:#F3E4BE; font-family:var(--pv-serif); font-size:15px; letter-spacing:.06em;}
.sv2 .sv2-art .a-it{font-style:italic;}
/* 선이 그려진다: pathLength="1" 인 요소에 .dr 를 단다. 시작 시각은 style="--d:.4s" */
.sv2 .sv2-art .dr{stroke-dasharray:1 1; stroke-dashoffset:1; animation:sv2Draw var(--t,1.6s) cubic-bezier(.45,.05,.25,1) var(--d,0s) forwards;}
.sv2 .sv2-art .a-hid.dr,.sv2 .sv2-art .a-axis.dr{stroke-dasharray:none; stroke-dashoffset:0; opacity:0; animation:sv2On 1.2s ease var(--d,0s) forwards;}
.sv2 .sv2-art .fi{opacity:0; animation:sv2On 1s ease var(--d,0s) forwards;}
@keyframes sv2Draw{to{stroke-dashoffset:0;}}
@keyframes sv2On{to{opacity:1;}}
/* 특허: 분해된 뚜껑이 천천히 떠오르고 내려앉는다 */
.sv2 .art-pat .a-float{animation:sv2Float 7s ease-in-out 3.2s infinite;}
@keyframes sv2Float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-7px);}}
.sv2 .art-pat .a-scan{opacity:0; animation:sv2Scan 6s ease-in-out 3.4s infinite;}
@keyframes sv2Scan{0%{transform:translateY(0); opacity:0;} 12%,88%{opacity:.9;} 100%{transform:translateY(220px); opacity:0;}}
/* 상표: 인장 테두리 글자가 아주 느리게 돌고, ® 가 찍히듯 내려앉는다 */
.sv2 .art-brand .a-rot{transform-box:view-box; transform-origin:240px 190px; animation:sv2Rot 90s linear infinite;}
.sv2 .art-brand .a-rotWrap{opacity:0; animation:sv2On 1.4s ease 1.2s forwards;}
@keyframes sv2Rot{to{transform:rotate(360deg);}}
.sv2 .art-brand .a-mark{transform-box:view-box; transform-origin:240px 190px; opacity:0; animation:sv2Stamp 1.1s cubic-bezier(.2,.8,.3,1) 1.7s forwards;}
@keyframes sv2Stamp{from{opacity:0; transform:scale(1.18);} to{opacity:1; transform:none;}}
.sv2 .art-brand .a-ripple{transform-box:view-box; transform-origin:240px 190px; opacity:0; animation:sv2Ripple 6s ease-out 2.4s infinite;}
@keyframes sv2Ripple{0%{opacity:.7; transform:scale(.62);} 45%,100%{opacity:0; transform:scale(1.02);}}
/* 디자인: 곡선을 따라 펜 끝이 움직이고, 끝점에서 은은하게 숨 쉰다 */
.sv2 .art-design .a-pen{offset-path:path("M150 282 C170 150 270 92 344 132 S412 262 330 286"); offset-distance:0%; offset-rotate:0deg; opacity:0; animation:sv2Pen 2.6s cubic-bezier(.45,.05,.25,1) 1.2s forwards, sv2Breath 4s ease-in-out 4s infinite;}
@keyframes sv2Pen{0%{offset-distance:0%; opacity:1;} 100%{offset-distance:100%; opacity:1;}}
@keyframes sv2Breath{0%,100%{opacity:1;} 50%{opacity:.45;}}
/* 디자인(도면 3면): 바닥 회전대 점선이 아주 느리게 흐르고, 그 위로 점 하나가 한 바퀴 돈다(사시도를 360° 살펴보는 느낌) */
.sv2 .art-design .a-turn{fill:none; stroke:rgba(243,228,190,.45); stroke-width:1.1; stroke-dasharray:2 4 16 4; opacity:0; animation:sv2On 1.4s ease 3.4s forwards, sv2Dash 30s linear 3.4s infinite;}
.sv2 .art-design .a-dot{fill:#FFF3D2; offset-path:path("M224.2 307.6A118 59 0 1 0 460.2 307.6A118 59 0 1 0 224.2 307.6"); offset-rotate:0deg; opacity:0; animation:sv2On 1s ease 4s forwards, sv2Orbit 16s linear 4s infinite;}
@keyframes sv2Orbit{from{offset-distance:0%;} to{offset-distance:100%;}}
/* 해외출원: 경선이 돌아가고(가로 크기 변화), 경로선 위로 빛이 흘러간다 */
.sv2 .art-ovr .a-mer{transform-box:view-box; transform-origin:250px 195px; animation:sv2Mer 28s ease-in-out infinite;}
@keyframes sv2Mer{0%{transform:scaleX(1);} 50%{transform:scaleX(-1);} 100%{transform:scaleX(1);}}
.sv2 .art-ovr .a-flow{fill:none; stroke:#FFF3D2; stroke-width:2; stroke-dasharray:.08 .92; stroke-dashoffset:1; opacity:0; animation:sv2Flow 5.5s linear var(--d,3s) infinite;}
@keyframes sv2Flow{0%{stroke-dashoffset:1; opacity:0;} 10%{opacity:1;} 85%{opacity:1;} 100%{stroke-dashoffset:.08; opacity:0;}}
.sv2 .art-ovr .a-orbit{fill:none; stroke:rgba(243,228,190,.42); stroke-width:1.1; stroke-dasharray:2 3 14 3; animation:sv2Dash 18s linear infinite;}
@keyframes sv2Dash{to{stroke-dashoffset:-100;}}
.sv2 .art-ovr .a-ping{transform-box:fill-box; transform-origin:50% 50%; animation:sv2Ping 3.2s ease-out 2s infinite; opacity:0;}
@keyframes sv2Ping{0%{opacity:.8; transform:scale(.4);} 70%,100%{opacity:0; transform:scale(1.6);}}
/* 비용(계산서+그래프, 2026-10-27 대표 「동전은 돈을 너무 직접적으로 나타낸다 — 그래프나 계산」): 계산서 줄이 그려지고 막대가 차례로 자라며, 밝은 줄이 계산서를 천천히 훑는다 */
.sv2 .art-cost .a-scan{opacity:0; animation:sv2Scan2 6.5s ease-in-out 3.4s infinite;}
@keyframes sv2Scan2{0%{transform:translateY(0); opacity:0;} 12%,88%{opacity:.8;} 100%{transform:translateY(196px); opacity:0;}}
.sv2 .art-cost .a-bar{transform-box:fill-box; transform-origin:50% 100%; transform:scaleY(0); animation:sv2Grow 1.1s cubic-bezier(.3,.7,.2,1) var(--d,0s) forwards;}
@keyframes sv2Grow{to{transform:scaleY(1);}}
.sv2 .art-cost .a-ping{opacity:0; transform-box:fill-box; transform-origin:center; animation:sv2Ping 3s ease-out 3.8s infinite;}

/* ---------- 4. 섹션 공통·등장 ---------- */
.sv2 .sv2-sec{position:relative; padding:110px 0 120px; background:#fff;}
.sv2 .sv2-sec.is-ivory{background:var(--pv-ivory); border-top:1px solid var(--pv-hair); border-bottom:1px solid var(--pv-hair);}
.sv2 .sv2-head{display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:48px; padding-bottom:28px; border-bottom:1px solid var(--pv-hair);}
.sv2 .sv2-eyebrow{display:flex; align-items:center; gap:12px; margin-bottom:16px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:12.5px; line-height:1; letter-spacing:.24em; text-transform:uppercase; color:var(--pv-goldD);}
.sv2 .sv2-eyebrow::before{content:""; width:28px; height:1px; background:var(--pv-gold);}
.sv2 .sv2-h2{font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:44px; line-height:1.25; letter-spacing:-.03em; color:var(--pv-ink);}
.sv2 .sv2-h2 em{color:var(--pv-goldD);}
.sv2 .sv2-desc{max-width:520px; font-size:16.5px; line-height:1.7; color:var(--pv-muted);}
.sv2 .sv2-desc strong{color:var(--pv-ink); font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600;}
/* 스크롤 등장: 스크립트가 켜진 경우에만 숨긴다(.sv2-js 는 페이지 맨 앞 스크립트가 html 에 붙인다) */
.sv2-js .sv2 .sv2-rv{opacity:0; transform:translateY(12px); transition:opacity .9s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1); transition-delay:var(--rd,0s);}
.sv2-js .sv2 .sv2-rv.is-in{opacity:1; transform:none;}

/* ---------- 5. 업무분야 ---------- */
.sv2 .sv2-areas{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:1px; background:var(--pv-hair); border:1px solid var(--pv-hair);}
.sv2 .sv2-areas li{position:relative; background:#fff; padding:30px 26px 34px; min-height:200px; transition:background .3s;}
.sv2 .sv2-areas li::before{content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:2px; background:linear-gradient(90deg,var(--pv-gold),var(--pv-gold2)); transform:scaleX(0); transform-origin:left; transition:transform .9s cubic-bezier(.22,.61,.36,1) var(--rd,0s);}
.sv2 .sv2-areas.is-in li::before,.sv2 .sv2-areas li:hover::before{transform:scaleX(1);}
.sv2 .sv2-areas li:hover{background:var(--pv-ivory);}
.sv2 .sv2-areas .sv2-num{display:block; margin-bottom:26px; font-family:var(--pv-serif); font-style:italic; font-size:34px; line-height:1; color:var(--pv-gold);}
.sv2 .sv2-areas p{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; font-size:17px; line-height:1.6; letter-spacing:-.01em; color:var(--pv-ink);}
.sv2 .sv2-photo{position:relative; margin-top:56px; aspect-ratio:1360/320; overflow:hidden; border-radius:3px; background:var(--pv-deep);}
.sv2 .sv2-photo img{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.8); transform:scale(1.04); transition:transform 1.6s cubic-bezier(.22,.61,.36,1);}
.sv2 .sv2-photo.is-in img{transform:none;}
.sv2 .sv2-photo::before{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(8,21,40,.55) 0%,rgba(8,21,40,.12) 55%,rgba(8,21,40,.35) 100%);}
.sv2 .sv2-photo::after{content:""; position:absolute; inset:12px; z-index:2; border:1px solid rgba(227,207,162,.5); pointer-events:none;}

/* ---------- 6. 진행절차 ---------- */
.sv2 .sv2-head.is-center{display:block; text-align:center;}
.sv2 .sv2-head.is-center .sv2-eyebrow{justify-content:center;}
.sv2 .sv2-head.is-center .sv2-eyebrow::after{content:""; width:28px; height:1px; background:var(--pv-gold);}
.sv2 .sv2-head.is-center .sv2-desc{max-width:none; margin-top:12px;}
.sv2 .sv2-flow{display:flex; align-items:stretch;}
.sv2 .sv2-phase{flex:2 1 0; min-width:0; position:relative; display:flex; flex-direction:column;}
.sv2 .sv2-phase.n3{flex-grow:3;}
.sv2 .sv2-phase.n2{flex-grow:2;}
.sv2 .sv2-phaseHead{position:relative; margin:0 14px 40px; padding-top:16px; border-top:1px solid var(--pv-gold); display:flex; align-items:baseline; gap:12px;}
.sv2 .sv2-phaseHead::before,.sv2 .sv2-phaseHead::after{content:""; position:absolute; top:-1px; width:1px; height:8px; background:var(--pv-gold);}
.sv2 .sv2-phaseHead::before{left:0;}
.sv2 .sv2-phaseHead::after{right:0;}
.sv2 .sv2-phaseHead em{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:12px; letter-spacing:.2em; color:var(--pv-goldD);}
.sv2 .sv2-phaseHead strong{font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:21px; letter-spacing:-.02em; color:var(--pv-ink);}
.sv2 .sv2-steps{display:grid; grid-auto-columns:minmax(0,1fr); grid-auto-flow:column;}
.sv2 .sv2-steps li{position:relative; text-align:center; padding:0 10px;}
.sv2 .sv2-steps .sv2-no{display:block; height:34px; font-family:var(--pv-serif); font-style:italic; font-size:30px; line-height:1; color:var(--pv-gold);}
/* 연결선: 각 단계가 자기 몫의 선을 긋는다(첫 단계는 가운데부터, 마지막은 가운데까지) */
.sv2 .sv2-steps li::before{content:""; position:absolute; left:0; right:0; top:62px; height:1px; background:linear-gradient(90deg,rgba(200,168,107,.55),rgba(200,168,107,.85)); transform:scaleX(0); transform-origin:left; transition:transform .7s linear var(--ld,0s);}
.sv2 .sv2-flow.is-in .sv2-steps li::before{transform:scaleX(1);}
.sv2 .sv2-phase:first-child .sv2-steps li:first-child::before{left:50%;}
.sv2 .sv2-phase:last-child .sv2-steps li:last-child::before{right:50%;}
.sv2 .sv2-node{position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:56px; height:56px; margin:0 auto; border-radius:50%; background:#fff; border:1px solid var(--pv-gold); color:var(--pv-navy); box-shadow:0 0 0 6px var(--pv-ivory); transform:scale(.7); opacity:0; transition:transform .6s cubic-bezier(.2,.8,.3,1) var(--ld,0s),opacity .6s ease var(--ld,0s);}
.sv2 .sv2-flow.is-in .sv2-node{transform:none; opacity:1;}
.sv2 .sv2-node svg{width:22px; height:22px;}
.sv2 .sv2-stepLast .sv2-node{background:var(--pv-deep); border-color:var(--pv-deep); color:var(--pv-gold2);}
.sv2 .sv2-steps h3{margin:20px 0 8px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:18px; letter-spacing:-.02em; color:var(--pv-ink);}
.sv2 .sv2-steps p{font-size:14.5px; line-height:1.6; color:var(--pv-muted);}
.sv2 .sv2-badge{display:inline-block; margin-top:12px; padding:5px 10px; border:1px solid rgba(200,168,107,.7); border-radius:2px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:12.5px; line-height:1.2; letter-spacing:.02em; color:var(--pv-goldD); background:#fff;}
.sv2 .sv2-badge.is-ok{background:var(--pv-deep); border-color:var(--pv-deep); color:var(--pv-gold2);}
.sv2 .sv2-loop{display:flex; align-items:center; justify-content:center; gap:8px; margin:22px 14px 0; padding:10px 12px; border:1px dashed rgba(200,168,107,.7); border-radius:2px; font-size:13.5px; color:var(--pv-muted);}
.sv2 .sv2-loop::before{content:""; width:16px; height:16px; flex:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239A7B3F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5'/%3E%3C/svg%3E") no-repeat center/contain;}
.sv2 .sv2-track{display:grid; grid-auto-columns:minmax(0,1fr); grid-auto-flow:column; margin-top:auto; padding-top:26px;}
.sv2 .sv2-track > span{min-height:1px;}
.sv2 .sv2-bar{margin:0 14px; padding-top:12px; border-top:2px solid var(--pv-gold); font-size:13.5px; line-height:1.4; color:var(--pv-muted);}
.sv2 .sv2-bar b{display:block; margin-bottom:2px; font-family:var(--pv-serif); font-weight:normal; font-size:19px; color:var(--pv-ink);}
.sv2 .sv2-bar.is-long{grid-column:1 / -1;}
.sv2 .sv2-bar.is-span2{grid-column:span 2;}
.sv2 .sv2-flag{margin:0 14px; padding-top:12px; border-top:2px solid var(--pv-deep); font-size:13.5px;}
.sv2 .sv2-flag b{font-family:'Pretendard-Bold','Pretendard',sans-serif; color:var(--pv-ink);}
.sv2 .sv2-after{display:flex; align-items:center; gap:20px; margin-top:56px; padding:24px 28px; background:#fff; border:1px solid var(--pv-hair); border-left:2px solid var(--pv-gold); border-radius:2px;}
.sv2 .sv2-afterIcon{flex:none; display:flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:50%; background:var(--pv-deep); color:var(--pv-gold2);}
.sv2 .sv2-afterIcon svg{width:22px; height:22px;}
.sv2 .sv2-after p{font-size:15.5px; line-height:1.6; color:var(--pv-muted);}
.sv2 .sv2-after strong{margin-right:12px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:17px; color:var(--pv-ink);}

/* ---------- 7. 요금제 ---------- */
.sv2 .sv2-info{display:flex; align-items:center; gap:10px; font-size:15.5px; line-height:1.6; color:var(--pv-muted);}
.sv2 .sv2-info svg{width:18px; height:18px; flex:none; color:var(--pv-gold);}
.sv2 .sv2-plans{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; align-items:stretch;}
.sv2 .sv2-plans.is-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sv2 .sv2-plans.is-3 .sv2-planHead{min-height:106px;} /* 세 장일 때 제목이 두 줄로 접혀도 가격 줄을 맞춘다 */
.sv2 .sv2-plan{position:relative; display:flex; flex-direction:column; background:#fff; border:1px solid var(--pv-hair); border-radius:3px; overflow:hidden; transition:box-shadow .35s,transform .35s,border-color .35s;}
.sv2 .sv2-plan:hover{border-color:#D6C79F; box-shadow:0 22px 48px rgba(8,21,40,.10); transform:translateY(-4px);}
.sv2 .sv2-planHead{padding:34px 34px 0; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:19px; line-height:1.45; letter-spacing:-.01em; color:var(--pv-ink);}
.sv2 .sv2-planHead::before{content:""; display:block; width:28px; height:1px; margin-bottom:16px; background:var(--pv-gold);}
.sv2 .sv2-price{display:flex; align-items:baseline; flex-wrap:wrap; gap:4px 8px; padding:14px 34px 28px; border-bottom:1px solid var(--pv-hair); font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:18px; color:var(--pv-ink);}
.sv2 .sv2-price strong{font-family:var(--pv-serif); font-weight:normal; font-size:68px; line-height:1; letter-spacing:-.02em; color:var(--pv-ink);}
.sv2 .sv2-price small{font-family:'Pretendard',sans-serif; font-size:13.5px; color:var(--pv-muted);}
.sv2 .sv2-price .svc-from{font-family:var(--pv-serif); font-size:30px; line-height:1; color:var(--pv-gold);}
.sv2 .sv2-planList{padding:26px 34px 22px;}
.sv2 .sv2-planList > li{display:flex; gap:12px; margin-bottom:10px; font-size:15px; line-height:1.6; color:#3A4254;}
.sv2 .sv2-planList .svc-num{flex:none; min-width:24px; font-family:var(--pv-serif); font-style:italic; font-size:15px; color:var(--pv-goldD);}
.sv2 .sv2-planList b{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; color:var(--pv-ink);}
.sv2 .sv2-planList .svc-planNeed{display:block; margin:16px 0 10px; padding:16px 18px; background:var(--pv-ivory); border-left:2px solid var(--pv-gold); border-radius:2px;}
.sv2 .sv2-planList .svc-planNeed strong{display:block; margin-bottom:6px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-size:14.5px; color:var(--pv-ink);}
.sv2 .sv2-planList .svc-planNeed p{font-size:14px; line-height:1.7; color:var(--pv-muted);}
.sv2 .sv2-planList .svc-planNote{display:block; margin-top:12px; font-size:14px; color:var(--pv-goldD);}
.sv2 .sv2-planCond{margin:auto 34px 0; padding:18px 0 20px; border-top:1px dashed var(--pv-hair); text-align:center; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:15px; color:var(--pv-ink);}
.sv2 .sv2-planBtn{display:flex; align-items:center; justify-content:space-between; gap:12px; height:62px; padding:0 30px; background:var(--pv-deep); color:var(--pv-gold2); text-decoration:none; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:16px; letter-spacing:.01em; transition:background .3s,color .3s;}
.sv2 .sv2-planBtn svg{width:20px; height:20px; flex:none; transition:transform .3s;}
.sv2 .sv2-planBtn:hover{background:var(--pv-navy); color:#fff;}
.sv2 .sv2-planBtn:hover svg{transform:translateX(4px);}
/* 추천안: 남색 바탕 + 골드 */
.sv2 .sv2-plan.is-pick{border-color:transparent; color:#fff; background:radial-gradient(ellipse 70% 50% at 85% 0%,rgba(64,104,160,.38) 0%,transparent 70%),linear-gradient(160deg,var(--pv-deep) 0%,#0D2142 60%,#12305A 100%);}
.sv2 .sv2-plan.is-pick::before{content:""; position:absolute; inset:8px; border:1px solid rgba(200,168,107,.35); pointer-events:none; border-radius:2px;}
.sv2 .sv2-plan.is-pick .sv2-planHead{color:var(--pv-gold2);}
.sv2 .sv2-plan.is-pick .sv2-price{color:#fff; border-bottom-color:rgba(255,255,255,.14);}
.sv2 .sv2-plan.is-pick .sv2-price strong{color:var(--pv-gold2); background:linear-gradient(180deg,#F3E4C0 0%,#C8A86B 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent;}
.sv2 .sv2-plan.is-pick .sv2-price small{color:rgba(255,255,255,.6);}
.sv2 .sv2-plan.is-pick .sv2-planList > li{color:rgba(255,255,255,.82);}
.sv2 .sv2-plan.is-pick .sv2-planList .svc-num{color:var(--pv-gold);}
.sv2 .sv2-plan.is-pick .sv2-planList b{color:#fff;}
.sv2 .sv2-plan.is-pick .svc-planNeed{background:rgba(255,255,255,.05);}
.sv2 .sv2-plan.is-pick .svc-planNeed strong{color:var(--pv-gold2);}
.sv2 .sv2-plan.is-pick .svc-planNeed p{color:rgba(255,255,255,.72);}
.sv2 .sv2-plan.is-pick .svc-planNote{color:var(--pv-gold2);}
.sv2 .sv2-plan.is-pick .sv2-planCond{color:#fff; border-top-color:rgba(255,255,255,.18);}
.sv2 .sv2-plan.is-pick .sv2-planBtn{position:relative; background:linear-gradient(135deg,var(--pv-gold2),var(--pv-gold)); color:var(--pv-deep);}
.sv2 .sv2-plan.is-pick .sv2-planBtn:hover{filter:brightness(1.06);}
.sv2 .sv2-notes{margin-top:36px; padding-top:26px; border-top:1px solid var(--pv-hair);}
.sv2 .sv2-notes li{position:relative; padding-left:24px; margin-bottom:9px; font-size:14.5px; line-height:1.7; color:var(--pv-muted);}
.sv2 .sv2-notes li::before{content:""; position:absolute; left:0; top:12px; width:12px; height:1px; background:var(--pv-gold);}

/* ---------- 8. 상담 띠(메인 pv-cta 와 같은 짙은 남색 + 골드 안쪽 테) ---------- */
.sv2 .sv2-cta{position:relative; margin-top:64px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:40px 46px; border-radius:3px; overflow:hidden;
	background:radial-gradient(ellipse 50% 120% at 85% 50%,rgba(64,104,160,.35) 0%,transparent 70%),linear-gradient(115deg,var(--pv-deep) 0%,#0D2142 60%,#12305A 100%);}
.sv2 .sv2-cta::before{content:""; position:absolute; inset:8px; border:1px solid rgba(200,168,107,.35); pointer-events:none;}
.sv2 .sv2-cta p{position:relative; font-size:16.5px; line-height:1.6; color:rgba(255,255,255,.72);}
.sv2 .sv2-cta strong{display:block; margin-bottom:6px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:25px; letter-spacing:-.01em; color:#fff;}
.sv2 .sv2-cta a{position:relative; flex:none; display:inline-flex; align-items:center; gap:10px; height:54px; padding:0 30px; background:linear-gradient(135deg,var(--pv-gold2),var(--pv-gold)); color:var(--pv-deep); border-radius:2px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-size:16px; text-decoration:none; transition:filter .25s,box-shadow .25s;}
.sv2 .sv2-cta a::after{content:"→";}
.sv2 .sv2-cta a:hover{filter:brightness(1.06); box-shadow:0 10px 26px rgba(200,168,107,.3);}

/* ---------- 9. 해외출원 ---------- */
.sv2 .sv2-feat{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px;}
.sv2 .sv2-feat li{position:relative; overflow:hidden; border-radius:3px; background:var(--pv-deep);}
.sv2 .sv2-feat figure{aspect-ratio:4/5; overflow:hidden;}
.sv2 .sv2-feat img{width:100%; height:100%; object-fit:cover; display:block; filter:saturate(.8); transition:transform .9s cubic-bezier(.22,.61,.36,1),filter .4s;}
.sv2 .sv2-feat li:hover img{transform:scale(1.05); filter:saturate(1);}
.sv2 .sv2-feat li::before{content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg,rgba(8,21,40,.15) 0%,rgba(8,21,40,0) 35%,rgba(8,21,40,.82) 100%); pointer-events:none;}
.sv2 .sv2-feat li::after{content:""; position:absolute; inset:10px; z-index:2; border:1px solid rgba(227,207,162,.35); pointer-events:none; transition:border-color .4s;}
.sv2 .sv2-feat li:hover::after{border-color:rgba(227,207,162,.7);}
.sv2 .sv2-feat .sv2-num{position:absolute; z-index:3; left:28px; top:26px; font-family:var(--pv-serif); font-style:italic; font-size:30px; line-height:1; color:var(--pv-gold2);}
.sv2 .sv2-feat h3{position:absolute; z-index:3; left:28px; right:24px; bottom:28px; padding-top:14px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:21px; line-height:1.4; letter-spacing:-.02em; color:#fff;}
.sv2 .sv2-feat h3::before{content:""; position:absolute; left:0; top:0; width:28px; height:1px; background:var(--pv-gold);}
.sv2 .sv2-dark{position:relative; overflow:hidden; padding:110px 0 120px; color:#fff;
	background:radial-gradient(ellipse 45% 70% at 15% 40%,rgba(64,104,160,.32) 0%,transparent 70%),linear-gradient(115deg,var(--pv-deep) 0%,#0D2142 60%,#12305A 100%);}
.sv2 .sv2-dark::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:.2; mix-blend-mode:soft-light; background-image:var(--pv-grain);}
.sv2 .sv2-dark .sv2-eyebrow{color:var(--pv-gold);}
.sv2 .sv2-dark .sv2-h2{color:#fff;}
.sv2 .sv2-avail{position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:72px; align-items:start;}
.sv2 .sv2-availCta{position:relative; margin-top:44px; padding:32px 34px 34px; border:1px solid rgba(200,168,107,.4); border-radius:2px; background:rgba(255,255,255,.03);}
.sv2 .sv2-availCta h3{font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:21px; letter-spacing:-.02em; color:#fff; margin-bottom:10px;}
.sv2 .sv2-availCta p{font-size:15.5px; line-height:1.7; color:rgba(255,255,255,.72); margin-bottom:24px;}
.sv2 .sv2-availCta a{display:inline-flex; align-items:center; gap:10px; height:54px; padding:0 28px; background:linear-gradient(135deg,var(--pv-gold2),var(--pv-gold)); color:var(--pv-deep); border-radius:2px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-size:16px; text-decoration:none; transition:filter .25s,box-shadow .25s;}
.sv2 .sv2-availCta a svg{width:18px; height:18px;}
.sv2 .sv2-availCta a:hover{filter:brightness(1.06); box-shadow:0 10px 26px rgba(200,168,107,.3);}
.sv2 .sv2-availList{border-top:1px solid rgba(200,168,107,.45);}
.sv2 .sv2-availList li{position:relative; display:flex; align-items:baseline; gap:28px; padding:26px 4px; border-bottom:1px solid rgba(255,255,255,.12);}
.sv2 .sv2-availList li::after{content:""; position:absolute; left:0; bottom:-1px; height:1px; width:100%; background:linear-gradient(90deg,var(--pv-gold),transparent); transform:scaleX(0); transform-origin:left; transition:transform 1s cubic-bezier(.22,.61,.36,1) var(--rd,0s);}
.sv2 .sv2-availList.is-in li::after{transform:scaleX(1);}
.sv2 .sv2-availList em{width:48px; flex:none; font-family:var(--pv-serif); font-style:italic; font-size:24px; color:var(--pv-gold);}
.sv2 .sv2-availList span{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; font-size:28px; letter-spacing:-.02em; color:#fff;}
/* 해외출원 추가: 대륙 영문 이름(장식) · 어두운 띠 배경 경위선 원 · 왜 하앤유 제목의 골드 세리프 강조 */
.sv2 .sv2-availList i{margin-left:auto; font-family:var(--pv-serif); font-style:italic; font-size:15px; letter-spacing:.06em; color:rgba(227,207,162,.55);}
.sv2 .sv2-darkGlobe{position:absolute; right:-120px; top:50%; width:620px; height:620px; margin-top:-310px; stroke:rgba(227,207,162,.12); stroke-width:1; pointer-events:none; animation:sv2Rot 160s linear infinite;}
.sv2 .sv2-why .sv2-h2 em{font-family:var(--pv-serif); font-style:italic; font-weight:normal; color:var(--pv-goldD);}

/* ---------- 10. 비용안내 ---------- */
.sv2 .sv2-cost{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px;}
.sv2 .sv2-cost > li{display:flex; flex-direction:column; background:#fff; border:1px solid var(--pv-hair); border-radius:3px; padding:34px 36px 30px;}
.sv2 .sv2-cost > li.is-wide{grid-column:1 / -1;}
.sv2 .sv2-cHead{display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:24px;}
.sv2 .sv2-cHead > div{display:flex; align-items:baseline; gap:16px;}
.sv2 .sv2-cHead .sv2-no{font-family:var(--pv-serif); font-style:italic; font-size:28px; line-height:1; color:var(--pv-gold);}
.sv2 .sv2-cHead h2{font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:28px; letter-spacing:-.03em; color:var(--pv-ink);}
.sv2 .sv2-cApply{display:inline-flex; align-items:center; gap:8px; padding-bottom:4px; border-bottom:1px solid var(--pv-gold); font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:15px; color:var(--pv-ink); text-decoration:none; transition:color .25s,gap .25s;}
.sv2 .sv2-cApply svg{width:16px; height:16px; color:var(--pv-goldD);}
.sv2 .sv2-cApply:hover{color:var(--pv-goldD); gap:12px;}
.sv2 .sv2-cPlans{display:grid; grid-template-columns:minmax(0,1fr); gap:16px;}
.sv2 .sv2-cPlans.c2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sv2 .sv2-cPlans.c3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sv2 .sv2-cPlan{position:relative; display:flex; flex-direction:column; padding:24px 26px 22px; border:1px solid var(--pv-hair); border-radius:2px; background:var(--pv-ivory);}
.sv2 .sv2-cPlan h3{font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:18px; letter-spacing:-.02em; color:var(--pv-ink);}
.sv2 .sv2-cPlan h3 small{font-family:'Pretendard',sans-serif; font-size:14px; font-weight:400; color:var(--pv-muted);}
.sv2 .sv2-cPlan .cst-badge{display:inline-block; margin-top:8px; padding:4px 9px; border:1px solid rgba(200,168,107,.7); border-radius:2px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:12.5px; color:var(--pv-goldD);}
.sv2 .sv2-cPrice{margin-top:auto; padding-top:18px;}
.sv2 .sv2-cPrice > div{display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:12px 0; border-top:1px solid var(--pv-hair);}
.sv2 .sv2-cPrice dt{font-size:13.5px; letter-spacing:.04em; color:var(--pv-muted);}
.sv2 .sv2-cPrice dd{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:16px; color:var(--pv-ink); white-space:nowrap;}
.sv2 .sv2-cPrice strong{font-family:var(--pv-serif); font-weight:normal; font-size:44px; line-height:1; letter-spacing:-.02em; margin-right:4px; font-variant-numeric:tabular-nums;}
.sv2 .sv2-cPrice .cst-from{font-family:var(--pv-serif); font-size:22px; color:var(--pv-gold); margin-left:4px;}
.sv2 .sv2-cPrice .cst-none{font-family:'Pretendard-Medium','Pretendard',sans-serif; font-size:17px; color:var(--pv-muted);}
.sv2 .sv2-cPlan.is-pick{border-color:transparent; color:#fff; background:radial-gradient(ellipse 70% 60% at 90% 0%,rgba(64,104,160,.38) 0%,transparent 70%),linear-gradient(160deg,var(--pv-deep) 0%,#0D2142 60%,#12305A 100%);}
.sv2 .sv2-cPlan.is-pick::before{content:""; position:absolute; inset:6px; border:1px solid rgba(200,168,107,.35); pointer-events:none;}
.sv2 .sv2-cPlan.is-pick h3{color:var(--pv-gold2);}
.sv2 .sv2-cPlan.is-pick h3 small{color:rgba(255,255,255,.6);}
.sv2 .sv2-cPlan.is-pick .cst-badge{color:var(--pv-gold2); border-color:rgba(200,168,107,.6);}
.sv2 .sv2-cPlan.is-pick .sv2-cPrice > div{border-top-color:rgba(255,255,255,.14);}
.sv2 .sv2-cPlan.is-pick dt{color:rgba(255,255,255,.6);}
.sv2 .sv2-cPlan.is-pick dd{color:#fff;}
.sv2 .sv2-cPlan.is-pick strong{color:var(--pv-gold2);}
.sv2 .sv2-cPlan.is-pick .cst-none{color:rgba(255,255,255,.7);}
.sv2 .sv2-cost .sv2-notes{margin-top:22px; padding-top:18px;}
.sv2 .sv2-cost .sv2-notes li{font-size:14px; margin-bottom:6px;}
/* 비용안내 추가: 분야 바로가기 띠 · 넓은 카드는 머리(왼쪽)와 요금(오른쪽) 두 단 · 카드 윗줄 골드 */
.sv2 .sv2-jump{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-bottom:40px; border-top:1px solid var(--pv-gold); border-bottom:1px solid var(--pv-hair);}
.sv2 .sv2-jump a{display:flex; align-items:center; gap:14px; padding:22px 22px; text-decoration:none; color:var(--pv-ink); transition:background .3s,color .3s;}
.sv2 .sv2-jump a + a{border-left:1px solid var(--pv-hair);}
.sv2 .sv2-jump em{font-family:var(--pv-serif); font-style:italic; font-size:24px; line-height:1; color:var(--pv-gold);}
.sv2 .sv2-jump span{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; font-size:17px; letter-spacing:-.01em;}
.sv2 .sv2-jump svg{width:16px; height:16px; margin-left:auto; color:var(--pv-goldD); transition:transform .3s;}
.sv2 .sv2-jump a:hover{background:#fff;}
.sv2 .sv2-jump a:hover svg{transform:translateY(3px);}
.sv2 .sv2-cost > li{position:relative; scroll-margin-top:110px;}
.sv2 .sv2-cost > li::before{content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:2px; background:linear-gradient(90deg,var(--pv-gold),var(--pv-gold2)); transform:scaleX(0); transform-origin:left; transition:transform 1s cubic-bezier(.22,.61,.36,1) .2s;}
.sv2 .sv2-cost > li.is-in::before{transform:scaleX(1);}
.sv2 .sv2-cost > li.is-wide{display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); grid-template-rows:auto 1fr; column-gap:44px;}
.sv2 .sv2-cost > li.is-wide .sv2-cHead{grid-column:1; grid-row:1; flex-direction:column; align-items:flex-start; gap:18px; margin:0;}
.sv2 .sv2-cost > li.is-wide .sv2-cPlans{grid-column:2; grid-row:1 / span 2;}
.sv2 .sv2-cost > li.is-wide .sv2-notes{grid-column:1; grid-row:2; align-self:end; margin-top:22px;}

/* ---------- 11. 태블릿 ---------- */
@media (max-width:1200px){
	.sv2 .sv2-title,.sv2 .sv2-title.gnb_Tit{font-size:54px;}
	.sv2 .sv2-h2{font-size:38px;}
	/* 업무분야 5칸: 위 3칸 + 아래 2칸(6칸 격자)으로 빈칸 없이 */
	.sv2 .sv2-areas{grid-template-columns:repeat(6,minmax(0,1fr));}
	.sv2 .sv2-areas li{grid-column:span 2; min-height:0;}
	.sv2 .sv2-areas li:nth-child(n+4){grid-column:span 3;}
	.sv2 .sv2-steps h3{font-size:16.5px;}
	.sv2 .sv2-steps p{font-size:13.5px;}
	.sv2 .sv2-steps li{padding:0 6px;}
	.sv2 .sv2-price strong{font-size:58px;}
	.sv2 .sv2-planHead,.sv2 .sv2-planList{padding-left:28px; padding-right:28px;}
	.sv2 .sv2-price{padding-left:28px; padding-right:28px;}
	.sv2 .sv2-planCond{margin-left:28px; margin-right:28px;}
	.sv2 .sv2-avail{gap:48px;}
	.sv2 .sv2-cPrice strong{font-size:38px;}
	/* 비용: 넓은 카드의 두 단은 1201px 이상에서만(1024 에서 세 요금 칸이 좁아 숫자가 넘쳤다) */
	.sv2 .sv2-cost > li.is-wide{display:flex;}
	.sv2 .sv2-cost > li.is-wide .sv2-cHead{flex-direction:row; align-items:center; margin-bottom:24px;}
	.sv2 .sv2-cost > li.is-wide .sv2-notes{align-self:stretch;}
}
@media (max-width:1023px){
	.sv2 .sv2-heroGrid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:20px; min-height:400px;}
	.sv2 .sv2-title,.sv2 .sv2-title.gnb_Tit{font-size:46px;}
	.sv2 .sv2-lead{font-size:21px;}
	.sv2 .sv2-head{display:block;}
	.sv2 .sv2-head .sv2-desc,.sv2 .sv2-head .sv2-info{margin-top:14px;}
	/* 진행절차: 단계 7~8개가 한 줄에 좁으므로 단계(STEP) 단위로 세로로 쌓고, 단계 안은 가로 */
	.sv2 .sv2-flow{flex-direction:column; gap:44px;}
	.sv2 .sv2-phase{flex:none;}
	.sv2 .sv2-phaseHead{margin-bottom:30px;}
	.sv2 .sv2-steps li::before{left:0 !important; right:0 !important;}
	.sv2 .sv2-steps li:first-child::before{left:50% !important;}
	.sv2 .sv2-steps li:last-child::before{right:50% !important;}
	.sv2 .sv2-track{padding-top:20px;}
	.sv2 .sv2-plans.is-3{grid-template-columns:minmax(0,1fr);}
	.sv2 .sv2-plans.is-3 .sv2-planHead{min-height:0;}
	.sv2 .sv2-feat{grid-template-columns:repeat(2,minmax(0,1fr));}
	.sv2 .sv2-feat figure{aspect-ratio:16/11;}
	.sv2 .sv2-avail{grid-template-columns:minmax(0,1fr); gap:40px;}
	.sv2 .sv2-cPlans.c3{grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}
	.sv2 .sv2-cPlan{padding:20px 18px 18px;}
	.sv2 .sv2-cPrice strong{font-size:34px;}
}

/* ---------- 12. 폰: 제목·핵심 문장·상담 단추가 첫 화면에, 가로 넘침 없이 ---------- */
@media (max-width:767px){
	.sv2 .sv2-pc{display:none !important;}
	.sv2 .sv2-mo{display:block;}
	.sv2 br.sv2-pcBr{display:none;}
	.sv2 .sv2-in{padding:0 18px;}
	.sv2 .sv2-heroGrid{display:block; min-height:0;}
	.sv2 .sv2-heroTxt{position:relative; z-index:1; padding:34px 0 30px;}
	.sv2 .sv2-kicker{font-size:11px; gap:10px; margin-bottom:14px; letter-spacing:.2em;}
	.sv2 .sv2-kicker::before{width:24px;}
	.sv2 .sv2-title,.sv2 .sv2-title.gnb_Tit{font-size:40px; line-height:1.15; margin-bottom:12px;}
	.sv2 .sv2-lead{font-size:18px; margin-bottom:8px;}
	.sv2 .sv2-sub{font-size:14.5px; line-height:1.65; margin-bottom:22px; color:rgba(255,255,255,.7);}
	.sv2 .sv2-btns{display:grid; grid-template-columns:1.2fr 1fr; gap:8px;}
	.sv2 .sv2-btn{height:52px; padding:0 10px; font-size:15px;}
	.sv2 .sv2-btn svg{width:16px; height:16px;}
	/* 폰: 그림을 흐리게 숨기지 않고 설명과 단추 사이에 PC 와 같은 선명도로 둔다 (대표 「모바일은 선만 약하게 보인다」 지적) */
	.sv2 .sv2-heroGrid{display:flex; flex-direction:column; align-items:stretch;} /* PC 격자의 align-items:center 가 남으면 제목·단추만 가운데로 몰린다 */
	.sv2 .sv2-heroTxt{display:contents;}
	.sv2 .sv2-kicker{order:1; margin-top:34px;}
	.sv2 .sv2-title{order:2;}
	.sv2 .sv2-lead{order:3;}
	.sv2 .sv2-sub{order:4; margin-bottom:6px;}
	.sv2 .sv2-art{order:5; position:relative; height:210px; margin:0 -18px 8px; opacity:1;}
	.sv2 .sv2-art svg{max-width:none; width:auto; height:100%;}
	.sv2 .sv2-btns{order:6; margin-bottom:30px;}

	.sv2 .sv2-sec,.sv2 .sv2-dark{padding:60px 0 68px;}
	.sv2 .sv2-head{margin-bottom:26px; padding-bottom:20px;}
	.sv2 .sv2-eyebrow{font-size:11px; gap:10px; margin-bottom:12px;}
	.sv2 .sv2-eyebrow::before,.sv2 .sv2-head.is-center .sv2-eyebrow::after{width:20px;}
	.sv2 .sv2-h2{font-size:28px; line-height:1.3;}
	.sv2 .sv2-desc,.sv2 .sv2-info{font-size:14.5px;}
	.sv2 .sv2-info{align-items:flex-start;}
	.sv2 .sv2-info svg{margin-top:3px;}

	.sv2 .sv2-areas{grid-template-columns:minmax(0,1fr);}
	.sv2 .sv2-areas li,.sv2 .sv2-areas li:nth-child(n+4){grid-column:auto; display:flex; align-items:baseline; gap:16px; padding:18px 18px;}
	.sv2 .sv2-areas .sv2-num{flex:none; width:34px; margin:0; font-size:24px;}
	.sv2 .sv2-areas p{font-size:15.5px;}
	.sv2 .sv2-photo{margin-top:28px; aspect-ratio:16/7;}
	.sv2 .sv2-photo::after{inset:8px;}

	/* 진행절차: 세로 타임라인 */
	.sv2 .sv2-flow{gap:34px;}
	.sv2 .sv2-phaseHead{margin:0 0 22px;}
	.sv2 .sv2-phaseHead strong{font-size:19px;}
	.sv2 .sv2-steps{display:block;}
	.sv2 .sv2-steps li{display:grid; grid-template-columns:48px minmax(0,1fr); column-gap:16px; text-align:left; padding:0 0 22px;}
	.sv2 .sv2-steps li::before,.sv2 .sv2-steps li:first-child::before,.sv2 .sv2-steps li:last-child::before{left:24px !important; right:auto !important; top:0; bottom:0; width:1px; height:auto; transform:scaleY(0); transform-origin:top;}
	.sv2 .sv2-flow.is-in .sv2-steps li::before{transform:scaleY(1);}
	.sv2 .sv2-steps li:first-child::before{top:24px;}
	.sv2 .sv2-steps li:last-child::before{bottom:auto; height:24px; display:none;}
	.sv2 .sv2-steps li:last-child{padding-bottom:0;}
	.sv2 .sv2-node{grid-column:1; grid-row:1 / span 4; width:48px; height:48px; margin:0; box-shadow:0 0 0 5px var(--pv-ivory);}
	.sv2 .sv2-node svg{width:20px; height:20px;}
	.sv2 .sv2-steps .sv2-no{grid-column:2; height:auto; margin-top:2px; font-size:18px;}
	.sv2 .sv2-steps h3{grid-column:2; margin:4px 0 4px; font-size:17px;}
	.sv2 .sv2-steps p{grid-column:2; font-size:14px;}
	.sv2 .sv2-steps p br{display:none;}
	.sv2 .sv2-badge{grid-column:2; justify-self:start; margin-top:8px;}
	.sv2 .sv2-loop{margin:16px 0 0;}
	.sv2 .sv2-track{display:flex; flex-wrap:wrap; gap:10px 18px; padding-top:16px;}
	.sv2 .sv2-track > span:empty{display:none;}
	.sv2 .sv2-bar,.sv2 .sv2-flag{margin:0; flex:1 1 140px;}
	.sv2 .sv2-after{margin-top:36px; padding:18px 18px; gap:14px; align-items:flex-start;}
	.sv2 .sv2-afterIcon{width:40px; height:40px;}
	.sv2 .sv2-after strong{display:block; margin:0 0 4px;}
	.sv2 .sv2-after p{font-size:14.5px;}

	.sv2 .sv2-plans,.sv2 .sv2-plans.is-3{grid-template-columns:minmax(0,1fr); gap:14px;}
	.sv2 .sv2-planHead{padding:26px 22px 0; font-size:18px;}
	.sv2 .sv2-price{padding:10px 22px 22px;}
	.sv2 .sv2-price strong{font-size:54px;}
	.sv2 .sv2-planList{padding:20px 22px 14px;}
	.sv2 .sv2-planList > li{font-size:14.5px; gap:8px; margin-bottom:8px;}
	.sv2 .sv2-planCond{margin:auto 22px 0; font-size:14.5px;}
	.sv2 .sv2-planBtn{height:56px; padding:0 22px; font-size:15.5px;}
	.sv2 .sv2-notes li{font-size:13.5px;}
	.sv2 .sv2-notes li br{display:none;}

	.sv2 .sv2-cta{flex-direction:column; align-items:stretch; margin-top:40px; padding:28px 22px;}
	.sv2 .sv2-cta::before{inset:6px;}
	.sv2 .sv2-cta strong{font-size:20px;}
	.sv2 .sv2-cta p{font-size:14.5px;}
	.sv2 .sv2-cta a{justify-content:center;}

	.sv2 .sv2-feat{gap:10px;}
	.sv2 .sv2-feat figure{aspect-ratio:4/5;}
	.sv2 .sv2-feat li::after{inset:6px;}
	.sv2 .sv2-feat .sv2-num{left:16px; top:16px; font-size:22px;}
	.sv2 .sv2-feat h3{left:16px; right:12px; bottom:16px; padding-top:10px; font-size:15.5px;}
	.sv2 .sv2-feat h3::before{width:20px;}
	.sv2 .sv2-availCta{margin-top:28px; padding:24px 20px;}
	.sv2 .sv2-availCta h3{font-size:18px;}
	.sv2 .sv2-availCta p{font-size:14.5px;}
	.sv2 .sv2-availCta a{display:flex; justify-content:center;}
	.sv2 .sv2-availList li{gap:18px; padding:18px 2px;}
	.sv2 .sv2-availList em{width:34px; font-size:19px;}
	.sv2 .sv2-availList span{font-size:21px;}
	.sv2 .sv2-availList i{font-size:13px;}
	.sv2 .sv2-darkGlobe{width:360px; height:360px; margin-top:-180px; right:-140px;}

	.sv2 .sv2-cost{grid-template-columns:minmax(0,1fr); gap:14px;}
	.sv2 .sv2-cost > li{padding:24px 18px 20px;}
	.sv2 .sv2-cHead{flex-direction:column; align-items:flex-start; gap:12px; margin-bottom:18px;}
	.sv2 .sv2-cHead h2{font-size:23px;}
	.sv2 .sv2-cHead .sv2-no{font-size:22px;}
	.sv2 .sv2-cPlans.c2,.sv2 .sv2-cPlans.c3{grid-template-columns:minmax(0,1fr); gap:10px;}
	.sv2 .sv2-cPlan{padding:18px 18px 14px;}
	.sv2 .sv2-cPrice{padding-top:12px;}
	.sv2 .sv2-cPrice > div{padding:9px 0;}
	.sv2 .sv2-cPrice strong{font-size:34px;}
	.sv2 .sv2-cost .sv2-notes li br{display:none;}
	.sv2 .sv2-jump{grid-template-columns:repeat(2,minmax(0,1fr)); margin-bottom:22px;}
	.sv2 .sv2-jump a{padding:16px 12px; gap:10px;}
	.sv2 .sv2-jump a:nth-child(3){border-left:0;}
	.sv2 .sv2-jump a:nth-child(n+3){border-top:1px solid var(--pv-hair);}
	.sv2 .sv2-jump em{font-size:19px;}
	.sv2 .sv2-jump span{font-size:15px;}
	.sv2 .sv2-cost > li.is-wide .sv2-cHead{flex-direction:column; align-items:flex-start; margin-bottom:18px;}
}

/* ---------- 13. 움직임 줄이기 ---------- */
@media (prefers-reduced-motion:reduce){
	.sv2 .sv2-art *,.sv2 .sv2-title em{animation:none !important;}
	.sv2 .sv2-art .dr{stroke-dashoffset:0; opacity:1;}
	.sv2 .sv2-art .fi,.sv2 .sv2-art .a-rotWrap,.sv2 .sv2-art .a-mark,.sv2 .sv2-art .a-hid.dr,.sv2 .sv2-art .a-axis.dr,.sv2 .art-design .a-pen{opacity:1;}
	.sv2 .art-design .a-pen{offset-distance:100%;}
	.sv2 .sv2-art .a-scan,.sv2 .sv2-art .a-ripple,.sv2 .sv2-art .a-flow,.sv2 .sv2-art .a-ping{display:none;}
	.sv2 .art-design .a-turn{opacity:1;} .sv2 .art-design .a-dot{display:none;}
	.sv2 .sv2-darkGlobe{animation:none;}
	.sv2 .sv2-cost > li::before{transition:none; transform:none;}
	.sv2 .art-cost .a-bar{transform:none;}
	.sv2-js .sv2 .sv2-rv,.sv2 .sv2-node,.sv2 .sv2-steps li::before,.sv2 .sv2-areas li::before,.sv2 .sv2-availList li::after,.sv2 .sv2-photo img{transition:none !important; opacity:1; transform:none !important;}
	.sv2 .sv2-plan,.sv2 .sv2-feat img,.sv2 .sv2-planBtn svg{transition:none;}
}

/* ---------- 14. 특허용어사전 v2 (/patent-wiki-v2/ 목록·검색·상세, 2026-10-27 추가) ----------
   목록 .sv2-wk · 상세 .sv2-wkd. 이 절은 다른 v2 쪽의 규칙을 바꾸지 않는다(새 클래스만 쓴다). */
.sv2 .sv2-blind{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap;}
/* 히어로 그림: 펼친 사전 + 색인 탭 + 용어 지도 */
.sv2 .art-wiki .a-net{animation:sv2Float 8s ease-in-out 3.4s infinite;}
.sv2 .art-wiki .a-flow{fill:none; stroke:#FFF3D2; stroke-width:2; stroke-dasharray:.06 .94; stroke-dashoffset:1; opacity:0; animation:sv2Flow 7s linear var(--d,3s) infinite;}
.sv2 .art-wiki .a-ping{transform-box:fill-box; transform-origin:50% 50%; opacity:0; animation:sv2Ping 3.4s ease-out 3s infinite;}
.sv2 .art-wiki .a-scan{opacity:0; animation:sv2WkScan 7s ease-in-out 3.6s infinite;}
@keyframes sv2WkScan{0%{transform:translateY(0); opacity:0;} 15%,85%{opacity:.75;} 100%{transform:translateY(76px); opacity:0;}}
.sv2 .art-wiki .a-tab{fill:#C8A86B; opacity:0; animation:sv2WkTab 8s ease-in-out calc(3s + var(--k,0s)) infinite;}
@keyframes sv2WkTab{0%,30%,100%{opacity:0;} 8%,20%{opacity:.55;}}

/* 목록: 검색 띠 */
.sv2 .sv2-wkSec{padding:90px 0 110px; scroll-margin-top:90px;}
.sv2 .sv2-wkBar{display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:40px; padding-bottom:28px; border-bottom:1px solid var(--pv-hair);}
.sv2 .sv2-wkHead .sv2-h2 em{word-break:break-all;}
.sv2 .sv2-wkCount{margin-top:12px; font-size:15px; color:var(--pv-muted);}
.sv2 .sv2-wkCount strong{font-family:var(--pv-serif); font-weight:normal; font-size:20px; color:var(--pv-goldD); margin:0 2px;}
.sv2 .sv2-wkForm{flex:0 1 460px; display:flex; height:58px; background:#fff; border:1px solid var(--pv-hair); border-bottom:2px solid var(--pv-gold); transition:border-color .25s,box-shadow .25s;}
.sv2 .sv2-wkForm:focus-within{border-color:var(--pv-gold); box-shadow:0 10px 30px rgba(14,34,64,.08);}
.sv2 .sv2-wkForm input{flex:1; min-width:0; height:100%; padding:0 20px; border:0; outline:0; background:transparent; font-family:'Pretendard',sans-serif; font-size:16px; color:var(--pv-ink); -webkit-appearance:none; appearance:none;}
.sv2 .sv2-wkForm input::placeholder{color:#9AA2AF;}
.sv2 .sv2-wkForm input::-webkit-search-cancel-button{-webkit-appearance:none;}
.sv2 .sv2-wkForm button{flex:none; display:inline-flex; align-items:center; gap:8px; padding:0 24px; border:0; cursor:pointer; background:var(--pv-ink); color:var(--pv-gold2); font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:15px; transition:background .25s;}
.sv2 .sv2-wkForm button:hover{background:var(--pv-navy);}
.sv2 .sv2-wkForm button svg{width:18px; height:18px;}
.sv2 .sv2-wkReset{margin:-18px 0 28px;}
.sv2 .sv2-wkReset a{display:inline-flex; align-items:center; gap:8px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:15px; color:var(--pv-ink); text-decoration:none; border-bottom:1px solid var(--pv-gold); padding-bottom:3px;}
.sv2 .sv2-wkReset svg{width:16px; height:16px; color:var(--pv-goldD);}

/* 목록: 용어 카드 (2단) */
.sv2 .sv2-wkList ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px;}
.sv2 .sv2-wkList li{position:relative; margin:0; padding:0; border:0; background:none; box-shadow:none; border-radius:0;}
.sv2 .sv2-wkList li::after{content:none;}
.sv2 .sv2-wkList .wk-card{position:relative; display:flex; flex-direction:column; height:100%; padding:34px 36px 28px; background:#fff; border:1px solid var(--pv-hair); border-radius:3px; overflow:hidden; transition:border-color .35s,box-shadow .35s,transform .35s;}
.sv2 .sv2-wkList .wk-card::before{content:""; position:absolute; left:-1px; right:-1px; top:-1px; height:2px; background:linear-gradient(90deg,var(--pv-gold),var(--pv-gold2)); transform:scaleX(0); transform-origin:left; transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.sv2 .sv2-wkList .wk-card:hover{border-color:#D9CBAA; box-shadow:0 18px 40px rgba(14,34,64,.08); transform:translateY(-2px);}
.sv2 .sv2-wkList .wk-card:hover::before{transform:scaleX(1);}
.sv2 .sv2-wkIni{position:absolute; right:24px; top:14px; font-family:var(--pv-serif); font-size:64px; line-height:1; color:rgba(200,168,107,.18); pointer-events:none;}
.sv2 .sv2-wkList .gltitle{position:relative; width:100%;}
.sv2 .sv2-wkList .gltitle .wkT{margin:0; padding:0 56px 0 0; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:26px; line-height:1.3; letter-spacing:-.03em; color:var(--pv-ink);}
.sv2 .sv2-wkList .gltitle .wkT a{display:flex; flex-wrap:wrap; align-items:baseline; column-gap:12px; row-gap:2px; color:inherit; text-decoration:none;}
.sv2 .sv2-wkList .gltitle .wkT a:hover{text-decoration:none; color:var(--pv-navy);}
.sv2 .sv2-wkList .gltitle .wkT a span{margin:0; font-family:var(--pv-serif); font-style:italic; font-weight:normal; font-size:17px; line-height:1.3; letter-spacing:0; color:var(--pv-goldD);}
.sv2 .sv2-wkList .gltitle .wkX{margin:16px 0 0; padding:16px 0 0; border-top:1px solid var(--pv-hair); font-family:'Pretendard',sans-serif; font-weight:400; font-size:15.5px; line-height:1.8; color:var(--pv-muted); display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden;}
.sv2 .sv2-wkList .gltitle .wkX a{display:inline; color:var(--pv-ink); text-decoration:none; background:linear-gradient(transparent 62%,rgba(227,207,162,.45) 62%);}
.sv2 .sv2-wkList .gltitle .wkX a:hover{color:var(--pv-goldD); text-decoration:none;}
.sv2 .sv2-wkList .wk-more{display:inline-flex; align-items:center; gap:8px; margin-top:auto; padding-top:22px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:14.5px; letter-spacing:.01em; color:var(--pv-ink); text-decoration:none; transition:gap .25s,color .25s;}
.sv2 .sv2-wkList .wk-more svg{width:16px; height:16px; color:var(--pv-goldD);}
.sv2 .sv2-wkList .wk-more:hover{gap:12px; color:var(--pv-goldD);}
.sv2 .sv2-wkEmpty{display:flex; align-items:center; justify-content:space-between; gap:24px; padding:40px 44px; background:#fff; border:1px solid var(--pv-hair); border-top:2px solid var(--pv-gold);}
.sv2 .sv2-wkEmpty p{font-size:16px; line-height:1.7; color:var(--pv-muted);}
.sv2 .sv2-wkEmpty strong{display:block; margin-bottom:4px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-size:21px; color:var(--pv-ink);}
.sv2 .sv2-btnNavy{flex:none; background:var(--pv-ink); color:var(--pv-gold2); border:0;}
.sv2 .sv2-btnNavy:hover{background:var(--pv-navy);}

/* 목록: 쪽 번호 (common.paging get_paging_blog 의 마크업을 그대로 꾸민다) */
.sv2 .sv2-wkPage{margin-top:56px;}
.sv2 .sv2-wkPage .blog_paging_line{width:100%; text-align:center;}
.sv2 .sv2-wkPage .blog_paging_box{display:inline-block; max-width:100%;}
.sv2 .sv2-wkPage .b_flex_box{display:flex; align-items:center; justify-content:center; gap:6px;}
.sv2 .sv2-wkPage .blog_paging_number_box{height:auto;}
.sv2 .sv2-wkPage .blog_paging_number_box ul{display:flex; flex-wrap:wrap; justify-content:center; gap:6px;}
.sv2 .sv2-wkPage .blog_paging_number_box li{display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; margin:0; border:1px solid transparent; border-radius:2px; cursor:pointer; font-family:var(--pv-serif); font-size:17px; line-height:1; color:var(--pv-muted); font-variant-numeric:tabular-nums; transition:border-color .25s,color .25s,background .25s;}
.sv2 .sv2-wkPage .blog_paging_number_box li::after{content:none;}
.sv2 .sv2-wkPage .blog_paging_number_box li:hover{border-color:var(--pv-gold); color:var(--pv-ink); background:#fff;}
.sv2 .sv2-wkPage .blog_paging_number_box li.on_blog_paging{background:var(--pv-ink); color:var(--pv-gold2); border-color:var(--pv-ink); cursor:default;}
.sv2 .sv2-wkPage .b_prev_page,.sv2 .sv2-wkPage .b_next_page{position:relative; width:44px; height:44px; margin:0; padding:0; border:1px solid var(--pv-hair); border-radius:2px; background:#fff none; cursor:pointer; transition:border-color .25s;}
.sv2 .sv2-wkPage .b_prev_page::before,.sv2 .sv2-wkPage .b_next_page::before{content:""; position:absolute; left:50%; top:50%; width:9px; height:9px; border-top:1.6px solid var(--pv-ink); border-right:1.6px solid var(--pv-ink); transform:translate(-65%,-50%) rotate(45deg);}
.sv2 .sv2-wkPage .b_prev_page::before{transform:translate(-35%,-50%) rotate(-135deg);}
.sv2 .sv2-wkPage .b_prev_page:hover,.sv2 .sv2-wkPage .b_next_page:hover{border-color:var(--pv-gold); background-image:none;}

/* 상세: 머리 띠(짙은 남색) */
.sv2 .sv2-wkdHead{position:relative; overflow:hidden; color:#fff; background:radial-gradient(ellipse 50% 90% at 82% 40%,rgba(64,104,160,.4) 0%,transparent 62%),linear-gradient(115deg,var(--pv-deep) 0%,#0D2142 55%,#12305A 100%);}
.sv2 .sv2-wkdHead::before{content:""; position:absolute; inset:0; pointer-events:none; opacity:.22; mix-blend-mode:soft-light; background-image:var(--pv-grain);}
.sv2 .sv2-wkdHead::after{content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background:linear-gradient(90deg,transparent 0%,rgba(200,168,107,.7) 50%,transparent 100%);}
.sv2 .sv2-wkdHead .sv2-in{z-index:1; min-height:330px; padding-top:64px; padding-bottom:66px; display:flex; flex-direction:column; justify-content:center;}
.sv2 .sv2-crumb{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-bottom:26px; font-size:14px; color:rgba(255,255,255,.6);}
.sv2 .sv2-crumb a{color:var(--pv-gold2); text-decoration:none; border-bottom:1px solid rgba(200,168,107,.45); padding-bottom:1px;}
.sv2 .sv2-crumb a:hover{color:#fff;}
.sv2 .sv2-crumb svg{width:14px; height:14px; color:rgba(255,255,255,.4);}
.sv2 .sv2-wkdTitle{position:relative; z-index:1; max-width:820px; margin:0;}
.sv2 .sv2-wkdTitle h1{display:flex; flex-direction:column; gap:12px; margin:0; font-family:'Noto Serif KR',var(--pv-serif); font-weight:700; font-size:58px; line-height:1.2; letter-spacing:-.02em; color:#fff; word-break:keep-all;}
.sv2 .sv2-wkdTitle h1 span{order:2; font-family:var(--pv-serif); font-style:italic; font-weight:normal; font-size:22px; line-height:1.4; letter-spacing:.02em; color:var(--pv-gold2);}
.sv2 .sv2-wkdTitle h1 span:empty{display:none;}
.sv2 .sv2-wkdTitle h1::after{content:""; order:3; width:56px; height:1px; margin-top:10px; background:var(--pv-gold);}
.sv2 .sv2-wkdArt{position:absolute; right:24px; top:50%; margin-top:-110px; width:320px; height:auto; pointer-events:none; opacity:.9;}
.sv2 .sv2-wkdArt *{fill:none; stroke:rgba(243,228,190,.38); stroke-width:1; stroke-linecap:round;}
.sv2 .sv2-wkdArt .dr{stroke-dasharray:1 1; stroke-dashoffset:1; animation:sv2Draw var(--t,1.6s) cubic-bezier(.45,.05,.25,1) var(--d,0s) forwards;}
.sv2 .sv2-wkdArt .a-f{stroke:rgba(243,228,190,.14);}
.sv2 .sv2-wkdArt .a-ini{fill:rgba(227,207,162,.5); stroke:none; font-family:'Noto Serif KR',var(--pv-serif); font-weight:500; font-size:112px; opacity:0; animation:sv2On 1.6s ease .9s forwards;}

/* 상세: 본문 + 옆 칸 */
.sv2 .sv2-wkdSec{background:#fff; padding:80px 0 100px;}
.sv2 .sv2-wkdGrid{display:grid; grid-template-columns:minmax(0,760px) minmax(0,280px); justify-content:space-between; gap:56px; align-items:start;}
.sv2 .sv2-wkdBody{max-width:760px; margin:0;}
.sv2 .sv2-wkdSide{position:sticky; top:110px; display:flex; flex-direction:column; gap:28px;}
.sv2 .sv2-wkdBack{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:52px; padding:0 24px; border:1px solid var(--pv-ink); border-radius:2px; color:var(--pv-ink); text-decoration:none; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:15px; transition:background .25s,color .25s;}
.sv2 .sv2-wkdBack svg{width:16px; height:16px;}
.sv2 .sv2-wkdBack:hover{background:var(--pv-ink); color:var(--pv-gold2);}
.sv2 .sv2-wkdRel{padding:26px 24px 24px; background:var(--pv-ivory); border:1px solid var(--pv-hair); border-top:2px solid var(--pv-gold);}
.sv2 .sv2-wkdRel .sv2-eyebrow{margin-bottom:10px;}
.sv2 .sv2-wkdRel h2{margin:0 0 16px; font-family:'Pretendard-Bold','Pretendard',sans-serif; font-weight:700; font-size:20px; letter-spacing:-.02em; color:var(--pv-ink);}
.sv2 .sv2-wkdRel ul{display:flex; flex-wrap:wrap; gap:8px;}
.sv2 .sv2-wkdRel a{display:inline-block; padding:8px 14px; background:#fff; border:1px solid var(--pv-hair); border-radius:99px; font-family:'Pretendard-Medium','Pretendard',sans-serif; font-size:14px; line-height:1.3; color:var(--pv-ink); text-decoration:none; transition:border-color .25s,color .25s;}
.sv2 .sv2-wkdRel a:hover{border-color:var(--pv-gold); color:var(--pv-goldD);}

/* 상세: 본문 글(에디터 내용) — 세리프 제목, 넉넉한 행간 */
.sv2 .gaContent{font-family:'Pretendard',sans-serif; font-size:17.5px; line-height:1.95; letter-spacing:-.005em; color:#2B3445; word-break:keep-all; overflow-wrap:break-word;}
.sv2 .gaContent .glos_edCont,.sv2 .gaContent .glos_edCont p{font-family:'Pretendard',sans-serif; font-size:17.5px; line-height:1.95; overflow:visible;}
.sv2 .gaContent p{margin:0 0 1.1em;}
.sv2 .gaContent h2{position:relative; margin:64px 0 22px; padding:22px 0 0; border-top:1px solid var(--pv-hair); font-family:'Noto Serif KR',var(--pv-serif); font-weight:700; font-size:29px; line-height:1.45; letter-spacing:-.02em; color:var(--pv-ink); scroll-margin-top:110px;}
.sv2 .gaContent h2::before{content:""; position:absolute; left:0; top:-1px; width:48px; height:2px; background:var(--pv-gold);}
.sv2 .gaContent .glos_edCont > h2:first-child{margin-top:48px;}
.sv2 .gaContent h3{margin:40px 0 12px; font-family:'Noto Serif KR',var(--pv-serif); font-weight:700; font-size:21px; line-height:1.5; color:var(--pv-ink); scroll-margin-top:110px;}
.sv2 .gaContent b,.sv2 .gaContent strong{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; color:var(--pv-ink);}
.sv2 .gaContent h2 b,.sv2 .gaContent h3 b,.sv2 .gaContent h2 strong,.sv2 .gaContent h3 strong{font-family:inherit; font-weight:inherit;}
.sv2 .gaContent .faq h3 b{font-family:'Pretendard-SemiBold','Pretendard',sans-serif;}
.sv2 .gaContent br + h2{margin-top:48px;}
.sv2 .gaContent u[style*="background"],.sv2 .gaContent .marker,.sv2 .gaContent .marker2{text-decoration:none; background:linear-gradient(transparent 58%,rgba(227,207,162,.55) 58%) !important;}
.sv2 .gaContent a{color:var(--pv-navy); text-decoration:none; border-bottom:1px solid rgba(200,168,107,.7); transition:color .2s,border-color .2s;}
.sv2 .gaContent a:hover{color:var(--pv-goldD); border-bottom-color:var(--pv-goldD); text-decoration:none;}
.sv2 .gaContent img{max-width:100%; height:auto; border-radius:2px;}
.sv2 .gaContent iframe{max-width:100%;}
.sv2 .gaContent ul,.sv2 .gaContent ol{margin:0 0 1.2em;}
.sv2 .gaContent .glos_edCont ul li,.sv2 .gaContent .glos_edCont ol li{position:relative; padding:0 0 8px 20px; font-family:'Pretendard',sans-serif; font-size:17px; line-height:1.85;}
.sv2 .gaContent .glos_edCont ul li::before,.sv2 .gaContent .glos_edCont ol li::before{content:""; position:absolute; left:2px; top:.8em; width:6px; height:6px; border-radius:0; background:var(--pv-gold); transform:rotate(45deg);}
.sv2 .gaContent table{width:100%; border-collapse:collapse; margin:0 0 1.4em; font-size:15px;}
.sv2 .gaContent table td,.sv2 .gaContent table th{padding:12px 14px; border:1px solid var(--pv-hair); vertical-align:top;}
.sv2 .gaContent table tr:first-child{background:var(--pv-ink); color:#fff;}
.sv2 .gaContent blockquote{margin:0 0 1.4em; padding:4px 0 4px 22px; border-left:2px solid var(--pv-gold); font-style:normal; color:var(--pv-muted);}
/* 본문 앞 목차 */
.sv2 .gaContent .glos_index{margin:0 0 8px; padding:28px 30px 22px; background:var(--pv-ivory); border:1px solid var(--pv-hair); border-top:2px solid var(--pv-gold);}
.sv2 .gaContent .glos_index h2{margin:0 0 12px; padding:0 !important; border:0; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; font-size:13px; line-height:1; letter-spacing:.24em; color:var(--pv-goldD);}
.sv2 .gaContent .glos_index h2::before{content:none;}
.sv2 .gaContent .glos_index ul{margin:0; counter-reset:wkToc;}
.sv2 .gaContent .glos_index ul li{position:relative; padding:0 0 0 34px; counter-increment:wkToc; list-style:none;}
.sv2 .gaContent .glos_index ul li::before{content:counter(wkToc,decimal-leading-zero); position:absolute; left:0; top:0; width:auto; height:auto; background:none; border-radius:0; font-family:var(--pv-serif); font-style:italic; font-size:15px; line-height:40px; color:var(--pv-gold);}
.sv2 .gaContent .glos_index ul li a{display:inline-block; border:0; font-family:'Pretendard-Medium','Pretendard',sans-serif; font-weight:500; font-size:16.5px; line-height:40px; color:var(--pv-ink);}
.sv2 .gaContent .glos_index ul li a:hover{color:var(--pv-goldD); text-decoration:none; font-family:'Pretendard-Medium','Pretendard',sans-serif; font-weight:500;}
/* 자주 묻는 질문 */
.sv2 .gaContent .faq{position:relative; padding:22px 0 20px; border-bottom:1px solid var(--pv-hair);}
.sv2 .gaContent h2 + .faq,.sv2 .gaContent br + .faq{border-top:1px solid var(--pv-ink);}
.sv2 .gaContent .faq h3{position:relative; margin:0; padding:0 0 0 40px; font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-weight:600; font-size:18px; line-height:1.6; color:var(--pv-ink);}
.sv2 .gaContent .faq h3::before{content:"Q"; position:absolute; left:0; top:-2px; font-family:var(--pv-serif); font-style:italic; font-weight:normal; font-size:24px; line-height:1.3; color:var(--pv-gold);}
.sv2 .gaContent .faq h3::after{content:none;}
.sv2 .gaContent .faq h3 u{text-decoration:none;}
.sv2 .gaContent .faq p{position:relative; margin:10px 0 0; padding:0 0 0 40px; font-size:16px; line-height:1.85; color:var(--pv-muted);}
.sv2 .gaContent .faq p::before{content:"A"; position:absolute; left:2px; top:-1px; font-family:var(--pv-serif); font-style:italic; font-size:20px; line-height:1.5; color:rgba(14,34,64,.35);}

/* 상세: 앞뒤 용어 */
.sv2 .sv2-wkdNav{display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:stretch; margin-top:80px; border-top:1px solid var(--pv-ink); border-bottom:1px solid var(--pv-hair);}
.sv2 .sv2-wkdNav > a,.sv2 .sv2-wkdNav > span{display:flex; flex-direction:column; justify-content:center; gap:4px; min-height:118px; padding:24px 28px; text-decoration:none; color:var(--pv-ink); transition:background .3s;}
.sv2 .sv2-wkdNav > a:hover{background:var(--pv-ivory);}
.sv2 .sv2-wkdNav .is-next{align-items:flex-end; text-align:right;}
.sv2 .sv2-wkdNav em{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:12.5px; letter-spacing:.16em; color:var(--pv-goldD);}
.sv2 .sv2-wkdNav strong{font-family:'Noto Serif KR',var(--pv-serif); font-weight:700; font-size:21px; line-height:1.4;}
.sv2 .sv2-wkdNav a > span{font-family:var(--pv-serif); font-style:italic; font-size:14.5px; color:var(--pv-muted);}
.sv2 .sv2-wkdNav .is-list{flex-direction:column; align-items:center; gap:6px; padding:24px 34px; border-left:1px solid var(--pv-hair); border-right:1px solid var(--pv-hair); font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-size:13px; letter-spacing:.08em;}
.sv2 .sv2-wkdNav .is-list svg{width:22px; height:22px; color:var(--pv-goldD);}
.sv2 .sv2-wkdNav .is-list span{font-family:'Pretendard-SemiBold','Pretendard',sans-serif; font-style:normal; font-size:13px; color:var(--pv-ink);}

@media (max-width:1200px){
	.sv2 .sv2-wkdGrid{grid-template-columns:minmax(0,1fr) minmax(0,260px); gap:40px;}
}
@media (max-width:1023px){
	.sv2 .sv2-wkBar{display:block;}
	.sv2 .sv2-wkForm{margin-top:24px;}
	.sv2 .sv2-wkdGrid{grid-template-columns:minmax(0,1fr);}
	.sv2 .sv2-wkdBody{max-width:none;}
	.sv2 .sv2-wkdSide{position:static; margin-top:24px;}
	.sv2 .sv2-wkdBack{display:none;} /* 1023px 이하: 옆 칸이 본문 아래로 내려가 바로 밑 «목록» 단추와 겹치므로 숨긴다 */
	.sv2 .sv2-wkdTitle h1{font-size:48px;}
	.sv2 .sv2-wkdArt{width:240px; opacity:.6;}
}
@media (max-width:767px){
	.sv2 .sv2-wkSec{padding:48px 0 64px; scroll-margin-top:60px;}
	.sv2 .sv2-wkBar{margin-bottom:24px; padding-bottom:22px;}
	.sv2 .sv2-wkCount{margin-top:8px; font-size:14px;}
	.sv2 .sv2-wkForm{height:52px; margin-top:18px;}
	.sv2 .sv2-wkForm input{padding:0 14px; font-size:16px;}
	.sv2 .sv2-wkForm button{padding:0 16px; font-size:14.5px;}
	.sv2 .sv2-wkReset{margin:-6px 0 20px;}
	.sv2 .sv2-wkList ul{grid-template-columns:minmax(0,1fr); gap:12px;}
	.sv2 .sv2-wkList .wk-card{padding:24px 20px 20px;}
	.sv2 .sv2-wkIni{right:16px; top:12px; font-size:48px;}
	.sv2 .sv2-wkList .gltitle .wkT{padding-right:44px; font-size:22px;}
	.sv2 .sv2-wkList .gltitle .wkT a span{font-size:15px;}
	.sv2 .sv2-wkList .gltitle .wkX{margin-top:12px; padding-top:12px; font-size:14.5px; line-height:1.75;}
	.sv2 .sv2-wkList .wk-more{padding-top:16px; font-size:14px;}
	.sv2 .sv2-wkEmpty{flex-direction:column; align-items:stretch; padding:26px 20px;}
	.sv2 .sv2-wkEmpty strong{font-size:18px;}
	.sv2 .sv2-wkEmpty p{font-size:14.5px;}
	.sv2 .sv2-wkPage{margin-top:32px;}
	.sv2 .sv2-wkPage .b_flex_box{gap:4px;}
	.sv2 .sv2-wkPage .blog_paging_number_box ul{gap:2px;}
	.sv2 .sv2-wkPage .blog_paging_number_box li{width:34px; height:38px; font-size:15px;}
	.sv2 .sv2-wkPage .b_prev_page,.sv2 .sv2-wkPage .b_next_page{width:38px; height:38px; flex:none;}

	.sv2 .sv2-wkdHead .sv2-in{min-height:0; padding-top:34px; padding-bottom:40px;}
	.sv2 .sv2-crumb{margin-bottom:18px; font-size:13px;}
	.sv2 .sv2-wkdTitle h1{gap:8px; font-size:36px;}
	.sv2 .sv2-wkdTitle h1 span{font-size:17px;}
	.sv2 .sv2-wkdArt{right:0; width:170px; margin-top:-53px; opacity:.5;}
	.sv2 .sv2-wkdSec{padding:40px 0 64px;}
	.sv2 .gaContent,.sv2 .gaContent .glos_edCont,.sv2 .gaContent .glos_edCont p{font-size:16.5px; line-height:1.9;}
	.sv2 .gaContent h2{margin:48px 0 16px; padding-top:18px; font-size:23px;}
	.sv2 .gaContent .glos_edCont > h2:first-child{margin-top:36px;}
	.sv2 .gaContent h3{margin:30px 0 10px; font-size:18.5px;}
	.sv2 .gaContent .glos_index{padding:22px 18px 16px;}
	.sv2 .gaContent .glos_index ul li a{font-size:15.5px; line-height:36px;}
	.sv2 .gaContent .glos_index ul li::before{line-height:36px;}
	.sv2 .gaContent .faq h3{padding-left:32px; font-size:16.5px;}
	.sv2 .gaContent .faq p{padding-left:32px; font-size:15px;}
	.sv2 .gaContent table{display:block; overflow-x:auto;}
	.sv2 .sv2-wkdRel{padding:22px 18px 20px;}
	.sv2 .sv2-wkdNav{grid-template-columns:minmax(0,1fr) minmax(0,1fr); margin-top:48px;}
	.sv2 .sv2-wkdNav .is-list{grid-column:1 / -1; grid-row:2; flex-direction:row; justify-content:center; min-height:0; padding:16px; border:0; border-top:1px solid var(--pv-hair);}
	.sv2 .sv2-wkdNav > a,.sv2 .sv2-wkdNav > span{min-height:96px; padding:18px 14px;}
	.sv2 .sv2-wkdNav .is-next{border-left:1px solid var(--pv-hair);}
	.sv2 .sv2-wkdNav strong{font-size:17px;}
	.sv2 .sv2-wkdNav a > span{font-size:13px;}
}
@media (prefers-reduced-motion:reduce){
	.sv2 .art-wiki .a-net,.sv2 .art-wiki .a-tab,.sv2 .sv2-wkdArt *{animation:none !important;}
	.sv2 .art-wiki .a-flow,.sv2 .art-wiki .a-scan,.sv2 .art-wiki .a-ping{display:none;}
	.sv2 .art-wiki .a-tab:first-child{opacity:.55;}
	.sv2 .sv2-wkdArt .dr{stroke-dashoffset:0;}
	.sv2 .sv2-wkList .wk-card,.sv2 .sv2-wkList .wk-card::before{transition:none;}
}

/* 2026-10-27: STEP 3 「등록성공」 선을 왼쪽 기간 막대(기간 숫자 + 설명 두 줄)와 같은 높이로 — 트랙이 아래 정렬이라 높이를 막대와 같게 맞춤 */
.sv2 .sv2-flag{padding-top:calc(12px + 19px * 1.4 + 2px);}
@media (max-width:767px){
	.sv2 .sv2-flag{padding-top:12px;}
}