#fixed {
    position: fixed;
    z-index: 999;
    right: 3%;
    bottom: 5%;

    display: flex;
    flex-direction: column;
    gap: 10px;
}

.fixed>div {
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    background-color: #fff;

    width: 7vw;
    height: 7vw;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    cursor: pointer;
}

/* TOP 버튼만 색상 다르게 하고 싶다면 */
#fixed .top {
    background-color: #162F59;
    color: white;
    border: none;
}

.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;
    }
}