.logo {

}

.btn-fullscreen {

}

#latest_search_log thead .result,
#latest_confirm_log thead .result,
#latest_bldgRegOwn_log thead .result,
#latest_roadMap_log thead .result {
    text-align: center
}


#latest_search_log tbody .name,
#latest_confirm_log tbody .name,
#latest_bldgRegOwn_log tbody .name,
#latest_roadMap_log tbody .name {
    font-size: 14px;
    font-weight: 500
}

#latest_search_log tbody .result,
#latest_confirm_log tbody .result,
#latest_bldgRegOwn_log tbody .result,
#latest_roadMap_log tbody .result {
    text-align: center
}

#latest_search_log tbody td,
#latest_confirm_log tbody td,
#latest_bldgRegOwn_log tbody td,
#latest_roadMap_log tbody td {
    padding-top: 10px;
    padding-bottom: 10px
}

#latest-process-status {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width: 100%;
    text-align: center
}

#latest-process-status .label {
    position: absolute;
    left: 10px;
    top: 10px;
    color: #777
}

#avg_elapsed_time {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 413px;
    width: 100%;
    text-align: center
}

#avg_elapsed_time .avg1 .value {
    text-align: center;
    font-size: 50px;
    font-weight: 600;
}

#avg_elapsed_time .avg2 {
    padding-top: 40px
}

#avg_elapsed_time .avg2 .value {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
}

#latest-office-map #map2 {
    width: 100%;
    height: 300px
}

#latest-office {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 333px;
    width: 100%;
    text-align: center
}

#latest-office img {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    object-fit: cover
}

#latest-office .office-name {
    margin-top: 40px;
    font-size: 25px;
    font-weight: 500;
    word-break: keep-all;
}

#latest-office .office-address {
    margin-top: 30px
}

.latest-queue-info {
    height: 333px;

}

.latest-queue-info .info-data {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 100%;
    vertical-align: top;
}

.latest-queue-info .ing, .done {
    display: flex;
    flex-direction: column; /* 자식 요소들을 세로로 배치 */
    justify-content: center;
    align-items: center;
    height: 100%; /* 높이를 부모의 100%로 설정 */
}

.latest-queue-info .ing .ani {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%; /* 부모 요소 크기에 맞춤 */
    height: 100%; /* 부모 요소의 전체 높이 차지 */
}

.latest-queue-info .done .check {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%; /* 부모 요소 크기에 맞춤 */
}

.latest-queue-info .done .check i {
    font-size: 50px;
    color: #FF0EB4;
    font-weight: 700;
}

.latest-queue-info .done .result {
    text-align: center;
    font-size: 40px;
    font-weight: 600;
    margin-top: 10px; /* 상단 간격 설정 */
}

.latest-queue-info .time {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
}

.latest-queue-info .ing .time {
    color: #FF0EB4;
}

.latest-queue-info .name {
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #999999
}

#queue_list .badge {
    font-size: 12px
}