.fixed{
    position: fixed;
    z-index: 999;
    right: 3%;
    bottom: 5%;
}
.fixed>div{
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    width: 7vw;
    height: 7vw;
    gap: .5vw 0;
}
.kakao_fix{
    background-color: #f8df00;
}
.request_fix,
.order_fix{
    background-color: #fdf3f3;
}
.tel_fix{
    background-color: #ffff;
}
.top_fix{
    background-color: #0079fa;
    height: 3vw !important;
    gap: 0 !important;
}

/* mobile */
@media screen and (max-width: 767px){ 
    
    .fixed>div{
        width: 19vw;
        height: 19vw;
    }
    .fixed .imgs {
        width: 40%;
    }
    .fixed .imgs img{
        width: 100%;
    }
    .top_fix{
        height: 10vw !important;
    }

    .fixed > div > p{
        font-size: 14px;
    }


}

/* tablet */
@media screen and (min-width: 768px) and (max-width: 1024px){

     .fixed>div{
        width: 10vw;
        height: 10vw;
    }
    .fixed .imgs {
        width: 30%;
    }
    .fixed .imgs img{
        width: 100%;
    }
    .top_fix{
        height: 5vw !important;
    }
}