/* =========================================================
   큰글씨 모드 (html.easy-mode)
   - 모바일(≤1024px) 전용
   - 글자 크기·하단 메뉴 높이는 맨 위 변수로 일괄 조정
   ========================================================= */

/* ---------- 전역: 모드와 무관하게 기본 숨김 (PC 포함) ---------- */
.btnEasyMode,
.easyMoreInfo,
.easyHelp {
	display: none;
}

@media screen and (max-width: 1024px) {

	/* =====================================================
	   0. 변수
	   ===================================================== */
	html.easy-mode {
		--fs-title: 21px;   /* 팝업·패널 제목 */
		--fs-body:  18px;   /* 값, 본문, 주소 */
		--fs-label: 16px;   /* 항목명, 라벨 */
		--fs-btn:   18px;   /* 버튼, 탭 */
		--fs-sub:   15px;   /* 보조 안내 문구 */
		--util-h:   68px;   /* 하단 메뉴 높이 */
	}


	/* =====================================================
	   1. 큰글씨 전환 버튼 + 전환 안내 팝업
	   ===================================================== */
	.toolbar .btnEasyMode {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		gap: 4px;
		width: 48px;
		height: 60px;
		padding: 0 0 9px;
		margin-bottom: 10px;
		border: 0;
		border-radius: 12px;
		box-sizing: border-box;
		background: #fff;
		box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1);
	}
	.toolbar .btnEasyMode::before {
		content: '가';
		font-size: 22px;
		font-weight: 800;
		line-height: 1;
		color: #1E6BDE;
	}
	.toolbar .btnEasyMode .txt {
		display: block;
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -0.5px;
		white-space: nowrap;
		color: #1E6BDE;
	}
	/* 켜짐: 파란 배경 + 흰 글씨 */
	html.easy-mode .toolbar .btnEasyMode { background: #1E6BDE; }
	html.easy-mode .toolbar .btnEasyMode::before,
	html.easy-mode .toolbar .btnEasyMode .txt { color: #fff; }

	/* 전환 안내 팝업 (모드 켜기 전에 보이므로 고정값) */
	#popup-easy-mode .popup-title { font-size: 21px; }
	#popup-easy-mode .popup-desc  { font-size: 16px; line-height: 1.6; }
	#popup-easy-mode .popup-actions button { min-height: 52px; font-size: 17px; }


	/* =====================================================
	   2. 기능 숨김
	   ===================================================== */
	html.easy-mode .searchArea .btnLayer,
	html.easy-mode .toolbar .btnArrow,
	html.easy-mode .toolbar .btnArrowBox,
	html.easy-mode .utilArea li:has(.btnMenu02),
	html.easy-mode .utilArea li:has(.btnMenu04),
	html.easy-mode .menuArea,
	html.easy-mode .mMapFooter,
	html.easy-mode .mMapWatermark {
		display: none !important;
	}


	/* =====================================================
	   3. 상단 검색바
	   ===================================================== */
	/* 카드: 기본(rmap.css) 모양 유지, 높이만 키움 */
	html.easy-mode .searchArea {
		min-height: 60px;
	}
	html.easy-mode .searchArea .searchBox input[type="text"],
	html.easy-mode .searchArea .searchBox input[type="text"]:focus {
		min-height: 58px;
		padding-right: 50px;          /* 돋보기 자리만 */
		font-size: var(--fs-body);
	}
	html.easy-mode .searchArea .searchBox input[type="text"]::placeholder {
		font-size: var(--fs-label);
	}
	/* 돋보기: 입력창 안 오른쪽 끝 */
	html.easy-mode .searchArea .searchBox .btnSearch,
	html.easy-mode .searchArea .searchBox input[type="text"]:focus + .btnSearch {
		right: 2px;
		width: 48px;
		height: 48px;
		padding: 0;
	}
	html.easy-mode .searchArea .searchBox .btnSearch::before {
		width: 24px;
		height: 24px;
	}
	/* 지역선택: 아이콘 + 글자, 세로 가운데 */
	html.easy-mode .searchArea .btnAddrToggle {
		min-width: 64px;
		min-height: 52px;
		padding: 4px 6px;
		gap: 4px;
	}
	html.easy-mode .searchArea .btnAddrToggle::before {
		width: 24px;
		height: 24px;
	}
	/* 라벨: 버튼 폭에 맞춘 고정값 */
	html.easy-mode .searchArea .btnAddrToggle .txt {
		font-size: 13px !important;
		font-weight: 700;
	}

	/* =====================================================
	   4. 오른쪽 툴바
	   ===================================================== */
	html.easy-mode .toolbar {
		top: 104px !important;
		right: 12px !important;
		width: 60px;
	}
	html.easy-mode .toolbar .btnEasyMode,
	html.easy-mode .toolbar .btn.btnCurrent,
	html.easy-mode .toolbar .btn.btnFavorite,
	html.easy-mode .toolbar .btn.btnMapType,
	html.easy-mode .toolbar .btnTool.mobile .btn.btnHelp2 {
		width: 60px;
		height: 68px;
		padding: 0 0 10px;
		border-radius: 14px;
	}
	html.easy-mode .toolbar .btn.btnCurrent,
	html.easy-mode .toolbar .btnTool.mobile .btn.btnHelp2 {
		background-size: 28px 28px;
		background-position: center 10px;
	}
	html.easy-mode .toolbar .btnEasyMode::before { font-size: 26px; }

	/* 아이콘 버튼 라벨: 60px 폭에 맞춘 고정값 */
	html.easy-mode .toolbar .btnEasyMode .txt,
	html.easy-mode .toolbar .btn.btnCurrent .txt,
	html.easy-mode .toolbar .btn.btnFavorite .txt,
	html.easy-mode .toolbar .btn.btnMapType .txt,
	html.easy-mode .toolbar .btnTool.mobile .btn.btnHelp2 span {
		font-size: 13px;
		font-weight: 700;
	}

	html.easy-mode .toolbar .btn.btnFavorite {
		background-size: 26px 25px;
		background-position: center 11px;
	}
	html.easy-mode .toolbar .btn.btnMapType {
		background-size: 29px 26px;
		background-position: center 11px;
	}


	/* 배경지도 버튼: 선택한 지도로 바뀌어도(.mapView.selected) 같은 크기 유지 */
	html.easy-mode .toolbar .dep1.mapViewGroup > .btn {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		width: 60px !important;
		height: 68px !important;
		margin: 0;
		padding: 0 0 10px !important;
		border-radius: 14px;
		box-sizing: border-box;
	}
	/* 바뀐 지도 버튼의 아이콘 (지도타입 버튼은 위 btnMapType 규칙 유지) */
	html.easy-mode .toolbar .dep1.mapViewGroup > .btn.mapView {
		background-size: 30px auto !important;
		background-position: center 10px !important;
	}
	/* 라벨 */
	html.easy-mode .toolbar .dep1.mapViewGroup > .btn .txt {
		font-size: 13px !important;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -0.5px;
		white-space: nowrap;
	}
	html.easy-mode .toolbar .dep1.mapViewGroup > .btn.baroE .txt {
		font-size: 12px !important;        /* "인터넷지도" 다섯 글자 */
		letter-spacing: -1px;
	}

	/* 펼침 메뉴 상자: 높이·간격 풀기 */
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool {
		height: auto !important;
		align-items: flex-start;
		gap: 8px;
	}
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .dep3 {
		width: auto !important;
		height: auto !important;
	}

	/* 버튼: 60×68 (인터넷지도 inline width:50px 포함) */
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .btn.mapView {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
		width: 60px !important;
		height: 68px !important;
		margin: 0 !important;
		padding: 0 0 10px !important;
		border-radius: 14px;
		box-sizing: border-box;
		background-size: 30px auto !important;
		background-position: center 10px !important;
	}
	/* 숨김 대상은 위 display:flex보다 우선 */
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .btn.mapView.satellite,
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .btn.mapView.en,
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .btn.mapView.hideMap {
		display: none !important;
	}

	/* 라벨 */
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .btn.mapView span {
		display: block;
		padding-top: 0 !important;
		margin: 0 !important;
		font-size: 13px !important;
		font-weight: 700;
		line-height: 1;
		letter-spacing: -0.5px;
		white-space: nowrap;
	}
	html.easy-mode .toolbar .mapViewGroup .webMapViewTool .btn.mapView.baroE span {
		font-size: 12px !important;        /* "인터넷지도" 다섯 글자 */
		letter-spacing: -1px;
	}

	/* 항공사진 연도 선택 · 하이브리드 체크: 큰글씨 모드에서 숨김 */
	html.easy-mode .toolbar .webMapViewTool #airplaneS,
	html.easy-mode .toolbar .webMapViewTool label[for="airplaneS"],
	html.easy-mode .toolbar .webMapViewTool #divHybrid {
		display: none !important;
	}

	/* 확대/축소 */
	html.easy-mode .toolbar .scale {
		width: 60px;
		height: 120px;
		border-radius: 30px;
	}
	html.easy-mode .toolbar .scale button,
	html.easy-mode .toolbar .scale button:hover {
		width: 60px;
		height: 60px;
	}
	html.easy-mode .toolbar .scale .btnScaleUp::before,
	html.easy-mode .toolbar .scale .btnScaleDown::before { width: 20px; height: 2.5px; }
	html.easy-mode .toolbar .scale .btnScaleUp::after    { width: 2.5px; height: 20px; }


	/* =====================================================
	   5. 하단 메뉴 + 높이를 따라가는 요소
	   ===================================================== */
	html.easy-mode .utilArea {
		height: calc(var(--util-h) + var(--safe-b, 0px)) !important;   /* 아이폰 홈 바 영역 포함 */
	}
	html.easy-mode .utilArea ul li {
		flex: 1 1 50% !important;
		width: 50% !important;
	}
	html.easy-mode .utilArea ul li .btn {
		padding-bottom: 10px !important;
	}
	html.easy-mode .utilArea ul li .btn span {
		font-size: var(--fs-btn);
		font-weight: 700;
	}
	html.easy-mode .utilArea ul li .btn.btnMenu01,
	html.easy-mode .utilArea ul li .btn.btnMenu01.active {
		background-size: 30px 21px !important;
		background-position: center 12px !important;
	}
	html.easy-mode .utilArea ul li .btn.btnMenu03,
	html.easy-mode .utilArea ul li .btn.btnMenu03.active {
		background-size: 25px 24px !important;
		background-position: center 12px !important;
	}

	/* "조회할 필지를 지도에서 선택해주세요" 말풍선 */
	html.easy-mode .utilArea ul li .innerNotice,
	html.easy-mode .utilArea ul li .btn.btnMenu01 + .innerNotice {
		left: 12px;
		top: auto;
		bottom: calc(100% + 10px);
		width: calc(100vw - 24px);          /* 기존 width:150px 규칙보다 우선 */
		max-width: none;
		height: auto !important;
		min-height: 44px;
		padding: 10px 16px;
		border-radius: 10px;
		box-sizing: border-box;
		font-size: var(--fs-label);
		font-weight: 700;
		line-height: 1.3 !important;
		text-align: center;
		white-space: normal;
		word-break: keep-all;
	}
	/* 떠 있을 때만 flex로 세로 가운데 정렬 (평소엔 기존 숨김 유지) */
	html.easy-mode .utilArea ul li .innerNotice.active {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}
	/* 꼬리: 일필지정보 버튼 가운데(화면 폭의 1/4) */
	html.easy-mode .utilArea ul li .innerNotice::before {
		top: 100%;
		left: calc(25vw - 12px - 6px);
		margin-top: -3px;
	}

	/* 법적효력 문구: 기본(rmap.css)의 가운데 배지 모양 유지, 하단 메뉴 높이만큼 올림 */
	html.easy-mode .lawTxt {
		bottom: calc(var(--util-h) + var(--safe-b, 0px) + 8px) !important;
		max-width: calc(100vw - 24px);
		padding: 8px 14px 8px 12px !important;
		gap: 6px;
	}
	html.easy-mode .lawTxt::before {
		width: 16px;
		height: 16px;
	}
	html.easy-mode .lawTxt span {
		font-size: var(--fs-label) !important;
		font-weight: 600;
		line-height: 1.4;
		text-align: left !important;   /* 두 줄일 때 아이콘 옆에 붙게 (inline center 덮기) */
		color: #333;
	}
	/* 말풍선이 떠 있는 동안 법적효력 문구 숨김 */
	html.easy-mode body:has(.utilArea .innerNotice.active) .lawTxt {
		visibility: hidden !important;
	}

	/* 그리기 초기화/닫기 버튼 */
	html.easy-mode .drawActions.active {
		bottom: calc(var(--util-h) + 45px);
	}

	/* 일필지·실거래가 패널 (위쪽 끝 95px 유지) */
	html.easy-mode #toc {
		bottom: calc(var(--util-h) + var(--safe-b, 0px)) !important;
	}
	/* 큰글씨 검색창(40~100px) 아래부터 */
	html.easy-mode body #toc:not(.hide) {
		top: 108px !important;
	}
	html.easy-mode #toc.info.type02 {
		height: auto !important;
	}

	/* 하단 시트 팝업 (가운데 뜨는 .modal 제외) */
	html.easy-mode .popup:not(.modal) {
		bottom: calc(var(--util-h) + var(--safe-b, 0px)) !important;
	}
	html.easy-mode .popup:not(.modal):not(.poiStyle):not(.small) {
		height: calc(100% - 97px - var(--util-h)) !important;
	}


	/* =====================================================
	   6. 공통 알림 팝업 (#alertPop)
	   ===================================================== */
	html.easy-mode #alertPop .popInner p {
		font-size: var(--fs-body);
		line-height: 1.6;
		word-break: keep-all;
	}
	html.easy-mode #alertPop .imgBox {
		transform: scale(1.2);
		margin-bottom: 12px;
	}
	html.easy-mode #alertPop .btnArea {
		margin-top: 20px;
	}
	html.easy-mode #alertPop .btnArea button {
		width: 100%;
		height: 56px;
		border-radius: 10px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}


	/* =====================================================
	   7. 도로명/지번 태그 (검색결과 · 일필지 공통)
	   ===================================================== */
	html.easy-mode #jusoPopup .addr .tag,
	html.easy-mode #toc .addr .tag {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: none;
		width: auto;
		min-width: 56px;
		height: 28px;               /* 주소 첫 줄(18px × 1.5 = 27px)과 맞춤 */
		margin-top: 0;
		padding: 0 8px;
		box-sizing: border-box;
		font-size: 14px;
		line-height: 1;
	}
	html.easy-mode #jusoPopup .addr .flex,
	html.easy-mode #toc .addr .flex {
		align-items: flex-start;
	}


	/* =====================================================
	   8. 주소 검색결과 팝업 (#jusoPopup)
	   ===================================================== */
	html.easy-mode #jusoPopup .head .tit,
	html.easy-mode #jusoPopup .head .tit #jusoTotalCount {
		font-size: var(--fs-title);
	}
	html.easy-mode #jusoPopup .head .tit #jusoTotalCount { color: #1E6BDE; }

	html.easy-mode #jusoPopup .addrArea { padding: 16px 20px; }
	html.easy-mode #jusoPopup .addrArea:active { background: #f0f5ff; }
	html.easy-mode #jusoPopup .addr { cursor: pointer; }

	html.easy-mode #jusoPopup .addr .flex {
		gap: 10px;
		margin-bottom: 10px;
	}
	html.easy-mode #jusoPopup .addr .flex:last-child { margin-bottom: 0; }
	html.easy-mode #jusoPopup .addr p {
		font-size: var(--fs-body);
		line-height: 1.5;
		word-break: keep-all;
	}
	html.easy-mode #jusoPopup .addr p.doro {
		min-height: 0;               /* 기존 48px 제거 */
		height: auto;
	}
	/* 도로명 없는 줄 숨김 (juso.jusoHtml에서 .noRoad 부여) */
	html.easy-mode #jusoPopup .addr .noRoad { display: none; }

	/* 페이지: 번호 입력 숨기고 "1 / 3"만 */
	html.easy-mode #jusoPopup #jusoPageInput,
	html.easy-mode #jusoPopup label[for="jusoPageInput"] {
		display: none;
	}
	html.easy-mode #jusoPopup .pageCount {
		margin-top: 14px !important;
	}
	html.easy-mode #jusoPopup .pageCount strong,
	html.easy-mode #jusoPopup .pageCount .slash,
	html.easy-mode #jusoPopup #jusoTotalPage {
		font-size: var(--fs-body);
		font-weight: 700;
	}
	html.easy-mode #jusoPopup .pageMove button {
		width: 56px;
		height: 56px;
	}
	/* 하단 안내 문구 (inline 12px 덮기) */
	html.easy-mode #jusoPopup .pageArea > div:last-child {
		font-size: var(--fs-sub) !important;
		font-weight: 600 !important;
		line-height: 1.6;
		color: #475569;
	}


	/* =====================================================
	   9. 지역선택 팝업 (#locAddressPop)
	   ===================================================== */
	html.easy-mode .addressPop#locAddressPop {
		width: calc(100% - 24px);
		max-width: 420px;
	}

	/* 상단 경로 */
	html.easy-mode .addressPop#locAddressPop .address {
		flex-wrap: wrap;
		row-gap: 4px;
		padding: 16px 64px 16px 18px;
		white-space: normal;
	}
	html.easy-mode .addressPop#locAddressPop .address span {
		font-size: var(--fs-label) !important;      /* data-original-px 잔재 대비 */
	}
	html.easy-mode .addressPop#locAddressPop .address span.active {
		font-size: calc(var(--fs-label) + 1px) !important;
		color: #1E6BDE;
	}
	html.easy-mode .addressPop#locAddressPop .address span:not(:last-child):after {
		font-size: 14px;
	}

	/* 목록: 2열 */
	html.easy-mode .addressPop#locAddressPop .cityList {
		max-height: 50vh;
	}
	html.easy-mode .addressPop#locAddressPop .cityList ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
	html.easy-mode .addressPop#locAddressPop .cityList ul li button.btnLocItem {
		display: flex;
		align-items: center;
		justify-content: center;
		height: auto;
		min-height: 56px;
		padding: 6px 8px;
		font-size: var(--fs-body) !important;       /* inline 13px 대비 */
		font-weight: 600;
		line-height: 1.3;
		white-space: normal;
		word-break: keep-all;
		overflow-wrap: anywhere;
		text-overflow: clip;
	}
	html.easy-mode .addressPop#locAddressPop .cityList ul li.active button.btnLocItem {
		background: #1E6BDE;
		border-color: #1E6BDE;
		color: #fff;
	}

	/* 하단 버튼 (선택완료 단독 / 이전으로+선택완료) */
	html.easy-mode .addressPop#locAddressPop .btnArea {
		margin-top: 18px !important;
		gap: 10px;
	}
	html.easy-mode .addressPop#locAddressPop .btnArea button.locBefore,
	html.easy-mode .addressPop#locAddressPop .btnArea button.locComplete {
		height: 56px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}
	html.easy-mode .addressPop#locAddressPop .btnArea button.locBefore   { flex: 1; }
	html.easy-mode .addressPop#locAddressPop .btnArea button.locComplete { flex: 2; }


	/* =====================================================
	   10. 토지정보 미니팝업 (#jusoMiniPopup)
	   ===================================================== */
	html.easy-mode #jusoMiniPopup .head {
		height: 56px;
	}
	html.easy-mode #jusoMiniPopup .head .tit {
		font-size: var(--fs-title);
	}

	/* 헤더의 상세정보보기 버튼: 닫기 버튼 왼쪽 */
	html.easy-mode #jusoMiniPopup .head .moreInfo {
		left: auto;
		right: 56px;
		top: 50%;
		margin: 0;
		transform: translateY(-50%);
	}
	html.easy-mode #jusoMiniPopup .head .btnMoreInfo {
		height: 40px;
		padding: 0 16px;
		border: 0;
		border-radius: 20px;
		background: #1E6BDE;
	}
	html.easy-mode #jusoMiniPopup .head .btnMoreInfo span {
		font-size: 15px !important;
		font-weight: 700;
		color: #fff;
	}
	/* 하단 큰 버튼 마크업이 있으면 헤더 버튼은 자동으로 숨김 */
	html.easy-mode #jusoMiniPopup:has(.easyMoreInfo) .head .moreInfo {
		display: none;
	}

	/* 항목 */
	html.easy-mode #jusoMiniPopup .addrDetail ul {
		padding: 2px 10px;
	}
	html.easy-mode #jusoMiniPopup .addrDetail li {
		display: flex;
		align-items: flex-start;
		gap: 12px;
		padding: 14px 0;
		border-bottom: 1px solid #eef0f2;
	}
	html.easy-mode #jusoMiniPopup .addrDetail li:last-child {
		border-bottom: 0;
	}
	html.easy-mode #jusoMiniPopup .addrDetail li strong {    /* 회색 알약 라벨 */
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 84px;
		width: 84px;
		height: 28px;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		border-radius: 14px;
		font-size: 15px;
		font-weight: 600;
		line-height: 1;
		letter-spacing: -0.5px;
		white-space: nowrap;
		color: #475569;
	}
	html.easy-mode #jusoMiniPopup .addrDetail li p {
		flex: 1;
		min-width: 0;
		font-size: var(--fs-body);
		font-weight: 600;
		line-height: 1.5;
		color: #111;
		word-break: keep-all;
	}

	/* 하단 큰 버튼 */
	html.easy-mode #jusoMiniPopup .easyMoreInfo {
		display: block;
		padding: 8px 20px 20px;
	}
	html.easy-mode #jusoMiniPopup .easyMoreInfo button {
		width: 100%;
		height: 56px;
		border: 0;
		border-radius: 10px;
		background: #1E6BDE;
		color: #fff;
		font-size: var(--fs-btn);
		font-weight: 700;
	}
	html.easy-mode #jusoMiniPopup .easyMoreInfo button:active {
		background: #1557b8;
	}


	/* =====================================================
	   11. 일필지 패널 (#toc) - 공통
	   ===================================================== */
	html.easy-mode #toc .head .titLayer { font-size: var(--fs-title); }

	html.easy-mode #toc .addr p {
		font-size: var(--fs-body) !important;
		line-height: 1.5;
	}
	html.easy-mode #toc .tabContWrap.type01 > .tabNav .tabList li {
		height: 52px;
		line-height: 52px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}
	html.easy-mode #toc .cont .tocSec .titArea .tit {
		font-size: calc(var(--fs-title) - 2px);
	}

	/* thead 없는 일반 표 (토지이용계획 등) */
	html.easy-mode #toc .table table th,
	html.easy-mode #toc .table table td {
		font-size: var(--fs-body);
		line-height: 1.5;
	}

	/* 선택상자 */
	html.easy-mode #toc select,
	html.easy-mode #toc .selArea .btn {
		height: 52px;
		font-size: var(--fs-body);
	}

	/* 대지권등록부: [동][층][호] / [조회] */
	html.easy-mode #toc .selArea:has(#buildRegisterSearchBtn) {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 8px;
	}
	html.easy-mode #toc .selArea:has(#buildRegisterSearchBtn) select {
		width: 100% !important;
		min-width: 0;
		max-width: none !important;
		margin: 0;
		padding: 0 8px;
		box-sizing: border-box;
	}
	html.easy-mode #toc .selArea #buildRegisterSearchBtn {
		grid-column: 1 / -1;          /* 아래 줄 전체 */
		width: 100%;
		height: 52px;
		margin: 0;
		font-size: var(--fs-btn);
		font-weight: 700;
	}

	/* 더보기 버튼 */
	html.easy-mode #toc .moreToggle {
		min-width: 160px;
		height: 52px;
		padding: 0 20px;
	}
	html.easy-mode #toc .moreToggle span {
		font-size: var(--fs-btn);
		font-weight: 700;
	}

	/* 이력성 항목 숨김 (기획 확인 필요) */
	html.easy-mode #toc .tocSec:has(.landOwnerShipHistList),     /* 소유권변동연혁 */
	html.easy-mode #toc .tocSec:has(.landMoveHistList),          /* 토지이동연혁 */
	html.easy-mode #toc .tocSec:has(#BuildRegisterOwnerShipTbl)  /* 소유자연혁 */
	{
		display: none;
	}

	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td {
		word-break: keep-all;
		overflow-wrap: anywhere;       /* 추가: 띄어쓰기 없는 긴 이름은 칸 끝에서 줄바꿈 */
	}

	/* 값 덩어리: 남은 폭 전부 쓰고, 넘치면 칸 안에서 줄바꿈 */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td > .easyVal {
		flex: 1;
		min-width: 0;
		text-align: right;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	/* =====================================================
   12. 카드형 표 (table.easyCard, easyTable JS가 라벨·.easyVal 부여)
   ※ 공통 .table td { max-width:100px; height:40px } 해제 포함
   ===================================================== */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		table-layout: auto !important;
		border-collapse: separate !important;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard thead,
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard colgroup {
		display: none !important;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard caption {
		position: absolute;
		width: 1px;
		height: 1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody {
		display: block !important;
		width: 100% !important;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr {
		display: block !important;
		width: 100% !important;
		margin: 0 0 10px;
		padding: 4px 16px;
		border: 1px solid #d7dadf;
		border-radius: 10px;
		background: #fff;
		box-sizing: border-box;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr.hidden,
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr:empty {
		display: none !important;
	}

	/* 칸: [항목명 | 값] */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td {
		display: flex !important;
		align-items: baseline;
		justify-content: space-between;
		gap: 16px;
		width: 100% !important;
		min-width: 0 !important;
		max-width: none !important;
		height: auto !important;
		padding: 12px 0 !important;
		border: 0 !important;
		border-bottom: 1px solid #eef0f2 !important;
		box-sizing: border-box;
		font-size: var(--fs-body);
		line-height: 1.4;
		text-align: right !important;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td:last-child {
		border-bottom: 0 !important;
	}
	/* 항목명: 최대 절반, 길면 줄바꿈 */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td::before {
		content: attr(data-label);
		flex: 0 1 auto;
		max-width: 50%;
		white-space: normal;
		word-break: keep-all;
		text-align: left;
		line-height: 1.35;
		font-size: var(--fs-label);
		font-weight: 600;
		color: #64748b;
	}
	/* 값: 남은 폭 전부 */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td > .easyVal {
		flex: 1;
		min-width: 0;
		text-align: right;
		word-break: keep-all;
		overflow-wrap: anywhere;
	}

	/* 결과 없음 */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td.easyEmpty {
		justify-content: center;
		text-align: center !important;
		color: #64748b;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td.easyEmpty::before {
		content: none;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td.easyEmpty p {
		margin: 0;
		font-size: inherit !important;
		line-height: 1.5;
		color: inherit;
	}

	/* 상세보기 버튼 칸: 항목명 숨기고 글자 버튼으로 */
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td:has(.btnDetailView) {
		align-items: center;
		padding: 10px 0 !important;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard tbody tr td:has(.btnDetailView)::before {
		content: none;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard .btnDetailView {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 48px;
		padding: 0 !important;
		border: 1.5px solid #1E6BDE;
		border-radius: 10px;
		background: #fff !important;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard .btnDetailView .hidden {
		display: inline !important;
		position: static !important;
		width: auto !important;
		height: auto !important;
		clip: auto !important;
		overflow: visible !important;
		font-size: var(--fs-btn);
		font-weight: 700;
		color: #1E6BDE;
	}
	html.easy-mode :is(#toc, .bldgDetailInfo-Popup, .exposcommTbodyo-Popup) table.easyCard .btnDetailView:active {
		background: #f0f5ff !important;
	}

	/* 큰글씨: 건물목록 · 공동주택가격 · 실거래가(일필지) · 실거래가 메뉴는 처음 3개만
   (tr.hidden이 남아 있는 동안 = 접힌 상태일 때만 4~5번째도 숨김) */
	html.easy-mode :is(#bldgInfoRstList, #houseAptTbl, #priceList, #areaPriceList):has(> tr.hidden) > tr:nth-child(n+4) {
		display: none !important;
	}

	/* =====================================================
	   13. 일필지 > 가격 탭 > 실거래가
	   ===================================================== */
	html.easy-mode #toc .cont .tocSec .selectArea {
		display: flex;
		flex-wrap: wrap;
		gap: 8px;
	}
	html.easy-mode #toc .cont .tocSec .selectArea .btnGroup {
		display: flex;
		flex: 1 1 calc(50% - 4px);
		min-width: 0;
	}
	html.easy-mode #toc .cont .tocSec .selectArea .btnGroup button,
	html.easy-mode #toc .cont .tocSec .selectArea .btnGroup .btn,
	html.easy-mode #toc .cont .tocSec .selectArea .btnGroup.type02 button {
		flex: 1;
		width: auto;
		min-width: 0;
		height: 52px;
		padding: 0 4px;
	}
	html.easy-mode #toc .cont .tocSec .selectArea .btnGroup button span {
		font-size: var(--fs-label);
		font-weight: 700;
		white-space: nowrap;
	}
	html.easy-mode #toc .cont .tocSec .selectArea #priceOptionList {
		flex: 1 1 100%;
		width: 100% !important;      /* inline 75px 덮기 */
		height: 52px;
		font-size: var(--fs-body);
	}

	/* 차트 */
	html.easy-mode #priceGraphArea { height: 240px !important; }
	html.easy-mode #priceGraphArea > div:not([style*="position"]) {   /* "결과 없음" 문구만 */
		padding-top: 20px;
		font-size: var(--fs-label);
		color: #64748b;
	}

	/* ※ 안내 문구 */
	html.easy-mode #pice_infomation {
		margin: 12px 4px !important;
		font-size: var(--fs-sub);
		line-height: 1.6;
		word-break: keep-all;
	}


	/* =====================================================
	   14. 일필지 > 토지이용계획
	   ===================================================== */
	html.easy-mode #landUsePlanTbl td.txt-left {    /* 법령 구분 제목 줄 */
		padding: 12px 10px !important;
		background: #f8fafc;
		font-weight: 700;
		color: #1E6BDE;
	}

	html.easy-mode #toc .legendArea {
		display: flex !important;
		flex-direction: column;
		gap: 2px;
		margin-top: 12px;
		padding: 8px 14px;
		border: 1px solid #e2e8f0;
		border-radius: 10px;
		background: #fff;
	}
	html.easy-mode #toc .legendArea[style*="display: none"],
	html.easy-mode #toc .legendArea[style*="display:none"] {
		display: none !important;    /* 조회 전 숨김 유지 */
	}
	html.easy-mode #toc .legendArea .legend {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		padding: 8px 0;
		border-bottom: 1px solid #f1f5f9;
	}
	html.easy-mode #toc .legendArea .legend:last-child {
		border-bottom: 0;
	}
	html.easy-mode #toc .legendArea .legend .box {
		flex: none;
		width: 24px;
		height: 24px;
	}
	html.easy-mode #toc .legendArea .legend .box img {
		width: 24px;
		height: 24px;
		image-rendering: pixelated;
	}
	html.easy-mode #toc .legendArea .legend .box:empty {
		display: none;
	}
	html.easy-mode #toc .legendArea .legend .txt {
		font-size: var(--fs-label);
		line-height: 1.4;
		color: #222;
		word-break: keep-all;
	}


	/* =====================================================
	   15. 실거래가 메뉴 (#areaPrice)
	   ===================================================== */

	/* 탭 2×2 */
	html.easy-mode #areaPrice .tabNav {
		height: auto;
	}
	html.easy-mode #areaPrice .tabNav .tabList {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	html.easy-mode #areaPrice .tabNav .tabList li {
		height: 52px;
		line-height: 52px;
		font-size: var(--fs-btn);
		text-align: center;
		text-overflow: clip;
	}

	/* 검색 조건: 라벨 위 / 선택상자 아래 */
	html.easy-mode #areaPrice .areaPriceOptions table,
	html.easy-mode #areaPrice .areaPriceOptions tbody {
		display: block !important;
		width: 100% !important;
		table-layout: auto !important;
	}
	html.easy-mode #areaPrice .areaPriceOptions colgroup {
		display: none !important;
	}
	/* inline display:none 행(탭별 숨김)은 그대로 둠 */
	html.easy-mode #areaPrice .areaPriceOptions tr:not([style*="display:none"]):not([style*="display: none"]) {
		display: block !important;
		width: 100% !important;
		margin-bottom: 14px;
	}
	html.easy-mode #areaPrice .areaPriceOptions th,
	html.easy-mode #areaPrice .areaPriceOptions td {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		height: auto !important;
		border: 0 !important;
		background: none !important;
		box-sizing: border-box;
	}
	html.easy-mode #areaPrice .areaPriceOptions th {
		padding: 0 0 6px !important;
		text-align: left;
		font-size: var(--fs-label);
		font-weight: 700;
		color: #333;
	}
	html.easy-mode #areaPrice .areaPriceOptions td {
		padding: 0 !important;
	}
	html.easy-mode #areaPrice .areaPriceOptions select {
		display: block;
		width: 100% !important;
		max-width: none !important;
		height: 52px;
		padding: 0 12px;
		border-radius: 8px;
		box-sizing: border-box;
		font-size: var(--fs-body);
	}

	/* 라디오 (거래구분·주택구분): 원과 점을 같은 기준으로 다시 그림 */
	html.easy-mode #areaPrice .radioGroup {
		display: flex;
		flex-wrap: wrap;
		gap: 4px 24px;
	}
	html.easy-mode #areaPrice .radio label {
		position: relative;
		display: inline-flex;
		align-items: center;
		min-height: 48px;               /* 터치 영역 */
		padding: 0 0 0 32px;
		font-size: var(--fs-body);
		font-weight: 600;
		line-height: 1;
	}
	/* 바깥 원 */
	html.easy-mode #areaPrice .radio label::before {
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		width: 22px;
		height: 22px;
		margin: 0;
		border: 2px solid #9aa4b2;
		border-radius: 50%;
		background: #fff;
		background-image: none;
		box-sizing: border-box;
		transform: translateY(-50%);
	}
	html.easy-mode #areaPrice .radio input[type="radio"]:checked + label::before {
		border-color: #1E6BDE;
	}
	/* 가운데 점: 원 중심(11px)에 맞춤 */
	html.easy-mode #areaPrice .radio input[type="radio"]:checked + label::after {
		content: '';
		position: absolute;
		left: 6px;
		top: 50%;
		width: 10px;
		height: 10px;
		margin: 0;
		border-radius: 50%;
		background: #1E6BDE;
		transform: translateY(-50%);
	}
	/* 키보드 포커스 */
	html.easy-mode #areaPrice .radio input[type="radio"]:focus-visible + label::before {
		outline: 2px solid #1E6BDE;
		outline-offset: 2px;
	}

	/* 조회 버튼 */
	html.easy-mode #areaPrice .btnArea .btn#areaPriceSearch {
		width: 100%;
		height: 56px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}

	/* 조회결과 머리 */
	html.easy-mode #areaPrice .titArea.flex {
		flex-wrap: wrap;
		row-gap: 8px;
	}
	html.easy-mode #areaPrice .priceSort {
		height: 48px;
		font-size: var(--fs-label);
	}

	html.easy-mode #areaPrice p.total,
	html.easy-mode #areaPrice p.total #priceListTotal {
		font-size: var(--fs-body) !important;
		line-height: 1.3 !important;
	}
	html.easy-mode #areaPrice p.total {
		font-weight: 600;
		color: #333;
	}
	html.easy-mode #areaPrice p.total #priceListTotal {
		margin-right: 1px;
		font-weight: 800;
		color: #1E6BDE;
	}

	/* =====================================================
	   16. 용어 설명 시트 + ? 버튼
	   ===================================================== */
	html.easy-mode .termSheetBox {
		padding: 0 22px 28px;
	}
	html.easy-mode .termSheetHead {
		min-height: 60px;
	}
	html.easy-mode .termSheetHead h2 {
		font-size: var(--fs-title);
		font-weight: 800;
	}
	html.easy-mode .termSheetHead .btnTermClose {
		width: 48px;
		height: 48px;
	}
	html.easy-mode .termSheetBody {
		max-height: 60vh;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	html.easy-mode .termSheetBody .termRow {
		padding: 16px 0;
		border-bottom: 1px solid #eef0f2;
	}
	html.easy-mode .termSheetBody .termRow:last-child {
		border-bottom: 0;
	}
	html.easy-mode .termSheetBody dt {
		margin-bottom: 8px;
		font-size: calc(var(--fs-title) - 2px);
		font-weight: 800;
		color: #1E6BDE;
	}
	html.easy-mode .termSheetBody dd {
		margin: 0;
		font-size: var(--fs-body);
		line-height: 1.75;
		color: #222;
		word-break: keep-all;
	}

	/* ? 버튼: ::before = 물음표(기존), ::after = 터치 영역 */
	html.easy-mode .termHelp {
		width: 24px;
		height: 24px;
		margin-left: 6px;
		vertical-align: middle;
	}
	html.easy-mode .termHelp::before {
		font-size: 15px;
	}
	html.easy-mode .termHelp::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 48px;
		height: 48px;
		transform: translate(-50%, -50%);
	}


	/* =====================================================
	   17. 도움말
	   ===================================================== */

	/* 코치마크 대신 전용 도움말 */
	html.easy-mode #helpArea .mobile { display: none !important; }
	html.easy-mode #helpArea .easyHelp {
		display: flex;
		align-items: flex-end;
		position: fixed;
		inset: 0;
		z-index: 100001;
		background: rgba(0, 0, 0, 0.5);
	}
	html.easy-mode .easyHelpCard {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-height: 88vh;
		background: #fff;
		border-radius: 18px 18px 0 0;
		box-sizing: border-box;
	}
	html.easy-mode .easyHelpHead {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 10px 12px 22px;
		border-bottom: 1px solid #eef0f2;
	}
	html.easy-mode .easyHelpHead h2 {
		font-size: calc(var(--fs-title) + 1px);
		font-weight: 800;
		color: #111;
	}
	html.easy-mode .easyHelpX {
		position: relative;
		width: 48px;
		height: 48px;
		border: 0;
		background: transparent;
	}
	html.easy-mode .easyHelpX::before,
	html.easy-mode .easyHelpX::after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 22px;
		height: 2.5px;
		border-radius: 2px;
		background: #333;
	}
	html.easy-mode .easyHelpX::before { transform: translate(-50%, -50%) rotate(45deg); }
	html.easy-mode .easyHelpX::after  { transform: translate(-50%, -50%) rotate(-45deg); }

	html.easy-mode .easyHelpBody {
		flex: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 4px 22px 18px;
	}
	html.easy-mode .easyHelpBody h3 {
		margin: 20px 0 4px;
		padding-bottom: 6px;
		border-bottom: 2px solid #1E6BDE;
		font-size: var(--fs-sub);
		font-weight: 700;
		color: #1E6BDE;
	}
	html.easy-mode .easyHelpBody dl { margin: 0; }
	html.easy-mode .easyHelpBody dt {
		margin-top: 14px;
		font-size: calc(var(--fs-title) - 2px);
		font-weight: 800;
		color: #111;
	}
	html.easy-mode .easyHelpBody dd {
		margin: 4px 0 0;
		font-size: var(--fs-body);
		line-height: 1.6;
		color: #333;
		word-break: keep-all;
	}
	html.easy-mode .easyHelpTip {
		margin-top: 22px;
		padding: 14px 16px;
		border-radius: 10px;
		background: #f0f5ff;
		font-size: var(--fs-label);
		line-height: 1.7;
		color: #222;
		word-break: keep-all;
	}
	html.easy-mode .easyHelpBtns {
		display: flex;
		gap: 10px;
		padding: 12px 22px calc(18px + var(--safe-b, 0px));
		border-top: 1px solid #eef0f2;
	}
	html.easy-mode .easyHelpBtns button {
		flex: 1;
		height: 56px;
		border: 0;
		border-radius: 10px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}
	html.easy-mode .easyHelpDetailBtn { background: #f0f5ff; color: #1E6BDE; }
	html.easy-mode .easyHelpOk        { background: #1E6BDE; color: #fff; }

	/* 자세한 도움말 모달 */
	html.easy-mode .helpModal .helpHeader h2 { font-size: var(--fs-title); }
	html.easy-mode .helpModal .helpTabs button {
		min-height: 52px;
		font-size: var(--fs-btn);
	}
	html.easy-mode .helpModal .guideTip p,
	html.easy-mode .helpModal .guideList p {
		font-size: var(--fs-body);
		line-height: 1.7;
	}
	html.easy-mode .helpModal .guideTip strong,
	html.easy-mode .helpModal .guideList strong { font-size: var(--fs-body); }
	html.easy-mode .helpModal .guideGroup h3     { font-size: calc(var(--fs-title) - 2px); }
	html.easy-mode .helpModal .termSearch {
		height: 52px;
		font-size: var(--fs-body);
	}

	/* 자세한 도움말 > 용어 설명 탭 */
	html.easy-mode .helpModal .termGroup h3 {
		margin: 24px 0 4px;
		padding-bottom: 6px;
		border-bottom: 2px solid #1E6BDE;
		font-size: var(--fs-label);
		font-weight: 700;
		color: #1E6BDE;
	}
	html.easy-mode .helpModal .termItem {
		border-bottom: 1px solid #eef0f2;
	}

	/* 항목 이름 (누르면 펼침) */
	html.easy-mode .helpModal .termItem dt button {
		display: flex;
		align-items: center;
		justify-content: space-between;   /* 기존 화살표가 있으면 오른쪽 끝으로 */
		width: 100%;
		min-height: 56px;
		padding: 12px 4px;
		text-align: left;
		font-size: var(--fs-body);
		font-weight: 700;
		line-height: 1.4;
		color: #111;
	}
	html.easy-mode .helpModal .termItem dt button[aria-expanded="true"] {
		color: #1E6BDE;
	}

	/* 펼쳐진 설명 (display는 건드리지 않음: 아코디언 동작 유지) */
	html.easy-mode .helpModal .termItem dd {
		margin: 0;
		padding: 0 4px 16px;
		font-size: var(--fs-body);
		line-height: 1.75;
		color: #333;
		word-break: keep-all;
	}

	/* 보충 설명 박스 (도움말 모달 · 용어 시트 공통) */
	html.easy-mode .helpModal .termItem dd .termTip,
	html.easy-mode .termSheetBody .termTip {
		display: block;
		margin-top: 10px;
		padding: 12px 14px;
		border-radius: 8px;
		background: #f0f5ff;
		font-size: var(--fs-label);
		line-height: 1.7;
		color: #334155;
		word-break: keep-all;
	}

	/* =====================================================
   18. 즐겨찾기 (목록 · 등록)
   ===================================================== */

	/* 공통 머리 */
	html.easy-mode .popup.fave .head {
		height: 56px;
	}
	html.easy-mode .popup.fave .head .tit {
		font-size: var(--fs-title);
	}

	/* ---------- 목록 팝업 ---------- */
	/* 내용만큼만 높이 (하단 시트 공통 높이 규칙 해제) */
	html.easy-mode #listFavoritePopup {
		height: auto !important;
	}
	html.easy-mode #listFavoritePopup .cont {
		height: auto;
		max-height: calc(100vh - 97px - var(--util-h) - 56px);
		overflow-y: auto;
	}

	/* 빈 목록 안내 */
	html.easy-mode #listFavoritePopup #listData > p.favName {
		padding: 40px 20px;
		font-size: var(--fs-body);
		line-height: 1.6;
		color: #64748b;
	}

	/* 항목: [이름 ············ 수정 이동 삭제] */
	html.easy-mode #listFavoritePopup .favList ul li {
		border-bottom: 1px solid #eef0f2;
	}
	html.easy-mode #listFavoritePopup .favList .favBox {
		display: flex;
		align-items: center;
		gap: 10px;
		min-height: 64px;
		padding: 8px 16px;
		box-sizing: border-box;
	}
	html.easy-mode #listFavoritePopup .favList .favBox .favName {
		flex: 1;
		min-width: 0;
		font-size: var(--fs-body);
		font-weight: 600;
		line-height: 1.4;
		word-break: keep-all;
	}
	html.easy-mode #listFavoritePopup .favList .favBox .tool {
		display: flex;
		flex: none;
		gap: 6px;
	}
	/* 아이콘 버튼 30px → 44px (hover 규칙보다 ID 우선순위로 이김) */
	html.easy-mode #listFavoritePopup .favList .favBox .tool button {
		width: 44px;
		height: 44px;
		background-position: center;
	}
	html.easy-mode #listFavoritePopup .favList .favBox .tool button.btnEdit { background-size: 22px 22px; }
	html.easy-mode #listFavoritePopup .favList .favBox .tool button.btnLoc  { background-size: 18px 22px; }
	html.easy-mode #listFavoritePopup .favList .favBox .tool button.btnDel  { background-size: 22px 20px; }

	/* 이름 수정 중 입력칸 (input 자체가 .favForm) */
	html.easy-mode #listFavoritePopup .favList .favBox.active .favForm {
		flex: 1;
		min-width: 0;
		height: 48px;
		padding: 0 12px;
		border: 2px solid #1E6BDE;
		border-radius: 8px;
		box-sizing: border-box;
		background: #fff;
		font-size: var(--fs-body);
		font-weight: 600;
		color: #111;
	}
	/* 수정 중 체크(저장) 아이콘: 원본 비율 17.5×13.5 */
	html.easy-mode #listFavoritePopup .favList .favBox.active .tool button.btnEdit {
		background-size: 22px 17px;
	}

	/* 확인 버튼 */
	html.easy-mode #listFavoritePopup .btnArea {
		padding: 16px 20px 20px;
	}
	html.easy-mode #listFavoritePopup .btnArea .btn {
		width: 100%;
		height: 56px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}

	/* ---------- 등록 팝업 (가운데 뜨는 modal) ---------- */
	html.easy-mode #addFavoritePopup .cont .inner {
		padding: 20px !important;
	}
	html.easy-mode #addFavoritePopup #titleNm {
		width: 100%;
		height: 56px;
		padding: 0 14px;
		border-radius: 8px;
		box-sizing: border-box;
		font-size: var(--fs-body);
	}
	html.easy-mode #addFavoritePopup .cont > .btnArea.mShow {
		gap: 10px;
		padding: 0 20px 20px !important;
	}
	html.easy-mode #addFavoritePopup .btnArea .btn {
		flex: 1;
		height: 56px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}

	/* =====================================================
	   19. 건물정보 · 전유/공유 팝업
	   ===================================================== */
	html.easy-mode .bldgDetailInfo-Popup,
	html.easy-mode .exposcommTbodyo-Popup {
		width: calc(100% - 24px) !important;
	}
	html.easy-mode .bldgDetailInfo-Popup .cont,
	html.easy-mode .exposcommTbodyo-Popup .cont {
		min-height: 0 !important;
	}
	/* 내용만큼, 넘치면 안에서 스크롤 (170 = 머리 + 탭 + 여백) */
	html.easy-mode .bldgDetailInfo-Popup .tabCont {
		height: auto !important;
		max-height: calc(100vh - 2 * var(--util-h) - 170px);
		overflow-y: auto;
	}
	html.easy-mode .exposcommTbodyo-Popup .cont .inner {
		height: auto !important;
		max-height: calc(100vh - 2 * var(--util-h) - 110px);
		overflow-y: auto;
	}
	html.easy-mode .bldgDetailInfo-Popup .table.scroll,
	html.easy-mode .exposcommTbodyo-Popup .table.scroll {
		height: auto !important;
	}

	/* 머리 · 탭 */
	html.easy-mode .bldgDetailInfo-Popup .head .tit,
	html.easy-mode .exposcommTbodyo-Popup .head .tit {
		font-size: var(--fs-title);
	}
	html.easy-mode .bldgDetailInfo-Popup .tabContWrap.type06 .tabNav .tabList li {
		height: 52px;
		line-height: 52px;
		padding: 0 6px;
		font-size: var(--fs-btn);
		font-weight: 700;
	}

	/* 기본정보: 2칸 표 유지, 항목명 칸 넓힘 */
	html.easy-mode .bldgDetailInfo-Popup .table.type03 colgroup col:first-child {
		width: 38% !important;
	}
	html.easy-mode .bldgDetailInfo-Popup #bldgDetailInfoPopupDiv td {
		height: auto !important;
		padding: 12px 10px !important;
		font-size: var(--fs-body);
		line-height: 1.5;
		word-break: keep-all;
	}
	html.easy-mode .bldgDetailInfo-Popup #bldgDetailInfoPopupDiv td:first-child {
		background: #f8fafc;
		text-align: left;
		font-size: var(--fs-label);
		font-weight: 700;
		color: #475569;
	}
	html.easy-mode .bldgDetailInfo-Popup #bldgDetailInfoPopupDiv .estateResultTd {
		max-height: none !important;
	}

	html.easy-mode .toolbar .dep1.mapViewGroup > .btn {
		height: 58px !important;
		padding-bottom: 7px !important;
		background-position: center 7px !important;
	}
}

@media screen and (max-width: 1024px) and (max-height: 700px) {
	html.easy-mode .toolbar .btnEasyMode,
	html.easy-mode .toolbar .btn.btnCurrent,
	html.easy-mode .toolbar .btn.btnFavorite,
	html.easy-mode .toolbar .btn.btnMapType,
	html.easy-mode .toolbar .btnTool.mobile .btn.btnHelp2 {
		height: 58px;
		padding-bottom: 7px;
		background-position: center 7px;
	}
	html.easy-mode .toolbar .btnEasyMode { margin-bottom: 6px; }
	html.easy-mode .toolbar .scale { height: 104px; }
	html.easy-mode .toolbar .scale button,
	html.easy-mode .toolbar .scale button:hover { height: 52px; }
}