/* ===== 드라이버허브 테마 ===== */
body { margin: 0; background: #fff; color: #23232b; font-family: Pretendard, "Pretendard Variable", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; }
#dh_wrap { --line: #e3e3ea; --soft: #f6f6f9; --ink: #23232b; --muted: #7a7a86; --point: #1b8fd8; --mark: #e2523b; --radius: 8px;
    max-width: 1160px; margin: 0 auto; padding: 0 16px 40px; box-sizing: border-box; font-size: 16px; line-height: 1.5; }
#dh_wrap *, #dh_wrap *::before, #dh_wrap *::after { box-sizing: border-box; }
#dh_wrap [hidden] { display: none !important; }
/* 기본값은 :where() 로 우선순위 0 → 버튼/링크 클래스 색상이 덮이지 않게 */
:where(#dh_wrap) :where(a) { color: inherit; text-decoration: none; }
:where(#dh_wrap) :where(button, input, select, textarea) { font: inherit; color: inherit; }
#dh_wrap :focus-visible { outline: 2px solid var(--point); outline-offset: 2px; }

/* 헤더 */
.dh-head { display: flex; align-items: flex-end; justify-content: center; gap: 14px; padding: 26px 0 18px; flex-wrap: wrap; }
.dh-logo { display: inline-flex; align-items: center; gap: 14px; }
.dh-logo-ic { width: 52px; height: 52px; border-radius: 12px; background: #f1eef8; color: #5b3f9e; display: grid; place-items: center; }
.dh-logo strong { font-size: 34px; font-weight: 800; letter-spacing: -0.02em; }
.dh-sub { color: var(--muted); font-size: 19px; padding-bottom: 4px; }

/* 안내 */
.dh-info { border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 26px 18px 60px; display: grid; grid-template-columns: 1fr auto; gap: 8px 24px; margin-bottom: 14px; }
.dh-info-list { margin: 0; padding: 0; list-style: none; color: #55555f; font-size: 15.5px; }
.dh-info-list li { position: relative; padding: 2px 0; }
.dh-info-list li::before { content: ""; position: absolute; left: -16px; top: 11px; width: 6px; height: 6px; background: var(--mark); transform: rotate(45deg); }
.dh-info-list b { color: var(--ink); font-weight: 600; }
.dh-info-btns { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.dh-help { grid-column: 1 / -1; background: var(--soft); border-radius: var(--radius); padding: 12px 18px; font-size: 15px; color: #44444d; }
.dh-help ol { margin: 0; padding-left: 20px; }
.dh-help li + li { margin-top: 4px; }

/* 버튼 / 입력 */
.dh-btn { display: inline-flex; align-items: center; justify-content: center; height: 46px; padding: 0 20px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; cursor: pointer; font-weight: 500; white-space: nowrap; transition: background .15s, border-color .15s; }
.dh-btn:hover { background: var(--soft); border-color: #cfcfd8; }
.dh-btn:disabled { opacity: .45; cursor: not-allowed; }
.dh-btn.sm { height: 34px; padding: 0 13px; font-size: 15px; }
.dh-btn.lg { height: 50px; padding: 0 22px; font-size: 17px; }
.dh-btn.sq { width: 46px; height: 40px; padding: 0; font-size: 18px; }
.dh-btn.ghost { background: #ececf1; color: #8a8a96; }
.dh-btn.primary { background: #2a2a33; border-color: #2a2a33; color: #fff; }
.dh-btn.primary:hover { background: #3a3a46; }
.dh-btn.danger { color: #c0392b; }
.dh-input { height: 52px; padding: 0 18px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; font-size: 17px; min-width: 0; }
select.dh-input { appearance: none; -webkit-appearance: none; padding-right: 42px; cursor: pointer;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M0 0h12L6 8z' fill='%2355555f'/%3E%3C/svg%3E") no-repeat right 18px center; }
.dh-input::placeholder { color: #9a9aa6; }
.w-xs { width: 120px; } .w-sm { width: 180px; } .w-md { width: 256px; } .w-lg { width: 418px; max-width: 100%; }

/* 폼 */
.dh-form { background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 56px 6px; }
.dh-row { display: grid; grid-template-columns: 206px 1fr; gap: 12px; padding: 8px 0 10px; }
.dh-th { font-size: 19px; font-weight: 600; padding-top: 10px; }
.dh-th-sub { display: block; font-size: 15px; font-weight: 500; color: var(--muted); margin-top: 2px; }
.dh-td { min-width: 0; }
.dh-line { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.dh-line + .dh-line { margin-top: 8px; }
.dh-mini { font-size: 14px; color: var(--muted); margin-right: 6px; }
.dh-note { margin: 6px 0 0; font-size: 14px; color: var(--muted); white-space: pre-wrap; }
.dh-note:empty { display: none; }
.dh-faxver { display: inline-flex; align-items: center; }

.dh-counters { display: flex; flex-wrap: wrap; gap: 26px; }
.dh-counter { display: grid; gap: 6px; padding-right: 26px; border-right: 1px solid var(--line); }
.dh-counter:last-child { border-right: 0; }
.dh-counter .dh-mini { margin: 0; }
.dh-counter .dh-count { width: 60px; height: 52px; padding: 0; text-align: center; -moz-appearance: textfield; }
.dh-counter .dh-count::-webkit-inner-spin-button, .dh-counter .dh-count::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.dh-steps { display: flex; gap: 6px; }
.dh-counter.is-off { opacity: .4; }

.dh-radios { display: flex; align-items: center; padding-top: 8px; flex-wrap: wrap; }
.dh-radios label, .dh-check { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; font-size: 18px; }
.dh-radios label { padding: 0 20px 0 0; margin-right: 20px; border-right: 1px solid var(--line); }
.dh-radios label:last-child { border-right: 0; }
.dh-radios input, .dh-check input { appearance: none; -webkit-appearance: none; width: 28px; height: 28px; margin: 0; border: 1px solid var(--line); border-radius: 50%; background: #fff; cursor: pointer; display: grid; place-items: center; flex: none; }
.dh-check input { border-radius: 7px; width: 24px; height: 24px; }
.dh-radios input:checked, .dh-check input:checked { background: var(--point); border-color: var(--point); }
.dh-radios input:checked::after, .dh-check input:checked::after { content: ""; width: 10px; height: 6px; border: 2.5px solid #fff; border-top: 0; border-right: 0; transform: translateY(-2px) rotate(-45deg); }

.dh-row-detail { border-top: 2px dashed #dcdce4; margin-top: 8px; padding-top: 14px; }
.dh-detail-btn { border: 0; background: none; padding: 0; font-size: 19px; font-weight: 600; cursor: pointer; }
.dh-detail-btn i { font-style: normal; display: inline-block; transition: transform .2s; }
.dh-detail-btn[aria-expanded="true"] i { transform: rotate(180deg); }
.dh-summary { margin: 0; padding-top: 2px; color: #55555f; font-size: 17px; white-space: pre-wrap; }
.dh-detail { padding-bottom: 6px; }

/* 액션 / 목록 */
.dh-actions { display: flex; justify-content: center; gap: 12px; margin: 16px 0; }
.dh-list { display: grid; gap: 10px; }
.dh-ditem { display: grid; grid-template-columns: 130px 1fr auto; gap: 16px; align-items: center; border: 2px solid var(--ink); border-radius: var(--radius); padding: 14px 22px; }
.dh-ditem.is-edit { border-color: var(--point); background: #f2f9fe; }
.dh-card-no b { display: block; font-weight: 600; font-size: 17px; }
.dh-card-no small { font-size: 14px; color: var(--muted); }
.dh-card-l1, .dh-card-l2 { display: flex; flex-wrap: wrap; font-size: 17px; }
.dh-card-l1 > * + *, .dh-card-l2 > * + * { margin-left: 16px; padding-left: 16px; border-left: 1px solid var(--line); }
.dh-card-l1 b { font-weight: 600; }
.dh-card-btns { display: flex; gap: 6px; align-self: start; }

/* 하단 */
.dh-bottom { margin-top: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 12px; background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 56px; }
.dh-profile { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.dh-profile-ic { color: #5b3f9e; display: grid; place-items: center; margin-right: 4px; }
.dh-profile .dh-input { height: 40px; width: 256px; font-size: 16px; }
.dh-profile .dh-btn { height: 40px; }
.dh-links { display: flex; }
.dh-links a { padding: 0 16px; border-left: 1px solid var(--line); font-weight: 500; }
.dh-links a:first-child { border-left: 0; }
.dh-links a:hover { color: var(--point); }

.dh-empty { text-align: center; padding: 26px; border: 1px dashed var(--line); border-radius: var(--radius); color: var(--muted); margin: 0 0 14px; }
.dh-empty p { margin: 0 0 10px; }
.dh-muted { color: var(--muted); }
.dh-foot { text-align: center; color: #a0a0aa; font-size: 13px; margin-top: 30px; }

/* 관리자 / 목록 페이지 */
.dh-admin-top { display: flex; justify-content: space-between; align-items: center; margin: 4px 0 14px; }
.dh-admin-top h2 { margin: 0; font-size: 24px; }
.dh-admin-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 14px; margin-bottom: 20px; align-items: start; }
.dh-panel { background: var(--soft); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px 20px; display: grid; gap: 10px; }
.dh-panel h3 { margin: 0 0 4px; font-size: 18px; }
.dh-panel > label, .dh-panel-row > label { display: grid; gap: 4px; font-size: 14px; color: #55555f; }
.dh-panel > label.dh-check { display: inline-flex; }
.dh-panel .dh-input { height: 42px; font-size: 15px; width: 100%; }
.dh-panel input[type=file].dh-input { padding: 8px 10px; }
.dh-panel .dh-check { font-size: 15px; }
.dh-panel-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.dh-panel-btns { display: flex; justify-content: flex-end; gap: 6px; }
.dh-model { border: 1px solid var(--line); border-radius: var(--radius); margin-bottom: 12px; overflow: hidden; }
.dh-model-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 12px 16px; background: var(--soft); }
.dh-model-head b { font-size: 18px; margin-right: 8px; }
.dh-model-btns { display: flex; gap: 6px; }
.dh-model-btns form { margin: 0; }
.dh-pad { padding: 12px 16px; margin: 0; }
.dh-file { padding: 12px 16px; border-top: 1px solid var(--line); margin: 0; }
.dh-file.is-default { background: #f4fafe; }
.dh-file-tag { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; font-size: 14px; }
.dh-file-src { color: var(--muted); text-decoration: underline; margin-left: 4px; word-break: break-all; }
.dh-file-fields { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.dh-file-fields .dh-input { height: 36px; font-size: 14px; padding: 0 10px; width: 130px; }
.dh-file-fields select.dh-input { padding-right: 30px; background-position: right 10px center; width: 96px; }
.dh-file-fields .dh-input.wide { width: 240px; flex: 1 1 200px; }
.dh-file-fields .dh-check { font-size: 14px; }
.dh-tag { display: inline-block; font-size: 12px; padding: 1px 8px; border-radius: 20px; background: #ececf1; color: #55555f; }
.dh-tag.on { background: var(--point); color: #fff; }
.dh-list-search { margin-bottom: 14px; }
.dh-table-wrap { overflow-x: auto; }
.dh-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dh-table th, .dh-table td { padding: 9px 12px; border-top: 1px solid var(--line); text-align: left; white-space: nowrap; }
.dh-table th { font-weight: 600; color: #55555f; background: #fff; }
.dh-table tr.is-default td { background: #f4fafe; }

/* 반응형 */
@media (max-width: 860px) {
    .dh-info { grid-template-columns: 1fr; padding-left: 40px; }
    .dh-info-btns { flex-direction: row; flex-wrap: wrap; }
    .dh-form { padding: 10px 18px 4px; }
    .dh-row { grid-template-columns: 1fr; gap: 6px; }
    .dh-th { padding-top: 4px; font-size: 17px; }
    .dh-th-sub { display: inline; margin-left: 8px; }
    .w-md, .w-lg { width: 100%; }
    .dh-line > .dh-input.w-md { flex: 1 1 200px; }
    .dh-ditem { grid-template-columns: 1fr; gap: 8px; }
    .dh-card-btns { justify-self: end; }
    .dh-bottom { padding: 12px 18px; }
    .dh-admin-grid, .dh-panel-row { grid-template-columns: 1fr; }
    .dh-logo strong { font-size: 28px; }
    .dh-sub { font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) { #dh_wrap * { transition: none !important; } }

/* 카탈로그 검색 */
.dh-catstat { margin: 8px 0 0; font-size: 14px; color: var(--muted); }
.dh-catstat:empty { display: none; }
.dh-catstat.is-busy::before { content: ""; display: inline-block; width: 12px; height: 12px; margin-right: 8px; vertical-align: -1px; border: 2px solid #c9c9d3; border-top-color: var(--point); border-radius: 50%; animation: dh-spin .8s linear infinite; }
.dh-catstat.is-err { color: #c0392b; }
.dh-note.is-warn { color: #c0392b; }
.dh-keep { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.dh-keep .dh-mini { margin: 0; }
@keyframes dh-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .dh-catstat.is-busy::before { animation: none; } }

/* 모델 자동 수집 */
.dh-harvest { margin-bottom: 16px; }
.dh-small { font-size: 14px; margin: 0; }
.dh-brand-checks { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.dh-brand-checks .dh-check { font-size: 15px; }
.dh-brand-checks small { font-size: 12px; }
.dh-input-sm { height: 38px; font-size: 14px; padding: 0 34px 0 12px; }
select.dh-input-sm { background-position: right 12px center; }
.dh-log { margin: 0; max-height: 260px; overflow: auto; background: #fff; border: 1px solid var(--line); border-radius: var(--radius); padding: 10px 14px; font-size: 13px; line-height: 1.6; white-space: pre-wrap; }
.dh-admin-filter { margin-bottom: 10px; }
.dh-admin-filter .dh-input.w-md { height: 42px; font-size: 15px; }
.dh-admin-filter .dh-btn { height: 42px; }

/* 웹 검색 */
.dh-textarea { height: auto; padding: 10px 12px; font-size: 14px; line-height: 1.6; resize: vertical; width: 100%; }
.dh-web { margin-top: 10px; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; padding: 14px 16px; }
.dh-web-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.dh-web-head strong { font-weight: 600; margin-right: 6px; }
.dh-web-list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 2px; }
.dh-web-list li { padding: 8px 0; border-top: 1px solid var(--line); }
.dh-web-list a { font-weight: 600; color: #1a5fa8 !important; }
.dh-web-list a:hover { text-decoration: underline !important; }
.dh-web-host { font-size: 13px; color: var(--muted); margin-left: 6px; }
.dh-web-desc { margin: 2px 0 0; font-size: 14px; color: #55555f; }
.dh-web-admin { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 12px; padding-top: 12px; border-top: 1px dashed var(--line); }
.dh-web-admin .dh-input { height: 38px; font-size: 14px; flex: 1 1 260px; }
.dh-web-admin .dh-btn { height: 38px; }
.dh-web-tip { font-size: 13px; color: var(--muted); margin: 8px 0 0; }

/* 자동 검사 */
.dh-scanbar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; border: 1px solid #cfe5f6; background: #f2f9fe; border-radius: var(--radius); padding: 14px 22px; margin-bottom: 14px; }
.dh-scanbar b { display: block; font-size: 17px; }
.dh-scanbar span { font-size: 15px; color: #55555f; }
.dh-scan { border: 2px solid var(--point); border-radius: var(--radius); padding: 14px 22px; margin-bottom: 14px; }
.dh-scan-head { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 6px; }
.dh-scan-head b { font-size: 18px; }
.dh-scan-list { list-style: none; margin: 0; padding: 0; }
.dh-scan-item { display: grid; grid-template-columns: 1fr auto; gap: 2px 14px; align-items: center; padding: 10px 0; border-top: 1px solid var(--line); }
.dh-scan-main { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.dh-scan-main b { font-size: 17px; font-weight: 600; }
.dh-scan-ip { font-size: 16px; color: #33333b; }
.dh-scan-sub { grid-column: 1; font-size: 13px; color: var(--muted); }
.dh-scan-item .dh-btn { grid-column: 2; grid-row: 1 / span 2; }

/* 웹 결과 줄 */
.dh-web-row { display: flex; align-items: center; gap: 12px; }
.dh-web-info { flex: 1; min-width: 0; }
.dh-web-row .dh-btn { flex: none; align-self: center; }

/* 끌어다 놓기 업로드 */
.dh-drop { margin-top: 12px; border: 2px dashed var(--line); border-radius: var(--radius); background: var(--soft);
    padding: 20px 16px; text-align: center; cursor: pointer; display: grid; gap: 4px; justify-items: center; transition: .15s; }
.dh-drop:hover { border-color: var(--point); background: #f4fafe; }
.dh-drop.is-over { border-color: var(--point); background: #eaf5fe; transform: scale(1.005); }
.dh-drop.is-busy { opacity: .6; pointer-events: none; }
.dh-drop:focus-visible { outline: 2px solid var(--point); outline-offset: 2px; }
.dh-drop-ic { color: var(--point); margin-bottom: 2px; }
.dh-drop b { font-size: 15.5px; font-weight: 600; }
.dh-drop-sub { font-size: 13px; color: var(--muted); }
.dh-drop-stat { margin: 8px 0 0; font-size: 14px; }
.dh-drop-stat:empty { display: none; }
.dh-drop-stat.is-busy { color: var(--muted); }
.dh-drop-stat.is-ok { color: #1f9d57; }
.dh-drop-stat.is-err { color: #c0392b; }

/* ============================================================
   1.9 새 디자인 (단계형 카드) — 기존 폼 클래스는 그대로 재사용
   ============================================================ */
#dh_wrap { --card:#ffffff; --sh:0 1px 2px rgba(20,20,40,.04), 0 6px 20px rgba(20,20,40,.05); }
body { background:#f7f7fb; }
#dh_wrap { max-width:880px; }

.dh-card { background:var(--card); border:1px solid var(--line); border-radius:14px; box-shadow:var(--sh);
  padding:24px 28px; margin-bottom:16px; }
.dh-step { display:flex; align-items:center; gap:11px; margin-bottom:6px; }
.dh-step .dh-stepno { width:26px; height:26px; border-radius:50%; background:#24242c; color:#fff;
  display:grid; place-items:center; font-size:14px; font-weight:700; flex:none; }
.dh-step h2 { margin:0; font-size:19px; font-weight:700; letter-spacing:-.02em; }
.dh-step-right { margin-left:auto; }
.dh-form-no { font-size:14px; color:var(--muted); font-weight:500; }

/* 자동 찾기 히어로 */
.dh-hero { text-align:center; padding:10px 0 2px; }
.dh-hero-ic { width:68px; height:68px; margin:8px auto 14px; border-radius:50%; background:#eef6fd; color:var(--point);
  display:grid; place-items:center; }
.dh-hero h3 { margin:0 0 6px; font-size:21px; font-weight:700; letter-spacing:-.02em; }
.dh-hero p { margin:0 auto 18px; max-width:460px; color:#55555f; font-size:15px; }
.dh-hero-manual { font-size:14.5px; color:#55555f; margin:14px 0 0 !important; }
.dh-linkbtn { background:none; border:0; color:var(--point); font:inherit; font-weight:600; cursor:pointer; padding:0; }
.dh-or { display:flex; align-items:center; gap:14px; max-width:420px; margin:20px auto 0; color:var(--muted); font-size:14px; }
.dh-or::before, .dh-or::after { content:""; height:1px; flex:1; background:var(--line); }

.dh-btn.lg { height:54px; padding:0 30px; font-size:16px; border-radius:12px; }
.dh-btn.lg svg { margin-right:4px; }
.dh-btn.primary { box-shadow:0 6px 16px rgba(20,20,40,.12); }

/* 도움말 */
.dh-help { margin-top:16px; border-top:1px solid var(--line); padding-top:16px; }
.dh-help-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 22px; }
.dh-help-grid b { font-size:14.5px; }
.dh-help-grid p { margin:3px 0 0; font-size:13.5px; color:#55555f; }
.dh-help-links { margin:14px 0 0; display:flex; gap:16px; }
.dh-help-links a { color:var(--point); font-size:14px; font-weight:500; }

/* 찾은 복합기 */
.dh-scan { border:1px solid var(--point-line, #cfe4f8); }
.dh-scan-list { list-style:none; margin:10px 0 0; padding:0; display:grid; gap:10px; }
.dh-scan-item { display:grid; grid-template-columns:1fr auto; gap:2px 14px; align-items:center;
  border:1px solid var(--line); border-radius:11px; padding:13px 16px; transition:.15s; }
.dh-scan-item:hover { border-color:var(--point); background:#f4fafe; }
.dh-scan-main { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.dh-scan-main b { font-size:16px; font-weight:700; }
.dh-scan-ip { font-size:15px; color:#44444d; font-variant-numeric:tabular-nums; }
.dh-scan-sub { grid-column:1; font-size:13px; color:var(--muted); }
.dh-scan-item .dh-btn { grid-column:2; grid-row:1 / span 2; }

/* 폼 카드: 기존 .dh-form 을 카드 안에서 */
.dh-form-card .dh-form { background:transparent; border:0; border-radius:0; padding:8px 0 0; }
.dh-form-card .dh-row { grid-template-columns:120px 1fr; }
.dh-form-card .dh-th { font-size:16px; padding-top:12px; }
.dh-form-card .dh-input { height:48px; font-size:15px; border-radius:10px; }
.dh-form-card .dh-input:focus { outline:none; border-color:var(--point); box-shadow:0 0 0 3px #eef6fd; }
.dh-form-card .dh-count { height:48px; }
.dh-form-card .dh-btn.sq { height:44px; }
.dh-form-card .dh-actions { margin:20px 0 4px; }

/* 연결 방식 강조 */
.dh-conn label { font-size:16px; }
.dh-ip-hint { color:var(--muted); }

/* 라디오 pill 스타일 */
.dh-form-card .dh-radios { gap:0; }

/* 하단 */
.dh-bottom { border-radius:14px; box-shadow:var(--sh); }

@media (max-width:680px){
  #dh_wrap { padding:0 14px 50px; }
  .dh-card { padding:18px 18px; }
  .dh-help-grid { grid-template-columns:1fr; }
  .dh-form-card .dh-row { grid-template-columns:1fr; }
  .dh-scan-item { grid-template-columns:1fr; }
  .dh-scan-item .dh-btn { grid-column:1; grid-row:auto; justify-self:end; }
}

/* ① 카드 접힘 상태 */
.dh-collapsed { padding:16px 28px; }
.dh-collapsed .dh-step { margin-bottom:0; }
@media (max-width:680px){ .dh-collapsed { padding:14px 18px; } }