@charset "UTF-8";
@import url("/assets/common/css/font.css");
* {
    margin: 0px;
    padding: 0px;
    font-family: Noto Sans KR;
    font-style: medium;
}

.left_panel_search_area{
    position: absolute;
    top:10px;
    left: 10px;
}

.left_panel_search_area2{
    border:3px solid;
    border-color: red;
    z-index: 5;
}

.left_panel_search{
    position: relative;
    top:10px;
    left: 10px;
    width: 200px;
    height: 35px;
    border:1px solid;
    border-radius: 2px;
    border-color: #33485A;
    padding-left: 30px;
    z-index: 3;  

}

.left_panel_search input:placeholder {
     padding-left:0px;
     color: #C6CACE;
}


.left_panel_search_start{
    position: absolute;
    top:17px;
    left: 15px;
    width: 22px;
    height: 22px;
    outline: none;
    background-color: #fff;
    background-image: url("/assets/image/search/icon_map_search.svg");
    background-repeat: no-repeat;
    border:0px solid;
    z-index: 4;
}

.left_panel_search_close{
    position: absolute;
    top:17px;
    left: 185px;
    width: 22px;
    height: 22px;
    outline: none;
    background-color: #fff;
    background-image: url("/assets/image/search/icon_map_search_close.svg");
    background-repeat: no-repeat;
    border:0px solid;
    z-index: 4;
}

.left_panel_search_list{
    position: absolute;
    top:0px;
    left: 0px;
    width: 220px;
    max-height: 88vh;
    overflow: scroll;
    border:1px solid; 
    border-color: #648287;
}

.left_panel_search_list::-webkit-scrollbar {
    display: none;
}


.left_panel_search_list2{
    position: absolute;
    top: 1px;
    left: 1px;
    width: 219px;
    height: 55px;
    background-color: #fff;
    z-index: 2;
}
.left_panel_search_list3{
    position: relative;
    top: 1px;
    left: 1px;
    width: 219px;
    height: 55px;
    background-color: #fff;
}


.left_panel_search_listTable{
    position:relative;
    top:0px;
    left: 0px;
    width:220px;
    border-color:red;
    background-color: #FFFFFF;/*배경에 약간 투명이 나와서 추가함.*/
}

.left_panel_search_listTable > tbody tr {
    position: relative;
    top: 0px;
    height: 70px;
    color: #22394D;
    font-size: 12px;
}

.left_panel_search_list_icon {
    position: relative;
    top: -9px;
    left: 0px;
    width: 30px;
    height: 33px;
    background-image: url("/assets/image/search/pin_search_sel_search_d.svg");
    background-repeat: no-repeat;
}

.left_panel_search_list_icon_selected {
    position: relative;
    top: -9px;
    left: 0px;
    width: 30px;
    height: 33px;
    background-image: url("/assets/image/search/pin_search_sel_search.svg");
    background-repeat: no-repeat;
}

.left_panel_search_list_icon_label {
    position: relative;
    top: 2px;
    left: 0px;
    width: 30px;
    height: 33px;
    color: #fff;
    text-align: center;

}

/*odd, even 을 바꿈 */
.left_panel_search_listTable tbody tr:nth-child(odd) {
    background-color: #F4F4F4 ;

}

.left_panel_search_listTable tbody tr:nth-child(even) {
    background-color:#ffffff;

}

.left_panel_search_listTable tbody tr :hover {
    background-color:#235A64;
    color: #fff;
}


.left_panel_search_list_text1 {
    position:relative;
    top:-36px;
    left:45px;
    width:150px;
    height: 18px;

    /*글자가 길경우 글자가 다음 라인이 넘어가는 경우가 있다. 줄임표 처리*/
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow:hidden;
}

.left_panel_search_list_text2 {
    position:relative;
    top:-35px;
    left:45px;
    width:150px;
    height: 18px;
    font-size: 12px;
}