.hero {margin-top: -20px;}
.dlp-hero h1 {
	font-family: 'Noto Sans KR',sans-serif;
	font-size:50px;
	font-weight:500;
    color: #fff;
    margin-top: 30px; 
	}


/* =====================================================================
   대리점 게시판 스킨 스타일  style.css
   ===================================================================== */

/* ---------- 상단 타이틀 배너 ---------- */
.dlp-hero{position:relative;width:100%;height:300px;
  background:#062b3e url('./img/sub_title.jpg') center center / cover no-repeat;
  display:flex;align-items:center;justify-content:center;margin-bottom:24px;}
.dlp-hero::before{content:"";position:absolute;inset:0;background:rgba(6,43,62,.35);}
.dlp-hero-inner{position:relative;z-index:1;text-align:center;padding:0 16px;}
.dlp-hero-inner h2{margin:0;color:#fff;font-size:34px;font-weight:800;letter-spacing:-.02em;
  text-shadow:0 2px 14px rgba(0,0,0,.4);}
@media(max-width:720px){.dlp-hero{height:200px;}.dlp-hero-inner h2{font-size:24px;}}

/* ---------- 도(담당지역) 탭 ---------- */
.dlp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.dlp-tabs a{display:inline-block;padding:9px 16px;border:1px solid #dce7ec;border-radius:22px;
  font-size:14px;font-weight:600;color:#5b7683 !important;text-decoration:none;background:#fff;}
.dlp-tabs a:hover{border-color:#1687b2;color:#1687b2 !important;}
.dlp-tabs a.on{background:#1687b2;border-color:#1687b2;color:#fff !important;}

/* ---------- 목록 ---------- */
.dlp{max-width:1080px;margin:20px auto;color:#12303c;}
.dlp-bar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  background:#fff;border:1px solid #dce7ec;border-radius:12px;padding:14px 16px;margin-bottom:14px;}
.dlp-bar input[type=text],.dlp-bar select{padding:10px 12px;border:1px solid #dce7ec;
  border-radius:9px;font-size:14px;outline:none;color:#12303c;background:#f5fafc;}
.dlp-bar input[type=text]{flex:1;min-width:180px;}
.dlp-bar select{flex:none;min-width:140px;padding-right:30px;}
.dlp-bar input[type=text]:focus,.dlp-bar select:focus{border-color:#1687b2;background:#fff;}
.dlp-go{background:#1687b2;color:#fff;border:none;border-radius:9px;padding:10px 18px;
  font-weight:700;font-size:14px;cursor:pointer;}
.dlp-go:hover{background:#0f6e93;}
.dlp-add{display:inline-flex;align-items:center;gap:6px;background:#062b3e;color:#fff !important;
  text-decoration:none;border-radius:9px;padding:10px 16px;font-weight:700;font-size:14px;}
.dlp-add:hover{background:#0c4a63;}

.dlp-tbl{width:100%;border-collapse:collapse;background:#fff;border:1px solid #dce7ec;
  border-radius:12px;overflow:hidden;}
.dlp-tbl thead th{text-align:left;font-size:12px;font-weight:700;color:#5b7683;letter-spacing:.03em;
  padding:14px 18px;border-bottom:1px solid #dce7ec;text-transform:uppercase;}
.dlp-tbl tbody td{padding:15px 18px;border-bottom:1px solid #eef4f7;font-size:14.5px;}
.dlp-tbl tbody tr:last-child td{border-bottom:none;}
.dlp-tbl tbody tr:hover{background:#eaf4f8;}
.dlp-no{color:#8aa2ad;width:50px;font-size:13px;}
.dlp-nm a{color:#062b3e !important;font-weight:700;text-decoration:none;}
.dlp-nm a:hover{color:#1687b2 !important;text-decoration:underline;}
.dlp-aff{display:block;margin-top:3px;font-size:12px;font-weight:500;color:#8aa2ad;}
.dlp-chip{display:inline-block;padding:4px 11px;border-radius:20px;font-size:12.5px;font-weight:600;
  background:#eaf4f8;color:#0f6e93;border:1px solid #cfe6ef;}
.dlp-reg .dlp-chip{margin:2px 4px 2px 0;}
.dlp-ph{color:#5b7683;}
.dlp-act{text-align:right;white-space:nowrap;}
.dlp-act a,.dlp-act button{display:inline-block;border:1px solid #dce7ec;background:#fff;border-radius:8px;
  padding:6px 11px;font-size:12.5px;color:#5b7683 !important;margin-left:5px;cursor:pointer;
  font-weight:600;text-decoration:none;vertical-align:middle;}
.dlp-act form{display:inline;}
.dlp-act a:hover{border-color:#1687b2;color:#1687b2 !important;}
.dlp-act button:hover{border-color:#c0392b;color:#c0392b !important;}
.dlp-empty{text-align:center;color:#8aa2ad;padding:50px;}
@media(max-width:720px){.dlp-tbl .dlp-reg,.dlp-tbl .dlp-ph{display:none;}}

/* ---------- 상세보기 ---------- */
.dvw{max-width:1000px;margin:20px auto;color:#12303c;}
.dvw-back{display:inline-flex;align-items:center;gap:6px;color:#5b7683 !important;text-decoration:none;
  font-size:14px;font-weight:600;margin-bottom:14px;}
.dvw-back:hover{color:#1687b2 !important;}
.dvw-card{background:#fff;border:1px solid #dce7ec;border-radius:14px;overflow:hidden;
  box-shadow:0 10px 30px -14px rgba(6,43,62,.25);}
.dvw-head{padding:26px 28px 22px;border-bottom:1px solid #dce7ec;}
.dvw-head h2{margin:0 0 12px;font-size:26px;font-weight:800;letter-spacing:-.02em;color:#062b3e;}
.dvw-tags{display:flex;gap:7px;flex-wrap:wrap;}
.dvw-chip{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12.5px;
  font-weight:600;background:#1687b2;color:#fff;}
.dvw-body{display:grid;grid-template-columns:1fr 1.15fr;}
.dvw-info{padding:24px 28px;border-right:1px solid #dce7ec;}
.dvw-row{padding:14px 0;border-bottom:1px solid #eef4f7;}
.dvw-row:last-child{border-bottom:none;}
.dvw-lbl{font-size:12px;color:#5b7683;font-weight:700;margin-bottom:3px;}
.dvw-val{font-size:15.5px;font-weight:600;color:#12303c;word-break:keep-all;}
.dvw-val a{color:#1687b2 !important;text-decoration:none;}
.dvw-val a:hover{text-decoration:underline;}
.dvw-map{padding:22px 24px;}
.dvw-mapbox{width:100%;height:300px;border:1px solid #dce7ec;border-radius:12px;overflow:hidden;background:#eaf4f8;}
.dvw-mapbox iframe{width:100%;height:100%;border:0;display:block;}
.dvw-mlinks{display:flex;gap:8px;margin-top:12px;}
.dvw-mlinks a{flex:1;text-align:center;padding:10px;border:1px solid #dce7ec;border-radius:9px;
  font-size:13px;font-weight:600;color:#0c4a63 !important;text-decoration:none;background:#fff;}
.dvw-mlinks a:hover{border-color:#1687b2;color:#1687b2 !important;background:#eaf4f8;}
.dvw-admin{padding:16px 28px;border-top:1px solid #dce7ec;display:flex;gap:8px;justify-content:flex-end;align-items:center;}
.dvw-admin form{display:inline;margin:0;}
.dvw-admin a,.dvw-admin button{border:1px solid #dce7ec;background:#fff;border-radius:9px;
  padding:9px 16px;font-size:13.5px;font-weight:600;color:#5b7683 !important;cursor:pointer;text-decoration:none;}
.dvw-admin a:hover{border-color:#1687b2;color:#1687b2 !important;}
.dvw-admin button:hover{border-color:#c0392b;color:#c0392b !important;}
@media(max-width:720px){.dvw-body{grid-template-columns:1fr;}.dvw-info{border-right:none;border-bottom:1px solid #dce7ec;}}

/* ---------- 등록/수정 폼 ---------- */
.dfm{max-width:620px;margin:20px auto;color:#12303c;}
.dfm-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#062b3e;margin:0 0 18px;}
.dfm-card{background:#fff;border:1px solid #dce7ec;border-radius:14px;padding:26px 28px;}
.dfm-field{margin-bottom:18px;}
.dfm-field label{display:block;font-size:13px;font-weight:700;color:#0c4a63;margin-bottom:6px;}
.dfm-req{color:#c0392b;margin-left:2px;}
.dfm-field input[type=text]{width:100%;padding:11px 13px;border:1px solid #dce7ec;border-radius:9px;
  font-size:14px;color:#12303c;outline:none;box-sizing:border-box;}
.dfm-field input[type=text]:focus{border-color:#1687b2;box-shadow:0 0 0 3px rgba(22,135,178,.12);}
.dfm-select{width:100%;height:46px !important;line-height:normal !important;
  padding:0 13px;border:1px solid #dce7ec;border-radius:9px;
  font-size:14px;color:#12303c;outline:none;box-sizing:border-box;background:#fff;
  -webkit-appearance:menulist;appearance:menulist;}
.dfm-select:focus{border-color:#1687b2;box-shadow:0 0 0 3px rgba(22,135,178,.12);}
.dfm-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:9px 12px;
  border:1px solid #dce7ec;border-radius:9px;padding:14px;background:#f9fcfd;}
.dfm-check{display:flex;align-items:center;gap:7px;font-size:14px;color:#12303c;font-weight:500;cursor:pointer;}
.dfm-check input{width:16px;height:16px;accent-color:#1687b2;cursor:pointer;flex:none;}
.dfm-hint{font-size:12px;color:#5b7683;margin-top:5px;}
.dfm-btns{display:flex;gap:10px;justify-content:flex-end;margin-top:24px;}
.dfm-cancel{border:1px solid #dce7ec;background:#fff;color:#5b7683 !important;border-radius:9px;
  padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;}
.dfm-cancel:hover{border-color:#1687b2;color:#1687b2 !important;}
.dfm-save{border:none;background:#1687b2;color:#fff;border-radius:9px;padding:11px 22px;
  font-size:14px;font-weight:700;cursor:pointer;}
.dfm-save:hover{background:#0f6e93;}