.location-body{
    --header-height : 3.77rem;
    --tab-height : 4rem;
    --map-height : 30rem;
}

.location-body header ._r_Btn.Img{border-radius: 0.38rem;font-size: 0.9rem;height: 2.26rem;width: 4.52rem;border: 1px solid #dddddd;padding-left: 1.36rem;font-weight: 500;background-size: 0.94rem;background-position: 0.53rem;line-height: 2.26rem;text-align: center;margin-top: 0.75rem}



.location-body .tab { display: flex; align-items: center; height: var(--tab-height); width: 100%;border-bottom:1px solid #f4f4f4;}
.location-body .tab > div {width: 25%;display: flex;justify-content: center;}
.location-body .tab > div:not(:last-child) {border-right:1px solid #f3f3f3}
.location-body .tab > div button{font-size: 1.05rem;color: #999999;}
.location-body .tab > div.on button{color: #000;}


.location-body .list{padding:0.75rem 1.36rem; width: 100%;}
.location-body .list:after{content: "";display: block;clear: both;}
.location-body .list ul{position: absolute;height: 100%;-ms-overflow-style: none;scrollbar-width: none;padding-bottom: 21.71rem;}
.location-body .list ul::-webkit-scrollbar {display: none;}
.location-body .wrapper_location_urban .list ul li button{height: 3.02rem;line-height: 3.02rem;font-size: 0.9rem;}
.location-body .wrapper_location_subway .list ul li button{height: 3.02rem;line-height: 3.02rem;font-size: 0.9rem;}
.location-body .list .left{float: left;width: 6.03rem;text-align: center;padding-bottom: 21.71rem;}
.location-body .list .left{overflow-y: scroll;}
.location-body .list .left li button{margin-bottom: 0.04rem;background: #f5f5f5;width: 6.03rem;}
.location-body .list .left li button.on{background-color: #1d1d24;color: #fff;}
.location-body .list .right{width: 16.88rem;overflow-y: scroll;left: 8.89rem;}
.location-body .list .right li{border-bottom:  0.04rem solid #d0d0d0;}
.location-body .list .right li button{width: 100%;text-align: left;}
.location-body .list .right li.hot button span{font-weight: 500;}
.location-body .list .right li.hot span:after{content: "HOT";background-color: #ff2a75;font-size: 0.73rem;margin-left:0.54rem;color: #fff;border-radius: 0.14rem;padding: 0 0.27rem;}
.location-body .subway_line.left li button.on{border-left-width: 0.38rem;border-left-style: solid ;background-color: #f5f5f5;color: #000;}
.location-body .subway_line.left li:nth-child(1) button.on{border-left-color:#003499; }
.location-body .subway_line.left li:nth-child(2) button.on{border-left-color:#37b42d; }
.location-body .subway_line.left li:nth-child(3) button.on{border-left-color:#fa5f2c; }
.location-body .subway_line.left li:nth-child(4) button.on{border-left-color:#3171d3; }
.location-body .subway_line.left li:nth-child(5) button.on{border-left-color:#893bb6; }
.location-body .subway_line.left li:nth-child(6) button.on{border-left-color:#9a4e0f; }
.location-body .subway_line.left li:nth-child(7) button.on{border-left-color:#606d00; }
.location-body .subway_line.left li:nth-child(8) button.on{border-color:#e71e6e; }
.location-body .subway_line.left li:nth-child(9) button.on{border-color:#bf9f1e; }
.location-body .subway_line.left li:nth-child(10) button.on{border-color:#2673f2;}
.location-body .subway_line.left li:nth-child(11) button.on{border-color:#ffb850;}
.location-body .subway_line.left li:nth-child(12) button.on{border-color:#a9022d;}
.location-body .subway_line.left li:nth-child(13) button.on{border-color:#7dc4a5;}
.location-body .subway_line.left li:nth-child(14) button.on{border-color:#26a97f;}
.location-body .subway_line.left li:nth-child(15) button.on{border-color:#edb217;}
.location-body .subway_line.left li:nth-child(16) button.on{border-color:#70b7e5;}
.location-body .subway_line.left li:nth-child(17) button.on{border-color:#ff8e00;}
.location-body .subway_line.left li:nth-child(18) button.on{border-color:#80ce79;}
.location-body .subway_line.left li:nth-child(19) button.on{border-color:#ff9d5a;}
.location-body .subway_line.left li:nth-child(20) button.on{border-color:#2673f2;}
.location-body .subway_line.left li:nth-child(21) button.on{border-color:#c6c100;}
.location-body .subway_line.left li:nth-child(22) button.on{border-color:#8bc53f;}
.location-body .subway_line.left li:nth-child(23) button.on{border-color:#96710a;}

.location-body div.city {padding:0 1.36rem;width:100%}
.location-body div.city button{font-size: 0.9rem;color: #000;border-radius: 13.57rem;background-color: #f5f5f5;margin-top: 1.07rem;padding:0.71rem 0;width:4.19rem;}
.location-body div.city button:nth-child(n+2) {margin-left:0.54rem}
.location-body div.city button.on{color: #fff;background-color: #1d1d24;}

.location-body .map{position: relative;width: 100%;height: var(--map-height)}
.location-body .addr{position: relative;z-index: 100;width: 100%;height: 2.64rem;background-color:rgba(255,255,255,0.9);line-height: 2.64rem;padding-left: 2.71rem;background-image: url(https://files.heally.co.kr/web-images/common/location_color.png);background-position: 5%;background-size:0.87rem;font-size: 0.9rem;}
.location-body .point{position: relative;z-index: 100;}
.location-body .locationBtn{box-shadow: -0.27rem 0.27rem 0.54rem 0.14rem rgba(0,0,0,0.1); position: absolute;z-index: 100;height: 3.02rem;width: 24.7rem;margin: 0 1.36rem;bottom: 5.43rem;background-color: #ff2a75;border-radius: 0.37rem;font-size: 1.06rem; color: #fff;}
.location-body .point{background-image: url(https://files.heally.co.kr/web-images/common/point.png);background-position: center;background-size:1.66rem;width: 1.66rem;height: 3.32rem;left: 2.71rem;top: 5.43rem;}


.location-body .searchHistory{overflow-x: scroll;padding-top: 0.68rem}
.location-body .searchHistory::-webkit-scrollbar {display: none;}
.location-body .searchHistory ul{display: -webkit-inline-box;padding-left: 1.36rem;padding-right: 1.36rem}
.location-body .searchHistory ul:after,.searchHistory ul li div:after{content:"";display: block;clear: both;}
.location-body .searchHistory ul li{float: left;}



.searchHistory ul li div{padding-right: 0.54rem;position: relative;border-radius: 2.71rem;border: 1px solid #eaeae9;}
.searchHistory ul li{padding-right: 0.54rem}
.searchHistory ul li button{height: 2.26rem;}
.searchHistory ul li button.txt{font-size: 0.9rem;float: left;padding-left: 0.68rem;padding-right: 2.17rem;}
.searchHistory ul li button.delBtn{position: absolute;right: 0;top: 0;font-size: 0;width:2.17rem;height: 2.26rem;background-size:0.54rem;background-image: url(https://files.heally.co.kr/web-images/common/close_icon_gr.png);}
.searchHistory ul li.around .txt{padding-right: 0.68rem;padding-left: 1.9rem;background-image: url(https://files.heally.co.kr/web-images/common/searchresult_location.png);background-position:0.68rem center;background-size: 0.95rem;font-weight: 500;}

.header_location_area ._pagename span{font-weight:550}
.header_location_urban ._pagename span{font-weight:550}
.header_location_subway ._pagename span{font-weight:550}
.header_location_map ._pagename span{font-weight:550}


.wrapper_location_map .map{position: absolute;width: 100%;height: 80%;}
.wrapper_location_map .addr{position: relative;z-index: 100;width: 100%;height: 2.64rem;background-color:rgba(255,255,255,0.9);line-height: 2.64rem;padding-left: 2.71rem;background-image: url(https://files.heally.co.kr/web-images/common/location_color.png);background-position: 5%;background-size:0.87rem;font-size: 0.9rem;}
.wrapper_location_map .point{position: relative;z-index: 100;}
.wrapper_location_map .locationBtn{box-shadow: -0.27rem 0.27rem 0.54rem 0.14rem rgba(0,0,0,0.1); position: absolute;z-index: 100;height: 3.02rem;width: 24.7rem;margin: 0 1.36rem;bottom: 5.43rem;background-color: #ff2a75;border-radius: 0.37rem;font-size: 1.06rem; color: #fff;
}
.wrapper_location_map .point{background-image: url(https://files.heally.co.kr/web-images/common/point.png);background-position: center;background-size:1.66rem;width: 1.66rem;height: 3.32rem;left: calc(50% - 0.68rem);top:calc(50% - 2.64rem)}
.wrapper_location_map .map-zoom{top: 0.27rem;
    position: relative;
    z-index: 1;
    width: 4rem;
    right: 0.4rem;
    margin-left: auto;
}
.wrapper_location_map .zoom-btn{width: 2.99rem;height: 2.99rem;font-size:1.63rem;background:#fff;z-index:100;text-align:center;line-height:2.99rem;border:1px solid #ccc;border-radius:8px;margin-left: calc(100% - 3.26rem);}
.wrapper_location_map .zoom-btn:active{background:#000;color:#fff}
.wrapper_location_map .zoom-btn:nth-child(n+2) {margin-top:0.41rem}
.wrapper_location_map .mapSearchBtn{box-shadow: -0.27rem 0.27rem 0.54rem 0.14rem rgba(0,0,0,0.1); position: absolute;z-index: 100;height: 3.02rem;width: 24.7rem;bottom: 5.43rem;background-color: #ff2a75;border-radius: 0.37rem;font-size: 1.06rem; color: #fff;left: 50%;
    transform: translate(-50%, 0);}
.wrapper_location_map .mapSaveLocBtn{box-shadow: -0.27rem 0.27rem 0.54rem 0.14rem rgba(0,0,0,0.1); position: absolute;z-index: 100;height: 3.02rem;width: 24.7rem;bottom: 9.23rem;background-color: #fff;border-radius: 0.37rem;font-size: 1.06rem; color: #ff2a75;border:1px solid #ff2a75;left: 50%;
    transform: translate(-50%, 0);}


/* .wrapper_location_urban .urban_link{bottom:4.89rem;border:0;padding: 0.54rem 2.17rem 0.54rem 1.36rem;} */
/*.wrapper_location_urban .urban_link{bottom:24%;border:0;padding: 0.54rem 2.17rem 0.54rem 1.36rem;}*/


.wrapper_location_urban{
    height: calc(100% - var(--header-height)); /* header 높이*/
}
.wrapper_location_urban .moveCurlocation{width:2.44rem;height:2.44rem;right:1.09rem;margin-top:1.36rem;position:absolute;background-image:url(https://files.heally.co.kr/web-images/common/location.png);background-size:70%;background-position:center;background-color:#fff;border-radius:0.38rem;padding:0.54rem;box-shadow: -0.33rem 0.27rem 0.27rem 0.05rem rgb(0 0 0 / 30%);}
.wrapper_location_urban .moveCurlocation:active{background-color:#ff2a75;background-image:url(https://files.heally.co.kr/web-images/common/location_w.png);}


.wrapper_location_urban .demlist{ height: calc(100% - var(--map-height) - var(--header-height) - var(--tab-height)); }/*전체높이 - 지도높이 - 헤더높이 - 탭높이*/

.wrapper_location_urban_all .urbanList {margin: 0 1.09rem;margin-bottom:9.5rem}
.wrapper_location_urban_all .urbanList .tit{font-size:0.99rem;font-weight:600;margin:1.36rem 0}
.wrapper_location_urban_all .urbanList .urbanListWrapper .tblHeader{display:flex;background-color:#f7f7f7;border-radius:0.54rem}
.wrapper_location_urban_all .urbanList .urbanListWrapper .tblHeader li{font-size:0.99rem;font-weight:500;width:33%;text-align:center;padding:0.54rem 0}
.wrapper_location_urban_all .urbanList .urbanListWrapper .tblList li{width:100%;display:flex;border-bottom:1px solid #ddd;margin:1.09rem 0}
.wrapper_location_urban_all .urbanList .urbanListWrapper .tblList li > div{font-size:0.9rem;width:33%}
.wrapper_location_urban_all .urbanList .paging{margin:1.36rem 0}


@keyframes myLocatePulse {
    0% {
    transform: scale(1);
    
    }
    50% {
    transform: scale(0.8);
    }
    100% {
    transform: scale(1);
    }
}
.location-body .userLocation { background-color: var(--colP); width: var(--28); height: var(--28); border:var(--6) solid #fff; position: absolute; border-radius: var(--28); box-shadow: 0 0 0.54rem 0rem rgb(255,42,117,0.5); } 
.location-body .userLocation::before { content: "";
display: block;
z-index: -1;
width: 2.71rem;
left: calc(-1.36rem + 50%);
top: calc(-1.36rem + 50%);
position: absolute;
border-radius: 2.71rem;
height: 2.71rem;
background-color: rgba(255,42,117,0.2);
animation: myLocatePulse 1s ease-in-out infinite;} 

/*2023.11.02 demourban test*/

.wrapper_location_urban .urban_link{bottom:2%;border:0;padding: 0.54rem 2.17rem 0.54rem 1.36rem;}

.wrapper_location_urban .urban_link{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #ddd;
    border-radius: 1.09rem;
    padding: 0.27rem 2.17rem 0.27rem 1.36rem;
    font-size: 1.06rem;
    z-index: 98;
    bottom: 1.63rem;
    background-color: #ff2a75;
    color: #fff;
    background-image: url(https://files.heally.co.kr/web-images/_arrow/down_right_w.png);
    background-size: 0.54rem;
    background-position: right 10% bottom 42%;
    display:none;
    white-space: nowrap;
    }
.wrapper_location_urban .moveCurlocation{width:2.44rem;height:2.44rem;right:1.09rem;margin-top:1.36rem;position:absolute;background-image:url(/img/common/location.png);background-size:70%;background-position:center;background-color:#fff;border-radius:0.38rem;padding:0.54rem;box-shadow: -0.33rem 0.27rem 0.27rem 0.05rem rgb(0 0 0 / 30%);z-index:2}
.wrapper_location_urban .moveCurlocation:active{background-color:#ff2a75;background-image:url(/img/common/location_w.png);}

.location-body .wrapper_location_urban .arlist{width: 100%;background-color:#fff;display:flex;height:100%;}
.location-body .wrapper_location_urban .arlist:after{content: "";display: block;clear: both;}
.location-body .wrapper_location_urban .arlist ul{-ms-overflow-style: none;scrollbar-width: none;}
.location-body .wrapper_location_urban .arlist ul::-webkit-scrollbar {display: none;}
.location-body .wrapper_location_urban .arlist ul li button{height: 3.02rem;line-height: 3.02rem;font-size: 0.9rem;}
.location-body .wrapper_location_urban .arlist .left{width: 5.97rem;text-align: center;}
.location-body .wrapper_location_urban .arlist .left{overflow-y: scroll;padding-bottom: 8.14rem;}
.location-body .wrapper_location_urban .arlist .left li{height:2.99rem}
.location-body .wrapper_location_urban .arlist .left li button{margin-bottom: 0.04rem;background: #f5f5f5;width: 6.03rem;}
.location-body .wrapper_location_urban .arlist .left li button.on{background-color: #1d1d24;color: #fff;}
.location-body .wrapper_location_urban .arlist .right{width: calc(100% - 5.97rem);overflow-y: scroll;background-color:#fff;padding-bottom: 8.14rem;}
.location-body .wrapper_location_urban .arlist .right li{border-bottom:  0.04rem solid #d0d0d0;}
.location-body .wrapper_location_urban .arlist .right li button{width: 100%;text-align: left;padding-left:0.81rem}
.location-body .wrapper_location_urban .arlist .right li button span.areakm{float:right;color:#797979;padding-right:0.95rem}
.location-body .wrapper_location_urban .arlist .right li.hot button span{font-weight: 500;}
.location-body .wrapper_location_urban .arlist .right li.hot span:after{content: "HOT";background-color: #ff2a75;font-size: 0.73rem;margin-left:0.54rem;color: #fff;border-radius: 0.14rem;padding: 0 0.27rem;}


.location-body .wrapper_location_urban .arlist .right .empty{padding-bottom: 1.36rem;display:block}
.location-body .wrapper_location_urban .arlist .right + .empty{display:none}
.location-body .wrapper_location_urban .arlist .right .empty .tit{font-size:1.22rem;font-weight: 500; text-align: center;line-height: 1.58rem;background-image: url(https://files.heally.co.kr/web-images/around/empty_img.png);background-size:11.13rem;padding-top:13.57rem;background-position: center 70%}
.location-body .wrapper_location_urban .arlist .right .empty .txt{text-align: center;	font-size: 0.98rem;color: #797979;margin-top: 0.27rem;}



.location-body .wrapper_location_area .list ul.aleft li button{height: 3.02rem;line-height: 3.02rem;font-size: 0.9rem;}
.location-body .wrapper_location_area .list ul.aright li button.maitn{height: 3.02rem;line-height: 3.02rem;font-size: 0.9rem;text-align: center;background-color: transparent;border: none;padding-right: 3rem; cursor: pointer;}
.location-body .wrapper_location_area .list{display:flex;column-gap:1rem;}
.location-body .wrapper_location_area .aleft{width: 6.03rem;overflow-y: scroll;text-align: center;flex-shrink: 0;position: absolute;}
.location-body .wrapper_location_area .list .aleft li button{margin-bottom: 0.04rem;background: #f5f5f5;width: 6.03rem;}
.location-body .wrapper_location_area .list .aleft li button.on{background-color: #1d1d24;color: #fff;}
.location-body .wrapper_location_area .list .aright{flex-grow: 1;overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;touch-action: pan-y !important;overscroll-behavior: contain;position: absolute;transform: translateZ(0);left: 8.89rem;width: 16.88rem;}
.location-body .wrapper_location_area .list .aright li{border-bottom:  0.04rem solid #d0d0d0;position: relative;width: 100%;}
.location-body .wrapper_location_area .list .aright li .tdWrap{width:100%;}
.location-body .wrapper_location_area .list .aright li.hot button span{font-weight: 500;}
.location-body .wrapper_location_area .list .aright li.hot span:after{content: "HOT";background-color: #ff2a75;font-size: 0.73rem;margin-left:0.54rem;color: #fff;border-radius: 0.14rem;padding: 0 0.27rem;}

.location-body .wrapper_location_area .list .aright li .subarea-item button.dontn{text-align:center;font-size:0.9rem;padding:0.3rem 0.7rem;border:1px solid #e8e8e8;color: #797979;border-radius: 5rem; background: #fff;cursor: pointer;display: flex;align-items: center;}
.location-body .wrapper_location_area .list .aright li.black{background: linear-gradient(to right, #101828 0%, #001942 100%);padding-left:0.5rem;}
.location-body .wrapper_location_area .list .aright li.black button img{width:2.7rem;height:1rem;vertical-align:middle;margin-right:0.25rem;}
.location-body .wrapper_location_area .list .aright li.black button span{font-weight: 500;color:#fff;line-height:3.3rem;}

.location-body .wrapper_location_area .area-btn-wrap {display: inline-flex;align-items: center;width: 100%;}
.location-body .wrapper_location_area .area-btn-wrap .arrow {
    position: absolute;
    top: 1.43rem; /* 버튼 수직 가운데 정렬 감각적으로 맞추기 */
    right: -0.8rem;
    transform: translateY(-50%);
    width: 4rem;
    height: 3.5rem;
    background: url(https://files.heally.co.kr/web-images/_arrow/down_g.png) no-repeat center center;
    background-size: 0.75rem auto;
    cursor: pointer;
    z-index: 20;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.location-body .wrapper_location_area .subarea-item {
    display: none;
    gap: 0.5rem; /* 버튼 간 간격 */
    padding-left: 0; /* 기존 여백 제거 */
    background: #f5f5f5;
    padding:0.5rem;
    flex-wrap:wrap;
}
.location-body .wrapper_location_area .subarea-item a {display: block;}