@charset "utf-8";
/* 지도 - 마커 */
.coordWrapper{width:0;height:0}
.coordWrapper .markerWrap .btnMarker{position:inherit;top:0;left:0}
.markerWrap.typeApt,
.markerWrap.typePar{top:-66px;left:-25px}
.markerWrap.typeOft{top:-72px;left:0}

/* Wrapper [재건축] */
.markerWrap .icoRecon {position:relative;background:none;width:100%;height:100%;margin:0;padding:0}
.markerWrap .icoRecon:before{content: "";display: block;position: absolute;top: -23px;left:50%;margin-left:-57px;width: 83px;height: 82px;background: url('/images/map/marker/markerpin_bg_rebuild_and_crane.png') 0 0 / 83px auto;pointer-events: none;}
.icoRecon .markerPin .sMid:after{display:none}

/* 마커 그룹 */
.markerWrap { display: inline-block; position: relative; z-index: 3; text-align:center}
.markerWrap .btnCloseMarkerOptions { display: none; overflow: hidden; position: absolute; left:50%;bottom:-34px; width: 20px; height: 20px; border: 0; transform:translate(-50%,0);background: url('/images/map/marker/markerpin_close_apt.png') no-repeat center center / cover; color: transparent; font-size: 0;box-shadow: 0 2px 8px rgb(0 0 0 / 16%);border-radius: 100%;}
.markerWrap .markerOptions { display: none;  position: absolute; left: calc(-82px - -50%); top: calc(-52.5px); width: 164px; height: 133px;background-repeat: no-repeat; background-position: top center; background-size: 100%; }
.markerWrap .markerOptions .options { position: relative; pointer-events: auto;}
.markerWrap .markerOptions .options > div { display: inline-block; position: absolute; }
.markerWrap.active { z-index: 10; }
.markerWrap.active .btnCloseMarkerOptions { display: block; z-index: 3; }
.markerWrap.active .markerOptions { display: block; z-index: 1; }
.markerWrap .markerOptions .options > div:nth-of-type(1) { left: 0; top: 66px; }
.markerWrap .markerOptions .options > div:nth-of-type(2) { left: 16px; top: 22px; }
.markerWrap .markerOptions .options > div:nth-of-type(3) { left: 60px; top: 2px; }
.markerWrap .markerOptions .options > div:nth-of-type(4) { right: 16px; top: 22px; }
.markerWrap .markerOptions .options > div:nth-of-type(5) { right: 2px; top: 64px; }

/* 마커옵션 애니메이션 */
.aniSpread{width:44px}
.aniSpread:nth-of-type(1){animation: spread1 .2s  alternate forwards}
.aniSpread:nth-of-type(2){animation: spread2 .2s  alternate forwards}
.aniSpread:nth-of-type(3){animation: spread3 .2s  alternate forwards}
.aniSpread:nth-of-type(4){animation: spread4 .2s  alternate forwards}
.aniSpread:nth-of-type(5){animation: spread5 .2s  alternate forwards}
.markerWrap.typePar .aniSpread:nth-of-type(1){animation: spreadfull1 .2s  alternate forwards}
.markerWrap.typePar .aniSpread:nth-of-type(2){animation: spreadfull2 .2s  alternate forwards}
.markerWrap.typePar .aniSpread:nth-of-type(3){animation: spreadfull3 .2s  alternate forwards}
.markerWrap.typePar .aniSpread:nth-of-type(4){animation: spreadfull4 .2s  alternate forwards}
@keyframes spread1 {
0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
100% {left: 0; top: 66px; }
}
@keyframes spread2 {
0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
100% {left: 16px; top: 22px; }
}
@keyframes spread3 {
0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
100% {left: 60px; top: 2px; }
}
@keyframes spread4 {
0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
100% {right: 16px; top: 22px;
}
}
@keyframes spread5 {
0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
100% {right: 2px; top: 64px; }
}

@keyframes spreadfull1 {
    0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
    100% {left: 2px; top: 60px; }
    }
@keyframes spreadfull2 {
    0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
    100% {left: 32px; top: 10px; }
    }
@keyframes spreadfull3 {
    0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
    100% {right: 32px; top: 11px; }
    }
@keyframes spreadfull4 {
    0% {top: 50%;left: 50%;transform: translate(-50%, 150%);}
    100% {right: 1px; top: 59px; }
    }


/* 마커 그룹 [아파트] */
.markerWrap.typeApt .markerOptions {background-image:url('/images/map/marker/markerpin_bg_apart_selected.png'); pointer-events: none;}

/* 마커 그룹 [오피스텔] */
.markerWrap.typeOft .markerOptions {background-image:url('/images/map/marker/markerpin_bg_officetel_selected.png'); }

/* 마커 그룹 [분양] */
.markerWrap.typePar .markerOptions {background-image:url('/images/map/marker/markerpin_bg_subdivision_selected_v3.png'); }
.markerWrap.typePar .markerOptions .options > div:nth-of-type(1) { left: 2px; top: 60px; }
.markerWrap.typePar .markerOptions .options > div:nth-of-type(2) { left: 32px; top: 10px; }
.markerWrap.typePar .markerOptions .options > div:nth-of-type(3) { left: auto;right: 32px; top: 11px; }
.markerWrap.typePar .markerOptions .options > div:nth-of-type(4) { right: 1px; top: 59px; }

/* 마커 그룹 [분양>상가] */
.markerWrap.typePar.store .markerOptions {background-image:url('/images/map/marker/markerpin_bg_subdivision_selected_v3_shop.png'); }
.markerWrap.typePar.store .markerOptions .options > div:nth-of-type(1) {left: 34px; top: 12px; }
.markerWrap.typePar.store .markerOptions .options > div:nth-of-type(2) { left:auto;right: 32px; top: 11px; }
.markerWrap.typePar.store .markerOptions .options > div:nth-of-type(3) {right: 1px; top: 59px; }
.markerWrap.typePar.store .aniSpread:nth-of-type(1){animation: spreadfull2 .2s  alternate forwards}
.markerWrap.typePar.store .aniSpread:nth-of-type(2){animation: spreadfull3 .2s  alternate forwards}
.markerWrap.typePar.store .aniSpread:nth-of-type(3){animation: spreadfull4 .2s  alternate forwards}

/* 마커 그룹 내부 아이콘 */
.markerWrap .icoSale { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/btn_markerpin_selected_sale.png') no-repeat 0 0 / 100%; vertical-align: middle; }
.markerWrap .icoSale.disabled, .btnWithIco.disabled .icoSale { background: url('/images/map/marker/bg_sale_off.png') no-repeat 0 0 / 100%; }
.markerWrap .icoHoneySale { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/bg_h_sale_on.svg') no-repeat 0 0; vertical-align: middle; }
.markerWrap .icoHoneyMC { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/bg_h_mc_on.svg') no-repeat 0 0; vertical-align: middle; }
.markerWrap .icoHoneyComp { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/btn_markerpin_selected_danji_talk.png') no-repeat 0 0 / 100%; vertical-align: middle; }
.markerWrap .icoComp { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/bg_comp_on.svg') no-repeat 0 0; vertical-align: middle; }
.markerWrap .icoSale .txt, .icoHoneySale .txt, .icoHoneyMC .txt, .icoHoneyComp .txt, .icoComp .txt { display: none !important; }
.markerWrap .icoYoutube{display: inline-block;position: relative;width: 30px;height: 35px;background:url('/images/map/marker/markerpin_apartment_selected_icon_youtube_default.png') no-repeat 0 0 / 100%;}
.markerWrap .icoYoutube .txt, .icoGimg .txt, .icoSearch .txt{display: none !important;}
.markerWrap .icoGimg{display: inline-block;position: relative;width: 30px;height: 35px;background:url('/images/map/marker/markerpin_apartment_selected_icon_google_default.png') no-repeat 0 0 / 100%;}
.markerWrap .icoSearch{display: inline-block;position: relative;width: 30px;height: 35px;background:url('/images/map/marker/markerpin_apartment_selected_icon_naver_default.png') no-repeat 0 0 / 100%;}
.markerWrap .ico-v3{display: inline-block; position: relative; width: 44px; height: 37px;vertical-align: middle;background-repeat: no-repeat;background-position: 0 0;background-size:100% auto;}
.markerWrap .ico-v3.sale{background-image: url('/images/map/marker/v3_sale.png')}
.markerWrap .ico-v3.danjitalking{ background-image:url('/images/map/marker/v3_danjitalk.png')}
.markerWrap .ico-v3.basicinfo{ height:36px;background-image: url('/images/map/marker/v3_basicinfo.png')}
.markerWrap .ico-v3.transprice{ height:36px;background-image: url('/images/map/marker/v3_transactionprice.png') }
.markerWrap .ico-v3.saleprice{height:36px;background-image:url('/images/map/marker/v3_saleprice.png')}
.markerWrap .ico-v3.schooltraffic{height: 36px; background-image: url('/images/map/marker/v3_schooltraffic.png')}
.markerWrap .ico-v3 .txt{display:none}
.markerWrap .ico-v4{display: inline-block; position: relative; width: 44px; height: 37px;vertical-align: middle;background-repeat: no-repeat;background-position:50% 0;background-size:24px auto}
.markerWrap .ico-v4.sale{background-image: url('/images/map/marker/v4_markeroption.png');background-position:50% -2px}
.markerWrap .ico-v4.danjitalking{ background-image:url('/images/map/marker/v4_markeroption.png');background-position:50% -43px}
.markerWrap .ico-v4.basicinfo{ height:36px;background-image: url('/images/map/marker/v4_markeroption.png');background-position:50% -79px}
.markerWrap .ico-v4.transprice{ height:36px;background-image: url('/images/map/marker/v4_markeroption.png');background-position:50% -120px}
.markerWrap .ico-v4.saleprice{height:36px;background-image:url('/images/map/marker/v4_markeroption.png');background-position:50% -120px}
.markerWrap .ico-v4.schooltraffic{height: 36px; background-image: url('/images/map/marker/v4_markeroption.png');background-position:50% -160px}
.markerWrap .ico-v4 .txt{display:block;padding-top:20px;font-size:11px;color:var(--font-icon-white, #fff);font-weight:400;letter-spacing:-0.5px}
.markerWrap .ico-v4.schooltraffic .txt{padding-top:22px}
.markerWrap .ico-v4.basicinfo .txt{padding-top:23px}

/* 마커 그룹 [SNS 노출 중지] */
.markerWrap.typeApt.snsoff .markerOptions{background:url('/images/map/marker/markerpin_bg_apart_selected_sns_admin.png') no-repeat 0 0 / 100%}
.markerWrap.typeOft.snsoff .markerOptions{background:url('/images/map/marker/markerpin_bg_officetel_selected_sns_admin.png') no-repeat 0 0 / 100%}
.markerWrap.typePar.snsoff .markerOptions{background:url('/images/map/marker/markerpin_bg_subdivision_selected_sns_admin.png') no-repeat 0 0 / 100%}

/* 마커 */
.active .markerPin { z-index: 2; }
.markerPin { display: inline-block; position: relative; vertical-align: top; color: #444; cursor:pointer;letter-spacing:-.2px}
.markerPin .sTop {position: relative;display:block;width:50px;min-height:15px;max-height:21px;font-size: 11px}
.markerPin .sMid {position: relative;display:block;width:50px;padding: 2px 0;color: #fff;border-radius: 0 0 5px 5px;line-height: 15px;font-size:14px}
.markerPin .sBot { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; }
.markerPin .sLeft { display: inline-block; }
.markerPin .sCenter { display: inline-block; }
.markerPin .sRight { display: inline-block; font-size: 12px; line-height: 1.2; color: #fff; }
.markerPin .sTop .txt{height:21px;line-height:25px}
.markerPin .sMid span.txt { display: block;font-size: 11px}
.markerPin .sMid strong.txt { display: block;font-size: 14px; line-height: 1.1; }
.markerPin .sMid:after{content: "";display: block;position: absolute;bottom: -10px;left: 50%;transform: translate(-50%,0);width: 50px;height: 10px;background: url('/images/map/marker/markerpin_bg_apart_stick.png?v3') no-repeat 0 0 / 50px auto;}
.markerPin.typeXs{width:33px;height:31px}
.markerPin.typeXs .sTop {display: none;}
.markerPin.typeXs .sMid{display:none}

/* 마커 [랭킹] */
.markerPin[class*="searchnum"] .sBot:after{content:"";display:block;position:absolute;bottom:-10px;left:50%;transform:translate(-50%,0);width:74px;height:63px}
.markerPin.searchnum1 .sBot:after{background:url('/images/map/marker/makerpin_bg_leaf_01.png') no-repeat 0 0 / 100% auto}
.markerPin.searchnum2 .sBot:after{background:url('/images/map/marker/makerpin_bg_leaf_02.png') no-repeat 0 0 / 100% auto}
.markerPin.searchnum3 .sBot:after{background:url('/images/map/marker/makerpin_bg_leaf_03.png') no-repeat 0 0 / 100% auto}
.markerPin.typeXs[class*="searchnum"] .sBot:after{width:33px;height:29px;bottom:0}
.markerPin.typeXs.searchnum1 .sBot:after{background-image:url('/images/map/marker/makerpin_bg_leaf_01_mini.png')}
.markerPin.typeXs.searchnum2 .sBot:after{background-image:url('/images/map/marker/makerpin_bg_leaf_02_mini.png')}
.markerPin.typeXs.searchnum3 .sBot:after{background-image:url('/images/map/marker/makerpin_bg_leaf_03_mini.png')}
.markerPin.typeL[class*="searchnum"] .sBot:after{width:90px;height:60px}
.markerPin.typeL.searchnum1 .sBot:after{background-image:url('/images/map/marker/makerpin_bg_wide_leaf_01.png')}
.markerPin.typeL.searchnum2 .sBot:after{background-image:url('/images/map/marker/makerpin_bg_wide_leaf_02.png')}
.markerPin.typeL.searchnum3 .sBot:after{background-image:url('/images/map/marker/makerpin_bg_wide_leaf_03.png')}

/* 마커 [아파트, 오피스텔, 분양] [S, M, L]*/
.markerPin.typeS, .markerPin.typeM{ width: 50px; }
.markerPin.typeL { width: 60px; }
.markerPin.typeL .sTop, .markerPin.typeL .sMid{width:60px}
.markerPin.typeL.typeApt .sTop{background:url('/images/map/marker/markerpin_bg_apart_upper_basic_wide.png') no-repeat 0 0 / 60px auto}
.markerPin.typeL.typeOft .sTop{background:url('/images/map/marker/markerpin_bg_officetel_upper_basic_wide.png') no-repeat 0 0 / 60px auto}

/* 마커 [아파트] */
.markerPin.typeApt .sTop{background:url('/images/map/marker/markerpin_bg_apart_upper_basic.png') no-repeat 0 0 / 100%;}
.markerPin.typeApt .sMid {background-color: rgba(99, 141, 255, .9);}
.markerPin.typeApt.typeXs {background: url('/images/map/marker/markerpin_bg_apt_mini.png?v3') no-repeat 0 0 / 100%;}

/* 마커 [오피스텔] */
.markerPin.typeOft .sTop{background:url('/images/map/marker/markerpin_bg_officetel_upper_basic.png') no-repeat 0 0 / 100%}
.markerPin.typeOft .sMid {background-color:rgba(174, 137, 244, .9)}
.markerPin.typeOft.typeXs {background: url('/images/map/marker/markerpin_bg_officetel_mini.png?v3') no-repeat 0 0 / 100%}
.markerPin.typeOft .btnCloseMarkerOptions{background:url('/images/map/marker/markerpin_close_officetel.png') no-repeat 0 0 / 100%;}

/* 마커 [분양] */
.markerPin.typePar .sTop{background:url('/images/map/marker/markerpin_bg_parcel.png') no-repeat 0 0 / 100%}
.markerPin.typePar .sMid {background-color:rgba(239, 160, 111, .9)}
.markerPin.typePar .btnCloseMarkerOptions{background:url('/images/map/marker/markerpin_close_parcel.png') no-repeat 0 0 / 100%;}
.markerPin.typePar.typeXs{background: url('/images/map/marker/markerpin_bg_parcel_mini.png') no-repeat 0 0 / 100%}

/* 마커 [빌라] */
.markerPin.typeVilla {position:relative;top:0;left:0;transform:none;min-width:32px;height:32px;background:#fff;border:1px solid #3d465d;border-radius:35px;opacity:.86;transition:.2s}
.markerPin.typeVilla:after{position:absolute;bottom:-6px;left:50%;transform:translate(-50%, -50%);content:"";width:9px;height:4px;background:url('/images/map/marker/markerpin_bg_villa_bubble_basic_apex.png') no-repeat 0 0 / 100% auto}
.markerPin.typeVilla .sLeft{position:absolute;top:1px;left:1px;width:28px;height:28px;background:url('/images/map/marker/icon_24_villa.png') no-repeat 50% 50% / 100% auto #3d465d;border-radius:100%;}
.markerPin.typeVilla .sRight{padding:0 8px 0 34px;line-height:30px;white-space:nowrap;color:#3d465d;font-size:14px;font-weight:700}
.active .markerPin.typeVilla {background:#3d465d;}
.active .markerPin.typeVilla:after{background:url('/images/map/marker/markerpin_bg_villa_bubble_selected_apex.png') no-repeat 50% 50% / 100% auto transparent}
.active .markerPin.typeVilla .sLeft{background:url('/images/map/marker/icon_24_villa_active.png') no-repeat 50% 50% /100% auto #fff;}
.active .markerPin.typeVilla .sRight{color:#fff}

/* 마커 [포인트 BG] */
.markerPin.typeApt .sTop.pointBG1{background:url('/images/map/marker/markerpin_bg_apt_before.png') no-repeat 0 0 / 100%}
.markerPin.typeOft .sTop.pointBG1{background:url('/images/map/marker/markerpin_bg_officetel_before.png') no-repeat 0 0 / 100%}
.markerPin .sTop.pointBG2{color:#fff;background:url('/images/map/marker/markerpin_bg_subdivison_upper_basic_officetel.png') no-repeat 0 0 / 100%}
.markerPin .sTop.pointBG3{color:#fff;background:url('/images/map/marker/markerpin_bg_subdivison_upper_basic_villa.png') no-repeat 0 0 / 100%}

/* 매물클러스터 [지역 원형] */
.markerPin.typeCircle { border: 1px solid rgba(101, 168, 255, .6); border-radius: 50%; background: rgba(101, 168, 255, .6); color: #fff; }
.markerPin.typeCircle.typeS { width: 32px; height: 32px; }
.markerPin.typeCircle.typeM { width: 50px; height: 50px; }
.markerPin.typeCircle.typeL { width: 70px; height: 70px; }
.markerPin.typeCircle.typeXL { width: 100px; height: 100px; }
.markerPin.typeCircle .sCenter { position: relative; display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.markerPin.typeCircle .sCenter .txt { display: inline-block; vertical-align: middle; }

/* 매물클러스터 [툴팁] */
.markerPin.typeTooltip { position: relative; z-index: 2; min-width: 102px; height: 39px; }
.markerPin.typeTooltip .sCenter { width: 100%; padding: 3px 12px; color: #fff ; background: rgba(101, 168, 255, .86);border-radius:6px;text-align:center}
.markerPin.typeTooltip .sCenter .txt { display:block;position: relative; z-index: 1; }
.markerPin.typeTooltip .sCenter strong.txt { font-size: 12px; line-height: 1.2; }
.markerPin.typeTooltip .sCenter span.txt { overflow: hidden; max-width: 106px; font-size: 10px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }
.markerPin.typeTooltip .sCenter:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%,0);display:block;width:6px;height:3px;background:url('/images/map/marker/cluster_bg_bubble_apex.png') no-repeat 0 0 / 100%}

/* 마커 [학교] */
.markerPin.typeSchool {width:32px;height:32px;background-repeat: no-repeat; background-position: center top; background-size: 24px auto }
.markerPin.typeSchool.active{z-index:10}
.markerPin.typeSchool .txt {display:none;position:absolute;top:-40px;left:50%;transform:translate(-50%,0);width:-moz-fit-content;width: -webkit-fit-content;width: fit-content;padding:6px 8px;border-radius: 6px;background:#444;font-size: 12px; color:#fff;white-space:nowrap;}
.markerPin.typeSchool .txt:after{position:absolute;bottom:-3px;left:50%;margin-left:-4px;content:"";display:block;border-width: 0 4px 4px;border-color: transparent;border-bottom-color: #444;border-style: solid;transform:rotate(180deg)}
.markerPin.typeSchool.active .txt{display:block}
.markerPin.typeSchool:after{content:"";display:block;width:24px;height:24px;margin:0 auto;background-size:24px}
.markerPin.typeSchool.active:after{position:relative;left:50%;transform:translate(-50%,-4px);width:32px;height:32px;background-size:32px auto}
.markerPin.typeSchool.typeElem:after {background-image: url('/images/map/marker/markerpin_school_elementary_default.png');}
.markerPin.typeSchool.typeMid:after {background-image: url('/images/map/marker/markerpin_school_middle_default.png');}
.markerPin.typeSchool.typeHigh:after {background-image: url('/images/map/marker/markerpin_school_high_default.png');}
.markerPin.typeSchool.typeElem.active:after{background-image: url('/images/map/marker/markerpin_school_elementary_selected.png');}
.markerPin.typeSchool.typeMid.active:after{background-image: url('/images/map/marker/markerpin_school_middle_selected.png');}
.markerPin.typeSchool.typeHigh.active:after{background-image: url('/images/map/marker/markerpin_school_high_selected.png');}

/* 마커 [지역] */
.markerPin.typeArea {line-height:32px;white-space:nowrap;}
.markerPin.typeArea:after{content:"";display:block;width:calc(100% - 24px);height:10px;position:absolute;bottom:-5px;left:12px;background:url('/images/map/marker/bottom_shadow.png') repeat-x 0 0;border-radius:30px}
.markerPin.typeArea .sTop, .markerPin.typeArea .sBot{display:inline-block;width:auto;max-height:32px;line-height:30px;border:1px solid #e0e0e0;opacity:.9}
.markerPin.typeArea .sTop{padding:0 4px 0 8px;background:#fff;font-size:14px;font-weight:700;border-radius:16px 0 0 16px;border-right:0}
.markerPin.typeArea .sBot{position:static;padding:0 8px 0 4px;background:#bbb;color:#fff;border-radius:0 16px 16px 0;border-left:0}
.markerPin.typeArea .sBot .txt{display:inline-block;font-weight:700}
.markerPin.typeArea.active .sTop{background-color:#bbb;color:#fff}
.markerPin.typeArea.pointBG0 .sBot, .markerPin.typeArea.pointBG0.active .sTop{background-color:#bbb}
.markerPin.typeArea.pointBG1 .sBot, .markerPin.typeArea.pointBG1.active .sTop{background-color:#f4ce6d}
.markerPin.typeArea.pointBG2 .sBot, .markerPin.typeArea.pointBG2.active .sTop{background-color:#ffae81}
.markerPin.typeArea.pointBG3 .sBot, .markerPin.typeArea.pointBG3.active .sTop{background-color:#ff8181}
.markerPin.typeArea.pointBG4 .sBot, .markerPin.typeArea.pointBG4.active .sTop{background-color:#f74e4e}
.markerPin.typeArea.pointBG5 .sBot, .markerPin.typeArea.pointBG5.active .sTop{background-color:#c82323}
.markerPin.typeArea.pointBG6 .sBot, .markerPin.typeArea.pointBG6.active .sTop{background-color:#7198ff}

/* 지도버튼 */
.btn-toolmap{width:40px;height:40px;border-radius:8px;color:#444;background-color:#fff;background-repeat: no-repeat; background-position: center center;  background-size: 32px auto; box-shadow: 0 2px 4px rgb(0 0 0 / 16%);}
.btn-toolmap:not(:nth-last-child(1)){margin-bottom:12px}
.btn-toolmap.icouser{background-image:url('/images/map/filters/icon_32_profile.svg')}
.btn-toolmap.icotool{background-image:url('/images/map/filters/icon_32_tool.svg') }
.btn-toolmap.ico3d{background-image:url('/images/map/filters/icon_32_3_d.svg')}
.btn-toolmap.icocurrent{width:32px;height:32px;background-image:url('/images/map/filters/icon_32_current_location.svg')}
.btn-toolmap.icozoomin{width:32px;height:32px;margin-bottom:0;border-radius:8px 8px 0 0;background-image:url('/images/map/filters/icon_24_plus.svg');background-size:24px auto}
.btn-toolmap.icozoomout{width:32px;height:32px;border-radius:0 0 8px 8px;background-image:url('/images/map/filters/icon_24_minus.svg');background-size:24px auto}
.btn-toolmap.active.icouser{background-image:url('/images/map/filters/icon_32_profile_act.svg') }
.btn-toolmap.active.icotool{background-image:url('/images/map/filters/icon_32_tool_act.svg') }
.btn-toolmap.active.ico3d{background-image:url('/images/map/filters/icon_32_3_d_act.svg')}
.btn-toolmap.active.icocurrent{background-image:url('/images/map/filters/icon_32_current_location_act.svg')}
.btn-toolmap.round{border-radius:100%;background-color:#fff;font-size:14px;font-weight:bold}
.btn-toolmap:hover, .btn-toolmap:active{background-color:#eee}
.btn-toolmap.icozoomin:hover, .btn-toolmap.icozoomin:active, .btn-toolmap.icozoomout:hover, .btn-toolmap.icozoomout:active{background-color:#fff}
.btn-toolmap.active{background-color:#515d7d}
.btn-toolmap.round.active{color:#fff}
.btn-toolmap.icozoomin{box-shadow:none}
.toolZoom .btn-toolmap.active{background-color:#fff}
.btn-selector{width:70px;padding:0 6px;height:40px;line-height:38px;overflow:hidden;font-size:14px;color:#fff;font-weight:700;border-radius:35px;}
.btn-selector.typeArea{background-color:#4373F4}
.btn-selector.typeVilla{background-color:#3D465D;font-size:12px}
.btn-selector.typeComplex{line-height:43px;border-radius:0;background:url('/images/map/filters/legend_bg_map_apart.svg') no-repeat 0 0}
.toolmaptip{display:none;opacity:.8;width:160px;background:rgba(34, 34, 34, .86);border-radius:8px;text-align: left;font-size:14px;color:#fff; padding:12px; position:absolute;right:54px;top:-4px;cursor:pointer}
.toolmaptip:after{content:""; display:block; border-width: 0 4px 4px; border-color: transparent; border-bottom-color:rgba(34, 34, 34, .86); border-style: solid; position: absolute; right: -6px;top: 11px;transform: rotate(90deg);}
.toolmaptip:before{content:""; display:block; width:16px; height:16px;background:url('/images/icon_16_close_white.svg') no-repeat 0 0/cover; position: absolute; right:12px; top:12px;}
.toolmaptip.active{display:block}
.toolmaptip.top:after{top:-4px;transform:rotate(0deg)}
.toolmaptip.top.left:after{left:7px;right:auto}
.toolmaptip.top.right:after{right:7px}
.toolmaptip.bottom:after{top:auto;bottom:-4px;transform:rotate(185deg)}
.toolmaptip.bottom.left:after{left:7px;right:auto}
.toolmaptip.bottom.right:after{right:15px;}
.toolmaptip.buttonType .btn-close{position:absolute;top:14px;right:12px;background:url('/images/icon_16_close_white.svg') no-repeat 0 0/cover; min-width:16px; min-height:16px; height:16px !important;;}
.toolmaptip.buttonType:before{display: none;}
.toolmaptip.hoverType.active{display:none}
.toolmaptip.showHide{z-index:1;display:block;top:60px;right:0;width:auto;animation: showHide 3s  alternate forwards step-end}
.toolmaptip.showHide:before{display:none}
.toolmaptip.buttonType{padding-right:32px}
@-webkit-keyframes showHide {from { opacity: 1; }to { opacity: 0; }}
@keyframes showHide {from { opacity: 1; }to { opacity: 0; }}
@media (hover: hover) and (pointer: fine){
    .toolmaptip.hoverType.active{display:block;}
}
/* 지도 버튼 그룹 반응형 위치 */
.toolbar-group{position:fixed;right:12px;text-align:right;width:40px}
.toolbar-group.toolUser{display:none;top:16px}
.toolbar-group.toolService{left:12px;top:66px}
.toolbar-group.toolMaps{top:66px}
.toolbar-group.toolZoom{bottom:222px}
.toolbar-group.toolLoc{bottom:174px}
.toolbar-group.toolSelector{bottom:78px;right:12px;width:auto}

/* 지도 플로팅 레이어 */
@media (max-width: 424px) {
    .toolbar-group.toolSelector{right:12px;left:auto}
}
@media (min-width: 560px) {
    .toolbar-group.toolSelector{left:342px;right:auto}
    .toolbar-group.toolZoom{bottom:88px}
    .toolbar-group.toolLoc{bottom:40px}
    .toolbar-group.toolUser{display:block}
    .btn-filtermap.open{right:0}
}
@media (max-width: 717px) and (max-height: 512px){/* 가로모드 */
    .toolbar-group.toolService{width:auto;right:auto;top:66px}
    .toolbar-group.toolMaps{width:auto}
    .toolbar-group.toolZoom{bottom:88px}
    .toolbar-group.toolLoc{bottom:40px}
    .btn-toolmap:not(:nth-last-child(1)){margin-bottom:0;margin-right:8px}
    .toolZoom .btn-toolmap:not(:nth-last-child(1)){margin-right:0}
    .toolbar-group.toolUser{display:none}
}
@media (min-width: 1024px) {
    .toolbar-group{right:16px}
    .toolbar-group.toolService{left:auto;top:208px}
    .toolbar-group.toolSelector{bottom:48px;left:auto;right:16px}
    .toolbar-group.toolZoom{bottom:auto;top:456px}
    .toolbar-group.toolLoc{bottom:auto;top:532px}
    .guide3Dmap button.kakao{display:none}
}


/* 레이어 시세 셀렉터 */
.layerinfo .modaltit{display:block;font-size:18px}
.selectypeComplex .modaltit{margin:0 16px 12px}
.modaltit.link:after{content:"";display: inline-block;width: 8px;height: 8px;transform: rotate(45deg);vertical-align:middle;margin:-4px 0 0 4px;border-width: 1px 1px 0 0;border-style: solid;border-color: #444;border-radius:0}
.selectypeComplex .layerinfo {padding:30px 0}
.selectypeComplex .selectTypeList .btn-secondary{padding:0 16px;border-bottom:1px solid #f5f5f5 !important;border-radius:0 !important}
.selectypeComplex .selectTypeList .btn-secondary.active{background-color:#f5f5f5}
.selectypeComplex .selectTypeList .btn-secondary.active span{color:#4373f4}
[class*="selectype"] .vm--modal{box-shadow:none}

/* 레이어 3D 지도 바로가기 */
.selectype3d .layerselect.layerinfo{padding:32px 16px}
.guide3Dmap button{position:relative;width:100%;height:auto;background:transparent;border-bottom:1px solid #f5f5f5;padding:14px 40px 14px 104px;border-radius:0;box-shadow:none;}
.guide3Dmap button span{display:block;text-align:left}
.guide3Dmap button:before{content:"";display:block;width:72px;height:32px;position:absolute;top:50%;left:16px;margin-top:-16px;background-size:72px auto;background-repeat:no-repeat}
.guide3Dmap button.kakao:before{background-image:url('/images/map/marker/logo_3_d_kakaomap.svg')}
.guide3Dmap button.seoul:before{background-image:url('/images/map/marker/logo_3_d_smap.png')}
.guide3Dmap button.inchon:before{background-image:url('/images/map/marker/logo_3_d_ifez.png')}
.guide3Dmap button.daegu:before{background-image:url('/images/map/marker/logo_3_d_colorful_daegu.png')}
.guide3Dmap button.vworld:before{background-image:url('/images/map/marker/logo_3_d_vworld.png')}
.guide3Dmap button:after{position: absolute;top: 23px;right: 20px;content: "";display: inline-block;width: 10px;height: 10px;transform: rotate(45deg);border-width: 1px 1px 0 0;border-style: solid;border-color: #888;}
.guide3Dmap button.inchon .tit{width:140px}
.guide3Dmap .tit{font-size:16px;color:#444}
.guide3Dmap .scon{font-size:14px;color:#4373F4}
.guide3Dmap .noti{position:relative;padding:16px 0 0 16px;font-size:12px;color:#888}
.guide3Dmap .noti:before{content:"※";display:block;position:absolute;top:16px;left:0}

/* 레이어 지도도구모음 */
.selectypeTool .layerselect.layerinfo{padding:32px 16px}
.btn-regulateInfo{position:relative;width:100%;padding:0 24px 0 32px;line-height:24px;font-size:16px;text-align:left;color:#444}
.btn-regulateInfo:before{position:absolute;top:0;left:0;content:"";width:24px;height:24px;background:url('/images/map/marker/icon_24_document.svg')}
.btn-regulateInfo:after{position: absolute;top:50%;right:0;content:"";display:inline-block;width:10px;height:10px;margin-top:-5px;transform:rotate(45deg);border-width:1px 1px 0 0;border-style:solid;border-color: #888;}
.modal-btn-box{display:flex;justify-content: space-around;padding:12px 0 42px;margin-bottom:24px;border-bottom:1px solid #f5f5f5}
.modal-btn-box.type2{padding:12px 0 20px;margin-bottom:0;border-bottom:0}
.modal-btn-box .btn-map-list{width:64px;height:64px;font-size:0;background-size:64px auto;border-radius:0}
.modal-btn-box .btn-map-list span{display:block;padding-top:68px;font-size:14px;color:#888;letter-spacing:-.5px}
.modal-btn-box .naver{background-image:url('/images/map/filters/map_tool_navermap.png')}
.modal-btn-box .kakao{background-image:url('/images/map/filters/map_tool_kakaomap.png')}
.modal-btn-box .google{background-image:url('/images/map/filters/map_tool_googlemap.png')}
.modal-btn-box .btn-map-mode{width:101px;height:64px;border-radius:8px;background-size:101px auto;border:2px solid transparent;font-weight:500}
.modal-btn-box .btn-map-mode.active{border-color:#4373F4}
.modal-btn-box .btn-map-mode:nth-of-type(1){background-image:url('/images/map/filters/graphic_64_normal_map.png')}
.modal-btn-box .btn-map-mode:nth-of-type(2){background-image:url('/images/map/filters/graphic_64_satellite_map.png');color:#fff}
.modal-btn-box .btn-map-mode:nth-of-type(3){background-image:url('/images/map/filters/graphic_64_geography_map.png')}
.modal-btn-box .btn-group{display:flex;width:100%;justify-content:space-around}
.modal-btn-box .btn-map-type{display:block;width:56px;height:56px;border-radius:100% !important;border:1px solid #eee;flex:none;font-size:14px;letter-spacing:-.5px;background-size:32px auto;background-repeat:no-repeat;background-position:center center;}
.modal-btn-box .btn-map-type.active{border-color:#4373F4;background-color:#4373F4;box-shadow: 1px 1px 5px rgb(0 0 0 / 40%);}
.modal-btn-box .btn-map-type span{display:block;width:70px;padding-top:60px;margin:0 -7px;color:#888;font-size:14px}
.modal-btn-box .btn-map-type.active span{color:#444;font-weight:500}
.modal-btn-box .btn-map-type:nth-of-type(1){background-image:url('/images/map/filters/icon_32_ruler_nor.svg')}
.modal-btn-box .btn-map-type:nth-of-type(2){background-image:url('/images/map/filters/icon_32_plot_edit_nor.svg')}
.modal-btn-box .btn-map-type:nth-of-type(3){background-image:url('/images/map/filters/icon_32_roadview_nor.svg')}
.modal-btn-box .btn-map-type:nth-of-type(4){background-image:url('/images/map/filters/icon_32_share_nor.svg')}
.modal-btn-box .btn-map-type.active:nth-of-type(1){background-image:url('/images/map/filters/icon_32_ruler_act.svg')}
.modal-btn-box .btn-map-type.active:nth-of-type(2){background-image:url('/images/map/filters/icon_32_plot_edit_act.svg')}
.modal-btn-box .btn-map-type.active:nth-of-type(3){background-image:url('/images/map/filters/icon_32_roadview_act.svg')}
.modal-btn-box .btn-map-type.active:nth-of-type(4){background-image:url('/images/map/filters/icon_32_share_act.svg')}
.modal-btn-box .item{width:100px;height:100px}
.btn-layeroff{position:absolute;top:0;left:0;width:100%;height:30px;margin-left:0;background:url('/images/icon_24_bottom_down_arrow.svg') no-repeat 50% 50% / 24px auto}

/* 마커 범례 안내 */
.legendinfo{padding:16px}
.legendinfo .noti-wrap{margin-bottom:40px;text-align:left}
.legendinfo .noti-wrap strong{font-size:20px;font-weight:500}
.legendinfo .noti-wrap strong span{color:#4373f4}
.legendinfo .stext{color:#888;font-size:14px}
.dafaultTablein .table thead th{padding:12px; background:#f5f5f5; border-right:solid 1px #eeeeee; border-bottom:solid 1px #eeeeee;border-top:solid 1px #eeeeee;font-weight:500}
.dafaultTablein .table thead th:nth-last-of-type(1){border-right: none;}
.dafaultTablein .table tbody td{padding:12px; border-right:solid 1px #eeeeee; text-align: left;border-bottom:solid 1px #eeeeee;vertical-align:middle}
.dafaultTablein .table tbody td:nth-last-of-type(1){border-right: none}
.dafaultTablein .table tbody td:nth-of-type(1){font-weight:500;word-break:keep-all}
.dafaultTablein .table tbody td .text:nth-of-type(2){font-size:12px;color:#888}

@media (min-width: 560px) {
    [class*="selectype"] .layerselect{max-width:424px}
}
@media (min-width: 1024px) {
    [class*="selectype"] .layerselect{border-radius:16px;bottom:auto;left:auto;right:68px;width:360px}
    [class*="selectype"] .btn-layeroff{display:none}
    [class*="selectype"].modalLayerbot > .vm--overlay{background:transparent}
    .selectypeComplex .layerselect{right:16px;bottom:100px;width:286px}
    .selectype3d .layerselect{top:100px}
    .selectypeTool .layerselect{top:60px}
}

/* 레이어 앱유도 */
.renewModal.web{display:none}
.appUserLayer .type-nomal .text{padding:40px 0}
.appUserLayer.type2 .type-nomal .text{padding:32px 0 24px}
.appUserLayer .tittext{font-size:18px}
.appUserLayer .subtext{margin:8px 0 24px}
.appUserLayer .web{display:none}
.appUserLayer .img.web{width:280px;height:162px;margin:0 auto;background:url('/images/img_web_qr.png') no-repeat 0 0 / 100% auto}
.appUserLayer .img.mo{width:200px;height:134px;margin:0 auto;background:url('/images/img_mobile_web.png') no-repeat 0 0 / 100% auto}
.appUserLayer .btn{font-weight:500}
.appUserLayer .btn.mo{margin-left:0 !important}
.appUserLayer .btn.web:before{content:"";display:inline-block;width:24px;height:24px;margin-right:4px;vertical-align:top}
.btn-formround.playstore:before{background:url('/images/icon_24_play_store.svg') no-repeat 0 0 /100% auto}
.btn-formround.appstore:before{background:url('/images/icon_24_apple.svg') no-repeat 0 0 /100% auto}
.appUserLayer.type2 .img.mo{width:232px;height:140px;margin-top:22px}
.appUserLayer.type2 .img.web{margin-top:30px}
.appUserLayer.type2 .type-btns.web{display:none}
.appUserLayer .btn-underline{font-weight:400}
.appUserLayer.type2 img{background:none !important}
@media (min-width: 1024px) {
    .renewModal.web{display:block}
    .renewModal.mo{display:none}
    .appUserLayer .web{display:block}
    .appUserLayer .mo{display:none}
    .appUserLayer.type2 .type-btns.web{display:flex}
    .appUserLayer.type2 .type-btns.mo{display:none}
    .appUserLayer.type2 .type-nomal .text{padding:40px 0}

}

/* 거리재기 도구 */
.mapDistance{display:inline-block;position:relative}
.mapDistance:before{content: '';display: block;position: absolute;left: 0;bottom:-15px;right: 0;width:10px;height:10px;margin: 0 auto;border:2px solid #f54f1b;background: #fff;border-radius:50%}
.mapDistance .txt{display:inline-block;position:relative;height:22px;line-height:20px;padding:0 8px;border-radius:4px;color:#fff;font-size:11px;font-weight:500;border:1px solid transparent}
.mapDistance .txt:after{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);content:"";display:inline-block;width:6px;height:3px;}
.mapDistance.typeStart .txt{background-color:#444;}
.mapDistance.typeStart .txt:after{position: absolute;bottom: -4px;left: 50%;margin-left: -4px;content: "";display: block;border-width: 0 4px 4px;border-color: transparent;border-bottom-color: #444;border-style: solid;transform: rotate(180deg);}
.mapDistance.typeMiddle .txt{border-color:#eee;background:#fff;color:#444;font-weight:300}
.mapDistance.typeMiddle .txt:after{width:8px;height:4px;background:url('/images/map/marker/cluster_bg_bubble_greysolid.png') no-repeat 0 0/8px auto}
.mapDistance.typeEnd .txt{background:#a83f1e;padding-right:28px}
.mapDistance.typeEnd .txt:after{position: absolute;bottom: -4px;left: 50%;margin-left: -4px;content: "";display: block;border-width: 0 4px 4px;border-color: transparent;border-bottom-color: #a83f1e;border-style: solid;transform: rotate(180deg);}
.mapDistance.typeEnd .txt em{font-weight:300}
.mapDistance.typeEnd .txt:before{position:absolute;top:2px;right:4px;content:"";width:16px;height:16px;background:url('/images/map/marker/icon_16_close_white.png') no-repeat 50% 50% / 16px auto;z-index:1;cursor:pointer}