@charset "UTF-8";
/*
 * 서해구청 공간정보 플랫폼 - Bootstrap Icons 오버라이드
 * ----------------------------------------------------------
 * 기존 background-image / ::before 로 그려지던 UI 아이콘을 제거하고
 * 주입된 <i class="bi bi-* bi-ico"> 가 같은 자리/크기로 보이도록 정렬한다.
 * (아이콘 매핑/주입은 js/bi-icon-inject.js 참고)
 */

/* ===== 공통 ===== */
.bi-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	vertical-align: middle;
	line-height: 1;
	/* 클릭 이벤트가 항상 부모 버튼으로 전달되도록 (e.target 보존) */
	pointer-events: none;
}

/* ===== 헤더 / LNB 검색 버튼 ===== */
header .header__wrap .search__box .search-btn,
nav.lnb .lnb__con .search__box .search-btn {
	background-image: none !important; /* 검정 배경 유지, 아이콘 이미지만 제거 */
}
header .header__wrap .search__box .search-btn .bi-ico,
nav.lnb .lnb__con .search__box .search-btn .bi-ico {
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 20px;
}
nav.lnb .lnb__con .lnb__con__wrap .search__box .input-box .search-btn {
	background-image: none !important;
}
nav.lnb .lnb__con .lnb__con__wrap .search__box .input-box .search-btn .bi-ico {
	width: 100%;
	height: 100%;
	color: #555;
	font-size: 1.1rem;
}
.search-addr-box .search-btn { background-image: none !important; }
.search-addr-box .search-btn .bi-ico { color: #555; font-size: 1.2rem; }

/* ===== LNB 좌측 메뉴 아이콘 ===== */
nav.lnb .lnb__menu li a,
nav.lnb__mobile .lnb__menu li a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}
.lnb-ico { font-size: 30px; color: #000; }
nav.lnb .lnb__menu li.on a .lnb-ico,
nav.lnb__mobile .lnb__menu li.on a .lnb-ico { color: #fff; }

/* ===== LNB 접기 토글 (사이드) ===== */
nav.lnb .lnb__con .toggle-btn::before { display: none !important; }
nav.lnb .lnb__con .toggle-btn {
	display: flex;
	align-items: center;
	justify-content: center;
}
.toggle-ico { font-size: 14px; color: #333; transition: transform .3s; }
nav.lnb.on .lnb__con .toggle-btn .toggle-ico { transform: rotate(180deg); }

/* ===== 헤더 햄버거 토글 (모바일) ===== */
#toggleBtn { background-image: none !important; }
#toggleBtn .bi-ico { font-size: 24px; color: #333; }

/* ===== 닫기 / 나가기 버튼 ===== */
.popup .close-btn,
.ol-popup .ol-close-btn,
nav.lnb .lnb__con2__wrap .exit-btn,
.facility-title .exit-btn,
.them-set-popup .close-btn,
.them-set-pop-popup .close-btn {
	background-image: none !important;
}
.popup .close-btn .bi-ico,
.ol-popup .ol-close-btn .bi-ico,
.exit-btn .bi-ico {
	font-size: 22px;
	color: #333;
}
.pin__info .close-btn .bi-ico { font-size: 1rem; }

/* ===== 더보기(점 세개) ===== */
.subject-head .etc-btn { background-image: none !important; height: auto; }
.etc-btn .bi-ico { font-size: 18px; color: #555; }

/* ===== 페이저 화살표 ===== */
.pager a.arr.prev::before,
.pager a.arr.next::before { display: none !important; content: none !important; }
.pager a.arr {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
}
.pager a.arr .bi-ico { font-size: 20px; color: #666; }
.pager.only-bn a.arr { background: #0056f4; border-radius: 10px; }
.pager.only-bn a.arr .bi-ico { color: #fff; }

/* ===== 지도 우측 컨트롤 버튼 (.on 상태에서도 매칭되도록 명시적 클래스) ===== */
.map__menu .map__menu__wrap .row a.gps-btn,
.map__menu .map__menu__wrap .row a.zoom-plus-btn,
.map__menu .map__menu__wrap .row a.zoom-minus-btn,
.map__menu .map__menu__wrap .row a.road-btn,
.map__menu .map__menu__wrap .row a.layer-btn,
.map__menu .map__menu__wrap .row a.radius-btn,
.map__menu .map__menu__wrap .row a.area-btn,
.map__menu .map__menu__wrap .row a.dist-btn,
.map__menu .map__menu__wrap .row a.save-btn {
	background-image: none !important;
	align-items: center;
}
.map__menu .map__menu__wrap .row a .bi-ico { font-size: 18px; color: #111; }
.map__menu .map__menu__wrap .row a.on .bi-ico { color: #fff; }

/* ===== 즐겨찾기(별) 버튼: on/off 토글 ===== */
.like-btn .ic-on { display: none; }
.like-btn.on .ic-on { display: inline-flex; }
.like-btn.on .ic-off { display: none; }
.like-btn .ic-off { color: #b7b7b7; }
.like-btn .ic-on { color: #f5b301; }

/* 목록형 즐겨찾기(아이콘만) */
.circum-result-box .result-cont-list .like-btn,
.user-like-box + .result-cont-list .result-cont .like-btn {
	background-image: none !important;
	font-size: 0;
}
.circum-result-box .result-cont-list .like-btn .bi-ico { font-size: 1rem; }

/* 상세 팝업 즐겨찾기(아이콘 + 텍스트) */
.pin__info .btn-list > button.like-btn::before,
.ol-popup .btn-list > button.like-btn::before { display: none !important; }
.pin__info .btn-list > button.like-btn .bi-ico,
.ol-popup .btn-list > button.like-btn .bi-ico {
	font-size: 1rem;
	margin-right: .3rem;
}

/* ===== 삭제(remove) 버튼 ===== */
.map-join-list .remove-btn,
.map-set-table-tbody1 tr td .remove-btn,
.map-set-table-tbody2 tr td .remove-btn,
.remove-btn {
	background-image: none !important;
}
.remove-btn .bi-ico { font-size: 13px; color: #666; }
.map-join-list .remove-btn .bi-ico { color: #fff; }

/* ===== 대중교통 버스 아이콘 ===== */
.transfer-way-list .bus_icon { background-image: none !important; }
.transfer-way-list .bus_icon .bi-ico { font-size: 22px; color: #333; }

/* ===== 다운로드(shp) 아이콘 ===== */
.download-type-list li > div.shp-img,
.download-type-list li:hover > div.shp-img {
	background-image: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}
.download-type-list li > div.shp-img .bi-ico { font-size: 2.2rem; color: #0056e2; }

/* ===== 복지 > 상황별 복지시설 카테고리 ===== */
/* ic_is.png 스프라이트(::before) 대신 주입된 <i.situ-ico> 를 버튼 전체에 채운다 */
.three-theme-box .theme-btn-list > li::before {
	display: none !important;
	content: none !important;
}
.three-theme-box .theme-btn-list > li > .situ-ico {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 3rem;
	color: #fabe00;
}

/* ===== 날씨 새로고침 ===== */
.refresh-ico { font-size: 1rem; margin-right: .2rem; color: inherit; }