@charset "utf-8";

#sh_latest{position:relative}

/* 청소 라테스트 공통 */
#sh_latest .late_area{overflow:hidden;width:1200px;margin:0 auto}
#sh_latest .late_area + .late_area{margin-top:50px}
#sh_latest .late_area > div{float:left;width:580px}
#sh_latest .late_area .right{float:right}
#sh_latest .late_area .tit{margin-bottom:8px;padding:0 5px;font-size:26px;color:#1b1438}
#sh_latest .late_area .tit a{float:right;padding:12px 0 0 0;font-size:15px;color:#1b1438;-webkit-transition:all .2s;transition:all .2s}
#sh_latest .late_area .tit a:hover{color:#007aef}
#sh_latest .list_type ul li{height:45px;margin-bottom:7px;padding:0 20px;border-radius:6px;border:1px solid #e0e2e8;font-size:16px;line-height:45px;background-color:#fff}
#sh_latest .list_type ul li.empty{height:auto;padding:20px 0;text-align:center}
#sh_latest .list_type ul li a{display:block;height:100%;color:#8a8796}
#sh_latest .list_type ul li .star{margin:0 10px}
#sh_latest .list_type ul li .state{display:inline-block;vertical-align:1px;min-width:62px;height:23px;margin-right:10px;border-radius:20px;border:1px solid #0079ec;font-size:12px;text-align:center;line-height:23px;color:#0079ec}
#sh_latest .list_type ul li .date{float:right;font-size:12px;color:#bdbbc2}
#sh_latest .bx-viewport{height:201px!important}

/* 실시간 청소 신청내역 */
#sh_latest .list_type ul li .sort{display:inline-block;vertical-align:2px;min-width:62px;height:23px;border-radius:20px;font-size:12px;text-align:center;line-height:24px;color:#fff;background-color:#0079ec}
#sh_latest .list_type ul li .name{margin-left:30px}
#sh_latest .list_type ul li .area{margin-left:30px}

/* 청소 생생 현장 사진 */
#sh_latest .photo_type ul{overflow:hidden}
#sh_latest .photo_type ul li{overflow:hidden;float:left;border-radius:6px}
#sh_latest .photo_type ul li a{display:block;width:185px;height:120px;background:center no-repeat;background-size:cover}
#sh_latest .photo_type ul li:not(:first-child){margin-left:12px}
#sh_latest .photo_type ul li.empty{width:100%;height:auto;padding:20px 0;border:1px solid #e0e2e8;text-align:center;line-height:45px;background-color:#fff}

#sh_latest .service ul{overflow:hidden}
#sh_latest .service ul li{overflow:hidden;float:left;width:calc(50% - 6px);border-radius:6px;line-height:1.6;background-color:#fff}
#sh_latest .service ul li a{display:block;position:relative;height:120px;padding:38px 0 0 55%}
#sh_latest .service ul li:last-child{margin-left:12px}
#sh_latest .service ul li .img{position:absolute;left:0;top:0;width:50%;height:100%;background:url(/sh_img/make24/latest_clean/service01.jpg) no-repeat;background-size:cover}
#sh_latest .service ul li:last-child .img{background-image:url(/sh_img/make24/latest_clean/service02.jpg)}
#sh_latest .service ul li span{display:block;font-size:13px;color:#aaa;-webkit-transition:all .2s;transition:all .2s}
#sh_latest .service ul li:hover span{color:#007aef}

/* 청소 추천업체 */
#sh_rcmd{position:relative;padding:50px 0}
#sh_rcmd .rcmd_area{overflow:hidden;width:1200px;margin:0 auto}
#sh_rcmd .rcmd_area .tit{margin-bottom:8px;padding:0 5px;font-size:26px;color:#1b1438}
#sh_rcmd .rcmd_area .tit a{float:right;padding:12px 0 0 0;font-size:15px;color:#1b1438;-webkit-transition:all .2s;transition:all .2s}
#sh_rcmd .rcmd_area .tit a:hover{color:#007aef}