@charset "utf-8";
/* CSS Document */
input.ui-autocomplete-input.act{ border-bottom-color:transparent; border-radius:.25em .25em 0 0}
.ui-widget.ui-autocomplete{ box-sizing:border-box; border-radius:0 0 1em 1em; border:1px solid #ddd; border-top-color:transparent !important; box-shadow:0 1em 1em rgba(0,0,0,.2); padding:1em; display:flex; flex-direction:column; gap:1em; font-size:inherit; font-family:inherit; max-height:50vh; overflow-y:auto}
.userHome .ui-widget.ui-autocomplete{ padding-top:0;}
.ui-widget.ui-autocomplete .ui-menu-item-wrapper{ background:#f5f5f5; box-shadow:1px 1px .5em rgba(0,0,0,.1) inset; padding:1em; border-radius:.25em; font-weight:500}
.addSt{ display:flex; flex-direction:column; gap:.5em; background:#f5f5f5; box-shadow:1px 1px .5em rgba(0,0,0,.1) inset; padding:.75em; border-radius:.25em}
.addSt .titW{ display:flex}
.addSt .titW .zip{ display:flex; gap:.25em; align-items:baseline}
.addSt .titW .zip:before{ content:"우"; font-size:.938em; color:#777}
.addSt .titW .zip .t1{ font-weight:800; font-size:1.125em}
.addSt .listW{ display:flex; flex-direction:column; gap:.375em}
.addSt .listW .add{ display:flex; gap:.5em}
.addSt .listW .add .label{ min-width:3.5em; box-sizing:border-box; display:flex; align-items:center; justify-content:center; text-align:center; height:1.375em; border:1px solid var(--siteC); border-radius:1em}
.addSt .listW .add .label .t1{ font-weight:700; color:var(--siteC); font-size:.875em}
.addSt .listW .add .tt{ flex:1 1 0%; min-width:0; word-break:keep-all}
.addSt .listW .add .tt .t1{ color:#666; line-height:1.2; font-size:.938em}

html:has(#search_area) .ui-autocomplete{ z-index:9999}
html:has(#search_area) .ui-widget.ui-autocomplete{ gap:.25em; padding:.5em; border-radius:1em; border:none; transform:translateY(.25em)}
html:has(#search_area) .ui-widget.ui-autocomplete .ui-menu-item-wrapper{ padding:.5em}

/**/
.userHome #vmap,
.userHome #Lmap{ height:30vh}
#vmap{ position:relative}
#tool_swich{ position:absolute; left:1em; bottom:1em; box-shadow:0 0 .5em rgba(0,0,0,.2); z-index:999; background:#ddd; display:flex; gap:1px}
#tool_swich > li > a{ display:flex; align-items:center; justify-content:center; width:3em; height:3em; background:#fff}
#tool_swich > li:first-child > a{ border-radius:.5em 0 0 .5em}
#tool_swich > li:last-child > a{ border-radius:0 .5em .5em 0}
#tool_swich > li.zoom > a:before{ font-family: xeicon; font-size:1.5em}
#tool_swich > li.zoom.in > a:before{ content:"\e913"}
#tool_swich > li.zoom.out > a:before{ content:"\e91a"}
.userHome #tool_swich{ font-size:.75em}
.userHome #tool_swich > li.zoom > a:before{ font-family:fontello}
.userHome #tool_swich > li.zoom.in > a:before{ content:"\e80f"}
.userHome #tool_swich > li.zoom.out > a:before{ content:"\e811"}

/**/
.blue-ghost-class {
  background: rgba(0, 128, 255, 0.2) !important;
  opacity: .6;
}

/**/
.modalToast {position: fixed;left: 50%;transform: translateX(-50%) translateY(20px);background: rgba(0, 0, 0, 0.85);color: #fff;padding: 12px 18px;border-radius: 8px;font-size:.813em;line-height: 1.4;opacity: 0;transition: all .25s ease;z-index: 99999;}
.modalToast.bottom {bottom: 60px;}
.modalToast.bottom.on {transform: translateX(-50%) translateY(0);opacity: 1;}
.modalToast.top {top: 60px;transform: translateX(-50%) translateY(-20px);}
.modalToast.top.on {transform: translateX(-50%) translateY(0);opacity: 1;}
.modalToast.center {top: 50%;transform: translate(-50%, -40%);}
.modalToast.center.on {transform: translate(-50%, -50%);opacity: 1;}
.modalToast p {margin: 0;}

.priceQuickBtns {
  margin-top: 10px;
  display: flex;
  gap: 6px;
}

.priceQuickBtns button {
  flex: 1;
  padding: 8px;
  font-size: .75em;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  cursor: pointer;
}

/**/
.slider-container{ --s:.875em; --sh:calc(var(--s) * 2); --c:var(--siteC);}
.slider-container #area-label{ margin-bottom:1.5em; font-weight:700; color:var(--siteC4)}
#area-slider{ margin-right:calc(var(--sh) + var(--sh) / 2); height:var(--s); background:none; position:relative; border:none}
#area-slider:before{ content:""; position:absolute; left:0; top:0; width:calc(100% + var(--sh)); height:100%; box-sizing:border-box; box-shadow:0 .5em .5em rgba(0,0,0,.2) inset; background:#f5f5f5; border-radius:var(--s);}
#area-slider .ui-slider-range{ background:var(--c); font-size:1em; border-radius:0; transform:translateX(calc(var(--sh) / 2))}
#area-slider .ui-slider-handle{ width:var(--sh); height:var(--sh); border-radius:50%; border:2px solid var(--c); box-shadow:0 0 1em rgba(0,0,0,.1); background:#fff; top:50%; transform:translateY(-50%); margin:0}
.slider-container .ticks {pointer-events: none; position:relative; display:flex; justify-content:space-between; margin-left:calc(var(--sh) / 2); margin-right:calc(var(--sh)); transform:translateX(2px); padding-bottom:1em}
.slider-container .ticks .tick{ position: relative}
.slider-container .ticks .tick:before{ content:""; display:block; width:1px; height:1.5em; background:#ddd}
.slider-container .ticks .tick .tick-label{ font-size:.813em; color:#999; position:absolute; left:50%; top:100%; transform:translateX(-50%); white-space:nowrap}

/**/
.leaflet-label{}
.leaflet-label .leaflet-name{ transform:translate(calc(-50% + 6px), 6px); max-width:50vw; background:var(--siteC); color:#fff; border-radius:1em; width:max-content; box-sizing:border-box; line-height:1.2; text-align:center; padding:.5em .75em; font-weight:700; font-size:.938em}
.leaflet-top, .leaflet-bottom{ z-index:999 !important}