/* 채용공고 상세보기 - 정보출처 */
.req-source {display:flex; gap: 20px; margin-top: 20px; margin-bottom: 20px;}
.req-source div {font-size: 14px;}
.req-source img.logo_work24 {width: 78px; height: 27px;}


/* 스크롤바 처리 */
body {
    overflow-y: overlay; /* 반드시 overlay 처리 */
}

::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-thumb {
    outline: none;
    border-radius: 10px;
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(34, 34, 34, 0.10);
}

::-webkit-scrollbar-thumb:hover {
    border: 4px solid transparent;
    box-shadow: inset 6px 6px 0 rgba(34, 34, 34, 0.3);
}

::-webkit-scrollbar-track {
    box-shadow: none;
    background-color: transparent;
}



@media (max-width: 1024px){
    .pop-side-option-wrap dl dd ul li a label{
        text-decoration: none !important;
        width: 100%;
        height: 28px;
        /* 	    border: 1px solid #e0e3ea; */
        font-size: 13px;
        color: #808080;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .pop-side-option-wrap dl dd ul li a.on label {
        position: relative;
        z-index: 3;
        color: #833f9e;
        /* 	    border-color: #833f9e; */
    }
}
input[type="checkbox"].chkBoxHid{
    display:block;
    visibility:hidden;
    position:absolute;
    top:0;
    left: -999px;
}

/* 체용정보 상단 셀렉트박스 선택 */
.rec-search-wrap {/*position:fixed;top:100px;*/width:100%;padding:15px;background:#833f9e;;display:flex;justify-content:center;align-items:center;z-index: 2;}
.rec-search-wrap > form > ul {display: flex;gap: 20px;align-items:center;}
.rec-search-wrap > form > ul li select {
    padding-left: 12px;
    padding-right: 30px;
    font-size: 14px;
    color: #333333;
    height: 35px;
    background-color: #ffffff;
    border: 1px solid #833f9e; border-radius: 5px;
}
.rec-search-wrap > form > ul li select option {
    font-size: 14px;
    color: #333333;
}
.rec-search-wrap > form > ul li .btn-search {
    width: 60px;
    height: 35px;
    border: 1px solid #ffffff;
    border-radius: 5px;
    background: #833f9e;
    font-size: 14px;
    color: #fff;
}


.rec-search-wrap .select-toggle-wrap .list_box .inner_area {display: none; position:absolute; padding: 20px; margin-top: 20px; border: 1px solid #666; background-color: #ffffff;z-index: 4;}
.rec-search-wrap .select-toggle-wrap .list_box .inner_area label {display: flex; column-gap: 10px;align-items: center;}
.rec-search-wrap .select-toggle-wrap .list_box .inner_area .el-icon-close {width: 20px;height: 20px;display: flex;justify-content: center;align-items: center; cursor: pointer;}
.rec-search-wrap .select-toggle-wrap .list_box .inner_area p {display: flex;justify-content: space-between;padding-bottom: 10px;}
.rec-search-wrap .select-toggle-wrap .list_box .inner_area p span {color: #333333}

.rec-search-wrap .select-toggle-wrap .list_box .toggle_btn {font-size: 14px;color:#333333; display: flex;align-items: center; background-color: #ffffff;border: 1px solid #833f9e; border-radius: 5px; padding-left: 20px; padding-right: 10px;}
.rec-search-wrap .select-toggle-wrap .list_box .inner_area label span {font-size: 14px; color: #333333}
.rec-search-wrap .select-toggle-wrap .list_box .toggle_btn.on + .inner_area {display: block;border: 1px solid #666666;}
.rec-search-wrap .select-toggle-wrap .list_box .toggle_btn::after {
    content: '';
    width: 35px;
    height: 35px;
    display: inline-block;
    cursor: pointer;
    outline: none;
    background: url(/assets/image/bg/bg-select01.png) no-repeat right center;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.rec-search-wrap .select-toggle-wrap .list_box .toggle_btn.on::after {
    background: url(/assets/image/bg/bg-select02.png) no-repeat right center;
    /*transform: rotate(315deg);bottom: 22px;*/
}

/* 카카오맵 관련 */
html, body {width:100%;height:100%;margin:0;padding:0;}
.map_wrap {position:relative;overflow:hidden;width:100%;height:calc(100vh - 169px);}
.radius_border{border:1px solid #919191;border-radius:5px;}
.custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;}
.custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer; font-size: 13px;}
.custom_typecontrol .btn {background:#fff;background:linear-gradient(#fff,  #e6e6e6);}
.custom_typecontrol .btn:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);}
.custom_typecontrol .btn:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);}
.custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);}
.custom_typecontrol .selected_btn:hover {color:#fff;}
.custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.custom_zoomcontrol span{display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol span img{width:15px;height:15px;padding:12px 0;border:none;}
.custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}
/* 로드맵 Zoom */
.custom_zoomcontrol_roadmap {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:2;background-color:#f5f5f5;}
.custom_zoomcontrol_roadmap span{display:block;width:36px;height:40px;text-align:center;cursor:pointer;}
.custom_zoomcontrol_roadmap span img{width:15px;height:15px;padding:12px 0;border:none;}
.custom_zoomcontrol_roadmap span:first-child{border-bottom:1px solid #bfbfbf;}


/* 채용정보 지도로 보기 마커 팝업 */
.mapIwContent{width:100%;min-width: 150px;text-align:center;padding:8px;margin: -5px;font-size: 14px;color: #ffffff; background-color: #3da9ff; border-radius: 10px;} /* infoWindow */
.mapOverlayContent{ position:absolute; width:400px; /*max-width:400px;*/ padding:20px;font-size: 14px;color: #000; background-color: #ffffff; word-break: keep-all; white-space: normal;} /* overlay */
.mapOverlayContent p { word-break: keep-all; }
.mapOverlayContent button.btn-search {
    display: block;
    margin: 0 auto;
    height: 35px;
    border: 0;
    border-radius: 5px;
    background: #833f9e;
    font-size: 14px;
    color: #fff;
} /* 자세히보기 버튼 */

/* 지도왼쪽 공고목록, 상세화면 영역 */
.rec-cont-wrap {display: flex;}

/* 지도왼쪽 공고목록 */
.rec-cont-wrap .rec-list-wrap {position: absolute; top:69px; left: 0; z-index: 2; width: 400px; height: calc(100% - 109px);; padding: 20px; background-color: #ffffff; overflow: auto;}
.rec-cont-wrap .rec-list-wrap > ul li {
    width: 100%;
    height: auto;
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    overflow: hidden;
    border-top: 1px solid #e0e3ea;
}
.rec-cont-wrap .rec-list-wrap ul li .info-wrap {display: flex; justify-content: space-between; width: 100%;}
.rec-cont-wrap .rec-list-wrap .rec-list-title {display: flex;justify-content: space-between;width: 100%;padding-top: 20px;padding-bottom: 10px;}
.rec-cont-wrap .rec-list-wrap .rec-list-title span {color: #999;text-align: center;font-size: 13px;}
.rec-cont-wrap .rec-list-wrap ul li .info-wrap .tit {
    font-size: 15px;
    color: #151515;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
}
.rec-cont-wrap .rec-list-wrap ul li .info-wrap .expire_dt {font-size: 13px;color: #151515;width: 80px;}
.rec-cont-wrap .rec-list-wrap ul li .company-wrap {background: none;}
.rec-cont-wrap .rec-list-wrap ul li .company-wrap span {font-size: 14px;color: #8cbd4c;font-weight: 500;max-width: 100%;}
/* 검색조건 목록*/
.rec-cont-wrap .rec-list-wrap .searchFilterList {display: flex;flex-wrap: wrap;gap: 5px;padding: 20px;background-color: #efefef;margin-top: -20px;margin-left: -20px;margin-right: -20px;}
.rec-cont-wrap .rec-list-wrap .searchFilterList span {background-color: #8cbd4c;color: #ffffff;padding: 3px 15px;border: 1px solid #8cbd4c;border-radius: 20px; font-size: 14px;}
/* 조건에 맞는 목록이 없을 때*/
.rec-cont-wrap .rec-list-wrap .nodata {height: calc(100% - 300px);background-color: #efefef;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 30px;}

/* 지도왼쪽 공고상세 */
.rec-cont-wrap .rec-detail-wrap {
    display: block;
    position: absolute;
    top: 69px;
    left: 440px;
    width: 990px;
    height: 100%;
    background-color: rgb(255, 255, 255);
    z-index: 2;
    border: 1px solid #e2e5ec;
    overflow: auto;
}
.rec-cont-wrap .rec-detail-wrap .closeDetailWrap {
    display: block;position: fixed;text-align: right;padding: 15px;border: 1px solid #666;top: 200px;left: 1430px;background-color: rgb(255, 255, 255);z-index: 3;
}

.rec-cont-wrap .rec-detail-wrap .view-info-wrap {
    padding: 60px;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-header {
    display: flex;
    justify-content: flex-start;
    position: relative;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-header .company {
    font-size: 18px;
    color: #151515;
    display: flex;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-header .dday {
    position: absolute;
    right: 0;
    font-size: 16px;
    font-weight: bold;
    color: #8cbd4c;
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-cont {
    margin-top: 4px;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-cont .title {
    line-height: 1.3em;
    font-size: 32px;
    color: #151515;
    width: 100%;
    flex: 1;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-cont .btn-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-cont .btn-wrap .scrap {
    width: 58px;
    height: 58px;
    border: 1px solid #e2e5ec;
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-cont .btn-wrap button {
    margin-left: 10px;
    font-size: 20px;
    color: #fff;
    border: 0;
    background: #833f9e;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 60px;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-cont .btn-wrap button:disabled {
    cursor: default;
    background-color: #e6e6e6;
    color: #aaa;
}

.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail {
    float: left;
    border-top: 1px solid #151515;
    border-bottom: 1px solid #e2e5ec;
    width: 100%;
    height: auto;
    margin-top: 40px;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl {
    padding: 27px 0 25px 0;
    width: 50%;
    height: auto;
    float: left;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dt {
    font-size: 14px;
    color: #151515;
    font-weight: 700;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd {
    width: 100%;
    height: auto;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul {
    width: 100%;
    height: auto;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li {
    margin-top: 8px;
    display: flex;
    /*justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;*/
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .key {
    width: 70px;
    color: #666;
    font-size: 14px;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .value {
    position: relative;
    font-size: 14px;
    color: #151515;
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .value span {
    font-size: 14px;
    color: #151515;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .value strong {
    margin-right: 5px;
    font-size: 14px;
    color: #833f9e;
    display: flex;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .value .txt {
    display: flex;
    font-size: 14px;
    color: #151515;
    padding-right: 10px;
    box-sizing: border-box;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .value button {
    padding: 0;
    /*margin-left: auto;*/
    margin-right: 25px;
    width: 50px;
    height: 24px;
    border: 1px solid #e2e5ec;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-info-detail dl dd ul li .value button span {
    display: flex;
    font-size: 12px;
    color: #666;
    margin-right: 5px;
}

.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-pic {
    float: left;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 360px;
    overflow: hidden;
    /*background: url(../image/bg/bg-biz-pic.jpg);*/
    background-size: cover;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-pic .bz-name {
    font-size: 24px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 110px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-pic .bz-desc {
    width: 700px;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    font-size: 48px;
    color: #fff;
    font-weight: 700;
    line-height: 1.3em;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list dt {
    font-size: 24px;
    color: #151515;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 40px;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list dd {
    margin-top: 8px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list dd .areaTexts {
    font-size: 16px;
    color: #444;
    width: calc(100% - 10px);
    padding-left: 10px;
    height: auto;
    overflow: hidden;
    position: relative;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list dd .nlist {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list dd .nlist li {
    font-size: 16px;
    color: #444;
    width: calc(100% - 10px);
    padding-left: 10px;
    height: auto;
    overflow: hidden;
    position: relative;
}
/*우대조건이 여러항목인 경우 (자체 등록)*/
/*.rec-cont-wrap .rec-detail-wrap .view-info-wrap .biz-item-list dd .nlist li:before {*/
/*    content: "-";*/
/*    font-size: 16px;*/
/*    color: #444;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap {
    margin-top: 56px;
    padding-top: 60px;
    border-top: 1px solid #e2e5ec;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dt {
    font-size: 16px;
    color: #151515;
    font-weight: 700;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd {
    margin-top: 15px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border: 1px solid #c4cad6;
    width: calc(100% - 82px);
    padding: 35px 30px 30px 40px;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-left {
    width: 100%;
    flex: 1;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-left .tit {
    font-size: 14px;
    color: #151515;
    font-weight: 700;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-left ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-left ul li {
    display: flex;
    /*justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
    overflow: hidden;*/
    margin-top: 10px;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-left ul li .key {
    font-size: 14px;
    color: #666;
    width: 70px;
    display: flex;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-left ul li .value {
    display: flex;
    width: 100%;
    font-size: 14px;
    color: #151515;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right .help-msg {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    margin-top: 10px;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right .help-msg i {
    display: flex;
    font-size: 15px;
    color: #999;
}
.el-icon-warning-outline:before {
    content: "\e6c9";
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right .help-msg span {
    margin-left: 5px;
    display: flex;
    font-size: 13px;
    color: #999;
}

.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right {
    width: 210px;
    padding-left: 40px;
    height: auto;
    overflow: hidden;
    border-left: 1px solid #e2e5ec;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right .tit {
    font-size: 14px;
    color: #151515;
    font-weight: 700;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right .date {
    padding: 5px 0 10px 0;
    font-size: 32px;
    color: #833f9e;
    font-weight: 700;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right ul {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right ul li {
    font-size: 14px;
    color: #666;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .view-info-wrap .range-date-wrap dl dd .ra-right ul li:first-child {
    color: #151515;
}

.rec-cont-wrap .rec-detail-wrap .facility-wrap {
    margin-top: 50px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-header {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-header .tit {
    font-size: 16px;
    color: #151515;
    font-weight: 700;
    display: flex;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 11px;
    border-top: 1px solid #e2e5ec;
    border-bottom: 1px solid #e2e5ec;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .pic {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    margin-right: 40px;
    height: 218px;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item {
    width: 100%;
    flex: 1;
    height: auto;
    overflow: hidden;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item .cont-header {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item .cont-header strong {
    font-size: 18px;
    color: #151515;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item ul {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
    height: auto;
    overflow: hidden;
    float: left;
    margin-top: 10px;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item ul li .key {
    display: flex;
    width: 70px;
    font-size: 14px;
    color: #666;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item ul li .value {
    display: flex;
    font-size: 14px;
    color: #151515;
}
.rec-cont-wrap .rec-detail-wrap .facility-wrap .fw-cont .cont-item ul li.full {
    width: 100%;
}




/*.map_wrap {overflow:hidden;height:330px}*/
/* 지도위에 로드뷰의 위치와 각도를 표시하기 위한 map walker 아이콘의 스타일 */
.MapWalker {position:absolute;margin:-26px 0 0 -51px}
.MapWalker .figure {position:absolute;width:25px;left:38px;top:-2px;
    height:39px;background:url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/roadview_minimap_wk_2018.png) -298px -114px no-repeat}
.MapWalker .angleBack {width:102px;height:52px;background: url(https://t1.daumcdn.net/localimg/localimages/07/2018/pc/roadview_minimap_wk_2018.png) -834px -2px no-repeat;}
.MapWalker.m0 .figure {background-position: -298px -114px;}
.MapWalker.m1 .figure {background-position: -335px -114px;}
.MapWalker.m2 .figure {background-position: -372px -114px;}
.MapWalker.m3 .figure {background-position: -409px -114px;}
.MapWalker.m4 .figure {background-position: -446px -114px;}
.MapWalker.m5 .figure {background-position: -483px -114px;}
.MapWalker.m6 .figure {background-position: -520px -114px;}
.MapWalker.m7 .figure {background-position: -557px -114px;}
.MapWalker.m8 .figure {background-position: -2px -114px;}
.MapWalker.m9 .figure {background-position: -39px -114px;}
.MapWalker.m10 .figure {background-position: -76px -114px;}
.MapWalker.m11 .figure {background-position: -113px -114px;}
.MapWalker.m12 .figure {background-position: -150px -114px;}
.MapWalker.m13 .figure {background-position: -187px -114px;}
.MapWalker.m14 .figure {background-position: -224px -114px;}
.MapWalker.m15 .figure {background-position: -261px -114px;}
.MapWalker.m0 .angleBack {background-position: -834px -2px;}
.MapWalker.m1 .angleBack {background-position: -938px -2px;}
.MapWalker.m2 .angleBack {background-position: -1042px -2px;}
.MapWalker.m3 .angleBack {background-position: -1146px -2px;}
.MapWalker.m4 .angleBack {background-position: -1250px -2px;}
.MapWalker.m5 .angleBack {background-position: -1354px -2px;}
.MapWalker.m6 .angleBack {background-position: -1458px -2px;}
.MapWalker.m7 .angleBack {background-position: -1562px -2px;}
.MapWalker.m8 .angleBack {background-position: -2px -2px;}
.MapWalker.m9 .angleBack {background-position: -106px -2px;}
.MapWalker.m10 .angleBack {background-position: -210px -2px;}
.MapWalker.m11 .angleBack {background-position: -314px -2px;}
.MapWalker.m12 .angleBack {background-position: -418px -2px;}
.MapWalker.m13 .angleBack {background-position: -522px -2px;}
.MapWalker.m14 .angleBack {background-position: -626px -2px;}
.MapWalker.m15 .angleBack {background-position: -730px -2px;}