@charset "utf-8";
/* =====================================================================
 * KR Global Service Network 지도 - Mapbox 정보창(팝업) 바깥 틀
 * ---------------------------------------------------------------------
 * 사용 페이지 : /Main/Exclusive/WorldOrg_Network.aspx (web.config MAP_PROVIDER_* = mapbox 일 때만 로딩)
 * 기존 Google 정보창 모양(2026-10-06 운영 화면 측정값)에 맞춤
 *   - 테두리 1px rgba(72,181,233,.6) / 모서리 8px / 그림자 0 2px 7px 1px rgba(0,0,0,.3)
 *   - 위쪽 닫기 버튼 줄 30px, 닫기 아이콘 24px(투명도 .6)
 *   - 아래 꼬리 25 x 12px 흰 삼각형
 *   - 폭 PC 350px / 모바일(767px 이하) 290px
 * 정보창 안쪽 내용(.map_info_box)은 sub2.css / sub_respond.css 그대로 사용
 *
 * gsaida 20261006
 * ===================================================================== */

/* 정보창 상자 */
#map .mapboxgl-popup-content {
    padding: 30px 12px 12px 12px; /* 위 30px : 닫기 버튼 줄 */
    border: 1px solid rgba(72, 181, 233, 0.6);
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 2px 7px 1px rgba(0, 0, 0, 0.3);
    max-height: 340px; /* 기본값. 실제 최대 높이는 krmap_mapbox.js 에서 지도 높이에 맞춰 지정 */
    overflow-y: auto;
    font-family: inherit;
}

/* 닫기 버튼 (Google 정보창과 같은 X 아이콘) */
#map .mapboxgl-popup-close-button {
    top: 3px;
    right: 3px;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 0; /* 기본 × 문자 숨김 */
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M19%206.41%2017.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    opacity: 0.6;
    cursor: pointer;
}
#map .mapboxgl-popup-close-button:hover,
#map .mapboxgl-popup-close-button:focus {
    background-color: transparent;
    opacity: 1;
}

/* 아래 꼬리 (정보창은 항상 마커 위쪽 = anchor bottom) */
#map .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-width: 12px 12.5px 0 12.5px;
    border-top-color: #ffffff;
    filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
}

/* ※ 정보창 폭(PC 350px / 모바일 767px 이하 290px / 지도가 더 좁으면 지도 폭 - 20px)은 krmap_mapbox.js 에서 지정 */