/* 커스텀 오버레이 { */
    .wrap {position: absolute;left: 0;bottom: 65px;width: 200px;height: 70px;margin-left: -100px;text-align: left;overflow: hidden;font-size: 12px;border-radius: 6px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}
    .wrap * {padding: 0;margin: 0;}
    .wrap .info {width: 200px;height: 70px;overflow: hidden;background: #fff;}
    .wrap .info:nth-child(1) {border: 0;}
    .info .close {position: absolute;top: -3px;right: 8px;width: 20px;height: 20px;}
    .info .close:hover {cursor: pointer;}
    .info .body {position: relative;overflow: hidden;height: 70px;}
    .info .desc {position: relative;margin-top: 12px;}
    .desc .sub1 {color: #444;font-size: 10px;letter-spacing: -0.5px;margin-top: 3px;}
    .desc .titles {font-weight: bold;font-size: 14px;}
    .info .img {position: absolute;top: 10px;left: 10px;width: 50px;height: 50px;border-radius: 4px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
    /* } */

    #container_map {width: 100%; height: 500px; position: relative;box-sizing: border-box;margin-top: 0px;margin-bottom: 0px;}
    #mapWrapper {width: 100%;z-index: 1; height:100%;}
    #rvWrapper {width: 50%;top: 0;right: 0;position: absolute;z-index: 0; height: 100%;}
    #container_map.view_roadview #mapWrapper {width: 50%;}
    #roadviewControl {position: absolute;top: 5px;left: 5px;width: 42px;height: 42px;z-index: 1;cursor: pointer;background: url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png) 0 -450px no-repeat;}
    #roadviewControl.active {background-position: 0 -350px;}
    #close {position: absolute;padding: 4px;top: 5px;left: 5px;cursor: pointer;background: #fff;border-radius: 4px;border: 1px solid #c8c8c8;box-shadow: 0px 1px #888;}
    #close .img {display: block;background: url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/rv_close.png) no-repeat;width: 14px;height: 14px;}
    #resetControl {position: absolute;top: 5px;left: 45px;width: 42px;height: 42px;z-index: 1;cursor: pointer;background: url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/common/img_search.png) -50px -450px no-repeat;}
    #resetControl:active {background-position: -50px -350px;}
    .img img {width: 50px;border-radius: 10px; border:1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
    
    
    /* CSS { */
    
    #memo {position: relative; margin-bottom: 40px;}
    #memo-body {position: relative;}
    #memo-chatlist {}
    #memo-chatlist ul, #memo-chatlist ol, #memo-chatlist dl {margin:0; padding:0; list-style:none;}
    #memo-chatlist li, #memo-chatlist dt, #memo-chatlist dd {margin:0; padding:0; list-style:none;}
    #memo-chatlist .memo-chatlist {padding-top: 0px;}
    #memo-chatlist .memo-chatroom {border-bottom: 1px solid #eee; margin:0px; padding:20px 20px; -webkit-flex: 1; -ms-flex: 1; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;cursor:pointer; background-color: #fff; border-radius: 0px;}
    #memo-chatlist .memo-chatroom:hover {background-color: #f9f9f9;}
    #memo-chatlist .memo-chatroom .chatroom-icon { display:inline-block; width:50px; border-radius:10px; overflow:hidden; border:1px solid rgba(0,0,0,0.1); box-sizing: border-box;}
    #memo-chatlist .memo-chatroom .chatroom-icon img { width:100%; display:block;}
    #memo-chatlist .memo-chatroom .chatroom-view {margin-left:10px; width: 80%;}
    #memo-chatlist .memo-chatroom .chatroom-title,
    #memo-chatlist .memo-chatroom .chatroom-date {display:block;}

    .chatroom-name {font-size: 14px; font-weight: bold; color:#2D3748;}
    .chatroom-title {color:#718096; font-size: 12px; margin-top: 5px;}
    .chatroom-date {color:#718096; font-size: 10px; opacity: 0.7; margin-top: 3px;}

    #memo-chatlist .memo-chatroom .chatroom-cnt2 {display:block; color:#666; margin-right: -25px;}
    #memo-chatlist .memo-chatroom .chatroom-cnt {display:block; color:#4a5568; !important; margin-right: 8px; border-radius: 4px; text-align: center; border:1px solid #e2e8f0; font-size: 11px !important;}
    #memo-chatlist .memo-chatroom .badge3 {position:absolute;right:35px;padding:0.25rem; font-size:1rem;font-weight:300; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    #memo-chatlist .memo-chatroom .badge2 {position:absolute;right:80px;padding:0.25rem; padding-left: 10px; padding-right: 10px; white-space:nowrap; width: auto; overflow:hidden; text-overflow:ellipsis; top:36px;}
    #memo-chatlist .memo-chatroom .badge2 .cntnum {font-weight: bold; color:#685FF4;}

    .chat_list_wrap {position: relative;}
    .chatroom-cnt-btn {background-color: transparent; display:block; color:#4a5568; !important; margin-right: 8px; border-radius: 4px; width: 30px; text-align: center; border:0px; margin-top: 1px;}
    .badge2_btn {position:absolute;right:10px;padding:0.25rem;top:32px;}
    .badge3_btn {position:absolute;right:40px;padding:0.25rem;top:32px;}

    #chat-body {position: relative;}
    #chat-list {position: relative;}

    .chat_page {border-top:1px solid #eee; min-height: 338px; height:500px; margin-bottom: 60px;}
    .chat_page_ul1 {float:left; width: 30%; box-sizing: border-box; overflow-y: auto; position: relative; border-right: 1px solid #eee; border-left: 1px solid #eee; height:500px; min-height: 338px; border-bottom: 1px solid #eee;}
    .chat_page_ul2 {float:left; width: 70%; box-sizing: border-box; position: relative; border-right: 1px solid #eee; border-bottom: 1px solid #eee; height:500px; min-height: 338px;}

    #chat-body {min-height: 338px;}
    .push_set {padding: 20px; box-sizing: border-box; background-color: #fcfcfc; border-bottom: 1px solid #eee;}
    .push_set_ul1 {float:left;}
    .push_set_ul2 {float:right;}
    .push_set_ul1_li1 {font-size: 14px;}
    .push_set_ul1_li2 {font-size: 12px; color:#999; margin-top: 5px !important;}
    
    .fund_btn_div_po {display: none;}
    .map_sto .title_div {margin-bottom: 20px !important;}
    .geo_ca_btn {background-color: transparent; border:1px solid #685FF4; height:40px; box-sizing: border-box; padding-left: 15px; padding-right: 20px; color:#685FF4;}
    .geo_ca_btn i {float:left; margin-top: 2px;}
    .geo_ca_btn span {float:right; margin-left: 5px; margin-top: 4px;}

    .map_sto .partner_wrap {border-top:0px; margin-top: 0px; padding-top: 30px; padding-bottom: 60px;}

    .gps_my {float:left; font-size: 12px; color:#999; margin-right: 15px; margin-top: 14px;}
    .gps_top {margin-top: -8px !important;}

    .geo_ca_btn_on {border-radius: 4px;}

    .geo_ca_btn_off {background-color: transparent; border:1px solid #aaa; height:40px; box-sizing: border-box; padding-left: 15px; padding-right: 20px; color:#aaa; border-radius: 4px;}
    .geo_ca_btn_off i {float:left; margin-top: 2px;}
    .geo_ca_btn_off span {float:right; margin-left: 5px; margin-top: 4px;}
    
    .gps_w {width: 55% !important;}
    .gps_date {opacity: 1;}
    .gps_addr {font-size: 11px;}
    .gps_km {color: #685FF4; font-size: 10px; width: 20%; text-align: left; border:1px solid #eee; padding: 5px 5px 5px 5px; border-radius: 30px; text-align: center;}
    
    .gps_ul_left {width:70%; float:left;}
    .gps_ul_right {width: 30%; float:right; border-left: 0px;}

    @media all and (max-width:1024px) {
        .gps_top {margin-top: -0px !important;}
        .geo_ca_btn_on {border-radius:4px;}
        .geo_ca_btn_off {border-radius: 4px;}
        .chat_page_ul1 {width: 100%; float:none; border-right: 0px; border-left: 0px; overflow-y: inherit; min-height: auto;}
        .chat_page_ul2 {display: none;}
        .chat_page {height: auto; margin-bottom: 30px;}
        .map_sto {padding-left: 0px !important; padding-right: 0px !important;}
        .map_sto .title_div {padding-left: 20px; padding-right: 20px;}
        .geo_ca_btn span {display: none;}
        .geo_ca_btn {padding-right: 15px;}
        .geo_ca_btn_off span {display: none;}
        .geo_ca_btn_off {padding-right: 15px;}
        .partner_wrap_inners {padding-left: 20px; padding-right: 20px; margin-top: 0px;}
        .map_sto .partner_wrap {padding-bottom: 0px !important;}
        .gps_w {width: 65% !important;}
        .gps_km {width:25%;}
    }


    
    /* } */