.page.home{
    height: calc(100vh - 65px);
    overflow: auto;
    min-width: 1880px;
}
.page.home .devide-box{
    margin-top:20px;            
}
.page.home .devide-box .left-box{
    width:72%;
    /*padding-right: 20px;*/
    border-right: none;
    height: 350px;
}

.page.home .devide-box .left-box.column{
    display: flex;
    flex-direction: column;
}
.page.home .devide-box .right-box{
    width:28%;
}

.page.home .devide-box .weather-box{
    width: 100%;
    height:533px;
    margin-top:10px;
}

.page.home .devide-box .weather-box iframe{
    box-shadow: 0px 0px 2px 1px;
    width:100%;
    height:100%;
    border-radius: 10px;
}

.page.home .devide-box .weather-box .info-txt{
    display: block;
    width: 100%;
    text-align: end;
    font-size: 12px;
}

.page.home div.h450{
    height:505px;
}

.page.home div.hcal500{
    margin-top: 40px;
    height: calc(100vh - 725px);
}

.page.home div.h50per{
    height:50%;
}

.page.home .devide-box .list-box{
    width: 100%;
    flex:1;
    padding-left: 20px;
}

.page.home .devide-box .list-box .tit{
    font-size:20px;
    font-weight: bold;
    
}

.page.home .devide-box h2{
    font-size: 21px;
    font-weight:bold;
}

.page.home .devide-box .work-in-out-box{
    display:flex;
    width:50%;
    margin-top:10px;
    margin-bottom:20px;
}

.page.home .devide-box .work-in-out-box .info-box{
    flex:1;
    border: 1px solid #B5B5B5;
    padding: 7px;
    border-radius: 5px;
    width: 50%;
}

.page.home .devide-box .work-in-out-box .info-box + .info-box{
    margin-left:10px;
}

.page.home .devide-box .work-in-out-box .info-box a{
    display:flex;
    width:100%;
    height:35px;
    border:1px solid #001E5E;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    cursor:pointer;
}   

.page.home .devide-box .work-in-out-box .info-box a:active,
.page.home .devide-box .work-in-out-box .info-box a.on{
    background-color:#001E5E;
}

.page.home .devide-box .work-in-out-box .info-box a i.icon{
    width:20px;
    height:20px;
    margin-right:10px;
}

.page.home .devide-box .work-in-out-box .info-box a i.icon.in{
    
    width:22px;
    height:22px;
    background: url(/images/icon_sign_in.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .work-in-out-box .info-box a:active i.icon.in,
.page.home .devide-box .work-in-out-box .info-box a.on i.icon.in{
    width:22px;
    height:22px;
    background: url(/images/icon_sign_in_w.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .work-in-out-box .info-box a i.icon.out{
    background: url(/images/icon_sign_out.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .work-in-out-box .info-box a:active i.icon.out,
.page.home .devide-box .work-in-out-box .info-box a.on i.icon.out{
    background: url(/images/icon_sign_out_w.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .work-in-out-box .info-box a span{
    color:#001E5E;
    /*margin-top: 3px;*/
    font-size: 16px;
}

.page.home .devide-box .work-in-out-box .info-box a:active span,
.page.home .devide-box .work-in-out-box .info-box a.on span{
    color:#fff;
}

.page.home .devide-box .work-in-out-box .info-box ul li:first-child{
    margin-top:3px;
}
.page.home .devide-box .work-in-out-box .info-box ul li{
    font-size: 13px;
    padding: 5px 5px 3px;
    border-bottom: 1px solid #EAEAEA;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 325px;
    width: 100%;
    height:32px;
    display: flex;
    align-items: center;
}

/*
    건수 수정 디자인 시작
*/

.page.home .devide-box .count-list-box{
    display: flex;
    flex-direction: column;
    padding:10px 20px 10px 20px;
}
.page.home .devide-box .count-list-box .count-list{
    display:flex;
}
.page.home .devide-box .count-list-box .count-list + .count-list{
    margin-top:20px;
}
.page.home .devide-box .count-list-box .count-list li{
    /*flex:1;*/
    width: 33.33%;
    height:150px;
    background-color: #f2f4f6;
    /*background: linear-gradient(to right, #d3e8f7, #f2f4f6);*/
    border-radius: 10px;
}
.page.home .devide-box .count-list-box .count-list li + li{
    margin-left:10px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box{
    display: flex;
    justify-content: space-between;
    padding:15px 20px 5px 20px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box span{
    font-weight: bold;
    font-size:20px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon{
    display: block;
    margin-left:10px;
    width: 45px;
    height: 37px;
    margin-top:-5px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.fcl{
    width:55px;
    height: 30px;
    /*background: url(/images/icon_fcl_truck2.png) no-repeat center;*/
    background: url(/images/image_fcl_car.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.lcl{
    /*background: url(/images/icon_lcl_truck.png) no-repeat center;*/

    width:55px;
    height: 30px;
    background: url(/images/image_lcl_car.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.customs{
    width: 35px;
    height: 50px;
    margin-top:-8px;
    background: url(/images/icon_customs.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.kcla_pass{
    width: 43px;
    height: 41px;
    margin-top:-8px;
    background: url(/images/image_kcla_pass.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .count-list-box .count-list li .txt-box{
    display:flex;
    justify-content: space-around;
    height: calc(100% - 65px);
    align-items: center;
    padding:0px 10px 0 10px;
    flex-direction: column;
}
.page.home .devide-box .count-list-box .count-list li .txt-box span{
    font-size:22px;
    width:100%;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .count{
    font-size:40px;
    font-weight: bold;
    text-align: center;
    color: #001E5E;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .unit{
    text-align: end;
    padding-right: 10px;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .marquee{
    width: 100%;
      overflow: hidden;
      position: relative;
      height: 40px;
      background: #f4f4f4;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .marquee span{
    font-size:18px;
    width: auto;
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: scroll-left 20s linear infinite;
}
@keyframes scroll-left {
    0% {
      transform: translateX(100%);
    }
    90% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(-100%);
    }
}
/*.page.home .devide-box .count-list-box .count-list li .txt-box .list{
    font-size:18px;
    width:100%;
    margin-top:3px;
    white-space: nowrap;
    overflow: hidden;   
    text-overflow: ellipsis; 
}*/

/*
    2025-05-21
    디자인 추가 시작
*/

.page.home .devide-box.work-on-off{
    height: 150px;
}

.page.home .devide-box.work-on-off .left-box{
    height:auto;
    width:72%;
    display: flex;
    height: 150px;
}

.page.home .devide-box.work-on-off .right-box{
    height:auto;
    width:28%;
}

.page.home .devide-box.work-on-off .approval-box{
    width:50%;
}
.page.home .devide-box .con-tit-box{
    margin-bottom: 8px;
    margin-top: 8px;
    height: 20px;
    display: flex;
    align-items: center;
}
.page.home .devide-box .con-tit-box i.line{
    display: block;
    width: 5px;
    height: 100%;
    background-color: #DCEAF7;
}
.page.home .devide-box .con-tit-box span{
    border-left: 8px solid #001E5E;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
}
.page.home .devide-box .tit-box .txt-box .big{
    font-size: 26px;
    font-weight: bold;
}
.page.home .devide-box .tit-box .txt-box .txt-date{
    font-size: 23px;
    font-weight: bold;
    color:#576A95;
    padding-top: 2px;
}
.page.home .devide-box .tit-box .txt-box .end{
    font-size:23px;
    font-weight: bold;
}
.page.home .devide-box.left-chart .left-box{
    width:40%;
    height:350px;
}
.page.home .devide-box.left-chart .right-box{
    width:60%;
    height:350px;
}
.page.home .devide-box h2{
    font-size:20px;
}

.page.home .contents-list{
    width:100%;
    display: flex;
    margin-top:30px;
}
.page.home .contents-list .contents-box{
    flex:1;
    height: 530px;
}
.page.home .contents-list .contents-box + .contents-box{
    margin-left:20px;
}
.page.home .contents-list .contents-box .calendar-box{
    margin-top:5px;
}
.page.home .contents-list .contents-box .driver-map-box{
    width:100%;
    height:calc(100% - 33px);
}
.page.home .contents-list .contents-box .tit-box{
    display:flex;
    padding:5px 0px;
    align-items: center;
}
.page.home .contents-list .contents-box .tit-box.full{
    width:100%;
    height:50px;
    justify-content: center;
    background-color: #DCEAF7;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    margin-top:5px;
}
.page.home .contents-list .contents-box .tit-box span{
    font-size:20px;
    font-weight: bold;
    height: 29px;
}
.page.home .contents-list .contents-box .tit-box.full span{
    color:#000;
}
.page.home .contents-list .contents-box .tit-box i.icon.loc{
    width:28px;
    height:28px;
    margin-right: 5px;
    background: url(/images/icon_location_black.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .contents-list .contents-box .tit-box i.icon.alarm{
    width:25px;
    height:25px;
    margin-right: 5px;
    background: url(/images/icon-alarm-black.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .contents-list .contents-box header .alarm_box{
    right:0px;
    left:0px;
    margin-top:0px;
    box-shadow: none;
    border-radius: 0px;
}

.page.home .devide-box .approval-box {
    padding:0 20px;
}

.page.home .devide-box .approval-box ul.cnt-list{
    display:flex;
    border-bottom:1px solid #000;
    /*width: 900px;*/
    width:100%;
    margin-top:10px;
}

.page.home .devide-box .approval-box ul:last-child{
    border-bottom: 0px;
}

.page.home .devide-box .approval-box ul.cnt-list li{
    width:300px;
    height:165px;
    padding-top:0px;
}

.page.home .devide-box .approval-box ul.cnt-list li + li{
    margin-left:10px;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit{
    display:flex;
    align-items: center;
    justify-content: start;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit span{
    font-weight:bold;
    height:22px;
    font-size:16px;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon{
    width:20px;
    height:20px;
    margin-left:10px;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.file-n-approval{
    background: url(/images/icon_file_n_approval.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.file-c-approval{
    width:20px;
    height:20px;
    background: url(/images/icon_file_c_approval.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.file-r-approval{
    width:22px;
    height:24px;
    background: url(/images/icon_file_r_approval.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.file-u-approval{
    width:22px;
    height:22px;
    background: url(/images/icon_file_u_approval.png) no-repeat center;
    background-size: 100% 100%;
}


.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.folder-n-approval{
    background: url(/images/icon_folder_n_approval.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.folder-r-approval{
    background: url(/images/icon_folder_r_approval.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.folder-c-approval{
    
    background: url(/images/icon_folder_c_approval.png) no-repeat center;
    background-size: 100% 100%;
}

.page.home .devide-box .approval-box ul.cnt-list li .tit i.icon.folder-u-approval{
    width:22px;
    height:22px;
    margin-bottom: -5px;
    background: url(/images/icon_folder_u_approval.png) no-repeat center;
    background-size: 100% 100%;
}


.page.home .devide-box .approval-box ul.cnt-list li .contents{
    display:flex;
    align-items: end;
    justify-content: start;
    margin-top:5px;
}

.page.home .devide-box .approval-box ul.cnt-list li .contents.end{
    justify-content: end;
}

.page.home .devide-box .approval-box ul.cnt-list li .contents span.big{
    font-size:40px;
    height:35px;
}

.page.home .devide-box .approval-box ul.cnt-list li .contents span{
    font-size:15px;
}

.page.home .devide-box .approval-box ul.cnt-list li .contents span + span{
    margin-left:10px;
}

.page.home .devide-box .approval-box ul.cnt-list li .contents span.unit{
    line-height: 0px;
}

/*
    2025-05-21
    디자인 추가 끝
*/