#bg-main { background-size: cover; height: 550px; position: relative;}
#bg-main .bg-main-center { position: absolute; left: 50%; top: 50%; transform:translateX(-50%) translateY(-50%); }
#bg-main .bg-main-center img { width: 36px; }

#bg-main .bg-main-btn { position: absolute; bottom: 5px; left: 50%; transform: translateX(-50%);}
#bg-main .bg-main-btn img { width: 36px; }

main {

    height: 100%;
    padding-bottom: 56px !important;
    & section {
        display: flex;
        flex-direction: column;
        gap: 16px;
        height: auto;
    }

}

.store-info {
    border: solid 2px; border-color: #30B5BC; padding:2px; background-color: white;
    display: flex;
    width: 100%;
    gap: 16px;
    flex-direction: column;

    & .wrap-store-list {
        display: flex;
        flex-direction: row;
        gap: 16px;
        & div {
            position: relative;
            &.wrap-img {
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
            }
        }
        & i {
            color: #fff;
            font-size: 26px;
        }
    }
}
.com-grad {background: linear-gradient(to bottom, #61cad0 1px, white); height: 60px;}

.img_play {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    & .wrap-icon {
        width: 48px;
        height: 48px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: rgba(0.9, 0.9, 0.9, 0.6);
        text-align: center;
        & i {
            padding-left: 4px;
        }
    }
}