@charset "utf-8";
/* 지도 - 마커 */
/* 좌표 확인 */
.coordDot { position: relative; }
.coordDot:after { content: ''; position: absolute; left: 0; top: 0; border: 2px solid blue; border-radius: 100%; }

/* 좌표 기준 랩퍼 */
.coordWrapper { white-space: nowrap; }
.coordWrapper .markerGroup { position: absolute; left: -34px; top: -64px; }

.coordWrapper .markerGroup.typeVilla { left: -12px; top: -48px; }
.coordWrapper .markerGroup.typeVilla.active { left: -17px; top: -54px; }
.coordWrapper .markerGroup.typeVilla .icoMarker.typeVilla { left: auto; top: auto; }

.coordWrapper .btnMarker { position: absolute; left: 0; top: 0; width: 100%; }

/* 단지 */
.coordWrapper .icoMarker { position: absolute; }
.coordWrapper .icoMarker.typeXxs { left: -6px; top: -18px; }
.coordWrapper .icoMarker.typeMini { left: -6px; top: -18px; }
.coordWrapper .icoMarker.typeText { left: 0; top: -32px; transform: translateX(-50%); }
.coordWrapper .icoMarker.typeTooltip { left: -20px; top: -43px; }

/* 매물 */
.coordWrapper .icoMarker.typeCircle.typeS { left: -16px; top: -16px; }
.coordWrapper .icoMarker.typeCircle.typeM { left: -25px; top: -25px; }
.coordWrapper .icoMarker.typeCircle.typeL { left: -35px; top: -35px; }
.coordWrapper .icoMarker.typeCircle.typeXL { left: -50px; top: -50px; }

/* 지역 */
.coordWrapper .icoMarker.typeArea { left: 0; top: -42px; transform: translateX(-50%); }

/* 학교 */
.coordWrapper .icoMarker.typeSchool { left: 0; top: -51px; transform: translateX(-50%); }
.coordWrapper .active > .icoMarker.typeSchool { top: -61px; }

/* 공인중개사 */
.coordWrapper .icoMarker.typeCert { left: 0; top: -30px; transform: translateX(-50%); }
.coordWrapper .icoMarker.typeCert.active { top: -38px; }

/* 지하철 */
.coordWrapper .icoMarker.typeSubway { left: 0; top: 50%; transform: translate(-50%, -50%); }

/* Wrapper [버튼]  */
.btnWithIco, .btnMarker { display: inline-block; }
.btnWithIco.disabled, .btnMarker.disabled { cursor: default; pointer-events: none; }

/* Wrapper [재건축] */
.icoRecon { display: inline-block; position: relative; width: 76px; height: 78px; padding: 16px 0 0 10px; margin: -16px 0 0 -10px; background: url('/images/map/marker/bg_recon.svg') no-repeat 0 0; vertical-align: top; }
.icoRecon .icoMarker { position: absolute; left: 10px; top: 16px; }
.icoRecon .icoMarker.typeL { left: 6px; }

/* 북마크 */
.icoBookmark { display: inline-block; position: absolute; width: 24px; height: 24px; background: url('/images/map/marker/bg_bookmark.svg') no-repeat 0 0; vertical-align: middle; }
.icoBookmark.typeAlarm { background-image: url('/images/map/marker/bg_bookmark_alarm.svg'); }
.icoBookmarkS { display: inline-block; position: relative; width: 16px; height: 16px; background: url('/images/map/marker/bg_bookmark_s.svg') no-repeat 0 0; vertical-align: middle; }
.icoBookmarkS.typeAlarm { background-image: url('/images/map/marker/bg_bookmark_s_alarm.svg'); }

/* 마커 그룹 */
.markerGroup { display: inline-block; position: relative; z-index: 3; }
.markerGroup .btnCloseMarkerOptions { display: none; overflow: hidden; position: absolute; right: -1px; bottom: 8px; width: 20px; height: 20px; border: 0; background: url('/images/map/marker/bg_marker_close.svg') no-repeat center center / cover; color: transparent; font-size: 0; }
.markerGroup .markerOptions { display: none; background-repeat: no-repeat; background-position: center center; background-size: 100%; }
.markerGroup .markerOptions .options { position: relative; }
.markerGroup .markerOptions .options > div { display: inline-block; position: absolute; }

.markerGroup.active { z-index: 10; }
.markerGroup.active .btnCloseMarkerOptions { display: block; z-index: 3; }
.markerGroup.active .markerOptions { display: block; z-index: 1; }

/* 마커 그룹 [아파트] */
.markerGroup.typeApt .markerOptions { position: absolute; left: calc(-82px - -35px); top: calc(-52.5px); width: 164px; height: 133px; background-image: url('/images/map/marker/bg_select_apt.png'); }
.markerGroup.typeApt .markerOptions .options > div:nth-of-type(1) { left: 8px; top: 66px; }
.markerGroup.typeApt .markerOptions .options > div:nth-of-type(2) { left: 26px; top: 22px; }
.markerGroup.typeApt .markerOptions .options > div:nth-of-type(3) { left: 67px; top: 5px; }
.markerGroup.typeApt .markerOptions .options > div:nth-of-type(4) { right: 26px; top: 22px; }
.markerGroup.typeApt .markerOptions .options > div:nth-of-type(5) { right: 8px; top: 66px; }

/* 마커 그룹 [오피스텔] */
.markerGroup.typeOft .markerOptions { position: absolute; left: -47px; top: -52.5px; width: 164px; height: 133px; background-image: url('/images/map/marker/bg_select_oft.png'); }
.markerGroup.typeOft .markerOptions .options > div:nth-of-type(1) { left: 8px; top: 66px; }
.markerGroup.typeOft .markerOptions .options > div:nth-of-type(2) { left: 26px; top: 22px; }
.markerGroup.typeOft .markerOptions .options > div:nth-of-type(3) { left: 67px; top: 5px; }
.markerGroup.typeOft .markerOptions .options > div:nth-of-type(4) { right: 26px; top: 22px; }
.markerGroup.typeOft .markerOptions .options > div:nth-of-type(5) { right: 8px; top: 66px; }

/* 마커 그룹 [분양] */
.markerGroup.typePar .markerOptions { position: absolute; left: -47px; top: -52.5px; width: 164px; height: 133px; background-image: url('/images/map/marker/bg_select_par.png'); }
.markerGroup.typePar .markerOptions .options > div:nth-of-type(1) { left: auto; right: 26px; top: 22px; }
.markerGroup.typePar .markerOptions .options > div:nth-of-type(2) { left: auto; right: 8px; top: 66px; }

/* 마커 그룹 [빌라] */
.markerGroup.typeVilla .markerOptions { position: absolute; left: -47px; top: -55.5px; width: 95px; height: 164px; background-image: url('/images/map/marker/bg_select_villa.png'); }
.markerGroup.typeVilla .markerOptions .options > div:nth-of-type(1) { left: 46px; top: 120px; }
.markerGroup.typeVilla .markerOptions .options > div:nth-of-type(2) { left: 11px; top: 84px; }
.markerGroup.typeVilla .markerOptions .options > div:nth-of-type(3) { left: 11px; top: 42px; }
.markerGroup.typeVilla .markerOptions .options > div:nth-of-type(4) { left: 46px; top: 10px; }

/* 마커 그룹 내부 아이콘 */
.icoSale { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/bg_sale_on.svg') no-repeat 0 0; vertical-align: middle; }
.icoSale.disabled, .btnWithIco.disabled .icoSale { background: url('/images/map/marker/bg_sale_off.svg'); }
.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; }
.icoHoneySale.disabled, .btnWithIco.disabled .icoHoneySale { background: url('/images/map/marker/bg_h_sale_off.svg'); }
.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; }
.icoHoneyMC.disabled, .btnWithIco.disabled .icoHoneyMC { background: url('/images/map/marker/bg_h_mc_off.svg'); }
.icoHoneyComp { display: inline-block; position: relative; width: 30px; height: 35px; background: url('/images/map/marker/bg_h_comp_on.svg') no-repeat 0 0; vertical-align: middle; }
.icoHoneyComp.disabled, .btnWithIco.disabled .icoHoneyComp { background: url('/images/map/marker/bg_h_comp_off.svg'); }
.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; }
.icoComp.disabled, .btnWithIco.disabled .icoComp { background: url('/images/map/marker/bg_comp_off.svg'); }
.icoSale .txt, .icoHoneySale .txt, .icoHoneyMC .txt, .icoHoneyComp .txt, .icoComp .txt { display: none !important; }

/* 마커 */
.active .icoMarker { z-index: 2; }

.icoMarker { display: inline-block; position: relative; vertical-align: top; color: #222; }
.icoMarker.typeS .sMid { height: 44px; }
.icoMarker.typeM .sMid { height: 25px; }
.icoMarker.typeL .sMid { height: 25px; }
.icoMarker.typeXs .sTop { display: none; }
.icoMarker.typeXs .sMid { height: 34px; }

.icoMarker.typeMini { overflow: hidden; width: 15px; height: 15px; border: 2px solid transparent; border-radius: 50%; background: url('/images/map/marker/bg_marker_mini.svg') no-repeat center center / 9px; opacity: .8; }

.icoMarker.typeMini.active,
.active > .icoMarker.typeMini { border-color: #ec5e3d; }

.icoMarker .icoBookmark { right: -1px; top: -14px; z-index: 2; }
.icoMarker .icoBookmark.typeAlarm { right: -1px; top: -16px; }
.icoMarker .sTop { display: block; min-height: 5px; margin: 0 8px; border:1px solid transparent; border-radius: 7px 7px 0 0; color: #222; font-size:10px; line-height: 14px; }
.icoMarker .sMid { display: block; margin: 0 8px; color: #fff; font-size: 10px; line-height: 1.2; }
.icoMarker .sBot { display: block; position: absolute; left:0; top:0; width: 100%; height: 100%; }
.icoMarker .sLeft { display: inline-block; }
.icoMarker .sCenter { display: inline-block; }
.icoMarker .sRight { display: inline-block; font-size: 12px; line-height: 1.2; color: #fff; }
.icoMarker span.txt { display: block; color: inherit; font-size: inherit; line-height: inherit; }
.icoMarker strong.txt { display: block; color: inherit; font-size: 14px; line-height: 1.4; }
.icoMarker .txt.pointColor1 { color: #ffe928; }
.icoMarker .txt.pointColor2 { color: #fff; }
.icoMarker .txt.typeBlur { opacity: 0.68; }

/* 마커 [아파트, 오피스텔, 분양] [S, M, L]*/
.icoMarker.typeApt.typeS,
.icoMarker.typeApt.typeM,
.icoMarker.typeApt.typeL,
.icoMarker.typeOft.typeS,
.icoMarker.typeOft.typeM,
.icoMarker.typeOft.typeL,
.icoMarker.typePar.typeS,
.icoMarker.typePar.typeM,
.icoMarker.typePar.typeL { width: 70px; }

/* 마커 [아파트] */
.icoMarker.typeApt.typeS { padding: 0 3px;  }
.icoMarker.typeApt.typeS .sMid { background: url('/images/map/marker/bg_marker_apt_1.svg') no-repeat center bottom / 64px; }
.icoMarker.typeApt.typeM { padding: 0 3px;  }
.icoMarker.typeApt.typeM .sMid { background: url('/images/map/marker/bg_marker_apt_2.svg') no-repeat center bottom / 64px; }
/* .icoMarker.typeApt.typeL { } */
.icoMarker.typeApt.typeL .sMid { background: url('/images/map/marker/bg_marker_apt_3.svg') no-repeat center bottom / 70px; }
.icoMarker.typeApt.typeXs { width: 30px; margin: 4px 18px; background: url('/images/map/marker/bg_marker_apt_4.svg') no-repeat center bottom / 100%; }
.icoMarker.typeApt.typeXxs { width: 30px; height: 30px; background: url('/images/map/marker/bg_marker_apt_5.svg') no-repeat center center / 100%; }
.icoMarker.typeApt.typeXxs.active,
.active > .icoMarker.typeApt.typeXxs { background-image: url('/images/map/marker/bg_marker_apt_5_on.svg'); }
.icoMarker.typeApt.typeMini { background-color: #17356e; left: 34px; top: 64px; }
.icoMarker.typeApt .sTop { position: relative; border-color: #2c4c89; }
.icoMarker.typeApt .sTop:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(236, 242, 254, .8); width: 100%; height: 100%; border-radius: 6px 6px 0 0; z-index: 1; }
.icoMarker.typeApt .sTop .txt { position: relative; z-index: 2; }

/* 마커 [오피스텔] */
.icoMarker.typeOft.typeS { padding: 0 3px;  }
.icoMarker.typeOft.typeS .sMid { background: url('/images/map/marker/bg_marker_oft_1.svg') no-repeat center bottom / 64px;}
.icoMarker.typeOft.typeM { padding: 0 3px;  }
.icoMarker.typeOft.typeM .sMid { background: url('/images/map/marker/bg_marker_oft_2.svg') no-repeat center bottom / 64px; }
/* .icoMarker.typeOft.typeL { } */
.icoMarker.typeOft.typeL .sMid { background: url('/images/map/marker/bg_marker_oft_3.svg') no-repeat center bottom / 70px; }
.icoMarker.typeOft.typeXs { width: 30px; margin: 4px 18px; background: url('/images/map/marker/bg_marker_oft_4.svg') no-repeat center bottom / 100%; }
.icoMarker.typeOft.typeXxs { width: 30px; height: 30px; background: url('/images/map/marker/bg_marker_oft_5.svg') no-repeat center center / 100%; }
.icoMarker.typeOft.typeXxs.active,
.active > .icoMarker.typeOft.typeXxs { background-image: url('/images/map/marker/bg_marker_oft_5_on.svg'); }
.icoMarker.typeOft.typeMini { background-color: #851d70; }
.icoMarker.typeOft .sTop { position: relative; border-color: #8b147d; }
.icoMarker.typeOft .sTop:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(255, 247, 251, .8); width: 100%; height: 100%; border-radius: 6px 6px 0 0; z-index: 1; }
.icoMarker.typeOft .sTop .txt { position: relative; z-index: 2; }

/* 마커 [분양] */
.icoMarker.typePar.typeS { padding: 0 3px;  }
.icoMarker.typePar.typeS .sMid { background: url('/images/map/marker/bg_marker_par_1.svg') no-repeat center bottom / 64px; }
/* M 타입 없음 */
/* .icoMarker.typePar.typeM { padding: 0 3px;  } */
/* .icoMarker.typePar.typeM .sMid { background: url('/images/map/marker/bg_marker_par_2.svg') no-repeat center bottom / 64px; }  */
/* L 타입 없음 */
/* .icoMarker.typePar.typeL { } */
/* .icoMarker.typePar.typeL .sMid { background: url('/images/map/marker/bg_marker_par_3.svg') no-repeat center bottom / 70px; } */
.icoMarker.typePar.typeXs { width: 34px; margin: 4px 18px; background: url('/images/map/marker/bg_marker_par_4.svg') no-repeat center bottom / 100%; }
.icoMarker.typePar.typeXxs { width: 30px; height: 30px; background: url('/images/map/marker/bg_marker_par_5.svg') no-repeat center center / 100%; }
.icoMarker.typePar.typeXxs.active,
.active > .icoMarker.typePar.typeXxs { background-image: url('/images/map/marker/bg_marker_par_5_on.svg'); }
.icoMarker.typePar.typeMini { background-color: #3e4454; }
.icoMarker.typePar .sTop { position: relative; border-color: #e85742; }
.icoMarker.typePar .sTop:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: rgba(254, 242, 240, .8); width: 100%; height: 100%; border-radius: 6px 6px 0 0; z-index: 1; }
.icoMarker.typePar .sTop .txt { position: relative; z-index: 2; }

.icoMarker .sTop[class*="pointBG"] { color: #fff; }
.icoMarker .sTop.pointBG1:before { background: rgba(44, 76, 137, .8) !important; }
.icoMarker .sTop.pointBG2:before { background: rgba(139, 20, 125, .8) !important; }
.icoMarker .sTop.pointBG3:before { background: rgba(74, 79, 91, .8) !important; }

/* 마커 [빌라] */
.icoMarker.typeVilla .sLeft { width: 26px; height: 53px; background: url('/images/map/marker/bg_marker_villa_sl_off.svg') no-repeat 1px 14px; vertical-align: top; }
.icoMarker.typeVilla .sRight { height: 53px; padding: 19px 12px 0 4px; background: url('/images/map/marker/bg_marker_villa_sr_off.svg') no-repeat right 14px; vertical-align: top; }

.icoMarker.typeVilla.active .sLeft,
.active > .icoMarker.typeVilla .sLeft { width: 36px; background: url('/images/map/marker/bg_marker_villa_sl_on.svg') no-repeat left 0; }

.icoMarker.typeVilla.active .sRight,
.active .icoMarker.typeVilla .sRight { padding: 14px 19px 0 3px; font-size: 16px; background: url('/images/map/marker/bg_marker_villa_sr_on.svg') no-repeat right 0; }

.icoMarker.typeVilla .icoBookmark { right: -3px; top: 4px; }
.icoMarker.typeVilla .icoBookmark.typeAlarm { right: -3px; top: 2px; }
.icoMarker.typeVilla.active .icoBookmark, .active> .icoMarker.typeVilla .icoBookmark { right: 3px; top: -1px; }
.icoMarker.typeVilla.active .icoBookmark.typeAlarm, .active > .icoMarker.typeVilla .icoBookmark.typeAlarm { right: 4px; top: -3px; }
.icoMarker.typeVilla.typeNodata { width: 48px; height: 51px; background: url('/images/map/marker/bg_marker_villa_off.svg') no-repeat center 14px; }
.icoMarker.typeVilla.typeNodata .icoBookmark { right: 3px; top: 1px; }
.icoMarker.typeVilla.typeNodata .icoBookmark.typeAlarm {right: 4px; top: -1px; }

.icoMarker.typeVilla.typeNodata.active,
.active > .icoMarker.typeVilla.typeNodata { background: url('/images/map/marker/bg_marker_villa_on.svg') no-repeat center -1px; }

.icoMarker.typeVilla.typeNodata.active .icoBookmark,
.active > .icoMarker.typeVilla.typeNodata .icoBookmark { right: -1px; top: -3px; }

.icoMarker.typeVilla.typeNodata.active .icoBookmark.typeAlarm,
.active > .icoMarker.typeVilla.typeNodata .icoBookmark.typeAlarm { right: -1px; top: -5px; }

.icoMarker.typeVilla .btnSelector { margin: 0; }
.icoMarker.typeVilla .btnSelector .sTop { margin: 0; }
.icoMarker.typeVilla .btnLabel { color: #fff; }

.icoMarker.typeVilla.typeXxs { width: 30px; height: 30px; background: url('/images/map/marker/bg_marker_villa_5.svg') no-repeat center center / 100%; }
.icoMarker.typeVilla.typeXxs.active,
.active > .typeVilla.typeOft.typeXxs { background-image: url('/images/map/marker/bg_marker_villa_5_on.svg'); }

.icoMarker.typeText { overflow: hidden; padding: 2px 6px 3px; border: 2px solid #17356e; border-radius: 7px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background: rgba(255, 255, 255, .6); color:inherit; font-size: 12px; line-height: 1.5; }

/* 마커 [지역] */
.icoMarker.typeArea { overflow: hidden; min-width: 44px; border-width: 1px; border-style: solid; border-radius: 7px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
.icoMarker.typeArea.typeGT { min-width: 52px; }
.icoMarker.typeArea.typeGT .sTop { font-size: 12px; font-weight: 500; }
.icoMarker.typeArea.typeGT .sBot { padding: 0 2px 2px; }

.icoMarker.typeArea.active ,
.active > .icoMarker.typeArea { box-shadow: 0 2px 4px rgba(0, 0, 0, .6); }

.icoMarker.typeArea .sTop { width: 100%; margin:0; border-radius: 0; color: #fff; }
.icoMarker.typeArea .sBot { position: relative; left: auto; top: auto; background: #fff; color: #222; font-size: 10px; }
.icoMarker.typeArea .sBot strong.txt { font-weight: normal; vertical-align: bottom; }
.icoMarker.typeArea .sBot strong.txt,
.icoMarker.typeArea .sBot span.txt { display: inline-block; }
.icoMarker.typeArea.noData .sBot strong { font-size: 18px; font-weight: bold; line-height: 1; }

.icoMarker.typeArea.pointBG0 { border-color: rgb(156, 156, 156, .8); }
.icoMarker.typeArea.pointBG0 .sTop { background:rgba(171, 171, 171, .8); color: #fff; }
.icoMarker.typeArea.pointBG0 .sBot { background: rgba(224, 224, 224); color: #fff; }
.icoMarker.typeArea.pointBG1 { border-color:rgba(225, 58, 33, .8); }
.icoMarker.typeArea.pointBG1 .sTop { background: rgba(204, 44, 21, .8); color: #fff; }
.icoMarker.typeArea.pointBG2 { border-color:rgba(99, 99, 99, .8); }
.icoMarker.typeArea.pointBG2 .sTop { background:rgba(125, 125, 125, .8); color: #fff; }
.icoMarker.typeArea.pointBG3 { border-color:rgba(28, 90, 230, .8); }
.icoMarker.typeArea.pointBG3 .sTop { background:rgba(57, 108, 223); color: #fff; }
.icoMarker.typeArea.pointBG4 { border-color: rgba(255, 249, 195, .8); }
.icoMarker.typeArea.pointBG4 .sTop { background: rgba(255, 251, 213, .8); color: #222; }
.icoMarker.typeArea.pointBG5 { border-color: rgba(255, 215, 117, .8); }
.icoMarker.typeArea.pointBG5 .sTop { background:rgba(255, 241, 158, .8); color: #222; }
.icoMarker.typeArea.pointBG6 { border-color: rgba(255, 215, 117, .8); }
.icoMarker.typeArea.pointBG6 .sTop { background: rgba(255, 241, 158, .8); color: #222; }
.icoMarker.typeArea.pointBG7 { border-color: rgba(255, 200, 49, .8); }
.icoMarker.typeArea.pointBG7 .sTop { background: rgba(255, 227, 152, .8); color: #222; }
.icoMarker.typeArea.pointBG8 { border-color: rgba(245, 176, 0, .8); }
.icoMarker.typeArea.pointBG8 .sTop { background: rgba(255, 206, 81, .8); color: #222; }
.icoMarker.typeArea.pointBG9 { border-color: rgba(233, 137, 0, .8); }
.icoMarker.typeArea.pointBG9 .sTop { background: rgba(255, 173, 57, .8); color: #222; }
.icoMarker.typeArea.pointBG10 { border-color: rgba(217, 108, 0, .8); }
.icoMarker.typeArea.pointBG10 .sTop { background: rgba(240, 145, 51, .8); color: #222; }
.icoMarker.typeArea.pointBG11 { border-color: rgba(211, 85, 9, .8); }
.icoMarker.typeArea.pointBG11 .sTop { background: rgba(237, 125, 57, .8); color: #222; }
.icoMarker.typeArea.pointBG12 { border-color: rgba(211, 85, 9, .8); }
.icoMarker.typeArea.pointBG12 .sTop { background: #ed7d39; color: #222; }
.icoMarker.typeArea.pointBG13 { border-color: rgba(162, 23, 9, .8); }
.icoMarker.typeArea.pointBG13 .sTop { background: rgba(199, 74, 62, .8); color: #222; }

/* 마커 [툴팁] */
.icoMarker.typeTooltip { position: relative; z-index: 2; min-width: 102px; height: 43px; }
.icoMarker.typeTooltip .icoBookmark { right: 2px; top: -10px; }
.icoMarker.typeTooltip .icoBookmark.typeAlarm { right: 2px; top: -12px; }
.icoMarker.typeTooltip .sCenter { width: 100%; padding: 3px 12px 0 8px; color: #fff; /* 단일 텍스트 사용시 추가 display: flex; flex-direction: column; justify-content: center; align-items: center; */ }
.icoMarker.typeTooltip .sCenter:before,
.icoMarker.typeTooltip .sCenter:after { content:''; display: block; position: absolute; top: 0; height:43px; background-repeat: no-repeat; }
.icoMarker.typeTooltip .sCenter:before { left: 0; width: 28px; background-image: url('/images/map/marker/bg_marker_tooltip_sl.svg'); background-position: 1px 0; }
.icoMarker.typeTooltip .sCenter:after { left: 28px; width: calc(100% - 28px); background-image: url('/images/map/marker/bg_marker_tooltip_sr.svg'); background-position: right 0; }
.icoMarker.typeTooltip .sCenter .txt { position: relative; z-index: 1; }
.icoMarker.typeTooltip .sCenter strong.txt { font-size: 12px; line-height: 1.2; }
.icoMarker.typeTooltip .sCenter span.txt { overflow: hidden; max-width: 106px; font-size: 10px; line-height: 1.4; white-space: nowrap; text-overflow: ellipsis; }

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

/* 마커 [학교] */
.icoMarker.typeSchool { min-width: 40px; min-height: 40px; background-repeat: no-repeat; background-position: center top; background-size: 28px 28px; }
.icoMarker.typeSchool .txt { display: none; height: 21px; padding: 0 4px; border: 1px solid #62594b; border-radius: 7px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background: #fff; font-size: 12px; line-height: 21px; }
.icoMarker.typeSchool .txt.show { display: block; margin: 28px 0 0; }

.icoMarker.typeSchool.active,
.active > .icoMarker.typeSchool { z-index: 10; min-width: 28px; width: auto; min-height:28px; height: auto; padding: 40px 0 0; background-position: center top; background-size: 40px 40px; }

.icoMarker.typeSchool.active .txt,
.active > .icoMarker.typeSchool .txt { display: block; }

.icoMarker.typeSchool.typeElem { background-image: url('/images/map/marker/bg_marker_school_elem.svg');}
.icoMarker.typeSchool.typeElem.active,
.active > .icoMarker.typeSchool.typeElem { background-image: url('/images/map/marker/bg_marker_school_elem_on.svg');}

.icoMarker.typeSchool.typeMid { background-image: url('/images/map/marker/bg_marker_school_mid.svg');}
.icoMarker.typeSchool.typeMid.active,
.active > .icoMarker.typeSchool.typeMid { background-image: url('/images/map/marker/bg_marker_school_mid_on.svg');}

.icoMarker.typeSchool.typeHigh { background-image: url('/images/map/marker/bg_marker_school_high.svg');}
.icoMarker.typeSchool.typeHigh.active,
.active > .icoMarker.typeSchool.typeHigh { background-image: url('/images/map/marker/bg_marker_school_high_on.svg');}

/* 마커 [평형 / 한&영] */
.icoMarker.typeFoot { overflow: hidden; width: 32px; height: 32px; background-repeat: no-repeat; background-position:center center; background-size: 100%; }
.icoMarker.typeFoot.typeE { background-image: url('/images/map/marker/bg_marker_foot_e.svg'); }
.icoMarker.typeFoot.typeK { background-image: url('/images/map/marker/bg_marker_foot_k.svg'); }

/* 마커 [ 공인중개사 ] */
.icoMarker.typeCert { overflow: hidden; width: 30px; height: 30px; background-image: url('/images/map/marker/bg_cert_off.svg'); background-repeat: no-repeat; background-position:center center; background-size: 100%; color: #fff; font-size: 12px; line-height: 30px; }
.icoMarker.typeCert.withKB { color: #ffcc00; }
.icoMarker.typeCert.active,
.active > .icoMarker.typeCert { width: 38px; height: 38px; background-image: url('/images/map/marker/bg_cert_on.svg'); font-size: 14px; line-height: 28px; }

/* 마커 [ 지하철 ] */
.icoMarker.typeSubway .sCenter { position: relative; z-index: 1; min-width: 28px; padding: 28px 0 0; background: url('/images/map/marker/bg_marker_subway.svg') no-repeat center top / 27px 28px; }
.icoMarker.typeSubway .sCenter .inner { display: inline-block; padding: 0 4px; border: 1px solid #62594b; border-radius: 7px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); background: #fff; }
.icoMarker.typeSubway .txt { display: inline-block; font-size: 12px; line-height: 21px; }
.icoMarker.typeSubway .naverMaps { display: none; width: 21px; height: 21px; border: 1px solid #fff; border-radius: 50%; background: url('/images/map/marker/bg_marker_navermaps.png') no-repeat center center / 100%; color: transparent; font-size: 0; vertical-align: top; }
.icoMarker.typeSubway.active .naverMaps,
.active > .icoMarker.typeSubway .naverMaps { display: inline-block; }

/* 마커 [ 지도 / 도구 ] */
.icoMarker.typeLoc { overflow: hidden; width: 40px; height: 39px; background-image: url('/images/map/marker/bg_loc.svg'); background-repeat: no-repeat; background-position:center center; background-size: 100%; }
.icoMarker.typeZoom { overflow: hidden; width: 24px; height: 24px;  background-repeat: no-repeat; background-position:center center; background-size: 100%; }
.icoMarker.typeZoom.withUp { background-image: url('/images/map/marker/bg_zoom_up.svg'); }
.icoMarker.typeZoom.withDown { background-image: url('/images/map/marker/bg_zoom_down.svg'); }
.icoDistance { display: inline-block; position: relative; font-size: 0; line-height: 0; top: -30px; transform: translateX(-50%); }
.icoDistance .txt { display: inline-block; padding: 0 4px; border: 1px solid #cd1d1d; background: #fff; font-size: 10px; line-height: 16px; white-space: nowrap; }
.icoDistance:before { content: ''; display: block; position: absolute; left: 0; bottom: -10px; right: 0; width: 8px; height: 8px; margin: 0 auto; border: 1px solid #cd1d1d; background: #fff; }
.icoDistance.typeStart:after { content: ''; display: block; position: absolute; left: 0; bottom: -8px; right: 0; width: 4px; height: 4px; margin: 0 auto; border: 1px solid #cd1d1d; background: #cd1d1d; }
.icoDistance.typeStart .txt { min-width: 38px; background: #cd1d1d; color: #fff; }
.icoDistance.typeMiddle .txt { background: #fff; color: #161616; }
.icoDistance.typeEnd .txt ,
.icoDistance.typeStartEnd .txt { padding: 0 22px 0 4px; background: #fff; color: #161616; }
.icoDistance.typeEnd:after,
.icoDistance.typeStartEnd:after { content: 'X'; display: inline-block; position: absolute; right: 0; top: 0; width: 18px; height: 18px; background: #cd1d1d; color: #fff; font-size:12px; text-align: center; line-height: 16px; }

/* 커스텀 셀렉터 */
.btnSelector { display: inline-block; position: relative; border-radius: 7px 7px 0 0; vertical-align: top; }
.btnSelector .btnLabel { position: relative; padding: 0 17px 0 0; border: 0; color: #222; font-size: 12px; line-height: 20px; letter-spacing: -.25px; outline: 0; }
.btnSelector .btnLabel:focus { outline: 0; }
.btnSelector .btnLabel:after { content: ''; display: block; position: absolute; right: 0; top: 1px; width: 19px; height: 19px; background:transparent url('/images/map/marker/bg_selector_label_arrow.svg') no-repeat right center / 100% 100%; transition: transform .3s ease; }
.btnSelector .btnLabel.active:after { transform: rotate(-180deg); }
.btnSelector .btnOption { position: relative; border: 0; color: #fff; font-size: 12px; line-height: 13px; text-align: center; word-break: keep-all; vertical-align:top; }
.btnSelector .btnOption:focus { outline: 0; }
.btnSelector .btnOption.active { font-weight: 700; }
.btnSelector .sTop { position: relative; }
.btnSelector .sMid { display: none; }
.btnSelector .sBot { position: relative; }
.btnSelector .sBot .txt { display: block; }
.btnSelector .sLeft { display: inline-block; }
.btnSelector .sCenter { display: none; }
.btnSelector .sRight { display: inline-block; }

.btnSelector .icoMarker.typeFoot { display: none; }

.btnSelector.active .sMid { display: block; }
.btnSelector.active .sCenter { display: block; }
.btnSelector.active .icoMarker.typeFoot { display: block; position: absolute; left: -36px; top: 0; }

/* [빌라] */
.btnSelector.typeSimple { position: relative; }
.btnSelector.typeSimple .btnLabel { overflow: hidden; position: relative; top: -1px; max-width: 62px; color: #fff; }
.btnSelector.typeSimple .btnLabel:after { background-image: url('/images/map/marker/bg_selector_label_arrow_white.png'); transform: rotate(-180deg); }
.btnSelector.typeSimple .btnLabel.active:after { transform: rotate(0); }
.btnSelector.typeSimple .btnLabel .txt { display: block; overflow: hidden; max-width: 44px; white-space: nowrap; }
.btnSelector.typeSimple .btnOption { position: relative; z-index: 1; width: 100%; background: #3e4454; line-height: 26px; }
.btnSelector.typeSimple .btnOption:after { content: ''; display: block; position: absolute; left: 0; top: -1px; right:0; border-top: 1px solid rgba(255, 255, 255, .28); }
.btnSelector.typeSimple .btnOption.active { background: #0b214b; color: #fff; }
.btnSelector.typeSimple .btnOption.active:after { border-top: 1px solid #0b214b;  }
.btnSelector.typeSimple .sLeft { position: relative; width: 22px; height: 22px; background: url('/images/map/marker/bg_selector_sl.png') no-repeat left center / 22px 22px; vertical-align: top; }
.btnSelector.typeSimple .sCenter { overflow:hidden; position: absolute; left: 0; right: 0; z-index: 1; width: 89px; border-radius: 7px; transform: translateY(-100%); }
.btnSelector.typeSimple .sRight { display: inline-block; padding: 0 3px; background: #3e4554; border-radius: 0 7px 7px 0; vertical-align: top; }

/* [단지] */
.btnSelector.typeComp { width: 66px; border: 1px solid rgba(23, 53, 110, .9); background: rgba(84, 80, 69, .95); }
.btnSelector.typeComp .btnLabel { position: relative; top: -1px; font-weight: bold; }
.btnSelector.typeComp .btnOption { left: -1px; width: calc(100% + 2px); height: 32px; background: rgba(84, 80, 69, .95); }
.btnSelector.typeComp .btnOption:nth-of-type(2) { color: #ffcc00; } /* 범례안내 */
.btnSelector.typeComp .btnOption.active { background: #ffe928; color: #222; }
.btnSelector.typeComp .sTop { border-radius: 7px 7px 0 0; background: #ecf2fe; }
.btnSelector.typeComp .sMid .scrollbar-outer { height: calc(100vh - 120px); max-height: calc(440px - 24px); }
.btnSelector.typeComp .sBot { position: absolute; left: -1px; bottom: -32px; width: calc(100% + 2px); min-height: 33px; padding: 4px 0 0; background: url('/images/map/marker/bg_selector_sb.svg') no-repeat center center / 100%; }
.btnSelector.typeComp .sBot strong.txt { color: #ffe928; font-weight: normal; font-size: 12px; line-height: 1; }
.btnSelector.typeComp .sBot span.txt { color: #fff; font-size: 10px; line-height: 1; }
.btnSelector.typeComp.typeHeadless.active { border-color: transparent; }
.btnSelector.typeComp.typeHeadless.active .sTop { display: none; }
.btnSelector.typeComp.typeHeadless.active .sMid { overflow: hidden; position: relative; left: -1px; top: -1px; width: calc(100% + 2px); border-radius: 7px 7px 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.btnSelector.typeComp.typeHeadless.active .sMid .btnOption { left: auto; width: 100%; }

/* [지역 / 시세] */
.btnSelector.typeArea { width: 66px; background: rgba(84, 80, 69, .95); border-radius: 7px; }
.btnSelector.typeArea .btnLabel { position: relative; top: -1px; }
.btnSelector.typeArea .btnOption { width: 100%; height: 32px; }
.btnSelector.typeArea .btnOption:nth-of-type(1) { color: #ffcc00; }  /* 범례안내 */
.btnSelector.typeArea .btnOption.active { background: #ffe928; color: #222; }
.btnSelector.typeArea .sTop { color: #fff; font-size: 10px; line-height: 17px; border-bottom: 1px solid #363636; }
.btnSelector.typeArea .sMid { overflow: hidden; }
.btnSelector.typeArea .sMid .scrollbar-outer { height: calc(100vh - 120px); max-height: calc(280px - 24px); } /* 셀렉터 갯수 8 */
.btnSelector.typeArea .sBot { overflow: hidden; background: #fff; border: 1px solid #403f38; border-top: 0; border-radius: 0 0 7px 7px; }
.btnSelector.typeArea.typeHeadless.active { border: 0; }
.btnSelector.typeArea.typeHeadless.active .sMid { border-radius: 0 0 7px 7px; }
.btnSelector.typeArea.typeHeadless.active .sBot { display: none; }

/* 하단 영역 */
.bottomSheets { overflow: hidden; position: relative;  border-radius: 8px; background: #fff; text-align: left; }
.bottomSheets:before { content:''; position:absolute; left:50%; top:4px; width:52px; height:2px; margin-lefT:-26px; border-radius:4.5px; background-color:#ddd; }
.bottomSheets.active { padding: 8px 0; }
.bottomSheets .summaryPop.scalearea_box { border-radius:0; margin:-8px 0; } /* 지역시세요약 */

/* 단지톡 */
.compTalkSum { overflow: hidden; position: relative; width: 100%; max-width: 100%; background: #fff; }
.compTalkSum:before { content: ''; position: absolute; z-index: 3; top: 0; left: 0; width: 16px; height: 100%; background: linear-gradient(to left, transparent, #fff); }
.compTalkSum:after { content: ''; position: absolute; z-index: 3; top: 0; right: 0; width: 16px; height: 100%; background: linear-gradient(to right, transparent, #fff); }

.compTalkSum .sTop { position: relative; padding: 0 16px; text-align: left; }
.compTalkSum .sTop .sTitle .title { display: inline-block; overflow: hidden; width: 41px; height: 13px; margin: 0 4px 0 0; background: url('/images/map/bottom-sheets/ico_danji_title.svg') no-repeat 0 0 / 100%; color: transparent; font-size: 0; vertical-align: middle; }
.compTalkSum .sTop .sTitle .count { display: inline-block; color: #161616; font-size: 10px; line-height: 14px; vertical-align: middle; }
.compTalkSum .sTop .btn-folding { position: absolute; top: 0; right: 16px; color: #161616; font-size: 10px; line-height: 14px; }
.compTalkSum .sBot { position: relative; }
.compTalkSum .sBot .rooms { display: flex; flex-wrap: nowrap; position: relative; margin: 8px 0 0; padding: 0 16px; }
.compTalkSum .sBot .rooms:after { content:''; display: block; border-right: 1px solid transparent; }
.compTalkSum .sBot .rooms .room { position: relative; flex: 0 0 auto; width: 56px; margin: 0 15px 0 0; }
.compTalkSum .sBot .rooms .room .thumb { display: block; overflow: hidden; position: relative; width: 56px; height: 56px; margin: 0 auto; border: 1px solid #d8d8d8; border-radius: 50%; background: #d8d8d8; }
.compTalkSum .sBot .rooms .room .thumb img { position: relative; z-index: 2; width: 100%; }
.compTalkSum .sBot .rooms .room .title { display: block; overflow: hidden; margin-top: 4px; font-size: 10px; line-height: 14px; color: #161616; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; }
.compTalkSum .sBot .rooms .room .badge { position: absolute; z-index: 3; top: 0; right: 0; width: 21px; height: 21px; padding: 0; color: #fff; font-weight: normal; font-size: 12px; line-height: 21px; text-align: center; border-radius: 50%; background: #4a4a4a; }
.compTalkSum .sBot .rooms .room.typeAdd .thumb { overflow: hidden; width: 56px; height: 56px; border-radius: 50%; background: #d8d8d8; color: transparent; font-size: 0; }
.compTalkSum .sBot .rooms .room.typeAdd .thumb:before { content: '+'; position: absolute; z-index: 1; left: 0; top: 0; right: 0; color: #222; font-size: 30px; text-align: center; line-height: 54px; }
.compTalkSum .sBot .rooms .room.typeNoImage .title { font-size: 10px; line-height: 1.6; color: #161616; white-space: break-spaces; word-break: keep-all; text-overflow: unset; }

/* 학교 요약 (초, 중, 고) */
.schoolSum { position: relative; width: 100%; max-width: 100%; padding: 0 16px; text-align: left; background: #fff; }
.schoolSum .sTop .sTitle { padding: 0 0 4px; }
.schoolSum .sTop .sTitle .repTitle { display: inline-block; height: 20px; padding: 0 6px; border-radius: 10px; color: #fff; font-size: 12px; line-height: 20px; vertical-align: middle; }
.schoolSum .sTop .sTitle .repTitle.typeEle { background: #ffcc00; }
.schoolSum .sTop .sTitle .repTitle.typeMid { background: #a68b00; }
.schoolSum .sTop .sTitle .repTitle.typeHigh { background: #776400;}
.schoolSum .sTop .sTitle .title { display: inline-block; padding: 0 3px; font-size: 18px; line-height: 26px; vertical-align: middle; }
.schoolSum .sTop .sTitle .subTitle { display: inline-block; font-size: 12px; line-height: 16px; vertical-align: middle; }
.schoolSum .sTop .btn-school-detail { position: absolute; left: 0; top: -8px; right: 0; margin: 0 auto; width: 52px; height: 12px; min-height: 12px; border-radius: 2px; color: transparent; font-size: 0; }
.schoolSum .sTop .btn-school-detail:after { content: ''; display: block; position: absolute; left: 0; top: calc(50% - 1px); right: 0; width: 100%; height: 2px; margin: 0 auto; background: #ddd; }
.schoolSum .sMid .info { min-height: 32px; }
.schoolSum .sMid .info p { display: block; margin: 4px 0; color: #676767; font-size: 14px; }
.schoolSum .sMid .info p span { color: inherit; font-size: inherit; }
.schoolSum .sBot { position: relative; }
.schoolSum .sBot .count span { display:inline-block; position: relative; font-size: 12px; line-height: 16px; }
.schoolSum .sBot .count span:before { content: '|'; display: inline-block; margin: 0 2px; color: #ddd; font-size: inherit; }
.schoolSum .sBot .count span:first-child:before { content:none; }

/* 꿀입지 */
.zone { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; padding: 8px 0; box-shadow: 0 2px 4px rgba(0, 0, 0, .33); border-radius: 8px; background: rgba(255, 255, 255, .9); }
.zone.active-out { display: inline; float: left; width: auto; min-width: auto; }
.zone.active-out .btnZoneCloseWrap,
.zone.active-out .btnToolsWrap { display: none; }
.zone.active-out .btnZoneWrap { padding: 0 12px 0 8px; border: 0; }
.zone.active-out .btnZoneWrap button[class*="btn"] { padding: 0 0 0 28px; margin: 0; background-position: left center; }
.zone.active-out .btnZoneWrap button:not(.active) { display: none; }
.zone .btnZoneCloseWrap { position: absolute; right: 10px; top: 0; }
.zone .btnZoneCloseWrap .btn-zone-close { min-height: auto; border-radius: 0; border-bottom: 1px solid #222;  color: #222; font-size: 12px; line-height: 1.2; }
.zone .btnZoneWrap { display: flex; flex-wrap: nowrap; padding: 0 8px 0 12px; border-right: 1px solid #ddd; }
.zone .btnZoneWrap button[class*="btn"] { flex: 0 0 auto; padding: 28px 0 0; margin: 0 0 0 8px; background-repeat: no-repeat; background-position: center top; background-size: 28px 28px; color: #222; font-size: 14px; }
.zone .btnZoneWrap button[class*="btn"]:first-child { margin: 0; }
.zone .btnZoneWrap button[class*="btn"].active { font-weight: bold; }
.zone .btnZoneWrap .btn-zone-school { background-image: url('/images/map/filters/ico_zone_school_s_off.svg'); }
.zone .btnZoneWrap .btn-zone-school.active { background-image: url('/images/map/filters/ico_zone_school_s_on.svg'); }
.zone .btnZoneWrap .btn-zone-subway { background-image: url('/images/map/filters/ico_zone_subway_s_off.svg'); }
.zone .btnZoneWrap .btn-zone-subway.active { background-image: url('/images/map/filters/ico_zone_subway_s_on.svg'); }
.zone .btnZoneWrap .btn-zone-hospital { background-image: url('/images/map/filters/ico_zone_hospital_s_off.svg'); }
.zone .btnZoneWrap .btn-zone-hospital.active { background-image: url('/images/map/filters/ico_zone_hospital_s_on.svg'); }
.zone .btnZoneWrap .btn-zone-academy { background-image: url('/images/map/filters/ico_zone_academy_s_off.svg'); }
.zone .btnZoneWrap .btn-zone-academy.active { background-image: url('/images/map/filters/ico_zone_academy_s_on.svg'); }
.zone .btnZoneWrap .btn-zone-starbucks { background-image: url('/images/map/filters/ico_zone_starbucks_s_off.svg'); }
.zone .btnZoneWrap .btn-zone-starbucks.active { background-image: url('/images/map/filters/ico_zone_starbucks_s_on.svg'); }
.zone .btnToolsWrap { display: flex; padding: 26px 4px 0 0; text-align: right; }
.zone .btnToolsWrap button[class*="btn"] { width: 24px; height: 24px; margin: 0 6px; color: transparent; font-size: 0; }
.zone .btnToolsWrap .btn-tools-navermaps { background: url('/images/map/filters/ico_tools_navermaps.png') no-repeat center center / 100%; }
.zone .btnToolsWrap .btn-tools-tool { background: url('/images/map/filters/ico_tools_tool_off.png') no-repeat center center / 100%; }
.zone .btnToolsWrap .btn-tools-tool.active { background-image: url('/images/map/filters/ico_tools_tool_on.png'); }
.zone .zone-tabs { overflow: hidden; width: 100%; padding: 0; margin: 0; border-radius: 0 0 10px 10px; box-shadow: none; background: inherit; }
.zone .zone-tabs-title-disabled { display: none; }
.zone .zone-tab { display: block; width: 100%; }
.zone .zone-tab .inner { position: relative; background: #ddd; margin: 8px 12px 4px; border-radius: 0 0 10px 10px; }
.zone .zone-tab .form-group { display: flex; flex-wrap: nowrap; position: relative; margin: 0; padding: 4px; }
.zone .zone-tab .form-group div[role="group"] { display: flex; flex-wrap: nowrap; padding: 0 8px 0 0; }
.zone .zone-tab .form-group .btn-secondary { flex: 0 0 auto; min-width: 47px; height: 32px; margin: 8px 2px; padding: 0 8px; border: 1px solid transparent; border-radius: 16px !important; background-color: #f1f1f1; color: #676767; font-size: 14px; line-height: 20px; }
.zone .zone-tab .info { padding: 0 12px; text-align: left; }
.zone .zone-tab .info .title { display: block; overflow: hidden; position: relative; width: 100%; max-width: 68px; padding: 0 16px 0 0; color: #222; font-weight: 300; font-size: 12px; line-height: 1.5; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; }
.zone .zone-tab .info .title:after { content: '>'; display: block; position: absolute; right: 0; top: 0; font-size: inherit; line-height: 1.5; }
.zone .zone-tab .info .badge { position: absolute; right: 6px; top: 0; padding: 0; font-weight: 300; line-height: 1.8; }
.zone .zone-tab.typeSubway .distance { position: relative; padding: 20px 0 25px; }
.zone .zone-tab.typeSubway .distance .track { position: relative; width: calc(100% - 16px); height: 8px; margin: 0 auto 15px; border-radius: 4px; background: #b2b2b2; }
.zone .zone-tab.typeSubway .distance .track .line { position: absolute; left: 0; top: 0; height: 8px; background: #4178f4; border-radius: 4px; }
.zone .zone-tab.typeSubway .distance .track .blob { position: absolute; top: 50%; padding: 0 8px; border: 1px solid #b2b2b2; border-radius: 12px; background: #fff; color: #222; font-size: 14px; line-height: 20px; transform: translate(-50%, -50%); }
.zone .zone-tab.typeSubway .distance .xScale { position: relative; width: calc(100% - 16px); margin: 0 auto; }
.zone .zone-tab.typeSubway .distance .xScale div { position: absolute; width: auto; font-size: 12px; line-height: 12px; text-align: left; transform: translateX(-100%); }
.zone .zone-tab.typeSubway .distance .xScale div:first-child { transform: none; }
.zone .zone-tab.typeHospital .btn-secondary.active { background: #3bb120; color: #222; font-weight: bold; }
.zone .zone-tab.typeAcademy .btn-secondary.active { background: #60a5ff; color: #222; font-weight: bold; }

/* 커스텀 툴팁 */
.zone-tooltip { display: block; position: absolute; left: 0; top: -18px; width: 16px; height: 16px; border: 0; background: url('/images/map/filters/ico_zone_tooltip.svg') no-repeat center center / 100%; cursor: pointer; }

.hospital-tooltip.tooltip.b-tooltip { opacity: 1; max-width: 240px; }
.hospital-tooltip.tooltip.b-tooltip .arrow { margin: 0 0 0 5px; }
.hospital-tooltip.tooltip.b-tooltip[x-placement^="top"] .arrow::before { border-width: .35rem .25rem .35rem; border-top-color: rgba(54, 54, 54, .9); }
.hospital-tooltip.tooltip.b-tooltip .tooltip-inner { min-width: auto; padding: 8px; background-color: rgb(54, 54, 54, .9); border-radius: 5px; color: rgba(255, 255, 255, .9); font-size: 10px; line-height: 16px; text-align: left; }

.academy-tooltip.tooltip.b-tooltip { opacity: 1; max-width: 240px; }
.academy-tooltip.tooltip.b-tooltip .arrow { margin: 0 0 0 5px; }
.academy-tooltip.tooltip.b-tooltip[x-placement^="top"] .arrow::before { border-width: .35rem .25rem .35rem; border-top-color: rgba(54, 54, 54, .9); }
.academy-tooltip.tooltip.b-tooltip .tooltip-inner { min-width: auto; padding: 8px; background-color: rgb(54, 54, 54, .9); border-radius: 5px; color: rgba(255, 255, 255, .9); font-size: 10px; line-height: 16px; text-align: left; }

.starbucks-tooltip.tooltip.b-tooltip { opacity: 1; max-width: 240px; }
.starbucks-tooltip.tooltip.b-tooltip .arrow { margin: 0 0 0 5px; }
.starbucks-tooltip.tooltip.b-tooltip[x-placement^="top"] .arrow::before { border-width: .35rem .25rem .35rem; border-top-color: rgba(54, 54, 54, .9); }
.starbucks-tooltip.tooltip.b-tooltip .tooltip-inner { min-width: auto; padding: 8px; background-color: rgb(54, 54, 54, .9); border-radius: 5px; color: rgba(255, 255, 255, .9); font-size: 10px; line-height: 16px; text-align: left; }

/* 앱 유도 */
.leadTo { display: block; position: relative; width: 100%; height: 100%;  }
.leadTo .btn-close-leadTo { position: absolute; right: 12px; top: 12px; width: 25px; height: 25px; border-radius: 0; background: transparent; color: transparent; font-size: 0; }
.leadTo .btn-close-leadTo:before,
.leadTo .btn-close-leadTo:after  { content: ''; display: block; position: absolute; left: calc(50% - 9px); top: calc(50% - 1px); width: 18px; height: 2px; background: #000; }
.leadTo .btn-close-leadTo:before { transform: rotate(45deg); }
.leadTo .btn-close-leadTo:after { transform: rotate(135deg); }
.leadTo .inner { display: flex; flex-direction: column; width: 100%; height: 100%; align-items: center; -ms-align-items: center; }

/* 전체화면 */
.leadTo.typeFull { background: linear-gradient(#ffd967, #ffcd54); }
.leadTo.typeFull .inner { overflow: auto; padding: 56px 0; justify-content: center; }
.leadTo.typeFull .inner .appThumb { padding: 0 36px 0 0; }
.leadTo.typeFull .inner .appThumb img { width: 100%; max-width: 313px; }
.leadTo.typeFull .inner .info { position: relative; margin: 6px 0 0; font-size: 16px; }
.leadTo.typeFull .inner .info strong { position: relative; color: #4d4536; font-size: 20px; line-height: 28px;  }
.leadTo.typeFull .inner .info strong .icoAppOnly { position: absolute; left: -36px; top: 0; }
.leadTo.typeFull .btn-toApp { width: 264px; min-height:auto; height: 58px; margin: 18px auto 0; border-radius: 8px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .3); background: #4178f4; color: #fff; font-weight: 600; font-size: 14px; line-height: 20px; flex-shrink:0; }
.leadTo.typeFull .btn-toWeb { width: 264px; min-height: auto; height: auto; margin: 10px auto; color: #676767; font-size: 12px; line-height: 16px; text-decoration: underline; }

/* 레이어 타입 */
.leadTo.typeLayer { overflow: hidden; width: 320px; height: calc(100% - 36px); max-height: 442px; border-radius: 8px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2); background-color: #fff; }
.leadTo.typeLayer .inner { background: transparent; padding: 40px 0 16px; }
.leadTo.typeLayer .inner .title { position: relative; margin: 0 auto; padding: 12px 0 12px 66px; background: url('/images/ico_liivon.svg?20211118') no-repeat left center / 60px 60px; color: #222; font-size: 16px; line-height: 24px; text-align: left; }
.leadTo.typeLayer .inner .title.type { position: relative; margin: 0 auto; padding: 36px 12px 12px; background: url('/images/ico_liiv_logo.svg') no-repeat top center / 98px 24px; color: #222; font-size: 16px; line-height: 24px; text-align: center; }
.leadTo.typeLayer .inner .storeQR { margin: 33px auto 0; }
.leadTo.typeLayer .inner .info { display: inline-block; margin: 6px 0 0; color: #676767; font-size: 14px; line-height: 20px; }
.leadTo.typeLayer .btnStoreWrap { display: flex; flex-wrap: wrap; justify-content: center; margin: 25px 0 16px; }
.leadTo.typeLayer .btn[class*="Store"] { width: 140px; height: 48px; margin: 0 4px; padding: 0 0 0 10px; border: 1px solid #b2b2b2; border-radius: 8px; color: #222; font-size: 14px; line-height: 48px; }
.leadTo.typeLayer .btn[class*="Store"] .txt { position: relative; }
.leadTo.typeLayer .btn[class*="Store"] .txt:before { content:''; display: inline-block; position: absolute; left: -20px; top: 2px; width: 16px; height: 16px; }
.leadTo.typeLayer .btn-toPlayStore .txt:before { background: url('/images/ico_play_store.svg') no-repeat left center / 100%; }
.leadTo.typeLayer .btn-toAppStore .txt:before { background: url('/images/ico_app_store.svg') no-repeat left center / 100%; }

/* 레이어 IE 전용 */
.leadTo.typeIE { overflow: hidden; width: 320px; height: calc(100% - 36px); max-height: 442px; border-radius: 8px; box-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2); background-color: #fff; }
.leadTo.typeIE .inner { background: transparent; padding: 40px 0 16px; }
.leadTo.typeIE .inner .title { position: relative; margin: 0 auto; padding: 36px 12px 12px; background: url('/images/br-logo.png') no-repeat top center / 104px 24px; color: #222; font-size: 16px; line-height: 24px; text-align: center; }
.leadTo.typeIE .inner .info { display: inline-block; color: #676767; font-size: 14px; line-height: 20px; }
.leadTo.typeIE .btnStoreWrap { display: flex; flex-wrap: wrap; justify-content: center; margin: 16px 0; }
.leadTo.typeIE .btn-toChrome { width: 155px; height: 32px; padding: 0 0 0 28px; border: 1px solid #b2b2b2; border-radius: 8px; color: #676767; font-size: 14px; line-height: 32px; }
.leadTo.typeIE .btn-toChrome .txt { position: relative; }
.leadTo.typeIE .btn-toChrome .txt:before { content:''; display: inline-block; position: absolute; left: -28px; top: -2px; width: 24px; height: 24px; background: url('/images/ico_chrome.png') no-repeat left center / 24px; }
/* 타입별 QR 영역 이미지 */
.leadTo.forWeb .storeQR { width: 259px; height: 167px; background: url('/images/bg_store_qr_web.jpg') no-repeat center center / 100%; }
.leadTo.forMobile .storeQR { width: 204px; height: 96px; background: url('/images/bg_store_qr_mobile.png') no-repeat center center / 100%; }

/* 시트 타입 */
.leadTo.typeSheet { width: 100%; height: 147px; background: linear-gradient(#ffd967, #ffcd54); border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, .33); }
.leadTo.typeSheet .btn-close-leadTo { right: 6px; top: 6px; }
.leadTo.typeSheet .btn-close-leadTo:before,
.leadTo.typeSheet .btn-close-leadTo:after { top: 50%; width: 16px; height: 1px; background: #545045; }
.leadTo.typeSheet .inner { min-width: 351px; background: url('/images/bg_leadTo_sheet.png?version=20211125') no-repeat center center / cover; } /* 375 디바이스 이하 디자인 대응 없음 */
.leadTo.typeSheet .inner .info { display: none;  }
.leadTo.typeSheet .btnStoreWrap { display: flex; flex-wrap: nowrap; justify-content: center; position: absolute; right: 44.25%; bottom: 12px; padding: 26px 0 0; }
.leadTo.typeSheet .btn[class*="Store"] { width: 86px; height: 32px; margin: 0 4px; padding: 0 0 0 10px; border: 1px solid #fff; border-radius: 4px; background: #fff; color: #222; font-size: 12px; line-height: 16px; }
.leadTo.typeSheet .btn[class*="Store"] .txt { position: relative; }
.leadTo.typeSheet .btn[class*="Store"] .txt:before { content:''; display: inline-block; position: absolute; left: -14px; top: 4px; width: 11px; height: 11px; vertical-align: middle; }
.leadTo.typeSheet .btn-toDownload { position: absolute; left: 2px; top: 0; width: 107px; height: 16px; background: url('/images/ico_download_app.svg') no-repeat left center / 100%; color: transparent; font-size: 0; }
.leadTo.typeSheet .btn-toPlayStore .txt:before { background: url('/images/ico_play_store.svg') no-repeat left center / 100%; }
.leadTo.typeSheet .btn-toAppStore .txt:before { background: url('/images/ico_app_store.svg') no-repeat left center / 100%; }

/* 이벤트 유도 */
.leadTo.typeSheet { max-width: 424px; }
.leadTo.typeLayer .inner .title.event{background:none; padding:0 0 12px 0; text-align:center}
.leadTo.typeLayer .inner .title.event img{vertical-align: middle;}
.leadTo.typeLayer .inner .storeQR{position: relative;}
.leadTo.typeLayer .inner .storeQR .apptit{display:inline-block; padding-right:13px; font-size:12px; color:#676767; text-align: center; background:url('/images/arrow-event.svg') no-repeat right 3px/8px; position: absolute; left:61px; top:-22px}
.leadTo.typeLayer .leadtobtn{width:calc(100% - 32px )}
.leadTo.typeLayer .leadtobtn .btn-formround{width:100%;height:40px; margin:16px 0 10px; line-height:38px; border-radius:8px; font-size:14px;}

/* 스크롤 컨트롤 버튼 */
.ctrlWrap .btn-ctrl { display: none; position: absolute; top: calc(50% - 20px); z-index: 1; width: 40px; height: 40px; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); border-radius: 50%; background: rgba(255, 255, 255, .8); color: transparent; font-size: 0; }
.ctrlWrap .btn-ctrl:after { content: ''; display: block; position: absolute; top: calc(50% - 5px); padding: 5px; border: solid #000; border-width: 0 2px 2px 0; }
.ctrlWrap .btn-ctrl.prev { left: 0; }
.ctrlWrap .btn-ctrl.prev:after { left: calc(50% - 4px); transform: rotate(135deg); }
.ctrlWrap .btn-ctrl.next { right: 0; }
.ctrlWrap .btn-ctrl.next:after { right: calc(50% - 4px); transform: rotate(-45deg); }
.ctrlWrap .btn-ctrl.active { display: block; }

/* 레이어팝업 */
.layer-popup { display: none; position: fixed; z-index: 1080; }
.layer-popup.active { display: block; }
.layer-popup > .inner { position: relative; z-index: 11; }
.layer-popup > .inner:before { content: ''; display: block; position: absolute; }

.layer-popup[data-placement="leftcenter"] .inner { margin: 0 10px; }
.layer-popup[data-placement="leftcenter"] .inner:before { right: -10px; top: calc(50% - 10px); border-left: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.layer-popup[data-placement="rightcenter"] .inner { margin: 0 10px; }
.layer-popup[data-placement="rightcenter"] .inner:before { left: -10px; top: calc(50% - 10px); border-right: 10px solid #fff; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
.layer-popup[data-placement="lefttop"] .inner { margin: 0 20px; }
.layer-popup[data-placement="lefttop"] .inner:before { right: -20px; top: 10px; border-left: 20px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent; }
.layer-popup[data-placement="righttop"] .inner { margin: 0 20px; }
.layer-popup[data-placement="righttop"] .inner:before { left: -20px; top: 10px; border-right: 20px solid #fff; border-top: 7px solid transparent;  border-bottom: 7px solid transparent; }

/* 레이어팝업 (마커 필터) */
.layer-popup.typeFilters { overflow: hidden; }
.layer-popup.typeFilters .inner { padding: 4px 12px; border-radius: 10px; background: #fff; text-align: left; }
.layer-popup.typeFilters .form-group { display: flex; flex-wrap: nowrap; position: relative; margin: 0; border-bottom: 1px solid #ddd; }
.layer-popup.typeFilters .form-group:last-child { border-bottom: 0; }
.layer-popup.typeFilters .form-group .btn-secondary { position: relative; min-width: auto; height: 32px; margin: 4px 2px; padding: 0 8px; border: 1px solid #b2b2b2; border-radius: 8px !important; background-color: #fff; color: #222; font-size: 14px; line-height: 20px; letter-spacing: -.25px; }
.layer-popup.typeFilters .form-group .btn-secondary.active { border-color: #ddd; background: #ddd; color: #222 !important; }
.layer-popup.typeFilters .form-group .btn-secondary.disabled { border-color: #ddd; color: #222 !important; }
.layer-popup.typeFilters .form-group .btn-secondary .badge { display: block; position: absolute; left: 0; top: auto; bottom: -22px; border-radius: 6px; background: #363636; color: #fff; font-size: 10px; line-height: 14px; }
.layer-popup.typeFilters .form-group .btn-secondary .badge:after { content:''; display: block; position: absolute; left: 5px; top: -5px; border-left: 5px solid transparent; border-bottom: 8px solid #363636; border-right: 5px solid transparent; }

/* 레이어팝업 (툴) */
.layer-popup.typeTool .inner { padding: 16px; border-radius: 10px; background: #fff; text-align: left; }
.layer-popup.typeTool .title { display: block; margin: 0 0 8px; font-size: 12px; line-height: 14px; }
.layer-popup.typeTool [class*="btn-wrap"] { display: flex; }

.layer-popup.typeTool .map-list .list-btn-wrap { margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #ddd; }
.layer-popup.typeTool .map-list .btn-map-list { width: 100%; padding: 34px 0 0; border: 0; background-repeat: no-repeat; background-position: center 8px; background-size: 24px; color: #222; font-size: 12px; line-height: 16px; }
.layer-popup.typeTool .map-list .btn-map-list.icoMapNaver { background-image: url('/images/map/filters/bg_map_naver.png'); }
.layer-popup.typeTool .map-list .btn-map-list.icoMapKakao { background-image: url('/images/map/filters/bg_map_kakao.png'); }
.layer-popup.typeTool .map-list .btn-map-list.icoMapGoogle { background-image: url('/images/map/filters/bg_map_google.png'); }

.layer-popup.typeTool .map-mode .btn-map-mode { width: 60px; height: 40px; border-radius: 0; border: 0; background-repeat: no-repeat; background-position: center center; background-size: 60px 40px; }
.layer-popup.typeTool .map-mode .btn-map-mode.icoNormal { background-image: url('/images/map/filters/bg_map_mode_normal.jpg'); }
.layer-popup.typeTool .map-mode .btn-map-mode.icoNormal.active { background-image: url('/images/map/filters/bg_map_mode_normal_on.jpg'); }
.layer-popup.typeTool .map-mode .btn-map-mode.icoSate { background-image: url('/images/map/filters/bg_map_mode_sate.jpg'); }
.layer-popup.typeTool .map-mode .btn-map-mode.icoSate.active { background-image: url('/images/map/filters/bg_map_mode_sate_on.jpg'); }
.layer-popup.typeTool .map-mode .btn-map-mode.icoTopo { background-image: url('/images/map/filters/bg_map_mode_topo.jpg'); }
.layer-popup.typeTool .map-mode .btn-map-mode.icoTopo.active { background-image: url('/images/map/filters/bg_map_mode_topo_on.jpg'); }

.layer-popup.typeTool .map-tool .tool-btn-wrap { flex-direction: column; padding: 0 0 12px; border-bottom: 1px solid #ddd; }
.layer-popup.typeTool .map-tool .btn-map-tool { position: relative; margin: 12px 0 0; padding: 0 0 0 25px; width: 100%; background-position: left center; background-size: 18px; text-align: left; line-height: 21px; }
.layer-popup.typeTool .map-tool .btn-map-tool:after { content: ''; display: block; position: absolute; right: 0; top: 0; width: 20px; height: 20px; background: url('/images/map/filters/ico_tool_off.svg') no-repeat right center / 100%; }
.layer-popup.typeTool .map-tool .btn-map-tool.active:after { background-image: url('/images/map/filters/ico_tool_on.svg'); }
.layer-popup.typeTool .map-tool .btn-map-tool.icoRuler {  background-image: url('/images/map/filters/ico_ruler_off.svg'); }
.layer-popup.typeTool .map-tool .btn-map-tool.icoRuler.active { background-image: url('/images/map/filters/ico_ruler_on.svg'); }
.layer-popup.typeTool .map-tool .btn-map-tool.icoCad { background-image: url('/images/map/filters/ico_cad_off.svg'); }
.layer-popup.typeTool .map-tool .btn-map-tool.icoCad.active { background-image: url('/images/map/filters/ico_cad_on.svg'); }

.layer-popup.typeTool .map-views .views-btn-wrap { flex-direction: column; }
.layer-popup.typeTool .map-views .btn-map-views { position: relative; width: 100%; margin: 12px 0 0; padding: 0 0 0 22px; border: 0; background-repeat: no-repeat; background-position: left center; background-size: 18px; font-size: 14px; text-align: left; }
.layer-popup.typeTool .map-views .btn-map-views.icoAir { background-image: url('/images/map/filters/ico_map_view_type1.svg'); }
.layer-popup.typeTool .map-views .btn-map-views.icoRoad { background-image: url('/images/map/filters/ico_map_view_type2.svg'); }
.layer-popup.typeTool .map-views .btn-map-views .badge { display: block; position: absolute; left: 0; top: -22px; border-radius: 6px; background: #363636; color: #fff; font-size: 10px; line-height: 14px; }
.layer-popup.typeTool .map-views .btn-map-views .badge:after { content:''; display: block; position: absolute; left: 5px; bottom: -5px; border-left: 5px solid transparent; border-top: 8px solid #363636; border-right: 5px solid transparent; }

/* 레이어팝업 (규제) */
.layer-popup.typeSpec { width: calc(100% - 52px); max-width: calc(550px - 52px); }
.layer-popup.typeSpec[data-placement="lefttop"] .inner:before,
.layer-popup.typeSpec[data-placement="leftcenter"] .inner:before { border-left-color: #17356e; }
.layer-popup.typeSpec .inner { border-radius: 10px; background: #17356e; text-align: left; }
.layer-popup.typeSpec .inner .btn.btn-layerclose { display: none; }
.layer-popup.typeSpec .inner .layer-con { height: auto; max-height: 350px; }
.layer-popup.typeSpec .scrollbar-outer { max-width: 490px; max-height: calc(350px - 32px); }
.layer-popup.typeSpec .rightmenu ul li:before { height: 100%; }

.layer-popup.typeSpec[data-placement="lefttop"] .inner:before{display: none;}

/* 레이어팝업 (앱 유도)  */
.layer-popup.typeLeadTo > .inner,
.layer-popup.typeLeadToChromeDownload > .inner,
.layer-popup.typeLeadToEvent > .inner { display: inline-block; }
.leadTo.typeLayer .labtitle { color:#222 }

@media (max-width: 580px) and (min-height: 383px) and (max-height: 482px) {
  .layer-popup.typeTool .inner { display: flex; flex-wrap: wrap; width: 420px; }
  .layer-popup.typeTool .scroll-wrapper > .scroll-content { display: flex; flex-wrap: wrap; }
  .layer-popup.typeTool .inner:after { content: ''; display: block; position: absolute; left: 0; top: 16px; right: 0; width: 1px; height: calc(100% - 32px); background: #ddd; margin: 0 auto;}

  .layer-popup.typeTool .map-list { margin: 0 12px 0 0; order: 1; }
  .layer-popup.typeTool .map-list .list-btn-wrap { width: 182px; }

  .layer-popup.typeTool .map-mode {  margin: 0 0 0 12px; order: 2; }
  .layer-popup.typeTool .map-mode .mode-btn-wrap { width: 182px; }

  .layer-popup.typeTool .map-tool { position: relative; top: -16px; margin: 0 0 0 12px; order: 4; }
  .layer-popup.typeTool .map-tool .tool-btn-wrap { width: 182px; flex-direction: column; padding: 0 0 12px; border-bottom: none; }
  .layer-popup.typeTool .map-tool .btn-map-tool:first-child { margin: 0; }

  .layer-popup.typeTool .map-views { margin: 0 12px 0 0 ; order: 3; }
  .layer-popup.typeTool .map-views .views-btn-wrap { width: 182px; flex-direction: column; }
  .layer-popup.typeTool .map-views .btn-map-views:first-child { margin: 0; }

  .layer-popup.typeSpec .scrollbar-outer { max-height: calc(100vh / 2); }
  .layer-popup.typeSpec .rightmenu ul li { height: 40px; }
}

@media (max-width: 580px) and (max-height: 382px) {
  .layer-popup.typeTool .inner:before,
  .layer-popup.typeSpec .inner:before { top: 104px; }

  .layer-popup.typeTool { top: 12px !important; max-height: calc(100vh - 24px); }
  .layer-popup.typeTool .scrollbar-outer { max-height: calc(100vh - 58px); }

  .layer-popup.typeSpec { top: 12px !important; max-width: calc(100vw / 1.5); max-height: calc(100vh - 36px); }
  .layer-popup.typeSpec .scrollbar-outer { max-height: calc(100vh - 68px); }
  .layer-popup.typeSpec .rightmenu ul li { height: 36px; }
}

@media (min-width: 581px) and (max-height: 382px) {
  .layer-popup.typeTool .scrollbar-outer { max-height: calc(100vh - 58px); }

  .layer-popup.typeSpec .scrollbar-outer { max-height: calc(100vh / 1.5); }
  .layer-popup.typeSpec .rightmenu ul li { height: 36px; }
}


/* SCSS */
/* @mixin breakpoint($point) {
  @if $point == 'wDesktop' {
    @media (min-width: 1016px) { @content; }
  }
  @else if $point == 'wMobile' {
    @media (max-width: 1015px) { @content; }
  }
}

/* Layouts */
body, html { width: 100%; height: 100%; }

.cWrapper { position: fixed; }

#searchbar,
#filters { z-index: 102; max-width: 448px; padding: 0 12px; }
#bottomSheets { z-index: 102; width: 100%; max-width: 448px; max-height: calc(100vh - 24px); padding: 0 12px; border-radius: 8px; }
#bottomSheets > .scrollbar-outer { max-height: calc(100vh - 24px); border-radius: 8px; box-shadow: 0 2px 4px rgba(0, 0, 0, .33); }
#leadToSheet { z-index: 101; width: 100%; max-width: 448px; max-height: calc(100vh - 24px); padding: 0 12px; border-radius: 8px; }
#contents { z-index: 103; }
#contents > div { background: #fff; }
#tools { z-index: 101; }
#tools div > [class*="tools"] { position: fixed; }
#tools div > [class*="tools"].typeSelector { z-index: 1000; }

/* 공용 타이틀 적용시 삭제 또는 스타일 수정 필수 */
.topbtn-area.scroll { position:relative; position:sticky; max-width:100%; }

/* Desktop */
@media (min-width: 1016px) {
  #searchbar { left: 0; top: 12px; }

  #filters { left: 448px; top: 12px; max-width: calc(100% - (448px + 120px)); }

  #contents { display: flex; flex-wrap: wrap; overflow: hidden; left: 0; top: 0;  height: 100vh; box-shadow:0 3px 10px 0 rgba(0, 0, 0, .2); }
  #contents > div { overflow: hidden; flex: 0 0 auto; width: 448px; max-width: 448px; }
  #contents .sLeft + .sRight { border-left:1px solid #ddd; }
  #contents > div > .scrollbar-outer { height: 100%; max-height: 100vh; }
  #contents.sLeft { z-index: 1; }
  #contents.sRight { z-index: 2; }
  #contents .typeRound { width: 424px; height: calc(100vh - 24px); margin: 12px; border-radius: 8px; }
  #contents .typeRound + .typeRound { margin: 12px 12px 12px 0; }
  #contents .typeRoundSpace { width: 424px; height: calc(100vh - 76px); margin: 64px 12px 12px; border-radius: 8px; }

  #contents .typeRound > .scrollbar-outer { max-height: calc(100vh - 24px); }
  #contents .typeRoundSpace > .scrollbar-outer { max-height: calc(100vh - 76px); }

  #bottomSheets,
  #leadToSheet { left: 0; bottom: 12px; }
}

/* Mobile */
@media (max-width: 1015px) {
  #searchbar { left: 0; top: 12px; width: 100%; }

  #filters { left: 0; top: 60px; width: 100%; }

  #contents { display: flex; flex-wrap: wrap; position: fixed; left: 0; top: 0; max-width: 100vw; height:100vh; }
  #contents > div { overflow: hidden; position: fixed; left: 0; top: 0; flex: 0 0 auto; width: 100%; max-width: 448px; height: 100%; }
  #contents > div > .scrollbar-outer { height: 100%; max-height: 100vh; }

  #contents.sLeft { z-index: 1; }
  #contents.sRight { z-index: 2; }
  #contents .typeRound { margin: 12px; width: calc(100vh - 24px); height: calc(100% - 24px); border-radius: 8px; }
  #contents .typeRoundSpace { height: calc(100vh - 76px); margin: 64px 12px 12px; border-radius: 8px; }

  #contents .typeRound > .scrollbar-outer { max-height: calc(100vh - 24px); }
  #contents .typeRoundSpace > .scrollbar-outer { max-height: calc(100vh - 76px); }

  #bottomSheets,
  #leadToSheet { left: 0; bottom: 12px; }
}

html.default-body { height: auto !important; }
.default-body.app { height: auto !important; }


/* 마커디자인 변경 */
.markerGroup.typeApt.type1 .markerOptions{background-image:url('/images/map/marker/markerpin_apartment_selected_bg.svg')}
.markerGroup.typeOft.type1 .markerOptions{background-image:url('/images/map/marker/markerpin_officetel_selected_bg.svg')}
.markerGroup.typePar.type1 .markerOptions{background-image:url('/images/map/marker/markerpin_newsales_selected_bg.svg')}
.markerGroup.type1 .icoSale.disabled, .markerGroup.type1 .btnWithIco.disabled .icoSale{background-image:url('/images/map/marker/markerpin_apartment_selected_icon_aptforsale_disabled.svg')}
.markerGroup.type1 .icoSale{background-image:url('/images/map/marker/markerpin_apartment_selected_icon_aptforsale_default.svg')}
.markerGroup.type1 .icoHoneyComp{background-image:url('/images/map/marker/markerpin_apartment_selected_icon_danji_talk_default.svg')}
.markerGroup.type1 .icoHoneyComp.evt:before{position:absolute;content:"";width:49px;height:16px;top:-16px;left:-10px;background-image:url('/images/event220111/event_marker.svg')}
.icoYoutube{display: inline-block;position: relative;width: 30px;height: 35px;background-image:url('/images/map/marker/markerpin_apartment_selected_icon_youtube_default.svg')}
.icoYoutube .txt, .icoGimg .txt, .icoSearch .txt{display: none !important;}
.icoGimg{display: inline-block;position: relative;width: 30px;height: 35px;background-image:url('/images/map/marker/markerpin_apartment_selected_icon_google_default.svg')}
.icoSearch{display: inline-block;position: relative;width: 30px;height: 35px;background-image:url('/images/map/marker/markerpin_apartment_selected_icon_naver_default.svg')}

.markerGroup.typePar.type1 .markerOptions .options > div:nth-of-type(1){left:26px;top:22px;right:auto}
.markerGroup.typePar.type1 .markerOptions .options > div:nth-of-type(2){left:67px;top:5px;right:auto}
.markerGroup.typePar.type1 .markerOptions .options > div:nth-of-type(3){right:26px;top:22px;}
.markerGroup.typePar.type1 .markerOptions .options > div:nth-of-type(4){right:8px;top:66px;}

/* 마커 sns off */
.markerGroup.typeApt.type1.snsoff .markerOptions{background-image:url('/images/map/marker/markerpin_apartment_selected_bg_2_btn.svg')}
.markerGroup.typeOft.type1.snsoff .markerOptions{background-image:url('/images/map/marker/markerpin_officetel_selected_bg_2_btn.svg')}
.markerGroup.typePar.type1.snsoff .markerOptions{background-image:url('/images/map/marker/markerpin_newsales_selected_bg_1_btn.svg')}

.oncetip{width:180px;background:rgb(54, 54, 54, .9); border-radius:5px; text-align: left;font-size:12px; color:#fff; padding:8px; position: absolute;right:45px;; top:0 }
.oncetip:after{content:""; display:block; border-width: 0 0.3rem 0.3rem; border-color: transparent; border-bottom-color:rgba(54, 54, 54, .9); border-style: solid; position: absolute; right: -7px;top: 11px;transform: rotate(90deg);}
.oncetip:before{content:""; display:block; width:16px; height:16px;background:url('/images/btn_close_w.svg') no-repeat 0 0/cover; position: absolute; right:8px; bottom:8px;}
.layer-popup.typeSpec.active .inner .btn.btn-layerclose{display:block !important;}



/* 조회수 N등 */
.icoMarker.typeApt.typeS.searchnum1  .sTop,
.icoMarker.typeApt.typeS.searchnum2  .sTop,
.icoMarker.typeApt.typeS.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typeApt.typeS.searchnum1  .icoBookmark,
.icoMarker.typeApt.typeS.searchnum2  .icoBookmark,
.icoMarker.typeApt.typeS.searchnum3  .icoBookmark{right:15px}
.icoMarker.typeApt.typeS.searchnum1, .icoMarker.typeApt.typeS.searchnum2,.icoMarker.typeApt.typeS.searchnum3{width:97px}
.icoMarker.typeApt.typeS.searchnum1 .sMid {height:47px;background:url('/images/map/marker/markerpin_apartment_1.svg') no-repeat center bottom / 70px}
.icoMarker.typeApt.typeS.searchnum2 .sMid {height:47px;background:url('/images/map/marker/markerpin_apartment_2.svg') no-repeat center bottom / 70px}
.icoMarker.typeApt.typeS.searchnum3 .sMid {height:47px;background:url('/images/map/marker/markerpin_apartment_3.svg') no-repeat center bottom / 70px}


.icoMarker.typeApt.typeM.searchnum1  .sTop,
.icoMarker.typeApt.typeM.searchnum2  .sTop,
.icoMarker.typeApt.typeM.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typeApt.typeM.searchnum1  .icoBookmark,
.icoMarker.typeApt.typeM.searchnum2  .icoBookmark,
.icoMarker.typeApt.typeM.searchnum3  .icoBookmark{right:15px}
.icoMarker.typeApt.typeM.searchnum1, .icoMarker.typeApt.typeM.searchnum2,.icoMarker.typeApt.typeM.searchnum3{width:90px}
.icoMarker.typeApt.typeM.searchnum1 .sMid {height:29px;background:url('/images/map/marker/markerpin_apartment_m_1.svg') no-repeat center bottom / 76px}
.icoMarker.typeApt.typeM.searchnum2 .sMid {height:29px;background:url('/images/map/marker/markerpin_apartment_m_2.svg') no-repeat center bottom / 76px}
.icoMarker.typeApt.typeM.searchnum3 .sMid {height:29px;background:url('/images/map/marker/markerpin_apartment_m_3.svg') no-repeat center bottom / 76px}

.icoMarker.typeApt.typeL.searchnum1  .sTop,
.icoMarker.typeApt.typeL.searchnum2  .sTop,
.icoMarker.typeApt.typeL.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typeApt.typeL.searchnum1  .icoBookmark,
.icoMarker.typeApt.typeL.searchnum2  .icoBookmark,
.icoMarker.typeApt.typeL.searchnum3  .icoBookmark{right:15px}
.icoMarker.typeApt.typeL.searchnum1, .icoMarker.typeApt.typeL.searchnum2,.icoMarker.typeApt.typeL.searchnum3{width:90px}
.icoMarker.typeApt.typeL.searchnum1 .sMid {height:29px;background:url('/images/map/marker/markerpin_apartment_m_1.svg') no-repeat center bottom / 76px}
.icoMarker.typeApt.typeL.searchnum2 .sMid {height:29px;background:url('/images/map/marker/markerpin_apartment_m_2.svg') no-repeat center bottom / 76px}
.icoMarker.typeApt.typeL.searchnum3 .sMid {height:29px;background:url('/images/map/marker/markerpin_apartment_m_3.svg') no-repeat center bottom / 76px}



.icoMarker.typeOft.typeS.searchnum1  .sTop,
.icoMarker.typeOft.typeS.searchnum2  .sTop,
.icoMarker.typeOft.typeS.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typeOft.typeS.searchnum1  .icoBookmark,
.icoMarker.typeOft.typeS.searchnum2  .icoBookmark,
.icoMarker.typeOft.typeS.searchnum3  .icoBookmark{right:15px}
.icoMarker.typeOft.typeS.searchnum1, .icoMarker.typeOft.typeS.searchnum2,.icoMarker.typeOft.typeS.searchnum3{width:97px}
.icoMarker.typeOft.typeS.searchnum1 .sMid {height:47px;background:url('/images/map/marker/markerpin_officetel_1.svg') no-repeat center bottom / 70px}
.icoMarker.typeOft.typeS.searchnum2 .sMid {height:47px;background:url('/images/map/marker/markerpin_officetel_2.svg') no-repeat center bottom / 70px}
.icoMarker.typeOft.typeS.searchnum3 .sMid {height:47px;background:url('/images/map/marker/markerpin_officetel_3.svg') no-repeat center bottom / 70px}


.icoMarker.typeOft.typeM.searchnum1  .sTop,
.icoMarker.typeOft.typeM.searchnum2  .sTop,
.icoMarker.typeOft.typeM.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typeOft.typeM.searchnum1  .icoBookmark,
.icoMarker.typeOft.typeM.searchnum2  .icoBookmark,
.icoMarker.typeOft.typeM.searchnum3  .icoBookmark{right:15px}
.icoMarker.typeOft.typeM.searchnum1, .icoMarker.typeOft.typeM.searchnum2,.icoMarker.typeOft.typeM.searchnum3{width:90px}
.icoMarker.typeOft.typeM.searchnum1 .sMid {height:29px;background:url('/images/map/marker/markerpin_officetel_m_1.svg') no-repeat center bottom / 76px}
.icoMarker.typeOft.typeM.searchnum2 .sMid {height:29px;background:url('/images/map/marker/markerpin_officetel_m_2.svg') no-repeat center bottom / 76px}
.icoMarker.typeOft.typeM.searchnum3 .sMid {height:29px;background:url('/images/map/marker/markerpin_officetel_m_3.svg') no-repeat center bottom / 76px}


.icoMarker.typeOft.typeL.searchnum1  .sTop,
.icoMarker.typeOft.typeL.searchnum2  .sTop,
.icoMarker.typeOft.typeL.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typeOft.typeL.searchnum1  .icoBookmark,
.icoMarker.typeOft.typeL.searchnum2  .icoBookmark,
.icoMarker.typeOft.typeL.searchnum3  .icoBookmark{right:15px}
.icoMarker.typeOft.typeL.searchnum1, .icoMarker.typeOft.typeL.searchnum2,.icoMarker.typeOft.typeL.searchnum3{width:90px}
.icoMarker.typeOft.typeL.searchnum1 .sMid {height:29px;background:url('/images/map/marker/markerpin_officetel_m_1.svg') no-repeat center bottom / 76px}
.icoMarker.typeOft.typeL.searchnum2 .sMid {height:29px;background:url('/images/map/marker/markerpin_officetel_m_2.svg') no-repeat center bottom / 76px}
.icoMarker.typeOft.typeL.searchnum3 .sMid {height:29px;background:url('/images/map/marker/markerpin_officetel_m_3.svg') no-repeat center bottom / 76px}


.icoMarker.typePar.typeS.searchnum1  .sTop,
.icoMarker.typePar.typeS.searchnum2  .sTop,
.icoMarker.typePar.typeS.searchnum3  .sTop{width:48px; margin:0 auto}
.icoMarker.typePar.typeS.searchnum1  .icoBookmark,
.icoMarker.typePar.typeS.searchnum2  .icoBookmark,
.icoMarker.typePar.typeS.searchnum3  .icoBookmark{right:15px}
.icoMarker.typePar.typeS.searchnum1, .icoMarker.typePar.typeS.searchnum2,.icoMarker.typePar.typeS.searchnum3{width:97px}
.icoMarker.typePar.typeS.searchnum1 .sMid {height:47px;background:url('/images/map/marker/markerpin_newsale_1.svg') no-repeat center bottom / 70px}
.icoMarker.typePar.typeS.searchnum2 .sMid {height:47px;background:url('/images/map/marker/markerpin_newsale_1.svg') no-repeat center bottom / 70px}
.icoMarker.typePar.typeS.searchnum3 .sMid {height:47px;background:url('/images/map/marker/markerpin_newsale_1.svg') no-repeat center bottom / 70px}



.icoRecon .icoMarker.typeApt.typeS.searchnum1, 
.icoRecon .icoMarker.typeApt.typeS.searchnum2, 
.icoRecon .icoMarker.typeApt.typeS.searchnum3,
.icoRecon .icoMarker.typeApt.typeM.searchnum1, 
.icoRecon .icoMarker.typeApt.typeM.searchnum2, 
.icoRecon .icoMarker.typeApt.typeM.searchnum3,
.icoRecon .icoMarker.typeApt.typeL.searchnum1, 
.icoRecon .icoMarker.typeApt.typeL.searchnum2, 
.icoRecon .icoMarker.typeApt.typeL.searchnum3{margin-left:-13px}


.icoRecon .icoMarker.typeOft.typeS.searchnum1, 
.icoRecon .icoMarker.typeOft.typeS.searchnum2, 
.icoRecon .icoMarker.typeOft.typeS.searchnum3,
.icoRecon .icoMarker.typeOft.typeM.searchnum1, 
.icoRecon .icoMarker.typeOft.typeM.searchnum2, 
.icoRecon .icoMarker.typeOft.typeM.searchnum3,
.icoRecon .icoMarker.typeOft.typeL.searchnum1, 
.icoRecon .icoMarker.typeOft.typeL.searchnum2, 
.icoRecon .icoMarker.typeOft.typeL.searchnum3{margin-left:-13px}

/* 마커 이미지 PNG 변환 */
.optimization .icoMarker.typeApt.typeXs {background: url('/images/map/markerpng/bg_marker_apt_4.png') no-repeat center 0 / 38px auto; }
.optimization .icoMarker.typeApt.typeS .sMid { background: url('/images/map/markerpng/bg_marker_apt_1.png') no-repeat center bottom / 64px; }
.optimization .icoMarker.typeApt.typeM .sMid { background: url('/images/map/markerpng/bg_marker_apt_2.png') no-repeat center bottom / 64px; }
.optimization .icoMarker.typeApt.typeL .sMid { background: url('/images/map/markerpng/bg_marker_apt_3.png') no-repeat center bottom / 70px; }
.optimization .icoMarker.typeApt.typeS.searchnum1 .sMid {background: url('/images/map/markerpng/markerpin_apartment_1.png') no-repeat center bottom / 70px}
.optimization .icoMarker.typeApt.typeS.searchnum2 .sMid{background:url('/images/map/markerpng/markerpin_apartment_2.png') no-repeat center bottom / 70px}
.optimization .icoMarker.typeApt.typeS.searchnum3 .sMid{background:url('/images/map/markerpng/markerpin_apartment_3.png') no-repeat center bottom / 70px}
.optimization .icoMarker.typeApt.typeM.searchnum1 .sMid {background: url('/images/map/markerpng/markerpin_apartment_m_1.png') no-repeat center bottom / 76px}
.optimization .icoMarker.typeApt.typeM.searchnum2 .sMid {background: url('/images/map/markerpng/markerpin_apartment_m_2.png') no-repeat center bottom / 76px}
.optimization .icoMarker.typeApt.typeM.searchnum3 .sMid {background: url('/images/map/markerpng/markerpin_apartment_m_3.png') no-repeat center bottom / 76px}
.optimization .icoMarker.typeApt.typeL.searchnum1 .sMid {background: url('/images/map/markerpng/markerpin_apartment_m_1.png') no-repeat center bottom / 76px;}
.optimization .icoMarker.typeApt.typeL.searchnum2 .sMid {background: url('/images/map/markerpng/markerpin_apartment_m_2.png') no-repeat center bottom / 76px;}
.optimization .icoMarker.typeApt.typeL.searchnum3 .sMid {background: url('/images/map/markerpng/markerpin_apartment_m_3.png') no-repeat center bottom / 76px;}

.optimization .icoMarker.typeOft.typeXs {background: url('/images/map/markerpng/bg_marker_oft_4.png') no-repeat center 0 / 38px auto }
.optimization .icoMarker.typeOft.typeS .sMid { background: url('/images/map/markerpng/bg_marker_oft_1.png') no-repeat center 0 / 64px;}
.optimization .icoMarker.typeOft.typeM .sMid { background: url('/images/map/markerpng/bg_marker_oft_2.png') no-repeat center 0 / 64px; }
.optimization .icoMarker.typeOft.typeL .sMid { background: url('/images/map/markerpng/bg_marker_oft_3.png') no-repeat center 0 / 70px; }
.optimization .icoMarker.typeOft.typeS.searchnum1 .sMid {background:url('/images/map/markerpng/markerpin_officetel_1.png') no-repeat center 0 / 70px}
.optimization .icoMarker.typeOft.typeS.searchnum2 .sMid {background:url('/images/map/markerpng/markerpin_officetel_2.png') no-repeat center 0 / 70px}
.optimization .icoMarker.typeOft.typeS.searchnum3 .sMid {background:url('/images/map/markerpng/markerpin_officetel_3.png') no-repeat center 0 / 70px}
.optimization .icoMarker.typeOft.typeM.searchnum1 .sMid {background:url('/images/map/markerpng/markerpin_officetel_m_1.png') no-repeat center 0 / 76px}
.optimization .icoMarker.typeOft.typeM.searchnum2 .sMid {background:url('/images/map/markerpng/markerpin_officetel_m_2.png') no-repeat center 0 / 76px}
.optimization .icoMarker.typeOft.typeM.searchnum3 .sMid {background:url('/images/map/markerpng/markerpin_officetel_m_3.png') no-repeat center 0 / 76px}
.optimization .icoMarker.typeOft.typeL.searchnum1 .sMid {background:url('/images/map/markerpng/markerpin_officetel_m_1.png') no-repeat center 0 / 76px}
.optimization .icoMarker.typeOft.typeL.searchnum2 .sMid {background:url('/images/map/markerpng/markerpin_officetel_m_2.png') no-repeat center 0 / 76px}
.optimization .icoMarker.typeOft.typeL.searchnum3 .sMid {background:url('/images/map/markerpng/markerpin_officetel_m_3.png') no-repeat center 0 / 76px}

.optimization .icoMarker.typePar.typeS .sMid { background: url('/images/map/markerpng/bg_marker_par_1.png') no-repeat center bottom / 64px; }
.optimization .icoMarker.typePar.typeS.searchnum1 .sMid {background:url('/images/map/markerpng/markerpin_newsale_1.png') no-repeat center bottom / 70px}
.optimization .icoMarker.typePar.typeS.searchnum2 .sMid {background:url('/images/map/markerpng/markerpin_newsale_2.png') no-repeat center bottom / 70px}
.optimization .icoMarker.typePar.typeS.searchnum3 .sMid {background:url('/images/map/markerpng/markerpin_newsale_3.png') no-repeat center bottom / 70px}

.optimization .icoRecon {background: url('/images/map/markerpng/bg_recon.png') no-repeat 0 1px / 54px auto}
.optimization .markerGroup .btnCloseMarkerOptions { background: url('/images/map/markerpng/bg_marker_close.png') no-repeat center center / cover;}
.optimization .markerGroup.typeOft .btnCloseMarkerOptions { background: url('/images/map/markerpng/bg_marker_close2.png') no-repeat center center / cover;}
.optimization .markerGroup.typePar .btnCloseMarkerOptions { background: url('/images/map/markerpng/bg_marker_close2.png') no-repeat center center / cover;}

.optimization .icoMarker.typeVilla .sLeft {background: url('/images/map/markerpng/bg_marker_villa_sl_off.png') no-repeat 1px 14px / 26px auto}
.optimization .icoMarker.typeVilla .sRight {background: url('/images/map/markerpng/bg_marker_villa_sr_off.png') no-repeat right 14px / 70px auto}
.optimization .icoMarker.typeVilla.active .sLeft,
.optimization .active > .icoMarker.typeVilla .sLeft {  background: url('/images/map/markerpng/bg_marker_villa_sl_on.png') no-repeat left 70% / 36px auto }
.optimization .icoMarker.typeVilla.active .sRight,
.optimization .active .icoMarker.typeVilla .sRight { background: url('/images/map/markerpng/bg_marker_villa_sr_on.png') no-repeat right 70% / 97px auto}
.optimization .icoMarker.typeVilla.typeNodata {  background: url('/images/map/markerpng/bg_marker_villa_off.png') no-repeat center 12px / 31px auto; }
.optimization .icoMarker.typeVilla.typeNodata.active, 
.optimization .active > .icoMarker.typeVilla.typeNodata { background: url('/images/map/markerpng/bg_marker_villa_on.png') no-repeat center -1px / 48px auto; }

.optimization .icoMarker.typeTooltip .sCenter:before {  background-image: url('/images/map/markerpng/bg_marker_tooltip_sl.png');background-size: 28px auto }
.optimization .icoMarker.typeTooltip .sCenter:after { background-image: url('/images/map/markerpng/bg_marker_tooltip_sr.png');background-size: 98px auto}
.optimization .btnSelector.typeComp .sBot {background: url('/images/map/markerpng/bg_selector_sb.png') no-repeat center center / 74px auto;min-height:35px;bottom:-34px }

.optimization .icoMarker.typeSchool.typeElem { background-image: url('/images/map/markerpng/bg_marker_school_elem.png');}
.optimization .icoMarker.typeSchool.typeElem.active,
.optimization .active > .icoMarker.typeSchool.typeElem { background-image: url('/images/map/markerpng/bg_marker_school_elem_on.png');}

.optimization .icoMarker.typeSchool.typeMid { background-image: url('/images/map/markerpng/bg_marker_school_mid.png');}
.optimization .icoMarker.typeSchool.typeMid.active,
.optimization .active > .icoMarker.typeSchool.typeMid { background-image: url('/images/map/masavingmarkerrker/bg_marker_school_mid_on.png');}

.optimization .icoMarker.typeSchool.typeHigh { background-image: url('/images/map/markerpng/bg_marker_school_high.png');}
.optimization .icoMarker.typeSchool.typeHigh.active,
.optimization .active > .icoMarker.typeSchool.typeHigh { background-image: url('/images/map/markerpng/bg_marker_school_high_on.png');}

.optimization .markerGroup.typeApt.type1 .markerOptions{background-image:url('/images/map/markerpng/markerpin_apartment_selected_bg.png')}
.optimization .markerGroup.typeOft.type1 .markerOptions{background-image:url('/images/map/markerpng/markerpin_officetel_selected_bg.png')}
.optimization .markerGroup.typePar.type1 .markerOptions{background-image:url('/images/map/markerpng/markerpin_newsales_selected_bg.png')}
.optimization .markerGroup.type1 .icoSale{background:url('/images/map/markerpng/markerpin_apartment_selected_icon_aptforsale_default.png') no-repeat 0 0 / 30px auto}
.optimization .markerGroup.type1 .icoSale.disabled, .optimization .markerGroup.type1 .btnWithIco.disabled .icoSale{background:url('/images/map/markerpng/markerpin_apartment_selected_icon_aptforsale_disabled.png') no-repeat 0 0 / 30px auto}
.optimization .markerGroup.type1 .icoHoneyComp{background:url('/images/map/markerpng/markerpin_apartment_selected_icon_danji_talk_default.png') no-repeat 0 0 / 30px auto}
.optimization .icoYoutube{background:url('/images/map/markerpng/markerpin_apartment_selected_icon_youtube_default.png') no-repeat 0 0 / 30px auto }
.optimization .icoGimg{background:url('/images/map/markerpng/markerpin_apartment_selected_icon_google_default.png') no-repeat 0 0 / 30px auto}
.optimization .icoSearch{background-image:url('/images/map/markerpng/markerpin_apartment_selected_icon_naver_default.png') no-repeat 0 0 /30px auto}
.optimization .markerGroup.typeApt.type1.snsoff .markerOptions{background-image:url('/images/map/markerpng/markerpin_apartment_selected_bg_2_btn.png')}
.optimization .markerGroup.typeOft.type1.snsoff .markerOptions{background-image:url('/images/map/markerpng/markerpin_officetel_selected_bg_2_btn.png')}
.optimization .markerGroup.typePar.type1.snsoff .markerOptions{background-image:url('/images/map/markerpng/markerpin_newsales_selected_bg_1_btn.png')}