.page.home{
    height: calc(100vh - 65px);
    overflow: auto;
}
.page.home .devide-box{
    margin-top:20px;            
}
.page.home .devide-box .left-box{
    width:75%;
    padding-right: 20px;
    border-right: none;
    height: 450px;
}
.page.home .devide-box .right-box{
    width:25%;
}
.page.home .devide-box .weather-box{
    width: calc(100% - 20px);
    height:440px;
    margin-left: 20px; 
}
.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 .devide-box .tit-box{
   display:flex; 
   padding:15px 40px;
}
.page.home .devide-box .tit-box .logo{
    width:190px;
    height:50px;
}
.page.home .devide-box .tit-box .txt-box{
    display: flex;
    /*flex-direction: column;*/
    height: 50px;
    margin-left:50px;
    align-items: center;
}
.page.home .devide-box .tit-box .txt-box span + span{
    margin-left:10px;
}
.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:420px;
}
.page.home .devide-box.left-chart .right-box{
    width:60%;
    height:420px;
}
.page.home .devide-box h2{
    font-size:20px;
}

/*
    기존 디자인 건수 시작
*/

/*
.page.home .devide-box .count-list-box{
    display: flex;
    flex-direction: column;
    padding:10px 20px 10px 60px;
}
.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:first-child{
    width: 170px;
    margin-right: 60px;
}
.page.home .devide-box .count-list-box .count-list li + li{
    margin-left:70px;
    width: 185px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box{
    width:190px;
    background-color: #DCEAF7;
    height:42px;
    padding: 7px 25px;
    justify-content: center;
    border-radius: 5px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box.total{
    width:160px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box span{
    font-size:20px;
    font-weight: bold;
}
.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: -3px;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.fcl-truck{
    background: url(/images/icon_fcl_truck.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.lcl-truck{
    background: url(/images/icon_lcl_truck.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .devide-box .count-list-box .count-list li .tit-box i.icon.customs{
    width: 26px;
    height: 38px;
    background: url(/images/icon_customs.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .txt{
    padding:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 180px;
    height: 100px;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .txt span{
    font-size:25px;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .txt span.big{
    font-size:55px;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .txt span + span{
    margin-left:10px;
}
.page.home .devide-box .count-list-box .count-list li .txt-box .sub-txt span{
    display: inline-block;
    width:100%;
    white-space: nowrap;
    overflow: hidden;   
    text-overflow: ellipsis; 
    font-weight: bold;
}
*/

/*
    기존 디자인 건수 끝
*/


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

.page.home .devide-box .count-list-box{
    display: flex;
    flex-direction: column;
    padding:10px 00px 10px 40px;
}
.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/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{
    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 20px;
    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; 
}*/

/*
    건수 수정 디자인 끝
*/

.page.home .contents-list{
    width:100%;
    display: flex;
}
.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: #001E5E;
    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:#fff;
}
.page.home .contents-list .contents-box .tit-box i.icon.alarm{
    width:35px;
    height:35px;
    margin-right: 5px;
    background: url(/images/icon_alarm_yellow.png) no-repeat center;
    background-size: 100% 100%;
}
.page.home .contents-list .contents-box header .alarm_box{
    right:0px;
    left:0px;
}