/* 9247 음주운전변호사 편(연재 '전문가는 전문가를 만나야 한다' 47편, 변호사 세부 편 넷째 회, 2026-11-13 작성, 11-15 09:00 예약 공개).
   검색어 순위표(형사 처벌ㆍ면허 처분ㆍ변호사 꼬리표) → 혈중알코올농도 구간 띠와 측정 거부ㆍ재위반ㆍ치상 줄, 수치 넣으면 조항 표시
   → 면허 처분 세 줄과 결격기간 연 단위 막대 → 이의신청ㆍ행정심판ㆍ행정소송 계단 → 결격기간 뒤 방지장치 부착기간 띠
   → 브라우저 상담 신청 화면 예시 → 이오 사례 한 줄 띠 → 진행 방식 → 연재 순서 */
.v-artd .sp-9247 .prose{font-size:17px}
.v-artd .sp-9247 .prose h2{margin:0 0 14px;padding:0;border:0;font-size:26px;letter-spacing:-.7px;display:block;min-height:0}
.v-artd .sp-9247 .prose h2::before,.v-artd .sp-9247 .prose h2::after{content:none}
.v-artd .sp-9247 :where(.prose) .dw-s{padding:64px 0 4px;scroll-margin-top:90px}
.v-artd .sp-9247 :where(.prose) li::before{content:none}
.v-artd .sp-9247 :where(.prose) ul,.v-artd .sp-9247 :where(.prose) ol{list-style:none;padding:0;margin:0}
.v-artd .sp-9247 :where(.prose) li{margin:0}
.v-artd .sp-9247 .prose p{margin:0}
.v-artd .sp-9247 .prose .dw-s>p{margin:0 0 16px}
.v-artd .sp-9247 .dwm{--c1:#24375e;--c1b:#e7ecf5;--c2:#c27a12;--c2b:#fdf1dc;--c3:#b0392e;--c3b:#fbe9e7;--dk:#1c2333;--gold:#e0b552;--line:#e1e3ea;--paper:#f6f7f9}
.v-artd .sp-9247 .prose .dw-nt{margin:-4px 0 18px;font-size:12.5px;line-height:1.6;color:var(--sub)}

/* 검색어 순위표 */
.v-artd .sp-9247 .prose .dw-rk{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:column;grid-template-rows:repeat(6,auto);gap:0 24px;margin:8px 0 12px;counter-reset:rk}
.v-artd .sp-9247 .prose .dw-rk li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);counter-increment:rk}
.v-artd .sp-9247 .prose .dw-rk li::before{content:counter(rk);grid-row:1/3;font-size:20px;font-weight:900;color:var(--c);display:block}
.v-artd .sp-9247 .prose .dw-rk b{grid-column:2;font-size:16px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .dw-rk span{grid-column:3;grid-row:1/3;font-size:16px;font-weight:900;color:var(--ink);font-variant-numeric:tabular-nums}
.v-artd .sp-9247 .prose .dw-rk i{grid-column:2;font-style:normal;font-size:11.5px;font-weight:800;color:var(--c)}
.v-artd .sp-9247 .prose .dw-rk .t0{--c:#7a8194}
.v-artd .sp-9247 .prose .dw-rk .t1{--c:var(--c3)}
.v-artd .sp-9247 .prose .dw-rk .t2{--c:var(--c1)}
.v-artd .sp-9247 .prose .dw-rk .t3{--c:var(--c2)}

/* 농도 구간 띠 */
.v-artd .sp-9247 .prose .dw-band{margin:8px 0 14px}
.v-artd .sp-9247 .prose .bd-r{display:grid;grid-template-columns:.8fr 1.2fr 1.4fr 1.4fr;gap:3px}
.v-artd .sp-9247 .prose .bd-c{display:flex;flex-direction:column;gap:5px;padding:14px 14px 12px;border-bottom:8px solid var(--c);background:var(--cb)}
.v-artd .sp-9247 .prose .bd-c:first-child{border-radius:12px 0 0 0}
.v-artd .sp-9247 .prose .bd-c:last-child{border-radius:0 12px 0 0}
.v-artd .sp-9247 .prose .bd-c.z{--c:#c9cdd8;--cb:var(--paper)}
.v-artd .sp-9247 .prose .bd-c.a{--c:#e6b04a;--cb:#fdf5e4}
.v-artd .sp-9247 .prose .bd-c.b{--c:#d9772b;--cb:#fbeee3}
.v-artd .sp-9247 .prose .bd-c.c{--c:var(--c3);--cb:var(--c3b)}
.v-artd .sp-9247 .prose .bd-c b{font-size:16px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .bd-c span{font-size:13px;line-height:1.5;color:#3a3f52}
.v-artd .sp-9247 .prose .bd-c small{margin-top:auto;font-size:11px;font-weight:800;color:var(--sub)}
.v-artd .sp-9247 .prose .bd-x{display:flex;flex-direction:column;gap:0;margin-top:10px;border-radius:12px;background:var(--dk);overflow:hidden}
.v-artd .sp-9247 .prose .bd-x li{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.v-artd .sp-9247 .prose .bd-x li:last-child{border-bottom:0}
.v-artd .sp-9247 .prose .bd-x b{font-size:14.5px;font-weight:900;color:var(--gold)}
.v-artd .sp-9247 .prose .bd-x span{font-size:13.5px;line-height:1.55;color:#e4e7ee}
.v-artd .sp-9247 .prose .bd-x small{font-size:11px;font-weight:700;color:#9aa3b5;white-space:nowrap}

/* 구간 확인 */
.v-artd .sp-9247 .prose .dw-ck{margin:6px 0 10px;padding:20px 22px;border-radius:16px;background:var(--c1b);outline:2px solid var(--c1);outline-offset:-2px}
.v-artd .sp-9247 .prose .ck-h{margin:0 0 12px;font-size:15px;font-weight:900;color:var(--c1)}
.v-artd .sp-9247 .prose .ck-in{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.v-artd .sp-9247 .prose .ck-in label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:800;color:var(--sub)}
.v-artd .sp-9247 .prose .ck-in input[type=number]{width:150px;padding:10px 12px;border:1.5px solid #c3c9d6;border-radius:10px;background:#fff;font:inherit;font-size:18px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .ck-in .ck-cb{flex-direction:row;align-items:center;gap:8px;font-size:13.5px;color:var(--ink)}
.v-artd .sp-9247 .prose .ck-cb input{width:18px;height:18px;accent-color:var(--c3)}
.v-artd .sp-9247 .prose .ck-o{display:flex;flex-direction:column;gap:4px;margin:14px 0 8px;padding:14px 16px;border-radius:12px;background:#fff}
.v-artd .sp-9247 .prose .ck-o span{font-size:12.5px;font-weight:800;color:var(--c1)}
.v-artd .sp-9247 .prose .ck-o b{font-size:18px;font-weight:900;line-height:1.45;color:var(--ink)}
.v-artd .sp-9247 .prose .ck-n{font-size:12.5px;line-height:1.6;color:var(--sub)}

/* 면허 처분과 결격기간 */
.v-artd .sp-9247 .prose .dw-lc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:12px;margin:8px 0 12px}
.v-artd .sp-9247 .prose .lc-k{margin:0 0 10px;font-size:13px;font-weight:900;letter-spacing:.3px;color:var(--c1)}
.v-artd .sp-9247 .prose .lc-p,.v-artd .sp-9247 .prose .lc-y{padding:18px;border-radius:16px;background:var(--paper)}
.v-artd .sp-9247 .prose .lc-p ul{display:flex;flex-direction:column;gap:8px}
.v-artd .sp-9247 .prose .lc-p li{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:10px;background:#fff}
.v-artd .sp-9247 .prose .lc-p li b{font-size:15px;font-weight:900;color:var(--c)}
.v-artd .sp-9247 .prose .lc-p .m{--c:#d9772b}
.v-artd .sp-9247 .prose .lc-p .x{--c:var(--c3)}
.v-artd .sp-9247 .prose .lc-p li span{font-size:13.5px;color:var(--ink)}
.v-artd .sp-9247 .prose .lc-p li small,.v-artd .sp-9247 .prose .yr-r small{font-size:11px;font-weight:700;color:var(--sub)}
.v-artd .sp-9247 .prose .yr{display:flex;flex-direction:column;gap:14px}
.v-artd .sp-9247 .prose .yr-r{display:flex;flex-direction:column;gap:4px}
.v-artd .sp-9247 .prose .yr-r b{display:flex;align-items:center;justify-content:flex-end;width:calc(var(--n) * 18% + 10%);height:36px;padding:0 10px;border-radius:0 8px 8px 0;background:var(--c1);font-size:15px;font-weight:900;color:#fff;box-sizing:border-box}
.v-artd .sp-9247 .prose .yr-r span{font-size:13px;line-height:1.45;color:var(--ink)}

/* 불복 계단 */
.v-artd .sp-9247 .prose .dw-ap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:end;margin:8px 0 12px}
.v-artd .sp-9247 .prose .dw-ap li{display:flex;flex-direction:column;gap:5px;padding:14px;border-radius:12px 12px 0 0;background:var(--c1b);box-sizing:border-box}
.v-artd .sp-9247 .prose .dw-ap li:nth-child(1){min-height:110px;background:var(--paper)}
.v-artd .sp-9247 .prose .dw-ap li:nth-child(2){min-height:140px}
.v-artd .sp-9247 .prose .dw-ap li:nth-child(3){min-height:170px}
.v-artd .sp-9247 .prose .dw-ap li:nth-child(4){min-height:200px;background:var(--c1);color:#fff}
.v-artd .sp-9247 .prose .ap-d{font-size:18px;font-weight:900;color:var(--c1)}
.v-artd .sp-9247 .prose .dw-ap li:nth-child(4) .ap-d{color:var(--gold)}
.v-artd .sp-9247 .prose .dw-ap b{font-size:15px;font-weight:900;color:inherit}
.v-artd .sp-9247 .prose .dw-ap small{font-size:12px;line-height:1.5;color:var(--sub)}
.v-artd .sp-9247 .prose .dw-ap li:nth-child(4) small{color:#cfd6e6}

/* 조건부 운전면허 */
.v-artd .sp-9247 .prose .dw-ig{margin:8px 0 12px}
.v-artd .sp-9247 .prose .ig-bar{display:grid;grid-template-columns:1fr 1fr;margin-bottom:12px}
.v-artd .sp-9247 .prose .ig-bar p{display:flex;flex-direction:column;gap:3px;padding:16px 18px}
.v-artd .sp-9247 .prose .ig-a{border-radius:12px 0 0 12px;background:#e9ebf1}
.v-artd .sp-9247 .prose .ig-b{border-radius:0 12px 12px 0;background:repeating-linear-gradient(135deg,var(--c2b) 0 10px,#fbe9cc 10px 20px)}
.v-artd .sp-9247 .prose .ig-bar b{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .ig-bar span{font-size:12.5px;line-height:1.5;color:#3a3f52}
.v-artd .sp-9247 .prose .ig-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.v-artd .sp-9247 .prose .ig-l li{display:flex;flex-direction:column;gap:5px;padding:16px;border-top:4px solid var(--c2);border-radius:0 0 12px 12px;background:var(--paper);font-size:13.5px;line-height:1.6;color:#3a3f52}
.v-artd .sp-9247 .prose .ig-l b{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .ig-l small{font-size:11px;font-weight:800;color:var(--c2)}

/* 상담 신청 화면 */
.v-artd .sp-9247 .prose .dw-fm{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:start;margin:8px 0 10px}
.v-artd .sp-9247 .prose .fm-w{border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(28,35,51,.12);outline:1px solid var(--line);outline-offset:-1px;overflow:hidden}
.v-artd .sp-9247 .prose .fm-bar{display:flex;align-items:center;gap:5px;padding:10px 14px;background:#eef0f4}
.v-artd .sp-9247 .prose .fm-bar i{width:9px;height:9px;border-radius:50%;background:#c9cdd8}
.v-artd .sp-9247 .prose .fm-bar span{margin-left:8px;font-size:12px;font-weight:800;color:var(--sub)}
.v-artd .sp-9247 .prose .fm-g{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px}
.v-artd .sp-9247 .prose .fm-f{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:8px;outline:1px solid var(--line);outline-offset:-1px}
.v-artd .sp-9247 .prose .fm-f.w{grid-column:1/-1}
.v-artd .sp-9247 .prose .fm-f span{font-size:11px;font-weight:800;color:var(--sub)}
.v-artd .sp-9247 .prose .fm-f b{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .fm-c{display:flex;align-items:center;gap:8px;margin:0 14px;padding:10px 12px;border-radius:8px;background:var(--c3b);font-size:13px;font-weight:800;color:var(--c3)}
.v-artd .sp-9247 .prose .fm-c i{width:14px;height:14px;border-radius:3px;background:var(--c3)}
.v-artd .sp-9247 .prose .fm-o{margin:10px 14px 14px;padding:12px 14px;border-radius:8px;background:var(--c1);font-size:13px;font-weight:700;color:#dfe5f2}
.v-artd .sp-9247 .prose .fm-o b{margin-left:6px;font-size:16px;color:var(--gold)}
.v-artd .sp-9247 .prose .fm-l{display:flex;flex-direction:column;gap:8px;counter-reset:fm}
.v-artd .sp-9247 .prose .fm-l li{display:flex;flex-direction:column;gap:3px;padding:12px 14px 12px 48px;border-radius:12px;background:var(--paper);font-size:13.5px;line-height:1.55;color:#3a3f52;position:relative;counter-increment:fm}
.v-artd .sp-9247 .prose .fm-l li::before{content:counter(fm);position:absolute;left:14px;top:12px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--c1);font-size:12.5px;font-weight:900;color:#fff}
.v-artd .sp-9247 .prose .fm-l b{font-size:14.5px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 .prose .fm-l small{font-size:11px;font-weight:800;color:var(--c1)}

/* 이오 사례 띠 */
.v-artd .sp-9247 :where(.prose) .dw-eo{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto;gap:0;align-items:stretch;margin:8px 0 14px;border-radius:16px;background:var(--dk);text-decoration:none;overflow:hidden}
.v-artd .sp-9247 .prose .dw-eo>span{display:flex;flex-direction:column;justify-content:center;gap:2px;padding:18px 16px;border-right:1px solid rgba(255,255,255,.1);font-size:12.5px;font-weight:700;color:#b9c1d3}
.v-artd .sp-9247 .prose .dw-eo .eo-k{font-size:15px;font-weight:900;color:#fff}
.v-artd .sp-9247 .prose .dw-eo .eo-n b{font-size:20px;font-weight:900;color:var(--gold)}
.v-artd .sp-9247 .prose .dw-eo .eo-go{border-right:0;background:var(--gold);font-size:13.5px;font-weight:900;color:var(--dk)}

/* 사례 */
.v-artd .sp-9247 .prose .dw-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 8px}
.v-artd .sp-9247 :where(.prose) .cs-c{display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:16px;background:var(--soft);color:var(--ink);text-decoration:none}
.v-artd .sp-9247 :where(.prose) .cs-c:hover{background:#eef2ff}
.v-artd .sp-9247 .prose .cs-k{font-size:12.5px;font-weight:900;color:var(--c1)}
.v-artd .sp-9247 .prose .cs-t{font-size:16px;font-weight:900;line-height:1.4;color:var(--ink)}
.v-artd .sp-9247 .prose .cs-d{font-size:13.5px;line-height:1.55;color:var(--sub)}

/* 진행 방식 */
.v-artd .sp-9247 :where(.prose) .dw-wbox{margin:0;padding:24px 26px;border-radius:18px;background:#fff8e1}
.v-artd .sp-9247 :where(.prose) .dw-wbox .we-h{margin:0 0 14px;font-size:13px;font-weight:800;letter-spacing:.4px;color:#9a6a00}
.v-artd .sp-9247 .prose .dw-wbox dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.v-artd .sp-9247 .prose .dw-wbox dl>div{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:12px;background:#fff}
.v-artd .sp-9247 :where(.prose) .dw-wbox dt{font-size:15px;font-weight:900;color:var(--ink)}
.v-artd .sp-9247 :where(.prose) .dw-wbox dd{margin:0;font-size:14.5px;line-height:1.6;color:#3a3f52}

/* 연재 순서 */
.v-artd .sp-9247 .prose .dw-nx{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:6px;margin:6px 0 8px}
.v-artd .sp-9247 :where(.prose) .dw-nx a{display:flex;flex-direction:column;gap:3px;height:100%;margin:0;padding:12px 14px;border-radius:12px;background:var(--soft);font-size:14px;font-weight:700;line-height:1.4;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9247 :where(.prose) .dw-nx a:hover{background:#eef2ff}
.v-artd .sp-9247 :where(.prose) .dw-nx span{font-size:12.5px;font-weight:800;color:var(--blue)}
.v-artd .sp-9247 .prose .dw-nh{margin:22px 0 10px;font-size:15px;font-weight:900;color:var(--c1)}
.v-artd .sp-9247 .prose .dw-dt{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:0 0 8px}
.v-artd .sp-9247 .prose .dw-dt li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:#fff;outline:1.5px dashed #c9cdd8;outline-offset:-1.5px;font-size:13.5px;font-weight:700;line-height:1.35;color:var(--sub)}
.v-artd .sp-9247 .prose .dw-dt li.on{background:var(--navy);outline:0;color:#fff}
.v-artd .sp-9247 .prose .dw-dt li.ok{padding:0;outline:0;background:var(--soft)}
.v-artd .sp-9247 :where(.prose) .dw-dt li.ok a{display:flex;flex-direction:column;gap:2px;height:100%;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none;box-sizing:border-box}
.v-artd .sp-9247 :where(.prose) .dw-dt li.ok a:hover{background:#eef2ff}
.v-artd .sp-9247 .prose .dw-dt span{font-size:11.5px;font-weight:800;color:#9aa1b1}
.v-artd .sp-9247 .prose .dw-dt li.on span{color:var(--yellow)}
.v-artd .sp-9247 .prose .dw-dt li.ok span{color:var(--blue)}
.v-artd .sp-9247 :where(.prose) .dw-dt span::after{content:"편"}

/* 출처 */
.v-artd .sp-9247 .prose .dw-srcs h2{font-size:15px;color:var(--sub)}
.v-artd .sp-9247 :where(.prose) .dw-srcs li{font-size:13.5px;line-height:1.7;color:var(--sub)}

@media (max-width:760px){
  .v-artd .sp-9247 .prose h2{font-size:22px}
  .v-artd .sp-9247 :where(.prose) .dw-s{padding-top:48px}
  .v-artd .sp-9247 .prose .dw-cs{grid-template-columns:1fr}
  .v-artd .sp-9247 :where(.prose) .dw-wbox{padding:20px 16px}
  .v-artd .sp-9247 .prose .dw-wbox dl{grid-template-columns:1fr}
  .v-artd .sp-9247 .prose .dw-nx{grid-template-columns:1fr 1fr}
  .v-artd .sp-9247 .prose .dw-dt{grid-template-columns:repeat(3,minmax(0,1fr))}
  .v-artd .sp-9247 .prose .dw-rk{grid-template-columns:1fr;grid-auto-flow:row;grid-template-rows:none}
  .v-artd .sp-9247 .prose .bd-r{grid-template-columns:1fr 1fr}
  .v-artd .sp-9247 .prose .bd-c:first-child{border-radius:12px 0 0 0}
  .v-artd .sp-9247 .prose .bd-c:nth-child(2){border-radius:0 12px 0 0}
  .v-artd .sp-9247 .prose .bd-c:last-child{border-radius:0}
  .v-artd .sp-9247 .prose .bd-x li{grid-template-columns:1fr;gap:3px;padding:12px 14px}
  .v-artd .sp-9247 .prose .bd-x small{white-space:normal}
  .v-artd .sp-9247 .prose .dw-ck{padding:16px}
  .v-artd .sp-9247 .prose .ck-o b{font-size:16px}
  .v-artd .sp-9247 .prose .dw-lc{grid-template-columns:1fr}
  .v-artd .sp-9247 .prose .dw-ap{grid-template-columns:1fr 1fr}
  .v-artd .sp-9247 .prose .dw-ap li{min-height:0 !important;border-radius:12px}
  .v-artd .sp-9247 .prose .ig-bar{grid-template-columns:1fr}
  .v-artd .sp-9247 .prose .ig-a{border-radius:12px 12px 0 0}
  .v-artd .sp-9247 .prose .ig-b{border-radius:0 0 12px 12px}
  .v-artd .sp-9247 .prose .ig-l{grid-template-columns:1fr}
  .v-artd .sp-9247 .prose .dw-fm{grid-template-columns:1fr}
  .v-artd .sp-9247 :where(.prose) .dw-eo{grid-template-columns:1fr 1fr 1fr}
  .v-artd .sp-9247 .prose .dw-eo .eo-k,.v-artd .sp-9247 .prose .dw-eo .eo-go{grid-column:1/-1}
  .v-artd .sp-9247 .prose .dw-eo>span{padding:14px 12px}
  .v-artd .sp-9247 .prose .dw-eo .eo-n b{font-size:16px}
  .v-artd .sp-9247 aside.dw-wbox dl{grid-template-columns:1fr}
}