@charset "utf-8";
:root {
    --icon-circle-color: #666;
}

/* map right */
header {
    position: fixed;
    border-bottom: solid 1px #dfe6ef;
    animation-name: slideDown;
    animation-duration: .3s;
    z-index: 106;
}

.menu-hidden header {
    height: 0;
    padding: 0;
    border: 0;
}

.menu-hidden .header-inner {
    overflow: hidden;
    height: 0;
    animation-name: slideUp;
    animation-duration: .3s;
}

.menu-hidden .sidenav, .menu-hidden .sidenav-contents {
    top: 70px;
}

.menu-hidden .logo {
    position: fixed;
    left: 0;
    top: 5px;
    z-index: 70;
}

.menu-hidden .logo::before {
    display: none;
}

.menu-hidden .gnb {
    display: none;
}

.menu-hidden .logo a {
    width: 70px;
    height: 65px;
    background: #23b3c6 url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin.svg) 50% calc(50% - 3px)/36px no-repeat;
}

.menu-hidden .top-filter {
    top: -65px;
}

.menu-hidden .top-filter.active {
    top: 5px;
}

.menu-hidden .map-legend-circle {
    top: 50px;
}

.menu-hidden .marker-option.left {
    top: 80px;
}

.menu-hidden .map-legend-list {
    top: 170px;
}

.menu-hidden .switcher-contents {
    top: 70px;
}

.logo {
    top: 130px;
}

.logo a {
    display: block;
    width: 170px;
    height: 80px;
    text-indent: -9999px;
    background: url(/res_root/img/common/logo_gin-286222e8fa2a02d21b492ea93d9d4909.svg) 50%/70% no-repeat;
}

.sidenav, .sidenav-contents {
    top: 130px;
}

.map-area {
    position: fixed;
    top: 130px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
    animation-name: slideDown2;
    animation-duration: .3s;
}

.map-area.header-hide {
    top: 0;
    padding-top: 5px;
    animation-name: slideUp2;
    animation-duration: .3s;
}

.map-area.header-hide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #23b3c6;
}

.switcher-contents {
    position: fixed;
    top: 130px;
    right: -280px;
    bottom: 0;
    width: 280px;
    height: calc(100% - 70px);
    border-left: 1px solid #d9e1ea;
    background-color: #fff;
    z-index: 4;
}

.switcher-contents.active {
    right: 0;
}

.switcher-contents .btn-close {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -18px;
    margin: auto;
    width: 18px;
    height: 58px;
    background-image: url(/res_root/img/common/icon_arrow_right-281db40949f57e67efc3d373f91febb5.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px;
    background-color: #fff;
    border-top: 1px solid #bcc1ca;
    border-left: 1px solid #bcc1ca;
    border-bottom: 1px solid #bcc1ca;
    transition: box-shadow .3s ease-out;
}

.switcher-contents .btn-open {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -18px;
    margin: auto;
    width: 18px;
    height: 60px;
    background-image: url(/res_root/img/common/icon_arrow_left-352c2344be264d3f22d20b1acd673b22.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 5px;
    background-color: #fff;
    border-top: 1px solid #bcc1ca;
    border-left: 1px solid #bcc1ca;
    border-bottom: 1px solid #bcc1ca;
    transition: box-shadow .3s ease-out;
}

.switcher-contents.active .btn-open {
    display: none;
}

.top-icons .icon-close {
    width: 30px;
}

.top-icons .icon-close::before, .top-icons .icon-close::after {
    background-color: #0a2e4f;
}

.top-icons .icon-close::before {
    width: 30px;
}

.top-icons .icon-close::after {
    height: 30px;
}

@keyframes slideUp {
    from {
        top: 0;
    }
    to {
        top: -70px;
    }
}

@keyframes slideDown {
    from {
        top: -70px;
    }
    to {
        top: 0;
    }
}

@keyframes slideUp2 {
    from {
        top: 70px;
    }
    to {
        top: 0;
    }
}

@keyframes slideDown2 {
    from {
        top: 0;
    }
    to {
        top: 70px;
    }
}

@keyframes slideUp3 {
    from {
        top: 70px;
    }
    to {
        top: 5px;
    }
}

@keyframes slideDown3 {
    from {
        top: 5px;
    }
    to {
        top: 70px;
    }
}

#map {
    background: url(/res_root/img/common/bg_logo-bb5e279581e59e814b89e0a05102d7e6.gif) repeat;
}

#panoMap {
    z-index: 1;
}

.map-wrap {
    position: fixed;
    top: 202px;
    left: 65px;
    right: 0;
    bottom: 0;
}

.map-menu {
    position: fixed;
    top: 80px;
    left: 75px;
}

.map-menu .btn {
    vertical-align: middle;
    letter-spacing: -1px;
}

.map-menu .btn + .btn {
    margin-left: 5px;
}

.map-menu .btn::after {
    content: "";
    display: inline-block;
    margin-left: 5px;
    background-position: 50%;
    background-repeat: no-repeat;
}

.map-menu .detail-info {
    background-color: #3d3d3d;
}

.map-menu .detail-info:hover, .map-menu .detail-info:active {
    background-color: #23b3c6;
}

.map-menu .detail-info::after {
    width: 18px;
    height: 16px;
    vertical-align: -3px;
    background-image: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_white.svg);
}

.map-menu .sale-info {
    padding-right: 30px;
    color: #0b99ac;
    font-family: NotoSansR;
    border: solid 1px #a9b2c7;
    background-color: #fff;
}

.map-menu .sale-info:hover, .map-menu .sale-info:active {
    background-color: #f0f3fc;
}

.map-menu .sale-info::after {
    position: absolute;
    top: 16px;
    right: 13px;
    width: 12px;
    height: 12px;
    vertical-align: baseline;
    background-image: url(../img/common/icon_arrow_up_purple.svg);
    transition: all .15s ease-in-out;
}

.map-menu .sale-info.open::after {
    transform: rotate(180deg);
}

.map-tool-area {
    position: fixed;
    bottom: 10px;
    left: 75px;
    width: 37px;
    height: 375px;
    z-index: 12;
}

.map-tool-btns {
    position: absolute;
    bottom: 90px;
    left: 0;
    z-index: 13;
}

.map-tool-btns button, .map-tool-list button {
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    padding-top: 18px;
    border: solid 1px #a9b2c7;
    border-radius: 5px;
    color: #0a2e4f;
    font-family: NotoSansR;
    font-size: 10px;
    background-color: #fff;
    outline: none;
}

.map-tool-btns button span::before, .map-tool-list button span::before {
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: #0a2e4f;
    transform: translateX(-50%);
    pointer-events: none;
}

.map-tool-btns * + * {
    margin-top: 10px;
}

.map-tool-btns .active, .map-tool-list .active {
    color: #fff;
    border-color: #0a2e4f;
    background-color: #0a2e4f;
}

.map-tool-btns .active span::before, .map-tool-list .active span::before {
    background-color: #fff;
}

.map-tool-btns > div button + button {
    margin-top: 0;
}

.map-tool-btns > div:last-child {
    margin-bottom: 0;
}

.map-tool button {
    background-repeat: no-repeat;
    background-position: 50% 3px;
    background-size: auto 18px;
}

.map-tool button:first-child {
    border-radius: 5px 5px 0 0;
}

.map-tool button + button {
    border-top: 0;
}

.map-tool button:last-child {
    border-radius: 0 0 5px 5px;
}

.tool-list {
    position: relative;
    width: 37px;
    height: 36px;
    overflow: hidden;
    -webkit-transition: width .3s, -webkit-transform .3s;
    transition: width .3s, transform .3s;
}

.tool-list.more::before {
    left: 32px;
    border-top: 4px solid transparent;
    border-left: 4px solid #a9b2c7;
    border-bottom: 4px solid transparent;
    border-right: 0;
}

.map-tool-list {
    position: absolute;
    left: 0;
    bottom: 42px;
}

.map-tool-list + .map-tool-list {
    bottom: 0;
}

.map-tool-list .tool-list > div {
    display: flex;
    flex-flow: row nowrap;
    position: absolute;
    top: 0;
    left: 0;
}

.map-tool-list button {
    border-right: 0;
    border-radius: 0;
}

.map-tool-list button:not(.selected) span::before {
    background-color: #a9b2c7;
}

.map-tool-list button:not(.selected) {
    color: #a9b2c7;
    background-color: #f3f6fb;
}

.map-tool-list button:first-child, .map-tool-list button:nth-child(5) {
    border-radius: 5px 0 0 5px;
}
.map-tool-list button:nth-child(4){
    border-radius: 0 5px 5px 0;
    border-right: solid 1px #a9b2c7;
}
.map-tool-list button.last {
    border-radius: 0 5px 5px 0;
    border-right: solid 1px #a9b2c7;
    margin-right: 1px;
}

.map-tool-list[data-type] button:last-child {
    border-radius: 0 5px 5px 0;
    border-right: solid 1px #a9b2c7;
}

.map-tool-list button:nth-child(n+5){
    margin-top: 5px;
}

.btn-fit::before {
    mask: url(/res_root/img/common/icon_fit-d60534203ebe2bd4831c8ae68bbdaa61.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_fit-d60534203ebe2bd4831c8ae68bbdaa61.svg) 50%/contain no-repeat;
}

.btn-hide::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_hide.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_hide.svg) 50%/contain no-repeat;
}

.btn-map-apt::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/16px no-repeat;
}

.btn-map::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/18px no-repeat;
}

.btn-land::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_land.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_land.svg) 50%/contain no-repeat;
}

.btn-airplane::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_airplane.svg) 50%/17px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_airplane.svg) 50%/17px no-repeat;
}

.btn-street::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_cam.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_cam.svg) 50%/18px no-repeat;
}

.btn-house::before {
    mask: url(/res_root/img/common/icon_house-c1cb8dd18edfa0a4416e7f21a429acb1.svg) 50%/17px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_house-c1cb8dd18edfa0a4416e7f21a429acb1.svg) 50%/17px no-repeat;
}

.btn-school::before {
    mask: url(/res_root/img/common/icon_cho-a1d34f659f27f959dc52777d11fb575a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_cho-a1d34f659f27f959dc52777d11fb575a.svg) 50%/contain no-repeat;
}

.btn-subway::before {
    mask: url(/res_root/img/common/icon_subway-0b1cf9f1d358ab214b6001ef7417f698.svg) 50%/14px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_subway-0b1cf9f1d358ab214b6001ef7417f698.svg) 50%/14px no-repeat;
}

.btn-bus::before {
    mask: url(/res_root/img/common/icon_bus-4c1202bdaec84c5e2bc51ae535db5454.svg) 50%/14px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_bus-4c1202bdaec84c5e2bc51ae535db5454.svg) 50%/14px no-repeat;
}

.btn-job::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_job.svg) 50%/14px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_job.svg) 50%/18px no-repeat;
}

.btn-shop::before {
    mask: url(../img/common/icon_shop.svg) 50%/18px no-repeat;
    -webkit-mask: url(../img/common/icon_shop.svg) 50%/18px no-repeat;
}

.btn-academy::before {
    mask: url(/res_root/img/common/icon_book-5e2f66859dd8bfd20b4a7b9c8302329a.svg) 50%/18px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_book-5e2f66859dd8bfd20b4a7b9c8302329a.svg) 50%/18px no-repeat;
}

.btn-mart::before {
    mask: url(../img/common/icon_cart.svg) 50%/18px no-repeat;
    -webkit-mask: url(../img/common/icon_cart.svg) 50%/18px no-repeat;
}

.btn-hospital::before {
    mask: url(../img/common/icon_hospital.svg) 50%/16px no-repeat;
    -webkit-mask: url(../img/common/icon_hospital.svg) 50%/16px no-repeat;
}

.btn-cafe::before {
    mask: url(../img/common/icon_cup.svg) 50%/18px no-repeat;
    -webkit-mask: url(../img/common/icon_cup.svg) 50%/18px no-repeat;
}

.btn-store::before {
    mask: url(../img/common/icon_store.svg) 50%/18px no-repeat;
    -webkit-mask: url(../img/common/icon_store.svg) 50%/18px no-repeat;
}

.btn-bank::before {
    mask: url(/res_root/img/common/won-sign-solid-6bd362111e8681eee8a6a3a0d40288b9.svg) 50%/18px no-repeat;
    -webkit-mask: url(/res_root/img/common/won-sign-solid-6bd362111e8681eee8a6a3a0d40288b9.svg) 50%/18px no-repeat;
}

.btn-gas::before {
    mask: url(../img/common/icon_gas.svg) 50%/18px no-repeat;
    -webkit-mask: url(../img/common/icon_gas.svg) 50%/18px no-repeat;
}

.btn-refresh::before {
    mask: url(/res_root/img/common/icon_rotate-fe02720a46275e3e0b8c16b87986078d.svg) 50%/18px no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_rotate-fe02720a46275e3e0b8c16b87986078d.svg) 50%/18px no-repeat;
}

.btn-gps::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_gps.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_gps.svg) 50%/18px no-repeat;
}

.btn-dev-all::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/dev_all.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/dev_all.svg) 50%/18px no-repeat;
}

.btn-dev-rail::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/rail.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/rail.svg) 50%/18px no-repeat;
}

.btn-dev-road::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/road.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/road.svg) 50%/18px no-repeat;
}

.btn-dev-jigu::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/jigu.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/jigu.svg) 50%/18px no-repeat;
}

.btn-mountain::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/mountain.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/mountain.svg) 50%/contain no-repeat;
}

.btn-around::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_around.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_around.svg) 50%/16px no-repeat;
}


span.btn-refresh::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    vertical-align: -3px;
    background-color: #fff;
}

.btn-map-normal::before {
    mask: url(../img/common/icon_map_normal.svg) 50%/18px no-repeat;
    -webkit-mask: url(../img/common/icon_map_normal.svg) 50%/18px no-repeat;
}

.btn-map-fire::before {
    mask: url(../img/common/icon_fire.svg) 50%/contain no-repeat;
    -webkit-mask: url(../img/common/icon_fire.svg) 50%/contain no-repeat;
}

.btn-map-filter::before {
    mask: url(/res_root/img/common/icon_map_filter-3d9d10ef3c514ec32a732384b618c936.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_map_filter-3d9d10ef3c514ec32a732384b618c936.svg) 50%/contain no-repeat;
}

.btn-apt-filter::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/16px no-repeat;
}

.btn-distance {
    background-image: url(/res_root/img/common/icon_distance-591af031dae66c0112d6d7fdc345509d.svg);
}

.btn-distance.active {
    background-image: url(/res_root/img/common/icon_distance_white-f3b5e9d798239a1a26ff4de594410c72.svg);
}

.btn-directions {
    background-image: url(/res_root/img/common/icon_directions-1716f7b49d00c03081efdb5557ed558a.svg);
    background-size: auto 16px !important;
}

.btn-directions.active {
    background-image: url(/res_root/img/common/icon_directions_white-d162ccccbda2ce31029c3504ce1a94b1.svg);
}

.btn-radius {
    background-image: url(../img/common/icon_radius.svg);
}

.btn-radius.active {
    background-image: url(../img/common/icon_radius_white.svg);
}

.btn-filter.active span::before {
    background-color: #fff;
}

.map-filter {
    position: fixed;
    left: -340px;
    bottom: 45px;
    overflow-y: auto;
    width: 320px;
    max-height: 805px;
    border: 1px solid #d9e1ea;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    background-color: #fff;
    opacity: 0;
    transition: .3s;
    z-index: 14;
}

.map-filter.active {
    left: 120px;
    opacity: 1;
}

.map-filter .btn-filter-close {
    position: absolute;
    overflow: hidden;
    top: 5px;
    right: 5px;
    display: block;
    width: 24px;
    height: 24px;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.map-filter .btn-filter-close::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background-color: #0a2e4f;
    mask: url(/res_root/img/common/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg) 50%/contain no-repeat;
}

.filter-group {
    padding: 12px 10px 10px 10px;
}

.filter-group h4 {
    margin-bottom: 8px;
    padding-left: 0;
    font-size: 14px;
    line-height: 100%;
    background: none;
}

.filter-group + .filter-group {
    border-top: 1px solid #d9e1ea;
}

.filter-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.filter-title.row {
    margin-bottom: 8px;
}

.filter-title.row h4 {
    margin-bottom: 0;
}

.filter-title button {
    float: left;
    position: relative;
    min-width: 50px;
    height: 25px;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
    background-color: #f2f2f2;
    transition: .3s;
    cursor: pointer;
}

.filter-title button:nth-child(2) {
    margin-left: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.filter-title button + button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.filter-title button:hover {
    background-color: #edf1f6;
}

.filter-title .active, .filter-title .active:hover {
    color: #fff;
    font-weight: 500;
    background-color: #23b3c6;
}

.filter-input {
    margin-top: 5px;
}

.filter-input input[type=number] {
    width: calc(33% - 8px);
    height: 38px;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    font-size: 15px;
    text-indent: 0;
    background: #fff;
}

.filter-input button {
    min-width: 60px;
    height: 38px;
    font-size: 14px;
    color: #fff;
    margin-left: 10px;
    background-color: #365b7a;
    border-radius: 3px;
    transition-duration: 300ms;
}

.filter-input button:hover {
    background-color: #0a2e4f;
}

.filter-items {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.filter-items button {
    position: relative;
    width: calc(33.333% + 1px);
    height: calc(35px + 1px);
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid #d9e0f7;
    border-radius: 0;
    color: #7080ad;
    font-family: NotoSansR;
    font-size: 14px;
    background-color: #f3f6fb;
    transition: .3s;
    cursor: pointer;
}

.filter-items button:hover {
    background-color: #edf1f6;
}

.filter-items .active, .filter-items .active:hover {
    color: #fff;
    border-color: #0a2e4f;
    font-family: NotoSansM;
    background-color: #365b7a;
}

.filter-items .year0 {
    color: #f9b921;
}

.filter-items .year5 {
    color: #7dc13a;
}

.filter-items .year10 {
    color: #4d6bd9;
}

.filter-items .year15 {
    color: #8f55e2;
}

.filter-items .year25 {
    color: #98806c;
}

.filter-items .year26 {
    color: #5e6376;
}

.filter-items .year35 {
    color: #999;
}

.filter-items button[class^=year]:hover, .filter-items button[class^=year].active {
    color: #fff;
}

.filter-items .year0:hover, .filter-items .year0.active {
    border-color: #f9b921;
    background-color: #f9b921;
}

.filter-items .year5:hover, .filter-items .year5.active {
    border-color: #7dc13a;
    background-color: #7dc13a;
}

.filter-items .year10:hover, .filter-items .year10.active {
    border-color: #4d6bd9;
    background-color: #4d6bd9;
}

.filter-items .year15:hover, .filter-items .year15.active {
    border-color: #8f55e2;
    background-color: #8f55e2;
}

.filter-items .year25:hover, .filter-items .year25.active {
    border-color: #98806c;
    background-color: #98806c;
}

.filter-items .year26:hover, .filter-items .year26.active {
    border-color: #5e6376;
    background-color: #5e6376;
}

.filter-items .year35:hover, .filter-items .year35.active {
    border-color: #999;
    background-color: #999;
}

.map-filter.icon {
    width: 360px;
}

.map-filter.icon .filter-items button {
    width: calc(25% + 1px);
}

.map-filter.apt {
    display: none;
    position: fixed;
    left: auto;
    right: 0;
    bottom: 0;
    top: 173px;
    width: 350px;
    margin-left: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    opacity: 1;
    transition: none;
}

.map-right {
    display: flex;
    flex-flow: column nowrap;
    width: 350px;
    height: auto;
    animation-name: slideDown3;
    animation-duration: .3s;
    z-index: 12;
}

.map-right.header-hide {
    top: 5px;
    animation-name: slideUp3;
    animation-duration: .3s;
}


.map-right .switch-area .switch {
    width: auto;
    height: 24px;
    justify-content: center;
    padding-left: 35px;
    padding-right: 0;
}

.map-right .switch-area .switch + .switch {
    margin-left: 5px;
}

.map-right .switch .slider {
    width: 27px;
    height: 12px;
}

.map-right .switch .slider::before {
    height: 15px;
    width: 15px;
    top: -2px;
    left: -1px;
}

.map-right .tab-panel > div + div:not([class^=tab]) {
    margin-top: 0;
}

.map-right .dropdown + .dropdown {
    margin-left: 0;
}

.map-right .chart-area {
    min-height: 270px;
    padding: 8px;
    border-color: #d9e0f7;
    background-size: 100px auto;
}

.map-right .chart-area i {
    font-size: 12px;
}

.switch-area {
    position: absolute;
    top: -1px;
    right: 5px;
    display: flex;
    align-items: center;
}

.switch-area span {
    font-size: 12px;
}

.switch-area .slider {
    width: 27px;
    height: 12px;
}

.switch-area .switch .slider::before {
    width: 15px;
    height: 15px;
    top: -2px;
}

.switch-area .switch input:checked + .slider:before {
    transform: translateX(14px);
}

.map-right .search .icon-loading {
    text-indent: 0;
}

.icon-loading {
    width: 43px;
    height: 43px;
    font-size: 0;
    color: transparent;
    line-height: 0;
    cursor: default;
}

.icon-loading:hover {
    background-color: transparent;
}

.icon-loading::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 3px solid #cecdde;
    border-radius: 50%;
    border-top-color: #23b3c6;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes slideUp {
    from {
        top: 0;
    }
    to {
        top: -70px;
    }
}

@keyframes slideDown {
    from {
        top: -70px;
    }
    to {
        top: 0;
    }
}

@keyframes slideUp2 {
    from {
        top: 70px;
    }
    to {
        top: 0;
    }
}

@keyframes slideDown2 {
    from {
        top: 0;
    }
    to {
        top: 70px;
    }
}

@keyframes slideUp3 {
    from {
        top: 70px;
    }
    to {
        top: 5px;
    }
}

@keyframes slideDown3 {
    from {
        top: 5px;
    }
    to {
        top: 70px;
    }
}

.btn-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 5px;
    right: 0;
    width: 50px;
    height: 65px;
    z-index: 201;
}

.btn-menu button {
    position: relative;
    right: 0;
    width: 22px;
    height: 18px;
    overflow: hidden;
    outline: none;
}

.btn-menu button::before, .btn-menu button::after {
    content: "";
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

.btn-menu button::before, .btn-menu button::after, .btn-menu button .toggle-bar {
    width: 22px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-1px);
    background-color: #0a2e4f;
    -moz-transition: cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    -o-transition: cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    -webkit-transition: cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
    transition: cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
}

.btn-menu button::before {
    transform: translateY(-9px);
}

.btn-menu button::after {
    transform: translateY(7px);
}

.btn-menu button.active {
    margin-top: -7px;
}

.btn-menu button.active::before {
    background-color: #fff;
    transform: rotate(45deg);
}

.btn-menu button.active::after, .btn-menu button.active .toggle-bar {
    background-color: #fff;
    transform: rotate(-45deg);
}

.btn-menu button.active .toggle-bar {
    opacity: 0;
}

.tab-area {
    position: relative;
}

.map-category {
    overflow: hidden;
    height: 43px;
}

.map-category ul {
    height: 43px;
    border-bottom: solid 1px #dadce0;
    border-top: solid 1px #dadce0;
    padding-left: 40px;
    padding-right: 40px;
}

.map-category li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    float: left;
    height: 41px;
    color: #7e81a6;
    font-size: 16px;
    letter-spacing: -.5px;
    cursor: pointer;
}

.map-category li:not(.btn-prev):not(.btn-next) {
    width: 20%;
}

.map-category li:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #dadce0;
}

.map-category li.active {
    font-family: NotoSansM;
    color: #0a2e4f;
}

.map-category li.active::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #23b3c6;
}

.map-category li.active:hover::before {
    background-color: #23b3c6;
}

.map-category li.active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.map-category li + li {
    border-right: solid 1px #dadce0;
}

.map-category li .pre-span {
    position: absolute;
    top: -2px;
    right: -11px;
}

.map-category .btn-next, .map-category .btn-prev {
    position: absolute;
    top: 0;
    width: 40px;
    height: 42px;
}

.map-category .btn-next {
    right: 0;
    border-left: 0;
    border-right: 0;
}

.map-category .next, .map-category .prev {
    width: 40px;
    height: 40px;
    text-indent: -9999px;
}

.map-category .next::before, .map-category .prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 13px;
    background-color: #999;
    transition: .3s;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.map-category .next:hover::before, .tab-category .next:active::before, .map-category .prev:hover::before, .tab-category .prev:active::before {
    background-color: #23b3c6;
}

.map-category .prev::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.map-category .default {
    padding-left: 0;
}

.map-category .default li:not(.btn-prev):not(.btn-next) {
    width: 20%;
}

.map-category .end {
    padding-right: 0;
}

.map-category .btn-prev {
    display: none;
    left: 0;
    border-right: solid 1px #dadce0;
}

.map-category .flex-default {
    display: flex;
    flex-flow: row nowrap;
    padding: 0;
}

.map-category .flex-default li:not(.btn-prev):not(.btn-next) {
    width: auto;
}

.map-category .flex-default li {
    flex: 1;
}

.map-category .flex-default li:first-child {
    border-right: solid 1px #dadce0;
}

.filter-area {
    padding: 5px 0;
    border-bottom: solid 1px #d9e1ea;
}

.filter-area > div {
    padding: 5px 10px;
}

.filter-area > div + div {
    border-top: solid 1px #efefef;
}

.topic-btns > button, .options button {
    color: #0a2e4f;
    border-radius: 3px;
    font-size: 15px;
    background-color: #f1f1f1;
    transition: .3s;
}

.topic-btns > button:hover, .topic-btns > button:active, .options button:hover, .options button:active {
    color: #fff;
    border-color: #8692b4;
    background-color: #8692b4;
}

.filter-area .dropdown:hover {
    border-color: #23b3c6;
}

.topic-btns {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.topic-btns.eco-topic > button {
    flex: 0 1 calc(33% - 3px);
    margin-bottom: 5px;
}

.topic-btns.eco-topic > button:nth-child(n+4) {
    margin-left: 0;
    margin-right: auto;
}
.topic-btns.eco-topic > button:nth-child(4) {
    margin-right: 5px;
}

.topic-btns > button {
    flex: 1;
    height: 50px;
    border: solid 1px #f1f1f1;
    border-radius: 5px;
    font-size: 17px;
}

.topic-btns > button + * {
    margin-left: 5px;
}

.topic-btns > button:hover {
    border-color: #8692b4;
    color: #fff;
}

.topic-btns > button.active {
    border-color: #0b99ac;
    color: #fff;
    background-color: #23b3c6;
}

.topic-btns .btn-orange.active {
    border-color: #ff6129;
    background-color: #ff7240;
}

.topic-btns .btn-apt-filter {
    border-color: #8891a3;
    color: #fff;
    font-size: 15px;
    background-color: #8891a3;
}

.topic-btns .btn-apt-filter::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background-color: #fff;
    mask: url(/res_root/img/common/icon_map_filter-3d9d10ef3c514ec32a732384b618c936.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_map_filter-3d9d10ef3c514ec32a732384b618c936.svg) 50%/contain no-repeat;
}

.topic-btns > .btn-apt-filter:hover {
    border-color: #afb3bb;
    background-color: #afb3bb;
}

.topic-btns > .btn-apt-filter.active {
    border-color: #0a2e4f;
    background-color: #0a2e4f
}

.topic-btns > button > .pre-span {
    position: absolute;
    top: 1px;
    right: 1px;
}

.topic-form {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 10px;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
}

.topic-form > * + * {
    margin-left: 5px;
}

.topic-form .dropdown {
    background-color: #fff;
}

.topic-form input[type=text] {
    height: 36px;
    background: #ffffff;
    border: 1px solid #dbdbdb;
    border-radius: 4px;
    margin-left: 6px;
    text-indent: 0;
    transition: border-color .3s;
}

.topic-form input[type=text]:hover {
    border-color: #0a2e4f;
}

.topic-form button {
    height: 36px;
    color: #fff;
    background-color: #0a2e4f;
}

.topic-form button:hover {
    background-color: #0a2e4f;
}

.topic-btns .map-filter-set {
    width: calc(50% - 10px);
}

.map-filter-set {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    border-radius: 24px;
}

.map-filter-set span.pre-span {
    position: absolute;
    top: 5px;
    margin-top: 0;
}

.map-filter-set .selecting {
    position: relative;
}

.map-filter-set .selecting span.tips {
    position: absolute;
    top: 5px;
    right: 45px;
    color: #0a2e4f;
}

.map-filter-set .selecting span.tips::after {
    position: absolute;
    top: 0;
    right: -48px;
}

.map-filter-set .selecting .tips-box {
    top: 5px;
    right: 19px;
    width: 430px;
}

.map-filter-set .selecting .tips-box p {
    word-break: keep-all;
}

.map-filter-set .filter {
    position: relative;
    word-break: keep-all;
    width: 100%;
}

.map-filter-set .filter > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 50px;
    padding: 14px 36px 0 12px;
    border-left: 1px solid #dadce0;
    border-top: 1px solid #dadce0;
    border-bottom: 1px solid #dadce0;
    border-radius: 5px;
    color: #0a2e4f;
    font-family: NotoSansR;
    font-size: 15px;
    line-height: 44px;
    background-color: #fff;
    transition: background 100ms ease-out;
}

.map-filter-set .filter > a.active {
    border-color: #0a2e4f;
}

.map-filter-set .filter > a .filter-name {
    top: 4px;
    left: 12px;
    font-family: NotoSansR;
}

.map-filter-set .filter > a .arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 12px;
    height: 7px;
    background-image: none;
    background-color: #9e9e9e;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.map-filter-set .filter > a.active .arrow {
    transform: translateY(-50%) rotate(-180deg);
}

.map-filter-set .checking-set, .map-filter-set .selecting-set {
    flex-direction: column;
}

.topic-btns .map-filter-set .filter > a {
    flex-flow: row wrap;
    color: #fff;
    padding-top: 0;
    border-color: #0a2e4f;
    background-color: #365b7a;
}

.topic-btns .map-filter-set .filter > a .arrow {
    background-color: #fff;
}

.topic-btns .map-filter-set .filter > a .filter-name {
    width: 100%;
    margin-top: -2px;
    margin-bottom: -10px;
    color: #fff99f;
    font-family: NotoSansM;
    font-size: 12px;
    font-weight: normal;
}

.topic-btns .map-filter-set .filter > a .text {
    color: #fff;
    font-family: NotoSansM;
    font-weight: normal;
    line-height: 100%;
    white-space: pre;
}

.topic-btns .map-filter-set .filter > a .icon-tips::after {
    background-color: #0a2e4f;
}

.topic-btns .map-filter-set .filter > a .icon-tips:hover::after {
    background-color: #23b3c6;
}

.topic-btns .map-filter-set .filter > a.active {
    border-color: #0a2e4f;
}

.topic-btns .map-filter-set .filter fieldset {
    display: none;
    position: absolute;
    top: 50px;
    left: auto;
    right: 0;
    padding-top: 0;
    border: 1px solid #2e2e2e;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    background-color: #fff;
    z-index: 5;
}

.topic-btns .map-filter-set.left .filter fieldset {
    left: 0;
}

.topic-btns .map-filter-set.left {
    width: calc(50% - 5px);
}

.topic-btns .map-filter-set.left + * {
    margin-left: 5px;
}

.topic-btns button + .map-filter-set {
    margin-left: 10px;
}

.options > div {
    display: flex;
    flex-flow: row wrap;
}

.options > div + div {
    margin-top: 5px;
}

.options > div > *:not(:last-child) {
    margin-right: 5px;
}

.options > div .checking {
    margin-left: 10px;
}

.options button {
    flex: 1;
    height: 38px;
}

.options button.active, .options button.clicked {
    border-color: #0a2e4f;
    color: #fff;
    background-color: #0a2e4f;
}

.options .map-filter-set {
    flex: 1;
}

.options .tip {
    position: absolute;
    top: -3px;
    right: -2px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background-color: #23b3c6;
    z-index: 1;
    cursor: default;
}

.options .tip[data-tooltip-direction=bottom]::after {
    top: 22px;
    min-width: 165px;
}

.options .tip[data-tooltip-direction=bottom]:hover::after {
    top: 24px;
}

.options.add {
    display: none;
}

.options.add.active {
    display: block;
}

.options.add > div:not(.sub-btns) > button {
    border-radius: 3px 3px 0 0;
}

.options.add > div:not(.sub-btns) > button:hover, .options.add > div:not(.sub-btns) > button:active {
    background-color: #aeb8d4;
}

.options.add > div:not(.sub-btns) > button span {
    display: none;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #fff;
    z-index: 1;
}

.options.add > div:not(.sub-btns) > button.active {
    position: relative;
    border: solid 1px #dee3eb;
    border-bottom: 0;
    border-top: solid 2px #0a2e4f;
    color: #0a2e4f;
    font-family: NotoSansM;
    background-color: #fff;
}

.options.add > div:not(.sub-btns) > button.active span {
    display: block;
}

.options.add > div:not(.sub-btns) > button:not(:last-child) {
    margin-right: 1px;
}

.options.add > div:not(.sub-btns) > button span.pre-span {
    display: inline-block;
    height: 16px;
    bottom: auto;
    left: auto;
    background-color: transparent;
    top: -6px;
    right: -3px;
}
.options.half-option {
    display: flex;
    flex-flow: row wrap;
}
.options.half-option > div {
    width: 49%;
}
.options.half-option > div+div {
    margin-top: 0px;
    margin-left: 6px;
}
.options.half-div{
    width: 49%;
    display: inline-block;
    padding-right: 0;
}
.options.half-div.right-div{
    padding-left: 1px;
    padding-right: 8px;
}

.option-text {
    line-height: 38px;
}

.option-info {
    font-size: 14px;
    line-height: 38px;
    letter-spacing: -1px;
}

.icon-date {
    display: inline-block;
    width: 18px;
    height: 38px;
    background: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50%/18px no-repeat;
}

.map-date .dropdown > .dropdown-select {
    padding: 0 20px 0 8px;
}

.map-date .dropdown > .dropdown-select::after {
    right: 9px;
}

.tab-panel {
    display: none;
}

.tab-panel.active {
    display: block;
}

.map-info {
    position: relative;
    flex: 1;
}

.map-info .title-area > * {
    margin: 0;
    line-height: 20px;
}

.map-info .title-area h4 {
    display: inline-block;
    margin-left: 5px;
    padding-left: 20px;
    font-size: 16px;
    background-size: 16px;
    background-position: 0 2px;
}

.map-info .title-area h4::before {
    display: none;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 12px;
    border-radius: 2px;
    background-color: #23b3c6;
    transform: translateY(-50%);
}

.map-info .title-area h4 > * {
    display: inline-block;
    vertical-align: middle;
}

.map-info .title-area .info {
    position: absolute;
    top: 2px;
    right: 5px;
    font-size: 12px;
}

.map-info .title-area .info.static {
    position: static;
    display: block;
}

.map-info .title-area .info .dropdown {
    height: 24px;
    margin-left: 3px;
}

.map-info .title-area .info .dropdown > .dropdown-select {
    height: 24px;
    line-height: 24px;
}

.map-info .title-area .info .dropdown > .dropdown-select span {
    font-size: 12px;
}

.map-info .title-area .info .dropdown > .dropdown-menu > li {
    padding: 5px;
    font-size: 12px;
}

.map-info .title-area .info.price::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    border-radius: 100%;
    background-color: rgba(236, 105, 105, 0.8);
}

.map-info .sub-tab {
    clear: both;
}

.map-info .sub-tab ul {
    display: flex;
    justify-content: space-between;
    border: 0;
    border-radius: 3px 3px 0 0;
}

.map-info .sub-tab li {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex: 1;
    width: auto;
    height: 36px;
    border-color: #d9e0f7;
    border: solid 1px #dde8fc;
    border-right: 0;
    border-bottom: solid 1px #d9e0f7;
    border-radius: 3px 3px 0 0;
    color: #a4aecb;
    font-size: 13px;
    transition: background-color .3s;
    background-color: #f3f6fb;
    cursor: pointer;
}

.map-info .sub-tab li:hover::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 2px;
    height: 2px;
    background-color: #d9e0f7;
}

.map-info .sub-tab li + li {
    margin-left: 0;
}

.map-info .sub-tab li:last-child {
    border-right: solid 1px #dadce0;
}

.map-info .sub-tab li:not(.active):hover {
    background-color: #f3f6fb;
}

.map-info .sub-tab [class^=btn-] {
    display: none;
}

.map-info .sub-tab .active {
    color: #0a2e4f;
    border-color: #d9e0f7;
    font-family: NotoSansM;
    background-color: #fff;
}

.map-info .sub-tab .active::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    width: 100%;
    border-radius: 2px;
    height: 2px;
    background-color: #23b3c6;
}

.map-info .sub-tab .active:hover::before {
    background-color: #23b3c6;
}

.map-info .sub-tab .active:hover {
    background-color: #fff;
}

.map-info .sub-tab .active::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.map-info .sub-tab li[class^=btn-] {
    position: relative;
    padding: 0 12px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.map-info .sub-tab li[class^=btn-]::before {
    content: "";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #a4aecb;
}

.map-info .sub-tab .btn-prev {
    border-right: solid 1px #d9e0f7;
}

.map-info .sub-tab .btn-prev::before {
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transform: translate(-50%, -50%) rotate(90deg);
}

.map-info .sub-tab .btn-next::before {
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transform: translate(-50%, -50%) rotate(-90deg);
}

.map-info .sub-tab.apt {
    margin-left: -10px;
    margin-right: -10px;
}

.sub-tab.apt ul, .sub-tab.apt li {
    border-radius: 0;
}

.map-info .compare-btns {
    min-height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

.map-info .compare-btns button {
    height: 38px;
    line-height: 38px;
    margin-right: 0;
    padding: 0;
}

.map-info .tab-panel {
    flex-flow: column nowrap;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 43px;
}

.map-info .tab-panel.active {
    display: flex;
}

.map-info .scroll-tbody {
    min-height: auto;
    max-height: 156px;
}

.map-info .table-basic {
    border-top: solid 2px #d5dae6;
}

.map-info .table-basic.mini {
    margin: 5px 0 10px 0;
}

.map-info .table-basic th, .map-info .table-basic td {
    font-size: 13px;
}

.map-info .table-basic th {
    padding: 5px 1px;
    font-size: 12px;
}

.map-info .table-basic td {
    padding: 5px;
    text-align: left;
}

.map-info .table-basic td .list-basic {
    margin-bottom: 0;
}

.map-info .table-basic td .dropdown {
    width: 100%;
}

.map-info .table-basic td .dropdown > .dropdown-select {
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
}

.map-info .table-basic td .dropdown > .dropdown-select > span, .map-info .table-basic td .dropdown > .dropdown-menu > li {
    font-size: 13px;
    word-break: keep-all;
    line-height: 110%;
}

.map-info .table-basic td .dropdown > .dropdown-menu > li {
    padding: 8px 10px;
}

.map-info .auction-photo {
    margin-bottom: 20px;
}

.map-info .auction-photo img {
    width: 100%;
}

.map-info .auction-photo img + img {
    margin-top: 10px;
}

.map-info .result-area h5 {
    padding: 3px 3px 3px 10px;
    border-bottom: solid 1px #d9e9eb;
    font-size: 13px;
    color: #0b99ac;
    line-height: 100%;
    background-color: #e9f3f4;
}

.map-info .result-area h5 + p {
    position: absolute;
    top: 0;
    right: 10px;
    color: #7080ad;
    font-size: 11px;
    line-height: 23px;
}

.map-info .result-area h5 .info {
    float: right;
    color: #7080ad;
    font-size: 11px;
}

.map-info .sub-tab li .pre-span {
    position: absolute;
    top: -8px;
    right: 0px;
    width: 16px;
    height: 16px;
    margin: 0;
}

.map-info .sub-tab li .tips {
    position: absolute;
    top: -9px;
    right: -6px;
}

.map-info .sub-tab li .tips::after {
    width: 16px;
    height: 16px;
    font-size: 11px;
    line-height: 17px;
}

.map-info .sub-tab li .tips-box {
    top: -8px;
    right: 10px;
    width: 313px;
}

.map-info .sub-tab li .tips-box h5 {
    padding: 4px 15px 0 15px;
    border-bottom: solid 1px #d9e0e8;
    color: #0a2e4f;
    font-size: 16px;
    line-height: 36px;
    background-color: #edf1f6;
}

.map-info .sub-tab li h5 + p {
    position: static;
}

.map-info .sub-tab li p {
    padding: 0 10px;
    color: #0a2e4f;
    font-size: 13px;
    line-height: 16px;
}

.map-info-btns {
    display: flex;
    flex-flow: row wrap;
}

.map-info-btns button {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 38px;
    border-radius: 3px;
    color: #fff;
    transition: .3s;
}

.map-info-btns button::before, .map-info-btns button::after {
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: -3px;
    transition: .3s;
}

.map-info-btns button + button {
    margin-left: 5px;
}

.map-info-btns button:nth-child(4) {
    margin-left: 0;
    margin-top: 5px;
}

.map-info-btns button.btn-naver {
    width: 49%;
    margin: 0 0 0 5px;
}

.map-info-btns .btn-purple {
    background-color: #ff7240;
}

.map-info-btns .btn-purple:hover, .map-info-btns .btn-purple:active {
    background-color: #ffb05c;
}

.map-info-btns .btn-blue {
    background-color: #088da1;
}

.map-info-btns .btn-blue:hover, .map-info-btns .btn-blue:active {
    background-color: #12b88f;
}

.map-info-btns .btn-green {
    background-color: #3f79d1;
}

.map-info-btns .btn-green:hover, .map-info-btns .btn-green:active {
    background-color: #7e5bee;
}

.map-info-btns.twice button {
    width: calc(50% - 4px);
}

div[class^=chart-] + .map-info-btns .btn-history {
    width: 49%;
}

div[class^=chart-] + .map-info-btns .btn-history + .btn-history {
    margin-left: 5px;
}

.map-info-btns button[data-compare-auth="P"]{
    position: relative;
}
.map-info-btns button[data-compare-auth="P"] span.pre-span {
    position: absolute;
    margin: 0;
    width: 16px;
    height: 16px;
    top: -6px;
    right: -4px;
}

.map-info .maintenance .table-basic th, .map-info .maintenance .table-basic td {
    font-size: 14px;
}

.map-info .maintenance .table-basic td {
    padding: 5px 10px;
}

.map-info .icon-refresh {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 2px;
    vertical-align: -4px;
}

.map-info .icon-refresh span {
    width: 20px;
    height: 20px;
}

.map-info .icon-refresh span::before {
    position: static;
    width: 20px;
    height: 20px;
    background-size: auto 16px;
}

.map-info .filter-set {
    border-radius: 0;
}

.map-info .filter-set > .filter > a {
    border: 1px solid #dadce0;
    font-size: 15px;
}

.map-info .filter-set > .filter.period {
    width: 100%;
}

.map-info .filter-set > .filter.period .text {
    max-width: none;
}

.map-info .filter-set > .filter.period > a {
    height: 40px;
    padding-top: 0;
    padding: 0 36px;
    border-radius: 3px;
    transition: .3s ease-in-out;
}

.map-info .filter-set > .filter.period > a:hover {
    border-color: #23b3c6;
    background-color: #fff;
}

.map-info .filter-set > .filter.period > a > .icon-calendar {
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.map-info .filter-set > .filter.period > a > .arrow {
    content: "";
    display: block;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid #0a2e4f;
    border-right: 2px solid #0a2e4f;
    margin-top: -4px;
    pointer-events: none;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: ll 0.15s ease-in-out;
    background: none;
}

.map-info .filter-set > .filter.period > a.active {
    border-width: 2px;
    border-color: #23b3c6;
    background-color: #fff;
}

.map-info .filter-set > .filter.period > a.active .text {
    color: #0a2e4f;
}

.map-info .filter-set > .filter.period > a.active .arrow {
    border-color: #23b3c6;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.map-info .filter-set > .filter.period > a.active .icon-calendar {
    border-color: #23b3c6;
    background-image: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg);
}

.map-info .filter-set > .filter > fieldset {
    top: 40px;
    right: 0;
    min-width: 329px;
    padding-top: 70px;
    z-index: 10;
}

.map-info .filter-set > .filter > fieldset legend {
    top: 4px;
    left: 12px;
    font-family: NotoSansR;
    font-size: 16px;
}

.map-info .filter-set > .filter > fieldset .date-set > div > ul {
    width: 50px;
}

.map-info .filter-set > .filter > fieldset .btn-group {
    top: 36px;
    right: 8px;
    justify-content: flex-start !important;
}

.map-info .filter-set > .filter > fieldset .icon-reset {
    top: -67px;
    width: 28px;
}

.map-info .btn-group .clicked {
    color: #fff;
    background-color: #23b3c6;
    border-color: #23b3c6;
}

.map-info .tips-box {
    right: 166px;
    bottom: auto;
    top: 0;
    width: 430px;
    z-index: 1;
}

.map-info .tips-box h6 {
    margin-top: 20px;
    font-family: GmarketSansM;
    font-size: 14px;
    font-weight: normal;
}

.map-info .tips-box .list-basic {
    padding: 0;
}

.map-info .tips-box .list-basic li .text-bluegreen {
    font-size: 12px;
}

.map-info .dropdown .tips-box {
    right: 335px;
}

.icon-multi::before {
    content: "";
    margin-right: 5px;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_chart_gin.svg) 50%/contain no-repeat;
    background-color: #FFF;
}

.icon-grid::before {
    content: "";
    margin-right: 5px;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_grid_gin.svg) 50%/17px no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_grid_gin.svg) 50%/17px no-repeat;
    background-color: #FFF;
}

.icon-time::before {
    content: "";
    margin-right: 5px;
    background-color: #fff;
    -webkit-mask: url(/res_root/img/common/icon_history-76d30273895fcc37f49f252c0791c012.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_history-76d30273895fcc37f49f252c0791c012.svg) 50%/contain no-repeat;
}

.icon-data-down {
    font-size: 14px;
}

.icon-data-down::before {
    content: "";
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-color: #fff;
    mask: url(/res_root/img/common/icon_download-e8b7f509d9491d7f24b56742e57b638a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_download-e8b7f509d9491d7f24b56742e57b638a.svg) 50%/contain no-repeat;
}

.icon-popup::after {
    content: "";
    margin-left: 5px;
    background-color: #fff;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
}

.result-area {
    position: relative;
    padding: 25px 10px 10px 10px;
    flex-grow: 1;
    overflow-y: auto;
}

.result-area > .layer {
    display: none;
    padding-bottom: 10px;
    background-color: #fff;
}

.result-area > .layer + .layer {
    margin-top: 10px;
}

.result-area > .layer > div:not(:first-child):not(.btn-center-close), .result-area > div:not(.layer):not(:first-child):not(.btn-center-close) {
    margin-top: 10px;
}

.result-area > .layer.active {
    display: block;
}

.result-area .title-area {
    position: relative;
    border-top: 0;
    margin-bottom: 5px;
}

.result-area .title-area + .population-info {
    margin-top: 20px;
}

.result-area .title-area dl {
    position: absolute;
    top: 2px;
    right: 5px;
    display: flex;
    flex-flow: row wrap;
}

.result-area .title-area dl * {
    color: #7080ad;
}

.result-area .title-area dt {
    position: relative;
    margin-right: 5px;
    font-size: 13px;
    letter-spacing: -1px;
}

.result-area .title-area dd {
    font-family: GmarketSansM;
    font-size: 14px;
}

.result-area .title-area dd span {
    font-family: NotoSansR;
}

.result-area .title-area dd + dt {
    margin-left: 10px;
    padding-left: 10px;
}

.result-area .title-area dd + dt::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 1px;
    height: 13px;
    background-color: #ccd2eb;
}

.result-area .title-area .btn-comparer-save {
    width: 20px;
}

.result-area .group-save-area .input-field span::before {
    z-index: 1;
}

.result-area .btn-naver::before {
    position: static;
    display: inline-block;
}

.result-area .table-blue th {
    background-color: #23b3c6 !important;
}

.result-area .options {
    position: relative;
    padding: 10px;
    background-color: #e9f3f4;
}

.result-area .options > div {
    padding-top: 18px;
}

.result-area .options .dropdown {
    width: calc(50% - 3px);
}

.result-area .option-info {
    position: absolute;
    color: #008090;
    top: 0;
    left: 12px;
    font-size: 13px;
    line-height: 28px;
}

.region-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 65px;
    padding-top: 25px;
    border: solid 1px #e6eaf0;
    border-radius: 3px;
    background-color: #f3f6fb;
}

.region-info > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 27px;
    padding: 0 5px;
    border-bottom: solid 1px #e6eaf0;
}

.region-info > div span {
    display: inline-block;
    padding: 2px;
    border-radius: 2px;
    color: #fff;
    font-size: 11px;
    line-height: 100%;
}

.region-info .info {
    color: #7080ad;
    font-size: 12px;
    letter-spacing: 0;
}

.region-info > dl > * {
    float: left;
    line-height: 20px;
}

.region-info > dl > dt {
    position: relative;
    margin-right: 5px;
    font-size: 13px;
    letter-spacing: -1px;
}

.region-info > dl > dd {
    padding-top: 2px;
    font-family: GmarketSansM;
    font-size: 16px;
}

.region-info > dl > dd + dd {
    margin-left: 10px;
}

.region-info > dl > dd + dt {
    margin-left: 12px;
    padding-left: 12px;
}

.region-info > dl > dd + dt::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 14px;
    background-color: #ccd2eb;
    transform: translateY(-50%);
}

.region-info > dl > dd::before, .info-current dd::before {
    display: inline-block;
    width: 11px;
    height: 13px;
    margin-right: 2px;
}

.region-info .economy {
    display: flex;
    align-items: center;
}

.region-info .economy dt {
    font-size: 16px;
}

.region-info .economy dd {
    font-family: NotoSansR;
}

.region-info .economy dd * {
    display: inline-block;
    line-height: 20px;
    vertical-align: baseline;
}

.region-info .economy dd b {
    padding-top: 3px;
    font-family: GmarketSansM;
}

.region-info .economy .rise {
    font-size: 14px;
    color: #f35868;
}

.region-info .economy .rise * {
    color: #f35868;
}

.region-info .economy .fall {
    font-size: 14px;
    color: #8591b1;
}

.region-info .economy .fall * {
    color: #8591b1;
}

.status01 {
    background-color: #99a3bc;
    border: 1px solid #7e849a;
}

.status02 {
    background-color: #bca799;
    border: 1px solid #a9998f;
}

.status03 {
    background-color: #cb7362;
    border: 1px solid #a86356;
}

.rise::before {
    content: "";
    vertical-align: -2px;
    background-color: #ff4200;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
}

.fall::before {
    content: "";
    vertical-align: -3px;
    background-color: #0a2e4f;
    -webkit-mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_rise-89f18f1f4bdf214783d7d62a5bc84f8e.svg) 50%/contain no-repeat;
    transform: rotate(-180deg);
}

.compare-info {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 15px 0;
    border: solid 1px #e6eaf0;
    border-radius: 3px;
    background-color: #f3f6fb;
}

.region-box {
    position: relative;
}

.region-box:first-child {
    margin-left: 0;
}

.region-box {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    padding-top: 30px;
    margin-left: 20px;
}

.region-box h5 {
    position: absolute;
    top: 0;
    left: 50%;
    width: 130px;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
    transform: translateX(-50%);
}

.region-box dl {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    float: left;
    width: 85px;
    height: 85px;
    border-radius: 100%;
    background-color: #747d8d;
}

.region-box dl + dl {
    margin-left: 5px;
}

.region-box dl * {
    color: #fff;
    font-weight: 500;
}

.region-box dl dt {
    width: 100%;
    margin-bottom: 5px;
    padding: 0 3px 0 5px;
    font-size: 12px;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
    text-align: center;
}

.region-box dl dd {
    font-size: 16px;
}

.region-box dl dd span {
    font-family: GmarkekSansM;
}

.population-info {
    padding-bottom: 5px;
}

.population-info dl {
    overflow: hidden;
    position: relative;
    padding: 0 10px;
}

.population-info dl > * {
    height: 30px;
    border-bottom: dashed 1px #d9e1ea;
    line-height: 30px;
}

.population-info dt {
    float: left;
    clear: both;
    width: 45%;
    padding-left: 10px;
    font-size: 14px;
}

.population-info dd {
    float: right;
    width: 55%;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
}

.population-info dd b {
    margin-right: 2px;
    color: #0a2e4f;
    font-family: GmarketSansM;
    font-size: 14px;
}

.population-info dt::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -4px;
    background-color: #666;
}

.population-info .icon-human::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_my_account.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_my_account.svg) 50%/contain no-repeat;
}

.population-info .icon-family::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_apt_multi.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_fav_apt_multi.svg) 50%/contain no-repeat;
}

.population-info .icon-apt::before {
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/80% no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/80% no-repeat;
}

.population-info .icon-shop::before {
    mask: url(/res_root/img/common/icon_apt-accc49d5bf46129a8849b4e005aa03db.svg) 50%/95% no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_apt-accc49d5bf46129a8849b4e005aa03db.svg) 50%/95% no-repeat;
}

.population-info .icon-member::before {
    mask: url(../img/common/icon_member.svg) 50%/contain no-repeat;
    -webkit-mask: url(../img/common/icon_member.svg) 50%/contain no-repeat;
}

.population-info.single {
    border-top: solid 2px #666667;
}

.population-info.single dl {
    padding: 0;
}

.population-info.single dt {
    padding-left: 15px;
}

.population-info.single dd {
    padding-right: 15px;
}

.population-info.single .icon-circle::before {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
    border-radius: 100%;
    background-color: var(--icon-circle-color);
}

.population-info.single .icon-circle.primary::before {
    background-color: var(--icon-circle-color);
}

.population-info.single dt.w50 {
    width: 50%;
}

.population-info.single dd.w50 {
    width: 50%;
}

.population-title {
    display: flex;
    align-content: center;
    height: 30px;
    border-bottom: solid 1px #d9e0f7;
    background-color: #f3f6fb;
}

.population-title span {
    display: inline-block;
    font-family: NotoSansR;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
}

.population-title span:first-child {
    width: 40%;
}

.population-title span:last-child {
    width: 60%;
}

.utility-info {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
}

.utility-info dl > * {
    width: 33.333%;
    padding: 5px 0;
    font-size: 13px;
    text-align: center;
}

.utility-info dt {
    position: relative;
}

.utility-info dt::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    vertical-align: -2px;
    background-color: #666;
}

.utility-info dd {
    padding-top: 0;
    color: #666;
}

.utility-info dd b {
    font-family: GmarketSansM;
    font-size: 15px;
}

.utility-info dt:nth-child(3) {
    position: absolute;
    top: 0;
    left: 33.333%;
}

.utility-info dd:nth-child(4) {
    position: absolute;
    top: 28px;
    left: 33.333%;
}

.utility-info dt:nth-child(5) {
    position: absolute;
    top: 0;
    left: 66.666%;
}

.utility-info dd:nth-child(6) {
    position: absolute;
    top: 28px;
    left: 66.666%;
}

.utility-info dd + dt::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 50px;
    border-left: dashed 1px #d9e1ea;
}

.icon-calendar::before {
    mask: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_calendar-37a9e56c49f0699e2346a8efc120c014.svg) 50%/contain no-repeat;
}

.icon-summer::before {
    mask: url(/res_root/img/common/icon_sun-11fe620c7e502fb59ea6e4f1a53ec6b0.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_sun-11fe620c7e502fb59ea6e4f1a53ec6b0.svg) 50%/contain no-repeat;
}

.icon-winter::before {
    mask: url(/res_root/img/common/icon_snow-f6e6218187b92297c34789db26078555.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_snow-f6e6218187b92297c34789db26078555.svg) 50%/contain no-repeat;
}

.provide {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 11px;
    line-height: 28px;
}

.provide.caution-text::before {
    content: "?";
    width: 14px;
    height: 14px;
    margin-right: 2px;
    font-size: 10px;
    line-height: 14px;
    vertical-align: 0;
    background-color: #ff6a6a;
}

.provide a {
    display: inline-block;
    color: #ff6a6a;
    font-family: NotoSansM;
    font-size: inherit;
    text-decoration: underline;
}

.btn-history {
    padding: 5px;
    border: solid 2px #7080ad;
    color: #fff;
    font-family: NotoSansR;
    font-size: 14px;
    background-color: #7080ad;
}

.btn-history:hover, .btn-history:active {
    border-color: #6274a4;
    background-color: #6274a4;
}

.btn-history::before {
    content: "";
    margin-right: 5px;
    background-color: #fff;
    mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
}

.btn-history:hover::after, .btn-history:active::after {
    background-color: #fff;
}

.btn-compete {
    padding: 5px;
    border: solid 2px #698cd3;
    color: #698cd3;
    font-size: 14px;
    font-weight: 500;
    background-color: #fff;
    transition: .3s;
}

.btn-compete:hover, .btn-compete:active {
    color: #fff;
    background-color: #698cd3;
}

.btn-compete::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-left: 5px;
    vertical-align: -3px;
    background-color: #698cd3;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_open_in_new_purple.svg) 50%/contain no-repeat;
}

.btn-compete:hover::after, .btn-compete:active::after {
    background-color: #fff;
}

.apt-title-area {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 95px;
    text-align: center;
    background: linear-gradient(90deg, #d7f2fd, #f4e9ee);
}

.apt-title-area > div {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    border: 0;
}

.apt-title-area > p {
    font-size: 13px;
    line-height: 130%;
}

.apt-title-area .apt-title {
    margin-bottom: 3px;
    padding-top: 28px;
    padding-bottom: 0;
}

.apt-title-area .apt-title h4 {
    max-width: 270px;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: none;
}

.apt-title-area .apt-title h4::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: -2px;
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/contain no-repeat;
    background-color: #0b99ac;
}

.apt-title-area .apt-title span {
    text-indent: -9999px;
}

.apt-title-area .apt-address button {
    margin-left: 8px;
    color: #7080ad;
    font-family: NotoSansR;
    font-size: 12px;
    transition: .3s;
}

.apt-title-area .apt-address button::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 3px;
    vertical-align: -1px;
    background-color: #7080ad;
    mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/contain no-repeat;
    transition: .3s;
}

.apt-title-area .apt-address button:hover {
    color: #0b99ac;
}

.apt-title-area .apt-address button:hover::before {
    background-color: #0b99ac;
}

.apt-title-area .apt-address p {
    max-width: calc(100% - 100px);
    padding: 0 5px;
    font-size: 13px;
    line-height: 130%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.apt-title-area [class^=star-] {
    margin-left: 3px;
}

.icon-share {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #7080ad;
    cursor: pointer;
    mask: url(/res_root/img/common/icon_share-3ae923a02cd2fca022d67975d958ce0d.svg) 50%/70% no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_share-3ae923a02cd2fca022d67975d958ce0d.svg) 50%/70% no-repeat;
    transition: .3s;
}

.icon-share:hover {
    background-color: #23b3c6;
}

.share-area {
    display: none;
    position: absolute;
    top: 62px;
    left: 10px;
    right: 10px;
    padding: 10px;
    border: solid 1px #d9e1ea;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background-color: #fff;
    z-index: 1;
}

.share-area.active {
    display: block;
}

.apt-title .share-area .btn-sns {
    float: none;
}

.apt-title .share-area .btn-sns .sns > li {
    display: inline-block;
    float: none;
}

.apt-title .share-area p {
    padding-top: 0;
    padding-bottom: 10px;
    border-bottom: solid 1px #d9e1ea;
    color: #7080ad;
    font-family: NotoSansR;
}

.sns-area-close {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-indent: -9999px;
    background-color: #7080ad;
    mask: url(/res_root/img/common/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg) 50%/contain no-repeat;
}

.apt-title-area + .tab-area {
    margin-top: 70px !important;
}

.map-info .apt-detail {
    padding-bottom: 10px;
}

.map-info .apt-detail .apt-feature {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-right: 20px;
}

.map-info .apt-detail .apt-feature li {
    min-height: 30px;
    margin: 10px 0;
    padding-left: 60px;
    padding-right: 0;
}

.map-info .apt-detail .apt-feature li i {
    margin-left: 1px;
    margin-right: 1px;
}

.map-info .apt-detail .apt-feature li:before {
    left: 0;
    height: 30px;
    min-height: 30px;
}

.map-info .apt-detail .apt-feature li * {
    line-height: 120%;
}

.map-info .apt-detail .apt-feature li .label {
    margin-bottom: 2px;
    font-size: 12px;
}

.map-info .apt-detail .apt-feature li p {
    height: auto;
    font-size: 13px;
}

.map-info .apt-detail .apt-feature li p * {
    font-size: 14px;
}

.map-info .apt-detail .apt-feature li p strong {
    margin-right: 1px;
}

.map-info .apt-detail {
    border-bottom: solid 1px #d9e1ea;
}

.map-info .apt-detail + .map-info-btns {
    margin-top: 15px;
}

.map-info .table-blue th, .map-info .table-blue td {
    padding: 5px 1px;
    font-size: 13px;
    line-height: 130%;
    word-break: break-word;
}

.map-info .table-blue a {
    display: inline-block;
    padding: 0 3px;
    font-family: NotoSansM;
    text-decoration: underline;
    cursor: pointer;
}

.map-info .table-blue a:hover {
    color: #0b99ac;
}

.map-info .table-blue td * {
    vertical-align: middle;
}

.map-info .table-blue span {
    font-family: NotoSansR;
}

.map-info .table-blue b {
    margin-right: 2px;
    vertical-align: baseline;
    font-family: GmarketSansM;
}

.map-info .table-blue .fall::before, .map-info .table-blue .rise::before {
    display: inline-block;
    width: 11px;
    height: 13px;
    margin-right: 2px;
    vertical-align: -2px;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.map-info .table-blue .fall {
    font-family: GmarketSansM;
    color: #8591b1;
}

.map-info .table-blue .rise {
    font-family: GmarketSansM;
    color: #f35868;
}

.map-info .table-blue .text-right {
    padding-right: 10px;
}

.map-info .table-blue .text-left {
    padding-left: 10px;
}

.map-info .table-blue [class^=star] {
    margin-left: 0;
}

.map-info .table-blue.text-right th {
    color: #0a2e4f;
    background-color: #edf1f6 !important;
}

.map-info .table-blue.text-right th, .map-info .table-blue.text-right td {
    border-color: #dfe6ef;
}

.map-info .table-blue.text-right tbody tr:nth-child(even) {
    background-color: #fff;
}

.map-info .tab-panel.apt-tab {
    position: static;
}

.map-info .title-area [class^=star-] {
    margin-left: 0;
    vertical-align: -4px;
}

.map-info .utility-info dl {
    padding: 0;
}

.map-info .utility-info dt {
    margin-bottom: 4px;
}

.map-info-wrap div {
    margin-top: 5px;
}

.apt-tab .subject {
    padding: 5px;
    border-radius: 18px;
    background-color: #f3f3f3;
}

.apt-tab .subject ul {
    overflow: hidden;
}

.apt-tab .subject li {
    float: left;
    width: calc(16.666% - 7px);
    padding: 5px 0;
    border-radius: 20px;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.apt-tab .subject li:hover {
    background-color: #fff;
    transition: .3s;
}

.apt-tab .subject .active, .apt-tab .subject .active:hover {
    color: #fff;
    background-color: #7080ad;
}

.apt-tab .subject [class^=btn-] {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: 3px;
    padding: 0;
    text-indent: -9999px;
}

.apt-tab .subject [class^=btn-]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background-color: #999;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.apt-tab .subject .btn-prev::before {
    transform: translate(-50%, -50%) rotate(90deg);
}

.apt-tab .subject .btn-next {
    float: right;
}

.apt-tab .subject .btn-next::before {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.apt-tab > .title-area {
    margin: 10px 0;
}

.no-price {
    display: flex;
    position: absolute;
    top: 156px;
    left: 0;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
}

.no-price p, .no-info p {
    color: #a4aecb;
    font-family: NotoSansR;
    font-size: 14px;
    text-align: center;
}

.no-price p::before {
    content: "";
    display: block;
    margin: 0 auto 15px auto;
    width: 50px;
    height: 50px;
    background-color: #a4aecb;
    mask: url(/res_root/img/common/no_data-00b38c0327437a51dd0c6fa4e33543c3.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/no_data-00b38c0327437a51dd0c6fa4e33543c3.svg) 50%/contain no-repeat;
}

.no-info {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
}

.no-info p span {
    color: #a4aecb;
    font-family: NotoSansR;
}

.table-blue.text-small th, .table-blue.text-small td {
    font-size: 11px;
}

.table-blue .active {
    background-color: rgba(124, 214, 207, .5);
}

.table-blue .active td {
    border-color: rgba(124, 214, 207, .8);
}

.table-blue .checking {
    justify-content: center;
}

.table-blue .checking .checkmark {
    margin: 0;
}

.table-blue .badge {
    position: relative;
}

.table-blue .badge::after {
    position: static;
    margin: 0 auto;
}

.left-tab {
    position: absolute;
    bottom: 10px;
    left: -29px;
}

.left-tab li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    margin-left: 3px;
    min-height: 60px;
    padding: 8px 5px;
    border-radius: 3px 0 0 3px;
    box-shadow: -2px 0 3px rgb(0, 0, 0, .1);
    color: #fff;
    font-size: 13px;
    line-height: 100%;
    text-align: center;
    word-break: break-all;
    background-color: #8891a3;
    cursor: pointer;
    transition: .2s;
}

.left-tab li + li {
    margin-top: 1px;
}

.left-tab li:hover {
    color: #fff;
}

.left-tab li.active {
    width: 28px;
    margin-left: 0;
    color: #fff;
}

.left-tab li:first-child:hover, .left-tab li:first-child.active {
    background-color: #0a2e4f;
}

.left-tab li:nth-child(2):hover, .left-tab li:nth-child(2).active {
    background-color: #ff7240;
}

.left-tab li:nth-child(3):hover, .left-tab li:nth-child(3).active {
    background-color: #088da1;
}

.left-tab li:nth-child(4):hover, .left-tab li:nth-child(4).active {
    background-color: #3f79d1;
}

.left-tab li:nth-child(5):hover, .left-tab li:nth-child(5).active {
    background-color: #8e6aec;
}

.left-tab.top {
    bottom: auto;
    top: 0;
}

.left-tab.top li {
    background-color: #8891a3;
}

/* .left-tab.top li:first-child{animation:attention 5s infinite 2s;} */
/* .left-tab.top li:first-child:hover,.left-tab.top li:active,.left-tab.top li.active{animation:none;} */

@keyframes attention {
    0%, 10%, 14%, 18% {
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transform: translate(0, 0);
    }
    5% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translate(0, -10px);
    }
    12% {
        transition-timing-function: cubic-bezier(0.755, .050, .855, .060);
        transform: translate(0, -5px);
    }
    16% {
        transform: translate(0, -3px);
    }
}

.apt-detail-area .article {
    padding: 10px 0 0 0;
}

.apt-detail-area .article + .article {
    border-top: solid 1px #d9e1ea;
}

.apt-detail-area .article > div + div {
    margin-top: 10px;
}

.apt-detail-area .article.auction {
    padding-top: 5px;
}

.apt-detail-area .title-area {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border: 0;
}

.apt-detail-area .title-area .badge {
    display: inline-block;
    margin-left: 8px;
}

.apt-detail-area .title-area .badge::after {
    position: static;
}

.apt-detail-area .title-area button {
    position: absolute;
    top: 0;
    right: 0;
    height: 24px;
    padding: 0 7px;
    border: solid 1px #23b3c6;
    border-radius: 3px;
    color: #0b99ac;
    font-size: 12px;
    letter-spacing: -1px;
    transition: .3s;
}

.apt-detail-area .title-area button:hover {
    color: #fff;
    background-color: #23b3c6;
}

.apt-detail-area .title-area .btn-history::after {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    transition: .3s;
}

.btn-naver {
    position: relative;
    min-width: 60px;
    color: #fff;
    font-family: NotoSansR;
    font-size: 14px;
    margin: 0 3px;
    padding-left: 26px;
    padding-right: 12px;
    border-radius: 5px;
    line-height: 27px;
    background-color: #17c920;
    transition: all .3s ease;
}

.btn-naver:before {
    display: inline-block;
    vertical-align: -1px;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_naver.svg) no-repeat 0 center;
}

.apt-detail-area .btn-naver {
    width: 100%;
    margin: 10px 0 0 0;
    line-height: 33px;
    border-radius: 0;
}

.apt-detail-area .btn-naver::before {
    content: "";
    display: inlnine-block;
    margin-right: 5px;
    vertical-align: -1px;
}

.apt-detail-area .population-info {
    padding: 10px 0;
    border-top: solid 2px #666667;
    border-bottom: solid 1px #d9e1ea;
}

.apt-detail-area + .apt-detail {
    padding-top: 0;
}

.apt-detail-area + .apt-detail .pyeong {
    padding-top: 5px;
}

.clear {
    clear: both;
}

.info-detail, .info-detail > div {
    position: relative;
}

.info-detail > dl {
    clear: both;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    padding-left: 50px;
    cursor: pointer;
    transition: background-color .3s;
}

.info-detail > dl::before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-family: NotoSansR;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 45%;
    transform: translateY(-50%);
}

.info-detail > dl:hover, .info-detail > dl:active {
    background-color: #f9f9f9;
}

.info-detail > dl.subway::before {
    content: "";
    background-color: #d968f1;
    background-image: url(/res_root/img/common/icon_subway_white-858311d5e493054e915351fb67cc487d.svg);
}

.info-detail > dl.bus::before {
    content: "";
    background-color: #5f9dd5;
    background-image: url(/res_root/img/common/icon_bus_white-6d678dc06a13b624c44b1767fdb9f077.svg);
}

.info-detail > dl.baby::before {
    content: "어";
    background-color: #FFA8D5;
}

.info-detail > dl.yoo::before {
    content: "유";
    background-color: #83cd39;
}

.info-detail > dl.cho::before {
    content: "초";
    background-color: #ffc333;
}

.info-detail > dl.joong::before {
    content: "중";
    background-color: #ff971c;
}

.info-detail > dl.go::before {
    content: "고";
    background-color: #fe683d;
}

.info-detail > dl.company::before {
    content: "직";
    background-color: #3b91e6;
}

.info-detail > dl.company.under::before {
    background-color: #6f88c1;
}

.info-detail > dl.company.excess::before {
    background-color: #da139f;
}

.info-detail > dl.apt::before {
    content: "";
    background-color: #fff;
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/45% no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/45% no-repeat;
    z-index: 1;
}

.info-detail > dl.apt::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #ffba60;
    transform: translateY(-50%);
}

.info-detail > dl.broker::before {
    content: "";
    background-color: #fff;
    mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/45% no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/mapbox/svg/icon_map_apt.svg) 50%/45% no-repeat;
    z-index: 1;
}

.info-detail > dl.broker::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #ffba60;
    transform: translateY(-50%);
}

.info-detail > dl.mart::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/mart_1.png);
    background-size: 90%;
}

.info-detail > dl.mart.small::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/mart_0.png);
    background-size: 90%;
}

.info-detail > dl.store::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/convenience_1.png);
    background-size: 90%;
}

.info-detail > dl.bank::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/bank_i.png);
    background-size: 90%;
}

.info-detail > dl.bank.atm::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/bank_o.png);
    background-size: 90%;
}

.info-detail > dl.park::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/park.png);
    background-size: 90%;
}

.info-detail > dl.public.office1::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_1.png);
    background-size: 90%;
}
.info-detail > dl.public.office2::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_2.png);
    background-size: 90%;
}
.info-detail > dl.public.office3::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_3.png);
    background-size: 90%;
}
.info-detail > dl.public.office4::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_4.png);
    background-size: 90%;
}
.info-detail > dl.public.office5::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_5.png);
    background-size: 90%;
}
.info-detail > dl.public.office6::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_6.png);
    background-size: 90%;
}
.info-detail > dl.public.office7::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/office_7.png);
    background-size: 90%;
}

.info-detail > dl.hospital::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/hospital_1.png);
    background-size: 90%;
}
.info-detail > dl.hospital.small::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/hospital_2.png);
    background-size: 90%;
}
.info-detail > dl.bigstore::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/big_store.png);
    background-size: 90%;
}
.info-detail > dl.station::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/railway_station.png);
    background-size: 90%;
}
.info-detail > dl.doroic::before {
    content: "";
    background-image: url(https://aptgin.com/cdn/res/icon/mapbox/png/doro_ic.png);
    background-size: 90%;
}

.info-detail > dl.business::before {
    content: "";
    background-color: #23b3c6;
    background-image: url(/res_root/img/common/icon_bg_business-82dcfa80f7661b07320b592d510c54bc.svg);
    background-size: 65%;
}

.info-detail > dl.active {
    background-color: #f0f3fc;
}

.info-detail > dl + dl {
    border-top: 1px dashed #ddd;
}

.info-detail > dl dt {
    margin-bottom: 5px;
    font-family: NotoSansM;
    font-size: 16px;
}

.info-detail > dl dt.baejung {
    font-size:13px;
    font-family: NotoSansL;
}

.info-detail > dl dt a {
    font-family: NotoSansM;
    font-size: 16px;
}

.info-detail > dl dt span {
    color: #7e81a6;
    font-size: 13px;
}

.info-detail > dl dd {
    position: relative;
    float: left;
    font-size: 13px;
    line-height: 130%;
}

.info-detail > dl dd + dd {
    margin-left: 10px;
}

.info-detail > dl dd + dd::before {
    content: "/";
    position: absolute;
    top: 50%;
    left: -8px;
    transform: translateY(-50%);
}

.info-detail > dl + .btn-more {
    margin-top: 0;
    margin-bottom: 10px;
}

.info-detail > dl + .btn-more.close button::after {
    vertical-align: 0;
    transform: rotate(-180deg);
}

.info-detail .fit b {
    color: #ff6a6a;
}

.info-detail .clear {
    margin-left: 0;
}

.info-detail .clear::before {
    display: none;
}

.info-detail .gyung {
    overflow: hidden;
    cursor: pointer;
}

.info-detail .gyung:hover {
    background-color: #f7f7f7;
}

.info-detail .gyung .num {
    margin-bottom: 5px;
    color: #0b99ac;
    font-size: 15px;
}

.info-detail .gong .num {
    margin-bottom: 5px;
    color: #0b99ac;
    font-size: 15px;
}

.info-detail .rank::before {
    content: "상승";
    display: block;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    font-family: NotoSansR;
    font-size: 13px;
    line-height: 30px;
    background-color: #7080ad;
    transform: translateY(-50%);
}

.info-detail .rank dt a:hover, .info-detail .rank dt a:active {
    color: #0b99ac;
}

.info-detail .icon-link {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    background-color: #23b3c6;
    cursor: pointer;
}

.info-detail .icon-pin {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -2px;
    cursor: pointer;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.info-detail .rank dt a:hover .icon-link {
    background-color: #0b99ac;
}

.info-detail .rank dd {
    line-height: 170%;
}

.info-detail .rank dd span {
    display: inline-block;
    width: 60px;
    margin-right: 2px;
    border: solid 1px #a9b2c7;
    border-radius: 18px;
    color: #50649c;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    letter-spacing: -1px;
}

.info-detail .rank .rise {
    color: #dc3535;
}

.info-detail .rank .rise::before {
    display: none;
}

.info-detail .caution {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: solid 2px #698cd3;
    color: #698cd3;
    font-family: NotoSansR;
    font-size: 12px;
}

.info-detail .caution::before {
    content: "!";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    border-radius: 100%;
    vertical-align: bottom;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 15px;
    background-color: #698cd3;
}

/* .info-detail .rank .rise::after{content:"";display:inline-block;width:11px;height:13px; margin-left:2px;vertical-align:-1px;background:url(../img/common/icon_up.svg) 50%/contain no-repeat;} */
.info-detail > dl.apt-map {
    padding-left: 15px;
}

.info-detail > dl .btn-map {
    position: absolute;
    right: 50px;
    top: 50%;
    float: none;
    margin-left: 0;
    transform: translateY(-50%);
}

.info-detail > dl .btn-map-move {
    position: absolute;
    right: 15px;
    top: 50%;
    float: none;
    margin-left: 0;
    transform: translateY(-50%);
}

.info-detail > dl .btn-map::before, .info-detail > dl .btn-map-move::before {
    display: none;
}

.info-detail > dl .btn-map button {
    color: #0b99ac;
    font-family: NotoSansR;
    font-size: 11px;
}

.info-detail > dl .btn-map-move button {
    color: #ff7240;
    font-family: NotoSansR;
    font-size: 11px;
}

.info-detail > dl .btn-map button::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background-color: #23b3c6;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.info-detail > dl .btn-map-move button::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    background-color: #ff7240;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.info-detail > dl .dt-bldg-nm {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(100% - 80px);
}

.info-detail .btn-more {
    width: 100%;
    height: auto;
    margin-top: 10px;
}

.info-detail .btn-more:hover, .info-detail .btn-more:active {
    background-color: transparent;
}

.info-detail .btn-more button {
    width: 100%;
    height: 35px;
    background-color: #f1f1f1;
    transition: .3s;
}

.info-detail .btn-more button::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 7px;
    background-color: #0a2e4f;
    vertical-align: -1px;
    transition: .3s;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.info-detail .btn-more button:hover, .info-detail .btn-more button:active {
    color: #fff;
    background-color: #8692b4;
}

.info-detail .btn-more button::after {
    transition: .3s;
}

.info-detail .btn-more button:hover::after, .info-detail .btn-more button:active::after {
    background-color: #fff;
}

.info-detail .unsold {
    margin-bottom: 10px;
    padding-top: 5px;
}

.info-detail .unsold + button {
    margin-bottom: 12px;
}

.info-detail .info-current {
    margin-top: 10px;
    margin-bottom: 0;
    padding: 10px;
}

.info-detail .info-current.no-margin {
    margin-top: -1px;
}

.info-detail .info-current .list-basic {
    margin: 0;
}

.info-detail .info-current li {
    color: #7e81a6;
    font-size: 13px;
}

.info-detail .info-current li::before {
    top: 7px;
}

.info-detail .subject {
    margin-bottom: 10px;
}

.info-detail .btn-naver {
    margin-bottom: 10px;
}

.map-info .info-detail .table-blue.text-right th {
    font-size: 12px;
    font-weight: 500;
}

.map-info .info-detail .table-blue.text-right td {
    text-align: right;
    padding-right: 10px;
}

.map-info .info-detail h5 {
    border-top: solid 1px #d9e9eb;
    padding: 5px 10px;
    font-family: NotoSansM;
}

.map-info .info-detail h5 + p {
    line-height: 28px;
}

.info-current {
    padding: 10px 15px;
    border: 1px solid #d9e0f7;
}

.info-current dl {
    clear: both;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}

.info-current dl > * {
    line-height: 36px;
}

.info-current dl > *:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
    border-top: solid 1px #eee;
}

.info-current dt {
    width: 40%;
    font-size: 14px;
}

.info-current dt::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: -3px;
    background-color: #23b3c6;
}

.info-current dd {
    width: 30%;
    text-align: right;
}

.info-current dd b {
    font-family: GmarketSansM;
}

.info-current dd + dd {
    width: calc(30% - 10px);
    padding-left: 10px;
    padding-top: 3px;
    font-family: GmarketSansM;
    font-size: 13px;
    text-align: left;
}

.info-current .rise {
    color: #f35868;
}

.info-current .fall {
    color: #8591b1;
}

.info-lot-solid {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #e9e7ff;
    border-bottom: 1px solid #e9e7ff;
}

.info-lot-solid span {
    font-family: NotoSansM;
}

.info-lot-solid span + span {
    margin-left: 5px;
}

.info-lot-solid span + span::before {
    content: "/";
    display: inline-block;
    margin-right: 5px;
    color: #7e81a6;
}

.info-lot-solid span small {
    color: #7e81a6;
    font-family: NotoSansR;
}

.info-lot-solid .btn {
    height: 30px;
    margin-left: 10px;
    font-size: 11px;
}

.retail::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_wallet.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_wallet.svg) 50%/16px no-repeat;
}

.service::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_service.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_service.svg) 50%/18px no-repeat;
}

.sports::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_football.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_football.svg) 50%/16px no-repeat;
}

.hotel::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_hotel.svg) 50%/17px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_hotel.svg) 50%/17px no-repeat;
}

.food::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_food.svg) 50%/18px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_food.svg) 50%/18px no-repeat;
}

.property::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_house.svg) 50%/14px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_house.svg) 50%/14px no-repeat;
}

.education::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_book.svg) 50%/17px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_book.svg) 50%/17px no-repeat;
}

.game::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_game.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_game.svg) 50%/16px no-repeat;
}

.science::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_rocket.svg) 50%/17px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_rocket.svg) 50%/17px no-repeat;
}

.health_care::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_health.svg) 50%/17px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_health.svg) 50%/17px no-repeat;
}

.lease::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_lease.svg) 50%/17px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_lease.svg) 50%/17px no-repeat;
}

.game::before {
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_game.svg) 50%/16px no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_game.svg) 50%/16px no-repeat;
}


.legend-pyeong dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.legend-pyeong dl > * {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
}

.legend-pyeong dt {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    border-radius: 100%;
    text-indent: -9999px;
    background-color: #7080ad;
}

.legend-pyeong dd + dt {
    margin-left: 20px;
}

.legend-pyeong dt.being {
    background-color: #ff6c00;
}

.legend-pyeong dd {
    color: #7080ad;
}

.legend-pyeong dd.being {
    color: #ff6c00;
}

.option-pyeong {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.option-pyeong button {
    position: relative;
    width: calc(20% + 1px);
    height: calc(30px + 1px);
    margin-left: -1px;
    margin-top: -1px;
    border: 1px solid #d9e0f7;
    color: #7080ad;
    font-size: 14px;
    background-color: #f3f6fb;
    cursor: pointer;
}

.option-pyeong .active {
    color: #fff;
    border-color: #7080ad;
    background-color: #7080ad;
}

.option-pyeong .being {
    color: #ff6c00;
}

.option-pyeong .being.active {
    color: #fff;
    border-color: #ff6c00;
    background-color: #ff6c00;
}

.map-legend-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 205px;
    left: 80px;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    background-color: rgba(11, 153, 172, .7);
    z-index: 12;
}

.map-legend-circle > ul > li {
    position: relative;
    color: #fff;
    font-size: 14px;
    text-align: center;
    text-shadow: -2px 0 #008090, 0 2px #008090, 2px 0 #008090, 0 -2px #008090;
}

.map-legend-circle > ul > li:first-child {
    font-size: 16px;
}

.map-legend-circle > ul > li:nth-child(2) {
    margin: 7px 0;
}

.map-legend-circle > ul > li:last-child {
    font-size: 13px;
}

.map-legend-circle > ul > li span {
    display: inline-block;
    color: inherit;
    font-size: 14px;
    cursor: pointer;
}

.map-legend-circle > ul > li span::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    vertical-align: baseline;
    background-color: #fff;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transition: .3s;
}

.map-legend-circle > ul > li span.active::after {
    transform: rotate(-180deg);
}

.map-legend-circle > ul > li ul {
    display: none;
    position: absolute;
    top: 20px;
    left: 50%;
    right: 0;
    min-width: 100px;
    overflow: hidden;
    border: solid 1px #0a2e4f;
    background-color: #fff;
    transform: translateX(-50%);
    z-index: 1;
}

.map-legend-circle > ul > li li {
    padding: 0 5px;
    color: #747d8d;
    font-family: NotoSansR;
    font-size: 12px;
    text-align: left;
    line-height: 130%;
    text-shadow: none;
    cursor: pointer;
}

.map-legend-circle > ul > li li:hover {
    color: #fff;
    background-color: #9086dc;
}

.map-legend-circle > ul:hover span::after {
    transform: rotate(0);
}

.marker-option {
    position: fixed;
    bottom: 20px;
    right: 200px;
}

.marker-option.left {
    position: absolute;
    top: 220px;
    left: 80px;
    right: auto;
    bottom: auto;
    z-index: 11;
}

.marker-option.left .map-pin.apt.option span::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 5px;
    vertical-align: 1px;
    transform: rotate(-180deg);
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transition: opacity .3s;
}

.marker-option.left .map-pin.apt.option span.down::after, .marker-legend .btn-year.down::after {
    transform: rotate(0deg);
}

.marker-option.left .map-pin.apt.option {
    width: auto;
    height: 80px;
    padding-right: 4px;
    border-radius: 0;
    box-shadow: none;
    background: url(/res_root/img/common/icon_marker_legend-1320ba74b5017916046f625a9fdcfd2b.png) 0 0 no-repeat;
    background-color: transparent;
}

.marker-option.left .map-pin.apt.option::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 69px;
    background: url(/res_root/img/common/map_legend_border-e2fdc9ae10e111d72b7967c0335e831d.png) 0 0 no-repeat;
}

.marker-option.left .map-pin.apt.option span {
    letter-spacing: -.5px;
}

.marker-option.left .map-pin.apt.option > .option-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 18px;
    padding-left: 11px;
}

.marker-option.left .map-pin.apt.option > .option-top span {
    display: block;
    color: #fff;
    font-size: 11px;
    line-height: 19px;
    text-align: center;
}

.marker-option.left .map-pin.apt.option > .option-top span::after {
    background-color: #fff;
}

.marker-option.left .map-pin.apt.option > .option-bt {
    position: static;
    width: auto;
    height: 46px;
    padding-top: 19px;
    border: 0;
    box-shadow: none;
    background-color: transparent;
}

.marker-option.left .map-pin.apt.option > .option-bt span {
    display: block;
    width: 100%;
    min-width: 62px;
    margin-top: 10px;
    padding: 0 5px;
    font-family: NotoSansM;
    font-size: 12px;
    text-align: center;
}

.marker-option.left .map-pin.apt.option > .option-bt span::after {
    background-color: #0a2e4f;
}

.marker-option.left .map-pin.apt .price {
    width: 100%;
    height: auto;
    font-family: NotoSansM;
    font-size: 12px;
    text-align: center;
    line-height: 100%;
    white-space: pre;
}

.marker-option.left .map-pin.apt .marker-list {
    position: absolute;
    bottom: auto;
    top: 15px;
    width: 100%;
    padding: 0;
    border: solid 1px #8f55e2;
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
}

.marker-option.left .map-pin.apt .marker-list ul {
    border-radius: 0;
}

.marker-option.left .map-pin.apt .marker-list li {
    padding: 3px 0;
    border-radius: 0;
    color: #747d8d;
    font-size: 11px;
    font-weight: 500;
    line-height: 100%;
    text-align: center;
    cursor: pointer;
    white-space: pre;
}

.marker-option.left .map-pin.apt .marker-list li:hover {
    color: #fff;
    background-color: #9086dc;
}

.marker-option.left .map-pin.apt .option-top .marker-list {
    top: 19px;
    left: 11px;
    width: calc(100% - 11px);
    border: 0;
    background-color: #365b7a;
    transform: none;
    z-index: 5;
}

.marker-option.left .map-pin.apt .option-top .marker-list li {
    color: #fff;
}

.marker-option.left .map-pin.apt .option-top .marker-list li:hover {
    background-color: #0a2e4f;
}

.marker-option.left .map-pin.apt .option-bt .marker-list {
    left: 10px;
    top: 45px;
    min-width: 80px;
}

.marker-option.left .map-pin.apt .option-bt .marker-list li {
    text-align: left;
    padding: 3px 10px 3px 15px;
}

.marker-option.left .map-pin.apt.option::after, .marker-option.left .map-pin.apt .price::after {
    display: none;
}

.map-legend-list {
    position: absolute;
    top: 330px;
    left: 80px;
    width: 120px;
    border-radius: 5px;
    background-color: rgba(10, 46, 79, .8);
    transition: .3s;
    z-index: 11;
}

.map-legend-list.fold {
    left: -55px;
}

.map-legend-list * {
    color: #fff;
}

.legend-title p {
    padding: 10px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    text-align: center;
}

.legend-title span {
    position: relative;
    display: block;
    margin: 10px 5px 5px 5px;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, .3);
    cursor: pointer;
    transition: .3s;
}

.legend-title span:hover, .legend-title span.active {
    background-color: rgba(0, 0, 0, .5);
}

.legend-title span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 9px;
    height: 6px;
    background-color: #fff;
    transform: translateY(-50%);
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.legend-title span.active::after {
    transform: translateY(-50%) rotate(180deg);
}

.legend-title ul {
    display: none;
    position: absolute;
    top: 64px;
    left: 5px;
    right: 5px;
    padding: 5px 0;
    border: solid 1px #0a2e4f;
    border-radius: 3px;
    background-color: #fff;
}

.legend-title li {
    padding: 2px 0;
    color: #747d8d;
    font-size: 13px;
    text-align: center;
    cursor: pointer;
}

.legend-title li:hover {
    color: #fff;
    background-color: #0a2e4f;
}

.legend-title button {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 37px;
    font-size: 0;
    line-height: 0;
    color: transparent;
}

.legend-title button::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 12px;
    height: 12px;
    transform: rotate(90deg) translateX(-60%);
    transition: .3s;
    background-color: #fff;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.legend-title button:hover::before {
    left: 0;
}

.map-legend-list.fold .legend-title button {
    left: auto;
    right: -29px;
    width: 23px;
    border-radius: 0 20px 20px 0;
    background-color: rgba(10, 46, 79, .8);
}

.map-legend-list.fold .legend-title button::before {
    left: 4px;
    transform: translateY(-50%) rotate(-90deg);
}

.map-legend-list.fold .legend-title button:hover::before {
    left: 8px;
}

.legend-list {
    margin: 3px;
    padding: 10px;
    background-color: #fff;
}

.legend-list li {
    font-family: NotoSansR;
    font-size: 12px;
    line-height: 150%;
}

.legend-list li::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    margin-right: 5px;
}

.legend-quintile li:first-child {
    color: #ed6c69;
}

.legend-quintile li:first-child::before {
    background-color: #ed6c69;
}

.legend-quintile li:nth-child(2) {
    color: #e68035;
}

.legend-quintile li:nth-child(2)::before {
    background-color: #e68035;
}

.legend-quintile li:nth-child(3) {
    color: #fbca4d;
}

.legend-quintile li:nth-child(3)::before {
    background-color: #fbca4d;
}

.legend-quintile li:nth-child(4) {
    color: #5ecda2;
}

.legend-quintile li:nth-child(4)::before {
    background-color: #5ecda2;
}

.legend-quintile li:nth-child(5) {
    color: #80abd7;
}

.legend-quintile li:nth-child(5)::before {
    background-color: #80abd7;
}

.legend-quintile li:nth-child(6) {
    color: #999999;
}

.legend-quintile li:nth-child(6)::before {
    background-color: #999999;
}

.legend-price li:first-child {
    color: #ed6c69;
}

.legend-price li:first-child::before {
    background-color: #ed6c69;
}

.legend-price li:nth-child(2) {
    color: #e68035;
}

.legend-price li:nth-child(2)::before {
    background-color: #e68035;
}

.legend-price li:nth-child(3) {
    color: #fbca4d;
}

.legend-price li:nth-child(3)::before {
    background-color: #fbca4d;
}

.legend-price li:nth-child(4) {
    color: #5ecda2;
}

.legend-price li:nth-child(4)::before {
    background-color: #5ecda2;
}

.legend-price li:nth-child(5) {
    color: #80abd7;
}

.legend-price li:nth-child(5)::before {
    background-color: #80abd7;
}

.legend-price li:nth-child(6) {
    color: #999999;
}

.legend-price li:nth-child(6)::before {
    background-color: #999999;
}

.legend-ent li:first-child {
    color: #ed6c69;
}

.legend-ent li:first-child::before {
    background-color: #ed6c69;
}

.legend-ent li:nth-child(2) {
    color: #fbca4d;
}

.legend-ent li:nth-child(2)::before {
    background-color: #fbca4d;
}

.legend-ent li:nth-child(3) {
    color: #5ecda2;
}

.legend-ent li:nth-child(3)::before {
    background-color: #5ecda2;
}

.legend-ent li:nth-child(4) {
    color: #80abd7;
}

.legend-ent li:nth-child(4)::before {
    background-color: #80abd7;
}

.legend-unsold li:first-child {
    color: #ed6c69;
}

.legend-unsold li:first-child::before {
    background-color: #ed6c69;
}

.legend-unsold li:nth-child(2) {
    color: #fbca4d;
}

.legend-unsold li:nth-child(2)::before {
    background-color: #fbca4d;
}

.legend-unsold li:nth-child(3) {
    color: #80abd7;
}

.legend-unsold li:nth-child(3)::before {
    background-color: #80abd7;
}

.legend-year li:first-child {
    color: #f9b921;
}

.legend-year li:first-child::before {
    background-color: #f9b921;
}

.legend-year li:nth-child(2) {
    color: #7dc13a;
}

.legend-year li:nth-child(2)::before {
    background-color: #7dc13a;
}

.legend-year li:nth-child(3) {
    color: #4d6bd9;
}

.legend-year li:nth-child(3)::before {
    background-color: #4d6bd9;
}

.legend-year li:nth-child(4) {
    color: #8f55e2;
}

.legend-year li:nth-child(4)::before {
    background-color: #8f55e2;
}

.legend-year li:nth-child(5) {
    color: #98806c;
}

.legend-year li:nth-child(5)::before {
    background-color: #98806c;
}

.legend-year li:nth-child(6) {
    color: #5e6376;
}

.legend-year li:nth-child(6)::before {
    background-color: #5e6376;
}

.legend-year li:nth-child(7) {
    color: #999999;
}

.legend-year li:nth-child(7)::before {
    background-color: #999999;
}

.legend-redevelop li:first-child {
    color: #83abd6;
}

.legend-redevelop li:first-child::before {
    background-color: #83abd6;
}

.legend-redevelop li:nth-child(2) {
    color: #ecb751;
}

.legend-redevelop li:nth-child(2)::before {
    background-color: #ecb751;
}

.legend-redevelop li:nth-child(3) {
    color: #ec6969;
}

.legend-redevelop li:nth-child(3)::before {
    background-color: #ec6969;
}

.legend-work li:first-child {
    color: #6f88c1;
}

.legend-work li:first-child::before {
    background-color: #6f88c1;
}

.legend-work li:nth-child(2) {
    color: #3b91e6;
}

.legend-work li:nth-child(2)::before {
    background-color: #3b91e6;
}

.legend-work li:nth-child(3) {
    color: #da139f;
}

.legend-work li:nth-child(3)::before {
    background-color: #da139f;
}

.legend-3d li:first-child {
    color: #f9b921;
}

.legend-3d li:first-child::before {
    background-color: #f9b921;
}

.legend-3d li:nth-child(2) {
    color: #7dc13a;
}

.legend-3d li:nth-child(2)::before {
    background-color: #7dc13a;
}

.legend-3d li:nth-child(3) {
    color: #4d6bd9;
}

.legend-3d li:nth-child(3)::before {
    background-color: #4d6bd9;
}

.legend-3d li:nth-child(4) {
    color: #98806c;
}

.legend-3d li:nth-child(4)::before {
    background-color: #98806c;
}

.remote-btn-area {
    position: absolute;
    bottom: 10px;
    left: -80px;
}

.btn-remote {
    width: 45px;
    height: 55px;
    padding-top: 36px;
    border: solid 1px rgba(137, 52, 250, .5);
    border-radius: 5px;
    color: #0b99ac;
    font-family: NotoSansR;
    font-size: 10px;
    background-color: #fff;
    transition: .3s;
}

.btn-remote:hover {
    border-color: #23b3c6;
}

.btn-remote::before {
    content: "";
    position: absolute;
    top: 4px;
    left: 50%;
    width: 34px;
    height: 34px;
    mask: url(../img/common/icon_remote.svg) 50%/contain no-repeat;
    -webkit-mask: url(../img/common/icon_remote.svg) 50%/contain no-repeat;
    background-color: #23b3c6;
    transform: translateX(-50%);
}

.btn-remote.active {
    border-color: #23b3c6;
    box-shadow: 0 0 5px rgba(137, 52, 250, .9);
    color: #fff;
    background: linear-gradient(45deg, #0a2e4f, #00a0ec);
}

.btn-remote.active::before {
    background-color: #fff;
}


.repeat-date {
    width: 280px;
}

.list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 15px;
    background-color: #f3f6fb;
}

.list-head h5 {
    position: relative;
    font-size: 15px;
}

.title-bullet {
    padding-left: 10px;
}

.title-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 4px;
    height: 12px;
    border-radius: 2px;
    background-color: #712cce;
    transform: translateY(-50%);
}

.compare-set {
    border-top: solid 1px #dadce0;
    padding: 10px;
}

.compare-set li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px;
    color: #673ab7;
    font-size: 14px;
    font-weight: 500;
}

.compare-set li + li {
    border-top: solid 1px #eee;
}

.compare-btns {
    padding: 10px;
    border-color: #dadce0;
}

.compare-btns button {
    flex: 1;
    margin-left: 0;
}

.compare-btns button + button {
    margin-left: 5px;
}

.compare-set.info-detail {
    border: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

.compare-set.info-detail .region::before, .compare-set.info-detail .region dd:last-child::before {
    display: none;
}

.compare-set.info-detail .region dd:last-child {
    position: absolute;
    top: 50%;
    left: 10px;
    margin: 0;
    transform: translateY(-50%);
}

.compare-set.info-detail .icon-compare-purple {
    width: 30px;
    height: 30px;
    margin: 0;
}

.no-list {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 15px;
}

.no-list p {
    margin-bottom: 15px;
    padding: 0 20px;
    font-size: 14px;
    text-align: center;
    word-break: keep-all;
    line-height: 130%;
}

.no-list button {
    width: 60px;
    height: 60px;
    padding-top: 30px;
    border: solid 1px #a9b2c7;
    border-radius: 10px;
    color: #0b99ac;
    letter-spacing: -1px;
}

.no-list .btn-radius {
    background-size: 45%;
    background-position: 50% 6px;
    background-repeat: no-repeat;
    transition: .3s;
}

.no-list .btn-radius:hover, .no-list .btn-radius:active, .no-list .btn-radius.active {
    color: #fff;
    border-color: #23b3c6;
    background-color: #23b3c6;
    background-image: url(../img/common/icon_radius_white.svg);
}

.dropdown.map {
    flex: 1;
    height: 50px;
}

.dropdown.map .dropdown-select {
    flex-flow: row wrap;
    justify-content: flex-start;
    height: 48px;
    padding: 0 15px 0 8px;
}

.dropdown.map .dropdown-select::after {
    right: 10px;
}

.dropdown.map .dropdown-select > span {
    display: block;
    font-family: NotoSansM;
}

.dropdown.map .dropdown-select > ins {
    display: block;
    width: 100%;
    margin-bottom: -10px;
    margin-left: 0;
    color: #747d8d;
    font-family: NotoSansR;
    font-size: 12px;
    text-decoration: none;
}

.dropdown.map .dropdown-menu {
    top: 49px;
    z-index: 12;
}

.dropdown.map .dropdown-menu > li.grouping {
    padding-left: 20px;
}

.dropdown.map.first {
    flex: .7;
}

.dropdown.map.second {
    flex: .9;
}

.grouping.tit {
    position: relative;
    margin-top: 24px;
}

.grouping.tit::before {
    display: block;
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    padding: 5px 10px;
    color: #0a2e4f;
    font-family: NotoSansR;
    font-size: 13px;
}

.grouping.cost {
    background-color: rgba(143, 85, 226, .05);
}

.grouping.cost:hover, .marker-option.left .grouping.cost:hover {
    background-color: rgba(143, 85, 226, .1) !important;
}

.grouping.sale {
    background-color: rgba(105, 140, 211, .1);
}

.grouping.sale:hover, .marker-option.left .grouping.sale:hover {
    background-color: rgba(105, 140, 211, .15) !important;
}

.grouping.etc {
    background-color: rgba(0, 0, 0, .05);
}

.grouping.etc:hover, .marker-option.left .grouping.etc:hover {
    background-color: rgba(0, 0, 0, .07) !important;
}

.grouping.tit.cost::before {
    content: "시세";
    color: #8f55e2;
    background-color: rgba(143, 85, 226, .2);
}

.grouping.tit.sale::before {
    content: "매물";
    color: #698cd3;
    background-color: rgba(105, 140, 211, .2);
}

.grouping.tit.etc::before {
    content: "기타";
    color: #888;
    background-color: rgba(0, 0, 0, 0.1);
}

.marker-option.left .grouping:hover {
    color: #747d8d !important;
}

.marker-option.left .grouping.tit {
    margin-top: 20px;
}

.marker-option.left .grouping.tit::before {
    top: -20px;
    padding: 0 5px;
    font-size: 11px;
    line-height: 20px;
}

.map-legend-circle .grouping {
    padding: 0 10px 0 15px;
}

.map-legend-circle .grouping.tit {
    margin-top: 20px;
}

.map-legend-circle .grouping.tit::before {
    top: -20px;
    padding: 0 5px;
    line-height: 20px;
    font-size: 12px;
}

.map-legend-circle .grouping:hover {
    color: #747d8d;
}

.btn-center-close {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.btn-center-close button {
    width: 40px;
    height: 20px;
    border-radius: 0 0 20px 20px;
    border: solid 1px #d9e1ea;
    border-top: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    background-color: #f3f6fb;
    transition: .3s;
}

.btn-center-close button::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    margin: -1px auto 0 auto;
    background-color: #747d8d;
    mask: url(/res_root/img/common/icon_close-4ebc31a122220ca7144df216d7301860.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_close-4ebc31a122220ca7144df216d7301860.svg) 50%/contain no-repeat;
    transition: .3s;
}

.btn-center-close button:hover {
    border-color: #0b99ac;
    background-color: #23b3c6;
}

.btn-center-close button:hover::before {
    border-color: #0b99ac;
    background-color: #fff;
}

.switch-radio.average {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 180px);
    height: 10px;
    border-radius: 5px;
    margin: 35px 0 10px 35px;
}

.switch-radio.average::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 10px;
    background-color: #afb3bb;
    transform: translateX(-50%);
}

.switch-radio.average .switch-label {
    width: 70px;
    height: 60px;
    margin-top: -20px;
    color: #747d8d;
    font-family: NotoSansR;
}

.switch-radio.average .switch-input:checked + .switch-label {
    color: #23b3c6;
}

.switch-radio.average .switch-input.left + .switch-label {
    margin-left: -25px;
}

.switch-radio.average .switch-input.right + .switch-label {
    margin-right: -25px;
}

.switch-radio.average .switch-toggle {
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #23b3c6;
    transition: left .25s cubic-bezier(.4, .0, .2, 1);
    z-index: 5;
}

.switch-radio.average .right:checked ~ .switch-toggle {
    left: calc(100% - 20px);
    border-radius: 100%;
}

.switch-radio.average .switch-label::before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #e3e7ec;
    transform: translate(-50%, -50%);
    z-index: 1;
    transition: .3s;
}

.switch-radio.average .switch-label:hover::before {
    background-color: #afb3bb;
}

.average-btn {
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 0 10px;
    transform: translateY(-50%);
}

.sub-btns .average-btn {
    font-size: 13px;
}

.options .sub-btns {
    margin-top: 0;
}

.sub-btns {
    position: relative;
    width: 100%;
    border: solid 1px #dfe6ef;
    padding: 7px;
    background-color: #fff;
}

.sub-btns button {
    color: #0a2e4f;
    font-size: 14px;
    background-color: #edf1f6;
}

.big-btns button {
    height: 50px;
    font-family: NotoSansM;
}

.big-btns button small {
    display: block;
    margin-bottom: 3px;
    font-family: NotoSansR;
    font-size: 13px;
    transition: .3s;
}

.big-btns button:hover small, .big-btns button:active small, .big-btns .active small {
    color: #fff;
}

.table-gray {
    width: 100%;
}

.table-gray th, .table-gray td {
    padding: 6px 5px;
    font-size: 13px;
    text-align: center;
}

.table-gray th {
    color: #50649c;
    font-weight: 500;
    letter-spacing: -0.6px;
    border-right: solid 1px #d9e0f7;
    border-bottom: solid 1px #d9e0f7;
    background-color: #f0f3fc;
}

.table-gray td {
    border-right: solid 1px #eef0f9;
    border-bottom: solid 1px #eef0f9;
}

.table-gray th:last-child, .table-gray td:last-child {
    border-right: 0;
}

.table-gray tr:hover, .table-gray tr:focus, .table-gray tr:active, .table-gray tr.active {
    background-color: rgba(35, 179, 198, .1);
    cursor: pointer;
}

.table-gray tr:hover td, .table-gray tr:focus td, .table-gray tr:active td, .table-gray tr.active td {
    border-color: rgba(35, 179, 198, .1);
}

.remote-btns {
    padding: 10px 0;
    text-align: center;
}

.remote-btns button {
    width: 60px;
    height: 30px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: #50649c;
    font-size: 13px;
    line-height: 30px;
    transition: .2s;
}

.remote-btns button:hover {
    background-color: #fff;
}

.remote-btns button + button {
    margin-left: 5px;
}

.remote-btns button::before, .remote-btns button::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    vertical-align: baseline;
    background-color: #50649c;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transition: .2s;
}

.remote-btns button:hover {
    color: #008090;
}

.remote-btns button:hover::before, .remote-btns button:hover::after {
    background-color: #008090;
}

.remote-btns .btn-prev::before {
    margin-right: 3px;
    transform: rotate(90deg);
}

.remote-btns .btn-prev::after, .remote-btns .btn-next::before {
    display: none;
}

.remote-btns .btn-next::after {
    margin-left: 3px;
    transform: rotate(-90deg);
}

.sale-info-box {
    position: absolute;
    width: 380px;
    padding-bottom: 30px;
    border: solid 1px #a9b2c7;
    border-radius: 5px;
    background-color: #fff;
    z-index: 10;
}

.sale-info-box .title {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    height: 52px;
    padding: 0 15px;
    border-bottom: solid 2px #a9b2c7;
    cursor: all-scroll;
}

.sale-info-box .title span {
    position: relative;
    display: inline-block;
    max-width: 170px;
    margin-right: 7px;
    font-family: GmarketSansM;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sale-info-box .title span::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    vertical-align: -9px;
    background-color: #23b3c6;
}

.sale-info-box .title span::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background-color: #fff;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin_white.svg) 50% 45%/50% no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/symbol_gin_white.svg) 50% 45%/50% no-repeat;
}

.sale-info-box .title span.yellow::before {
    background-color: #f9b921;
}

.sale-info-box .title span.green::before {
    background-color: #7dc13a;
}

.sale-info-box .title span.blue::before {
    background-color: #4d6bd9;
}

.sale-info-box .title span.purple::before {
    background-color: #8f55e2;
}

.sale-info-box .title span.brown::before {
    background-color: #98806c;
}

.sale-info-box .title span.gray::before {
    background-color: #5e6376;
}

.sale-info-box .title span.light-gray::before {
    background-color: #999;
}

.sale-info-box .title a {
    display: inline-block;
    color: #23b3c6;
    font-family: NotoSansR;
    font-size: 13px;
}

.sale-info-box .title a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    background: url(../img/common/icon_arrow_up_purple.svg) 50%/contain no-repeat;
    transform: rotate(90deg);
}

.sale-info-box .title i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
}

.sale-info-box .btn-naver {
    position: absolute;
    top: 12px;
    right: 50px;
    margin: 0;
}

.sale-info-box .box-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    background: url(/res_root/img/common/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg) 50%/60% no-repeat;
    outline: none;
}

.sale-info-box .link {
    margin-bottom: 10px;
    padding: 0 20px;
}

.sale-info-box .list {
    height: 110px;
    padding: 0 15px;
    transition: height .5s;
}

.sale-info-box .list dl {
    display: flex;
    flex-flow: row wrap;
    padding-top: 10px;
}

.sale-info-box .list dl * {
    margin: 2px 0;
}

.sale-info-box .list dt {
    width: 17%;
    height: 20px;
    border: solid 1px #a9b2c7;
    border-radius: 18px;
    color: #50649c;
    font-family: NotoSansM;
    font-size: 11px;
    line-height: 18px;
    text-align: center;
    letter-spacing: -1px;
}

.sale-info-box .list dd {
    width: 33%;
    padding-left: 5px;
    color: #454f5d;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 18px;
}

.sale-info-box .btn-set {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    justify-content: center;
}

.sale-info-box .btn-fold {
    width: 30px;
    height: 30px;
    padding: 0;
    transition: none;
    outline: none;
}

.sale-info-box .arrow {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -11px;
    border-top: 11px solid #a9b2c7;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 0;
    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
}

.sale-info-box .arrow::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 0;
}

.sale-info-box .icon-compare {
    width: 17px;
    height: 17px;
    background: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50% 50%/contain no-repeat;
    text-indent: -9999px;
}

.school-box, .job-box, .traffic-box {
    padding-bottom: 15px;
    cursor: default;
}

.school-box {
    width: 300px;
}

.school-box.large {
    width: 500px;
}

.school-box.large .title span {
    max-width: 400px;
}

.school-box .title span {
    max-width: 200px;
}

.school-box .title span::before, .job-box .title span::before, .traffic-box .title span::before {
    border-radius: 100%;
}

.school-box .title i::before {
    left: 6px;
    width: 18px;
    height: 18px;
    transform: translateY(-58%);
}

.school-box .list, .job-box .list, .traffic-box .list {
    height: auto;
}

.school-box .list dt {
    width: 25%;
}

.school-box .list dd {
    width: 25%;
}

.school-box .list dd.w75 {
    width: 75%;
}

.school-box .list p, .job-box .list p, .school-list-box .list p {
    padding-top: 10px;
    color: #50649c;
    font-size: 13px;
}

.job-box {
    width: 400px;
}

.job-box .title span {
    max-width: 340px;
}

.job-box .title i::before {
    left: 0;
    width: 30px;
    height: 30px;
}

.job-box .list dt {
    width: 15%;
}

.job-box .list dd {
    width: auto;
}

.job-box .list dd + dt:not(:nth-child(3)) {
    margin-left: 20px;
}

.job-box .list dd:nth-child(2) {
    width: 75%;
}

.traffic-box {
    width: 800px;
}

.traffic-box .title span {
    max-width: 90%;
}

.traffic-box .title i::before {
    left: 0;
    width: 30px;
    height: 30px;
}

.traffic-box .title b {
    color: #50649c;
    font-size: 15px;
    font-weight: normal;
}

.traffic-box .list > div {
    margin-top: 10px;
}

.traffic-box .list dt {
    width: 10%;
    margin-right: 2px;
}

.traffic-box .list dd {
    width: 20%;
}

.icon-map::before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 2px;
    vertical-align: middle;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.traffic-box.subway .title span::before {
    background-color: #d968f1;
}

.traffic-box.subway .list {
    position: relative;
}

.traffic-box.subway .list dl {
    float: left;
    width: 40%;
    padding: 0;
    margin: 13px 0;
}

.traffic-box.subway .list dt {
    width: calc(15% - 5px);
}

.traffic-box.subway .list dd {
    width: 35%;
}

.traffic-box.subway .list .date {
    float: left;
    width: 30%;
}

.traffic-box.subway .list .sub-title {
    position: relative;
    height: 28px;
    margin-bottom: 10px;
}

.traffic-box.subway .list .sub-title h4 {
    padding-left: 0;
    font-size: 16px;
    background-image: none;
}

.traffic-box.subway .list .sub-title .classify {
    right: 0;
}

.traffic-box.subway .dropdown {
    height: 30px;
}

.traffic-box.subway .dropdown > .dropdown-select {
    height: 28px;
}

.traffic-box.subway .dropdown > .dropdown-select > span, .traffic-box.subway .dropdown > .dropdown-menu > li {
    color: #454f5d;
    font-size: 13px;
}

.traffic-box.subway .dropdown > .dropdown-select > span {
    height: auto;
}

.traffic-box.subway .icon-date {
    height: 30px;
    vertical-align: middle;
}

.classify {
    position: absolute;
    top: -5px;
    right: 15px;
}

.classify .option-info {
    color: #50649c;
    font-size: 13px;
    margin-right: 3px;
}

.traffic-box.bus .title span::before {
    background-color: #5f9dd5;
}

.traffic-box.bus {
    width: 380px;
    padding-bottom: 0;
}

.traffic-box.bus .list {
    height: 335px;
    overflow-y: auto;
}

.traffic-box.bus .list::-webkit-scrollbar, .school-list-box .list::-webkit-scrollbar {
    width: 5px;
    height: 1px;
    background: rgba(0, 0, 0, .05);
}

.traffic-box.bus .list::-webkit-scrollbar-track, .school-list-box .list::-webkit-scrollbar-track {
    background-color: transparent;
}

.traffic-box.bus .list::-webkit-scrollbar-thumb, .school-list-box .list::-webkit-scrollbar-thumb {
    background: #dadeea;
    border: 0 none #ffffff;
}

.traffic-box.bus .list > div {
    position: relative;
    padding: 10px;
    padding-left: 40px;
}

.traffic-box.bus .list > div::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 3px;
    width: 24px;
    height: 24px;
    background-color: #0a2e4f;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_outline_bus.svg) 50%/contain no-repeat;
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_outline_bus.svg) 50%/contain no-repeat;
}

.traffic-box.bus .list > div::after {
    content: "";
    display: block;
    position: absolute;
    top: 30px;
    left: 15px;
    width: 1px;
    bottom: -16px;
    background-color: #eee;
}

.traffic-box.bus .list > div:last-child::after {
    display: none;
}

.traffic-box.bus .list > div p {
    color: #008090;
    font-family: GmarketSansB;
    letter-spacing: 0;
}

.traffic-box.bus .list > div > p span {
    color: #50649c;
    font-size: 14px;
    font-weight: normal;
}

.traffic-box.bus .list dt {
    width: 18%;
}

.traffic-box.bus .list dd {
    width: calc(82% - 2px);
    font-size: 14px;
}

.traffic-box.bus .list dd b {
    color: #50649c;
    font-family: NotoSansR;
    font-size: 12px;
}

.traffic-box.bus .list dd .bothway {
    display: inline-block;
    width: 12px;
    margin: 0 2px;
}

.traffic-box.bus .list dd .bothway::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 3px;
    vertical-align: -1px;
    background-color: #454f5d;
    mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_exchange-ffabeea2974f3e5003de49d23bc3cb89.svg) 50%/contain no-repeat;
}

.traffic-box.bus .more {
    position: absolute;
    right: 0;
    bottom: 0;
}

.traffic-box.bus .more button {
    width: 30px;
    height: 30px;
    border-radius: 3px 0 3px 0;
    text-indent: -9999px;
    background-color: #dbe0ec;
    transition: .3s;
}

.traffic-box.bus .more button:hover {
    background-color: #23b3c6;
}

.icon-more::before, .icon-more::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.icon-more::before {
    width: 50%;
    height: 3px;
}

.icon-more::after {
    width: 3px;
    height: 50%;
}

.edu-box {
    width: 800px;
    padding-bottom: 0;
    cursor: default;
    position: absolute !important;
    top: -100px;
    right: 100px;
}

.edu-box .list dd {
    padding-left: 10px;
}

.edu-box .title {
    flex-flow: row wrap;
    height: 70px;
    padding: 10px 15px;
}

.edu-box .title i::before {
    left: 21px;
    width: 18px;
    height: 18px;
    transform: translateY(-53%);
}

.edu-box .title span {
    position: static;
    max-width: 90%;
    padding-left: 42px;
}

.edu-box .title span::before {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.edu-box .title span b {
    color: #0a2e4f;
    font-size: 14px;
    font-weight: normal;
}

.edu-box .title .list {
    width: 100%;
    height: auto;
    margin-left: 30px;
}

.edu-box .title .list dl {
    padding-top: 0;
    background-color: #fff;
}

.edu-box .title .list dt {
    width: 10%;
}

.edu-box .title .list dd {
    font-weight: 500;
    width: 10%;
}

.edu-box .title .list dd:nth-child(2) {
    width: 45%;
}

.edu-box .title .list dd:last-child {
    width: 10%;
}

.edu-box .col-2 {
    display: flex;
    flex-flow: row wrap;
    float: none;
    width: 100%;
}

.edu-box .col-2 > * {
    max-height: 542px;
    overflow-y: auto;
}

.edu-box .col-2 > *::-webkit-scrollbar {
    width: 5px;
    height: 1px;
    background: rgba(0, 0, 0, .05);
}

.edu-box .col-2 > *::-webkit-scrollbar-track {
    background-color: transparent;
}

.edu-box .col-2 > *::-webkit-scrollbar-thumb {
    background: #dadeea;
    border: 0 none #ffffff;
}

.edu-box .col-2 > *:hover::-webkit-scrollbar-thumb {
    background: #adb5ca;
}

.edu-box .col-2 .list-left {
    width: 65%;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0 0 0 5px;
    border-right: solid 1px #eee;
    background-color: #f4f8fd;
}

.edu-box .col-2 .list-left dl {
    position: relative;
    padding: 15px;
    cursor: pointer;
    transition: .3s;
}

.edu-box .col-2 .list-left dl:hover {
    background-color: rgba(255, 255, 255, .5);
}

.edu-box .col-2 .list-left dl + dl {
    border-top: solid 1px #ddd;
}

.edu-box .col-2 .list-left .active, .edu-box .col-2 .list-left .active:hover {
    background-color: #fff;
}

.edu-box .col-2 .list-left .active::before {
    content: "";
    border-bottom: 2px solid #23b3c6;
    border-right: 2px solid #23b3c6;
    display: block;
    width: 10px;
    height: 10px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.15s ease-in-out;
}

.edu-box .col-2 .list-left .active .bold, .edu-box .col-2 .list-left dl:hover .bold {
    color: #0a2e4f;
}

.edu-box .col-2 .list-left .active dt {
    color: #fff;
    border-color: #0b99ac;
    background-color: #23b3c6;
}

.edu-box .col-2 .list-left .active .bold {
    font-size: 16px;
    background-color: transparent;
}

.edu-box .col-2 .list {
    height: auto;
    padding: 0;
}

.edu-box .col-2 .list dt {
    width: 20%;
    color: #a9b2c7;
    transition: color .3s;
}

.edu-box .col-2 .list dd {
    width: 80%;
}

.edu-box .col-2 .list .bold {
    width: 100%;
    margin-bottom: 10px;
    border: 0;
    border-radius: 0;
    color: #7e81a6;
    font-family: GmarketSansM;
    font-size: 15px;
    text-align: left;
}

.edu-box .col-2 .list-right {
    width: 35%;
    padding: 15px;
    background-color: #fff;
}

.edu-box .col-2 .list-right dl {
    padding: 10px 5px;
}

.edu-box .col-2 .list-right dl + dl {
    border-top: dashed 1px #ddd;
}

.edu-box .col-2 .list-right dt {
    width: 25%;
    border-color: #23b3c6;
    color: #0b99ac;
}

.edu-box .col-2 .list-right dd {
    width: 75%;
}

.edu-box .col-2 .list-right h4 {
    position: relative;
    padding-left: 10px;
    letter-spacing: -1px;
    font-size: 15px;
    background: none;
}

.edu-box .col-2 .list-right h4::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 13px;
    border-radius: 2px;
    background-color: #23b3c6;
}

.school-list-box {
    padding-bottom: 0;
    cursor: default;
}

.school-list-box .title i::before {
    left: 6px;
    width: 18px;
    height: 18px;
    transform: translateY(-58%);
}

.school-list-box .title span::after {
    display: none;
}

.school-list-box .title span b {
    font-family: GmarketSansM;
}

.school-list-box .yoo span::before {
    background-color: #83cd39;
}

.school-list-box .cho span::before {
    background-color: #ffc333;
}

.school-list-box .joong span::before {
    background-color: #ff971c;
}

.school-list-box .go span::before {
    background-color: #fe683d;
}

.school-list-box .teuk span::before {
    background-color: #9e69ea;
}

.school-list-box .list {
    height: auto;
    max-height: 600px;
    overflow-y: auto;
    padding: 0;
}

.school-list-box .list > div {
    position: relative;
    padding: 15px;
}

.school-list-box .list > div + div {
    border-top: solid 1px #ddd;
}

.school-list-box .list > div > strong {
    color: #0a2e4f;
    font-size: 15px;
    letter-spacing: -1px;
}

.school-list-box .list p {
    padding-top: 5px;
}

.school-list-box .icon-compare {
    position: absolute;
    top: 15px;
    right: 15px;
}

.school-list-box .icon-map::before {
    width: 14px;
    height: 14px;
}

.traffic-box .title span::after, .school-box .title span::after {
    display: none;
}

.develop-box {
    position: absolute !important;
    width: 380px;
    border: solid 1px #a9b2c7;
    border-radius: 5px;
    background-color: #fff;
    z-index: 10;
    top: -200px;
    right: 100px;
}
.develop-box .title {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    height: 52px;
    padding: 0 15px;
    border-bottom: solid 2px #a9b2c7;
    cursor: all-scroll;
}
.develop-box .title i::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    background-color: #fff;
    transform: translateY(-50%);
    left: 0;
    width: 30px;
    height: 30px;
}
.develop-box .title span {
    position: relative;
    display: inline-block;
    max-width: 90%;
    margin-right: 7px;
    font-family: GmarketSansM;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.develop-box .title span::before {
    content: "";
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-right: 5px;
    vertical-align: -9px;
    background-color: #23b3c6;
}
.develop-box .box-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    background: url(/res_root/img/common/icon_box_close-d2b5c392dad82aaaffd3af6840399895.svg) 50%/60% no-repeat;
    outline: none;
}
.develop-box .develop-detail{
    height: calc(100% - 110px);
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 15px;
}
.develop-box .develop-detail::-webkit-scrollbar{
    display: none;
}
.develop-box .develop-detail .blank-data {
    margin-top: 30px;
    text-align: center;
}
.develop-box .develop-detail .blank-data::before{
    content: "";
    display: block;
    width: 180px;
    height: 180px;
    margin: 0 auto 20px auto;
    background: url(/res/img/common/img_dormant_error-999183f10c9154ebed6947baa3079ccf.png) 50%/180px no-repeat;
}
.develop-box .develop-detail .detail-header {
    padding: 10px;
}
.develop-box .develop-detail .detail-header > strong{
    font-size: 18px;
}
.develop-box .develop-detail .detail-info, .develop-box .develop-detail .detail-notice, .develop-box .develop-detail .detail-history{
    margin-top: 20px;
}
.develop-box .develop-detail .detail-image li{
    text-align: center;
    margin-bottom: 15px;
    border: 1px solid #bcc1ca;
}
.develop-box .develop-detail .detail-image li.relate-img{
    display: none;
}
.develop-box .develop-detail .detail-image a{
    width: calc(100% - 20px);
    display: inline-block;
    overflow: hidden;
    position: relative;
    margin-top: 4px;
    padding-top: calc(50% - 2px);
    vertical-align: top;
}
.develop-box .develop-detail .detail-image img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.develop-box .develop-detail .detail-image button{
    position: relative;
}
.develop-box .develop-detail .detail-image button::after{
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    right: -15px;
    width: 12px;
    height: 12px;
    background: url(/res/img/component/icon_arrow03_down-4161ee3a4fc74d90c063c4ec0e627bd4.svg) 50%/contain no-repeat;
    transform: rotate(180deg);
    transition: all .15s ease-in-out;
}
.develop-box .develop-detail .detail-image button.open::after{
    transform: rotate(0deg);
}
.develop-box .develop-detail .detail-info div{
    padding: 10px;
}
.develop-box .develop-detail .detail-info dt{
    width: 100px;
    font-size: 13px;
}
.develop-box .develop-detail .detail-info dd{
    width: calc(100% - 100px);
    font-size: 13px;
    border-right: 1px solid #ccd4e1;
    word-break:break-all;
}
.develop-box .develop-detail .detail-history ol{
    padding: 5px 10px;
    font-size: 13px;
}
.develop-box .develop-detail .detail-history ol li{
    padding: 6px 14px;
    border-radius: 16px;
    border: 1px solid #00000012;
    position: relative;
    margin: 10px;
}
.develop-box .develop-detail .detail-history ol li:before{
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    top: 50%;
    left: -13px;
    margin-top: -4px;
    border-radius: 3.5px;
    background-color: #d8d8d8;
}
.develop-box .develop-detail .detail-history ol li:first-child{
    border: 1px solid #23b3c6;
}
.develop-box .develop-detail .detail-history ol li:first-child:before{
    background-color: #23b3c6;
}
.develop-box .develop-detail .detail-notice ol{
    font-size: 13px;
}
.develop-box .develop-detail .detail-notice ol li{
    position: relative;
    padding: 6px 10px;
    margin: 10px;
}
.develop-box .develop-detail .detail-notice ol li:before{
    content: "";
    width: 2px;
    height: 2px;
    position: absolute;
    top: 12px;
    left: 0;
    background-color: #515254;
}
.develop-box .icon-link{
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background-color: #0a2e4f;
}

.map-state {
    position: absolute;
    top: 90px;
    left: 200px;
    width: 360px;
    height: 320px;
    padding: 0 10px;
    border: solid 1px rgba(255, 255, 255, .5);
    border-radius: 10px;
    background-color: rgba(18, 36, 57, .8);
    z-index: 0;
}

.map-state .state-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
}

.map-state .state-title span {
    color: #fff;
    font-family: NotoSansR;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: -1px;
}

.map-state .state-title .out {
    color: white;
}

.map-state .state-title .in {
    color: white;
}

.map-state .state-title .region {
    margin: 0 8px;
    font-family: NotoSansR;
    font-size: 22px;
}

.map-state .state-title i {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
}

.map-state .state-title i::before, .state-title i::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
}

.map-state .state-title i::before {
    left: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-bottom-color: transparent;
}

.map-state .state-title i::after {
    right: -8px;
    width: 8px;
    height: 12px;
}

.map-state .state-title .out i {
    margin-left: 13px;
    margin-right: 6px;
    background-color: #9c74d8;
}

.map-state .state-title .out i::before {
    border-right-color: #9c74d8;
}

.map-state .state-title .out i::after {
    background: linear-gradient(90deg, #9c74d8, transparent);
}

.map-state .state-title .in i {
    margin-left: 6px;
    margin-right: 13px;
    background-color: #f3a648;
}

.map-state .state-title .in i::before {
    border-right-color: #f3a648;
}

.map-state .state-title .in i::after {
    background: linear-gradient(90deg, #f3a648, transparent);
}

.map-state .state-legend {
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-state .state-legend span {
    color: #fff;
    font-size: 13px;
    line-height: 100%;
}

.map-state .state-legend span::before {
    content: "";
    display: inline-block;
    width: 20px;
    margin-right: 10px;
    height: 5px;
    vertical-align: middle;
}

.map-state .state-legend .in {
    margin-right: 20px;
}

.map-state .state-legend .in::before {
    background-color: #f3a648;
}

.map-state .state-legend .out::before {
    background-color: #9c74d8;
}

.map-state.up-down .out {
    color: white;
}

.map-state.up-down .in {
    color: white;
}

.map-state.up-down .state-title .out i {
    background-color: blue;
}

.map-state.up-down .state-title .out i::before {
    border-right-color: blue;
}

.map-state.up-down .state-title .out i::after {
    background: linear-gradient(90deg, blue, transparent);
}

.map-state.up-down .state-title .in i {
    background-color: red;
}

.map-state.up-down .state-title .in i::before {
    border-right-color: red;
}

.map-state.up-down .state-title .in i::after {
    background: linear-gradient(90deg, red, transparent);
}

.map-state.up-down .state-legend .in::before {
    background-color: blue;
}

.map-state.up-down .state-legend .out::before {
    background-color: red;
}

[data-tooltip-text] {
    position: relative;
}

[data-tooltip-text]::before {
    content: "";
    display: block;
    overflow: hidden;
    position: absolute;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out
}

[data-tooltip-text]:hover::before {
    visibility: visible;
    opacity: 1;
}

[data-tooltip-text]::after {
    content: attr(data-tooltip-text);
    display: block;
    overflow: hidden;
    position: absolute;
    min-width: 120px;
    max-width: 200px;
    padding: 10px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 5px;
    color: #fff;
    font-size: 12px;
    white-space: pre-line;
    text-align: justify;
    background-color: rgba(0, 0, 0, .8);
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}

[data-tooltip-text]:hover::after {
    visibility: visible;
    opacity: 1;
}

[data-tooltip-direction=bottom]::before {
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    border-bottom: 7px solid rgba(0, 0, 0, .8);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 0;
}

[data-tooltip-direction=bottom]:hover::before {
    bottom: -8px;
}

[data-tooltip-direction=bottom]::after {
    top: 43px;
    left: 50%;
    transform: translateX(-50%);
}

[data-tooltip-direction=bottom]:hover::after {
    top: 44px;
}

[data-tooltip-direction=left]::before {
    top: 50%;
    transform: translateY(-50%);
    left: -7px;
    border-bottom: 7px solid transparent;
    border-left: 7px solid rgba(0, 0, 0, .8);
    border-right: 0;
    border-top: 7px solid transparent;
}

[data-tooltip-direction=left]:hover::before {
    left: -10px;
}

[data-tooltip-direction=left]::after {
    left: -227px;
    top: 50%;
    transform: translateY(-50%);
}

[data-tooltip-direction=left]:hover::after {
    left: -230px;
}

[data-tooltip-direction=top]::before {
    left: 50%;
    transform: translateX(-50%);
    top: -7px;
    border-top: 7px solid rgba(0, 0, 0, .8);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 0;
}

[data-tooltip-direction=top]:hover::before {
    top: -10px;
}

[data-tooltip-direction=top]::after {
    bottom: calc(100% - -7px);
    left: 50%;
    transform: translateX(-50%);
}

[data-tooltip-direction=top]:hover::after {
    bottom: calc(100% - -10px);
}

.top-filter {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    position: fixed;
    top: 65px;
    left: 70px;
    right: 350px;
    height: 65px;
    border-bottom: solid 1px #d9d9d9;
    background-color: #fff;
    transition: .3s;
}

.btn-map-filter::before {
    mask: url(/res_root/img/common/icon_map_filter-3d9d10ef3c514ec32a732384b618c936.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_map_filter-3d9d10ef3c514ec32a732384b618c936.svg) 50%/contain no-repeat;
}

.top-filter .btn-map-filter {
    color: #0a2e4f;
    font-family: GmarketSansM;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    transition: .3s;
}

.top-filter .btn-map-filter::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: -3px;
    background-color: #23b3c6;
}

.top-filter .btn-map-filter b {
    color: #008090;
}

.top-filter > ul {
    display: flex;
    flex-flow: row wrap;
    flex: 1;
    align-items: center;
    padding: 0 10px;
}

.top-filter li {
    color: #999;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 22px;
}

.top-filter .chip {
    max-width: none;
    min-width: auto;
    height: auto;
    padding: 0;
    margin: 0 10px;
    border: 0;
    color: #008090;
    background-color: transparent;
}

.top-filter .chip:hover {
    background-color: transparent;
}

.top-filter .chip:hover .delete {
    background-image: url(/res_root/img/common/icon_delete-875cd8d6fd04148716f52fdaf22a7338.svg);
}

.top-filter .chip .delete {
    position: relative;
    top: 11px;
    right: auto;
    margin-left: 5px;
    background-color: #f3f6fb;
}

.top-filter .chip .delete:hover {
    background-color: #ffd7d1;
}

.top-filter-btn {
    position: absolute;
    left: 50%;
    bottom: -21px;
    transform: translateX(-50%);
}

.top-filter-btn button {
    width: 42px;
    height: 21px;
    border: solid 1px #d9e1ea;
    border-radius: 0 0 21px 21px;
    text-indent: -9999px;
    background-color: #f3f6fb;
    transition: .3s;
}

.top-filter-btn button:hover, .top-filter-btn button.fold {
    border-color: #0b99ac;
    background-color: #23b3c6;
}

.top-filter-btn button::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 7px;
    transform: translate(-50%, -60%) rotate(180deg);
    background-color: #747d8d;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    transition: .3s;
}

.top-filter-btn button:hover::before {
    background-color: #fff;
    transform: translate(-50%, -80%) rotate(180deg);
}

.top-filter-btn button.fold::before {
    background-color: #fff;
    transform: translate(-50%, -60%) rotate(0);
}

.top-filter-btn button.fold:hover::before {
    background-color: #fff;
    transform: translate(-50%, -20%) rotate(0);
}

.top-filter {
    z-index: 15;
}

.top-filter.active {
    top: 130px;
}

.top-filter.active > span {
    width: 130px;
}

.top-filter.active > span:hover {
    box-shadow: none;
}

.top-filter .btn-map-filter.fold {
    position: absolute;
    bottom: -55px;
    left: 15px;
    width: auto;
    padding: 10px 12px 10px 10px;
    border: solid 1px #fff;
    border-radius: 18px;
    box-shadow: 0 0 5px rgba(10, 46, 79, .2);
    background-color: #fff;
}

.top-filter .btn-map-filter.fold:hover {
    bottom: -53px;
    border-color: #23b3c6;
    box-shadow: 0 0 6px rgba(11, 153, 172, .5);
}

/* 필터 저장 */
.btn-filter-save {
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.btn-filter-save .icon-group-save, .btn-filter-reset::before {
    transition: .3s;
}

.btn-filter-save .icon-group-save {
    width: 32px;
    height: 32px;
    background-size: 18px;
    background-image: url(/res_root/img/map/icon_group_save_green-939ca29776a168155bb90d6c47e7e3ef.svg);
}

.btn-filter-save:hover .icon-group-save {
    border-color: #23b3c6;
    background-color: #fff;
}

.top-filter .filter-save-area {
    position: relative;
}

.top-filter .filter-save-area fieldset {
    position: absolute;
    left: 0;
    bottom: -136px;
    display: none;
    min-width: 220px;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #2e2e2e;
    z-index: 10;
}

.top-filter .filter-reset-area {
    position: relative;
    margin-left: 5px;
}

.top-filter .filter-save-area fieldset > .input-set > .btn-pink:hover {
    background-color: #23b3c6;
}

.btn-filter-reset {
    width: 32px;
    height: 32px;
    color: transparent;
    font-size: 0;
    line-height: 0;
}

.btn-filter-reset::before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    margin: 0 auto;
    background-color: #333;
    mask: url(/res/img/common/icon-reset-0680ecf0a1d9e0a43baa873a99ceebc1.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res/img/common/icon-reset-0680ecf0a1d9e0a43baa873a99ceebc1.svg) 50%/contain no-repeat;
}

.btn-filter-reset:hover {
    border-color: #23b3c6;
}

.btn-filter-reset:hover::before {
    background-color: #23b3c6;
}

.filter-reset-area {
    position: relative;
    padding-right: 15px;
}

.filter-reset-area::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 17px;
    background-color: #dadce0;
}

.ongoing::after {
    content: "진행";
    background-color: #dc3535;
}

.maintenance {
    margin-top: 90px !important;
}

.chart-panel {
    display: none;
    position: relative;
}

.chart-panel.active {
    display: block;
}

.map-chart-wrap {
    width: 90px;
    height: 55px;
    padding: 3px;
    border: solid 1px #a9b2c7;
    border-radius: 3px;
    color: #50649c;
    text-align: center;
    background-color: #fff;
}

.map-chart-wrap p {
    margin-bottom: 3px;
    font-size: 11px;
    text-align: center;
    font-weight: 500;
    line-height: 100%;
}

.btn-roadview-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    color: transparent;
    font-size: 0;
    line-height: 0;
    border-radius: 100%;
    background-color: rgba(10, 46, 79, .8);
    cursor: pointer;
    transition: background-color .3s;
}

.btn-roadview-close:hover, .btn-roadview-close:active {
    background-color: #23b3c6;
}

.btn-roadview-close::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    margin: -1px auto 0 auto;
    background-color: #fff;
    mask: url(/res_root/img/common/icon_close-4ebc31a122220ca7144df216d7301860.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_close-4ebc31a122220ca7144df216d7301860.svg) 50%/contain no-repeat;
    transition: .3s;
}

.map-radius-option {
    position: absolute;
    padding: 10px 12px;
    border: solid 1px #a9b2c7;
    border-radius: 5px;
    background-color: #fff;
    width: 200px;
}

.map-radius-option p {
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
}

.map-radius-option button {
    position: relative;
    color: #0a2e4f;
    font-size: 11px;
    font-family: NotoSansR;
}

.map-radius-option button::before {
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 2px solid #ccd2eb;
    vertical-align: -5px;
    background-color: #fff;
    margin-right: 5px;
    transition-duration: 300ms;
}

.map-radius-option button:hover::before, .map-radius-option button.active::before {
    border-color: #23b3c6;
}

.map-radius-option button.active::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #23b3c6;
}

.map-radius-option button + button {
    margin-left: 8px;
}

.star-off-ani {
    display: inline-block;
    width: 22px;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
    background: url(/res_root/img/common/star_off_ani-44b881e5d01eb3fb8ba6c198727037f7.png) 0/auto 20px no-repeat;
    background-position: 0 0;
    animation: fav 1.3s steps(56) infinite;
    transition: none;
}

.star-off-ani:hover, .star-off-ani:active {
    background: url(/res_root/img/common/icon_star-a74a9187b97af4d9a6a4d8ca954c0afd.svg) 0 50%/auto 20px no-repeat;
    animation: none;
}

.tippy-popper * {
    color: #fff !important;
    font-size: 13px;
    line-height: 130%;
}

@keyframes fav {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1232px 0;
    }
}

.mapboxgl-map {
    font-size: 16px;
}

.dot {
    overflow: hidden;
    float: left;
    width: 12px;
    height: 12px;
    background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png');
}

.dotOverlay {
    position: relative;
    bottom: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    border-bottom: 2px solid #ddd;
    float: left;
    font-size: 12px;
    padding: 5px;
    background: #fff;
}

.dotOverlay:nth-of-type(n) {
    border: 0;
    box-shadow: 0px 1px 2px #888;
}

.number {
    font-family: NotoSansM;
    color: #0b99ac;
}

.dotOverlay::after {
    content: "";
    position: absolute;
    margin-left: -6px;
    left: 50%;
    bottom: -8px;
    width: 11px;
    height: 8px;
    background: url('http://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png');
}

.distanceInfo {
    position: relative;
    top: 5px;
    left: 5px;
    padding: 15px 15px 10px 15px;
    list-style: none;
    margin: 0;
}

.distanceInfo li {
    font-size: 12px;
}

.distanceInfo li + li {
    margin: 5px 0;
}

.distanceInfo .label {
    display: inline-block;
    width: 50px;
    font-family: NotoSansR;
    font-size: 12px;
    text-align: left;
}

.distanceInfo::after {
    content: none;
}

.mapboxgl-popup-content > .box-close {
    position: absolute;
    top: -2px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_close_tiny.svg) 50%/contain no-repeat;
    z-index: 1;
}

.badge {
    position: relative;
}

.badge:after {
    position: absolute;
    display: block;
    top: 1px;
    right: 0;
    width: 38px;
    height: 22px;
    color: #fff;
    font-family: GmarketSansM;
    font-size: 11px;
    letter-spacing: -0.4px;
    line-height: 24px;
    text-align: center;
    border-radius: 3px;
}

.badge.trading-1:after {
    content: '부족';
    background: #2b45d4;
}

.badge.trading-2:after {
    content: '보합';
    background: #ff9800;
}

.badge.trading-3:after {
    content: '증가';
    background: #dc3535;
}

.badge.unsold-1:after {
    content: '없음';
    background: #2b45d4;
}

.badge.unsold-2:after {
    content: '있음';
    background: #dc3535;
}

.badge.supply-1:after {
    content: '부족';
    background: rgb(131, 171, 214);
}

.badge.supply-2:after {
    content: '적정';
    background: rgb(95, 206, 164);
}

.badge.supply-3:after {
    content: '초과';
    background: rgb(236, 183, 81);
}

.badge.supply-4:after {
    content: '과잉';
    background: rgb(236, 105, 105);
}

.directions-icon-arrive {
    mask: url(data:image/svg+xml;base64,PH+PGcgaWQ9Imc1OTMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgaWQ9Imc2MDM4IiBmaWxsPSIjZmZmIi8+PGcgaWQ9InRleHQ2NjA2IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonT3BlbiBTYW5zIEJvbGQnO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2NvbG9yOiNGRkY7ZGlyZWN0aW9uOmx0cjtkaXNwbGF5OmlubGluZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6I0ZGRjtmb250LWZhbWlseTonT3BlbiBTYW5zJztmb250LXNpemU6MTYuODE7Zm9udC13ZWlnaHQ6Ym9sZDtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6MTI1O292ZXJmbG93OnZpc2libGU7dGV4dC1hbGlnbjpjZW50ZXI7dGV4dC1hbmNob3I6bWlkZGxlO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIj48cGF0aCBkPSJtMzIwNiA5OTYuMzYgMy43MyAwcTIuNTUgMCAzLjcgMC43MyAxLjE2IDAuNzIgMS4xNiAyLjMxIDAgMS4wOC0wLjUxIDEuNzYtMC41IDAuNjktMS4zNCAwLjgzbDAgMC4wOHExLjE0IDAuMjUgMS42NCAwLjk1IDAuNTEgMC43IDAuNTEgMS44NiAwIDEuNjQtMS4xOSAyLjU2LTEuMTggMC45Mi0zLjIyIDAuOTJsLTQuNDkgMCAwLTEyem0yLjU0IDQuNzUgMS40OCAwcTEuMDMgMCAxLjQ5LTAuMzIgMC40Ny0wLjMyIDAuNDctMS4wNiAwLTAuNjktMC41MS0wLjk4LTAuNS0wLjMtMS41OS0wLjNsLTEuMzQgMCAwIDIuNjd6bTAgMi4wMiAwIDMuMTMgMS42NiAwcTEuMDUgMCAxLjU1LTAuNCAwLjUtMC40IDAuNS0xLjIzIDAtMS40OS0yLjEzLTEuNDlsLTEuNTggMHoiIGlkPSJwYXRoMjcyMTIiLz48L2c+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgaWQ9InN2ZzUzMjciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcyBpZD0iZGVmczUzMjkiLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNTMzMiIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyBpZD0iZzU5MzYiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgaWQ9Imc1OTMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgaWQ9Imc2MDM4IiBmaWxsPSIjZmZmIi8+PGcgaWQ9InRleHQ2NjA2IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonT3BlbiBTYW5zIEJvbGQnO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2NvbG9yOiNGRkY7ZGlyZWN0aW9uOmx0cjtkaXNwbGF5OmlubGluZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6I0ZGRjtmb250LWZhbWlseTonT3BlbiBTYW5zJztmb250LXNpemU6MTYuODE7Zm9udC13ZWlnaHQ6Ym9sZDtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6MTI1O292ZXJmbG93OnZpc2libGU7dGV4dC1hbGlnbjpjZW50ZXI7dGV4dC1hbmNob3I6bWlkZGxlO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIj48cGF0aCBkPSJtMzIwNiA5OTYuMzYgMy43MyAwcTIuNTUgMCAzLjcgMC43MyAxLjE2IDAuNzIgMS4xNiAyLjMxIDAgMS4wOC0wLjUxIDEuNzYtMC41IDAuNjktMS4zNCAwLjgzbDAgMC4wOHExLjE0IDAuMjUgMS42NCAwLjk1IDAuNTEgMC43IDAuNTEgMS44NiAwIDEuNjQtMS4xOSAyLjU2LTEuMTggMC45Mi0zLjIyIDAuOTJsLTQuNDkgMCAwLTEyem0yLjU0IDQuNzUgMS40OCAwcTEuMDMgMCAxLjQ5LTAuMzIgMC40Ny0wLjMyIDAuNDctMS4wNiAwLTAuNjktMC41MS0wLjk4LTAuNS0wLjMtMS41OS0wLjNsLTEuMzQgMCAwIDIuNjd6bTAgMi4wMiAwIDMuMTMgMS42NiAwcTEuMDUgMCAxLjU1LTAuNCAwLjUtMC40IDAuNS0xLjIzIDAtMS40OS0yLjEzLTEuNDlsLTEuNTggMHoiIGlkPSJwYXRoMjcyMTIiLz48L2c+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
}

.directions-icon-slight-left {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwNiA5OTYuNCAwIDcuNSAzLjEtMy4xIDIuOSAzIDAgNC42IDIgMCAwLTUuNC0zLjUtMy41IDMtM3oiIGZpbGw9IiNGRkYiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwNiA5OTYuNCAwIDcuNSAzLjEtMy4xIDIuOSAzIDAgNC42IDIgMCAwLTUuNC0zLjUtMy41IDMtM3oiIGZpbGw9IiNGRkYiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
}

.directions-icon-slight-right {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwNi41IDk5Ni40IDMgMy0zLjUgMy41IDAgNS40IDIgMCAwLTQuNiAyLjktMyAzLjEgMy4xIDAtNy41eiIgZmlsbD0iI0ZGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwtMikiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMjQuNzI0NCkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwNi41IDk5Ni40IDMgMy0zLjUgMy41IDAgNS40IDIgMCAwLTQuNiAyLjktMyAzLjEgMy4xIDAtNy41eiIgZmlsbD0iI0ZGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwtMikiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMjQuNzI0NCkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) 50%/contain no-repeat;
}

.directions-icon-straight {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxNS41IDEwMDEuNC01LjUtNS41LTUuNSA1LjUgNC41IDAgMCA3IDIgMCAwLTd6IiBmaWxsPSIjRkZGIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zNDA3IDk0Ny40LTIgNiA3LjMgMC0yIDYgMiAwIDQtMTItMS4yIDB6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxNS41IDEwMDEuNC01LjUtNS41LTUuNSA1LjUgNC41IDAgMCA3IDIgMCAwLTd6IiBmaWxsPSIjRkZGIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zNDA3IDk0Ny40LTIgNiA3LjMgMC0yIDYgMiAwIDQtMTItMS4yIDB6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
}

.directions-icon-depart {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgaWQ9InN2ZzUzMjciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcyBpZD0iZGVmczUzMjkiLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNTMzMiIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyBpZD0iZzU5MzYiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgaWQ9Imc1OTMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgaWQ9Imc2MDM4IiBmaWxsPSIjZmZmIi8+PGcgaWQ9InRleHQ2NTkzIiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonT3BlbiBTYW5zIEJvbGQnO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2NvbG9yOiNGRkY7ZGlyZWN0aW9uOmx0cjtkaXNwbGF5OmlubGluZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6I0ZGRjtmb250LWZhbWlseTonT3BlbiBTYW5zJztmb250LXNpemU6MTYuNzQ7Zm9udC13ZWlnaHQ6Ym9sZDtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6MTI1O292ZXJmbG93OnZpc2libGU7dGV4dC1hbGlnbjpjZW50ZXI7dGV4dC1hbmNob3I6bWlkZGxlO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIj48cGF0aCBkPSJtMzIxMy4wNCAxMDA4LjM2LTAuODctMi44NC00LjM2IDAtMC44NyAyLjg0LTIuNzMgMCA0LjIyLTEyIDMuMSAwIDQuMjMgMTItMi43MyAwem0tMS40Ny00Ljk3cS0xLjItMy44Ny0xLjM2LTQuMzctMC4xNS0wLjUxLTAuMjEtMC44LTAuMjcgMS4wNS0xLjU0IDUuMTdsMy4xMSAweiIgaWQ9InBhdGgyNzIwOSIvPjwvZz48L2c+PC9zdmc+) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgaWQ9InN2ZzUzMjciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDIwIDIwIj48ZGVmcyBpZD0iZGVmczUzMjkiLz48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhNTMzMiIvPjxnIGlkPSJsYXllcjEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyBpZD0iZzU5MzYiIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgaWQ9Imc1OTMyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgaWQ9Imc2MDM4IiBmaWxsPSIjZmZmIi8+PGcgaWQ9InRleHQ2NTkzIiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjonT3BlbiBTYW5zIEJvbGQnO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2NvbG9yOiNGRkY7ZGlyZWN0aW9uOmx0cjtkaXNwbGF5OmlubGluZTtlbmFibGUtYmFja2dyb3VuZDphY2N1bXVsYXRlO2ZpbGwtcnVsZTpub256ZXJvO2ZpbGw6I0ZGRjtmb250LWZhbWlseTonT3BlbiBTYW5zJztmb250LXNpemU6MTYuNzQ7Zm9udC13ZWlnaHQ6Ym9sZDtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6MTI1O292ZXJmbG93OnZpc2libGU7dGV4dC1hbGlnbjpjZW50ZXI7dGV4dC1hbmNob3I6bWlkZGxlO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIj48cGF0aCBkPSJtMzIxMy4wNCAxMDA4LjM2LTAuODctMi44NC00LjM2IDAtMC44NyAyLjg0LTIuNzMgMCA0LjIyLTEyIDMuMSAwIDQuMjMgMTItMi43MyAwem0tMS40Ny00Ljk3cS0xLjItMy44Ny0xLjM2LTQuMzctMC4xNS0wLjUxLTAuMjEtMC44LTAuMjcgMS4wNS0xLjU0IDUuMTdsMy4xMSAweiIgaWQ9InBhdGgyNzIwOSIvPjwvZz48L2c+PC9zdmc+) 50%/contain no-repeat;
}

.directions-icon-roundabout {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxMCA5OTUuNGMtMS41IDAtMy4xIDAuNi00LjIgMS43LTIuMyAyLjMtMi4zIDYuMiAwIDguNWwxLjQtMS40Yy0xLjYtMS42LTEuNi00LjEgMC01LjYgMS42LTEuNiA0LjEtMS42IDUuNiAwIDEuNiAxLjYgMS42IDQuMSAwIDUuNi0wLjggMC44LTEuOCAxLjItMi44IDEuMmwtMSAwIDAgNCAyIDAgMC0yLjFjMS4yLTAuMiAyLjQtMC44IDMuMy0xLjcgMi4zLTIuMyAyLjMtNi4yIDAtOC41LTEuMi0xLjItMi43LTEuNy00LjItMS43eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I0ZGRjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxMCA5OTUuNGMtMS41IDAtMy4xIDAuNi00LjIgMS43LTIuMyAyLjMtMi4zIDYuMiAwIDguNWwxLjQtMS40Yy0xLjYtMS42LTEuNi00LjEgMC01LjYgMS42LTEuNiA0LjEtMS42IDUuNiAwIDEuNiAxLjYgMS42IDQuMSAwIDUuNi0wLjggMC44LTEuOCAxLjItMi44IDEuMmwtMSAwIDAgNCAyIDAgMC0yLjFjMS4yLTAuMiAyLjQtMC44IDMuMy0xLjcgMi4zLTIuMyAyLjMtNi4yIDAtOC41LTEuMi0xLjItMi43LTEuNy00LjItMS43eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I0ZGRjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
}

.directions-icon-error {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTMyMTAgOTk2LjRjLTAuNiAwLTEuMiAwLjMtMS41IDAuOGwtNC4zIDkuMmMtMC41IDAuOCAwIDIgMS4xIDJsNC43IDAgNC43IDBjMS4xIDAgMS42LTEuMiAxLjEtMmwtNC4zLTkuMmMtMC4zLTAuNS0wLjktMC44LTEuNS0wLjh6bTAgMyAxIDEgMCAzLTIgMCAwLTN6bS0xIDUgMiAwIDAgMi0yIDB6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTMyMTAgOTk2LjRjLTAuNiAwLTEuMiAwLjMtMS41IDAuOGwtNC4zIDkuMmMtMC41IDAuOCAwIDIgMS4xIDJsNC43IDAgNC43IDBjMS4xIDAgMS42LTEuMiAxLjEtMmwtNC4zLTkuMmMtMC4zLTAuNS0wLjktMC44LTEuNS0wLjh6bTAgMyAxIDEgMCAzLTIgMCAwLTN6bS0xIDUgMiAwIDAgMi0yIDB6IiBmaWxsPSIjMDAwIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
}

.directions-icon-reverse {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTMyMTAgOTk1LjktNC41IDQuNSAzLjUgMCAwIDQtMy41IDAgNC41IDQuNSA0LjUtNC41LTMuNSAwIDAtNCAzLjUgMC00LjUtNC41eiIgZmlsbD0iIzAwMCIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTMyMTAgOTk1LjktNC41IDQuNSAzLjUgMCAwIDQtMy41IDAgNC41IDQuNSA0LjUtNC41LTMuNSAwIDAtNCAzLjUgMC00LjUtNC41eiIgZmlsbD0iIzAwMCIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
}

.directions-icon-sharp-left {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxMy42IDk5Ni40LTYuNSA2LjUtMy0zIDAgNy41IDcuNSAwLTMuMS0zLjEgNC42LTQuNSAwIDUuNiAyIDAgMC04LTEuNC0xeiIgZmlsbD0iI0ZGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwtMikiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMjQuNzI0NCkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxMy42IDk5Ni40LTYuNSA2LjUtMy0zIDAgNy41IDcuNSAwLTMuMS0zLjEgNC42LTQuNSAwIDUuNiAyIDAgMC04LTEuNC0xeiIgZmlsbD0iI0ZGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwtMikiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMjQuNzI0NCkiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+) 50%/contain no-repeat;
}

.directions-icon-sharp-right {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwNi40IDk5Ni40LTEuNCAxIDAgOCAyIDAgMC01LjYgNC42IDQuNS0zLjEgMy4xIDcuNSAwIDAtNy41LTMgMy02LjUtNi41eiIgZmlsbD0iI0ZGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwtMikiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMjQuNzI0NCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMzQwNyA5NDcuNC0yIDYgNy4zIDAtMiA2IDIgMCA0LTEyLTEuMiAweiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwNi40IDk5Ni40LTEuNCAxIDAgOCAyIDAgMC01LjYgNC42IDQuNS0zLjEgMy4xIDcuNSAwIDAtNy41LTMgMy02LjUtNi41eiIgZmlsbD0iI0ZGRiIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAwNC43MjQ0KSIgb3BhY2l0eT0iMC41Ii8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwtMikiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMjQuNzI0NCkiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJtMzQwNyA5NDcuNC0yIDYgNy4zIDAtMiA2IDIgMCA0LTEyLTEuMiAweiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
}

.directions-icon-left {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwOSA5OTUuOSAwIDQuNSA1IDAgMSAxIDAgNi0yIDAgMC01LTQgMCAwIDQuNS01LjUtNS41eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I0ZGRjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwOSA5OTUuOSAwIDQuNSA1IDAgMSAxIDAgNi0yIDAgMC01LTQgMCAwIDQuNS01LjUtNS41eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I0ZGRjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
}

.directions-icon-right {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxMSA5OTUuOSAwIDQuNS01IDAtMSAxIDAgNiAyIDAgMC01IDQgMCAwIDQuNSA1LjUtNS41eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I0ZGRjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zNDA3IDk0Ny40LTIgNiA3LjMgMC0yIDYgMiAwIDQtMTItMS4yIDB6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIxMSA5OTUuOSAwIDQuNS01IDAtMSAxIDAgNiAyIDAgMC01IDQgMCAwIDQuNSA1LjUtNS41eiIgc3R5bGU9Ii1pbmtzY2FwZS1mb250LXNwZWNpZmljYXRpb246U2FucztiYXNlbGluZS1zaGlmdDpiYXNlbGluZTtibG9jay1wcm9ncmVzc2lvbjp0YjtkaXJlY3Rpb246bHRyO2ZpbGw6I0ZGRjtmb250LWZhbWlseTpTYW5zO2ZvbnQtc2l6ZTptZWRpdW07bGV0dGVyLXNwYWNpbmc6bm9ybWFsO2xpbmUtaGVpZ2h0Om5vcm1hbDt0ZXh0LWFsaWduOnN0YXJ0O3RleHQtYW5jaG9yOnN0YXJ0O3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uOm5vbmU7dGV4dC1pbmRlbnQ6MDt0ZXh0LXRyYW5zZm9ybTpub25lO3dvcmQtc3BhY2luZzpub3JtYWw7d3JpdGluZy1tb2RlOmxyLXRiIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDA0LjcyNDQpIiBvcGFjaXR5PSIwLjUiLz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLC0yKSIvPjxnIHRyYW5zZm9ybT0ibWF0cml4KDEsMCwwLC0xLDEsMjAyNC43MjQ0KSIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zNDA3IDk0Ny40LTIgNiA3LjMgMC0yIDYgMiAwIDQtMTItMS4yIDB6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
}

.directions-icon-uturn {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwOSA5OTYuNGMtMS43IDAtMy4xIDAuNi0zLjkgMS42LTAuOCAxLTEuMSAyLjItMS4xIDMuNGwwIDYgMiAwIDAtNmMwLTAuOCAwLjItMS42IDAuNy0yLjEgMC40LTAuNSAxLjEtMC45IDIuMy0wLjkgMS4zIDAgMS45IDAuNCAyLjMgMC45IDAuNCAwLjUgMC43IDEuMyAwLjcgMi4xbDAgMi00LjUgMCA1LjUgNS41IDUuNS01LjUtNC41IDAgMC0yYzAtMS4yLTAuMy0yLjQtMS4xLTMuNC0wLjgtMS0yLjItMS42LTMuOS0xLjZ6IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2RpcmVjdGlvbjpsdHI7ZmlsbDojRkZGO2ZvbnQtZmFtaWx5OlNhbnM7Zm9udC1zaXplOm1lZGl1bTtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1hbmNob3I6c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7d29yZC1zcGFjaW5nOm5vcm1hbDt3cml0aW5nLW1vZGU6bHItdGIiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48cGF0aCBkPSJtMzIwOSA5OTYuNGMtMS43IDAtMy4xIDAuNi0zLjkgMS42LTAuOCAxLTEuMSAyLjItMS4xIDMuNGwwIDYgMiAwIDAtNmMwLTAuOCAwLjItMS42IDAuNy0yLjEgMC40LTAuNSAxLjEtMC45IDIuMy0wLjkgMS4zIDAgMS45IDAuNCAyLjMgMC45IDAuNCAwLjUgMC43IDEuMyAwLjcgMi4xbDAgMi00LjUgMCA1LjUgNS41IDUuNS01LjUtNC41IDAgMC0yYzAtMS4yLTAuMy0yLjQtMS4xLTMuNC0wLjgtMS0yLjItMS42LTMuOS0xLjZ6IiBzdHlsZT0iLWlua3NjYXBlLWZvbnQtc3BlY2lmaWNhdGlvbjpTYW5zO2Jhc2VsaW5lLXNoaWZ0OmJhc2VsaW5lO2Jsb2NrLXByb2dyZXNzaW9uOnRiO2RpcmVjdGlvbjpsdHI7ZmlsbDojRkZGO2ZvbnQtZmFtaWx5OlNhbnM7Zm9udC1zaXplOm1lZGl1bTtsZXR0ZXItc3BhY2luZzpub3JtYWw7bGluZS1oZWlnaHQ6bm9ybWFsO3RleHQtYWxpZ246c3RhcnQ7dGV4dC1hbmNob3I6c3RhcnQ7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb246bm9uZTt0ZXh0LWluZGVudDowO3RleHQtdHJhbnNmb3JtOm5vbmU7d29yZC1zcGFjaW5nOm5vcm1hbDt3cml0aW5nLW1vZGU6bHItdGIiLz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==) 50%/contain no-repeat;
}

.directions-icon-waypoint {
    mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTMyMTUgMTAwMS40YzAgMi44LTUgOC01IDggMCAwLTUtNS4yLTUtOCAwLTIuOCAyLjItNSA1LTUgMi44IDAgNSAyLjIgNSA1eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
    -webkit-mask: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMjAwLC05OTIuMzYyMTgpIj48ZyB0cmFuc2Zvcm09Im1hdHJpeCgxLDAsMCwtMSwxLDIwMDQuNzI0NCkiIG9wYWNpdHk9IjAuNSIvPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEsLTIpIi8+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsLTEsMSwyMDI0LjcyNDQpIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0ibTMyMTUgMTAwMS40YzAgMi44LTUgOC01IDggMCAwLTUtNS4yLTUtOCAwLTIuOCAyLjItNSA1LTUgMi44IDAgNSAyLjIgNSA1eiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=) 50%/contain no-repeat;
}

.MapWalker {
    position: absolute;
}

.MapWalker .figure {
    position: absolute;
    width: 25px;
    left: 38px;
    top: -2px;
    height: 39px;
    background: url(/res_root/img/map/map_route-f55f4ba5b663b10b305e3453f9050192.png) -298px -114px no-repeat
}

.MapWalker .angleBack {
    width: 102px;
    height: 52px;
    background: url(/res_root/img/map/map_route-f55f4ba5b663b10b305e3453f9050192.png) -834px -2px no-repeat;
}

.MapWalker.mr0 .figure {
    background-position: -298px -114px;
}

.MapWalker.mr1 .figure {
    background-position: -335px -114px;
}

.MapWalker.mr2 .figure {
    background-position: -372px -114px;
}

.MapWalker.mr3 .figure {
    background-position: -409px -114px;
}

.MapWalker.mr4 .figure {
    background-position: -446px -114px;
}

.MapWalker.mr5 .figure {
    background-position: -483px -114px;
}

.MapWalker.mr6 .figure {
    background-position: -520px -114px;
}

.MapWalker.mr7 .figure {
    background-position: -557px -114px;
}

.MapWalker.mr8 .figure {
    background-position: -2px -114px;
}

.MapWalker.mr9 .figure {
    background-position: -39px -114px;
}

.MapWalker.mr10 .figure {
    background-position: -76px -114px;
}

.MapWalker.mr11 .figure {
    background-position: -113px -114px;
}

.MapWalker.mr12 .figure {
    background-position: -150px -114px;
}

.MapWalker.mr13 .figure {
    background-position: -187px -114px;
}

.MapWalker.mr14 .figure {
    background-position: -224px -114px;
}

.MapWalker.mr15 .figure {
    background-position: -261px -114px;
}

.MapWalker.mr0 .angleBack {
    background-position: -834px -2px;
}

.MapWalker.mr1 .angleBack {
    background-position: -938px -2px;
}

.MapWalker.mr2 .angleBack {
    background-position: -1042px -2px;
}

.MapWalker.mr3 .angleBack {
    background-position: -1146px -2px;
}

.MapWalker.mr4 .angleBack {
    background-position: -1250px -2px;
}

.MapWalker.mr5 .angleBack {
    background-position: -1354px -2px;
}

.MapWalker.mr6 .angleBack {
    background-position: -1458px -2px;
}

.MapWalker.mr7 .angleBack {
    background-position: -1562px -2px;
}

.MapWalker.mr8 .angleBack {
    background-position: -2px -2px;
}

.MapWalker.mr9 .angleBack {
    background-position: -106px -2px;
}

.MapWalker.mr10 .angleBack {
    background-position: -210px -2px;
}

.MapWalker.mr11 .angleBack {
    background-position: -314px -2px;
}

.MapWalker.mr12 .angleBack {
    background-position: -418px -2px;
}

.MapWalker.mr13 .angleBack {
    background-position: -522px -2px;
}

.MapWalker.mr14 .angleBack {
    background-position: -626px -2px;
}

.MapWalker.mr15 .angleBack {
    background-position: -730px -2px;
}

label[for="mapbox-directions-profile-driving-traffic"], label[for="mapbox-directions-profile-cycling"] {
    display: none;
}

#mapbox-directions-profile-driving-traffic, #mapbox-directions-profile-cycling {
    display: none;
}

/* 지도 공인중개사 매물 정보 */
.realtor-box {
    width: 300px;
    padding-bottom: 15px;
    cursor: default;
}

.realtor-box .title span {
    max-width: 100%;
    margin-right: 0;
}

.realtor-box .title span::before {
    border-radius: 100%;
    background: none;
    background-color: #3f5856;
}

.realtor-box .title span::after {
    display: none;
}

.realtor-box .title i::before {
    left: 6px;
    width: 18px;
    height: 18px;
    transform: translateY(-58%);
}

.realtor-box .list {
    height: auto;
}

.realtor-box .list p {
    position: relative;
    padding-top: 10px;
    padding-left: 18px;
    color: #50649c;
    font-size: 12px;
}

.realtor-box .icon-map::before {
    position: absolute;
    top: 9px;
    left: 0;
}

.sale-state {
    display: flex;
    padding: 10px 0 5px 0;
}

.sale-state button {
    padding: 0 7px;
    color: #7080ad;
    font-size: 12px;
    word-break: keep-all;
    line-height: 130%;
    transition: .2s;
}

.sale-state button + button {
    border-left: solid 1px #ddd;
}

.sale-state button b {
    font-family: GmarketSansB;
    letter-spacing: 0;
}

.sale-state .buy b {
    color: #007681;
}

.sale-state .buy:hover {
    color: #007681;
}

.sale-state .rent b {
    color: #ff7240;
}

.sale-state .rent:hover {
    color: #ff7240;
}

.sale-state .rent-monthly b {
    color: #7536cf;
}

.sale-state .rent-monthly:hover {
    color: #7536cf;
}

.sale-state .monthly b {
    color: #01529e;
}

.sale-state .monthly:hover {
    color: #01529e;
}

.ezip-count {
    position: absolute;
    top: -8px;
    right: -10px;
    width: 20px;
    height: 20px;
    color: #fff;
    border-radius: 100%;
    font-size: 11px;
    font-family: GmarketSansM;
    text-align: center;
    line-height: 20px;
    background-color: #f08544;
}

.apt-title-area.realtor {
    background: linear-gradient(90deg, #f6efff, #e5f7ff);
}

.apt-title-area.realtor .apt-title h4::before {
    width: 16px;
    height: 16px;
    mask: url(../img/component/icon_map_realtor.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/map/icon_map_realtor-5b0df8da8479429e9e3872f452098038.svg) 50%/contain no-repeat;
}

.apt-title-area.realtor ~ .tab-panel.apt-tab.top-pad {
    padding-top: 70px;
}

.sale-dashboard {
    padding: 7px 0;
    border: solid 1px #e6eaf0;
    border-radius: 3px;
    background-color: #f3f6fb;
}

.sale-dashboard > dl {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sale-dashboard > dl > * {
    font-size: 12px;
}

.sale-dashboard dt {
    position: relative;
    margin-right: 5px;
    font-family: NotoSansR;
}

.sale-dashboard dd {
    padding-top: 2px;
}

.sale-dashboard dd + dt {
    padding-left: 10px;
    margin-left: 10px;
    border-left: solid 1px #ddd;
}

.sale-dashboard dd b {
    font-family: GmarketSansM !important;
    font-weight: bold;
    font-size: 13px;
    font-family: NotoSansM;
}

.map-info .tab-panel.realtor {
    position: static;
    min-height: 250px;
    padding-top: 10px;
}

.map-info .tab-panel.realtor .title-area h4 {
    padding-left: 18px;
    font-size: 15px;
    background-size: 15px;
    background-position: 0 3px;
}

.tab-panel.realtor .info-detail > dl::before {
    font-size: 11px;
}

.tab-panel.realtor .info-detail .item-info dt {
    width: 80px;
    font-size: 12px;
}

.tab-panel.realtor .info-detail .item-info dd {
    width: calc(100% - 80px);
}

.info-detail .price {
    margin-bottom: 2px;
    color: #111;
    font-family: GmarketSansM;
    font-size: 14px;
}

.info-detail > dl.apt-buy::after {
    background-color: #007681;
}

.info-detail > dl.apt-rent::after {
    background-color: #ff7240;
}

.info-detail > dl.apt-monthly::after {
    background-color: #01529e;
}

.info-detail > dl.apt-monthly-rent::after {
    background-color: #7536cf;
}

.info-detail > dl.apt-buy .price {
    color: #007681;
}

.info-detail > dl.apt-rent .price {
    color: #ff7240;
}

.info-detail > dl.apt-monthly .price {
    color: #01529e;
}

.info-detail > dl.apt-monthly-rent .price {
    color: #7536cf;
}

.info-detail > dl dt small {
    letter-spacing: -1px;
}

.result-area > .layer > .apt-sale-area {
    margin-top: 75px !important;
}

.result-area .apt-sale-area .options {
    padding: 5px 0;
    background-color: #fff;
}

.result-area .apt-sale-area .options > div {
    flex-flow: row nowrap;
}

.result-area .options > .realtor-filter {
    padding-top: 0;
}

.result-area .options .map-filter-set {
    width: calc(50% - 5px);
}

.result-area .map-filter-set .filter > a {
    flex-flow: row wrap;
    height: 44px;
    padding-top: 0;
    padding-right: 18px;
    border-right: 1px solid #dadce0;
    background-color: #fff;
    transition: .2s;
}

.result-area .map-filter-set .filter > a .filter-name {
    width: 100%;
    margin-top: -4px;
    color: #747d8d;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
}

.result-area .map-filter-set .filter > a .text {
    display: block;
    font-family: NotoSansR;
    line-height: 100%;
    white-space: nowrap;
    width: 100%;
    margin-top: -12px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.result-area .map-filter-set .filter > a .arrow {
    right: 7px;
}

.result-area .map-filter-set .filter > a.active {
    border-color: #7970c8;
    border-width: 2px;
}

.result-area .map-filter-set .filter fieldset {
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    min-width: auto;
    padding-top: 0;
    border: 1px solid #dfe6ef;
    font-size: 14px;
    line-height: 20px;
    background-color: #fff;
    -webkit-box-shadow: 3px 3px 3px rgba(10, 46, 79, .1);
    box-shadow: 0 0 5px rgba(10, 46, 79, .2);
    z-index: 5;
}

.result-area .map-filter-set .filter fieldset .checking-set {
    padding: 10px 5px;
}

.result-area .map-filter-set .filter fieldset .checking.input input[type=text],
.result-area .map-filter-set .filter fieldset .checking.input input[type=number] {
    width: calc(50% - 12px);
    height: 30px;
    padding: 0 5px;
}

.result-area .map-filter-set .filter fieldset .checking.input > div {
    width: auto;
    margin-left: 0;
}

.result-area .map-filter-set .filter fieldset .filter-title {
    padding: 0 10px;
}

.result-area .map-filter-set .filter fieldset .filter-title button {
    height: 25px;
    padding: 0 10px;
    border-radius: 3px;
    color: #666;
    font-size: 12px;
}

.result-area .map-filter-set .filter fieldset .filter-title button:hover {
    color: #fff;
}

.result-area .map-filter-set .filter fieldset .filter-title button.active {
    color: #fff;
    background-color: #23b3c6;
}

.result-area .map-filter-set .filter fieldset .filter-title button:nth-child(2) {
    margin-left: 5px;
}

.result-area .map-filter-set .filter fieldset .checking {
    margin-right: 10px;
}

.result-area .map-filter-set .filter fieldset .checking.input {
    margin-bottom: 2px;
}

.result-area .map-filter-set .filter fieldset .check-input-btn {
    width: 100%;
    padding: 0 10px;
}

.result-area .map-filter-set .filter fieldset .check-input-btn > .btn {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 12px;
    background-color: #365b7a;
}

.result-area .map-filter-set .filter fieldset .check-input-btn > .btn:hover {
    background-color: #0a2e4f;
}

.icon-realtor::before {
    mask: url(/res_root/img/map/icon_map_realtor-5b0df8da8479429e9e3872f452098038.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/map/icon_map_realtor-5b0df8da8479429e9e3872f452098038.svg) 50%/contain no-repeat;
}

.remote-content {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    height: calc(100% - 46px);
}

.realtor-info {
    position: fixed;
    width: 400px;
    height: 680px;
}

.realtor-info .inner {
    width: 100%;
    padding: 0 20px;
}

.apt-default-area {
    position: relative;
    padding-bottom: 20px;
    background-color: #edf1f6;
}

.apt-default-img {
    position: relative;
    overflow: hidden;
    height: 120px;
    background: url(/res_ezip/img/img_apt_bg-cef5e62a61d86098aefe9d359d80e65c.jpg) 50% 20%/cover no-repeat;
}

.apt-default-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(10, 46, 79, .3);
}

.apt-default-img img {
    width: 100%;
    margin-top: -50%;
    transform: translateY(50%);
}

.apt-title-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50px);
    width: 90%;
}

.apt-title-info > * {
    color: #fff;
    text-align: center;
    text-shadow: 0 0 5px rgba(0, 0, 0, .8);
}

.apt-title-info dt {
    margin-bottom: .3em;
    font-size: 20px;
    font-family: GmarketSansM;
    word-break: keep-all;
    line-height: 110%;
}

.apt-title-info dd {
    font-size: 12px;
}

.apt-title-info dd + dd {
    margin-top: 5px;
}

.apt-default-area .apt-major-info {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    min-height: 35px;
}

.apt-major-info {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: 0 0 3px #ccd2eb;
    background-color: #fff;
}

.apt-major-info > * {
    display: flex;
    height: 20px;
}

.apt-major-info dt {
    align-items: flex-start;
    margin-right: 3px;
    padding-top: 2px;
    color: #7080ad;
    font-family: NotoSansM;
    font-size: 12px;
    letter-spacing: -.5px;
}

.apt-major-info dd + dt {
    margin-left: 10px;
}

.apt-major-info dd {
    align-items: center;
    padding-top: 2px;
    color: #333;
    font-size: 13px;
    font-family: GmarketSansM;
}

.apt-major-info dd b {
    margin-left: 5px;
    margin-top: -2px;
    padding: 0 3px;
    border-radius: 3px;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
}

.year-blue {
    background-color: #4d6bd9;
}

.year-type1 {
    background-color: #f9b921;
}

.year-type2 {
    background-color: #7dc13a;
}

.year-type3 {
    background-color: #4d6bd9;
}

.year-type4 {
    background-color: #98806c;
}

.apt-detail-area {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
}

.title-line {
    position: relative;
    padding: 15px 0;
    border-bottom: solid 1px #eee;
}

.item-area {
    position: relative;
    margin-bottom: 10px;
    padding: 1em 0;
}

.item-area::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -10px;
    width: 100%;
    height: 10px;
    background-color: #f1f1f1;
}

.item-info {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
}

.item-info > * {
    min-height: 30px;
    margin: 2.5px 0;
}

.item-info dt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    border: solid 1px #eee;
    border-radius: 15px;
    font-size: 13px;
    font-family: NotoSansM;
    background-color: #eee;
}

.item-info dt.highlight {
    border-color: #333;
    background-color: #fff;
}

.item-info dd.highlight {
    padding-top: 1px;
    font-family: GmarketSansB;
}

.item-info dt.sale {
    border-color: #007681;
    color: #007681;
}

.item-info dt.rent {
    border-color: #ff7240;
    color: #ff7240;
}

.item-info dt.monthly {
    border-color: #01529e;
    color: #01529e;
}

.item-info dt.monthly-rent {
    border-color: #7536cf;
    color: #7536cf;
}

.item-info dd {
    display: flex;
    align-items: center;
    width: calc(100% - 90px);
    padding-left: 10px;
    font-family: NotoSansR;
    font-size: 14px;
    line-height: 130%;
    word-break: break-all;
}

.item-info dd.sale {
    color: #007681;
}

.item-info dd.rent {
    color: #ff7240;
}

.item-info dd.monthly {
    color: #01529e;
}

.item-info dd.monthly-rent {
    color: #7536cf;
}

.item-info dd.highlight {
    padding-top: 5px;
    font-size: 16px;
    font-family: GmarketSansM;
}

.item-info dd a {
    color: #0b99ac;
    font-family: NotoSansR;
    text-decoration: underline;
}

.info-detail .item-info {
    margin-bottom: 15px;
}

.apt-detail-area .option-form {
    margin-top: 10px;
}

.option-form {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    gap: .5em;
}

.option-form .btn {
    flex: 1;
    height: 40px;
    color: #fff;
}

.option-form .btn-tertiary {
    background-color: #333;
}

.option-form .btn-tertiary:hover {
    background-color: #0a2e4f;
}

.option-form .btn::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -3px;
    background-image: none;
    background-color: #fff;
}

.option-form .icon-map::before {
    -webkit-mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
    mask: url(https://aptgin.com/cdn/res/icon/common/svg/icon_pin_home_17x17.svg) 50%/contain no-repeat;
}

.option-form .icon-link-blank::before {
    -webkit-mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
    mask: url(/res_root/img/common/icon_link_blank-9547d65ce6db80ecc200ac9356c93512.svg) 50%/contain no-repeat;
}

.alert-message {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .4);
    z-index: 99;
}

.alert-message.active {
    display: block;
}

.alert-message > div {
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    max-height: 100%;
}

.alert-message > div .inner > * + *:not(.btn-close) {
    margin-top: 10px
}

.alert-message.photo .photo-slider {
    overflow-y: auto;
    padding: 10px 0;
    text-align: center;
}

.alert-message.photo .photo-slider img {
    display: inline-block;
    width: 95%;
    height: auto;
}

.alert-message.photo .photo-slider img + img {
    margin-top: 5px;
}

.alert-message.photo .btn-close {
    position: absolute;
    top: 18px;
    right: 15px;
    left: auto;
    width: 40px;
    height: 40px;
}

.alert-message.photo .btn-close button {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    border-radius: 100%;
    color: transparent;
    font-size: 0;
    line-height: 0;
    background-color: rgba(0, 0, 0, .7);
    transition: .3s ease-in-out;
    transform: rotate(-45deg);
}

.alert-message.photo .icon-close::before, .alert-message.photo .icon-close::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
}

.alert-message.photo .icon-close:hover, .alert-message.photo .icon-close:active {
    transform: rotate(-225deg);
}

.alert-message.photo .icon-close::before {
    width: 20px;
    height: 2px;
}

.alert-message.photo .icon-close::after {
    width: 2px;
    height: 20px;
}

.brokerage {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    position: relative;
    min-height: 80px;
    padding-left: 100px;
}

.brokerage img {
    width: 80px;
    height: 80px;
}

.brokerage .btn-attach {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: url(/res_ezip/img/icon_chatbox_cha-93bcf4851c18e85b35a817b3445fe951.jpg) 50%/contain no-repeat;
    -webkit-mask: url(/res_ezip/img/bg_photo-fb0883d4fb95098b2a24480242ece497.svg) 50%/contain no-repeat;
    mask: url(/res_ezip/img/bg_photo-fb0883d4fb95098b2a24480242ece497.svg) 50%/contain no-repeat;
}

.brokerage strong {
    margin-bottom: 5px;
    color: #0a2e4f;
    font-family: GmarketSansM;
    font-size: 18px;
}

.brokerage strong + p {
    margin-bottom: 5px;
    font-size: 16px;
}

.brokerage p {
    margin-top: .3em;
    font-family: NotoSansR;
    font-size: 14px;
    text-align: left;
}

.brokerage .icon-mobile::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background-color: #0a2e4f;
    vertical-align: -2px;
    -webkit-mask: url(/res_ezip/img/icon_mobile-b7f470ff6f335ce9799572a022ceaaf5.svg) 50%/cover no-repeat;
    mask: url(/res_ezip/img/icon_mobile-b7f470ff6f335ce9799572a022ceaaf5.svg) 50%/cover no-repeat;
}

.brokerage-member {
    padding-top: 15px;
}

.brokerage-member + .brokerage-member {
    border-top: 1px dashed #ddd;
}

.brokerage-member .brokerage {
    min-height: 45px;
    padding-left: 60px;
}

.brokerage-member .brokerage strong {
    font-size: 16px;
}

.brokerage-member .btn-attach {
    left: 10px;
    width: 40px;
    height: 40px;
}

.brokerage-member .btn-attach img {
    width: 100%;
    height: auto;
}


.remote-area.bottom span.btn-fit::before, .remote-area.bottom span.btn-around::before {
    content: "";
    display: inline-block;;
    width: 20px;
    height: 20px;
    margin-right: 2px;
    vertical-align: -4px;
    background: white;
}

/*입주 폴리곤 팝업*/
.ent-box {
    width: 820px;
    padding-bottom: 0;
    cursor: default;
    position: absolute !important;
    top: -100px;
    right: 100px;
}

.ent-box .list dd {
    padding-left: 10px;
}

.ent-box .title {
    flex-flow: row wrap;
    height: 70px;
    padding: 10px 15px;
}

.ent-box .title i::before {
    left: 21px;
    width: 18px;
    height: 18px;
    transform: translateY(-53%);
}

.ent-box .title span {
    position: static;
    max-width: 90%;
    padding-left: 42px;
}

.ent-box .title span::before {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.ent-box .title span b {
    color: #0a2e4f;
    font-size: 14px;
    font-weight: normal;
}

.ent-box .title .list {
    width: 100%;
    height: auto;
    margin-left: 30px;
}

.ent-box .title .list dl {
    padding-top: 0;
    background-color: #fff;
}

.ent-box .title .list dt {
    width: 10%;
}

.ent-box .title .list dd {
    width: 15%;
    font-weight: 500;
}

.ent-box .col-2 {
    display: flex;
    flex-flow: row wrap;
    float: none;
    width: 100%;
}

.ent-box .col-2 > * {
    max-height: 542px;
    overflow-y: auto;
}

.ent-box .col-2 > *::-webkit-scrollbar {
    width: 5px;
    height: 1px;
    background: rgba(0, 0, 0, .05);
}

.ent-box .col-2 > *::-webkit-scrollbar-track {
    background-color: transparent;
}

.ent-box .col-2 > *::-webkit-scrollbar-thumb {
    background: #dadeea;
    border: 0 none #ffffff;
}

.ent-box .col-2 > *:hover::-webkit-scrollbar-thumb {
    background: #adb5ca;
}

.ent-box .col-2 .list-left {
    width: 40%;
    padding-left: 0;
    padding-right: 0;
    border-radius: 0 0 0 5px;
    border-right: solid 1px #eee;
    background-color: #fff;
}

.ent-box .col-2 .list-left dl {
    position: relative;
    padding: 15px;
    transition: .3s;
    cursor: auto;
}

.ent-box .col-2 .list-left dl:hover {
    background-color: rgba(255, 255, 255, .5);
}

.ent-box .col-2 .list-left dl + dl {
    border-top: solid 1px #ddd;
}

.ent-box .col-2 .list-left dl dt a {
    height: 20px;
}

.ent-box .col-2 .list-left dl dt a.w17 {
    width: 17px;
}

.ent-box .col-2 .list-left .active, .ent-box .col-2 .list-left .active:hover {
    background-color: #edf1f6;
}

.ent-box .col-2 .list-left .active .bold, .ent-box .col-2 .list-left dl:hover .bold {
    color: #0a2e4f;
}

.ent-box .col-2 .list-left .active .bold {
    font-size: 16px;
    background-color: transparent;
}

.ent-box .col-2 .list {
    height: auto;
    padding: 0;
}

.ent-box .col-2 .list dt {
    width: 20%;
    color: #a9b2c7;
    transition: color .3s;
}

.ent-box .col-2 .list dd {
    width: 80%;
}

.ent-box .col-2 .list .bold {
    width: 100%;
    margin-bottom: 10px;
    border: 0;
    border-radius: 0;
    color: #7e81a6;
    font-family: GmarketSansM;
    font-size: 15px;
    text-align: left;
}

.ent-box .col-2 .list-right {
    width: 60%;
    padding: 15px;
    background-color: #fff;
}

.ent-box .col-2 .list-right dl {
    padding: 10px 5px;
}

.ent-box .col-2 .list-right dl + dl {
    border-top: dashed 1px #ddd;
}

.ent-box .col-2 .list-right dt {
    width: 25%;
    border-color: #23b3c6;
    color: #0b99ac;
}

.ent-box .col-2 .list-right dd {
    width: 75%;
}

.ent-box .col-2 .list-right h4 {
    position: relative;
    padding-left: 10px;
    letter-spacing: -1px;
    font-size: 15px;
    background: none;
}

.ent-box .col-2 .list-right h4::before {
    content: "";
    display: block;
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 13px;
    border-radius: 2px;
    background-color: #23b3c6;
}

.old-3d-legend button.active:first-child {
    background-color: #f9b921;
}

.old-3d-legend button.active:nth-child(2) {
    background-color: #7dc13a;
}

.old-3d-legend button.active:nth-child(3) {
    background-color: #4d6bd9;
}

.old-3d-legend button.active:nth-child(4) {
    background-color: #98806c;
}

[data-tab-name="입주"] .filter-area {
    background-color: #fff
}

.introjs-tooltiptext .icon-add {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 5px;
    margin-bottom: 5px;
}

.intro_price_color-set-map {
    background-color: #555;
    color: #ffffff00 !important;
    font-size: 3px;
    padding: 3px 5px;
    border-radius: 30px;
}

.mapboxgl-marker .box-close {
    position: absolute;
    top: 35px;
    right: 0px;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    background: url(https://aptgin.com/cdn/res/icon/common/svg/icon_close_tiny.svg) 50%/60% no-repeat;
    outline: none;
    z-index: 1;
}

/*3D상권 폴리곤 팝업*/
.busi-box {
    width: 930px;
    padding-bottom: 0;
    cursor: default;
    position: absolute !important;
    top: -200px;
    right: -200px;
}

.busi-box .list dd {
    padding-left: 10px;
}

.busi-box .title {
    flex-flow: row wrap;
    height: 70px;
    padding: 10px 15px;
}

.busi-box .title i::before {
    left: 21px;
    width: 18px;
    height: 18px;
    transform: translateY(-53%);
}

.busi-box .title span {
    position: static;
    max-width: 90%;
    padding-left: 42px;
}

.busi-box .title span::before {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.busi-box .title span b {
    color: #0a2e4f;
    font-size: 14px;
    font-weight: normal;
}

.busi-box .title .list {
    width: 100%;
    height: auto;
    margin-left: 30px;
}

.busi-box .title .list dl {
    padding-top: 0;
    background-color: #fff;
}

.busi-box .title .list dt {
    width: 10%;
}

.busi-box .title .list dd {
    width: 10%;
    font-weight: 500;
}

.busi-box .info-current{
    padding: 10px;
    margin-bottom: 0;
}

.busi-box .info-current dl{
    justify-content: center;
}

.busi-box .info-current dl > *{
    border-top: none;
    border-bottom: solid 1px #eee;
}

.busi-box .info-current dl > *:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
    border-top: none;
}

.busi-box .info-current dt, .busi-box .info-current dd {
    width: 50%;
}

.busi-box .category {
    padding: 0;
}

.busi-box .detail-list {
    display: flex;
}

.busi-box .detail-list > *{
    max-height: 372px;
    overflow-y: auto;
}

.busi-box .detail-list div{
    width: 30%;
}

.busi-box .detail-list div:nth-child(3) {
    width: 40%;
}

.busi-box .detail-list .info-current{
    padding:0;
}

.busi-box .detail-list .info-current dl{
    position: relative;
    cursor: pointer;
    transition: .3s;
    padding: 0 15px;
    background: #F4F8FD;
}

.busi-box .detail-list .info-current dl.active{
    background: #fff;
}

.busi-box .detail-list .info-current dl.active::before {
    content: "";
    display: block;
    position: absolute;
    top: 11px;
    right: 4px;
    width: 4px;
    height: 16px;
    border-radius: 2px;
    background-color: #23b3c6;
}

.busi-box .detail-list .info-current dt{
    width: 65%;
}

.busi-box .detail-list .info-current dd{
    width: 35%;
}

.busi-box .detail-list .info-current dt.no-icon::before{
    display: initial;
    margin: 0;
    vertical-align: 0;
}

.busi-box .detail-list .info-current .busi-detail{
    display: flex;
    flex-flow: row wrap;
    background: #fff;
    padding:10px;
    border-bottom: 1px dashed #ddd;
}
.busi-box .detail-list .info-current .busi-detail > *{
    margin: 2px 0;
}

.busi-box .detail-list .info-current .busi-detail dt{
    width: 25%;
    border: solid 1px #23b3c6;
    color: #0b99ac;
    border-radius: 18px;
    text-align: center;
    height: 20px;
    line-height: 18px;
}
.busi-box .detail-list .info-current .busi-detail > dt:not(:first-child):not(:nth-child(2)):not(:nth-child(3)){
    border-top: solid 1px #23b3c6;
}
.busi-box .detail-list .info-current .busi-detail dd{
    width: 75%;
    border: 0;
    height: 20px;
    line-height: 18px;
    text-align: left;
    padding-left: 5px;
}

.busi-box .detail-list .info-current .busi-detail dt.bold{
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    border: 0;
    color: #0a2e4f;
}


.busi-box.corp-box {
    width: 800px;
}

.busi-box.corp-box .title .list dt, .busi-box.corp-box .title .list dd {
    width: 10%;
}

.busi-box.corp-box .info-current {
    padding: 10px;
}

.busi-box.corp-box .info-current h5{
    display: block;
    width: 100%;
    margin-top: 5px;
    position: relative;
    padding-left: 10px;
}

.busi-box.corp-box .info-current h5::before{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #0b99ac;
}

.busi-box.corp-box .info-current > .ac_js_flex{
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
}

.busi-box.corp-box .info-current > div > .ac_js_flex{
    padding: 5px;
}

.check-option {
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    border-radius: 24px;
}

.check-option .filter {
    position: relative;
    word-break: keep-all;
    width: 100%;
}
.check-option .filter > a {
    flex-flow: row wrap;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px 0 8px;
    border-radius: 5px;
    border: 1px solid #dadce0;
    font-family: NotoSansR;
    font-size: 15px;
    line-height: 44px;
    transition: background 100ms ease-out;
}

.check-option .filter > a .filter-name {
    width: 100%;
    margin-top: -2px;
    margin-bottom: -10px;
    color: #747d8d;
    font-family: NotoSansM;
    font-size: 12px;
    font-weight: normal;
}
.check-option .filter > a .text {
    font-family: NotoSansM;
    font-weight: normal;
    line-height: 100%;
    white-space: pre;
}

.check-option .filter > a .arrow {
    display: block;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%) rotate(-180deg);
    width: 12px;
    height: 7px;
    background-color: #000;
    mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
    -webkit-mask: url(/res_root/img/common/icon_arrow_down-85f3af29ddc5c33cf9b376c6e161949a.svg) 50%/contain no-repeat;
}

.check-option .filter > a.active .arrow {
    transform: translateY(-50%);
}

.check-option .filter fieldset {
    display: none;
    position: absolute;
    top: 50px;
    left: auto;
    right: 0;
    min-width: 330px;
    padding-top: 0;
    border: 1px solid #2e2e2e;
    color: #666;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    background-color: #fff;
    z-index: 5;
}

.mapboxgl-popup-content .left-box{
    position: absolute !important;
    top: -200px !important;
    right: 250px !important;
    left: auto !important;
}

.auction-info {
    padding-bottom: 5px;
    border-top: solid 2px #666667;
}

.auction-info dl {
    overflow: hidden;
    position: relative;
    padding: 0 10px;
}

.auction-info dl > * {
    height: 25px;
    border-bottom: dashed 1px #d9e1ea;
    line-height: 25px;
}

.auction-info dt {
    float: left;
    clear: both;
    width: 70%;
    padding-left: 10px;
    font-size: 14px;
}

.auction-info dt::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 5px;
    vertical-align: -4px;
    background-color: #666;
}

.auction-info dd {
    float: right;
    width: 30%;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
}

.auction-info dd b {
    margin-right: 2px;
    color: #0a2e4f;
    font-family: GmarketSansM;
    font-size: 14px;
}

.auction-info .icon-circle::before {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
    border-radius: 100%;
    background-color: var(--icon-circle-color);
}

.auction-title {
    display: flex;
    align-content: center;
    height: 30px;
    border-bottom: solid 1px #d9e0f7;
    background-color: #f3f6fb;
}

.auction-title span {
    display: inline-block;
    font-family: NotoSansR;
    font-size: 13px;
    text-align: center;
    line-height: 28px;
}

.auction-title span:first-child {
    width: 60%;
}

.auction-title span:last-child {
    width: 40%;
}