#building-display{background:#f5f5f5;flex-direction:column;width:var(--size-sidebar-width);z-index:1002}#building-display header.title{align-items:center;background:var(--color-primary);border-radius:0 0 10px 10px;color:#fff;display:flex;justify-content:space-between;padding:13px;width:100%}#building-display header.title h2{display:flex}#building-display header.title h2 img{display:inline;margin-right:5px}#building-display header.title h2 #bd-title{font-size:16px;font-weight:700}#building-display header.title h2 #bd-title.placeholder{background:#00a1e9;height:30px;width:200px}#building-display section.building-contents{display:flex;flex-direction:column;gap:10px;height:calc(100vh - 50px);overflow-y:scroll}#building-display section.building-contents ::-webkit-scrollbar{display:none}#building-display section.building-contents{-ms-overflow-style:none;padding-bottom:50px;scrollbar-width:none}#building-display section.building-contents section.info{align-items:center;background:#fff;display:flex;flex-direction:column;gap:10px;padding:15px}#building-display section.building-contents section.info .align-left{align-self:flex-start}#building-display section.building-contents section.info .align-right{align-self:flex-end}#building-display section.building-contents section.info h3{font-size:16px;font-weight:700}#building-display section.building-contents section.info h4{color:#282828;font-size:12px;font-weight:500}#building-display section.building-contents section.info p.text-info{color:#999;font-size:13px;letter-spacing:-.65px;text-align:justify}#building-display section.building-contents section.info .row{display:flex}#building-display section.building-contents section.info .row.align-items-center{align-items:center}#building-display section.building-contents section.info .row .col{display:flex;flex-direction:column}#building-display section.building-contents section.info .row .divider{background:#d9d9d9;display:block;margin:0 15px;width:1px}#building-display section.building-contents section.info #bd-address{color:#282828;font-size:13px;letter-spacing:-.65px;text-align:center}#building-display section.building-contents section.info #bd-address.placeholder{height:50px;width:300px}#building-display section.building-contents section.info #bd-basic-info{color:grey;font-size:12px;font-weight:500;text-align:center}#building-display section.building-contents section.info #bd-basic-info.placeholder{height:50px;width:250px}#building-display section.building-contents #lease-rate-donut-chart{position:relative;width:100px}#building-display section.building-contents #lease-rate-detail-info{gap:10px;width:calc(var(--size-sidebar-width) - 130px)}#building-display section.building-contents #lease-rate-detail-info h4{margin-bottom:3px}#building-display section.building-contents #lease-rate-detail-info p{font-size:15px;font-weight:700}#building-display section.building-contents #lease-rate-detail-info p.placeholder{height:20px;width:80%}#building-display section.building-contents #lease-rate-detail-info .col{width:calc(50% - 15px)}#building-display section.building-contents #LR-info1{align-items:center;color:#000;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:72px}#building-display section.building-contents #building-rooms{display:flex;flex-direction:column;max-width:360px}#building-display section.building-contents #building-rooms .roof{height:53px}#building-display section.building-contents #building-rooms .base{height:16px}#building-display section.building-contents #building-rooms #rooms{background:#f2f2f2;display:flex;flex-direction:column;gap:4px;padding:0 20px;width:100%}#building-display section.building-contents #building-rooms #rooms.placeholder{height:300px}#building-display section.building-contents #building-rooms #rooms .floor .rooms{display:flex;gap:5px}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room{color:#fff;cursor:pointer;display:flex;font-size:15px;text-align:center;width:100%}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room .room-left{display:flex;flex-direction:column;height:54px;justify-content:center;width:calc(100% - 21px)}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room .room-left .deposit{font-size:17px;font-weight:700}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room .room-right{align-items:center;background:#fff;border:0;border-radius:0 8px 8px 0;display:flex;flex-direction:column;height:54px;justify-content:space-evenly;width:21px}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room .room-right .circle{background:#f2f2f2;border:0;border-radius:50%;height:15px;width:15px}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room.GradeA .room-right{border:1px solid #00a1e9}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room.GradeB .room-right{border:1px solid #80d0f4}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room.GradeC .room-right{border:1px solid #eda9af}#building-display section.building-contents #building-rooms #rooms .floor .rooms .room.GradeD .room-right{border:1px solid #db535f}#building-display section.building-contents #building-rooms #rooms .floor .rooms.multi-rows{flex-direction:column}#building-display section.building-contents #building-rooms #rooms .floor .rooms.multi-rows .room-row{display:flex;gap:4px}#building-display section.building-contents #room-detail{padding:15px;width:100%}#building-display section.building-contents #room-detail-top{display:flex;gap:10px;margin-top:10px;width:100%}#building-display section.building-contents #room-detail-top #room-detail-left,#building-display section.building-contents #room-detail-top #room-detail-right{display:flex;flex-direction:column;gap:10px;width:50%}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each{background:#f1f1f1;border:0;display:flex;height:50px;position:relative;width:100%}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .tag,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .tag{border-radius:12px;color:#fff;font-size:8px;font-weight:400;left:32%;padding:2px 8px;position:absolute;top:-8px;z-index:1}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .tag.warning,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .tag.warning{background:#ed7655}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .tag.accuracy,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .tag.accuracy{background:#00a1e9}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .divider,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .divider{align-self:center;background:#d9d9d9;border:0;height:37px;width:2px}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .left,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .left{align-items:center;border:0;border-radius:5px 0 0 5px;display:flex;justify-content:center;width:46px}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .right,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .right{border:0;border-radius:0 5px 5px 0;display:flex;flex-direction:column;justify-content:center;margin-left:10px}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .right .upper,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .right .upper{font-weight:600}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .type,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .type{background:#5c72be}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .illegal,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .illegal{background:#5cbe91}#building-display section.building-contents #room-detail-top #room-detail-left .room-detail-each .contract,#building-display section.building-contents #room-detail-top #room-detail-right .room-detail-each .contract{background:#f1ae99}#building-display section.building-contents #room-detail-bottom{align-items:center;display:flex;flex-direction:column;gap:11px;margin:25px 0}#building-display section.building-contents #room-detail-bottom p{font-size:12px}#building-display section.building-contents #room-detail-bottom #room-analysis{background:#00a1e9;border:0;border-radius:30px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;height:50px;width:310px}#building-display section.building-contents #lease-rent-conv{align-items:center;background:#d9effb;border-radius:5px;color:#282828;display:flex;font-size:15px;height:40px;justify-content:space-between;padding:8px 15px;width:100%}#building-display section.building-contents #lease-rent-conv #lease-rent-conv-rate{color:#000;font-size:22px;font-weight:700;text-align:right}#building-display section.building-contents #lease-rent-conv #lease-rent-conv-rate.placeholder{background:#d9effb;height:30px;width:100px}#building-display section.building-contents #lease-rent-conv-table{width:100%}#building-display section.building-contents #lease-rent-conv-table.placeholder{height:300px}#building-display section.building-contents #lease-rent-conv-table .lease-rent-conv-table{border-collapse:collapse;width:100%}#building-display section.building-contents #lease-rent-conv-table .lease-rent-conv-table thead{background:#e9f6fd}#building-display section.building-contents #lease-rent-conv-table .lease-rent-conv-table td,#building-display section.building-contents #lease-rent-conv-table .lease-rent-conv-table th{border:1px solid #d1d1d1;color:#000;font-size:11px;padding:5px 0;text-align:center}#building-display section.building-contents #lease-content,#building-display section.building-contents #lease-table,#building-display section.building-contents #rent-content,#building-display section.building-contents #rent-table,#building-display section.building-contents #sale-content,#building-display section.building-contents #sale-table{width:100%}#building-display section.building-contents #lease-table .lease-table,#building-display section.building-contents #rent-table .rent-table,#building-display section.building-contents #sale-table .sale-table{border-collapse:collapse;width:100%}#building-display section.building-contents #lease-table .lease-table thead,#building-display section.building-contents #rent-table .rent-table thead,#building-display section.building-contents #sale-table .sale-table thead{background:#b3e3f8}#building-display section.building-contents #lease-table .lease-table thead th:first-child,#building-display section.building-contents #rent-table .rent-table thead th:first-child,#building-display section.building-contents #sale-table .sale-table thead th:first-child{border-top-left-radius:10px}#building-display section.building-contents #lease-table .lease-table thead th:last-child,#building-display section.building-contents #rent-table .rent-table thead th:last-child,#building-display section.building-contents #sale-table .sale-table thead th:last-child{border-top-right-radius:10px}#building-display section.building-contents #lease-table .lease-table thead tr th,#building-display section.building-contents #rent-table .rent-table thead tr th,#building-display section.building-contents #sale-table .sale-table thead tr th{height:30px}#building-display section.building-contents #lease-table .lease-table tbody tr,#building-display section.building-contents #rent-table .rent-table tbody tr,#building-display section.building-contents #sale-table .sale-table tbody tr{border-bottom:1px solid #b3e3f8}#building-display section.building-contents #lease-table .lease-table tbody tr td,#building-display section.building-contents #rent-table .rent-table tbody tr td,#building-display section.building-contents #sale-table .sale-table tbody tr td{height:35px}#building-display section.building-contents #lease-table .lease-table tbody tr:last-child,#building-display section.building-contents #rent-table .rent-table tbody tr:last-child,#building-display section.building-contents #sale-table .sale-table tbody tr:last-child{border-bottom:none}#building-display section.building-contents #lease-table .lease-table th,#building-display section.building-contents #rent-table .rent-table th,#building-display section.building-contents #sale-table .sale-table th{border:1px solid #fff;font-size:12px}#building-display section.building-contents #lease-table .lease-table td,#building-display section.building-contents #rent-table .rent-table td,#building-display section.building-contents #sale-table .sale-table td{font-size:13px}#building-display section.building-contents #lease-table .lease-table td,#building-display section.building-contents #lease-table .lease-table th,#building-display section.building-contents #rent-table .rent-table td,#building-display section.building-contents #rent-table .rent-table th,#building-display section.building-contents #sale-table .sale-table td,#building-display section.building-contents #sale-table .sale-table th{color:#000;padding:5px 0;text-align:center}#building-display section.building-contents #rtms-table{width:100%}#building-display section.building-contents #rtms-table .tab-navigation{align-self:flex-start;background-color:#ccecfb;border:4px solid #ccecfb;border-radius:25px;display:flex;height:30px;margin-bottom:15px;width:168px}#building-display section.building-contents #rtms-table .tab-button{background-color:#ccecfb;border:none;border-radius:20px;color:#00a1e9;cursor:pointer;font-size:12px;padding:0 14px;width:56px}#building-display section.building-contents #rtms-table .tab-button.active{background-color:#00a1e9;border:none;color:#fff;font:12px 700}#building-display section.building-contents #rtms-table .tab-content{display:none}#building-display section.building-contents #rtms-table .tab-content.active{display:flex;flex-direction:column}@media (max-width:450px){#building-display{overflow-x:hidden;width:100%}#building-display #lease-rate-detail-info{width:calc(100% - 130px)}}