.menu {
    width: 100%;
    position: relative;

}

.shop-container {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding-top: 15% 0;

}

.shop-box {
    width: 80%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 5% 0 10%;
}



.slick-initialized .slick-slide {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    gap: 100px;
}



.shop-slide-txt {
    width: 90%;
}

.shop-slide-txt h3 {
    font-size: 3.5em;
    font-family: "League Spartan", serif;
    color: #DE7913;
}

.shop-slide-txt p {
    font-size: 1.2em;
    line-height: 1.8em;
    padding: 10% 10% 20% 0;
    color: #4e4e4e;
    /*    상우하좌 */
}

.shop-slide-txt strong {
    font-weight: bold;
}

.shop-slide-img {
    width: 100%;
}

.shop-box img {
    width: 60%;
    min-width: 400px;
    height: auto;
}


.button a {
    font-size: 14px;
    display: block;
    color: #000;
    border: 1px solid #000;
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.button a:hover {
    border: 1px solid #4c4236;
    color: #fff;
    background: #4c4236;
    transition: 1s;
}


.arrow {
    position: absolute;
    right: 10%;
    bottom: 15%;
}

.arrow img {
    width: 50px;
    height: auto;
}


/* 미디어 쿼리 추가 */

/* 데스크톱 (화면 너비 1200px 이하) */

@media (max-width: 1200px) {
    .shop-slide-txt h3 {
        font-size: 3em;
    }

    .shop-slide-txt p {
        font-size: 1em;
    }
}


/* 태블릿 (화면 너비 768px 이하) */
@media (max-width: 920px) {
    .slick-initialized .slick-slide {
        display: block;
    }

    .shop-slide-img {
        margin: 0 auto;
    }

    .shop-box img {
        width: 80%;
        margin: 0 auto;
        height: 60vh;
        /* 높이를 고정 비율로 설정 */
        object-fit: cover;
        /* 이미지를 잘라서 비율 유지 */
        overflow: hidden;
    }


    .shop-slide-txt {
        padding-top: 10%;
    }

    .shop-slide-txt p {
        padding: 10% 0%;
    }

    .arrow {
        right: 19%;
        bottom: 3%;
    }


    .shop-slide-txt h3 {
        font-size: 2em;
    }

    .shop-slide-txt p {
        font-size: 1em;
    }

    .shop-slide-txt {
        width: 80%;
        margin: 0 auto;

    }


}

@media (max-width: 750px) {
    .shop-container {
        padding-top: 5%;
    }
}



/* 모바일 (화면 너비 576px 이하) */

@media (max-width: 576px) {
    .shop-container {
        padding: 5% 0 20%;
    }

    .shop-slide-txt {
        padding-top: 0%;
    }


    .shop-slide-txt h3 {
        padding-top: 50px;
        font-size: 2em;
    }

    .shop-slide-txt {
        width: 90%;
        margin: 0 auto;

    }

    .shop-slide-txt p {
        padding-bottom: 15%;
        font-size: .7em;
    }

    .arrow {
        right: 11%;
        bottom: 5%;
    }

    .button a {
        font-size: 10px;
        width: 100px;
        height: 35px;
        line-height: 35px;
        text-align: center;
    }

    .arrow img {
        width: 30px;
    }

}






.footer {
    padding-top: 10%;
    width: 100%;
}