/* 
 * Leaflet Control Search v2.7.0 - 2016-09-13 
 * 
 * Copyright 2016 Stefano Cudini 
 * stefano.cudini@gmail.com 
 * http://labs.easyblog.it/ 
 * 
 * Licensed under the MIT license. 
 * 
 * Demo: 
 * http://labs.easyblog.it/maps/leaflet-search/ 
 * 
 * Source: 
 * git@github.com:stefanocudini/leaflet-search.git 
 * 
 */

/* Leaflet 검색 컨트롤 스타일시트 */
/* 지도상에서 위치나 장소를 검색할 수 있는 컨트롤의 스타일 정의 */

/* ===== 기본 검색 컨트롤 컨테이너 ===== */

/* 검색 컨트롤 기본 스타일 */
.leaflet-container .leaflet-control-search {
    position: relative; /* 상대 위치 */
    float: left; /* 좌측 플로트 */
    background: #fff; /* 흰색 배경 */
    color: #1978cf; /* 파란색 텍스트 */
    -moz-border-radius: 4px; /* Firefox 둥근 모서리 */
    -webkit-border-radius: 4px; /* Webkit 둥근 모서리 */
    border-radius: 4px; /* 표준 둥근 모서리 */
    background-color: rgba(255,255,255,.8); /* 반투명 흰색 배경 */
    z-index: 1000; /* Z-인덱스 */
    box-shadow: 0 1px 7px rgba(0,0,0,.65); /* 그림자 효과 */
    margin-left: 10px; /* 좌측 여백 */
    margin-top: 10px; /* 상단 여백 */
}

/* 검색 컨트롤 확장 상태 */
.leaflet-control-search.search-exp {
    box-shadow: 0 1px 7px #999; /* 확장 시 그림자 */
    background: #fff; /* 흰색 배경 */
}

/* ===== 검색 입력창 스타일 ===== */

/* 검색 입력창 기본 스타일 */
.leaflet-control-search .search-input {
    display: block; /* 블록 표시 */
    float: left; /* 좌측 플로트 */
    background: #fff; /* 흰색 배경 */
    border: 1px solid #666; /* 회색 테두리 */
    border-radius: 2px; /* 둥근 모서리 */
    height: 18px; /* 높이 */
    padding: 0 18px 0 2px; /* 내부 여백 (우측에 취소 버튼 공간) */
    margin: 3px 0 3px 3px; /* 외부 여백 */
}

/* 검색 로딩 중 입력창 스타일 */
.leaflet-control-search.search-load .search-input {
    background: url(../images/loader.gif) no-repeat center right #fff; /* 로딩 아이콘 */
}

/* 검색 로딩 중 취소 버튼 숨김 */
.leaflet-control-search.search-load .search-cancel {
    visibility: hidden; /* 숨김 */
}

/* ===== 검색 취소 버튼 스타일 ===== */

/* 검색 취소 버튼 기본 스타일 */
.leaflet-control-search .search-cancel {
    display: block; /* 블록 표시 */
    width: 22px; /* 너비 */
    height: 18px; /* 높이 */
    position: absolute; /* 절대 위치 */
    right: 22px; /* 우측 위치 */
    margin: 3px 0; /* 상하 여백 */
    /* background: url(../images/search-icon.png) no-repeat 0 -46px; */ /* 아이콘 (주석 처리됨) */
    text-decoration: none; /* 텍스트 장식 제거 */
    filter: alpha(opacity=80); /* IE 투명도 */
    opacity: .8; /* 투명도 */
}

/* 검색 취소 버튼 호버 효과 */
.leaflet-control-search .search-cancel:hover {
    filter: alpha(opacity=100); /* IE 투명도 */
    opacity: 1; /* 완전 불투명 */
}

/* 검색 취소 버튼 텍스트 */
.leaflet-control-search .search-cancel span {
    display: none; /* 숨김 */
    font-size: 18px; /* 폰트 크기 */
    line-height: 20px; /* 줄 높이 */
    color: #ccc; /* 연한 회색 */
    font-weight: 700; /* 굵은 폰트 */
}

/* 검색 취소 버튼 호버 시 텍스트 색상 */
.leaflet-control-search .search-cancel:hover span {
    color: #aaa; /* 회색 */
}

/* ===== 검색 버튼 스타일 ===== */

/* 검색 버튼 기본 스타일 */
.leaflet-control-search .search-button {
    display: block; /* 블록 표시 */
    float: left; /* 좌측 플로트 */
    width: 26px; /* 너비 */
    height: 26px; /* 높이 */
    /* background: url(../images/search-icon.png) no-repeat 2px 2px #fff; */ /* 아이콘 (주석 처리됨) */
    border-radius: 4px; /* 둥근 모서리 */
}

/* 검색 버튼 호버 효과 */
.leaflet-control-search .search-button:hover {
    /* background: url(../images/search-icon.png) no-repeat 2px -22px #fafafa; */ /* 호버 아이콘 (주석 처리됨) */
}

/* ===== 검색 툴팁 스타일 ===== */

/* 검색 결과 툴팁 컨테이너 */
.leaflet-control-search .search-tooltip {
    position: absolute; /* 절대 위치 */
    top: 100%; /* 상단 100% */
    left: 0; /* 좌측 0 */
    float: left; /* 좌측 플로트 */
    list-style: none; /* 리스트 스타일 제거 */
    padding-left: 0; /* 좌측 패딩 제거 */
    min-width: 120px; /* 최소 너비 */
    max-height: 122px; /* 최대 높이 */
    box-shadow: 1px 1px 6px rgba(0,0,0,.4); /* 그림자 효과 */
    background-color: rgba(0,0,0,.25); /* 반투명 검은색 배경 */
    z-index: 1010; /* Z-인덱스 */
    overflow-y: auto; /* 세로 스크롤 */
    overflow-x: hidden; /* 가로 스크롤 숨김 */
    cursor: pointer; /* 포인터 커서 */
}

/* 검색 결과 항목 스타일 */
.leaflet-control-search .search-tip {
    margin: 2px; /* 여백 */
    padding: 2px 4px; /* 내부 여백 */
    display: block; /* 블록 표시 */
    color: #000; /* 검은색 텍스트 */
    background: #eee; /* 연한 회색 배경 */
    border-radius: .25em; /* 둥근 모서리 */
    text-decoration: none; /* 텍스트 장식 제거 */
    white-space: nowrap; /* 줄바꿈 방지 */
    vertical-align: center; /* 세로 가운데 정렬 */
}

/* 검색 버튼 호버 효과 */
.leaflet-control-search .search-button:hover {
    background-color: #f4f4f4; /* 연한 회색 배경 */
}

/* 검색 결과 선택/호버 상태 */
.leaflet-control-search .search-tip-select,
.leaflet-control-search .search-tip:hover {
    background-color: #fff; /* 흰색 배경 */
}

/* ===== 검색 경고 메시지 스타일 ===== */

/* 검색 경고/에러 메시지 */
.leaflet-control-search .search-alert {
    cursor: pointer; /* 포인터 커서 */
    clear: both; /* 플로트 해제 */
    font-size: .75em; /* 작은 폰트 크기 */
    margin-bottom: 5px; /* 하단 여백 */
    padding: 0 .25em; /* 내부 여백 */
    color: #e00; /* 빨간색 */
    font-weight: 700; /* 굵은 폰트 */
    border-radius: .25em; /* 둥근 모서리 */
}