/* marker info */
.om_map_info_popup_wrap {

}
.om_map_info_popup_wrap > .con {
        width: 250px;
        /* height: 100px; */
        position: relative;
}
.om_map_info_popup_wrap > .con > .close {
        position: absolute;
        top: 0;
        right: -35px;
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.5);
        border-radius: 10px;
        background-color: #fff;
        cursor: pointer;
}
.om_map_info_popup_wrap > .con > .close svg {
        width: 18px;
}
.om_map_info_popup_wrap > .con > .info {
        width: 100%;
        height: 120px;
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.05);
        background-color: #fff;
        border-radius: 10px;
        box-sizing: border-box;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.om_map_info_popup_wrap > .con > .info > .con {
        width: 100%;
        height: 88px;
        padding: 7px 15px 5px 15px;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
}
.om_map_info_popup_wrap > .con > .info > .bt {
        width: 100%;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: var(--om-bt-color);
        font-size: 12px;
        color: #fff;
        /* font-family: 'S-CoreDream-4Regular'; */
        font-weight: 500;
        cursor: pointer;
}

.om_map_info_popup_wrap > .con > .info > .con > .top > .title {
        /* font-family: 'S-CoreDream-5Medium'; */
        font-weight: 500;
        font-size: 14px;
        margin-bottom: 4px;
}
.om_map_info_popup_wrap > .con > .info > .con > .top > .addr {
        font-size: 11px;
}
.om_map_info_popup_wrap > .con > .info > .con > .bottom {
        font-size: 10px;
        color: #9f9f9f;
        text-decoration: none;
}
.om_map_info_popup_wrap > .con > .info > .con > .bottom a {
        text-decoration: none;
}


.om_member_info_detail_popup_wrap {
        position: fixed;
        left: 50%;
        bottom: -120%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 600px;
        height: 80vh;
        z-index: 9999;
        overflow-y: auto;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        transition: all 0.3s;
        -ms-overflow-style: none;
        background-color: #fff;
        padding-bottom: 150px;
        box-sizing: border-box;
}
.om_member_info_detail_popup_wrap::-webkit-scrollbar{
        display:none;
}
.om_member_info_detail_popup_wrap.act {
        bottom: 0;
}
.om_member_info_detail_popup_wrap > .con {
        width: 100%;
        height: 80vh;
        background-color: #fff;
        position: relative;
}
.om_member_info_detail_popup_wrap > .con > .close {
        position: absolute;
        top: -20px;
        right: -5px;
        cursor: pointer;
        z-index: 9;
        width: 50px;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #000;
        background-color: #fff;
}
.om_member_info_detail_popup_wrap > .con > .close svg {
        width: 18px;
}
.om_member_info_detail_popup_wrap > .con > .close svg path {
        color: var(--om-bt-color);
}
.om_member_info_detail_popup_wrap > .con > .top_img {
        width: 100%;
        height: 200px;
        position: relative;
        overflow: hidden;
        /* display: flex; */
        display: none;
        justify-content: center;
        align-items: center;
}
.om_member_info_detail_popup_wrap > .con > .top_img > .title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 4;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        /* font-family: 'S-CoreDream-5Medium'; */
        font-weight: 500;
        color: #fff;
}
.om_member_info_detail_popup_wrap > .con > .top_img > .cover {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
        z-index: 3;
}
.om_member_info_detail_popup_wrap > .con > .top_img > img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        z-index: 2;
        width: 100%;
}

.om_member_info_detail_popup_wrap > .con > .info_area {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
}
.om_member_info_detail_popup_wrap > .con > .info_area > .one {
        width: 100%;
        display: flex;
        align-items: center;
}
.om_member_info_detail_popup_wrap > .con > .info_area > .one > .left {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        /* font-family: 'S-CoreDream-4Regular'; */
        font-weight: 500;
}
.om_member_info_detail_popup_wrap > .con > .info_area > .one > .right {
        width: 75%;
        padding: 10px;
        box-sizing: border-box;
        text-decoration: none;
        display: flex;
}
.om_member_info_detail_popup_wrap > .con > .info_area > .one > .right > .om_addr_copy_detail {
        width: 100px;
        margin-left: 10px;
}
.om_member_info_detail_popup_wrap > .con > .info_area > .one > .right a {
        text-decoration: none;
}
.om_member_info_detail_popup_wrap > .con > .services {
        /* border-top: 1px solid #ccc; */
}
.om_member_info_detail_popup_wrap > .con > .services > .one {
        border-bottom: 1px solid #ccc;
}
.om_member_info_detail_popup_wrap > .con > .services > .one > .tit {
        width: 100%;
        height: 40px;
        /* border-bottom: 1px solid #ccc; */
        font-size: 14px;
        /* font-family: 'S-CoreDream-4Regular'; */
        font-weight: 500;
        background-color: var(--om-bt-color);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
}
.om_member_info_detail_popup_wrap > .con > .services > .one > .desc > .one {
        display: flex;
        align-items: center;
}
.om_member_info_detail_popup_wrap > .con > .services > .one > .desc > .one > .left {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        /* font-family: 'S-CoreDream-4Regular'; */
        font-weight: 500;
}
.om_member_info_detail_popup_wrap > .con > .services > .one > .desc > .one > .right {
        width: 75%;
        padding: 10px;
        box-sizing: border-box;
}




.om_map_wrap {
        position: relative;
}




.om_map_wrap > .om_member_list {
        /* width: 100%;
        height: calc(60dvh - 150px); */
        /* padding: 15px; */
        box-sizing: border-box;
        /* overflow-y: auto;
        -ms-overflow-style: none; */
        position: relative;
        background-color: #fff;
}

.om_map_wrap > .om_member_list::-webkit-scrollbar{
        /* display:none; */
}
.om_map_wrap > .om_member_list > .con {
        width: 100%;
        /* height: calc(60dvh); */
        padding: 15px;
        box-sizing: border-box;
        overflow-y: auto;
        -ms-overflow-style: none;
        padding-bottom: 100px;
}
.om_map_wrap > .om_member_list > .con::-webkit-scrollbar{
        display:none;
}


.om_map_wrap > .om_member_list > .om_member_list_up_view_bt {
        position: absolute;
        top: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 30px;
        border: 1px solid #eaeaea;
        border-bottom: 0;
        
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        background-color: #fff;
        display: flex;
        /* display: none; */
        justify-content: center;
        align-items: center;
        cursor: pointer;
}
.om_map_wrap > .om_member_list > .om_member_list_up_view_bt > i {
        display: none;
}

.om_map_wrap > .om_member_list.act {
        /* height: calc(60dvh - 150px); */
        position: fixed;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 600px;
        z-index: 999;
}
.om_map_wrap > .om_member_list.act > .con {
        /* height: calc(60dvh); */
}

.om_map_wrap > .om_member_list > .om_member_list_up_view_bt[data-st="off"] > i.off {
        display: block;
}
.om_map_wrap > .om_member_list > .om_member_list_up_view_bt[data-st="off"] > i.on {
        display: none;
}

.om_map_wrap > .om_member_list > .om_member_list_up_view_bt[data-st="on"] > i.off {
        display: none;
}
.om_map_wrap > .om_member_list > .om_member_list_up_view_bt[data-st="on"] > i.on {
        display: block;
}

.om_map_wrap > .om_member_list > .om_member_list_up_view_bt > i > svg {
        width: 15px;
}


/* .om_map_wrap > .om_member_list > .om_member_list_up_view_bt > i.off {
        display: block;
}
.om_map_wrap > .om_member_list > .om_member_list_up_view_bt > i.on {
        display: none;
}
.om_map_wrap > .om_member_list.act > .om_member_list_up_view_bt > i.off {
        display: none;
}
.om_map_wrap > .om_member_list.act > .om_member_list_up_view_bt > i.on {
        display: block;
} */



.om_map_wrap > .om_member_list > .con > .search {
        display: flex;
        justify-content: center;
        align-items: center;

}
.om_map_wrap > .om_member_list > .con > .search > select {
        width: 28%;
        min-width: 28%;
        margin-right: 5px;
        font-size: 11px;
}
.om_map_wrap > .om_member_list > .con > .search > button {
        width: 10%;
        height: 30px;
        background-color: var(--om-bt-color);
        color: #fff;
        border: 0;
        border-radius: 5px;
        font-size: 11px;
}
.om_map_wrap > .om_member_list > .con > .search > button.allview {
        width: 23%;
        margin-left: 5px;
}

.om_map_wrap > .om_member_list > .con > .om_all_member_list_view {
        width: 100%;
        margin-top: 0px;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one {
        border-bottom: 1px solid #eaeaea;
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .left {
        flex: 1;
        padding: 15px;
        box-sizing: border-box;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .left > .tit {
        font-size: 14px;
        /* font-family: 'S-CoreDream-4Regular'; */
        font-weight: 700;
        color: #000;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .left > .addr {
        font-size: 11px;
        margin: 4px 0;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .left > .desc {
        font-size: 11px;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .left > .desc > span {
        font-size: 12px;
        color: #FC4C4E;
        font-weight: 600;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .right {
        width: 70px;
}
.om_map_wrap > .om_member_list > .con > .om_all_member_list_view > .one > .right > button {
        width: 60px;
        height: 20px;
        background-color: var(--om-bt-color);
        color: #fff;
        border: 0;
        border-radius: 5px;
        font-size: 11px;
}









.om_search_popup_wrap {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(0,0,0,0.5);
        z-index: 999999;
        display: none;
        justify-content: center;
        align-items: center;
}
.om_search_popup_wrap.act {
        display: flex;
}
.om_search_popup_wrap > .con {
        width: 90%;
        padding: 10px 0;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        border-radius: 10px;
}
.om_search_popup_wrap > .con > .search_area {
        /* position: absolute;
        top: 0;
        left: 0; */
        width: 100%;
        padding: 20px;
        box-sizing: border-box;
        /* z-index: 999; */
        /* background-color: #fff; */
        position: relative;
        
}
.om_search_popup_wrap > .con > .search_area > .close {
        position: absolute;
        top: -10px; 
        right: 0px;
        padding: 5px;
        box-sizing: border-box;
}
.om_search_popup_wrap > .con > .search_area > .select_area {
        display: flex;
        align-items: center;
        margin-bottom: 5px;
}
.om_search_popup_wrap > .con > .search_area > .select_area > .one {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
        padding: 0 15px;
        box-sizing: border-box;
        background-color: #fff;
        border-radius: 5px;
        margin-right: 5px;
        cursor: pointer;
        font-size: 11px;
        border: 1px solid #eaeaea;
}
.om_search_popup_wrap > .con > .search_area > .select_area > .one.act {
        background-color: var(--om-bt-color);
        color: #fff;
        /* font-family: 'S-CoreDream-5Medium'; */
        font-weight: 500;
}

.om_search_popup_wrap > .con > .search_area > .selectbox_one {
        width: 100%;
        display: none;
}
.om_search_popup_wrap > .con > .search_area > .selectbox_one.act {
        display: block;
}
.om_search_popup_wrap > .con > .search_area > .selectbox_one > select {
        width: 28%;
        min-width: 28%;
        font-size: 11px;
}
.om_search_popup_wrap > .con > .search_area > .selectbox_one > button {
        width: 10%;
        height: 30px;
        background-color: var(--om-bt-color);
        color: #fff;
        border: 0;
        border-radius: 5px;
}


@media screen and (max-width: 400px) {
        .om_member_info_detail_popup_wrap > .con > .info_area > .one > .left {
                font-size: 12px;
        }
        .om_member_info_detail_popup_wrap > .con > .info_area > .one > .right {
                font-size: 12px;
        }
        .om_member_info_detail_popup_wrap > .con > .services > .one > .desc > .one > .left {
                font-size: 12px;
        }
        .om_member_info_detail_popup_wrap > .con > .services > .one > .desc > .one > .right {
                font-size: 12px;
        }
}