@charset "utf-8";
/* =========================================================
   new.css — 퍼블리싱 이후 추가된 규칙만 모읍니다.
   다른 CSS 파일은 수정하지 않고 여기서 덮어씁니다.
   ========================================================= */

/* ---------------------------------------------------------
   보유자산현황 — 검색 버튼
   퍼블리싱 시안에 검색 실행 버튼이 없어 DB 연동 때 추가했습니다.
   .btn-reset 과 나란히 놓이도록 헤더를 감싸는 래퍼를 씁니다.
   --------------------------------------------------------- */
.asset-search-head .btns {display:flex; align-items:center; gap:20px;}
.asset-search-head .btn-search {display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 24px; border:0; border-radius:8px; background:#00a3e4; color:#fff; font-weight:600; line-height:1em; letter-spacing:-.02em; cursor:pointer; transition:background .2s;}
.asset-search-head .btn-search:hover {background:#0089c1;}

/* 검색 결과가 없을 때 */
.asset-list .asset-item.none {display:block; width:100%; max-width:none; padding:80px 20px; border:1px solid #ddd; border-radius:16px; text-align:center; color:#868686;}

/* 상세 - 첨부파일 */
.asset-view .asset-files {display:flex; flex-direction:column; gap:12px;}
.asset-view .asset-files a {display:inline-flex; align-items:center; gap:8px; color:#242424; text-decoration:underline;}

@media all and (max-width:768px){
	.asset-search-head .btns {gap:12px;}
	.asset-search-head .btn-search {height:40px; padding:0 16px;}
}

/* ---------------------------------------------------------
   메인 - 최신자산현황 : 노출할 물건이 없을 때
   --------------------------------------------------------- */
.sec3-none {padding:60px 20px; text-align:center; color:#868686;}

/* ---------------------------------------------------------
   상세 - 물건 위치 : 지도를 못 그리는 경우 (.no-map)
   doc.css 의 .map-card / .map-btns 는 position:absolute 로
   지도 위에 겹쳐 놓는 구조라, 높이를 만들어 주던 .map-area 가
   빠지면 .asset-map 의 높이가 0 이 되어 둘 다 화면에서 사라진다.
   (카카오 앱키가 없거나 물건에 좌표가 없을 때 발생 - 2026-08-20 실측)
   그래서 지도가 없을 때만 일반 흐름 배치로 되돌린다.
   --------------------------------------------------------- */
.asset-map.no-map {padding:32px; border:1px solid #ddd; background:#fafbfc;}
.asset-map.no-map .map-card {position:static; width:100%; padding:0; border-radius:0; background:none; backdrop-filter:none; box-shadow:none;}
.asset-map.no-map .map-btns {position:static; margin-top:24px; justify-content:flex-end;}

@media all and (max-width:768px){
	.asset-map.no-map {padding:20px;}
	.asset-map.no-map .map-btns {flex-wrap:wrap; justify-content:flex-start;}
}

/* ---------------------------------------------------------
   전자민원 접수 - 거래신협 / 물건 주소
   "입력 / 입력 안함" 라디오로 아래 입력칸을 켜고 끈다.
   (기존 시/도·시/군/구·금고 셀렉트와 .counsel-cu-selects 는 걷어냈다)
   --------------------------------------------------------- */
.counsel-form .apply-fields .field > .counsel-radio-list {display:flex; flex-wrap:wrap; align-items:center; gap:12px 32px; margin-bottom:16px;}
.counsel-form .counsel-sub-field {display:flex; flex-direction:column; gap:12px;}
.counsel-form .counsel-sub-field.is-off {opacity:.45;}
.counsel-form .counsel-sub-field.is-off .input,
.counsel-form .counsel-sub-field.is-off .btn-zip {background:#f2f3f5; cursor:not-allowed;}

@media all and (max-width:768px){
	.counsel-form .apply-fields .field > .counsel-radio-list {gap:10px 20px;}
}

/* ---------------------------------------------------------
   전자민원 - 접수완료 접수번호 / 조회 목록 하단 버튼
   --------------------------------------------------------- */
.apply-complete .counsel-receipt-box {display:inline-flex; align-items:center; gap:16px; margin:24px 0 8px; padding:14px 28px; border:1px solid #e0e0e0; border-radius:8px; background:#fafbfc;}
.apply-complete .counsel-receipt-box .lab {color:#666; font-size:16px;}
.apply-complete .counsel-receipt-box .num {color:var(--color-primary); font-size:24px; font-weight:700; letter-spacing:.02em;}

/* doc.css 의 .btn-search 는 .history-box / .history-result / .history-empty 안에서만
   모양이 잡힌다. 조회 목록 하단 버튼은 그 밖에 있어서 여기서 따로 잡아준다. */
.counsel-history-btns {margin-top:40px; text-align:center;}
.counsel-history-btns form {display:inline-block; width:100%; max-width:320px;}
.counsel-history-btns .btn-search {display:flex; align-items:center; justify-content:center; width:100%; height:56px; border:0; border-radius:12px; background:var(--color-primary); color:#fff; font-size:var(--font-size18); font-weight:600; line-height:1.44em; cursor:pointer;}
.counsel-history-btns .btn-search:hover {opacity:.92;}

@media all and (max-width:768px){
	.apply-complete .counsel-receipt-box {padding:12px 20px; gap:12px;}
	.apply-complete .counsel-receipt-box .num {font-size:20px;}
}