@charset "UTF-8";
/* ==========================================================================
 * drct-m.css  [2026-10-27]  분쟁조정 메뉴 (drct 전체, 0031 제외) — 휴대폰에서도 쓸 수 있게
 *  휴대폰에서도 입력할 수 있게 다시 짠 화면 (PC 는 두 칸, 768px 이하는 한 칸)
 *  - 분쟁조정 스킨(subpage-s02-skin)과 메인(page-main-skin)이 불러옴. 짝 스크립트 drct-m.js
 *  - 화면 JSP 의 class="drm" 안에서만 적용 (다른 화면은 영향 없음)
 *  - 768px 이하에서는 이 화면이 열려 있을 때만(html.drm-on) 포털 틀(최소 폭 1198px · 왼쪽 메뉴 · 상단 메뉴)을 휴대폰 폭에 맞춘다
 *  - 주 색 #1c3f6e · 입력칸 8px 둥글게 · 틀 카드
 * ========================================================================== */

/* ---------- 공통 (PC · 휴대폰) ---------- */
#content.drm{font-family:"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif;color:#1f2937;font-size:14px;line-height:1.55;letter-spacing:-.2px}
#content.drm *{box-sizing:border-box}
#content.drm .drm-body{max-width:1040px;margin:0 auto;padding:0 0 24px}
#content.drm .drm-sr,#content.drm select.drm-in.drm-sr{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;margin:-1px !important;padding:0 !important;border:0 !important}

/* 진행 단계 */
#content.drm .drm-steps{display:flex;margin:6px auto 18px;padding:0;max-width:1040px;list-style:none;counter-reset:drms}
#content.drm .drm-steps li{flex:1;position:relative;padding-top:30px;text-align:center;font-size:12.5px;color:#94a3b8;font-weight:600;list-style:none}
#content.drm .drm-steps li:before{counter-increment:drms;content:counter(drms);position:absolute;top:0;left:50%;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:#e2e8f0;color:#64748b;font:700 12px/24px Arial,sans-serif;text-align:center}
#content.drm .drm-steps li:after{content:"";position:absolute;top:11px;left:50%;margin-left:16px;width:calc(100% - 32px);height:2px;background:#e2e8f0}
#content.drm .drm-steps li:last-child:after{display:none}
#content.drm .drm-steps li.done{color:#1c3f6e}
#content.drm .drm-steps li.done:before{content:"\2713";background:#e8f0fb;color:#1c3f6e}
#content.drm .drm-steps li.done:after{background:#1c3f6e}
#content.drm .drm-steps li.cur{color:#1c3f6e}
#content.drm .drm-steps li.cur:before{background:#1c3f6e;color:#fff;box-shadow:0 0 0 4px rgba(28,63,110,.15)}

/* 카드(묶음) */
#content.drm .drm-card{margin:0 0 14px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}
#content.drm .drm-card > h3{position:relative;display:flex;align-items:center;gap:8px;margin:0;padding:14px 18px;border-bottom:1px solid #eef1f5;background:none;font-size:15.5px;font-weight:700;color:#0f2847;line-height:22px}
#content.drm .drm-card > h3 span{display:none}
#content.drm .drm-card > h3 .n{position:static;left:auto;background-image:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;background:#1c3f6e;color:#fff;font:700 12px Arial,sans-serif}
#content.drm .drm-card > h3 .opt{margin-left:auto;font-size:12px;font-weight:400;color:#64748b}
#content.drm .drm-cbody{padding:16px 18px 4px}
#content.drm .drm-lead{margin:0 0 14px;color:#334155}
#content.drm .drm-req-note{margin:0 0 12px;font-size:12.5px;color:#64748b}
#content.drm .drm-req-note b,#content.drm .drm-req{color:#c0392b;font-weight:700}
#content.drm .drm-note{display:flex;gap:8px;margin:0 0 14px;padding:10px 12px;border-radius:8px;background:#fff8e6;color:#7a5a00;font-size:12.5px}
#content.drm .drm-note:before{content:"!";flex:0 0 18px;height:18px;border-radius:50%;background:#e0a100;color:#fff;font:700 12px/18px Arial,sans-serif;text-align:center}
#content.drm ul.drm-dots{margin:0 0 10px;padding:0;list-style:none}
#content.drm ul.drm-dots li{position:relative;padding:0 0 7px 14px;color:#334155;font-size:13.5px;list-style:none;background:none}
#content.drm ul.drm-dots li:before{content:"";position:absolute;left:2px;top:9px;width:4px;height:4px;border-radius:50%;background:#94a3b8}
#content.drm ul.drm-dots em{color:#1c3f6e;font-style:normal;font-weight:700}

/* 입력 */
#content.drm .drm-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
#content.drm .drm-f{margin:0 0 14px;min-width:0}
#content.drm .drm-f.full{grid-column:1/-1}
#content.drm .drm-f > label,#content.drm .drm-f > .drm-lb{display:block;margin:0 0 6px;font-size:13px;font-weight:700;color:#334155}
#content.drm .drm-f .drm-hint,#content.drm .drm-hint{display:block;margin:5px 0 0;font-size:12px;color:#64748b;font-style:normal}
#content.drm .drm-f .drm-cnt{float:right;font-weight:400;color:#64748b;font-size:12px}
#content.drm .drm-f .drm-cnt strong{color:#1c3f6e}
#content.drm .drm-val{min-height:44px;padding:11px 12px;border:1px solid #e3e8ef;border-radius:8px;background:#f3f5f8;color:#334155;font-size:15px;line-height:20px;word-break:break-all}
#content.drm input.drm-in,#content.drm select.drm-in,#content.drm textarea.drm-in{display:block;width:100% !important;height:44px;margin:0;padding:0 12px;border:1px solid #cfd6e0;border-radius:8px;background-color:#fff;color:#1f2937;font:15px "Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif;box-shadow:none;-webkit-appearance:none;appearance:none}
#content.drm input.drm-in,#content.drm select.drm-in{height:44px !important;text-indent:0}   /* 포털 .sel04 · .int01 의 높이(!important) · 들여쓰기 덮어씀 */
#content.drm select.drm-in{padding-right:34px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2364748b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 12px center}
#content.drm textarea.drm-in{height:auto;min-height:150px;padding:10px 12px;line-height:1.6;resize:vertical}
#content.drm .drm-in:focus{outline:none;border-color:#1c3f6e;box-shadow:0 0 0 3px rgba(28,63,110,.14)}
#content.drm .drm-in[readonly]{background-color:#f3f5f8;color:#475569}
#content.drm .drm-in[disabled]{background-color:#f3f5f8;color:#94a3b8}
#content.drm .drm-row{display:flex;gap:8px;align-items:center}
#content.drm .drm-row .drm-in{flex:1;min-width:0}
#content.drm .drm-row .drm-in.zip{flex:0 0 140px;max-width:140px}
#content.drm .drm-stack > * + *{margin-top:6px}
#content.drm .drm-won{position:relative}
#content.drm .drm-won .drm-in{padding-right:34px;text-align:right}
#content.drm .drm-won:after{content:"원";position:absolute;right:12px;top:12px;color:#64748b;font-size:14px}
#content.drm img.ui-datepicker-trigger{display:none}   /* 생년월일: 칸을 누르면 달력 */

/* 버튼 */
#content.drm .drm-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;margin:0;padding:0 18px;border:1px solid #cfd6e0;border-radius:8px;background:#fff;background-image:none;color:#334155;font:600 15px "Malgun Gothic","맑은 고딕",sans-serif;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:none}
#content.drm .drm-btn:hover{border-color:#1c3f6e;color:#1c3f6e;text-decoration:none}
#content.drm .drm-btn.pri{background:#1c3f6e;border-color:#1c3f6e;color:#fff}
#content.drm .drm-btn.pri:hover{background:#15325a;border-color:#15325a;color:#fff}
#content.drm .drm-btn.red{color:#c0392b;border-color:#f0c4be}
#content.drm .drm-btn.red:hover{background:#fef3f2;border-color:#c0392b;color:#c0392b}
#content.drm .drm-btn.sm{height:36px;padding:0 12px;font-size:13.5px}
#content.drm .drm-dock{display:flex;gap:8px;justify-content:flex-end;max-width:1040px;margin:18px auto 0;padding:0}
#content.drm .drm-dock + .drm-card{margin-top:36px}   /* 버튼 줄 아래 안내 카드(예: 0014 상세 진행과정)와 띄움 */

/* 고르기(칩) · 두 갈래 · 켜기/끄기 */
#content.drm .drm-chips{display:flex;flex-wrap:wrap;gap:6px}
#content.drm .drm-chips input{position:absolute;opacity:0;width:1px;height:1px}
#content.drm .drm-chips label{display:inline-flex;align-items:center;height:38px;margin:0;padding:0 14px;border:1px solid #cfd6e0;border-radius:19px;background:#fff;color:#334155;font-size:14px;font-weight:400;cursor:pointer}
#content.drm .drm-chips input:checked + label{border-color:#1c3f6e;background:#e8f0fb;color:#1c3f6e;font-weight:700}
#content.drm .drm-chips input:focus + label{box-shadow:0 0 0 3px rgba(28,63,110,.18)}
#content.drm .drm-seg{display:flex;margin:0 0 14px;padding:0;border:1px solid #cfd6e0;border-radius:10px;overflow:hidden;background:#fff;list-style:none}
#content.drm .drm-seg li{flex:1;margin:0;padding:0;list-style:none;background:none;border:0}
#content.drm .drm-seg li + li{border-left:1px solid #cfd6e0}
#content.drm .drm-seg li a{display:flex;align-items:center;justify-content:center;height:46px;color:#475569;font-size:15px;text-decoration:none;cursor:pointer}
#content.drm .drm-seg li.on a{background:#1c3f6e;color:#fff;font-weight:700}
#content.drm .drm-agree-pick{display:flex;border:1px solid #cfd6e0;border-radius:10px;overflow:hidden;background:#fff}
#content.drm .drm-agree-pick input{position:absolute;opacity:0;width:1px;height:1px}
#content.drm .drm-agree-pick label{flex:1;display:flex;align-items:center;justify-content:center;height:46px;margin:0;color:#475569;font-size:15px;cursor:pointer}
#content.drm .drm-agree-pick label + input + label{border-left:1px solid #cfd6e0}
#content.drm .drm-agree-pick input:checked + label.y{background:#1c3f6e;color:#fff;font-weight:700}
#content.drm .drm-agree-pick input:checked + label.n{background:#fdf2f1;color:#c0392b;font-weight:700}
#content.drm .drm-agree-pick input:focus + label{box-shadow:inset 0 0 0 2px rgba(28,63,110,.35)}
#content.drm label.drm-tg{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1px solid #e3e8ef;border-radius:10px;background:#fbfcfe;font-weight:400;cursor:pointer}
#content.drm label.drm-tg input{position:absolute;opacity:0;width:1px;height:1px}
#content.drm label.drm-tg .sw{position:relative;flex:0 0 44px;height:26px;border-radius:13px;background:#cbd5e1;transition:background .15s}
#content.drm label.drm-tg .sw:after{content:"";position:absolute;left:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
#content.drm label.drm-tg input:checked + .sw{background:#1c3f6e}
#content.drm label.drm-tg input:checked + .sw:after{left:21px}
#content.drm label.drm-tg input:focus + .sw{box-shadow:0 0 0 3px rgba(28,63,110,.2)}
#content.drm label.drm-tg .t{font-size:13.5px;color:#334155}

/* 안내(step01) */
#content.drm .drm-how{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px;padding:0;list-style:none}
#content.drm .drm-how li{padding:14px;border-radius:10px;background:#f6f8fb;font-size:13px;color:#334155;list-style:none}
#content.drm .drm-how li b{display:block;margin:0 0 4px;color:#1c3f6e;font:700 11.5px Arial,sans-serif;letter-spacing:.5px}
#content.drm .drm-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px}
#content.drm .drm-ways div{padding:12px 14px;border:1px solid #e3e8ef;border-radius:10px;font-size:13px;color:#334155}
#content.drm .drm-ways b{display:block;margin:0 0 2px;font-size:14px;color:#1f2937}
#content.drm .drm-forms{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}

/* 동의서(step02) */
#content.drm .drm-agree{margin:0 0 14px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}
#content.drm .drm-agree .hd{display:flex;align-items:center;gap:10px;padding:14px 16px}
#content.drm .drm-agree .hd b{font-size:15px;color:#0f2847}
#content.drm .drm-agree .hd .drm-badge{margin-left:auto}
#content.drm .drm-agree .doc{max-height:220px;overflow:auto;margin:0 16px 12px;padding:12px 14px;border-radius:8px;background:#f6f8fb;font-size:13px;color:#475569;line-height:1.65}
#content.drm .drm-agree .doc dt{margin:8px 0 2px;font-weight:700;color:#334155}
#content.drm .drm-agree .doc dt:first-child{margin-top:0}
#content.drm .drm-agree .doc dd{margin:0}
#content.drm .drm-agree .ft{padding:0 16px 16px}
#content.drm .drm-badge{display:inline-block;height:22px;padding:0 8px;border-radius:11px;background:#eef2f7;color:#475569;font:700 11.5px/22px "Malgun Gothic","맑은 고딕",sans-serif;white-space:nowrap}
#content.drm .drm-badge.req{background:#fdf2f1;color:#c0392b}
#content.drm .drm-badge.s1{background:#eef2f7;color:#475569}
#content.drm .drm-badge.s2{background:#e8f0fb;color:#1c3f6e}
#content.drm .drm-badge.s3{background:#fff4e0;color:#9a6400}
#content.drm .drm-badge.s4{background:#e6f4ec;color:#1d7a4a}
#content.drm .drm-badge.s5{background:#f1f5f9;color:#64748b}

/* 본인확인(step03 · 0010 step01) */
#content.drm .drm-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 10px}
#content.drm .drm-pick a{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;color:#1f2937;text-decoration:none}
#content.drm .drm-pick a:hover{border-color:#1c3f6e;box-shadow:0 6px 18px -10px rgba(28,63,110,.5);text-decoration:none}
#content.drm .drm-pick .ic{flex:0 0 46px;height:46px;border-radius:12px;background:#e8f0fb;position:relative}
#content.drm .drm-pick .ic.hp:before{content:"";position:absolute;left:15px;top:9px;width:16px;height:27px;border:2px solid #1c3f6e;border-radius:4px}
#content.drm .drm-pick .ic.hp:after{content:"";position:absolute;left:21px;top:31px;width:4px;height:2px;background:#1c3f6e}
#content.drm .drm-pick .ic.ipin:before{content:"";position:absolute;left:10px;top:13px;width:26px;height:20px;border:2px solid #1c3f6e;border-radius:4px}
#content.drm .drm-pick .ic.ipin:after{content:"";position:absolute;left:15px;top:19px;width:7px;height:7px;border-radius:50%;background:#1c3f6e;box-shadow:10px 1px 0 -1px #1c3f6e}
#content.drm .drm-pick .ic.mock{background:#fff4e0}
#content.drm .drm-pick b{display:block;font-size:15.5px}
#content.drm .drm-pick small{color:#64748b;font-size:12.5px}
#content.drm .drm-pick .go{margin-left:auto;color:#94a3b8;font-size:22px;line-height:1}

/* 첨부파일(DEXT5) */
#content.drm .drm-attach{width:100%;overflow:hidden}
#content.drm .drm-attach > div{width:100% !important;max-width:100%}

/* 나의 사건 목록 */
#content.drm .drm-count{margin:0 0 10px;color:#334155}
#content.drm .drm-count b{color:#1c3f6e}
#content.drm table.drm-list{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e3e8ef;font-size:13.5px}
#content.drm table.drm-list th{height:40px;padding:0 8px;background:#1c3f6e;color:#fff;font-weight:600;font-size:13px;border:0}
#content.drm table.drm-list td{height:46px;padding:6px 10px;border:0;border-bottom:1px solid #eef1f5;text-align:center;color:#1f2937}
#content.drm table.drm-list td.l{text-align:left}
#content.drm table.drm-list td.l a{color:#1f2937;font-weight:600}
#content.drm table.drm-list td.l a:hover{color:#1c3f6e}
#content.drm table.drm-list tbody tr:hover td{background:#f3f6fb}
#content.drm .drm-cases{display:none}
#content.drm .drm-case{display:block;margin:0 0 10px;padding:14px 16px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;color:#1f2937;text-decoration:none;cursor:pointer}
#content.drm .drm-case .t{display:flex;gap:8px;align-items:flex-start}
#content.drm .drm-case .t b{flex:1;font-size:15px;line-height:1.45}
#content.drm .drm-case .m{margin:8px 0 0;font-size:12.5px;color:#64748b}
#content.drm .drm-case .m span + span:before{content:"\00B7";margin:0 6px;color:#cbd5e1}
#content.drm .drm-case .c{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:10px 0 0;border-top:1px solid #eef1f5;font-size:13px;color:#334155}
#content.drm .drm-case .c .drm-btn{margin-left:auto}
#content.drm .drm-empty{padding:30px 10px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;text-align:center;color:#64748b}
#content.drm .page_skip{margin:16px 0 0}
#content.drm .drm-legend{margin:18px 0 0}
#content.drm .drm-legend ol{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 18px;margin:0;padding:0;list-style:none}
#content.drm .drm-legend li{font-size:12.5px;color:#475569;list-style:none}
#content.drm .drm-legend li b{display:inline-block;min-width:92px;color:#1f2937}

/* 상세 */
#content.drm .drm-tl{display:flex;margin:4px auto 18px;padding:0;max-width:1040px;list-style:none}
#content.drm .drm-tl li{flex:1;position:relative;padding-top:22px;text-align:center;font-size:12px;color:#94a3b8;list-style:none}
#content.drm .drm-tl li:before{content:"";position:absolute;top:4px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#e2e8f0}
#content.drm .drm-tl li:after{content:"";position:absolute;top:9px;left:50%;margin-left:8px;width:calc(100% - 16px);height:2px;background:#e2e8f0}
#content.drm .drm-tl li:last-child:after{display:none}
#content.drm .drm-tl li.done,#content.drm .drm-tl li.cur{color:#1c3f6e;font-weight:700}
#content.drm .drm-tl li.done:before{background:#1c3f6e}
#content.drm .drm-tl li.done:after{background:#1c3f6e}
#content.drm .drm-tl li.cur:before{top:3px;width:14px;height:14px;margin-left:-7px;background:#fff;border:3px solid #1c3f6e}
#content.drm .drm-tl.end li.cur:before{background:#1c3f6e}
#content.drm dl.drm-kv{display:grid;grid-template-columns:140px 1fr;margin:0 0 12px;font-size:14px}
#content.drm dl.drm-kv dt{padding:10px 0;color:#64748b;border-bottom:1px solid #f1f4f8}
#content.drm dl.drm-kv dd{margin:0;padding:10px 0;border-bottom:1px solid #f1f4f8;word-break:break-all;color:#1f2937}
#content.drm dl.drm-kv dd.pre{white-space:pre-wrap}
#content.drm dl.drm-kv dt:last-of-type,#content.drm dl.drm-kv dd:last-of-type{border-bottom:0}

/* 포털 글자 · 표 기본 규칙 덮어쓰기 */
#content.drm h2{word-break:keep-all}
#content.drm table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ==========================================================================
 * [2026-10-27] 분쟁조정 메뉴 전체 — 안내 · 상담 · 정보마당 · 회원사 업무 화면
 *  화면의 기존 구조(title_box · design-title-list1 · tab_box · design-board-faq …)는 그대로 두고 모양만 바꿈
 * ========================================================================== */
#content.drm .drm-sub{margin:6px 0 8px;font-size:13.5px;color:#1c3f6e}
#content.drm .drm-ways div{font-size:13px}
#content.drm .drm-mo{display:none}   /* 휴대폰에서만 (예: 0002 절차 그림 대신 단계 목록) */
/* [2026-10-27] 상담신청하기(0011) 상담방법 3칸 */
#content.drm .drm-pick.drm-pick3{grid-template-columns:repeat(3,1fr)}
#content.drm .drm-pick .drm-pick-box{display:flex;gap:14px;align-items:center;padding:18px;border:1px solid #e3e8ef;border-radius:12px;background:#fbfcfe;color:#1f2937}
#content.drm .drm-pick a.on{border-color:#1c3f6e;background:#f5f8fd}
#content.drm .drm-pick small strong{color:#1c3f6e;font-size:15px}
#content.drm .drm-pick .ic.tel:before{content:"";position:absolute;left:13px;top:10px;width:16px;height:24px;border:2px solid #1c3f6e;border-radius:9px 9px 4px 4px;border-top-color:transparent;transform:rotate(-35deg)}
#content.drm .drm-pick .ic.visit:before{content:"";position:absolute;left:13px;top:11px;width:20px;height:22px;border:2px solid #1c3f6e;border-radius:3px}
#content.drm .drm-pick .ic.visit:after{content:"";position:absolute;left:20px;top:25px;width:6px;height:10px;background:#1c3f6e}
#content.drm .drm-pick .ic.web:before{content:"";position:absolute;left:10px;top:12px;width:26px;height:18px;border:2px solid #1c3f6e;border-radius:3px}
#content.drm .drm-pick .ic.web:after{content:"";position:absolute;left:8px;top:33px;width:30px;height:2px;background:#1c3f6e}
#content.drm .drm-legend2 .drm-hint{margin:4px 0 12px}
/* 휴대폰에만 보이는 것 */
.drm-hb,.drm-mtabs,.drm-fold-tg,.drm-gcards,.drm-drawer,.drm-dim,#drm_home{display:none}

/* 소개 · 묶음 */
#content.drm .drm-intro,#content.drm .title_box{position:relative;margin:0 0 14px;padding:16px 20px;border:1px solid #e3e8ef;border-left:4px solid #1c3f6e;border-radius:12px;background:#fff;color:#1f2937 !important;font-size:14px;font-weight:400;line-height:1.7}
#content.drm .drm-intro p,#content.drm .title_box p{margin:0 0 4px}
#content.drm .drm-intro p:last-child,#content.drm .title_box p:last-child{margin-bottom:0}
#content.drm .drm-intro em,#content.drm .title_box em,#content.drm .drm-lead em{font-style:normal;color:#1c3f6e;font-weight:700}
#content.drm .title_box span.ico{display:none}
#content.drm .design-box3{min-height:0;margin:0 0 14px;padding:18px 20px;border:1px solid #e3e8ef;border-top:3px solid #1c3f6e;border-radius:12px;background:#fff;letter-spacing:-.2px}
#content.drm .design-box3 dl dt{margin:0 0 8px;font-size:18px;line-height:1.4}
#content.drm .design-box3 dl dt span{color:#1c3f6e}
#content.drm .design-box3 dl dd{font-size:14px;line-height:1.7;color:#334155}
#content.drm .design-title-list1{margin:0 0 14px;background:#fff;border:1px solid #e3e8ef;border-radius:12px;overflow:hidden}
#content.drm .design-title-list1 dl{margin:0 !important;padding:0 0 10px}
#content.drm .design-title-list1 dl dt{margin:0 0 10px;padding:13px 18px;border-bottom:1px solid #eef1f5;font-size:15.5px;font-weight:700;color:#0f2847;line-height:22px}
#content.drm .design-title-list1 dl dt span:first-child{display:none}
#content.drm .design-title-list1 dl dt:only-child{margin:0;border-bottom:0}
#content.drm .design-title-list1 dl:has(> dt:only-child){padding:0}
#content.drm .design-title-list1 dl dd{position:relative;margin:0 18px 6px;padding:0 0 0 14px;background:none;color:#334155;font-size:14px;line-height:1.7}
#content.drm .design-title-list1 dl dd:before{content:"";position:absolute;left:2px;top:10px;width:4px;height:4px;border-radius:50%;background:#94a3b8}
#content.drm .design-title-list1 dl dd.no_bul{padding-left:0}
#content.drm .design-title-list1 dl dd.no_bul:before{display:none}
#content.drm h3{margin:18px 0 10px;padding-left:0;font-size:16px;color:#0f2847;letter-spacing:-.3px}
#content.drm h3 > span:first-child:empty,#content.drm h3 > span.ico{display:none}
#content.drm .rtxt{color:#c0392b}
#content.drm p.fr{float:none;text-align:right;margin:0 0 6px;font-size:12.5px;color:#64748b}

/* 유형 · 장점 · 연계 법원 */
#content.drm dl.drm-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 12px}
#content.drm dl.drm-types > div{padding:14px;border:1px solid #e3e8ef;border-radius:10px;background:#fbfcfe}
#content.drm dl.drm-types dt{display:flex;align-items:center;gap:8px;margin:0 0 4px;font-size:14.5px;font-weight:700;color:#0f2847}
#content.drm dl.drm-types dt i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:7px;background:#e8f0fb;color:#1c3f6e;font:700 11px Arial,sans-serif;font-style:normal}
#content.drm dl.drm-types dd{margin:0;font-size:12.5px;color:#475569;line-height:1.6}
#content.drm ul.drm-merits{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:0 0 14px;padding:0;list-style:none}
#content.drm ul.drm-merits li{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:10px;background:#f6f8fb;font-size:13px;color:#334155;line-height:1.6;list-style:none}
#content.drm ul.drm-merits li:before{content:"\2713";flex:0 0 22px;height:22px;border-radius:50%;background:#e6f4ec;color:#1d7a4a;font:700 12px/22px Arial,sans-serif;text-align:center}
#content.drm ul.drm-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 14px;padding:0;list-style:none}
#content.drm ul.drm-tiles li{padding:14px;border:1px solid #e3e8ef;border-radius:10px;background:#fbfcfe;font-size:14px;font-weight:700;color:#0f2847;list-style:none}

/* 절차 (그림 대신 그림 안 글을 단계로) */
#content.drm ol.drm-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:0 0 14px;padding:0;list-style:none;counter-reset:drmf}
#content.drm ol.drm-flow > li{position:relative;padding:14px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;font-size:12.5px;color:#475569;line-height:1.6;list-style:none}
#content.drm ol.drm-flow > li:before{counter-increment:drmf;content:counter(drmf,decimal-leading-zero);display:block;margin:0 0 6px;color:#1c3f6e;font:700 12px Arial,sans-serif;letter-spacing:.5px}
#content.drm ol.drm-flow > li > b{display:block;margin:0 0 4px;font-size:13.5px;color:#0f2847}
#content.drm ol.drm-flow > li ul{margin:4px 0 0;padding:0;list-style:none}
#content.drm ol.drm-flow > li ul li{margin:0;padding:0;list-style:none;background:none}
#content.drm ol.drm-flow > li.br{border-color:#f3d9a4;background:#fffbf2}
#content.drm ol.drm-flow .who{display:inline-block;margin:6px 0 0;padding:1px 8px;border-radius:10px;background:#eef2f7;color:#475569;font-size:11.5px}
#content.drm ol.drm-flow .who.k{background:#e8f0fb;color:#1c3f6e}

/* 문의 */
#content.drm .drm-contact{display:flex;align-items:center;gap:12px;margin:6px 0 0;padding:14px 16px;border:1px solid #e3e8ef;border-radius:12px;background:#fff}
#content.drm .drm-contact .ic{flex:0 0 40px;height:40px;border-radius:50%;background:#e8f0fb;color:#1c3f6e;font-size:18px;line-height:40px;text-align:center}
#content.drm .drm-contact .ic:after{content:"\260E"}
#content.drm .drm-contact b{display:block;font-size:14px;color:#0f2847}
#content.drm .drm-contact small{color:#64748b;font-size:12.5px}
#content.drm .drm-contact .drm-btn{margin-left:auto}
#content.drm .inquiry_box{width:auto;height:auto;margin:6px 0 0;padding:14px 16px;border:1px solid #e3e8ef;border-radius:12px;background:#fff}
#content.drm .inquiry_box ul{margin:0;padding:0}
#content.drm .notice_box02,#content.drm .notice_box03{margin:14px 0;padding:12px 14px;border:1px solid #e3e8ef;border-radius:10px;background:#f6f8fb;text-indent:0;font-size:12.5px;line-height:1.7;color:#475569}
#content.drm .notice_box03 .ico_notice > span:first-child{display:none}
#content.drm .notice_box03 .player{display:none}

/* 탭 (tab_box) */
#content.drm .tab_box{margin:0 0 14px}
#content.drm .tab_box ul{display:flex;flex-wrap:wrap;gap:6px;width:auto;height:auto;margin:0;padding:0}
#content.drm .tab_box ul li{display:block;width:auto;border:0 !important;background:none !important;list-style:none}
#content.drm .tab_box ul li:after{display:none !important}
#content.drm .tab_box ul li a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border:1px solid #cfd6e0;border-radius:18px;background:#fff;color:#334155;font-size:13.5px;font-weight:400;text-decoration:none;white-space:nowrap}
#content.drm .tab_box ul li.on a{background:#1c3f6e;border-color:#1c3f6e;color:#fff;font-weight:700}

/* 질문 · 답 (design-board-faq) */
#content.drm .design-board-faq > ul{border:1px solid #e3e8ef;border-radius:12px;background:#fff;overflow:hidden}
#content.drm .design-board-faq > ul > li{border:0;list-style:none}
#content.drm .design-board-faq > ul > li + li{border-top:1px solid #eef1f5}
#content.drm .design-board-faq > ul > li > .blog-title{display:flex;align-items:center;min-height:52px;padding:12px 44px 12px 50px;border:0;font-size:14.5px;font-weight:600}
#content.drm .design-board-faq > ul > li > .blog-title span.ico{left:14px;top:50%;margin-top:-12px;width:24px;height:24px;border-radius:50%;background:#1c3f6e;background-image:none}
#content.drm .design-board-faq > ul > li > .blog-title span.ico:after{content:"Q";display:block;color:#fff;font:700 12px/24px Arial,sans-serif;text-align:center}
#content.drm .design-board-faq > ul > li > .blog-title a{color:#0f2847;text-decoration:none}
#content.drm .design-board-faq > ul > li > .blog-title a:before{content:"";position:absolute;right:18px;top:50%;margin-top:-6px;width:8px;height:8px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg)}
#content.drm .design-board-faq > ul > li.drm-open > .blog-title a:before{margin-top:-2px;transform:rotate(-135deg)}
#content.drm .design-board-faq > ul > li > .blog-content{position:relative;padding:4px 18px 16px 50px;border:0;background:#fbfcfe;font-size:13.5px;line-height:1.75;color:#334155}
#content.drm .design-board-faq > ul > li > .blog-content > span.ico{display:none}
#content.drm .design-board-faq > ul > li > .blog-title2{padding:14px 18px 14px 96px;border:0;font-size:14px}
#content.drm .design-board-faq .drm-forms{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}

/* 목록 위 건수 · 쪽 넘김 */
#content.drm .page_skip{height:auto;margin:14px 0 4px}
#content.drm .page_skip a{width:auto;min-width:32px;height:32px;padding:0 6px;line-height:30px;border-radius:8px;border-color:#e3e8ef}
#content.drm .page_skip a.on{background:#1c3f6e;border-color:#1c3f6e}

/* 상담방법 (상담신청하기 안내) */
#content.drm .advice_area{position:static;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#content.drm .advice_area .left_box,#content.drm .advice_area .center_box,#content.drm .advice_area .right_box{float:none;width:auto;margin:0}
#content.drm .advice_area dl{display:block !important;margin:0;height:100%;border:1px solid #e3e8ef;border-radius:12px;background:#fff;overflow:hidden}
#content.drm .advice_area dl dt{width:auto !important;height:auto !important;padding:13px 16px;border-bottom:1px solid #eef1f5;background:none !important;font-size:15px !important;font-weight:700;color:#0f2847}
#content.drm .advice_area dl dd{min-height:0;height:auto;padding:14px 16px 14px 72px;border:0 !important;background:#fff;font-size:13.5px;line-height:1.7}
#content.drm .advice_area dl dd span.ico{top:14px;left:14px;width:44px;height:44px;border-radius:12px;background-color:#e8f0fb;background-size:30px;background-position:center}
#content.drm .advice_area dl dd ul{padding:0 !important}
#content.drm .advice_area dl dd li{padding:0 !important;list-style:none}
#content.drm .advice_area .right_box dl{border-color:#1c3f6e}
#content.drm .advice_area li.link{margin:8px 0 0}
#content.drm .advice_area li.link a{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:8px;background:#1c3f6e;color:#fff;text-decoration:none}
#content.drm .advice_area li.link a span{display:none}
#content.drm .pr > .advice_area{position:static}

/* 동의서 상자 (상담 동의) */
#content.drm .design-box10{max-height:260px;overflow:auto;margin:0 0 12px;padding:14px 16px;border:1px solid #e3e8ef;border-radius:12px;background:#f6f8fb;font-size:13px;line-height:1.7;color:#475569}
#content.drm .design-title-list2 dl dd{margin:0}

/* 공익광고 목록 (campaign_list) */
#content.drm .campaign_list > ul{border:1px solid #e3e8ef;border-radius:12px;background:#fff;padding:0 18px}
#content.drm .campaign_list ul li.title{margin:14px 0 12px;padding:0 0 10px;background:none;border-bottom:1px solid #eef1f5}
#content.drm .campaign_list .box{vertical-align:top}

/* 동영상 : 화면 폭에 맞춤 */
#content.drm video{display:block;width:100% !important;max-width:960px;height:auto !important;margin:0 0 14px;border-radius:12px;background:#0f1d33}
#content.drm img{max-width:100%;height:auto}

/* 기사 */
#content.drm .bg_case{margin:0 0 12px;padding:14px 16px;border:1px solid #e3e8ef;border-radius:12px;font-size:15px;color:#0f2847}
#content.drm .txt_case{line-height:1.7}

/* 회원사 업무 · 분쟁조정사건 팝업 */
.drm-pop{font-family:"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif}

/* ---------- 휴대폰 (768px 이하) ---------- */
@media (max-width:768px){
  #content.drm{font-size:14px}
  #content.drm .drm-steps li{font-size:11px;padding-top:28px}
  #content.drm .drm-card > h3{padding:12px 14px;font-size:15px}
  #content.drm .drm-cbody{padding:14px 14px 4px}
  #content.drm .drm-grid{grid-template-columns:1fr}
  #content.drm .drm-pick{grid-template-columns:1fr}
  #content.drm .drm-how{grid-template-columns:1fr 1fr}
  #content.drm .drm-ways{grid-template-columns:1fr}
  #content.drm input.drm-in,#content.drm select.drm-in,#content.drm textarea.drm-in{font-size:16px}   /* 16px 미만이면 아이폰이 입력할 때 화면을 확대함 */
  #content.drm .drm-dock{position:-webkit-sticky;position:sticky;bottom:0;z-index:20;margin:14px -12px 0;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e3e8ef}
  #content.drm .drm-dock .drm-btn{flex:1}
  #content.drm .drm-dock .drm-btn.pri{flex:2}
  #content.drm .drm-dock + .drm-card{margin-top:24px}
  #content.drm table.drm-list{display:none}
  #content.drm .drm-cases{display:block}
  #content.drm .drm-legend ol{grid-template-columns:1fr}
  #content.drm dl.drm-kv{grid-template-columns:1fr}
  #content.drm dl.drm-kv dt{padding:10px 0 0;border:0;font-size:12.5px}
  #content.drm dl.drm-kv dd{padding:2px 0 10px}

  /* 포털 틀을 휴대폰 폭으로 (이 화면이 열려 있을 때만) */
  html.drm-on,html.drm-on body{min-width:0 !important}
  html.drm-on{overflow-x:hidden}
  html.drm-on #wrap_sub{width:100% !important;min-width:0 !important;max-width:none !important;margin:0 !important}
  html.drm-on #content_sub{float:none !important;width:100% !important;padding-bottom:0 !important;margin-bottom:0 !important}
  html.drm-on #top_wrap{height:auto !important}
  html.drm-on .GNB{width:auto !important;height:52px !important;padding:0 12px !important}
  html.drm-on .GNB #main_menu,html.drm-on .GNB .btn_1dep,html.drm-on .GNB #btn_1dep,html.drm-on .GNB #dropdown_menu,html.drm-on .GNB .layer_main_menu,html.drm-on .GNB .gnb_sess_li,html.drm-on .GNB .gnb_edit{display:none !important}
  html.drm-on .GNB > ul{right:12px !important}
  html.drm-on .GNB .gnb-nim,html.drm-on .GNB .gnb-caret{display:none !important}
  html.drm-on #content_area{margin:0 !important;min-height:0 !important}
  html.drm-on #content_area .toggle,html.drm-on #left_menu_wrap,html.drm-on #quick_menu_area{display:none !important}
  html.drm-on #content{width:auto !important;min-width:0 !important;margin:0 !important;padding:0 12px 16px !important;float:none !important}
  html.drm-on #content .content_nav{margin:14px 0 10px !important;padding:0 !important}
  html.drm-on #content .content_nav .cont_nav{position:static !important;margin:0 0 2px !important;font-size:12px !important}
  html.drm-on #content .content_nav h2{font-size:20px !important;line-height:28px !important}
  html.drm-on .footer-wrap,html.drm-on .footer-wrap .footer{width:100% !important;min-width:0 !important;height:auto !important;margin-top:0 !important;float:none !important}
  html.drm-on .footer-wrap .footer > .footer-util{width:auto !important;padding:12px !important}
  html.drm-on .footer-wrap .footer > .footer-util > nav > ul > li{padding:2px 8px !important;font-size:12px}
  html.drm-on .footer-wrap .footer > .footer-util > .family-site{display:none !important}
  html.drm-on .footer-wrap .footer .address{position:static !important;padding:0 12px 12px !important}
  html.drm-on .footer-wrap .footer .address li{font-size:11px !important;word-break:keep-all}
  html.drm-on .footer-wrap .footer .mark{display:none !important}
  html.drm-on .ui-datepicker{width:300px !important;max-width:calc(100vw - 16px)}
  /* ===== [2026-10-27] 분쟁조정 메뉴 전체 (휴대폰) ===== */
  html.drm-lock,html.drm-lock body{overflow:hidden !important}
  /* 상단 줄 [전체 메뉴] 단추 */
  html.drm-on .GNB{display:flex !important;align-items:center;gap:4px;padding:0 8px 0 4px !important}
  html.drm-on .GNB .drm-hb{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer}
  html.drm-on .GNB .drm-hb i,html.drm-on .GNB .drm-hb i:before,html.drm-on .GNB .drm-hb i:after{display:block;position:relative;width:20px;height:2px;border-radius:1px;background:#fff}
  html.drm-on .GNB .drm-hb i:before,html.drm-on .GNB .drm-hb i:after{content:"";position:absolute;left:0}
  html.drm-on .GNB .drm-hb i:before{top:-6px}
  html.drm-on .GNB .drm-hb i:after{top:6px}
  html.drm-on .GNB h1.logo{position:static !important;float:none !important;margin:0 !important}
  /* 메뉴 서랍 */
  .drm-dim{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100000;background:rgba(15,29,51,.45)}
  .drm-drawer{position:fixed;left:0;top:0;bottom:0;z-index:100001;width:86%;max-width:340px;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;box-shadow:8px 0 24px rgba(15,29,51,.25);font-family:"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif;letter-spacing:-.2px}
  .drm-drawer *{box-sizing:border-box}
  .drm-drawer .dh{position:sticky;top:0;z-index:1;display:flex;align-items:center;height:56px;padding:0 4px 0 16px;background:#0f1d33;color:#fff}
  .drm-drawer .dh b{font-size:15px}
  .drm-drawer .dh .x{margin-left:auto;width:44px;height:44px;border:0;background:none;color:#fff;font-size:24px;cursor:pointer}
  .drm-drawer .who{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e3e8ef;font-size:13.5px;color:#334155}
  .drm-drawer .who .av{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#1c3f6e;color:#fff;font-weight:700}
  .drm-drawer .who .drm-btn,.drm-drawer .who a{margin-left:auto;display:inline-flex;align-items:center;height:34px;padding:0 12px;border:1px solid #cfd6e0;border-radius:8px;background:#fff;color:#334155;font-size:13px;text-decoration:none}
  .drm-drawer .gnb{display:flex;gap:6px;overflow-x:auto;padding:12px 16px;border-bottom:1px solid #e3e8ef;scrollbar-width:none}
  .drm-drawer .gnb::-webkit-scrollbar{display:none}
  .drm-drawer .gnb a{flex:0 0 auto;display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;background:#f1f4f8;color:#475569;font-size:12.5px;text-decoration:none;white-space:nowrap}
  .drm-drawer .gnb a.on{background:#e8f0fb;color:#1c3f6e;font-weight:700}
  .drm-drawer .home{display:flex;align-items:center;margin:12px 16px 4px;padding:12px 14px;border-radius:10px;background:#f6f8fb;color:#0f2847;font-size:14px;font-weight:700;text-decoration:none}
  .drm-drawer .home:after{content:"\203A";margin-left:auto;color:#94a3b8;font-size:18px}
  .drm-drawer .tree{padding:4px 8px 28px}
  .drm-drawer .grp{border-bottom:1px solid #eef1f5}
  .drm-drawer .gh{display:flex;align-items:center;width:100%;min-height:50px;padding:0 10px;border:0;background:none;font:700 15px "Malgun Gothic","맑은 고딕",sans-serif;color:#0f2847;text-align:left;cursor:pointer}
  .drm-drawer .gh:after{content:"";margin-left:auto;width:7px;height:7px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg);margin-top:-4px}
  .drm-drawer .grp.open .gh:after{transform:rotate(-135deg);margin-top:4px}
  .drm-drawer .grp.on .gh{color:#1c3f6e}
  .drm-drawer .grp ul{display:none;margin:0 0 10px;padding:0;list-style:none}
  .drm-drawer .grp.open ul{display:block}
  .drm-drawer .grp li{list-style:none}
  .drm-drawer .grp li a,.drm-drawer a.one{display:flex;align-items:center;min-height:44px;padding:0 12px 0 22px;border-radius:8px;color:#334155;font-size:14px;text-decoration:none}
  .drm-drawer a.one{padding-left:10px;font-weight:700;color:#0f2847;border-bottom:1px solid #eef1f5;border-radius:0}
  .drm-drawer .grp li a.on,.drm-drawer a.one.on{background:#e8f0fb;color:#1c3f6e;font-weight:700;box-shadow:inset 3px 0 0 #1c3f6e}
  /* 위치 글(누르면 서랍) · 같은 묶음 탭 */
  html.drm-on #content.drm .content_nav .cont_nav{display:inline-block !important;max-width:100%;line-height:1.5;padding:4px 10px !important;border:1px solid #e3e8ef;border-radius:14px;background:#f8fafc;cursor:pointer}
  html.drm-on #content.drm .content_nav .cont_nav img{display:none}
  html.drm-on #content.drm .content_nav .cont_nav:after{content:"\25BE";font-size:10px;color:#64748b}
  #content.drm .drm-mtabs{display:flex;gap:6px;overflow-x:auto;margin:0 -12px 14px;padding:2px 12px 10px;border-bottom:1px solid #e3e8ef;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #content.drm .drm-mtabs::-webkit-scrollbar{display:none}
  #content.drm .drm-mtabs a{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 13px;border:1px solid #cfd6e0;border-radius:17px;background:#fff;color:#334155;font-size:13px;text-decoration:none;white-space:nowrap}
  #content.drm .drm-mtabs a.on{background:#1c3f6e;border-color:#1c3f6e;color:#fff;font-weight:700}

  /* 안내 화면 */
  #content.drm .design-box3{padding:14px 16px}
  #content.drm .design-box3 .visual,#content.drm .design-box3 .visual2,#content.drm .design-box3 .visual3,#content.drm .design-box3 .visual4{display:none}
  #content.drm .design-box3 dl dt{font-size:16px}
  #content.drm .design-box3 dl dd br,#content.drm .title_box br,#content.drm .drm-intro br{display:none}
  #content.drm .title_box,#content.drm .drm-intro{padding:14px 16px}
  #content.drm .design-title-list1 dl dt{padding:12px 14px;font-size:15px}
  #content.drm .design-title-list1 dl dd{margin:0 14px 6px}
  #content.drm dl.drm-types{grid-template-columns:1fr 1fr}
  #content.drm dl.drm-types > div{padding:12px}
  #content.drm ul.drm-tiles{grid-template-columns:1fr 1fr}
  #content.drm ol.drm-flow{grid-template-columns:1fr;gap:0}
  #content.drm ol.drm-flow > li{border:0;border-radius:0;background:none;padding:0 0 16px 40px}
  #content.drm ol.drm-flow > li:before{position:absolute;left:0;top:0;width:28px;height:28px;margin:0;border-radius:50%;background:#1c3f6e;color:#fff;font:700 11px/28px Arial,sans-serif;letter-spacing:0;text-align:center}
  #content.drm ol.drm-flow > li:after{content:"";position:absolute;left:13px;top:30px;bottom:2px;width:2px;background:#dbe3ee}
  #content.drm ol.drm-flow > li:last-child:after{display:none}
  #content.drm ol.drm-flow > li.br{background:none}
  #content.drm ol.drm-flow > li.br:before{background:#e0a100}
  #content.drm .drm-contact{flex-wrap:wrap}
  #content.drm .tab_box ul{flex-wrap:nowrap;overflow-x:auto;padding:0 0 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  #content.drm .tab_box ul::-webkit-scrollbar{display:none}
  #content.drm .tab_box ul li{flex:0 0 auto}
  #content.drm .design-board-faq > ul > li > .blog-title{padding:12px 40px 12px 46px;font-size:14px}
  #content.drm .design-board-faq > ul > li > .blog-content{padding:4px 14px 14px 14px}
  #content.drm .design-board-faq > ul > li > .blog-title2{padding:12px 14px 12px 92px}
  #content.drm .advice_area{grid-template-columns:1fr}
  #content.drm .campaign_list > ul{padding:0 12px}
  #content.drm .campaign_list .box{display:block;width:auto;margin:0 0 10px}
  #content.drm .campaign_list .box li{display:inline-block;margin:0 4px 4px 0}
  #content.drm .campaign_list .box li.name,#content.drm .campaign_list .box li.date,#content.drm .campaign_list .box li.tit{display:block}
  #content.drm .campaign_list .design-button3 > a{display:inline-flex;align-items:center;height:34px;padding:0 10px}
  #content.drm .drm-pc{display:none !important}                 /* PC 에서만 필요한 안내 (예: Window Media Player) */
  #content.drm [style*="width:500px"],#content.drm [style*="width: 500px"]{width:100% !important}

  /* 검색 영역 */
  #content.drm .sub_search_area,.drm-pop .sub_search_area{margin:0 0 12px;padding:12px !important;border:1px solid #e3e8ef;border-radius:12px;background:#fff}
  #content.drm .sub_search_area .sub_search_box,.drm-pop .sub_search_area .sub_search_box{margin:0 !important;padding:0 !important;border:0 !important;background:none !important}
  #content.drm .sub_search_area table,#content.drm .sub_search_area tbody,#content.drm .sub_search_area tr,#content.drm .sub_search_area th,#content.drm .sub_search_area td,
  .drm-pop .sub_search_area table,.drm-pop .sub_search_area tbody,.drm-pop .sub_search_area tr,.drm-pop .sub_search_area th,.drm-pop .sub_search_area td{display:block;width:auto !important;float:none !important;padding:0 !important;border:0 !important;text-align:left}
  #content.drm .sub_search_area td,.drm-pop .sub_search_area td{margin:0 0 10px}
  #content.drm .sub_search_area label.tit,#content.drm .sub_search_area label.tit2,.drm-pop .sub_search_area label.tit{display:block;width:auto !important;margin:0 0 6px;font-size:13px;font-weight:700;color:#334155}
  #content.drm .sub_search_area ul.list_ssb,.drm-pop .sub_search_area ul.list_ssb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 !important;padding:0}
  #content.drm .sub_search_area ul.list_ssb li,.drm-pop .sub_search_area ul.list_ssb li{margin:0 !important;list-style:none}
  #content.drm .sub_search_area ul.list_ssb li.pr{flex:1 1 40%}
  #content.drm .sub_search_area ul.list_ssb li.mr0{flex:1 1 20%}
  #content.drm .sub_search_area input[type=text],#content.drm .sub_search_area select,.drm-pop .sub_search_area input[type=text],.drm-pop .sub_search_area select{width:100% !important;height:44px !important;padding:0 10px;border:1px solid #cfd6e0;border-radius:8px;font-size:16px;box-sizing:border-box}
  #content.drm .sub_search_area ul.list_ssb li:only-child,#content.drm .sub_search_area ul.list_ssb > li:first-child:last-child{flex:1 1 100%}
  #content.drm .sub_search_area .btn_date{width:100%;height:36px;border-radius:18px}
  #content.drm .sub_search_area img.ui-datepicker-trigger{display:none}
  #content.drm .sub_search_area .button_area,.drm-pop .sub_search_area .button_area{position:static !important;margin:4px 0 0 !important;padding:0 !important}
  #content.drm .sub_search_area .button_area ul{display:flex;gap:6px;margin:0;padding:0}
  #content.drm .sub_search_area .button_area li{flex:1;list-style:none}
  #content.drm .sub_search_area .button_area button,#content.drm .sub_search_area .btn_scr02{width:100%;height:44px;border-radius:8px}
  #content.drm .drm-fold-tg,.drm-pop .drm-fold-tg{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;margin:0 0 8px;padding:0 14px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;font:14px "Malgun Gothic","맑은 고딕",sans-serif;color:#0f2847;text-align:left;cursor:pointer}
  .drm-fold-tg b{flex:0 0 auto}
  .drm-fold-tg .cur{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;color:#64748b}
  .drm-fold-tg .ar{flex:0 0 8px;height:8px;border-right:2px solid #94a3b8;border-bottom:2px solid #94a3b8;transform:rotate(45deg);margin-top:-4px}
  .drm-fold-tg[aria-expanded=true] .ar{transform:rotate(-135deg);margin-top:4px}
  #content.drm .sub_search_area.drm-fold,.drm-pop .sub_search_area.drm-fold{display:none}
  #content.drm .sub_search_area.drm-fold.drm-open,.drm-pop .sub_search_area.drm-fold.drm-open{display:block}

  /* 건수 · 쪽 넘김 */
  #content.drm .sel_box{float:none !important;margin:0 0 8px !important;font-size:13px}
  #content.drm .page_skip a{min-width:40px;height:40px;line-height:38px}

  /* 목록 표 → 카드 */
  #content.drm table.drm-tcards,.drm-pop table.drm-tcards{display:block;width:100% !important;border:0 !important;background:none;table-layout:auto}
  #content.drm table.drm-tcards caption,#content.drm table.drm-tcards colgroup,#content.drm table.drm-tcards thead,.drm-pop table.drm-tcards thead{display:none}
  #content.drm table.drm-tcards tbody,.drm-pop table.drm-tcards tbody{display:block}
  #content.drm table.drm-tcards tr,.drm-pop table.drm-tcards tr{display:flex;flex-wrap:wrap;gap:2px 12px;margin:0 0 10px;padding:12px 14px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;position:relative}
  #content.drm table.drm-tcards tr.drm-tap{cursor:pointer}
  #content.drm table.drm-tcards td,.drm-pop table.drm-tcards td{display:block;width:auto !important;padding:0 !important;border:0 !important;background:none !important;text-align:left !important;font-size:12.5px;color:#475569;white-space:normal !important;overflow:visible}
  #content.drm table.drm-tcards td[data-th]:before,.drm-pop table.drm-tcards td[data-th]:before{content:attr(data-th) " ";color:#94a3b8}
  #content.drm table.drm-tcards td.drm-ttl,.drm-pop table.drm-tcards td.drm-ttl{order:-1;flex:1 1 100%;margin:0 0 4px;font-size:15px;font-weight:700;color:#0f2847;line-height:1.45}
  #content.drm table.drm-tcards td.drm-ttl:before{display:none}
  #content.drm table.drm-tcards td.drm-ttl a{color:#0f2847;text-decoration:none}
  #content.drm table.drm-tcards td.drm-blank{display:none}
  #content.drm table.drm-tcards tr.drm-empty-row{display:block;padding:28px 10px;text-align:center}
  #content.drm table.drm-tcards tr.drm-empty-row td{text-align:center !important}
  #content.drm table.drm-tcards td .btn_down,#content.drm table.drm-tcards td button{height:34px;padding:0 10px;border-radius:8px}
  /* 입력 · 보기 표 → 위아래로 */
  #content.drm table.drm-tform,.drm-pop table.drm-tform{display:block;width:100% !important;margin:0 0 14px !important;border:1px solid #e3e8ef !important;border-radius:12px;background:#fff;overflow:hidden;table-layout:auto}
  #content.drm table.drm-tform caption,#content.drm table.drm-tform colgroup{display:none}
  #content.drm table.drm-tform tbody,#content.drm table.drm-tform tr,#content.drm table.drm-tform th,#content.drm table.drm-tform td,
  .drm-pop table.drm-tform tbody,.drm-pop table.drm-tform tr,.drm-pop table.drm-tform th,.drm-pop table.drm-tform td{display:block;width:auto !important;border:0 !important}
  #content.drm table.drm-tform th,.drm-pop table.drm-tform th{padding:12px 14px 4px !important;background:none !important;font-size:13px;color:#334155}
  #content.drm table.drm-tform th:before{display:none}
  #content.drm table.drm-tform td,.drm-pop table.drm-tform td{padding:0 14px 12px !important;border-bottom:1px solid #f1f4f8 !important;font-size:14.5px;color:#1f2937;word-break:break-all}
  #content.drm table.drm-tform tr:last-child td{border-bottom:0 !important}
  #content.drm table.drm-tform input[type=text],#content.drm table.drm-tform select,#content.drm table.drm-tform textarea,
  .drm-pop table.drm-tform input[type=text],.drm-pop table.drm-tform select,.drm-pop table.drm-tform textarea{width:100% !important;max-width:none;height:44px !important;padding:0 12px;border:1px solid #cfd6e0;border-radius:8px;font-size:16px;box-sizing:border-box}
  #content.drm table.drm-tform textarea,.drm-pop table.drm-tform textarea{height:auto !important;min-height:150px;padding:10px 12px;line-height:1.6}
  #content.drm table.drm-tform .txt_explain{display:block;margin:4px 0 0;font-size:12px}
  #content.drm table.drm-tform td br{display:none}
  /* 아래 버튼줄 */
  #content.drm .btn_board_c,#content.drm .design-center.mt20{display:flex;gap:8px;position:-webkit-sticky;position:sticky;bottom:0;z-index:20;margin:14px -12px 0 !important;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e3e8ef}
  #content.drm .btn_board_c button,#content.drm .btn_board_c a,#content.drm .design-center.mt20 button{flex:1;height:46px;margin:0 !important;border-radius:8px;font-size:15px}
  /* 그리드(jqGrid) → 카드 */
  #content.drm .ui-jqgrid,.drm-pop .ui-jqgrid{display:none !important}
  #content.drm .drm-gcards,.drm-pop .drm-gcards{display:block;margin:0 0 10px}
  .drm-gcard{display:block;margin:0 0 10px;padding:12px 14px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;color:#1f2937;text-decoration:none}
  .drm-gcard .t{display:block;margin:0 0 6px;font-size:15px;color:#0f2847;line-height:1.45}
  .drm-gcard dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0;font-size:12.5px}
  .drm-gcard dt{color:#94a3b8;white-space:nowrap}
  .drm-gcard dd{margin:0;color:#334155;word-break:break-all}
  #content.drm .tmenu_box,.drm-pop .tmenu_box{position:static !important;margin:0 0 8px}
  #content.drm .seb,.drm-pop .seb{position:static !important;width:100%}
  /* 팝업(jQuery UI 대화상자) 을 화면 폭에 */
  html.drm-on .ui-dialog{width:calc(100vw - 16px) !important;max-width:calc(100vw - 16px);left:8px !important}
  html.drm-on .ui-dialog .ui-dialog-content{width:auto !important;overflow:auto}
  html.drm-on .ui-dialog object,html.drm-on .ui-dialog embed,html.drm-on .ui-dialog video{max-width:100%}

  /* 분쟁조정사건 팝업 (새 창) */
  html.drm-on .drm-pop{padding:10px 12px 0 !important}
  html.drm-on .drm-pop input.int_scr01{width:100% !important;margin:0 0 6px !important}
  html.drm-on .drm-pop .sub_search_area label.tit{font-size:12.5px !important}
  html.drm-on #pop_wrap .pop_top h1{font-size:16px}

  /* 휴대폰 메인 : 지금 메인의 글(main_left) · 게시판(main_right)을 그대로 쓰고 사이에 바로가기(#drm_home)를 넣음 */
  html.drm-home #bg_main{min-width:0 !important;width:100% !important;overflow:visible !important;background:#f6f8fb !important;z-index:auto !important}
  html.drm-home #wrap_main,html.drm-home #content_main{float:none !important;width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;height:auto !important}
  html.drm-home .main_visual2{display:none !important}
  html.drm-home .main_left{float:none;width:auto;height:auto;padding:22px 16px 18px;background:linear-gradient(160deg,#0f1d33,#1c3f6e)}
  html.drm-home .main_left .title{position:static;font-size:22px;color:#fff;letter-spacing:-.5px}
  html.drm-home .main_left .title:before{display:none}
  html.drm-home .main_left .title span{color:#8fb3e6}
  html.drm-home .main_left ul{position:static;margin:6px 0 0;font-size:12.5px;line-height:1.6;color:#cbd8ea;font-weight:400}
  html.drm-home #drm_home{display:block;padding:4px 12px 0;font-family:"Malgun Gothic","맑은 고딕","Apple SD Gothic Neo",sans-serif;letter-spacing:-.2px}
  #drm_home section{margin:14px 0 0}
  #drm_home h2{margin:0 4px 10px;font-size:15px;color:#0f2847}
  #drm_home .drm-hm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none}
  #drm_home .drm-hm-tiles a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:84px;padding:10px 6px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;color:#0f2847;font-size:12.5px;font-weight:700;text-align:center;line-height:1.35;text-decoration:none;word-break:keep-all}
  #drm_home .drm-hm-tiles a i{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#e8f0fb;color:#1c3f6e;font-size:16px;font-style:normal}
  #drm_home .drm-hm-tiles li:first-child a{background:#1c3f6e;border-color:#1c3f6e;color:#fff}
  #drm_home .drm-hm-tiles li:first-child a i{background:rgba(255,255,255,.16);color:#fff}
  #drm_home .drm-hm-list{margin:0;padding:0;list-style:none;border:1px solid #e3e8ef;border-radius:12px;background:#fff;overflow:hidden}
  #drm_home .drm-hm-list li + li{border-top:1px solid #eef1f5}
  #drm_home .drm-hm-list a{display:flex;align-items:center;min-height:48px;padding:0 14px;color:#334155;font-size:14px;text-decoration:none}
  #drm_home .drm-hm-list a:after{content:"\203A";margin-left:auto;color:#94a3b8;font-size:18px}
  html.drm-home .main_right{position:static !important;float:none !important;width:auto !important;height:auto !important;margin:14px 12px 0;padding:0 14px 6px;border:1px solid #e3e8ef;border-radius:12px;background:#fff}
  html.drm-home .board_tab_area{float:none;display:flex;margin:0 0 6px;padding:0;border-bottom:1px solid #e3e8ef}
  html.drm-home .board_tab_area li{float:none;flex:1;width:auto !important;height:44px;line-height:44px;background:none !important;border:0 !important;color:#64748b !important;font-size:14px}
  html.drm-home .board_tab_area li a{color:#64748b !important}
  html.drm-home .board_tab_area li.on{color:#0f2847 !important;font-weight:700;box-shadow:inset 0 -2px 0 #1c3f6e}
  html.drm-home .board_tab_area li.on a{color:#0f2847 !important}
  html.drm-home .board_tab_area li.on:after{display:none}
  html.drm-home .bord_list_area li{border-bottom:1px solid #eef1f5}
  html.drm-home .bord_list_area li:last-child{border-bottom:0}
  html.drm-home .bord_list_area li dl{display:block;height:auto;padding:10px 0;line-height:1.5}
  html.drm-home .bord_list_area li dl dt{float:none;width:auto;padding:0;background:none;font-size:14px;white-space:normal}
  html.drm-home .bord_list_area li dl dd{float:none;width:auto;text-align:left;font-size:12px;color:#64748b}
  html.drm-home .footer-wrap,html.drm-home .footer-wrap .footer{width:100% !important;min-width:0 !important;height:auto !important;float:none !important}
  html.drm-home .footer-wrap .footer > .footer-util{width:auto !important;padding:12px !important}
  html.drm-home .footer-wrap .footer > .footer-util > .family-site,html.drm-home .footer-wrap .footer .mark{display:none !important}
  html.drm-home .footer-wrap .footer .address{position:static !important;padding:0 12px 12px !important}
  html.drm-home .footer-wrap .footer .address li{font-size:11px !important;word-break:keep-all}
  /* [보정] */
  #content.drm .sub_search_area th,#content.drm .sub_search_area td,#content.drm .sub_search_area ul.list_ssb li,.drm-pop .sub_search_area td{height:auto !important;min-height:0 !important;line-height:normal}
  #content.drm .sub_search_area ul.list_ssb{width:auto !important}
  #content.drm .btn_board_c button span.ico,#content.drm .design-center button span.ico,#content.drm .btn_board_c a span.ico{display:none !important}
  #content.drm .btn_board_c button,#content.drm .design-center.mt20 button{white-space:nowrap;padding:0 10px !important;background-image:none}
  #content.drm .btn_board_c.drm-nodock{position:static;margin:14px 0 0 !important;padding:0;border:0;background:none}
  #content.drm table.drm-tcards td .attach_file1,#content.drm table.drm-tcards td .btn_down{position:static !important}
  #content.drm table.drm-tcards td.file{flex:1 1 100%}
  #content.drm .attach_wrap,#content.drm .attach_wrap > div,#content.drm [id^=UPTDRCT][id$=VIEW],#content.drm [id^=dext5upload]{width:100% !important;max-width:100% !important}
  html.drm-on #content.drm .content_nav,html.drm-on #content.drm .content_nav .cont_nav{text-align:left !important}
  #content.drm .btn_board_c button,#content.drm .btn_board_c a{height:46px !important;line-height:normal !important;display:inline-flex;align-items:center;justify-content:center}
  html.drm-on #content.drm .pvu-bar-hint,html.drm-on .drm-pop .pvu-bar-hint{display:none !important}   /* '행을 더블클릭하면' 안내: 휴대폰은 카드를 한 번 누름 */
  #content.drm .drm-mo{display:block}
  #content.drm .pic_box01.drm-pc{display:none !important}
  /* [2026-10-27] 휴대폰 상단 줄 : 흰 바탕 · [전체 메뉴] · 로고만. 로그인 정보(이름 · 시간 · 로그아웃)는 메뉴 서랍으로 */
  html.drm-on #top_wrap{position:-webkit-sticky !important;position:sticky !important;top:0;z-index:1000;height:auto !important;background:#fff !important;border-bottom:1px solid #e3e8ef;box-shadow:0 1px 6px rgba(15,29,51,.06)}
  html.drm-on #top_wrap .GNB{height:56px !important;padding:0 8px 0 4px !important;background:none !important;border:0 !important}
  html.drm-on #top_wrap .GNB > ul:not(#main_menu),html.drm-on #top_wrap .GNB > h2{display:none !important}
  html.drm-on #top_wrap .GNB .drm-hb i,html.drm-on #top_wrap .GNB .drm-hb i:before,html.drm-on #top_wrap .GNB .drm-hb i:after{background:#0f2847}
  html.drm-on #top_wrap .GNB h1.logo{height:56px !important}
  html.drm-on #top_wrap .GNB h1.logo a{display:flex;align-items:center;gap:8px;text-decoration:none}
  html.drm-on #top_wrap .GNB h1.logo img{display:block;width:auto;height:20px}
  html.drm-on #top_wrap .GNB h1.logo span{padding:0 !important;font-size:16.5px !important;font-weight:700;color:#0f2847 !important;letter-spacing:-.4px}
  /* 위치 글 : 둥근 상자 대신 작은 글 */
  html.drm-on #content.drm .content_nav .cont_nav{display:block !important;padding:0 !important;border:0 !important;background:none !important;font-size:12px !important;color:#64748b !important}
  html.drm-on #content.drm .content_nav .cont_nav:after{content:none}
  html.drm-on #content.drm .content_nav .cont_nav em{color:#334155}
  /* 메뉴 서랍 : 로그인 정보 */
  .drm-drawer{flex-direction:column}
  .drm-drawer .tree{flex:1 0 auto}
  .drm-drawer .who{display:block;flex:0 0 auto;margin-top:auto;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#f6f8fb;border-top:1px solid #e3e8ef;border-bottom:0}
  .drm-drawer .who .wh{display:flex;align-items:center;gap:12px}
  .drm-drawer .who .av{flex:0 0 40px;width:40px;height:40px;font-size:15px}
  .drm-drawer .who .nm{min-width:0}
  .drm-drawer .who .nm b{display:block;font-size:15.5px;color:#0f2847}
  .drm-drawer .who .nm small{display:block;margin-top:1px;font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .drm-drawer .who dl.info{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0 0;padding:10px 12px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;font-size:12.5px}
  .drm-drawer .who dl.info dt{color:#94a3b8;white-space:nowrap}
  .drm-drawer .who dl.info dd{margin:0;color:#334155;word-break:break-all}
  .drm-drawer .who dl.info .lu-tag{display:inline-block;margin-left:4px;padding:0 6px;border-radius:8px;background:#eef2f7;color:#475569;font-size:11px}
  .drm-drawer .who dl.info .lu-tag.warn{background:#fdf2f1;color:#c0392b}
  .drm-drawer .who .ss{display:flex;align-items:center;gap:8px;margin:10px 0 0;padding:8px 8px 8px 12px;border:1px solid #e3e8ef;border-radius:10px;background:#fff;font-size:13px;color:#334155}
  .drm-drawer .who .ss .ic{width:14px;height:14px;border:2px solid #64748b;border-radius:50%;position:relative}
  .drm-drawer .who .ss .ic:after{content:"";position:absolute;left:4px;top:1px;width:2px;height:5px;background:#64748b;box-shadow:2px 3px 0 -0 #64748b}
  .drm-drawer .who .ss b{font:700 15px Arial,sans-serif;color:#0f2847;letter-spacing:.3px}
  .drm-drawer .who .ss .drm-btn{margin-left:auto}
  .drm-drawer .who .wb{display:flex;gap:8px;margin:10px 0 0}
  .drm-drawer .who .wb a,.drm-drawer .who .ss button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 14px;margin:0;border:1px solid #cfd6e0;border-radius:8px;background:#fff;color:#334155;font:600 13px "Malgun Gothic","맑은 고딕",sans-serif;text-decoration:none;cursor:pointer}
  .drm-drawer .who .wb a{flex:1}
  /* [2026-10-27] 메인 바닥글(main-footer-common : footer-mwrap)도 화면 폭에 */
  html.drm-home .footer-mwrap{float:none !important;width:100% !important;min-width:0 !important;height:auto !important;background:#fff !important;border-top:1px solid #e3e8ef}
  html.drm-home .footer-mwrap .footer{width:100% !important;min-width:0 !important;height:auto !important;margin:0 !important;float:none !important;position:static !important}
  html.drm-home .footer-mwrap .footer > .footer-util{width:auto !important;height:auto !important;padding:12px !important;float:none !important}
  html.drm-home .footer-mwrap .footer > .footer-util > nav > ul{display:flex;flex-wrap:wrap;gap:4px 0;margin:0;padding:0}
  html.drm-home .footer-mwrap .footer > .footer-util > nav > ul > li{float:none !important;padding:2px 8px !important;font-size:12px}
  html.drm-home .footer-mwrap .footer > .footer-util > .family-site,html.drm-home .footer-mwrap .footer .mark{display:none !important}
  html.drm-home .footer-mwrap .footer .address{position:static !important;width:auto !important;padding:0 12px 16px !important;float:none !important}
  html.drm-home .footer-mwrap .footer .address li{font-size:11px !important;line-height:1.6;word-break:break-all;white-space:normal !important}
  html.drm-home,html.drm-home body{min-width:0 !important}
  html.drm-home{overflow-x:hidden}
  #content.drm .drm-pick.drm-pick3{grid-template-columns:1fr}
}