.fixed{
    position: fixed; 
    right: 3vw;
    bottom: 10%;
    z-index: 999;
}
.fixed ul{
    gap: 20px 0;
}
.fixed li{
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    gap: 5px 0;
    cursor: pointer;
}
.fixed .icon_box{
    width: 2vw;
}
.fixed .icon_box img {
    width: 100%;
}
.ddocdoc{
    background-color: #f6f6f6;
}
.schedule{
    background-color: #e56d57;
}
.location{
    background-color: #ffd860;
}
.top_btn{
    background-color: #989898;
}
.ddocdoc p, .location p{
    color: #454545;
}

/* mobile */
@media screen and (max-width: 767px){ 
    .fixed{
        bottom: 2%;
    }
    .fixed ul {
        gap: 10px 0;
    }
    .fixed li{
        width: 65px;
        height: 65px;
    }
    .fixed .icon_box{
        width: 20px;
    }
    .fixed .icon_box img {
        width: 100%;
    }
}
    
/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){
    .fixed{
        bottom: 5%;
    }
    .fixed ul {
        gap: 15px 0;
    }
    .fixed li{
        width: 80px;
        height: 80px;
    }
    .fixed .icon_box{
        width: 30px;
    }
    .fixed .icon_box img {
        width: 100%;
    }
}