@charset "UTF-8";
@import url(reset.css);
@import url(fonts.css);
:root{--Mice:"MiceGothic";--Score:"S-CoreDream";--nexon:"Nexon-Lv2-Gothic";--pretendard:"Pretendard";--paperlogy:"Paperlogy";--fontweight-light:100;--fontweight-regular:400;--fontweight-medium:500;--fontweight-semibold:600;--fontweight-bold:700;--fontweight-exbold:800;--color-blue:#4584FF;--color-light-blue:#75e1ff;--color-red:#ff5050;--color-light-red:#ff9a9a;--color-pink:#fc6e88;--color-green:#00A73C;--color-yellow:#f6cd60;--color-light-yellow:#ffeaad;--color-orange:#ff9e58;--color-violet:#dab8ff;--swiper-theme-color:#0593ff;--swiper-pagination-bullet-inactive-color:#dfdfdf;--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bullet-width:6px;--swiper-pagination-bullet-height:6px;--swiper-pagination-bullet-horizontal-gap:5px;--top-height:85px;}
html{font-family:var(--nexon) !important;font-weight:var(--fontweight-regular);line-height:normal;}
body {box-sizing: border-box;}
body.prevent{height:100vh;height:100dvh;overflow:hidden}
button,input,select,textarea{font-family:var(--nexon)}
::-webkit-scrollbar { width: 3px; height: 6px;}
::-webkit-scrollbar-thumb { background:#EAECEF transparent; border-radius: 3px;}
::-webkit-scrollbar-track { background: transparent;}
* { scrollbar-width: thin; scrollbar-color: #EAECEF transparent;}

#wrapper{width:100%;min-height:calc(100vh - var(--top-height));box-sizing:border-box;background:#EDF3FC;background-size:cover; overflow: hidden;}
#gnb{position:relative;display:flex;align-items:center; justify-content: center; width:calc(100% - 0px);min-width:1800px;height:var(--top-height); z-index:999;background-color:#fff;border-bottom-left-radius:25px;border-bottom-right-radius:25px;box-sizing:border-box;box-shadow:0 10px 20px rgba(0,0,0,0.05), 0 6px 6px rgba(0,0,0,0.05);}
.gnb-wrap {padding: 0 10px 0 10px; display:flex;align-items:center; justify-content: space-between; max-width: 1900px;  width: 100%; }
#gnb .logo-box #logo{position:relative;display:flex;align-items:start;justify-content:space-between;gap:1px;z-index:1;width:200px}
#gnb .logo-box img{display:inline-block;width:auto;height:24px}
#gnb .logo-box h1{display:inline-block;font-size:24px;font-family:var(--Mice);font-weight:var(--fontweight-bold);color:#5d636c;margin-bottom:5px}
#gnb .logo-box .date-time{font-size:18px;color:#5d636c}
#gnb .logo-box .date-time span{margin-right:8px}
#gnb .logo-box .date-time i{font-size:30px;font-weight:var(--fontweight-medium);color:var(--color-blue);margin-left:10px}
#gnb .menu{display:flex;align-items:center;justify-content:space-between;height:100%; z-index:999; }

/* ============================================================
   GNB 20260528 — 신규 디자인 통합 (구 gnb_20260528.css에서 편입)
   ============================================================ */
/* 로고 — gnb_logo.png 통합 로고 */
#gnb .logo-box .gnb-logo-new{
  display:flex;
  align-items:center;
  text-decoration:none;
}
#gnb .logo-box .gnb-logo-new img{
  display:block;
  width:auto;
  height:52px;
}
#gnb .logo-box .gnb-logo-new .logo-mo{ display:none; }
.visually-hidden{
  position:absolute !important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* 메뉴 8개 확장 — 패딩·폰트 + 줄바꿈 방지 */
#gnb .menu > li{ margin:10px 10px; }
#gnb .menu > li > a{
  padding:15px 20px;
  font-size:19px;
  font-weight:var(--fontweight-medium);
  color:#5d636c;
  font-family:var(--Score);
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  height:auto;
}
#gnb .menu > li > a::before{
  width:22px;
  height:22px;
  margin-right:4px;
  vertical-align:-4px;
}
/* 실제 <img> 아이콘 크기 강제 — 원본 SVG/PNG 사이즈가 제각각이라 통일 필요 */
#gnb .menu > li > a img{
  width:22px;
  height:22px;
  object-fit:contain;
  margin-right:4px;
  flex-shrink:0;
  vertical-align:-4px;
}
#gnb .menu > li > a.active,
#gnb .menu > li > a:hover{ border-radius:15px; background:#E6007E; color:#fff; }

/* 메가패널 (데스크탑 hover dropdown) */
#gnb .menu > li.has-mega{ position:static; }
.mega-panel{
  position:absolute;
  left:0;
  right:0;
  top:85px;
  width:100%;
  min-height:300px;
  background:#FFF;
  border-bottom-left-radius:25px;
  border-bottom-right-radius:25px;
  box-shadow:0 16px 30px rgba(0,0,0,.08), 0 6px 10px rgba(0,0,0,.04);
  padding:27px 0 23px;
  box-sizing:border-box;
  visibility:hidden;
  opacity:0;
  transform:translateY(-6px);
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:998;
  text-align:left;
}
#gnb .menu > li.has-mega:hover .mega-panel,
#gnb .menu > li.has-mega.is-open .mega-panel{
  visibility:visible;
  opacity:1;
  transform:translateY(0);
}

/* 메가패널 열렸을 때 GNB 하단 라운드 제거 */
#gnb{ transition:border-radius .2s ease; }
#gnb:has(.menu > li.has-mega:hover),
#gnb:has(.menu > li.has-mega.is-open){
  border-bottom-left-radius:0 !important;
  border-bottom-right-radius:0 !important;
}

.mega-inner{
  max-width:1900px;
  width:100%;
  margin:0 auto;
  padding:0 24px;
  box-sizing:border-box;
  position:relative;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:24px 48px;
  align-items:flex-start;
}
.mega-title,
.mega-title small{ color:#fff !important; }
.mega-title{
  position:absolute;
  left:24px;
  top:0;
  width:240px;
  height:180px;
  border-radius:14px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:18px 20px;
  box-sizing:border-box;
  font-family:var(--Score);
  font-size:18px;
  font-weight:var(--fontweight-bold);
  line-height:1.3;
  letter-spacing:-.2px;
  background:#272f3c center/cover no-repeat;
  background-image:var(--mt-bg, none);
  isolation:isolate;
}
.mega-title::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.7) 100%);
  pointer-events:none;
}
.mega-title small{
  display:block;
  margin-top:6px;
  font-size:12px;
  font-weight:var(--fontweight-light);
  color:#fff;
  line-height:1.5;
  letter-spacing:0;
}

/* 메뉴별 배너 이미지 */
.has-mega.menu-opendata  .mega-title{ --mt-bg:url("/images/main/gnb_img_opendata.png"); }
.has-mega.menu-bigdata   .mega-title{ --mt-bg:url("/images/main/gnb_img_bigdata.PNG"); }
.has-mega.menu-municipal .mega-title{ --mt-bg:url("/images/main/gnb_img_citydata.png"); }
.has-mega.menu-econ      .mega-title{ --mt-bg:url("/images/main/gnb_img_schtwrInfo.png"); }

.mega-col{
  flex:1 1 200px;
  min-width:0;
  max-width:280px;
}
.mega-col > .l2-link{
  display:block !important;
  font-family:var(--Score);
  font-size:17px !important;
  font-weight:var(--fontweight-medium) !important;
  color:#3a4150 !important;
  padding:13px 22px !important;
  margin:0 0 14px !important;
  background:#E9F2FF !important;
  border:1px solid #e7e9ee !important;
  border-radius:14px !important;
  height:auto !important;
  text-align:center !important;
  line-height:1.3 !important;
  box-shadow:0 1px 2px rgba(15,22,40,.04);
  transition:border-color .15s, color .15s, background .15s, box-shadow .15s;
}
.mega-col > .l2-link::before{ display:none !important; }
.mega-col > .l2-link:hover,
.mega-col > .l2-link.is-active{
  color:#fff !important;
  background:#E6007E !important;
  border-color:#E6007E !important;
  box-shadow:0 4px 10px rgba(230,0,126,.18);
}

.mega-col .l3-list{
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.mega-col .l3-list li{
  margin:0 !important;
  text-align:center !important;
}
.mega-col .l3-list li a{
  display:block !important;
  padding:5px 0 !important;
  height:auto !important;
  font-size:16px !important;
  font-weight:var(--fontweight-regular) !important;
  font-family:var(--Score);
  color:#5d636c !important;
  background:none !important;
  border-radius:0 !important;
  line-height:1.5 !important;
  text-align:center !important;
}
.mega-col .l3-list li a::before{ display:none !important; }
.mega-col .l3-list li a:hover{
  color:#E6007E !important;
  text-decoration:underline;
  background:none !important;
}

/* 데스크탑 기본: 햄버거/백드롭 숨김 (모바일 미디어에서 표시) */
.gnb-toggle,
.gnb-backdrop{ display:none; }
#gnb ul li a.btn-home::before{background-image:url(/images/main/ico_home.svg)}
#gnb ul li a.btn-city-status::before{background-image:url(/images/main/ico_city.svg)}
#gnb ul li a.btn-map::before{background-image:url(/images/main/ico_map.svg)}
#gnb ul li a.btn-opendata::before{background-image:url(/images/main/ico_opendata.svg)}
#gnb ul li a.btn-bigdata::before{background-image:url(/images/main/ico_bigdata.svg)}
#gnb ul li a.btn-biz::before{background-image:url(/images/main/ico_biz.svg)}
#gnb ul li a.btn-setting::before{background-image:url(/images/main/ico_setting.svg)}
#gnb ul li a.btn-local-econ::before{background-image:url(/images/main/ico_bigdata.svg)}
#gnb ul li a.btn-partner::before{background-image:url(/images/main/ico_biz.svg)}
#gnb .gnb-setting-box{position:relative}
#gnb .gnb-setting-box #setting-popup{display:none;position:absolute;bottom:56px;right:62px;border-radius:13px;padding:20px 20px 27px;box-sizing:border-box;white-space:nowrap;background-color:#272f3c;border:1px solid #404f68;z-index:9999;line-height:normal;text-align:left}
#gnb .gnb-setting-box #setting-popup.open{display:block}
#gnb .gnb-setting-box #setting-popup .user-info-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:20px}
#gnb .gnb-setting-box #setting-popup .user-info-box .name{display:inline-block;font-size:14px;color:#fff;font-weight:var(--fontweight-light)}
#gnb .gnb-setting-box #setting-popup .user-info-box .name i{margin-right:4px}
#gnb .gnb-setting-box #setting-popup .btn-box{display:flex;align-items:center}
#gnb .gnb-setting-box #setting-popup .btn-box button{font-size:11px;color:rgba(255,255,255,.6784313725);font-weight:var(--fontweight-light)}
#gnb .gnb-setting-box #setting-popup .btn-box .bar{display:inline-block;width:1px;height:10px;background-color:rgba(255,255,255,.6784313725);vertical-align:1px}
#gnb .gnb-setting-box #setting-popup .btn-admin-page{display:inline-block;height:auto;padding:6px 12px;box-sizing:border-box;font-weight:var(--fontweight-regular);font-size:12px;color:#272f3c;border-radius:9px;background-color:#5e6f93}
#gnb .gnb-setting-box #setting-popup .btn-admin-page::before{display:none}
/* 날씨 — 데스크탑 + 모바일 공통 신규 디자인 (.temper-text-mo 마크업 사용)
   옛 마크업(.temperature, .temper-text)은 숨김 처리 — 호환을 위해 마크업 자체는 보존 */
#gnb .weather{
  margin-bottom:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}
#gnb .weather img{
  width:46px !important;
  height:auto !important;
  margin:0 !important;
}
#gnb .weather .temperature{ display:none !important; }
#gnb .weather .temper-text{ display:none !important; }

#gnb .weather .temper-text-mo{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  font-family:var(--Score);
}
#gnb .weather .temper-text-mo .temp-mo{
  font-size:24px !important;
  font-weight:var(--fontweight-bold) !important;
  color:#111 !important;
  line-height:1 !important;
  letter-spacing:-.5px;
}
#gnb .weather .temper-text-mo .temp-mo i{
  font-style:normal;
  font-size:22px;
  font-weight:var(--fontweight-bold);
  margin-left:1px;
}
#gnb .weather .temper-text-mo .minmax{
  font-size:13px !important;
  color:#7a8190 !important;
  font-weight:var(--fontweight-regular) !important;
  white-space:nowrap;
}
#gnb .weather .temper-text-mo .minmax .min{
  font-weight:var(--fontweight-medium);
  color:var(--color-blue, #4584FF);
}
#gnb .weather .temper-text-mo .minmax .max{
  font-weight:var(--fontweight-medium);
  color:var(--color-red, #ff5050);
}

/* ============================================================
   GNB 반응형 (1800px / 1500px) — 데스크탑 너비 축소 시 메뉴/배너 축소
   ============================================================ */
@media (max-width:1800px){
  #wrapper{ min-width:0 !important; }
  #gnb{ min-width:0 !important; width:100% !important; }
  .gnb-wrap{ max-width:100% !important; padding:0 16px !important; box-sizing:border-box; }

  #gnb .menu{ flex:1; justify-content:center !important; }
  #gnb .menu > li{ margin:10px 1px !important; }
  #gnb .menu > li > a{
    padding:12px 10px !important;
    font-size:16px !important;
  }
  #gnb .menu > li > a::before{
    width:20px !important;
    height:20px !important;
    margin-right:4px !important;
  }
  #gnb .menu > li > a img{
    width:20px !important;
    height:20px !important;
    margin-right:4px !important;
  }
  #gnb .logo-box .gnb-logo-new img{ height:44px !important; }
  #gnb .weather{ display:none !important; }

  .mega-title{ display:none !important; }
  .mega-inner{ padding:0 24px !important; }

  .mega-panel{
    padding:32px 0 36px !important;
    min-height:0 !important;
  }

  .mega-col > .l2-link{
    font-size:15px !important;
    padding:10px 18px !important;
    margin:0 0 10px !important;
    border-radius:12px !important;
  }
  .mega-col .l3-list li a{ font-size:14px !important; }
}

@media (max-width:1500px){
  #gnb .menu > li > a{
    padding:12px 8px !important;
    font-size:18px !important;
  }
  #gnb .menu > li > a img{
    width:18px !important;
    height:18px !important;
    margin-right:3px !important;
  }
  #gnb .menu > li > a::before{
    width:18px !important;
    height:18px !important;
    margin-right:3px !important;
  }
}

/* ============================================================
   dashboard 보완 — DB 메뉴 마크업(.mega-inner > ul.submenu-list > li.mega-col) 호환
   ul을 레이아웃에서 투명화하여 li가 .mega-inner의 flex 직속 자식처럼 동작
   ============================================================ */
#gnb .mega-inner > ul.submenu-list { display: contents; }

/* 대메뉴는 아이콘 표시, 중·소메뉴는 숨김 (mega-panel 안의 img 한정) */
#gnb .mega-panel img { display: none !important; }


#main-container{display:flex;justify-content:left;}
.custom-scroll::-webkit-scrollbar{width:6px}
.custom-scroll::-webkit-scrollbar-thumb{border-radius:7px;background-color:#EAECEF}
.custom-scroll::-webkit-scrollbar-track{background-color:transparent}
@-moz-document url-prefix(){
.custom-scroll{scrollbar-width:thin;scrollbar-color:#404f68 transparent}
}
.icon{background-size:100%}
.icon.emer{background-image:url(/images/main/ico_emergency.png)!important}
.icon.rescue{background-image:url(/images/main/ico_rescue.png)!important}
.icon.burn{background-image:url(/images/main/ico_burn.png)!important}
.icon.etc{background-image:url(/images/main/ico_etc-1.png)!important}
.icon.lt.emer{background-image:url(/images/main/ico_emergency_lt.png)!important}
.icon.lt.rescue{background-image:url(/images/main/ico_rescue_lt.png)!important}
.icon.lt.burn{background-image:url(/images/main/ico_burn_lt.png)!important}
.icon.lt.etc{background-image:url(/images/main/ico_etc1_lt.png)!important}

.icon.accident{background-image:url(/images/main/ico_accident.png)!important}
.icon.dig{background-image:url(/images/main/ico_dig.png)!important}
.icon.works{background-image:url(/images/main/ico_works.png)!important}
.icon.event{background-image:url(/images/main/ico_event.png)!important}
.icon.etc-2{background-image:url(/images/main/ico_etc-2.png)!important}
.icon.lt.accident{background-image:url(/images/main/ico_accident_lt.png)!important}
.icon.lt.dig{background-image:url(/images/main/ico_dig_lt.png)!important}
.icon.lt.works{background-image:url(/images/main/ico_works_lt.png)!important}
.icon.lt.event{background-image:url(/images/main/ico_event_lt.png)!important}
.icon.lt.etc-2{background-image:url(/images/main/ico_etc1_lt.png)!important}

.icon.lt.gyeongchun{cursor:pointer; background:no-repeat left center/43px 26px !important; padding-left:46px !important; background-image:url(/images/main/01gyeongchun.png)!important}
.icon.lt.jungang{cursor:pointer; background:no-repeat left center/43px 26px !important; padding-left:46px !important;background-image:url(/images/main/02gyeongui-jungang.png)!important}
.icon.lt.byeollae{cursor:pointer; background:no-repeat left center/43px 26px !important; padding-left:46px !important;background-image:url(/images/main/03byeollae.png)!important}
.icon.lt.jinjeop{cursor:pointer; background:no-repeat left center/43px 26px !important; padding-left:46px !important;background-image:url(/images/main/04jinjeop.png)!important}
.icon.lt.gangdong{cursor:pointer; background:no-repeat left center/43px 26px !important; padding-left:46px !important;background-image:url(/images/main/01bike-gyeongchun.png)!important}
.map-label{padding-left:5px !important;}
.pointer{cursor:pointer; }
#view .active{transform: scale(1.15);}
.legen { position:absolute;}
.legen.gtxb {cursor:pointer; top:-323px; left:40px; width:105px; height:61px; background:no-repeat left center/105px 61px !important; background-image:url(/images/main/gtx-b.png)!important;}
.legen.gtxd {cursor:pointer; top:160px; left:-351px; width:105px; height:74px; background:no-repeat left center/105px 74px !important; background-image:url(/images/main/gtx-d.png)!important;}
.legen.gtxe {cursor:pointer; top:-134px; left:-300px; width:112px; height:71px; background:no-repeat left center/112px 71px !important; background-image:url(/images/main/gtx-e.png)!important;}
.legen.gtxf {cursor:pointer; top:69px; left:-378px; width:121px; height:49px; background:no-repeat left center/121px 49px !important; background-image:url(/images/main/gtx-f.png)!important;}
.legen.gtxg {cursor:pointer; top:-400px; left:-550px; width:101px; height:60px; background:no-repeat left center/101px 60px !important; background-image:url(/images/main/gtx-g.png)!important;}

.sub-icon{background-size:100%}
.sub-icon.alert::before{background-image:url(/images/sub/ico_alert_unselected.png)!important}
.sub-icon.alert.active::before{background-image:url(/images/sub/ico_alert.png)!important}
.sub-icon.traffic::before{background-image:url(/images/sub/ico_traffic_unselected.png)!important}
.sub-icon.traffic.active::before{background-image:url(/images/sub/ico_traffic.png)!important}
.sub-icon.cctv::before{background-image:url(/images/sub/ico_cctv_unselected.png)!important}
.sub-icon.cctv.active::before{background-image:url(/images/sub/ico_cctv.png)!important}
.sub-icon.gtx::before{background-image:url(/images/sub/ico_gtx_unselected.png)!important}
.sub-icon.gtx.active::before{background-image:url(/images/sub/ico_gtx.png)!important}
.sub-icon.bike::before{background-image:url(/images/sub/ico_bike_unselected.png)!important}
.sub-icon.bike.active::before{background-image:url(/images/sub/ico_bike.png)!important}

.sub-icon.population::before{background-image:url(/images/sub/ico_population_unselected.png)!important}
.sub-icon.population.active::before{background-image:url(/images/sub/ico_population.png)!important}
.sub-icon.facility::before{background-image:url(/images/sub/ico_facility_unselected.png)!important}
.sub-icon.facility.active::before{background-image:url(/images/sub/ico_facility.png)!important}
.sub-icon.city-env::before{background-image:url(/images/sub/ico_city_env_unselected.png)!important}
.sub-icon.city-env.active::before{background-image:url(/images/sub/ico_city_env.png)!important}
.sub-icon.industry::before{background-image:url(/images/sub/ico_industry_unselected.png)!important}
.sub-icon.industry.active::before{background-image:url(/images/sub/ico_industry.png)!important}
.third-icon{background-size:100%}
.third-icon.emer{background-image:url(/images/sub/ico_emer_unselected.png)!important}
.third-icon.emer.active{background-image:url(/images/sub/ico_emer.png)!important}
.third-icon.rescue{background-image:url(/images/sub/ico_rescue_unselected.png)!important}
.third-icon.rescue.active{background-image:url(/images/sub/ico_rescue.png)!important}
.third-icon.burn{background-image:url(/images/sub/ico_burn_unselected.png)!important}
.third-icon.burn.active{background-image:url(/images/sub/ico_burn.png)!important}
.third-icon.etc{background-image:url(/images/sub/ico_etc_unselected.png)!important}
.third-icon.etc.active{background-image:url(/images/sub/ico_etc.png)!important}
.third-icon.etc-2{background-image:url(/images/sub/ico_etc_unselected.png)!important}
.third-icon.etc-2.active{background-image:url(/images/sub/ico_etc.png)!important}
.third-icon.fire{background-image:url(/images/sub/ico_fire_unselected.png)!important}
.third-icon.fire.active{background-image:url(/images/sub/ico_fire.png)!important}
.third-icon.cops{background-image:url(/images/sub/ico_cops_unselected.png)!important}
.third-icon.cops.active{background-image:url(/images/sub/ico_cops.png)!important}
.third-icon.citizen{background-image:url(/images/sub/ico_citizen_unselected.png)!important}
.third-icon.citizen.active{background-image:url(/images/sub/ico_citizen.png)!important}
.third-icon.mag{background-image:url(/images/sub/ico_mag_unselected.png)!important}
.third-icon.mag.active{background-image:url(/images/sub/ico_mag.png)!important}
.third-icon.public{background-image:url(/images/sub/ico_public_lnb_unselected.png)!important}
.third-icon.public.active{background-image:url(/images/sub/ico_public_lnb.png)!important}
.third-icon.school{background-image:url(/images/sub/ico_school_unselected.png)!important}
.third-icon.school.active{background-image:url(/images/sub/ico_school.png)!important}
.third-icon.welfare{background-image:url(/images/sub/ico_welfare_unselected.png)!important}
.third-icon.welfare.active{background-image:url(/images/sub/ico_welfare.png)!important}
.third-icon.hospital{background-image:url(/images/sub/ico_hospital_unselected.png)!important}
.third-icon.hospital.active{background-image:url(/images/sub/ico_hospital.png)!important}
.third-icon.pharmacy{background-image:url(/images/sub/ico_pharmacy_unselected.png)!important}
.third-icon.pharmacy.active{background-image:url(/images/sub/ico_pharmacy.png)!important}
.third-icon.kids{background-image:url(/images/sub/ico_kids_unselected.png)!important}
.third-icon.kids.active{background-image:url(/images/sub/ico_kids.png)!important}
.third-icon.pbhlth{background-image:url(/images/sub/ico_center_health_unselected.png)!important}
.third-icon.pbhlth.active{background-image:url(/images/sub/ico_center_health.png)!important}
.third-icon.park{background-image:url(/images/sub/ico_park_unselected.png)!important}
.third-icon.park.active{background-image:url(/images/sub/ico_park.png)!important}
.third-icon.garosu{background-image:url(/images/sub/ico_garosu_unselected.png)!important}
.third-icon.garosu.active{background-image:url(/images/sub/ico_garosu.png)!important}
.third-icon.shelter{background-image:url(/images/sub/ico_shelter_unselected.png)!important}
.third-icon.shelter.active{background-image:url(/images/sub/ico_shelter.png)!important}
.third-icon.cvpl{background-image:url(/images/sub/ico_complaint_unselected.png)!important}
.third-icon.cvpl.active{background-image:url(/images/sub/ico_complaint.png)!important}
.third-icon.hsmp{background-image:url(/images/sub/ico_house_unselected.png)!important}
.third-icon.hsmp.active{background-image:url(/images/sub/ico_house.png)!important}
.third-icon.industry{background-image:url(/images/sub/ico_industry_lnb_unselected.png)!important}
.third-icon.industry.active{background-image:url(/images/sub/ico_industry_lnb.png)!important}
.third-icon.accident{background-image:url(/images/sub/ico_alert_blue_unselected.png)!important}
.third-icon.accident.active{background-image:url(/images/sub/ico_alert_blue.png)!important}
.third-icon.dig{background-image:url(/images/sub/ico_dig_unselected.png)!important}
.third-icon.dig.active{background-image:url(/images/sub/ico_dig.png)!important}
.third-icon.event{background-image:url(/images/sub/ico_event_unselected.png)!important}
.third-icon.event.active{background-image:url(/images/sub/ico_event.png)!important}
.third-icon.etc-2{background-image:url(/images/sub/ico_etc_blue_unselected.png)!important}
.third-icon.etc-2.active{background-image:url(/images/sub/ico_etc_blue.png)!important}
.third-icon.dust{background-image:url(/images/sub/ico_dust_unselected.png)!important}
.third-icon.dust.active{background-image:url(/images/sub/ico_dust.png)!important}
.third-icon.ultra-dust{background-image:url(/images/sub/ico_ultra_dust_unselected.png)!important}
.third-icon.ultra-dust.active{background-image:url(/images/sub/ico_ultra_dust.png)!important}
.third-icon.no2{background-image:url(/images/sub/ico_no2_unselected.png)!important}
.third-icon.no2.active{background-image:url(/images/sub/ico_no2.png)!important}
.third-icon.ozone{background-image:url(/images/sub/ico_ozone_unselected.png)!important}
.third-icon.ozone.active{background-image:url(/images/sub/ico_ozone.png)!important}
.third-icon.disaster{background-image:url(/images/sub/ico_disaster_unselected.png)!important}
.third-icon.disaster.active{background-image:url(/images/sub/ico_disaster.png)!important}
.third-icon.parking{background-image:url(/images/sub/ico_parking_unselected.png)!important}
.third-icon.parking.active{background-image:url(/images/sub/ico_parking.png)!important}
.third-icon.security{background-image:url(/images/sub/ico_security_unselected.png)!important}
.third-icon.security.active{background-image:url(/images/sub/ico_security.png)!important}
.third-icon.traffics{background-image:url(/images/sub/ico_traffics_unselected.png)!important}
.third-icon.traffics.active{background-image:url(/images/sub/ico_traffics.png)!important}
.third-icon.byeollae{background-image:url(/images/sub/ico_line_unselected.png)!important}
.third-icon.byeollae.active{background-image:url(/images/sub/ico_byeollae.png)!important}
.third-icon.gyeongchun{background-image:url(/images/sub/ico_line_unselected.png)!important}
.third-icon.gyeongchun.active{background-image:url(/images/sub/ico_gyeongchun.png)!important}
.third-icon.jungang{background-image:url(/images/sub/ico_line_unselected.png)!important}
.third-icon.jungang.active{background-image:url(/images/sub/ico_gyeongui_jungang.png)!important}
.third-icon.jinjeop{background-image:url(/images/sub/ico_line_unselected.png)!important}
.third-icon.jinjeop.active{background-image:url(/images/sub/ico_jinjeop.png)!important}
.third-icon.bike-gyeongchun{background-image:url(/images/sub/ico_bike_unselected.png)!important}
.third-icon.bike-gyeongchun.active{background-image:url(/images/sub/ico_bike_gyeongchun.png)!important}
.third-icon.bike-wangsukcheon{background-image:url(/images/sub/ico_bike_unselected.png)!important}
.third-icon.bike-wangsukcheon.active{background-image:url(/images/sub/ico_bike_wangsukcheon.png)!important}
.third-icon.bike-namhangang{background-image:url(/images/sub/ico_bike_unselected.png)!important}
.third-icon.bike-namhangang.active{background-image:url(/images/sub/ico_bike_namhangang.png)!important}
.third-icon.bike-bukhangang{background-image:url(/images/sub/ico_bike_unselected.png)!important}
.third-icon.bike-bukhangang.active{background-image:url(/images/sub/ico_bike_bukhangang.png)!important}

.sub-wrap {width:100%; margin:0 auto; padding: 0 40px;}
#lnb-container{display:flex;flex-direction:column;width:344px; margin-right: 10px; margin-bottom: 20px;}

#lnb-container #left-menu-box{display:flex;flex:1;border-radius:13px;overflow:hidden;box-sizing:border-box; width: 340px;}
#lnb-container #left-menu-box #lnb{width:120px;background-color:rgb(219, 233, 255);}
#lnb-container #left-menu-box #lnb ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;border-radius:15px;font-size:18px;font-weight:var(--fontweight-medium);gap:10px;color:#7a7f8c; margin:10px;}
#lnb-container #left-menu-box #lnb ul li img{display:inline-block;width:40px;height:40px;background:no-repeat center/100%}
#lnb-container #left-menu-box #lnb ul li a.active{background-color:#00A73C;color:#fff}
#lnb-container #left-menu-box #lnb ul li a.active img,
#lnb-container #left-menu-box #lnb ul li a:hover span,
#lnb-container #left-menu-box #lnb ul li a:hover img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#lnb-container #left-menu-box .lnb-content{flex:1;background-color:#fff;}
#lnb-container #left-menu-box .lnb-content.scroll{display:flex;flex-direction:column;height:auto}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu li+li,#lnb-container #left-menu-box .lnb-content .lbx-single-menu li+li{margin-top:20px}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu li button,#lnb-container #left-menu-box .lnb-content .lbx-single-menu li button{display:flex;width:100%;height:30px;align-items:center;justify-content:space-between;background:no-repeat left center/30px 30px;padding-left:36px;box-sizing:border-box;color:#7a7f8c;font-size:16px}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu li button .title,#lnb-container #left-menu-box .lnb-content .lbx-single-menu li button .title{font-weight:var(--fontweight-regular)}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu li button .count,#lnb-container #left-menu-box .lnb-content .lbx-single-menu li button .count{font-size:10px;font-weight:var(--fontweight-regular)}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu li button .count i,#lnb-container #left-menu-box .lnb-content .lbx-single-menu li button .count i{font-size:24px;font-weight:var(--fontweight-medium);margin-right:6.36px}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu li button.active,#lnb-container #left-menu-box .lnb-content .lbx-single-menu li button.active{color:#E6007E}
#lnb-container #left-menu-box .lnb-content .lbx-single-menu{padding:30px 16px 30px;box-sizing:border-box; border-bottom:4px solid #DBE9FF;}
#lnb-container #left-menu-box .lnb-content .lbx-multi-menu{padding:20px 16px 20px;box-sizing:border-box;border-top:1px solid #333f52}
#lnb-container #left-menu-box .lnb-content .lbx-radio-menu{padding:27px 17px;box-sizing:border-box;max-height:650px;overflow-y:auto}
#lnb-container #left-menu-box .lnb-content .lbx-radio-menu .radio-box+.radio-box{margin-top:40px}
#lnb-container #left-menu-box .lnb-content .lbx-radio-menu .radio-box .title{font-weight:var(--fontweight-medium);color:var(--color-blue);margin-bottom:16px}
#lnb-container #left-menu-box .lnb-content .lbx-radio-menu .radio-box ul li+li{margin-top:16px}
#lnb-container #left-menu-box .lnb-content .lbx-radio-menu .radio-box ul li label{display:inline-block;font-size:14px;color:#494949;background:url(/images/sub/ico_radio_unselected.png) no-repeat left center/14px 14px;padding-left:22px;box-sizing:border-box;cursor:pointer}
#lnb-container #left-menu-box .lnb-content .lbx-radio-menu .radio-box ul li input:checked~label{background-image:url(/images/sub/ico_radio.png)}
.titled-container{padding:30px;box-sizing:border-box;border-radius:13px;background-color:#fff; width: 100%;}
.titled-container .title-box{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.titled-container .title-box .title{font-size:18px;font-weight:500;color:#272f3c; font-family: var(--Score);}
.titled-container .title-box .date{font-size:11px;color:#a9acb1;font-weight:var(--fontweight-light)}
.table-border{border-radius:8px;overflow:hidden}
.table-border+.table-border{margin-top:20px}
.table-border.no-outline tr:first-child td,.table-border.no-outline tr:first-child th{border-top:none}
.table-border.no-outline tr:last-child td,.table-border.no-outline tr:last-child th{border-bottom:none}
.table-border.no-outline td:first-child,.table-border.no-outline th:first-child{border-left:none}
.table-border.no-outline td:last-child,.table-border.no-outline th:last-child{border-right:none}
.table-border table{width:100%;border-collapse:collapse}
.table-border table.fixed{table-layout:fixed}
.table-border table.center td,.table-border table.center th{text-align:center}
.table-border table thead th{border-bottom:1px solid #666e7f!important}
.table-border table td,.table-border table th{color:#fff;font-size:14px;padding:8px 10px;box-sizing:border-box;border:1px solid #666e7f;vertical-align:middle;line-height:20px}
.table-border table th{background-color:#2e3e57;font-weight:var(--fontweight-regular);text-align:left}
.table-border table td{background-color:#3a4459;font-weight:var(--fontweight-light)}
.table-border table .badge{display:inline-block;box-sizing:border-box;border:1px solid #ff9e58;font-size:12px;font-weight:var(--fontweight-regular);border-radius:7px;color:#ff9e58;width:62px;height:24px;line-height:24px}
.table-border table .badge.blue{color:#75e1ff;border-color:#75e1ff}
.table-border table .badge.purple{color:#dab8ff;border-color:#dab8ff}
.table-border table .badge.red{color:#fc6e88;border-color:#fc6e88}
.dim-layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:rgba(0,0,0,.5607843137)}
.dim-layer.no-bg{top:50%;left:50%;translate:-50% -50%;width:auto;height:auto;background-color:transparent}
.dim-layer.open{display:flex;align-items:center;justify-content:center}
.popup-container{border-radius:13px;overflow:hidden;z-index:9999}
.popup-container .popup-title-box{display:flex;align-items:center;justify-content:space-between;background-color:#3a4459;box-sizing:border-box}
.popup-container .popup-title-box .title{color:#fff;font-weight:var(--fontweight-regular)}
.popup-container .popup-title-box .btn-popup-close{display:inline-block;background:url(/images/btn-popup-close.png) no-repeat center/100%;font-size:0}
.popup-container .popup-content{background-color:#272f3c;box-sizing:border-box}
.popup-container .btn-box{text-align:center;margin-top:30px}
.popup-container .btn-box .btn-download{display:inline-block;padding:11px 38.5px;box-sizing:border-box;color:#fff;font-weight:var(--fontweight-regular);background-color:#0593ff;border-radius:10px}
.popup-container .btn-box .btn-download::before{content:"";display:inline-block;width:20px;height:20px;background:url(/images/ico_download.png) no-repeat center/100%;vertical-align:-4px;margin-right:8px}
#btn-view-popup.open{display:block}
#btn-view-popup .popup-container{width:660px}
#btn-view-popup .popup-container .popup-title-box{padding:13px 20px}
#btn-view-popup .popup-container .popup-title-box .btn-popup-close{width:24px;height:24px}
#btn-view-popup .popup-container .popup-content{padding:26px 26px 40px}
#reset-pw-popup .popup-container{width:440px}
#reset-pw-popup .popup-container .popup-title-box{padding:16px 17px}
#reset-pw-popup .popup-container .popup-title-box .btn-popup-close{width:20px;height:20px}
#reset-pw-popup .popup-container .popup-content{padding:20px 16px 27px;position:relative;top:-1px}
#reset-pw-popup .popup-container .popup-content .sub-title{color:#fff;margin-bottom:10px}
#reset-pw-popup .popup-container .popup-content .input-box{display:block;border-radius:13px;overflow:hidden;border:1px solid #404f68;box-sizing:border-box;background-color:#404f68}
#reset-pw-popup .popup-container .popup-content .input-box input{display:block;width:100%;padding:16px 10px;box-sizing:border-box;color:#fff;font-size:14px;background-color:#3a4459;border:none}
#reset-pw-popup .popup-container .popup-content .input-box input::-moz-placeholder{color:#a0a5af}
#reset-pw-popup .popup-container .popup-content .input-box input::placeholder{color:#a0a5af}
#reset-pw-popup .popup-container .popup-content .input-box input+input{margin-top:1px}
#reset-pw-popup .popup-container .popup-content .btn-box button{display:block;width:100%;background-color:#0593ff;color:#fff;font-weight:var(--fontweight-medium);padding:14px 0;box-sizing:border-box;border-radius:6px}
#help-popup .popup-container{width:1282px;border:1px solid #404f68;box-sizing:border-box}
#help-popup .popup-container .popup-title-box{padding:13px 20px}
#help-popup .popup-container .popup-title-box .title{font-size:24px}
#help-popup .popup-container .popup-title-box .title::before{content:"";display:inline-block;width:24px;height:24px;vertical-align:-5px;background:url(/images/ico_help_popup.png) no-repeat center/100%;margin-right:11px}
#help-popup .popup-container .popup-title-box .btn-popup-close{width:26px;height:26px}
#help-popup .popup-container .popup-content{display:flex}
#help-popup .popup-container .popup-content .lbx{width:233px;background-color:#3a4459}
#help-popup .popup-container .popup-content .lbx .btn-fold-menu{color:#fff;height:46px;line-height:46px;padding:0 16px;box-sizing:border-box;font-weight:var(--fontweight-regular);cursor:pointer}
#help-popup .popup-container .popup-content .lbx .btn-fold-menu.open{background:url(/images/ico_help_flip.png) no-repeat 90% center/10px 6px}
#help-popup .popup-container .popup-content .lbx .btn-fold-menu.open+.fold-content{display:block}
#help-popup .popup-container .popup-content .lbx .btn-fold-menu::before{content:"";display:inline-block;width:20px;height:20px;margin-right:8px;background:no-repeat center/100%;vertical-align:-3px}
#help-popup .popup-container .popup-content .lbx .fold-content{display:none}
#help-popup .popup-container .popup-content .lbx .fold-content button{position:relative;display:block;width:100%;padding:10px 44px;box-sizing:border-box;color:#fff;font-weight:var(--fontweight-regular);font-size:16px;text-align:left}
#help-popup .popup-container .popup-content .lbx .fold-content button.active,#help-popup .popup-container .popup-content .lbx .fold-content button:hover{background-color:#0593ff}
#help-popup .popup-container .popup-content .lbx ul>li+li{border-top:1px solid #52617b}
#help-popup .popup-container .popup-content .lbx ul>li:nth-child(1) .btn-fold-menu::before{background-image:url(/images/ico_city.png)}
#help-popup .popup-container .popup-content .lbx ul>li:nth-child(2) .btn-fold-menu::before{background-image:url(/images/ico_map.png)}
#help-popup .popup-container .popup-content .lbx ul>li:nth-child(3) .btn-fold-menu::before{background-image:url(/images/ico_biz.png)}
#help-popup .popup-container .popup-content .lbx ul>li:nth-child(4) .btn-fold-menu::before{background-image:url(/images/ico_opinion.png)}
#help-popup .popup-container .popup-content .rbx{display:flex;flex-direction:column;flex:1;height:621px;padding:26px 0 0 26px}
#help-popup .popup-container .popup-content .rbx .title{padding-bottom:10px;margin-right:92px;margin-bottom:20px;box-sizing:border-box;border-bottom:1px solid #666e7f;font-size:20px;color:#fff;font-weight:var(--fontweight-regular)}
#help-popup .popup-container .popup-content .rbx ol{overflow:auto;flex:1}
#help-popup .popup-container .popup-content .rbx ol li+li{margin-top:28px}
#help-popup .popup-container .popup-content .rbx ol li p{color:#fff;font-weight:var(--fontweight-light)}
#help-popup .popup-container .popup-content .rbx ol li p:nth-child(1){font-size:14px;margin-bottom:8px}
#help-popup .popup-container .popup-content .rbx ol li p:nth-child(2){font-size:12px;padding-left:16px;box-sizing:border-box}
#env-status-popup{position:absolute;z-index:1;background-color:transparent}
#env-status-popup .popup-title-box{padding:13px 20px}
#env-status-popup .popup-title-box .title{font-size:24px}
#env-status-popup .popup-title-box .btn-popup-close{width:26px;height:26px}
#env-status-popup .popup-content{position:relative;top:-1px;padding:27px 26px 39px}
#env-status-popup .popup-content .title-box{font-size:14px;color:#fff;margin-bottom:40px}
#env-status-popup .popup-content .title-box i{color:var(--color-blue);font-weight:var(--fontweight-regular)}
#env-status-popup .popup-content .title-box i::before{content:"";display:inline-block;width:18px;height:18px;background:url(/images/sub/ico_search_white.png) no-repeat center/100%;margin-right:6px;vertical-align:middle}
#env-status-popup .popup-content .title-box .text{font-weight:var(--fontweight-regular)}
#env-status-popup .popup-content .title-box .sub-text{color:rgba(255,255,255,.4745098039)}
#env-status-popup .popup-content .date-time{text-align:right;font-size:11px;color:#a9acb1;margin-bottom:10px}
#env-status-popup .popup-content .table-box{display:grid;grid-template-columns:repeat(2,295px);gap:19px}
#env-status-popup .popup-content .table-box .table-border{margin-top:0}
#env-status-popup .popup-content .table-box .table-border table{height:100%}
#env-status-popup .popup-content .table-box .table-border table tbody th{background-color:#3a4459}
#env-status-popup .popup-content .table-box .table-border table tbody td,#env-status-popup .popup-content .table-box .table-border table tbody th{border:none;border-right:1px solid #666e7f}
#env-status-popup .popup-content .table-box .table-border table tbody td:last-child,#env-status-popup .popup-content .table-box .table-border table tbody th:last-child{border-right:none}
#env-status-popup .popup-content .table-box .table-border table tbody td.status{padding:16px 22px 39px}
#env-status-popup .popup-content .table-box .table-border table tbody td.status p{font-size:12px;line-height:160%;margin-bottom:14px;white-space:nowrap}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box::before{content:"";display:inline-block;width:42px;height:42px;background:no-repeat center/100%}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box .number{font-size:24px;font-weight:var(--fontweight-medium)}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box .unit{font-size:12px}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box .step{font-size:14px}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.good{color:#6abfff}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.good::before{background-image:url(/images/sub/ico_env_good.png)}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.bad{color:#ff8a3b}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.bad::before{background-image:url(/images/sub/ico_env_bad.png)}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.very-bad{color:#ff828f}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.very-bad::before{background-image:url(/images/sub/ico_env_very_bad.png)}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.normal{color:#8aea66}
#env-status-popup .popup-content .table-box .table-border table tbody td.status .unit-box.normal::before{background-image:url(/images/sub/ico_env_normal.png)}
#env-status-popup .popup-content .table-box .env-info tbody th{font-size:12px}
#env-status-popup .popup-content .table-box .env-info tbody th .th-icon{display:inline-block;width:40px;height:22px;font-size:0;background:no-repeat center/100%}
#env-status-popup .popup-content .table-box .env-info tbody th .th-icon.el-1{background-image:url(/images/sub/ico_todaty.png)}
#env-status-popup .popup-content .table-box .env-info tbody th .th-icon.el-2{background-image:url(/images/sub/ico_tomorrow.png)}
#env-status-popup .popup-content .table-box .env-info tbody th .th-icon.el-3{background-image:url(/images/sub/ico_day_after.png)}



.color-green {color:#00A73C;}
.color-blue {color:#4584FF;}
.color-pink {color:#E6007E;}
.bcolor-green {background-color:#00A73C !important;}
.bcolor-blue {background-color:#4584FF!important;}
.bcolor-pink {background-color:#E6007E!important;}
.bcolor-gray {background-color:#9B9BAD!important;}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 20 !important
}


/* 정보 팝업 스타일 */
.info-popup {
    position: absolute;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 15px;
    min-width: 200px;
    width: 200px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    font-family: 'Noto Sans KR', sans-serif;
    top:0;
}

.info-popup.show {
    opacity: 1;
    visibility: visible;
}

.info-popup-map {
	top:8px;
	left:-115px;
	white-space: normal;
}

/* 화살표 (말풍선 꼬리) */
.info-popup::before {
    content: '';
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e0e0e0;
}

.info-popup::after {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
}

/* 팝업 헤더 */
.info-popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f0f0f0;
}

.info-popup-title {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.info-popup-close {
    background: none;
    border: none;
    font-size: 18px;
    color: #999;
    cursor: pointer;
    padding: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.info-popup-close:hover {
    color: #333;
}

/* 팝업 내용 */
.info-popup-content {
    font-size: 13px;
    color: #666;
    line-height: 1.6;
    display: none;
}

.info-popup-content.active {
    display: block;
}

.info-popup-item {
    display: flex;
    margin-bottom: 8px;
}

.info-popup-item:last-child {
    margin-bottom: 0;
}

.info-popup-label {
    font-weight: 500;
    color: #555;
    min-width: 60px;
    margin-right: 10px;
}

.info-popup-value {
    color: #777;
    flex: 1;
}

/* 상태 표시 뱃지 */
.info-popup-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    background: #f0f0f0;
    color: #666;
}

.info-popup-badge.active {
    background: #e8f5e9;
    color: #2e7d32;
}

.info-popup-badge.inactive {
    background: #ffebee;
    color: #c62828;
}

.info-popup-badge.warning {
    background: #fff3e0;
    color: #ef6c00;
}

/* 지도 마커 정보 팝업 - 테이블 스타일 */
.map-table-info-popup {
	background: white;
	border: 1px solid #ddd;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	min-width: 600px;
	font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
	position: absolute;
	top: 20%;
    left: 25%;
    z-index:999;
}

.map-table-info-popup .popup-header {
	background: #f8f9fa;
	padding: 12px 16px;
	border-bottom: 1px solid #e9ecef;
	border-radius: 8px 8px 0 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.map-table-info-popup .popup-title {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #333;
}

.map-table-info-popup .popup-close {
	background: transparent;
	border: none;
	font-size: 24px;
	color: #666;
	cursor: pointer;
	padding: 0;
	width: 24px;
	height: 24px;
	line-height: 1;
	transition: color 0.2s;
}

.map-table-info-popup .popup-close:hover {
	color: #000;
}

.map-table-info-popup .popup-table {
	width: 100%;
	border-collapse: collapse;
}

.map-table-info-popup .popup-table tbody tr {
	border-bottom: 1px solid #e9ecef;
}

.map-table-info-popup .popup-table tbody tr:last-child {
	border-bottom: none;
}

.map-table-info-popup .popup-table th {
	background: #f8f9fa;
	padding: 10px 12px;
	text-align: left;
	font-weight: 500;
	font-size: 13px;
	color: #666;
	width: 30%;
	border-right: 1px solid #e9ecef;
}

.map-table-info-popup .popup-table td {
	padding: 10px 12px;
	font-size: 13px;
	color: #333;
	word-break: break-word;
}

.map-table-info-popup .popup-table tbody tr:hover {
	background: #f8f9fa;
}